diff --git a/front-end/ui.esm.js b/front-end/ui.esm.js
index 54def492..6854f498 100644
--- a/front-end/ui.esm.js
+++ b/front-end/ui.esm.js
@@ -19,7 +19,7 @@ var require_ui = __commonJS({
        */
       constructor(win, extLog, jsonHighlight) {
         //#region --- Class variables ---
-        __publicField(this, "version", "7.0.3-src");
+        __publicField(this, "version", "7.0.4-src");
         // List of tags and attributes not in sanitise defaults but allowed in uibuilder.
         __publicField(this, "sanitiseExtraTags", ["uib-var"]);
         __publicField(this, "sanitiseExtraAttribs", ["variable", "report", "undefined"]);
diff --git a/front-end/ui.esm.min.js b/front-end/ui.esm.min.js
index 74f25ab8..9f03f558 100644
--- a/front-end/ui.esm.min.js
+++ b/front-end/ui.esm.min.js
@@ -1,2 +1,2 @@
-var b=Object.create;var h=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty;var $=(c,t,e)=>t in c?h(c,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):c[t]=e;var g=(c=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(c,{get:(t,e)=>(typeof require<"u"?require:t)[e]}):c)(function(c){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+c+'" is not supported')});var C=(c,t)=>()=>(t||c((t={exports:{}}).exports,t),t.exports);var x=(c,t,e,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of v(t))!S.call(c,n)&&n!==e&&h(c,n,{get:()=>t[n],enumerable:!(i=E(t,n))||i.enumerable});return c};var m=(c,t,e)=>(e=c!=null?b(k(c)):{},x(t||!c||!c.__esModule?h(e,"default",{value:c,enumerable:!0}):e,c));var u=(c,t,e)=>$(c,typeof t!="symbol"?t+"":t,e);var M=C((L,p)=>{var r,A=(r=class{constructor(t,e,i){u(this,"version","7.0.3-esm.min");u(this,"sanitiseExtraTags",["uib-var"]);u(this,"sanitiseExtraAttribs",["variable","report","undefined"]);u(this,"ui_md_plugins");if(t)r.win=t;else throw new Error("Ui:constructor. Current environment does not include `window`, UI functions cannot be used.");r.doc=r.win.document,e?r.log=e:r.log=function(){return function(){}},i?this.syntaxHighlight=i:this.syntaxHighlight=function(){},r.win.markdownit&&(r.mdOpts={html:!0,xhtmlOut:!1,linkify:!0,_highlight:!0,_strict:!1,_view:"html",langPrefix:"language-",highlight:function(n,a){if(a&&window.hljs&&window.hljs.getLanguage(a))try{return'<pre class="">\n                                    <code class="hljs border">'.concat(window.hljs.highlight(n,{language:a,ignoreIllegals:!0}).value,"</code></pre>")}finally{}return'<pre class="hljs border"><code>'.concat(r.md.utils.escapeHtml(n).trim(),"</code></pre>")}},r.md=r.win.markdownit(r.mdOpts))}_markDownIt(){if(r.win.markdownit&&(!this.ui_md_plugins&&r.win.uibuilder&&r.win.uibuilder.ui_md_plugins&&(this.ui_md_plugins=r.win.uibuilder.ui_md_plugins),r.mdOpts={html:!0,xhtmlOut:!1,linkify:!0,_highlight:!0,_strict:!1,_view:"html",langPrefix:"language-",highlight:function(t,e){if(window.hljs)if(e&&window.hljs.getLanguage(e))try{return'<pre><code class="hljs border language-'.concat(e,'" data-language="').concat(e,'" title="Source language: \'').concat(e,"'\">").concat(window.hljs.highlight(t,{language:e,ignoreIllegals:!0}).value,"</code></pre>")}finally{}else try{let i=window.hljs.highlightAuto(t);return'<pre><code class="hljs border language-'.concat(i.language,'" data-language="').concat(i.language,'" title="Source language estimated by HighlightJS: \'').concat(i.language,"'\">").concat(i.value,"</code></pre>")}finally{}return'<pre><code class="border">'.concat(r.md.utils.escapeHtml(t).trim(),"</code></pre>")}},r.md=r.win.markdownit(r.mdOpts),this.ui_md_plugins)){if(!Array.isArray(this.ui_md_plugins)){r.log("error","Ui:_markDownIt:plugins","Could not load plugins, ui_md_plugins is not an array")();return}this.ui_md_plugins.forEach(t=>{if(typeof t=="string")r.md.use(r.win[t]);else{let e=Object.keys(t)[0];r.md.use(r.win[e],t[e])}})}}_showNotification(t){t.topic&&!t.title&&(t.title=t.topic),t.title||(t.title="uibuilder notification"),t.payload&&!t.body&&(t.body=t.payload),t.body||(t.body=" No message given.");try{let e=new Notification(t.title,t);return new Promise((i,n)=>{e.addEventListener("close",a=>{a.currentTarget.userAction="close",i(a)}),e.addEventListener("click",a=>{a.currentTarget.userAction="click",i(a)}),e.addEventListener("error",a=>{a.currentTarget.userAction="error",n(a)})})}catch{return Promise.reject(new Error("Browser refused to create a Notification"))}}_uiAdd(t,e){r.log("trace","Ui:_uiManager:add","Starting _uiAdd")(),t.components.forEach((i,n)=>{r.log("trace","Ui:_uiAdd:components-forEach:".concat(n),"Component to add: ",i)();let a;switch(i.type){case"html":{i.ns="html",a=r.doc.createElement("div");break}case"svg":{i.ns="svg",a=r.doc.createElementNS("http://www.w3.org/2000/svg","svg");break}default:{i.ns="dom",a=r.doc.createElement(i.type);break}}!i.slot&&t.payload&&(i.slot=t.payload),this._uiComposeComponent(a,i);let s;i.parentEl?s=i.parentEl:t.parentEl?s=t.parentEl:i.parent?s=r.doc.querySelector(i.parent):t.parent&&(s=r.doc.querySelector(t.parent)),s||(r.log("info","Ui:_uiAdd","No parent found, adding to body")(),s=r.doc.querySelector("body")),i.position&&i.position==="first"?s.insertBefore(a,s.firstChild):i.position&&Number.isInteger(Number(i.position))?s.insertBefore(a,s.children[i.position]):s.appendChild(a),i.components&&this._uiExtendEl(a,i.components,i.ns)})}_uiComposeComponent(t,e){e.attributes&&Object.keys(e.attributes).forEach(i=>{i==="class"&&Array.isArray(e.attributes[i])&&e.attributes[i].join(" "),r.log("trace","_uiComposeComponent:attributes-forEach","Attribute: '".concat(i,"', value: '").concat(e.attributes[i],"'"))(),i==="value"&&(t.value=e.attributes[i]),i.startsWith("xlink:")?t.setAttributeNS("http://www.w3.org/1999/xlink",i,e.attributes[i]):t.setAttribute(i,e.attributes[i])}),e.id&&t.setAttribute("id",e.id),e.type==="svg"&&(t.setAttributeNS("http://www.w3.org/2000/xmlns/","xmlns","http://www.w3.org/2000/svg"),t.setAttributeNS("http://www.w3.org/2000/xmlns/","xmlns:xlink","http://www.w3.org/1999/xlink")),e.events&&Object.keys(e.events).forEach(i=>{i.toLowerCase==="onclick"&&(i="click");try{t.addEventListener(i,n=>{new Function("evt","".concat(e.events[i],"(evt)"))(n)})}catch(n){r.log("error","Ui:_uiComposeComponent","Add event '".concat(i,"' for element '").concat(e.type,"': Cannot add event handler. ").concat(n.message))()}}),e.properties&&Object.keys(e.properties).forEach(i=>{t[i]=e.properties[i],["value","checked"].includes(i)&&(t.dispatchEvent(new Event("input")),t.dispatchEvent(new Event("change")))}),e.slot&&this.replaceSlot(t,e.slot),e.slotMarkdown&&this.replaceSlotMarkdown(t,e)}_uiExtendEl(t,e,i=""){e.forEach((n,a)=>{r.log("trace","Ui:_uiExtendEl:components-forEach:".concat(a),n)();let s;n.ns=i,n.ns==="html"?(s=t,this.replaceSlot(t,n.slot)):n.ns==="svg"?(s=r.doc.createElementNS("http://www.w3.org/2000/svg",n.type),this._uiComposeComponent(s,n),t.appendChild(s)):(s=r.doc.createElement(n.type==="html"?"div":n.type),this._uiComposeComponent(s,n),t.appendChild(s)),n.components&&this._uiExtendEl(s,n.components,n.ns)})}_uiLoad(t){t.components&&(Array.isArray(t.components)||(t.components=[t.components]),t.components.forEach(async e=>{Promise.resolve().then(()=>m(g(e)))})),t.srcScripts&&(Array.isArray(t.srcScripts)||(t.srcScripts=[t.srcScripts]),t.srcScripts.forEach(e=>{this.loadScriptSrc(e)})),t.txtScripts&&(Array.isArray(t.txtScripts)||(t.txtScripts=[t.txtScripts]),this.loadScriptTxt(t.txtScripts.join("\n"))),t.srcStyles&&(Array.isArray(t.srcStyles)||(t.srcStyles=[t.srcStyles]),t.srcStyles.forEach(e=>{this.loadStyleSrc(e)})),t.txtStyles&&(Array.isArray(t.txtStyles)||(t.txtStyles=[t.txtStyles]),this.loadStyleTxt(t.txtStyles.join("\n")))}_uiManager(t){t._ui&&(Array.isArray(t._ui)||(t._ui=[t._ui]),t._ui.forEach((e,i)=>{if(e.mode&&!e.method&&(e.method=e.mode),!e.method){r.log("error","Ui:_uiManager","No method defined for msg._ui[".concat(i,"]. Ignoring. "),e)();return}switch(e.payload=t.payload,e.topic=t.topic,e.method){case"add":{this._uiAdd(e,!1);break}case"remove":{this._uiRemove(e,!1);break}case"removeAll":{this._uiRemove(e,!0);break}case"replace":{this._uiReplace(e);break}case"update":{this._uiUpdate(e);break}case"load":{this._uiLoad(e);break}case"reload":{this._uiReload();break}case"notify":{this.showDialog("notify",e,t);break}case"alert":{this.showDialog("alert",e,t);break}default:{r.log("error","Ui:_uiManager","Invalid msg._ui[".concat(i,"].method (").concat(e.method,"). Ignoring"))();break}}}))}_uiReload(){r.log("trace","Ui:uiManager:reload","reloading")(),location.reload()}_uiRemove(t,e=!1){t.components.forEach(i=>{let n;e!==!0?n=[r.doc.querySelector(i)]:n=r.doc.querySelectorAll(i),n.forEach(a=>{try{a.remove()}catch(s){r.log("trace","Ui:_uiRemove","Could not remove. ".concat(s.message))()}})})}_uiReplace(t){r.log("trace","Ui:_uiReplace","Starting")(),t.components.forEach((e,i)=>{r.log("trace","Ui:_uiReplace:components-forEach:".concat(i),"Component to replace: ",e)();let n;if(e.id?n=r.doc.getElementById(e.id):e.selector||e.select?n=r.doc.querySelector(e.selector):e.name?n=r.doc.querySelector('[name="'.concat(e.name,'"]')):e.type&&(n=r.doc.querySelector(e.type)),r.log("trace","Ui:_uiReplace:components-forEach:".concat(i),"Element to replace: ",n)(),n==null){r.log("trace","Ui:_uiReplace:components-forEach:".concat(i,":noReplace"),"Cannot find the DOM element. Adding instead.",e)(),this._uiAdd({components:[e]},!1);return}let a;switch(e.type){case"html":{e.ns="html",a=r.doc.createElement("div");break}case"svg":{e.ns="svg",a=r.doc.createElementNS("http://www.w3.org/2000/svg","svg");break}default:{e.ns="dom",a=r.doc.createElement(e.type);break}}this._uiComposeComponent(a,e),n.replaceWith(a),e.components&&this._uiExtendEl(a,e.components,e.ns)})}_uiUpdate(t){r.log("trace","UI:_uiUpdate:update","Starting _uiUpdate",t)(),t.components||(t.components=[Object.assign({},t)]),t.components.forEach((e,i)=>{r.log("trace","_uiUpdate:components-forEach","Start loop #".concat(i),e)();let n;if(e.parentEl?n=e.parentEl:e.id?n=r.doc.querySelectorAll("#".concat(e.id)):e.selector||e.select?n=r.doc.querySelectorAll(e.selector):e.name?n=r.doc.querySelectorAll('[name="'.concat(e.name,'"]')):e.type&&(n=r.doc.querySelectorAll(e.type)),n===void 0||n.length<1){r.log("warn","Ui:_uiManager:update","Cannot find the DOM element. Ignoring.",e)();return}r.log("trace","_uiUpdate:components-forEach","Element(s) to update. Count: ".concat(n.length),n)(),!e.slot&&e.payload&&(e.slot=e.payload),n.forEach((a,s)=>{if(r.log("trace","_uiUpdate:components-forEach","Updating element #".concat(s),a)(),this._uiComposeComponent(a,e),e.components){r.log("trace","_uiUpdate:nested-component","Element #".concat(s," - nested-component"),e,a)();let o={_ui:[]};e.components.forEach((l,d)=>{let f=l.method||e.method||t.method;l.method&&delete l.method,Array.isArray(l)||(l=[l]),r.log("trace","_uiUpdate:nested-component","Element #".concat(s," - nested-component #").concat(d),l)(),o._ui.push({method:f,parentEl:a,components:l})}),r.log("trace","_uiUpdate:nested-component","Element #".concat(s," - nested-component new manager"),o)(),this._uiManager(o)}})})}$(t,e){let i=r.doc.querySelector(t);if(!i)return r.log(1,"Uib:$","No element found for CSS selector ".concat(t))(),null;if(i.nodeName==="TEMPLATE"&&(i=i.content.firstElementChild,!i))return r.log(0,"Uib:$","Template selected for CSS selector ".concat(t," but it is empty"))(),null;e||(e="el");let n;try{switch(e.toLowerCase()){case"text":{n=i.innerText;break}case"html":{n=i.innerHTML;break}case"attr":case"attributes":{n={};for(let a of i.attributes)n[a.name]=a.value;break}default:{n=i;break}}}catch(a){n=i,r.log(1,"Uib:$",'Could not process output type "'.concat(e,'" for CSS selector ').concat(t,", returned the DOM element. ").concat(a.message),a)()}return n}$$(t){return Array.from(r.doc.querySelectorAll(t))}addClass(t,e){Array.isArray(t)||(t=[t]),e&&e.classList.add(...t)}applyTemplate(t,e,i){i||(i={onceOnly:!1});let n=r.doc.getElementById(t),a=r.doc.getElementById(e);if(n&&a){let s;try{i.onceOnly!==!0?s=r.doc.importNode(n.content,!0):s=r.doc.adoptNode(n.content)}catch{r.log("error","Ui:applyTemplate","Source must be a <template>. id='".concat(t,"'"))();return}if(s){if(i.attributes){let o=s.firstElementChild;Object.keys(i.attributes).forEach(l=>{o.setAttribute(l,i.attributes[l])})}a.appendChild(s)}}else n||r.log("error","Ui:applyTemplate","Source not found: id='".concat(t,"'"))(),a||r.log("error","Ui:applyTemplate","Target not found: id='".concat(e,"'"))()}buildHtmlTable(t){let e;if(!Array.isArray(t)&&(typeof t=="object"&&(e=Object.keys(t),t=Object.values(t)),!Array.isArray(t))){let l=r.doc.createElement("p");return l.textContent="Input data is not an array or an object, cannot create a table.",l}let i=r.doc.createElement("table"),n=r.doc.createElement("thead"),a=r.doc.createElement("tr"),s=Object.keys(t[0]);s.forEach(l=>{let d=r.doc.createElement("th");d.textContent=l,a.appendChild(d)}),n.appendChild(a),i.appendChild(n);let o=r.doc.createElement("tbody");return t.forEach((l,d)=>{let f=r.doc.createElement("tr");e&&(f.id="r-".concat(e[d])),s.forEach(w=>{let y=r.doc.createElement("td");y.innerHTML=this.sanitiseHTML(l[w]),f.appendChild(y)}),o.appendChild(f)}),i.appendChild(o),i}convertMarkdown(t){if(!t)return"";if(!r.win.markdownit)return t;r.md||this._markDownIt();try{return r.md.render(t.trim())}catch(e){return r.log(0,"uibuilder:convertMarkdown","Could not render Markdown. ".concat(e.message),e)(),'<p class="border error">Could not render Markdown<p>'}}async include(t,e){if(!fetch)return r.log(0,"Ui:include","Current environment does not include `fetch`, skipping.")(),"Current environment does not include `fetch`, skipping.";if(!t)return r.log(0,"Ui:include","url parameter must be provided, skipping.")(),"url parameter must be provided, skipping.";if(!e||!e.id)return r.log(0,"Ui:include","uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.")(),"uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.";let i;try{i=await fetch(t)}catch(d){return r.log(0,"Ui:include","Fetch of file '".concat(t,"' failed. "),d.message)(),d.message}if(!i.ok)return r.log(0,"Ui:include","Fetch of file '".concat(t,"' failed. Status='").concat(i.statusText,"'"))(),i.statusText;let n=await i.headers.get("content-type"),a=null;n&&(n.includes("text/html")?a="html":n.includes("application/json")?a="json":n.includes("multipart/form-data")?a="form":n.includes("image/")?a="image":n.includes("video/")?a="video":n.includes("application/pdf")?a="pdf":n.includes("text/plain")&&(a="text"));let s="",o="Include successful",l;switch(a){case"html":{l=await i.text(),s=l;break}case"json":{l=await i.json(),s='<pre class="syntax-highlight">',s+=this.syntaxHighlight(l),s+="</pre>";break}case"form":{l=await i.formData(),s='<pre class="syntax-highlight">',s+=this.syntaxHighlight(l),s+="</pre>";break}case"image":{l=await i.blob(),s='<img src="'.concat(URL.createObjectURL(l),'">'),r.win.DOMPurify&&(o="Include successful. BUT DOMPurify loaded which may block its use.",r.log("warn","Ui:include:image",o)());break}case"video":{l=await i.blob(),s='<video controls autoplay><source src="'.concat(URL.createObjectURL(l),'"></video>'),r.win.DOMPurify&&(o="Include successful. BUT DOMPurify loaded which may block its use.",r.log("warn","Ui:include:video",o)());break}case"pdf":case"text":default:{l=await i.blob(),s='<iframe style="resize:both;width:inherit;height:inherit;" src="'.concat(URL.createObjectURL(l),'">'),r.win.DOMPurify&&(o="Include successful. BUT DOMPurify loaded which may block its use.",r.log("warn","Ui:include:".concat(a),o)());break}}return e.type="div",e.slot=s,e.parent||(e.parent="body"),e.attributes||(e.attributes={class:"included"}),this._uiReplace({components:[e]}),r.log("trace","Ui:include:".concat(a),o)(),o}loadScriptSrc(t){let e=r.doc.createElement("script");e.src=t,e.async=!1,r.doc.head.appendChild(e)}loadScriptTxt(t){let e=r.doc.createElement("script");e.async=!1,e.textContent=t,r.doc.head.appendChild(e)}loadStyleSrc(t){let e=r.doc.createElement("link");e.href=t,e.rel="stylesheet",e.type="text/css",r.doc.head.appendChild(e)}loadStyleTxt(t){let e=r.doc.createElement("style");e.textContent=t,r.doc.head.appendChild(e)}loadui(t){if(!fetch){r.log(0,"Ui:loadui","Current environment does not include `fetch`, skipping.")();return}if(!t){r.log(0,"Ui:loadui","url parameter must be provided, skipping.")();return}fetch(t).then(e=>{if(e.ok===!1)throw new Error("Could not load '".concat(t,"'. Status ").concat(e.status,", Error: ").concat(e.statusText));r.log("trace","Ui:loadui:then1","Loaded '".concat(t,"'. Status ").concat(e.status,", ").concat(e.statusText))();let i=e.headers.get("content-type");if(!i||!i.includes("application/json"))throw new TypeError("Fetch '".concat(t,"' did not return JSON, ignoring"));return e.json()}).then(e=>e!==void 0?(r.log("trace","Ui:loadui:then2","Parsed JSON successfully obtained")(),this._uiManager({_ui:e}),!0):!1).catch(e=>{r.log("warn","Ui:loadui:catch","Error. ",e)()})}moveElement(t){let{sourceSelector:e,targetSelector:i,moveType:n,position:a}=t;if(!document.querySelector(e)){r.log(0,"Ui:moveElement","Source element not found")();return}if(!document.querySelector(i)){r.log(0,"Ui:moveElement","Target element not found")();return}}nodeGet(t,e){let i={id:t.id===""?void 0:t.id,name:t.name,children:t.childNodes.length,type:t.nodeName,attributes:void 0,isUserInput:!!t.validity,userInput:t.validity?{value:t.value,validity:void 0,willValidate:t.willValidate,valueAsDate:t.valueAsDate,valueAsNumber:t.valueAsNumber,type:t.type}:void 0};if(["UL","OL"].includes(t.nodeName)){let n=r.doc.querySelectorAll("".concat(e," li"));n&&(i.list={entries:n.length})}if(t.nodeName==="DL"){let n=r.doc.querySelectorAll("".concat(e," dt"));n&&(i.list={entries:n.length})}if(t.nodeName==="TABLE"){let n=r.doc.querySelectorAll("".concat(e," > tbody > tr")),a=r.doc.querySelectorAll("".concat(e," > thead > tr")),s=r.doc.querySelectorAll("".concat(e," > tbody > tr:last-child > *"));(n||a||s)&&(i.table={headRows:a?a.length:0,bodyRows:n?n.length:0,columns:s?s.length:0})}if(t.nodeName!=="#text"&&t.attributes&&t.attributes.length>0){i.attributes={};for(let n of t.attributes)n.name!=="id"&&(i.attributes[n.name]=t.attributes[n.name].value),n.name==="class"&&(i.classes=Array.from(t.classList))}t.nodeName==="#text"&&(i.text=t.textContent),t.validity&&(i.userInput.validity={});for(let n in t.validity)i.userInput.validity[n]=t.validity[n];return i}async notification(t){if(typeof t=="string"&&(t={body:t}),typeof Notification>"u")return Promise.reject(new Error("Notifications not available in this browser"));let e=Notification.permission;return e==="denied"?Promise.reject(new Error("Notifications not permitted by user")):e==="granted"?this._showNotification(t):(e=await Notification.requestPermission(),e==="granted"?this._showNotification(t):Promise.reject(new Error("Notifications not permitted by user")))}removeClass(t,e){if(!t){e.removeAttribute("class");return}Array.isArray(t)||(t=[t]),e&&e.classList.remove(...t)}replaceSlot(t,e){if(!t)return;e||(e=""),e=this.sanitiseHTML(e);let i=r.doc.createRange().createContextualFragment(e),n=r.doc.createRange();n.selectNodeContents(t),n.deleteContents(),t.append(i)}replaceSlotMarkdown(t,e){t&&e.slotMarkdown&&(e.slotMarkdown=this.convertMarkdown(e.slotMarkdown),e.slotMarkdown=this.sanitiseHTML(e.slotMarkdown),t.innerHTML=e.slotMarkdown)}sanitiseHTML(t){return r.win.DOMPurify?r.win.DOMPurify.sanitize(t,{ADD_TAGS:this.sanitiseExtraTags,ADD_ATTR:this.sanitiseExtraAttribs}):t}showDialog(t,e,i){let n="";if(i.payload&&typeof i.payload=="string"&&(n+="<div>".concat(i.payload,"</div>")),e.content&&(n+="<div>".concat(e.content,"</div>")),n===""){r.log(1,"Ui:showDialog","Toast content is blank. Not shown.")();return}!e.title&&i.topic&&(e.title=i.topic),e.title&&(n='<p class="toast-head">'.concat(e.title,"</p><p>").concat(n,"</p>")),e.noAutohide&&(e.noAutoHide=e.noAutohide),e.noAutoHide&&(e.autohide=!e.noAutoHide),e.autoHideDelay?(e.autohide||(e.autohide=!0),e.delay=e.autoHideDelay):e.autoHideDelay=1e4,Object.prototype.hasOwnProperty.call(e,"autohide")||(e.autohide=!0),t==="alert"&&(e.modal=!0,e.autohide=!1,n='<svg viewBox="0 0 192.146 192.146" style="width:30;background-color:transparent;"><path d="M108.186 144.372c0 7.054-4.729 12.32-12.037 12.32h-.254c-7.054 0-11.92-5.266-11.92-12.32 0-7.298 5.012-12.31 12.174-12.31s11.91 4.992 12.037 12.31zM88.44 125.301h15.447l2.951-61.298H85.46l2.98 61.298zm101.932 51.733c-2.237 3.664-6.214 5.921-10.493 5.921H12.282c-4.426 0-8.51-2.384-10.698-6.233a12.34 12.34 0 0 1 .147-12.349l84.111-149.22c2.208-3.722 6.204-5.96 10.522-5.96h.332c4.445.107 8.441 2.618 10.513 6.546l83.515 149.229c1.993 3.8 1.905 8.363-.352 12.066zm-10.493-6.4L96.354 21.454l-84.062 149.18h167.587z" /></svg> '.concat(n));let a=r.doc.getElementById("toaster");a===null&&(a=r.doc.createElement("div"),a.id="toaster",a.title="Click to clear all notifcations",a.setAttribute("class","toaster"),a.setAttribute("role","dialog"),a.setAttribute("arial-label","Toast message"),a.onclick=function(){a.remove()},r.doc.body.insertAdjacentElement("afterbegin",a));let s=r.doc.createElement("div");s.title="Click to clear this notifcation",s.setAttribute("class","toast ".concat(e.variant?e.variant:""," ").concat(t)),s.innerHTML=n,s.setAttribute("role","alertdialog"),e.modal&&s.setAttribute("aria-modal",e.modal),s.onclick=function(o){o.stopPropagation(),s.remove(),a.childElementCount<1&&a.remove()},a.insertAdjacentElement(e.appendToast===!0?"beforeend":"afterbegin",s),e.autohide===!0&&setInterval(()=>{s.remove(),a.childElementCount<1&&a.remove()},e.autoHideDelay)}ui(t){let e={};t._ui?e=t:e._ui=t,this._uiManager(e)}uiGet(t,e=null){let i=r.doc.querySelectorAll(t),n=[];return i.forEach(a=>{if(e){e==="classes"&&(e="class");let s=a.getAttribute(e);if(s==null)try{s=a[e]}catch{}if(s==null)e.toLowerCase()==="value"?n.push(a.innerText):n.push("Property '".concat(e,"' not found"));else{let o={},l=s.constructor.name.toLowerCase();if(l==="namednodemap")for(let d of s)o[d.name]=s[d.name].value;else if(!l.includes("map"))o[e]=s;else{let d={};for(let f in s)d[f]=s[f]}o.class&&(o.classes=Array.from(a.classList)),n.push(o)}}else n.push(this.nodeGet(a,t))}),n}uiEnhanceElement(t,e){this._uiComposeComponent(t,e)}},u(r,"win"),u(r,"doc"),u(r,"log"),u(r,"mdOpts"),u(r,"md"),r);p.exports=A});export default M();
+var b=Object.create;var h=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty;var $=(c,t,e)=>t in c?h(c,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):c[t]=e;var g=(c=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(c,{get:(t,e)=>(typeof require<"u"?require:t)[e]}):c)(function(c){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+c+'" is not supported')});var C=(c,t)=>()=>(t||c((t={exports:{}}).exports,t),t.exports);var x=(c,t,e,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of v(t))!S.call(c,n)&&n!==e&&h(c,n,{get:()=>t[n],enumerable:!(i=E(t,n))||i.enumerable});return c};var m=(c,t,e)=>(e=c!=null?b(k(c)):{},x(t||!c||!c.__esModule?h(e,"default",{value:c,enumerable:!0}):e,c));var u=(c,t,e)=>$(c,typeof t!="symbol"?t+"":t,e);var M=C((L,p)=>{var r,A=(r=class{constructor(t,e,i){u(this,"version","7.0.4-esm.min");u(this,"sanitiseExtraTags",["uib-var"]);u(this,"sanitiseExtraAttribs",["variable","report","undefined"]);u(this,"ui_md_plugins");if(t)r.win=t;else throw new Error("Ui:constructor. Current environment does not include `window`, UI functions cannot be used.");r.doc=r.win.document,e?r.log=e:r.log=function(){return function(){}},i?this.syntaxHighlight=i:this.syntaxHighlight=function(){},r.win.markdownit&&(r.mdOpts={html:!0,xhtmlOut:!1,linkify:!0,_highlight:!0,_strict:!1,_view:"html",langPrefix:"language-",highlight:function(n,a){if(a&&window.hljs&&window.hljs.getLanguage(a))try{return'<pre class="">\n                                    <code class="hljs border">'.concat(window.hljs.highlight(n,{language:a,ignoreIllegals:!0}).value,"</code></pre>")}finally{}return'<pre class="hljs border"><code>'.concat(r.md.utils.escapeHtml(n).trim(),"</code></pre>")}},r.md=r.win.markdownit(r.mdOpts))}_markDownIt(){if(r.win.markdownit&&(!this.ui_md_plugins&&r.win.uibuilder&&r.win.uibuilder.ui_md_plugins&&(this.ui_md_plugins=r.win.uibuilder.ui_md_plugins),r.mdOpts={html:!0,xhtmlOut:!1,linkify:!0,_highlight:!0,_strict:!1,_view:"html",langPrefix:"language-",highlight:function(t,e){if(window.hljs)if(e&&window.hljs.getLanguage(e))try{return'<pre><code class="hljs border language-'.concat(e,'" data-language="').concat(e,'" title="Source language: \'').concat(e,"'\">").concat(window.hljs.highlight(t,{language:e,ignoreIllegals:!0}).value,"</code></pre>")}finally{}else try{let i=window.hljs.highlightAuto(t);return'<pre><code class="hljs border language-'.concat(i.language,'" data-language="').concat(i.language,'" title="Source language estimated by HighlightJS: \'').concat(i.language,"'\">").concat(i.value,"</code></pre>")}finally{}return'<pre><code class="border">'.concat(r.md.utils.escapeHtml(t).trim(),"</code></pre>")}},r.md=r.win.markdownit(r.mdOpts),this.ui_md_plugins)){if(!Array.isArray(this.ui_md_plugins)){r.log("error","Ui:_markDownIt:plugins","Could not load plugins, ui_md_plugins is not an array")();return}this.ui_md_plugins.forEach(t=>{if(typeof t=="string")r.md.use(r.win[t]);else{let e=Object.keys(t)[0];r.md.use(r.win[e],t[e])}})}}_showNotification(t){t.topic&&!t.title&&(t.title=t.topic),t.title||(t.title="uibuilder notification"),t.payload&&!t.body&&(t.body=t.payload),t.body||(t.body=" No message given.");try{let e=new Notification(t.title,t);return new Promise((i,n)=>{e.addEventListener("close",a=>{a.currentTarget.userAction="close",i(a)}),e.addEventListener("click",a=>{a.currentTarget.userAction="click",i(a)}),e.addEventListener("error",a=>{a.currentTarget.userAction="error",n(a)})})}catch{return Promise.reject(new Error("Browser refused to create a Notification"))}}_uiAdd(t,e){r.log("trace","Ui:_uiManager:add","Starting _uiAdd")(),t.components.forEach((i,n)=>{r.log("trace","Ui:_uiAdd:components-forEach:".concat(n),"Component to add: ",i)();let a;switch(i.type){case"html":{i.ns="html",a=r.doc.createElement("div");break}case"svg":{i.ns="svg",a=r.doc.createElementNS("http://www.w3.org/2000/svg","svg");break}default:{i.ns="dom",a=r.doc.createElement(i.type);break}}!i.slot&&t.payload&&(i.slot=t.payload),this._uiComposeComponent(a,i);let s;i.parentEl?s=i.parentEl:t.parentEl?s=t.parentEl:i.parent?s=r.doc.querySelector(i.parent):t.parent&&(s=r.doc.querySelector(t.parent)),s||(r.log("info","Ui:_uiAdd","No parent found, adding to body")(),s=r.doc.querySelector("body")),i.position&&i.position==="first"?s.insertBefore(a,s.firstChild):i.position&&Number.isInteger(Number(i.position))?s.insertBefore(a,s.children[i.position]):s.appendChild(a),i.components&&this._uiExtendEl(a,i.components,i.ns)})}_uiComposeComponent(t,e){e.attributes&&Object.keys(e.attributes).forEach(i=>{i==="class"&&Array.isArray(e.attributes[i])&&e.attributes[i].join(" "),r.log("trace","_uiComposeComponent:attributes-forEach","Attribute: '".concat(i,"', value: '").concat(e.attributes[i],"'"))(),i==="value"&&(t.value=e.attributes[i]),i.startsWith("xlink:")?t.setAttributeNS("http://www.w3.org/1999/xlink",i,e.attributes[i]):t.setAttribute(i,e.attributes[i])}),e.id&&t.setAttribute("id",e.id),e.type==="svg"&&(t.setAttributeNS("http://www.w3.org/2000/xmlns/","xmlns","http://www.w3.org/2000/svg"),t.setAttributeNS("http://www.w3.org/2000/xmlns/","xmlns:xlink","http://www.w3.org/1999/xlink")),e.events&&Object.keys(e.events).forEach(i=>{i.toLowerCase==="onclick"&&(i="click");try{t.addEventListener(i,n=>{new Function("evt","".concat(e.events[i],"(evt)"))(n)})}catch(n){r.log("error","Ui:_uiComposeComponent","Add event '".concat(i,"' for element '").concat(e.type,"': Cannot add event handler. ").concat(n.message))()}}),e.properties&&Object.keys(e.properties).forEach(i=>{t[i]=e.properties[i],["value","checked"].includes(i)&&(t.dispatchEvent(new Event("input")),t.dispatchEvent(new Event("change")))}),e.slot&&this.replaceSlot(t,e.slot),e.slotMarkdown&&this.replaceSlotMarkdown(t,e)}_uiExtendEl(t,e,i=""){e.forEach((n,a)=>{r.log("trace","Ui:_uiExtendEl:components-forEach:".concat(a),n)();let s;n.ns=i,n.ns==="html"?(s=t,this.replaceSlot(t,n.slot)):n.ns==="svg"?(s=r.doc.createElementNS("http://www.w3.org/2000/svg",n.type),this._uiComposeComponent(s,n),t.appendChild(s)):(s=r.doc.createElement(n.type==="html"?"div":n.type),this._uiComposeComponent(s,n),t.appendChild(s)),n.components&&this._uiExtendEl(s,n.components,n.ns)})}_uiLoad(t){t.components&&(Array.isArray(t.components)||(t.components=[t.components]),t.components.forEach(async e=>{Promise.resolve().then(()=>m(g(e)))})),t.srcScripts&&(Array.isArray(t.srcScripts)||(t.srcScripts=[t.srcScripts]),t.srcScripts.forEach(e=>{this.loadScriptSrc(e)})),t.txtScripts&&(Array.isArray(t.txtScripts)||(t.txtScripts=[t.txtScripts]),this.loadScriptTxt(t.txtScripts.join("\n"))),t.srcStyles&&(Array.isArray(t.srcStyles)||(t.srcStyles=[t.srcStyles]),t.srcStyles.forEach(e=>{this.loadStyleSrc(e)})),t.txtStyles&&(Array.isArray(t.txtStyles)||(t.txtStyles=[t.txtStyles]),this.loadStyleTxt(t.txtStyles.join("\n")))}_uiManager(t){t._ui&&(Array.isArray(t._ui)||(t._ui=[t._ui]),t._ui.forEach((e,i)=>{if(e.mode&&!e.method&&(e.method=e.mode),!e.method){r.log("error","Ui:_uiManager","No method defined for msg._ui[".concat(i,"]. Ignoring. "),e)();return}switch(e.payload=t.payload,e.topic=t.topic,e.method){case"add":{this._uiAdd(e,!1);break}case"remove":{this._uiRemove(e,!1);break}case"removeAll":{this._uiRemove(e,!0);break}case"replace":{this._uiReplace(e);break}case"update":{this._uiUpdate(e);break}case"load":{this._uiLoad(e);break}case"reload":{this._uiReload();break}case"notify":{this.showDialog("notify",e,t);break}case"alert":{this.showDialog("alert",e,t);break}default:{r.log("error","Ui:_uiManager","Invalid msg._ui[".concat(i,"].method (").concat(e.method,"). Ignoring"))();break}}}))}_uiReload(){r.log("trace","Ui:uiManager:reload","reloading")(),location.reload()}_uiRemove(t,e=!1){t.components.forEach(i=>{let n;e!==!0?n=[r.doc.querySelector(i)]:n=r.doc.querySelectorAll(i),n.forEach(a=>{try{a.remove()}catch(s){r.log("trace","Ui:_uiRemove","Could not remove. ".concat(s.message))()}})})}_uiReplace(t){r.log("trace","Ui:_uiReplace","Starting")(),t.components.forEach((e,i)=>{r.log("trace","Ui:_uiReplace:components-forEach:".concat(i),"Component to replace: ",e)();let n;if(e.id?n=r.doc.getElementById(e.id):e.selector||e.select?n=r.doc.querySelector(e.selector):e.name?n=r.doc.querySelector('[name="'.concat(e.name,'"]')):e.type&&(n=r.doc.querySelector(e.type)),r.log("trace","Ui:_uiReplace:components-forEach:".concat(i),"Element to replace: ",n)(),n==null){r.log("trace","Ui:_uiReplace:components-forEach:".concat(i,":noReplace"),"Cannot find the DOM element. Adding instead.",e)(),this._uiAdd({components:[e]},!1);return}let a;switch(e.type){case"html":{e.ns="html",a=r.doc.createElement("div");break}case"svg":{e.ns="svg",a=r.doc.createElementNS("http://www.w3.org/2000/svg","svg");break}default:{e.ns="dom",a=r.doc.createElement(e.type);break}}this._uiComposeComponent(a,e),n.replaceWith(a),e.components&&this._uiExtendEl(a,e.components,e.ns)})}_uiUpdate(t){r.log("trace","UI:_uiUpdate:update","Starting _uiUpdate",t)(),t.components||(t.components=[Object.assign({},t)]),t.components.forEach((e,i)=>{r.log("trace","_uiUpdate:components-forEach","Start loop #".concat(i),e)();let n;if(e.parentEl?n=e.parentEl:e.id?n=r.doc.querySelectorAll("#".concat(e.id)):e.selector||e.select?n=r.doc.querySelectorAll(e.selector):e.name?n=r.doc.querySelectorAll('[name="'.concat(e.name,'"]')):e.type&&(n=r.doc.querySelectorAll(e.type)),n===void 0||n.length<1){r.log("warn","Ui:_uiManager:update","Cannot find the DOM element. Ignoring.",e)();return}r.log("trace","_uiUpdate:components-forEach","Element(s) to update. Count: ".concat(n.length),n)(),!e.slot&&e.payload&&(e.slot=e.payload),n.forEach((a,s)=>{if(r.log("trace","_uiUpdate:components-forEach","Updating element #".concat(s),a)(),this._uiComposeComponent(a,e),e.components){r.log("trace","_uiUpdate:nested-component","Element #".concat(s," - nested-component"),e,a)();let o={_ui:[]};e.components.forEach((l,d)=>{let f=l.method||e.method||t.method;l.method&&delete l.method,Array.isArray(l)||(l=[l]),r.log("trace","_uiUpdate:nested-component","Element #".concat(s," - nested-component #").concat(d),l)(),o._ui.push({method:f,parentEl:a,components:l})}),r.log("trace","_uiUpdate:nested-component","Element #".concat(s," - nested-component new manager"),o)(),this._uiManager(o)}})})}$(t,e){let i=r.doc.querySelector(t);if(!i)return r.log(1,"Uib:$","No element found for CSS selector ".concat(t))(),null;if(i.nodeName==="TEMPLATE"&&(i=i.content.firstElementChild,!i))return r.log(0,"Uib:$","Template selected for CSS selector ".concat(t," but it is empty"))(),null;e||(e="el");let n;try{switch(e.toLowerCase()){case"text":{n=i.innerText;break}case"html":{n=i.innerHTML;break}case"attr":case"attributes":{n={};for(let a of i.attributes)n[a.name]=a.value;break}default:{n=i;break}}}catch(a){n=i,r.log(1,"Uib:$",'Could not process output type "'.concat(e,'" for CSS selector ').concat(t,", returned the DOM element. ").concat(a.message),a)()}return n}$$(t){return Array.from(r.doc.querySelectorAll(t))}addClass(t,e){Array.isArray(t)||(t=[t]),e&&e.classList.add(...t)}applyTemplate(t,e,i){i||(i={onceOnly:!1});let n=r.doc.getElementById(t),a=r.doc.getElementById(e);if(n&&a){let s;try{i.onceOnly!==!0?s=r.doc.importNode(n.content,!0):s=r.doc.adoptNode(n.content)}catch{r.log("error","Ui:applyTemplate","Source must be a <template>. id='".concat(t,"'"))();return}if(s){if(i.attributes){let o=s.firstElementChild;Object.keys(i.attributes).forEach(l=>{o.setAttribute(l,i.attributes[l])})}a.appendChild(s)}}else n||r.log("error","Ui:applyTemplate","Source not found: id='".concat(t,"'"))(),a||r.log("error","Ui:applyTemplate","Target not found: id='".concat(e,"'"))()}buildHtmlTable(t){let e;if(!Array.isArray(t)&&(typeof t=="object"&&(e=Object.keys(t),t=Object.values(t)),!Array.isArray(t))){let l=r.doc.createElement("p");return l.textContent="Input data is not an array or an object, cannot create a table.",l}let i=r.doc.createElement("table"),n=r.doc.createElement("thead"),a=r.doc.createElement("tr"),s=Object.keys(t[0]);s.forEach(l=>{let d=r.doc.createElement("th");d.textContent=l,a.appendChild(d)}),n.appendChild(a),i.appendChild(n);let o=r.doc.createElement("tbody");return t.forEach((l,d)=>{let f=r.doc.createElement("tr");e&&(f.id="r-".concat(e[d])),s.forEach(w=>{let y=r.doc.createElement("td");y.innerHTML=this.sanitiseHTML(l[w]),f.appendChild(y)}),o.appendChild(f)}),i.appendChild(o),i}convertMarkdown(t){if(!t)return"";if(!r.win.markdownit)return t;r.md||this._markDownIt();try{return r.md.render(t.trim())}catch(e){return r.log(0,"uibuilder:convertMarkdown","Could not render Markdown. ".concat(e.message),e)(),'<p class="border error">Could not render Markdown<p>'}}async include(t,e){if(!fetch)return r.log(0,"Ui:include","Current environment does not include `fetch`, skipping.")(),"Current environment does not include `fetch`, skipping.";if(!t)return r.log(0,"Ui:include","url parameter must be provided, skipping.")(),"url parameter must be provided, skipping.";if(!e||!e.id)return r.log(0,"Ui:include","uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.")(),"uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.";let i;try{i=await fetch(t)}catch(d){return r.log(0,"Ui:include","Fetch of file '".concat(t,"' failed. "),d.message)(),d.message}if(!i.ok)return r.log(0,"Ui:include","Fetch of file '".concat(t,"' failed. Status='").concat(i.statusText,"'"))(),i.statusText;let n=await i.headers.get("content-type"),a=null;n&&(n.includes("text/html")?a="html":n.includes("application/json")?a="json":n.includes("multipart/form-data")?a="form":n.includes("image/")?a="image":n.includes("video/")?a="video":n.includes("application/pdf")?a="pdf":n.includes("text/plain")&&(a="text"));let s="",o="Include successful",l;switch(a){case"html":{l=await i.text(),s=l;break}case"json":{l=await i.json(),s='<pre class="syntax-highlight">',s+=this.syntaxHighlight(l),s+="</pre>";break}case"form":{l=await i.formData(),s='<pre class="syntax-highlight">',s+=this.syntaxHighlight(l),s+="</pre>";break}case"image":{l=await i.blob(),s='<img src="'.concat(URL.createObjectURL(l),'">'),r.win.DOMPurify&&(o="Include successful. BUT DOMPurify loaded which may block its use.",r.log("warn","Ui:include:image",o)());break}case"video":{l=await i.blob(),s='<video controls autoplay><source src="'.concat(URL.createObjectURL(l),'"></video>'),r.win.DOMPurify&&(o="Include successful. BUT DOMPurify loaded which may block its use.",r.log("warn","Ui:include:video",o)());break}case"pdf":case"text":default:{l=await i.blob(),s='<iframe style="resize:both;width:inherit;height:inherit;" src="'.concat(URL.createObjectURL(l),'">'),r.win.DOMPurify&&(o="Include successful. BUT DOMPurify loaded which may block its use.",r.log("warn","Ui:include:".concat(a),o)());break}}return e.type="div",e.slot=s,e.parent||(e.parent="body"),e.attributes||(e.attributes={class:"included"}),this._uiReplace({components:[e]}),r.log("trace","Ui:include:".concat(a),o)(),o}loadScriptSrc(t){let e=r.doc.createElement("script");e.src=t,e.async=!1,r.doc.head.appendChild(e)}loadScriptTxt(t){let e=r.doc.createElement("script");e.async=!1,e.textContent=t,r.doc.head.appendChild(e)}loadStyleSrc(t){let e=r.doc.createElement("link");e.href=t,e.rel="stylesheet",e.type="text/css",r.doc.head.appendChild(e)}loadStyleTxt(t){let e=r.doc.createElement("style");e.textContent=t,r.doc.head.appendChild(e)}loadui(t){if(!fetch){r.log(0,"Ui:loadui","Current environment does not include `fetch`, skipping.")();return}if(!t){r.log(0,"Ui:loadui","url parameter must be provided, skipping.")();return}fetch(t).then(e=>{if(e.ok===!1)throw new Error("Could not load '".concat(t,"'. Status ").concat(e.status,", Error: ").concat(e.statusText));r.log("trace","Ui:loadui:then1","Loaded '".concat(t,"'. Status ").concat(e.status,", ").concat(e.statusText))();let i=e.headers.get("content-type");if(!i||!i.includes("application/json"))throw new TypeError("Fetch '".concat(t,"' did not return JSON, ignoring"));return e.json()}).then(e=>e!==void 0?(r.log("trace","Ui:loadui:then2","Parsed JSON successfully obtained")(),this._uiManager({_ui:e}),!0):!1).catch(e=>{r.log("warn","Ui:loadui:catch","Error. ",e)()})}moveElement(t){let{sourceSelector:e,targetSelector:i,moveType:n,position:a}=t;if(!document.querySelector(e)){r.log(0,"Ui:moveElement","Source element not found")();return}if(!document.querySelector(i)){r.log(0,"Ui:moveElement","Target element not found")();return}}nodeGet(t,e){let i={id:t.id===""?void 0:t.id,name:t.name,children:t.childNodes.length,type:t.nodeName,attributes:void 0,isUserInput:!!t.validity,userInput:t.validity?{value:t.value,validity:void 0,willValidate:t.willValidate,valueAsDate:t.valueAsDate,valueAsNumber:t.valueAsNumber,type:t.type}:void 0};if(["UL","OL"].includes(t.nodeName)){let n=r.doc.querySelectorAll("".concat(e," li"));n&&(i.list={entries:n.length})}if(t.nodeName==="DL"){let n=r.doc.querySelectorAll("".concat(e," dt"));n&&(i.list={entries:n.length})}if(t.nodeName==="TABLE"){let n=r.doc.querySelectorAll("".concat(e," > tbody > tr")),a=r.doc.querySelectorAll("".concat(e," > thead > tr")),s=r.doc.querySelectorAll("".concat(e," > tbody > tr:last-child > *"));(n||a||s)&&(i.table={headRows:a?a.length:0,bodyRows:n?n.length:0,columns:s?s.length:0})}if(t.nodeName!=="#text"&&t.attributes&&t.attributes.length>0){i.attributes={};for(let n of t.attributes)n.name!=="id"&&(i.attributes[n.name]=t.attributes[n.name].value),n.name==="class"&&(i.classes=Array.from(t.classList))}t.nodeName==="#text"&&(i.text=t.textContent),t.validity&&(i.userInput.validity={});for(let n in t.validity)i.userInput.validity[n]=t.validity[n];return i}async notification(t){if(typeof t=="string"&&(t={body:t}),typeof Notification>"u")return Promise.reject(new Error("Notifications not available in this browser"));let e=Notification.permission;return e==="denied"?Promise.reject(new Error("Notifications not permitted by user")):e==="granted"?this._showNotification(t):(e=await Notification.requestPermission(),e==="granted"?this._showNotification(t):Promise.reject(new Error("Notifications not permitted by user")))}removeClass(t,e){if(!t){e.removeAttribute("class");return}Array.isArray(t)||(t=[t]),e&&e.classList.remove(...t)}replaceSlot(t,e){if(!t)return;e||(e=""),e=this.sanitiseHTML(e);let i=r.doc.createRange().createContextualFragment(e),n=r.doc.createRange();n.selectNodeContents(t),n.deleteContents(),t.append(i)}replaceSlotMarkdown(t,e){t&&e.slotMarkdown&&(e.slotMarkdown=this.convertMarkdown(e.slotMarkdown),e.slotMarkdown=this.sanitiseHTML(e.slotMarkdown),t.innerHTML=e.slotMarkdown)}sanitiseHTML(t){return r.win.DOMPurify?r.win.DOMPurify.sanitize(t,{ADD_TAGS:this.sanitiseExtraTags,ADD_ATTR:this.sanitiseExtraAttribs}):t}showDialog(t,e,i){let n="";if(i.payload&&typeof i.payload=="string"&&(n+="<div>".concat(i.payload,"</div>")),e.content&&(n+="<div>".concat(e.content,"</div>")),n===""){r.log(1,"Ui:showDialog","Toast content is blank. Not shown.")();return}!e.title&&i.topic&&(e.title=i.topic),e.title&&(n='<p class="toast-head">'.concat(e.title,"</p><p>").concat(n,"</p>")),e.noAutohide&&(e.noAutoHide=e.noAutohide),e.noAutoHide&&(e.autohide=!e.noAutoHide),e.autoHideDelay?(e.autohide||(e.autohide=!0),e.delay=e.autoHideDelay):e.autoHideDelay=1e4,Object.prototype.hasOwnProperty.call(e,"autohide")||(e.autohide=!0),t==="alert"&&(e.modal=!0,e.autohide=!1,n='<svg viewBox="0 0 192.146 192.146" style="width:30;background-color:transparent;"><path d="M108.186 144.372c0 7.054-4.729 12.32-12.037 12.32h-.254c-7.054 0-11.92-5.266-11.92-12.32 0-7.298 5.012-12.31 12.174-12.31s11.91 4.992 12.037 12.31zM88.44 125.301h15.447l2.951-61.298H85.46l2.98 61.298zm101.932 51.733c-2.237 3.664-6.214 5.921-10.493 5.921H12.282c-4.426 0-8.51-2.384-10.698-6.233a12.34 12.34 0 0 1 .147-12.349l84.111-149.22c2.208-3.722 6.204-5.96 10.522-5.96h.332c4.445.107 8.441 2.618 10.513 6.546l83.515 149.229c1.993 3.8 1.905 8.363-.352 12.066zm-10.493-6.4L96.354 21.454l-84.062 149.18h167.587z" /></svg> '.concat(n));let a=r.doc.getElementById("toaster");a===null&&(a=r.doc.createElement("div"),a.id="toaster",a.title="Click to clear all notifcations",a.setAttribute("class","toaster"),a.setAttribute("role","dialog"),a.setAttribute("arial-label","Toast message"),a.onclick=function(){a.remove()},r.doc.body.insertAdjacentElement("afterbegin",a));let s=r.doc.createElement("div");s.title="Click to clear this notifcation",s.setAttribute("class","toast ".concat(e.variant?e.variant:""," ").concat(t)),s.innerHTML=n,s.setAttribute("role","alertdialog"),e.modal&&s.setAttribute("aria-modal",e.modal),s.onclick=function(o){o.stopPropagation(),s.remove(),a.childElementCount<1&&a.remove()},a.insertAdjacentElement(e.appendToast===!0?"beforeend":"afterbegin",s),e.autohide===!0&&setInterval(()=>{s.remove(),a.childElementCount<1&&a.remove()},e.autoHideDelay)}ui(t){let e={};t._ui?e=t:e._ui=t,this._uiManager(e)}uiGet(t,e=null){let i=r.doc.querySelectorAll(t),n=[];return i.forEach(a=>{if(e){e==="classes"&&(e="class");let s=a.getAttribute(e);if(s==null)try{s=a[e]}catch{}if(s==null)e.toLowerCase()==="value"?n.push(a.innerText):n.push("Property '".concat(e,"' not found"));else{let o={},l=s.constructor.name.toLowerCase();if(l==="namednodemap")for(let d of s)o[d.name]=s[d.name].value;else if(!l.includes("map"))o[e]=s;else{let d={};for(let f in s)d[f]=s[f]}o.class&&(o.classes=Array.from(a.classList)),n.push(o)}}else n.push(this.nodeGet(a,t))}),n}uiEnhanceElement(t,e){this._uiComposeComponent(t,e)}},u(r,"win"),u(r,"doc"),u(r,"log"),u(r,"mdOpts"),u(r,"md"),r);p.exports=A});export default M();
 //# sourceMappingURL=ui.esm.min.js.map
diff --git a/front-end/ui.esm.min.js.map b/front-end/ui.esm.min.js.map
index b94978cd..69a10d8f 100644
--- a/front-end/ui.esm.min.js.map
+++ b/front-end/ui.esm.min.js.map
@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["src/front-end-module/ui.js"],
-  "sourcesContent": ["/* Creates HTML UI's based on a standardised data input.\n  Works stand-alone, with uibuilder or with Node.js/jsdom.\n  See: https://totallyinformation.github.io/node-red-contrib-uibuilder/#/client-docs/config-driven-ui\n\n  Author: Julian Knight (Totally Information), March 2023\n\n  License: Apache 2.0\n  Copyright (c) 2022-2024 Julian Knight (Totally Information)\n\n  Licensed under the Apache License, Version 2.0 (the \"License\");\n  you may not use this file except in compliance with the License.\n  You may obtain a copy of the License at\n\n  http://www.apache.org/licenses/LICENSE-2.0\n\n  Unless required by applicable law or agreed to in writing, software\n  distributed under the License is distributed on an \"AS IS\" BASIS,\n  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  See the License for the specific language governing permissions and\n  limitations under the License.\n */\n/* globals module:true */\n\n// Namespaces - See https://stackoverflow.com/a/52572048/1309986\n// const NAMESPACES = {\n//     svg: 'http://www.w3.org/2000/svg',\n//     html: 'http://www.w3.org/1999/xhtml',\n//     xml: 'http://www.w3.org/XML/1998/namespace',\n//     xlink: 'http://www.w3.org/1999/xlink',\n//     xmlns: 'http://www.w3.org/2000/xmlns/' // sic for the final slash...\n// }\n\nconst Ui = class Ui {\n    //#region --- Class variables ---\n    version = '7.0.3-src'\n\n    // List of tags and attributes not in sanitise defaults but allowed in uibuilder.\n    sanitiseExtraTags = ['uib-var']\n    sanitiseExtraAttribs = ['variable', 'report', 'undefined']\n\n    /** Reference to DOM window - must be passed in the constructor\n     * Allows for use of this library/class with `jsdom` in Node.JS as well as the browser.\n     * @type {Window}\n     */\n    static win\n\n    /** Reference to the DOM top-level window.document for convenience - set in constructor @type {Document} */\n    static doc\n\n    /** Log function - passed in constructor or will be a dummy function\n     * @type {Function}\n     */\n    static log\n\n    /** Options for Markdown-IT if available (set in constructor) */\n    static mdOpts\n    /** Reference to pre-loaded Markdown-IT library */\n    static md\n    /** Optional Markdown-IT Plugins */\n    ui_md_plugins\n    //#endregion --- class variables ---\n\n    /** Called when `new Ui(...)` is called\n     * @param {globalThis} win Either the browser global window or jsdom dom.window\n     * @param {Function} [extLog] A function that returns a function for logging\n     * @param {Function} [jsonHighlight] A function that returns a highlighted HTML of JSON input\n     */\n    constructor(win, extLog, jsonHighlight) {\n        // window must be passed in as an arg to the constructor\n        // Should either be the global window for a browser or `dom.window` for jsdom in Node.js\n        // @ts-ignore\n        if (win) Ui.win = win\n        else {\n            // Ui.log(0, 'Ui:constructor', 'Current environment does not include `window`, UI functions cannot be used.')()\n            // return\n            throw new Error('Ui:constructor. Current environment does not include `window`, UI functions cannot be used.')\n        }\n\n        // For convenience\n        Ui.doc = Ui.win.document\n\n        // If a suitable function not passed in, create a dummy one\n        if (extLog) Ui.log = extLog\n        else Ui.log = function() { return function() {} }\n\n        // If a JSON HTML highlighting function passed then use it, else a dummy fn\n        if (jsonHighlight) this.syntaxHighlight = jsonHighlight\n        else this.syntaxHighlight = function() {}\n\n        // If Markdown-IT pre-loaded, then configure it now\n        if (Ui.win['markdownit']) {\n            Ui.mdOpts = {\n                html: true,\n                xhtmlOut: false,\n                linkify: true,\n                _highlight: true,\n                _strict: false,\n                _view: 'html',\n                langPrefix: 'language-',\n                // NB: the highlightjs (hljs) library must be loaded before markdown-it for this to work\n                highlight: function(str, lang) {\n                    // https://highlightjs.org\n                    if (lang && window['hljs'] && window['hljs'].getLanguage(lang)) {\n                        try {\n                            return `<pre class=\"\">\n                                    <code class=\"hljs border\">${window['hljs'].highlight(str, { language: lang, ignoreIllegals: true }).value}</code></pre>`\n                        } finally { } // eslint-disable-line no-empty\n                    }\n                    return `<pre class=\"hljs border\"><code>${Ui.md.utils.escapeHtml(str).trim()}</code></pre>`\n                },\n            }\n            Ui.md = Ui.win['markdownit'](Ui.mdOpts)\n        }\n    }\n\n    //#region ---- Internal Methods ----\n\n    _markDownIt() {\n        // If Markdown-IT pre-loaded, then configure it now\n        if (!Ui.win['markdownit']) return\n\n        // If plugins not yet defined, check if uibuilder has set them\n        if (!this.ui_md_plugins && Ui.win['uibuilder'] && Ui.win['uibuilder'].ui_md_plugins) this.ui_md_plugins = Ui.win['uibuilder'].ui_md_plugins\n\n        Ui.mdOpts = {\n            html: true,\n            xhtmlOut: false,\n            linkify: true,\n            _highlight: true,\n            _strict: false,\n            _view: 'html',\n            langPrefix: 'language-',\n            // NB: the highlightjs (hljs) library must be loaded before markdown-it for this to work\n            highlight: function(str, lang) {\n                if (window['hljs']) {\n                    if (lang && window['hljs'].getLanguage(lang)) {\n                        try {\n                            return `<pre><code class=\"hljs border language-${lang}\" data-language=\"${lang}\" title=\"Source language: '${lang}'\">${window['hljs'].highlight(str, { language: lang, ignoreIllegals: true }).value}</code></pre>`\n                        } finally { } // eslint-disable-line no-empty\n                    } else {\n                        try {\n                            const high = window['hljs'].highlightAuto(str)\n                            return `<pre><code class=\"hljs border language-${high.language}\" data-language=\"${high.language}\" title=\"Source language estimated by HighlightJS: '${high.language}'\">${high.value}</code></pre>`\n                        } finally { } // eslint-disable-line no-empty\n                    }\n                }\n                return `<pre><code class=\"border\">${Ui.md.utils.escapeHtml(str).trim()}</code></pre>`\n            },\n        }\n        Ui.md = Ui.win['markdownit'](Ui.mdOpts)\n        // Ui.md.use(Ui.win.markdownitTaskLists, {enabled: true})\n        if (this.ui_md_plugins) {\n            if (!Array.isArray(this.ui_md_plugins)) {\n                Ui.log('error', 'Ui:_markDownIt:plugins', 'Could not load plugins, ui_md_plugins is not an array')()\n                return\n            }\n            this.ui_md_plugins.forEach( plugin => {\n                if (typeof plugin === 'string') {\n                    Ui.md.use(Ui.win[plugin])\n                } else {\n                    const name = Object.keys(plugin)[0]\n                    Ui.md.use(Ui.win[name], plugin[name])\n                }\n            })\n        }\n    }\n\n    /** Show a browser notification if the browser and the user allows it\n     * @param {object} config Notification config data\n     * @returns {Promise} Resolves on close or click event, returns the event.\n     */\n    _showNotification(config) {\n        if ( config.topic && !config.title ) config.title = config.topic\n        if ( !config.title ) config.title = 'uibuilder notification'\n        if ( config.payload && !config.body ) config.body = config.payload\n        if ( !config.body ) config.body = ' No message given.'\n        // Wrap in try/catch since Chrome Android may throw an error\n        try {\n            const notify = new Notification(config.title, config)\n            return new Promise( (resolve, reject) => {\n                // Doesn't ever seem to fire (at least in Chromium)\n                notify.addEventListener('close', ev => {\n                    // @ts-ignore\n                    ev.currentTarget.userAction = 'close'\n                    resolve(ev)\n                })\n                notify.addEventListener('click', ev => {\n                    // @ts-ignore\n                    ev.currentTarget.userAction = 'click'\n                    resolve(ev)\n                })\n                notify.addEventListener('error', ev => {\n                    // @ts-ignore\n                    ev.currentTarget.userAction = 'error'\n                    reject(ev)\n                })\n            })\n        } catch (e) {\n            return Promise.reject(new Error('Browser refused to create a Notification'))\n        }\n    }\n\n    // Vue dynamic inserts Don't really work ...\n    // _uiAddVue(ui, isRecurse) {\n\n    //     // must be Vue\n    //     // must have only 1 root element\n    //     const compToAdd = ui.components[0]\n    //     const newEl = Ui.doc.createElement(compToAdd.type)\n\n    //     if (!compToAdd.slot && ui.payload) compToAdd.slot = ui.payload\n    //     this._uiComposeComponent(newEl, compToAdd)\n\n    //     // If nested components, go again - but don't pass payload to sub-components\n    //     if (compToAdd.components) {\n    //         this._uiExtendEl(newEl, compToAdd.components)\n    //     }\n\n    //     console.log('MAGIC: ', this.magick, newEl, newEl.outerHTML)()\n    //     this.set('magick', newEl.outerHTML)\n\n    //     // if (compToAdd.id) newEl.setAttribute('ref', compToAdd.id)\n    //     // if (elParent.id) newEl.setAttribute('data-parent', elParent.id)\n    // }\n\n    // TODO Add check if ID already exists\n    // TODO Allow single add without using components array\n    /** Handle incoming msg._ui add requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     * @param {boolean} isRecurse Is this a recursive call?\n     */\n    _uiAdd(ui, isRecurse) {\n        Ui.log('trace', 'Ui:_uiManager:add', 'Starting _uiAdd')()\n\n        // Vue dynamic inserts Don't really work ...\n        // if (this.#isVue && !isRecurse) {\n        //     this._uiAddVue(ui, false)\n        //     return\n        // }\n\n        ui.components.forEach((compToAdd, i) => {\n            Ui.log('trace', `Ui:_uiAdd:components-forEach:${i}`, 'Component to add: ', compToAdd)()\n\n            /** @type {*} Create the new component - some kind of HTML element */\n            let newEl\n            switch (compToAdd.type) {\n                // If trying to insert raw html, wrap in a div\n                case 'html': {\n                    compToAdd.ns = 'html'\n                    newEl = Ui.doc.createElement('div')\n                    break\n                }\n\n                // If trying to insert raw svg, need to create in namespace\n                case 'svg': {\n                    compToAdd.ns = 'svg'\n                    newEl = Ui.doc.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToAdd.ns = 'dom'\n                    newEl = Ui.doc.createElement(compToAdd.type)\n                    break\n                }\n            }\n\n            if (!compToAdd.slot && ui.payload) compToAdd.slot = ui.payload\n\n            // const parser = new DOMParser()\n            // const newDoc = parser.parseFromString(compToAdd.slot, 'text/html')\n            // console.log(compToAdd, newDoc.body)()\n\n            this._uiComposeComponent(newEl, compToAdd)\n\n            /** @type {HTMLElement} Where to add the new element? */\n            let elParent\n            if (compToAdd.parentEl) {\n                elParent = compToAdd.parentEl\n            } else if (ui.parentEl) {\n                elParent = ui.parentEl\n            } else if (compToAdd.parent) {\n                elParent = Ui.doc.querySelector(compToAdd.parent)\n            } else if (ui.parent) {\n                elParent = Ui.doc.querySelector(ui.parent)\n            }\n            if (!elParent) {\n                Ui.log('info', 'Ui:_uiAdd', 'No parent found, adding to body')()\n                elParent = Ui.doc.querySelector('body')\n            }\n\n            if (compToAdd.position && compToAdd.position === 'first') {\n                // Insert new el before the first child of the parent. Ref: https://developer.mozilla.org/en-US/docs/Web/API/Node/insertBefore#example_3\n                elParent.insertBefore(newEl, elParent.firstChild)\n            } else if (compToAdd.position && Number.isInteger(Number(compToAdd.position))) {\n                elParent.insertBefore(newEl, elParent.children[compToAdd.position])\n            } else {\n                // Append to the required parent\n                elParent.appendChild(newEl)\n            }\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToAdd.components) {\n                // this._uiAdd({\n                //     method: ui.method,\n                //     parentEl: newEl,\n                //     components: compToAdd.components,\n                // }, true)\n                this._uiExtendEl(newEl, compToAdd.components, compToAdd.ns)\n            }\n        })\n    } // --- end of _uiAdd ---\n\n    /** Enhance an HTML element that is being composed with ui data\n     *  such as ID, attribs, event handlers, custom props, etc.\n     * @param {*} el HTML Element to enhance\n     * @param {*} comp Individual uibuilder ui component spec\n     */\n    _uiComposeComponent(el, comp) {\n        // Add attributes\n        if (comp.attributes) {\n            Object.keys(comp.attributes).forEach((attrib) => {\n                if (attrib === 'class' && Array.isArray(comp.attributes[attrib])) comp.attributes[attrib].join(' ')\n\n                Ui.log('trace', '_uiComposeComponent:attributes-forEach', `Attribute: '${attrib}', value: '${comp.attributes[attrib]}'`)()\n\n                // For values, set the actual value as well since the attrib only changes the DEFAULT value\n                if (attrib === 'value') el.value = comp.attributes[attrib]\n\n                if (attrib.startsWith('xlink:')) el.setAttributeNS('http://www.w3.org/1999/xlink', attrib, comp.attributes[attrib])\n                else el.setAttribute(attrib, comp.attributes[attrib])\n            })\n        }\n\n        // ID if set\n        if (comp.id) el.setAttribute('id', comp.id)\n\n        // If an SVG tag, ensure we have the appropriate namespaces added\n        if (comp.type === 'svg') {\n            el.setAttributeNS('http://www.w3.org/2000/xmlns/', 'xmlns', 'http://www.w3.org/2000/svg')\n            el.setAttributeNS('http://www.w3.org/2000/xmlns/', 'xmlns:xlink', 'http://www.w3.org/1999/xlink')\n        }\n\n        // Add event handlers\n        if (comp.events) {\n            Object.keys(comp.events).forEach((type) => {\n                // @ts-ignore  I'm forever getting this wrong!\n                if (type.toLowerCase === 'onclick') type = 'click'\n                // Add the event listener\n                try {\n                    el.addEventListener(type, (evt) => {\n                        // Use new Function to ensure that esbuild works: https://esbuild.github.io/content-types/#direct-eval\n                        (new Function('evt', `${comp.events[type]}(evt)`))(evt) // eslint-disable-line no-new-func\n                    })\n                    // newEl.setAttribute( 'onClick', `${comp.events[type]}()` )\n                } catch (err) {\n                    Ui.log('error', 'Ui:_uiComposeComponent', `Add event '${type}' for element '${comp.type}': Cannot add event handler. ${err.message}`)()\n                }\n            })\n        }\n\n        // Add custom properties to the dataset\n        if (comp.properties) {\n            Object.keys(comp.properties).forEach((prop) => {\n                // TODO break a.b into sub properties\n                el[prop] = comp.properties[prop]\n                // Auto-dispatch events if changing value or changed since DOM does not do this automatically\n                if (['value', 'checked'].includes(prop)) {\n                    el.dispatchEvent(new Event('input'))\n                    el.dispatchEvent(new Event('change'))\n                }\n            })\n        }\n\n        //#region Add Slot content to innerHTML\n        if (comp.slot) {\n            this.replaceSlot(el, comp.slot)\n        }\n        //#endregion\n\n        // TODO Add multi-slot capability (default slot must always be processed first as innerHTML is replaced)\n\n        //#region Add Slot Markdown content to innerHTML IF marked library is available\n        if (comp.slotMarkdown) {\n            this.replaceSlotMarkdown(el, comp)\n        }\n        //#endregion\n    }\n\n    /** Extend an HTML Element with appended elements using ui components\n     * NOTE: This fn follows a strict hierarchy of added components.\n     * @param {HTMLElement} parentEl The parent HTML Element we want to append to\n     * @param {*} components The ui component(s) we want to add\n     * @param {string} [ns] Optional. The namespace to use.\n     */\n    _uiExtendEl(parentEl, components, ns = '') {\n        components.forEach((compToAdd, i) => {\n            Ui.log('trace', `Ui:_uiExtendEl:components-forEach:${i}`, compToAdd)()\n\n            /** @type {HTMLElement} Create the new component */\n            let newEl\n\n            compToAdd.ns = ns\n\n            if (compToAdd.ns === 'html') {\n                newEl = parentEl\n                // newEl.outerHTML = compToAdd.slot\n                // parentEl.innerHTML = compToAdd.slot\n                this.replaceSlot(parentEl, compToAdd.slot)\n            } else if (compToAdd.ns === 'svg') {\n                newEl = Ui.doc.createElementNS('http://www.w3.org/2000/svg', compToAdd.type)\n                // Updates newEl\n                this._uiComposeComponent(newEl, compToAdd)\n                parentEl.appendChild(newEl)\n            } else {\n                newEl = Ui.doc.createElement(compToAdd.type === 'html' ? 'div' : compToAdd.type)\n                // Updates newEl\n                this._uiComposeComponent(newEl, compToAdd)\n                parentEl.appendChild(newEl)\n            }\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToAdd.components) {\n                this._uiExtendEl(newEl, compToAdd.components, compToAdd.ns)\n            }\n        })\n    }\n\n    // TODO Add more error handling and parameter validation\n    /** Handle incoming _ui load requests\n     * Can load JavaScript modules, JavaScript scripts and CSS.\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     */\n    _uiLoad(ui) {\n\n        // Self-loading ECMA Modules (e.g. web components)\n        if (ui.components) {\n            if (!Array.isArray(ui.components)) ui.components = [ui.components]\n\n            ui.components.forEach(async component => {\n                // NOTE: This happens asynchronously but we don't wait\n                import(component)\n            })\n        }\n        // Remote Scripts\n        if (ui.srcScripts) {\n            if (!Array.isArray(ui.srcScripts)) ui.srcScripts = [ui.srcScripts]\n\n            ui.srcScripts.forEach(script => {\n                this.loadScriptSrc(script)\n            })\n        }\n        // Scripts passed as text\n        if (ui.txtScripts) {\n            if (!Array.isArray(ui.txtScripts)) ui.txtScripts = [ui.txtScripts]\n\n            this.loadScriptTxt(ui.txtScripts.join('\\n'))\n        }\n        // Remote Stylesheets\n        if (ui.srcStyles) {\n            if (!Array.isArray(ui.srcStyles)) ui.srcStyles = [ui.srcStyles]\n\n            ui.srcStyles.forEach(sheet => {\n                this.loadStyleSrc(sheet)\n            })\n        }\n        // Styles passed as text\n        if (ui.txtStyles) {\n            if (!Array.isArray(ui.txtStyles)) ui.txtStyles = [ui.txtStyles]\n\n            this.loadStyleTxt(ui.txtStyles.join('\\n'))\n        }\n\n    } // --- end of _uiLoad ---\n\n    /** Handle incoming _ui messages and loaded UI JSON files\n     * Called from start()\n     * @param {*} msg Standardised msg object containing a _ui property object\n     */\n    _uiManager(msg) {\n        if (!msg._ui) return\n\n        // Make sure that _ui is an array\n        if (!Array.isArray(msg._ui)) msg._ui = [msg._ui]\n\n        msg._ui.forEach((ui, i) => {\n            if (ui.mode && !ui.method) ui.method = ui.mode\n            if (!ui.method) {\n                Ui.log('error', 'Ui:_uiManager', `No method defined for msg._ui[${i}]. Ignoring. `, ui)()\n                return\n            }\n\n            ui.payload = msg.payload\n            ui.topic = msg.topic\n            switch (ui.method) {\n                case 'add': {\n                    this._uiAdd(ui, false)\n                    break\n                }\n\n                case 'remove': {\n                    this._uiRemove(ui, false)\n                    break\n                }\n\n                case 'removeAll': {\n                    this._uiRemove(ui, true)\n                    break\n                }\n\n                case 'replace': {\n                    this._uiReplace(ui)\n                    break\n                }\n\n                case 'update': {\n                    this._uiUpdate(ui)\n                    break\n                }\n\n                case 'load': {\n                    this._uiLoad(ui)\n                    break\n                }\n\n                case 'reload': {\n                    this._uiReload()\n                    break\n                }\n\n                case 'notify': {\n                    this.showDialog('notify', ui, msg)\n                    break\n                }\n\n                case 'alert': {\n                    this.showDialog('alert', ui, msg)\n                    break\n                }\n\n                default: {\n                    Ui.log('error', 'Ui:_uiManager', `Invalid msg._ui[${i}].method (${ui.method}). Ignoring`)()\n                    break\n                }\n            }\n        })\n    } // --- end of _uiManager ---\n\n    /** Handle a reload request */\n    _uiReload() {\n        Ui.log('trace', 'Ui:uiManager:reload', 'reloading')()\n        location.reload()\n    }\n\n    // TODO Add better tests for failures (see comments)\n    /** Handle incoming _ui remove requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     * @param {boolean} all Optional, default=false. If true, will remove ALL found elements, otherwise only the 1st is removed\n     */\n    _uiRemove(ui, all = false) {\n        ui.components.forEach((compToRemove) => {\n            let els\n            if (all !== true) els = [Ui.doc.querySelector(compToRemove)]\n            else els = Ui.doc.querySelectorAll(compToRemove)\n\n            els.forEach(el => {\n                try {\n                    el.remove()\n                } catch (err) {\n                    // Could not remove. Cannot read properties of null <= no need to report this one\n                    // Could not remove. Failed to execute 'querySelector' on 'Ui.doc': '##testbutton1' is not a valid selector\n                    Ui.log('trace', 'Ui:_uiRemove', `Could not remove. ${err.message}`)()\n                }\n            })\n        })\n    } // --- end of _uiRemove ---\n\n    /** Handle incoming _ui replace requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     */\n    _uiReplace(ui) {\n        Ui.log('trace', 'Ui:_uiReplace', 'Starting')()\n\n        ui.components.forEach((compToReplace, /** @type {number} */ i) => {\n            Ui.log('trace', `Ui:_uiReplace:components-forEach:${i}`, 'Component to replace: ', compToReplace)()\n\n            /** @type {HTMLElement} */\n            let elToReplace\n\n            // Either the id, CSS selector, name or type (element type) must be given in order to identify the element to change. FIRST element matching is updated.\n            if (compToReplace.id) {\n                elToReplace = Ui.doc.getElementById(compToReplace.id) // .querySelector(`#${compToReplace.id}`)\n            } else if (compToReplace.selector || compToReplace.select) {\n                elToReplace = Ui.doc.querySelector(compToReplace.selector)\n            } else if (compToReplace.name) {\n                elToReplace = Ui.doc.querySelector(`[name=\"${compToReplace.name}\"]`)\n            } else if (compToReplace.type) {\n                elToReplace = Ui.doc.querySelector(compToReplace.type)\n            }\n\n            Ui.log('trace', `Ui:_uiReplace:components-forEach:${i}`, 'Element to replace: ', elToReplace)()\n\n            // Nothing was found so ADD the element instead\n            if (elToReplace === undefined || elToReplace === null) {\n                Ui.log('trace', `Ui:_uiReplace:components-forEach:${i}:noReplace`, 'Cannot find the DOM element. Adding instead.', compToReplace)()\n                this._uiAdd({ components: [compToReplace] }, false)\n                return\n            }\n\n            /** @type {*} Create the new component - some kind of HTML element */\n            let newEl\n            switch (compToReplace.type) {\n                // If trying to insert raw html, wrap in a div\n                case 'html': {\n                    compToReplace.ns = 'html'\n                    newEl = Ui.doc.createElement('div')\n                    break\n                }\n\n                // If trying to insert raw svg, need to create in namespace\n                case 'svg': {\n                    compToReplace.ns = 'svg'\n                    newEl = Ui.doc.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToReplace.ns = 'dom'\n                    newEl = Ui.doc.createElement(compToReplace.type)\n                    break\n                }\n            }\n\n            // Updates the newEl and maybe the ui\n            this._uiComposeComponent(newEl, compToReplace)\n\n            // Replace the current element\n            elToReplace.replaceWith(newEl)\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToReplace.components) {\n                this._uiExtendEl(newEl, compToReplace.components, compToReplace.ns)\n            }\n        })\n    } // --- end of _uiReplace ---\n\n    // TODO Allow single add without using components array\n    // TODO Allow sub-components\n    // TODO Add multi-slot capability\n    /** Handle incoming _ui update requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     */\n    _uiUpdate(ui) {\n        Ui.log('trace', 'UI:_uiUpdate:update', 'Starting _uiUpdate', ui)()\n\n        // We allow an update not to actually need to spec a component\n        if (!ui.components) ui.components = [Object.assign({}, ui)]\n\n        ui.components.forEach((compToUpd, i) => {\n            Ui.log('trace', '_uiUpdate:components-forEach', `Start loop #${i}`, compToUpd)()\n\n            /** @type {NodeListOf<Element>} */\n            let elToUpd\n\n            // If a parent element is passed, use that as the update target (only allowed internally)\n            // Otherwise either the id, CSS selector, name or type (element type) must be given in order to identify the element to change. ALL elements matching are updated.\n            if (compToUpd.parentEl) {\n                elToUpd = compToUpd.parentEl\n            } else if (compToUpd.id) {\n                // NB We don't use get by id because this way the code is simpler later on\n                elToUpd = Ui.doc.querySelectorAll(`#${compToUpd.id}`)\n            } else if (compToUpd.selector || compToUpd.select) {\n                elToUpd = Ui.doc.querySelectorAll(compToUpd.selector)\n            } else if (compToUpd.name) {\n                elToUpd = Ui.doc.querySelectorAll(`[name=\"${compToUpd.name}\"]`)\n            } else if (compToUpd.type) {\n                elToUpd = Ui.doc.querySelectorAll(compToUpd.type)\n            }\n\n            // @ts-ignore Nothing was found so give up\n            if (elToUpd === undefined || elToUpd.length < 1) {\n                Ui.log('warn', 'Ui:_uiManager:update', 'Cannot find the DOM element. Ignoring.', compToUpd)()\n                return\n            }\n\n            Ui.log('trace', '_uiUpdate:components-forEach', `Element(s) to update. Count: ${elToUpd.length}`, elToUpd)()\n\n            // If slot not specified but payload is, use the payload in the slot\n            if (!compToUpd.slot && compToUpd.payload) compToUpd.slot = compToUpd.payload\n\n            // Might have >1 element to update - so update them all\n            elToUpd.forEach((el, j) => {\n                Ui.log('trace', '_uiUpdate:components-forEach', `Updating element #${j}`, el)()\n                this._uiComposeComponent(el, compToUpd)\n                // Try to go down another level of nesting if needed\n                // ! NOT CONVINCED THIS ACTUALLY WORKS !\n                if (compToUpd.components) {\n                    Ui.log('trace', '_uiUpdate:nested-component', `Element #${j} - nested-component`, compToUpd, el)()\n                    const nc = { _ui: [] }\n                    compToUpd.components.forEach((nestedComp, k) => {\n                        const method = nestedComp.method || compToUpd.method || ui.method\n                        if (nestedComp.method) delete nestedComp.method\n                        if (!Array.isArray(nestedComp)) nestedComp = [nestedComp]\n                        // nestedComp.parentEl = el\n                        // nestedComp.components = [nestedComp]\n                        Ui.log('trace', '_uiUpdate:nested-component', `Element #${j} - nested-component #${k}`, nestedComp)()\n                        nc._ui.push( {\n                            method: method,\n                            parentEl: el,\n                            components: nestedComp,\n                        })\n                    })\n                    Ui.log('trace', '_uiUpdate:nested-component', `Element #${j} - nested-component new manager`, nc)()\n                    this._uiManager(nc)\n                }\n            })\n\n            // If nested components, apply to every found element - but don't pass payload to sub-components\n            // if (compToUpd.components) {\n            //     compToUpd.components.forEach((el, k) => {\n            //         Ui.log('trace', '_uiUpdate:nested-component', `Updating nested-component #${k}`, el)()\n            //         this._uiUpdate({\n            //             method: el.method || ui.method,\n            //             parentEl: el,\n            //             components: el.components,\n            //         })\n            //     })\n            // }\n        })\n    } // --- end of _uiUpdate ---\n\n    //#endregion ---- -------- ----\n\n    //#region ---- External Methods ----\n\n    /** Simplistic jQuery-like document CSS query selector, returns an HTML Element\n     * NOTE that this fn returns the element itself. Use $$ to get the properties of 1 or more elements.\n     * If the selected element is a <template>, returns the first child element.\n     * type {HTMLElement}\n     * @param {string} cssSelector A CSS Selector that identifies the element to return\n     * @param {\"el\"|\"text\"|\"html\"|\"attributes\"|\"attr\"} [output] Optional. What type of output to return. Defaults to \"el\", the DOM element reference\n     * @returns {HTMLElement|string|InnerHTML|array|null} Selected HTML DOM element, innerText, innerHTML, attribute list or null\n     */\n    $(cssSelector, output) {\n        /** @type {*} Some kind of HTML element */\n        let el = Ui.doc.querySelector(cssSelector)\n\n        if (!el) {\n            Ui.log(1, 'Uib:$', `No element found for CSS selector ${cssSelector}`)()\n            return null\n        }\n\n        if ( el.nodeName === 'TEMPLATE' ) {\n            el = el.content.firstElementChild\n            if (!el) {\n                Ui.log(0, 'Uib:$', `Template selected for CSS selector ${cssSelector} but it is empty`)()\n                return null\n            }\n        }\n\n        if (!output) output = 'el'\n        let out\n\n        try {\n            switch (output.toLowerCase()) {\n                case 'text': {\n                    out = el.innerText\n                    break\n                }\n\n                case 'html': {\n                    out = el.innerHTML\n                    break\n                }\n\n                case 'attr':\n                case 'attributes': {\n                    out = {}\n                    for (const attr of el.attributes) {\n                        out[attr.name] = attr.value\n                    }\n                    break\n                }\n\n                default: {\n                    out = el\n                    break\n                }\n            }\n        } catch (e) {\n            out = el\n            Ui.log(1, 'Uib:$', `Could not process output type \"${output}\" for CSS selector ${cssSelector}, returned the DOM element. ${e.message}`, e)()\n        }\n\n        return out\n    }\n\n    /** CSS query selector that returns ALL found selections. Matches the Chromium DevTools feature of the same name.\n     * NOTE that this fn returns an array showing the PROPERTIES of the elements whereas $ returns the element itself\n     * @param {string} cssSelector A CSS Selector that identifies the elements to return\n     * @returns {HTMLElement[]} Array of DOM elements/nodes. Array is empty if selector is not found.\n     */\n    $$(cssSelector) {\n        return Array.from(Ui.doc.querySelectorAll(cssSelector))\n    }\n\n    /** Add 1 or several class names to an element\n     * @param {string|string[]} classNames Single or array of classnames\n     * @param {HTMLElement} el HTML Element to add class(es) to\n     */\n    addClass(classNames, el) {\n        if (!Array.isArray(classNames)) classNames = [classNames]\n        if (el) el.classList.add(...classNames)\n    }\n\n    /** Apply a source template tag to a target html element\n     * NOTES:\n     * - styles in ALL templates are accessible to all templates.\n     * - scripts in templates are run AT TIME OF APPLICATION (so may run multiple times).\n     * - scripts in templates are applied in order of application, so variables may not yet exist if defined in subsequent templates\n     * @param {string} sourceId The HTML ID of the source element\n     * @param {string} targetId The HTML ID of the target element\n     * @param {object} config Configuration options\n     * @param {boolean=} config.onceOnly If true, the source will be adopted (the source is moved)\n     * @param {object=} config.attributes A set of key:value pairs that will be applied as attributes to the target\n     */\n    applyTemplate(sourceId, targetId, config) {\n        if (!config) config = { onceOnly: false }\n\n        const template = Ui.doc.getElementById(sourceId)\n        const target = Ui.doc.getElementById(targetId)\n\n        if (template && target) {\n            let content\n            try {\n                if (config.onceOnly !== true) content = Ui.doc.importNode(template.content, true)\n                else content = Ui.doc.adoptNode(template.content)\n                // NB content.childElementCount = 0 after adoption\n            } catch (e) {\n                Ui.log('error', 'Ui:applyTemplate', `Source must be a <template>. id='${sourceId}'`)()\n                return\n            }\n            if (content) {\n                // Apply config.attributes to the 1st element of the template content\n                if (config.attributes) {\n                    const el = content.firstElementChild\n                    Object.keys(config.attributes).forEach( attrib => {\n                        // Apply each attribute and value\n                        el.setAttribute(attrib, config.attributes[attrib])\n                    })\n                }\n                // ! TODO Add ability to change slot content\n                // Apply to the target\n                target.appendChild(content)\n            }\n        } else {\n            if (!template) Ui.log('error', 'Ui:applyTemplate', `Source not found: id='${sourceId}'`)()\n            if (!target) Ui.log('error', 'Ui:applyTemplate', `Target not found: id='${targetId}'`)()\n        }\n    }\n\n    /** Builds an HTML table from an array (or object) of objects\n     * 1st row is used for columns. If an object of objects, the outer keys\n     * are used as row ID's (prefixed with \"r-\").\n     * @param {Array<object>|Object} data Input data array or object\n     * @returns {HTMLTableElement|HTMLParagraphElement} Output HTML Element\n     */\n    buildHtmlTable(data) {\n        // If data is an object of objects, convert it to an array of objects\n        let keys\n        if (!Array.isArray(data)) {\n            if (typeof data === 'object') {\n                keys = Object.keys(data)\n                data = Object.values(data)\n            }\n            // Ensure input is an array of objects\n            if (!Array.isArray(data)) {\n                const out = Ui.doc.createElement('p')\n                out.textContent = 'Input data is not an array or an object, cannot create a table.'\n                return out\n            }\n        }\n\n        const tbl = Ui.doc.createElement('table')\n        // Heading row\n        const thead = Ui.doc.createElement('thead')\n        const headerRow = Ui.doc.createElement('tr')\n        // Get the headers from the keys of the first object\n        const headers = Object.keys(data[0])\n        headers.forEach(header => {\n            const th = Ui.doc.createElement('th')\n            th.textContent = header\n            headerRow.appendChild(th)\n        })\n        thead.appendChild(headerRow)\n        tbl.appendChild(thead)\n\n        // body\n        const tbody = Ui.doc.createElement('tbody')\n        data.forEach( (item, i) => {\n            const row = Ui.doc.createElement('tr')\n            if (keys) row.id = `r-${keys[i]}`\n            headers.forEach(header => {\n                const cell = Ui.doc.createElement('td')\n                // cell.textContent = item[header]\n                cell.innerHTML = this.sanitiseHTML(item[header])\n                row.appendChild(cell)\n            })\n            tbody.appendChild(row)\n        })\n        tbl.appendChild(tbody)\n\n        return tbl\n    }\n\n    /** Converts markdown text input to HTML if the Markdown-IT library is loaded\n     * Otherwise simply returns the text\n     * @param {string} mdText The input markdown string\n     * @returns {string} HTML (if Markdown-IT library loaded and parse successful) or original text\n     */\n    convertMarkdown(mdText) {\n        if (!mdText) return ''\n        if (!Ui.win['markdownit']) return mdText\n        if (!Ui.md) this._markDownIt() // To handle case where the library is late loaded\n        // Convert from markdown to HTML\n        try {\n            return Ui.md.render(mdText.trim())\n        } catch (e) {\n            Ui.log(0, 'uibuilder:convertMarkdown', `Could not render Markdown. ${e.message}`, e)()\n            return '<p class=\"border error\">Could not render Markdown<p>'\n        }\n    }\n\n    /** Include HTML fragment, img, video, text, json, form data, pdf or anything else from an external file or API\n     * Wraps the included object in a div tag.\n     * PDF's, text or unknown MIME types are also wrapped in an iFrame.\n     * @param {string} url The URL of the source file to include\n     * @param {object} uiOptions Object containing properties recognised by the _uiReplace function. Must at least contain an id\n     * param {string} uiOptions.id The HTML ID given to the wrapping DIV tag\n     * param {string} uiOptions.parentSelector The CSS selector for a parent element to insert the new HTML under (defaults to 'body')\n     * @returns {Promise<any>} Status\n     */\n    async include(url, uiOptions) { // eslint-disable-line sonarjs/cognitive-complexity\n        // TODO: src, id, parent must all be a strings\n        if (!fetch) {\n            Ui.log(0, 'Ui:include', 'Current environment does not include `fetch`, skipping.')()\n            return 'Current environment does not include `fetch`, skipping.'\n        }\n        if (!url) {\n            Ui.log(0, 'Ui:include', 'url parameter must be provided, skipping.')()\n            return 'url parameter must be provided, skipping.'\n        }\n        if (!uiOptions || !uiOptions.id) {\n            Ui.log(0, 'Ui:include', 'uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.')()\n            return 'uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.'\n        }\n\n        // Try to get the content via the URL\n        let response\n        try {\n            response = await fetch(url)\n        } catch (error) {\n            Ui.log(0, 'Ui:include', `Fetch of file '${url}' failed. `, error.message)()\n            return error.message\n        }\n        if (!response.ok) {\n            Ui.log(0, 'Ui:include', `Fetch of file '${url}' failed. Status='${response.statusText}'`)()\n            return response.statusText\n        }\n\n        // Work out what type of data we got\n        const contentType = await response.headers.get('content-type')\n        let type = null\n        if (contentType) {\n            if (contentType.includes('text/html')) {\n                type = 'html'\n            } else if (contentType.includes('application/json')) {\n                type = 'json'\n            } else if (contentType.includes('multipart/form-data')) {\n                type = 'form'\n            } else if (contentType.includes('image/')) {\n                type = 'image'\n            } else if (contentType.includes('video/')) {\n                type = 'video'\n            } else if (contentType.includes('application/pdf')) {\n                type = 'pdf'\n            } else if (contentType.includes('text/plain')) {\n                type = 'text'\n            } // else type = null\n        }\n\n        // Create the HTML to include on the page based on type\n        let slot = ''\n        let txtReturn = 'Include successful'\n        let data\n        switch (type) {\n            case 'html': {\n                data = await response.text()\n                slot = data\n                break\n            }\n\n            case 'json': {\n                data = await response.json()\n                slot = '<pre class=\"syntax-highlight\">'\n                slot += this.syntaxHighlight(data)\n                slot += '</pre>'\n                break\n            }\n\n            case 'form': {\n                data = await response.formData()\n                slot = '<pre class=\"syntax-highlight\">'\n                slot += this.syntaxHighlight(data)\n                slot += '</pre>'\n                break\n            }\n\n            case 'image': {\n                data = await response.blob()\n                slot = `<img src=\"${URL.createObjectURL(data)}\">`\n                if (Ui.win['DOMPurify']) {\n                    txtReturn = 'Include successful. BUT DOMPurify loaded which may block its use.'\n                    Ui.log('warn', 'Ui:include:image', txtReturn)()\n                }\n                break\n            }\n\n            case 'video': {\n                data = await response.blob()\n                slot = `<video controls autoplay><source src=\"${URL.createObjectURL(data)}\"></video>`\n                if (Ui.win['DOMPurify']) {\n                    txtReturn = 'Include successful. BUT DOMPurify loaded which may block its use.'\n                    Ui.log('warn', 'Ui:include:video', txtReturn)()\n                }\n                break\n            }\n\n            case 'pdf':\n            case 'text':\n            default: {\n                data = await response.blob()\n                slot = `<iframe style=\"resize:both;width:inherit;height:inherit;\" src=\"${URL.createObjectURL(data)}\">`\n                if (Ui.win['DOMPurify']) {\n                    txtReturn = 'Include successful. BUT DOMPurify loaded which may block its use.'\n                    Ui.log('warn', `Ui:include:${type}`, txtReturn)()\n                }\n                break\n            }\n        }\n\n        // Wrap it all in a <div id=\"...\" class=\"included\">\n        uiOptions.type = 'div'\n        uiOptions.slot = slot\n        if (!uiOptions.parent) uiOptions.parent = 'body'\n        if (!uiOptions.attributes) uiOptions.attributes = { class: 'included' }\n\n        // Use uibuilder's standard ui processing to turn the instructions into HTML\n        this._uiReplace({\n            components: [\n                uiOptions\n            ]\n        })\n\n        Ui.log('trace', `Ui:include:${type}`, txtReturn)()\n        return txtReturn\n    } // ---- End of include() ---- //\n\n    /** Attach a new remote script to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} url The url to be used in the script src attribute\n     */\n    loadScriptSrc(url) {\n        const newScript = Ui.doc.createElement('script')\n        newScript.src = url\n        newScript.async = false\n        Ui.doc.head.appendChild(newScript)\n    }\n\n    /** Attach a new text script to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} textFn The text to be loaded as a script\n     */\n    loadScriptTxt(textFn) {\n        const newScript = Ui.doc.createElement('script')\n        newScript.async = false\n        newScript.textContent = textFn\n        Ui.doc.head.appendChild(newScript)\n    }\n\n    /** Attach a new remote stylesheet link to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} url The url to be used in the style link href attribute\n     */\n    loadStyleSrc(url) {\n        const newStyle = Ui.doc.createElement('link')\n        newStyle.href = url\n        newStyle.rel = 'stylesheet'\n        newStyle.type = 'text/css'\n\n        Ui.doc.head.appendChild(newStyle)\n    }\n\n    /** Attach a new text stylesheet to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} textFn The text to be loaded as a stylesheet\n     */\n    loadStyleTxt(textFn) {\n        const newStyle = Ui.doc.createElement('style')\n        newStyle.textContent = textFn\n        Ui.doc.head.appendChild(newStyle)\n    }\n\n    /** Load a dynamic UI from a JSON web reponse\n     * @param {string} url URL that will return the ui JSON\n     */\n    loadui(url) {\n        if (!fetch) {\n            Ui.log(0, 'Ui:loadui', 'Current environment does not include `fetch`, skipping.')()\n            return\n        }\n        if (!url) {\n            Ui.log(0, 'Ui:loadui', 'url parameter must be provided, skipping.')()\n            return\n        }\n\n        fetch(url)\n            .then(response => {\n                if (response.ok === false) {\n                    // Ui.log('warn', 'Ui:loadui:then1', `Could not load '${url}'. Status ${response.status}, Error: ${response.statusText}`)()\n                    throw new Error(`Could not load '${url}'. Status ${response.status}, Error: ${response.statusText}`)\n                }\n\n                Ui.log('trace', 'Ui:loadui:then1', `Loaded '${url}'. Status ${response.status}, ${response.statusText}`)()\n                // Did we get json?\n                const contentType = response.headers.get('content-type')\n                if (!contentType || !contentType.includes('application/json')) {\n                    throw new TypeError(`Fetch '${url}' did not return JSON, ignoring`)\n                }\n                // Returns parsed json to next .then\n                return response.json()\n            })\n            .then(data => {\n                if (data !== undefined) {\n                    Ui.log('trace', 'Ui:loadui:then2', 'Parsed JSON successfully obtained')()\n                    // Call the _uiManager\n                    this._uiManager({ _ui: data })\n                    return true\n                }\n                return false\n            })\n            .catch(err => {\n                Ui.log('warn', 'Ui:loadui:catch', 'Error. ', err)()\n            })\n    } // --- end of loadui\n\n    /** ! NOT COMPLETE Move an element from one position to another\n     * @param {object} opts Options\n     * @param {string} opts.sourceSelector Required, CSS Selector that identifies the element to be moved\n     * @param {string} opts.targetSelector Required, CSS Selector that identifies the element to be moved\n     */\n    moveElement(opts) {\n        const { sourceSelector, targetSelector, moveType, position } = opts\n        const sourceEl = document.querySelector(sourceSelector)\n        if (!sourceEl) {\n            Ui.log(0, 'Ui:moveElement', 'Source element not found')()\n            return\n        }\n        const targetEl = document.querySelector(targetSelector)\n        if (!targetEl) {\n            Ui.log(0, 'Ui:moveElement', 'Target element not found')()\n            return\n        }\n    }\n\n    /** Get standard data from a DOM node.\n     * @param {*} node DOM node to examine\n     * @param {string} cssSelector Identify the DOM element to get data from\n     * @returns {object} Standardised data object\n     */\n    nodeGet(node, cssSelector) {\n        const thisOut = {\n            id: node.id === '' ? undefined : node.id,\n            name: node.name,\n            children: node.childNodes.length,\n            type: node.nodeName,\n            attributes: undefined,\n\n            isUserInput: node.validity ? true : false, // eslint-disable-line no-unneeded-ternary\n            userInput: !node.validity ? undefined : { // eslint-disable-line multiline-ternary\n                value: node.value,\n                validity: undefined,\n                willValidate: node.willValidate,\n                valueAsDate: node.valueAsDate,\n                valueAsNumber: node.valueAsNumber,\n                type: node.type,\n            },\n        }\n\n        if (['UL', 'OL'].includes(node.nodeName)) {\n            const listEntries = Ui.doc.querySelectorAll(`${cssSelector} li`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'DL') {\n            const listEntries = Ui.doc.querySelectorAll(`${cssSelector} dt`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'TABLE') {\n            const bodyEntries = Ui.doc.querySelectorAll(`${cssSelector} > tbody > tr`)\n            const headEntries = Ui.doc.querySelectorAll(`${cssSelector} > thead > tr`)\n            const cols = Ui.doc.querySelectorAll(`${cssSelector} > tbody > tr:last-child > *`)  // #eltest > table > tbody > tr:nth-child(3)\n            if (bodyEntries || headEntries || cols) {\n                thisOut.table = {\n                    'headRows': headEntries ? headEntries.length : 0,\n                    'bodyRows': bodyEntries ? bodyEntries.length : 0,\n                    'columns': cols ? cols.length : 0,\n                }\n            }\n        }\n        if (node.nodeName !== '#text' && node.attributes && node.attributes.length > 0) {\n            thisOut.attributes = {}\n            // @ts-ignore\n            for (const attrib of node.attributes) {\n                if (attrib.name !== 'id') {\n                    thisOut.attributes[attrib.name] = node.attributes[attrib.name].value\n                }\n                if (attrib.name === 'class') thisOut.classes = Array.from(node.classList)\n            }\n        }\n        if (node.nodeName === '#text') {\n            thisOut.text = node.textContent\n        }\n        if (node.validity) thisOut.userInput.validity = {}\n        for (const v in node.validity) {\n            thisOut.userInput.validity[v] = node.validity[v]\n        }\n\n        return thisOut\n    } // --- end of nodeGet --- //\n\n    /** Show a browser notification if possible. Returns a promise\n     * Config can be a simple string, a Node-RED msg (topic as title, payload as body)\n     * or a Notifications API options object + config.title string.\n     * Config ref: https://developer.mozilla.org/en-US/docs/Web/API/Notification/Notification\n     * @param {object|string} config Notification config object or simple message string\n     * @returns {Promise} Resolves on close or click event, returns the event.\n     */\n    async notification(config) {\n        if (typeof config === 'string') {\n            config = { body: config }\n        }\n        // Are notifications available?\n        if (typeof Notification === 'undefined') return Promise.reject(new Error('Notifications not available in this browser'))\n        // Do we have permission? If not, ask for permission\n        let permit = Notification.permission\n        if (permit === 'denied') {\n            return Promise.reject(new Error('Notifications not permitted by user')) // eslint-disable-line no-useless-return\n        } else if (permit === 'granted') {\n            return this._showNotification(config)\n        } else { // if (permit === 'default') {\n            permit = await Notification.requestPermission()\n            if (permit === 'granted') {\n                return this._showNotification(config)\n            }\n            return Promise.reject(new Error('Notifications not permitted by user'))\n        }\n    }\n\n    /** Remove All, 1 or more class names from an element\n     * @param {undefined|null|\"\"|string|string[]} classNames Single or array of classnames. If undefined, \"\" or null, remove all classes\n     * @param {HTMLElement} el HTML Element to add class(es) to\n     */\n    removeClass(classNames, el) {\n        if (!classNames) {\n            el.removeAttribute('class')\n            return\n        }\n        if (!Array.isArray(classNames)) classNames = [classNames]\n        if (el) el.classList.remove(...classNames)\n    }\n\n    /** Replace or add an HTML element's slot from text or an HTML string\n     * WARNING: Executes <script> tags! And will process <style> tags.\n     * Will use DOMPurify if that library has been loaded to window.\n     * param {*} ui Single entry from the msg._ui property\n     * @param {Element} el Reference to the element that we want to update\n     * @param {*} slot The slot content we are trying to add/replace (defaults to empty string)\n     */\n    replaceSlot(el, slot) {\n        if (!el) return\n        if (!slot) slot = ''\n\n        // If DOMPurify is loaded, apply it now\n        slot = this.sanitiseHTML(slot)\n\n        // Create doc frag and apply html string (msg.payload or the slot property)\n        const tempFrag = Ui.doc.createRange().createContextualFragment(slot)\n\n        // Remove content of el and replace with tempFrag\n        const elRange = Ui.doc.createRange()\n        elRange.selectNodeContents(el)\n        elRange.deleteContents()\n        el.append(tempFrag)\n    }\n\n    /** Replace or add an HTML element's slot from a Markdown string\n     * Only does something if the markdownit library has been loaded to window.\n     * Will use DOMPurify if that library has been loaded to window.\n     * @param {Element} el Reference to the element that we want to update\n     * @param {*} component The component we are trying to add/replace\n     */\n    replaceSlotMarkdown(el, component) {\n        if (!el) return\n        if (!component.slotMarkdown) return\n\n        // Convert from markdown to HTML\n        component.slotMarkdown = this.convertMarkdown(component.slotMarkdown)\n        // If DOMPurify is loaded, apply it now\n        component.slotMarkdown = this.sanitiseHTML(component.slotMarkdown)\n        // Set the component content to the the converted slotMarkdown property\n        el.innerHTML = component.slotMarkdown\n    }\n\n    /** Sanitise HTML to make it safe - if the DOMPurify library is loaded\n     * Otherwise just returns that HTML as-is.\n     * @param {string} html The input HTML string\n     * @returns {string} The sanitised HTML or the original if DOMPurify not loaded\n     */\n    sanitiseHTML(html) {\n        if (!Ui.win['DOMPurify']) return html\n        return Ui.win['DOMPurify'].sanitize(html, { ADD_TAGS: this.sanitiseExtraTags, ADD_ATTR: this.sanitiseExtraAttribs })\n    }\n\n    /** Show a pop-over \"toast\" dialog or a modal alert // TODO - Allow notify to sit in corners rather than take over the screen\n     * Refs: https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/alertdialog.html,\n     *       https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/dialog.html,\n     *       https://www.w3.org/WAI/ARIA/apg/patterns/dialogmodal/\n     * @param {\"notify\"|\"alert\"} type Dialog type\n     * @param {object} ui standardised ui data\n     * @param {object} [msg] msg.payload/msg.topic - only used if a string. Optional.\n     * @returns {void}\n     */\n    showDialog(type, ui, msg) { // eslint-disable-line sonarjs/cognitive-complexity\n\n        //#region -- Check properties --\n\n        let content = ''\n        // Main body content\n        if (msg.payload && typeof msg.payload === 'string') content += `<div>${msg.payload}</div>`\n        if (ui.content) content += `<div>${ui.content}</div>`\n        // Toast wont show anyway if content is empty, may as well warn user\n        if (content === '') {\n            Ui.log(1, 'Ui:showDialog', 'Toast content is blank. Not shown.')()\n            return\n        }\n\n        // Use msg.topic as title if no title provided\n        if (!ui.title && msg.topic) ui.title = msg.topic\n        if (ui.title) content = `<p class=\"toast-head\">${ui.title}</p><p>${content}</p>`\n\n        // Allow for variants - @since v6.1 - don't bother - since this now sets CSS class, not tied to bootstrap-vue\n        // if ( !ui.variant || !['', 'primary', 'secondary', 'success', 'info', 'warn', 'warning', 'failure', 'error', 'danger'].includes(ui.variant)) ui.variant = ''\n\n        // Toasts auto-hide by default after 10s but alerts do not auto-hide\n        if (ui.noAutohide) ui.noAutoHide = ui.noAutohide\n        if (ui.noAutoHide) ui.autohide = !ui.noAutoHide\n        // If set, number of ms until toast is auto-hidden\n        if (ui.autoHideDelay) {\n            if (!ui.autohide) ui.autohide = true\n            ui.delay = ui.autoHideDelay\n        } else ui.autoHideDelay = 10000 // default = 10s\n        if (!Object.prototype.hasOwnProperty.call(ui, 'autohide')) ui.autohide = true\n\n        if (type === 'alert') {\n            ui.modal = true\n            ui.autohide = false\n            content = `<svg viewBox=\"0 0 192.146 192.146\" style=\"width:30;background-color:transparent;\"><path d=\"M108.186 144.372c0 7.054-4.729 12.32-12.037 12.32h-.254c-7.054 0-11.92-5.266-11.92-12.32 0-7.298 5.012-12.31 12.174-12.31s11.91 4.992 12.037 12.31zM88.44 125.301h15.447l2.951-61.298H85.46l2.98 61.298zm101.932 51.733c-2.237 3.664-6.214 5.921-10.493 5.921H12.282c-4.426 0-8.51-2.384-10.698-6.233a12.34 12.34 0 0 1 .147-12.349l84.111-149.22c2.208-3.722 6.204-5.96 10.522-5.96h.332c4.445.107 8.441 2.618 10.513 6.546l83.515 149.229c1.993 3.8 1.905 8.363-.352 12.066zm-10.493-6.4L96.354 21.454l-84.062 149.18h167.587z\" /></svg> ${content}`\n        }\n\n        //#endregion -- -- --\n\n        // Create a toaster container element if not already created - or get a ref to it\n        let toaster = Ui.doc.getElementById('toaster')\n        if (toaster === null) {\n            toaster = Ui.doc.createElement('div')\n            toaster.id = 'toaster'\n            toaster.title = 'Click to clear all notifcations'\n            toaster.setAttribute('class', 'toaster')\n            toaster.setAttribute('role', 'dialog')\n            toaster.setAttribute('arial-label', 'Toast message')\n            toaster.onclick = function () {\n                // @ts-ignore\n                toaster.remove()\n            }\n            Ui.doc.body.insertAdjacentElement('afterbegin', toaster)\n        }\n\n        // Create a toast element. Would be nice to use <dialog> but that isn't well supported yet - come on Apple!\n        const toast = Ui.doc.createElement('div')\n        toast.title = 'Click to clear this notifcation'\n        toast.setAttribute('class', `toast ${ui.variant ? ui.variant : ''} ${type}`)\n        toast.innerHTML = content\n        toast.setAttribute('role', 'alertdialog')\n        if (ui.modal) toast.setAttribute('aria-modal', ui.modal)\n        toast.onclick = function (evt) {\n            evt.stopPropagation()\n            toast.remove()\n            // @ts-ignore\n            if (toaster.childElementCount < 1) toaster.remove()\n        }\n\n        // TODO\n        if (type === 'alert') {\n            // newD.setAttribute('aria-labelledby', '')\n            // newD.setAttribute('aria-describedby', '')\n        }\n\n        toaster.insertAdjacentElement(ui.appendToast === true ? 'beforeend' : 'afterbegin', toast)\n\n        // Auto-hide\n        if (ui.autohide === true) {\n            setInterval(() => {\n                toast.remove()\n                // @ts-ignore\n                if (toaster.childElementCount < 1) toaster.remove()\n            }, ui.autoHideDelay)\n        }\n    } // --- End of showDialog ---\n\n    /** Directly manage UI via JSON\n     * @param {object} json Either an object containing {_ui: {}} or simply simple {} containing ui instructions\n     */\n    ui(json) {\n        // Simulate a msg and process\n        let msg = {}\n        if (json._ui) msg = json\n        else msg._ui = json\n\n        this._uiManager(msg)\n    }\n\n    /** Get data from the DOM. Returns selection of useful props unless a specific prop requested.\n     * @param {string} cssSelector Identify the DOM element to get data from\n     * @param {string} [propName] Optional. Specific name of property to get from the element\n     * @returns {Array<*>} Array of objects containing either specific requested property or a selection of useful properties\n     */\n    uiGet(cssSelector, propName = null) {\n        // The type cast below not really correct but it gets rid of the other typescript errors\n        const selection = /** @type {NodeListOf<HTMLInputElement>} */ (Ui.doc.querySelectorAll(cssSelector))\n\n        const out = []\n\n        selection.forEach(node => {\n            // Specific property asked for ...\n            if (propName) {\n                if (propName === 'classes') propName = 'class'\n                // Try assuming the prop is an attribute first (will return null or \"\" if not present)\n                let prop = node.getAttribute(propName)\n                // If not an attribute, try getting as a property of the element\n                if (prop === undefined || prop === null) {\n                    try {\n                        prop = node[propName]\n                    } catch (error) {}\n                }\n                // We didn't find as either an attribute or a property\n                if (prop === undefined || prop === null) {\n                    // If 'value' was requested, return the innerText\n                    if (propName.toLowerCase() === 'value') out.push(node.innerText)\n                    else out.push(`Property '${propName}' not found`)\n                } else {\n                    const p = {}\n                    // Nightmare of different object types in a DOM Element!\n                    const cType = prop.constructor.name.toLowerCase()\n                    if (cType === 'namednodemap') {\n                        for (const key of prop) {\n                            // @ts-ignore\n                            p[key.name] = prop[key.name].value\n                        }\n                    } else if (!cType.includes('map')) { // Ordinary properties (not a mapped type)\n                        p[propName] = prop\n                    } else { // Other MAP types\n                        const p = {}\n                        // @ts-ignore\n                        for (const key in prop) {\n                            p[key] = prop[key]\n                        }\n                    }\n                    if (p.class) p.classes = Array.from(node.classList)\n                    out.push(p)\n                }\n            } else { // Otherwise, grab everything useful\n                out.push(this.nodeGet(node, cssSelector))\n            }\n        })\n\n        return out\n    } // --- end of uiGet --- //\n\n    /** External alias for _uiComposeComponent\n     * @param {*} el HTML Element to enhance\n     * @param {*} comp Individual uibuilder ui component spec\n     */\n    uiEnhanceElement(el, comp) {\n        this._uiComposeComponent(el, comp)\n    }\n\n    //#endregion ---- -------- ----\n}\n\nmodule.exports = Ui\n\n// if (window) window['$ui'] = new Ui(window)\n\n// export Ui\n"],
+  "sourcesContent": ["/* Creates HTML UI's based on a standardised data input.\n  Works stand-alone, with uibuilder or with Node.js/jsdom.\n  See: https://totallyinformation.github.io/node-red-contrib-uibuilder/#/client-docs/config-driven-ui\n\n  Author: Julian Knight (Totally Information), March 2023\n\n  License: Apache 2.0\n  Copyright (c) 2022-2024 Julian Knight (Totally Information)\n\n  Licensed under the Apache License, Version 2.0 (the \"License\");\n  you may not use this file except in compliance with the License.\n  You may obtain a copy of the License at\n\n  http://www.apache.org/licenses/LICENSE-2.0\n\n  Unless required by applicable law or agreed to in writing, software\n  distributed under the License is distributed on an \"AS IS\" BASIS,\n  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  See the License for the specific language governing permissions and\n  limitations under the License.\n */\n/* globals module:true */\n\n// Namespaces - See https://stackoverflow.com/a/52572048/1309986\n// const NAMESPACES = {\n//     svg: 'http://www.w3.org/2000/svg',\n//     html: 'http://www.w3.org/1999/xhtml',\n//     xml: 'http://www.w3.org/XML/1998/namespace',\n//     xlink: 'http://www.w3.org/1999/xlink',\n//     xmlns: 'http://www.w3.org/2000/xmlns/' // sic for the final slash...\n// }\n\nconst Ui = class Ui {\n    //#region --- Class variables ---\n    version = '7.0.4-src'\n\n    // List of tags and attributes not in sanitise defaults but allowed in uibuilder.\n    sanitiseExtraTags = ['uib-var']\n    sanitiseExtraAttribs = ['variable', 'report', 'undefined']\n\n    /** Reference to DOM window - must be passed in the constructor\n     * Allows for use of this library/class with `jsdom` in Node.JS as well as the browser.\n     * @type {Window}\n     */\n    static win\n\n    /** Reference to the DOM top-level window.document for convenience - set in constructor @type {Document} */\n    static doc\n\n    /** Log function - passed in constructor or will be a dummy function\n     * @type {Function}\n     */\n    static log\n\n    /** Options for Markdown-IT if available (set in constructor) */\n    static mdOpts\n    /** Reference to pre-loaded Markdown-IT library */\n    static md\n    /** Optional Markdown-IT Plugins */\n    ui_md_plugins\n    //#endregion --- class variables ---\n\n    /** Called when `new Ui(...)` is called\n     * @param {globalThis} win Either the browser global window or jsdom dom.window\n     * @param {Function} [extLog] A function that returns a function for logging\n     * @param {Function} [jsonHighlight] A function that returns a highlighted HTML of JSON input\n     */\n    constructor(win, extLog, jsonHighlight) {\n        // window must be passed in as an arg to the constructor\n        // Should either be the global window for a browser or `dom.window` for jsdom in Node.js\n        // @ts-ignore\n        if (win) Ui.win = win\n        else {\n            // Ui.log(0, 'Ui:constructor', 'Current environment does not include `window`, UI functions cannot be used.')()\n            // return\n            throw new Error('Ui:constructor. Current environment does not include `window`, UI functions cannot be used.')\n        }\n\n        // For convenience\n        Ui.doc = Ui.win.document\n\n        // If a suitable function not passed in, create a dummy one\n        if (extLog) Ui.log = extLog\n        else Ui.log = function() { return function() {} }\n\n        // If a JSON HTML highlighting function passed then use it, else a dummy fn\n        if (jsonHighlight) this.syntaxHighlight = jsonHighlight\n        else this.syntaxHighlight = function() {}\n\n        // If Markdown-IT pre-loaded, then configure it now\n        if (Ui.win['markdownit']) {\n            Ui.mdOpts = {\n                html: true,\n                xhtmlOut: false,\n                linkify: true,\n                _highlight: true,\n                _strict: false,\n                _view: 'html',\n                langPrefix: 'language-',\n                // NB: the highlightjs (hljs) library must be loaded before markdown-it for this to work\n                highlight: function(str, lang) {\n                    // https://highlightjs.org\n                    if (lang && window['hljs'] && window['hljs'].getLanguage(lang)) {\n                        try {\n                            return `<pre class=\"\">\n                                    <code class=\"hljs border\">${window['hljs'].highlight(str, { language: lang, ignoreIllegals: true }).value}</code></pre>`\n                        } finally { } // eslint-disable-line no-empty\n                    }\n                    return `<pre class=\"hljs border\"><code>${Ui.md.utils.escapeHtml(str).trim()}</code></pre>`\n                },\n            }\n            Ui.md = Ui.win['markdownit'](Ui.mdOpts)\n        }\n    }\n\n    //#region ---- Internal Methods ----\n\n    _markDownIt() {\n        // If Markdown-IT pre-loaded, then configure it now\n        if (!Ui.win['markdownit']) return\n\n        // If plugins not yet defined, check if uibuilder has set them\n        if (!this.ui_md_plugins && Ui.win['uibuilder'] && Ui.win['uibuilder'].ui_md_plugins) this.ui_md_plugins = Ui.win['uibuilder'].ui_md_plugins\n\n        Ui.mdOpts = {\n            html: true,\n            xhtmlOut: false,\n            linkify: true,\n            _highlight: true,\n            _strict: false,\n            _view: 'html',\n            langPrefix: 'language-',\n            // NB: the highlightjs (hljs) library must be loaded before markdown-it for this to work\n            highlight: function(str, lang) {\n                if (window['hljs']) {\n                    if (lang && window['hljs'].getLanguage(lang)) {\n                        try {\n                            return `<pre><code class=\"hljs border language-${lang}\" data-language=\"${lang}\" title=\"Source language: '${lang}'\">${window['hljs'].highlight(str, { language: lang, ignoreIllegals: true }).value}</code></pre>`\n                        } finally { } // eslint-disable-line no-empty\n                    } else {\n                        try {\n                            const high = window['hljs'].highlightAuto(str)\n                            return `<pre><code class=\"hljs border language-${high.language}\" data-language=\"${high.language}\" title=\"Source language estimated by HighlightJS: '${high.language}'\">${high.value}</code></pre>`\n                        } finally { } // eslint-disable-line no-empty\n                    }\n                }\n                return `<pre><code class=\"border\">${Ui.md.utils.escapeHtml(str).trim()}</code></pre>`\n            },\n        }\n        Ui.md = Ui.win['markdownit'](Ui.mdOpts)\n        // Ui.md.use(Ui.win.markdownitTaskLists, {enabled: true})\n        if (this.ui_md_plugins) {\n            if (!Array.isArray(this.ui_md_plugins)) {\n                Ui.log('error', 'Ui:_markDownIt:plugins', 'Could not load plugins, ui_md_plugins is not an array')()\n                return\n            }\n            this.ui_md_plugins.forEach( plugin => {\n                if (typeof plugin === 'string') {\n                    Ui.md.use(Ui.win[plugin])\n                } else {\n                    const name = Object.keys(plugin)[0]\n                    Ui.md.use(Ui.win[name], plugin[name])\n                }\n            })\n        }\n    }\n\n    /** Show a browser notification if the browser and the user allows it\n     * @param {object} config Notification config data\n     * @returns {Promise} Resolves on close or click event, returns the event.\n     */\n    _showNotification(config) {\n        if ( config.topic && !config.title ) config.title = config.topic\n        if ( !config.title ) config.title = 'uibuilder notification'\n        if ( config.payload && !config.body ) config.body = config.payload\n        if ( !config.body ) config.body = ' No message given.'\n        // Wrap in try/catch since Chrome Android may throw an error\n        try {\n            const notify = new Notification(config.title, config)\n            return new Promise( (resolve, reject) => {\n                // Doesn't ever seem to fire (at least in Chromium)\n                notify.addEventListener('close', ev => {\n                    // @ts-ignore\n                    ev.currentTarget.userAction = 'close'\n                    resolve(ev)\n                })\n                notify.addEventListener('click', ev => {\n                    // @ts-ignore\n                    ev.currentTarget.userAction = 'click'\n                    resolve(ev)\n                })\n                notify.addEventListener('error', ev => {\n                    // @ts-ignore\n                    ev.currentTarget.userAction = 'error'\n                    reject(ev)\n                })\n            })\n        } catch (e) {\n            return Promise.reject(new Error('Browser refused to create a Notification'))\n        }\n    }\n\n    // Vue dynamic inserts Don't really work ...\n    // _uiAddVue(ui, isRecurse) {\n\n    //     // must be Vue\n    //     // must have only 1 root element\n    //     const compToAdd = ui.components[0]\n    //     const newEl = Ui.doc.createElement(compToAdd.type)\n\n    //     if (!compToAdd.slot && ui.payload) compToAdd.slot = ui.payload\n    //     this._uiComposeComponent(newEl, compToAdd)\n\n    //     // If nested components, go again - but don't pass payload to sub-components\n    //     if (compToAdd.components) {\n    //         this._uiExtendEl(newEl, compToAdd.components)\n    //     }\n\n    //     console.log('MAGIC: ', this.magick, newEl, newEl.outerHTML)()\n    //     this.set('magick', newEl.outerHTML)\n\n    //     // if (compToAdd.id) newEl.setAttribute('ref', compToAdd.id)\n    //     // if (elParent.id) newEl.setAttribute('data-parent', elParent.id)\n    // }\n\n    // TODO Add check if ID already exists\n    // TODO Allow single add without using components array\n    /** Handle incoming msg._ui add requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     * @param {boolean} isRecurse Is this a recursive call?\n     */\n    _uiAdd(ui, isRecurse) {\n        Ui.log('trace', 'Ui:_uiManager:add', 'Starting _uiAdd')()\n\n        // Vue dynamic inserts Don't really work ...\n        // if (this.#isVue && !isRecurse) {\n        //     this._uiAddVue(ui, false)\n        //     return\n        // }\n\n        ui.components.forEach((compToAdd, i) => {\n            Ui.log('trace', `Ui:_uiAdd:components-forEach:${i}`, 'Component to add: ', compToAdd)()\n\n            /** @type {*} Create the new component - some kind of HTML element */\n            let newEl\n            switch (compToAdd.type) {\n                // If trying to insert raw html, wrap in a div\n                case 'html': {\n                    compToAdd.ns = 'html'\n                    newEl = Ui.doc.createElement('div')\n                    break\n                }\n\n                // If trying to insert raw svg, need to create in namespace\n                case 'svg': {\n                    compToAdd.ns = 'svg'\n                    newEl = Ui.doc.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToAdd.ns = 'dom'\n                    newEl = Ui.doc.createElement(compToAdd.type)\n                    break\n                }\n            }\n\n            if (!compToAdd.slot && ui.payload) compToAdd.slot = ui.payload\n\n            // const parser = new DOMParser()\n            // const newDoc = parser.parseFromString(compToAdd.slot, 'text/html')\n            // console.log(compToAdd, newDoc.body)()\n\n            this._uiComposeComponent(newEl, compToAdd)\n\n            /** @type {HTMLElement} Where to add the new element? */\n            let elParent\n            if (compToAdd.parentEl) {\n                elParent = compToAdd.parentEl\n            } else if (ui.parentEl) {\n                elParent = ui.parentEl\n            } else if (compToAdd.parent) {\n                elParent = Ui.doc.querySelector(compToAdd.parent)\n            } else if (ui.parent) {\n                elParent = Ui.doc.querySelector(ui.parent)\n            }\n            if (!elParent) {\n                Ui.log('info', 'Ui:_uiAdd', 'No parent found, adding to body')()\n                elParent = Ui.doc.querySelector('body')\n            }\n\n            if (compToAdd.position && compToAdd.position === 'first') {\n                // Insert new el before the first child of the parent. Ref: https://developer.mozilla.org/en-US/docs/Web/API/Node/insertBefore#example_3\n                elParent.insertBefore(newEl, elParent.firstChild)\n            } else if (compToAdd.position && Number.isInteger(Number(compToAdd.position))) {\n                elParent.insertBefore(newEl, elParent.children[compToAdd.position])\n            } else {\n                // Append to the required parent\n                elParent.appendChild(newEl)\n            }\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToAdd.components) {\n                // this._uiAdd({\n                //     method: ui.method,\n                //     parentEl: newEl,\n                //     components: compToAdd.components,\n                // }, true)\n                this._uiExtendEl(newEl, compToAdd.components, compToAdd.ns)\n            }\n        })\n    } // --- end of _uiAdd ---\n\n    /** Enhance an HTML element that is being composed with ui data\n     *  such as ID, attribs, event handlers, custom props, etc.\n     * @param {*} el HTML Element to enhance\n     * @param {*} comp Individual uibuilder ui component spec\n     */\n    _uiComposeComponent(el, comp) {\n        // Add attributes\n        if (comp.attributes) {\n            Object.keys(comp.attributes).forEach((attrib) => {\n                if (attrib === 'class' && Array.isArray(comp.attributes[attrib])) comp.attributes[attrib].join(' ')\n\n                Ui.log('trace', '_uiComposeComponent:attributes-forEach', `Attribute: '${attrib}', value: '${comp.attributes[attrib]}'`)()\n\n                // For values, set the actual value as well since the attrib only changes the DEFAULT value\n                if (attrib === 'value') el.value = comp.attributes[attrib]\n\n                if (attrib.startsWith('xlink:')) el.setAttributeNS('http://www.w3.org/1999/xlink', attrib, comp.attributes[attrib])\n                else el.setAttribute(attrib, comp.attributes[attrib])\n            })\n        }\n\n        // ID if set\n        if (comp.id) el.setAttribute('id', comp.id)\n\n        // If an SVG tag, ensure we have the appropriate namespaces added\n        if (comp.type === 'svg') {\n            el.setAttributeNS('http://www.w3.org/2000/xmlns/', 'xmlns', 'http://www.w3.org/2000/svg')\n            el.setAttributeNS('http://www.w3.org/2000/xmlns/', 'xmlns:xlink', 'http://www.w3.org/1999/xlink')\n        }\n\n        // Add event handlers\n        if (comp.events) {\n            Object.keys(comp.events).forEach((type) => {\n                // @ts-ignore  I'm forever getting this wrong!\n                if (type.toLowerCase === 'onclick') type = 'click'\n                // Add the event listener\n                try {\n                    el.addEventListener(type, (evt) => {\n                        // Use new Function to ensure that esbuild works: https://esbuild.github.io/content-types/#direct-eval\n                        (new Function('evt', `${comp.events[type]}(evt)`))(evt) // eslint-disable-line no-new-func\n                    })\n                    // newEl.setAttribute( 'onClick', `${comp.events[type]}()` )\n                } catch (err) {\n                    Ui.log('error', 'Ui:_uiComposeComponent', `Add event '${type}' for element '${comp.type}': Cannot add event handler. ${err.message}`)()\n                }\n            })\n        }\n\n        // Add custom properties to the dataset\n        if (comp.properties) {\n            Object.keys(comp.properties).forEach((prop) => {\n                // TODO break a.b into sub properties\n                el[prop] = comp.properties[prop]\n                // Auto-dispatch events if changing value or changed since DOM does not do this automatically\n                if (['value', 'checked'].includes(prop)) {\n                    el.dispatchEvent(new Event('input'))\n                    el.dispatchEvent(new Event('change'))\n                }\n            })\n        }\n\n        //#region Add Slot content to innerHTML\n        if (comp.slot) {\n            this.replaceSlot(el, comp.slot)\n        }\n        //#endregion\n\n        // TODO Add multi-slot capability (default slot must always be processed first as innerHTML is replaced)\n\n        //#region Add Slot Markdown content to innerHTML IF marked library is available\n        if (comp.slotMarkdown) {\n            this.replaceSlotMarkdown(el, comp)\n        }\n        //#endregion\n    }\n\n    /** Extend an HTML Element with appended elements using ui components\n     * NOTE: This fn follows a strict hierarchy of added components.\n     * @param {HTMLElement} parentEl The parent HTML Element we want to append to\n     * @param {*} components The ui component(s) we want to add\n     * @param {string} [ns] Optional. The namespace to use.\n     */\n    _uiExtendEl(parentEl, components, ns = '') {\n        components.forEach((compToAdd, i) => {\n            Ui.log('trace', `Ui:_uiExtendEl:components-forEach:${i}`, compToAdd)()\n\n            /** @type {HTMLElement} Create the new component */\n            let newEl\n\n            compToAdd.ns = ns\n\n            if (compToAdd.ns === 'html') {\n                newEl = parentEl\n                // newEl.outerHTML = compToAdd.slot\n                // parentEl.innerHTML = compToAdd.slot\n                this.replaceSlot(parentEl, compToAdd.slot)\n            } else if (compToAdd.ns === 'svg') {\n                newEl = Ui.doc.createElementNS('http://www.w3.org/2000/svg', compToAdd.type)\n                // Updates newEl\n                this._uiComposeComponent(newEl, compToAdd)\n                parentEl.appendChild(newEl)\n            } else {\n                newEl = Ui.doc.createElement(compToAdd.type === 'html' ? 'div' : compToAdd.type)\n                // Updates newEl\n                this._uiComposeComponent(newEl, compToAdd)\n                parentEl.appendChild(newEl)\n            }\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToAdd.components) {\n                this._uiExtendEl(newEl, compToAdd.components, compToAdd.ns)\n            }\n        })\n    }\n\n    // TODO Add more error handling and parameter validation\n    /** Handle incoming _ui load requests\n     * Can load JavaScript modules, JavaScript scripts and CSS.\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     */\n    _uiLoad(ui) {\n\n        // Self-loading ECMA Modules (e.g. web components)\n        if (ui.components) {\n            if (!Array.isArray(ui.components)) ui.components = [ui.components]\n\n            ui.components.forEach(async component => {\n                // NOTE: This happens asynchronously but we don't wait\n                import(component)\n            })\n        }\n        // Remote Scripts\n        if (ui.srcScripts) {\n            if (!Array.isArray(ui.srcScripts)) ui.srcScripts = [ui.srcScripts]\n\n            ui.srcScripts.forEach(script => {\n                this.loadScriptSrc(script)\n            })\n        }\n        // Scripts passed as text\n        if (ui.txtScripts) {\n            if (!Array.isArray(ui.txtScripts)) ui.txtScripts = [ui.txtScripts]\n\n            this.loadScriptTxt(ui.txtScripts.join('\\n'))\n        }\n        // Remote Stylesheets\n        if (ui.srcStyles) {\n            if (!Array.isArray(ui.srcStyles)) ui.srcStyles = [ui.srcStyles]\n\n            ui.srcStyles.forEach(sheet => {\n                this.loadStyleSrc(sheet)\n            })\n        }\n        // Styles passed as text\n        if (ui.txtStyles) {\n            if (!Array.isArray(ui.txtStyles)) ui.txtStyles = [ui.txtStyles]\n\n            this.loadStyleTxt(ui.txtStyles.join('\\n'))\n        }\n\n    } // --- end of _uiLoad ---\n\n    /** Handle incoming _ui messages and loaded UI JSON files\n     * Called from start()\n     * @param {*} msg Standardised msg object containing a _ui property object\n     */\n    _uiManager(msg) {\n        if (!msg._ui) return\n\n        // Make sure that _ui is an array\n        if (!Array.isArray(msg._ui)) msg._ui = [msg._ui]\n\n        msg._ui.forEach((ui, i) => {\n            if (ui.mode && !ui.method) ui.method = ui.mode\n            if (!ui.method) {\n                Ui.log('error', 'Ui:_uiManager', `No method defined for msg._ui[${i}]. Ignoring. `, ui)()\n                return\n            }\n\n            ui.payload = msg.payload\n            ui.topic = msg.topic\n            switch (ui.method) {\n                case 'add': {\n                    this._uiAdd(ui, false)\n                    break\n                }\n\n                case 'remove': {\n                    this._uiRemove(ui, false)\n                    break\n                }\n\n                case 'removeAll': {\n                    this._uiRemove(ui, true)\n                    break\n                }\n\n                case 'replace': {\n                    this._uiReplace(ui)\n                    break\n                }\n\n                case 'update': {\n                    this._uiUpdate(ui)\n                    break\n                }\n\n                case 'load': {\n                    this._uiLoad(ui)\n                    break\n                }\n\n                case 'reload': {\n                    this._uiReload()\n                    break\n                }\n\n                case 'notify': {\n                    this.showDialog('notify', ui, msg)\n                    break\n                }\n\n                case 'alert': {\n                    this.showDialog('alert', ui, msg)\n                    break\n                }\n\n                default: {\n                    Ui.log('error', 'Ui:_uiManager', `Invalid msg._ui[${i}].method (${ui.method}). Ignoring`)()\n                    break\n                }\n            }\n        })\n    } // --- end of _uiManager ---\n\n    /** Handle a reload request */\n    _uiReload() {\n        Ui.log('trace', 'Ui:uiManager:reload', 'reloading')()\n        location.reload()\n    }\n\n    // TODO Add better tests for failures (see comments)\n    /** Handle incoming _ui remove requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     * @param {boolean} all Optional, default=false. If true, will remove ALL found elements, otherwise only the 1st is removed\n     */\n    _uiRemove(ui, all = false) {\n        ui.components.forEach((compToRemove) => {\n            let els\n            if (all !== true) els = [Ui.doc.querySelector(compToRemove)]\n            else els = Ui.doc.querySelectorAll(compToRemove)\n\n            els.forEach(el => {\n                try {\n                    el.remove()\n                } catch (err) {\n                    // Could not remove. Cannot read properties of null <= no need to report this one\n                    // Could not remove. Failed to execute 'querySelector' on 'Ui.doc': '##testbutton1' is not a valid selector\n                    Ui.log('trace', 'Ui:_uiRemove', `Could not remove. ${err.message}`)()\n                }\n            })\n        })\n    } // --- end of _uiRemove ---\n\n    /** Handle incoming _ui replace requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     */\n    _uiReplace(ui) {\n        Ui.log('trace', 'Ui:_uiReplace', 'Starting')()\n\n        ui.components.forEach((compToReplace, /** @type {number} */ i) => {\n            Ui.log('trace', `Ui:_uiReplace:components-forEach:${i}`, 'Component to replace: ', compToReplace)()\n\n            /** @type {HTMLElement} */\n            let elToReplace\n\n            // Either the id, CSS selector, name or type (element type) must be given in order to identify the element to change. FIRST element matching is updated.\n            if (compToReplace.id) {\n                elToReplace = Ui.doc.getElementById(compToReplace.id) // .querySelector(`#${compToReplace.id}`)\n            } else if (compToReplace.selector || compToReplace.select) {\n                elToReplace = Ui.doc.querySelector(compToReplace.selector)\n            } else if (compToReplace.name) {\n                elToReplace = Ui.doc.querySelector(`[name=\"${compToReplace.name}\"]`)\n            } else if (compToReplace.type) {\n                elToReplace = Ui.doc.querySelector(compToReplace.type)\n            }\n\n            Ui.log('trace', `Ui:_uiReplace:components-forEach:${i}`, 'Element to replace: ', elToReplace)()\n\n            // Nothing was found so ADD the element instead\n            if (elToReplace === undefined || elToReplace === null) {\n                Ui.log('trace', `Ui:_uiReplace:components-forEach:${i}:noReplace`, 'Cannot find the DOM element. Adding instead.', compToReplace)()\n                this._uiAdd({ components: [compToReplace] }, false)\n                return\n            }\n\n            /** @type {*} Create the new component - some kind of HTML element */\n            let newEl\n            switch (compToReplace.type) {\n                // If trying to insert raw html, wrap in a div\n                case 'html': {\n                    compToReplace.ns = 'html'\n                    newEl = Ui.doc.createElement('div')\n                    break\n                }\n\n                // If trying to insert raw svg, need to create in namespace\n                case 'svg': {\n                    compToReplace.ns = 'svg'\n                    newEl = Ui.doc.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToReplace.ns = 'dom'\n                    newEl = Ui.doc.createElement(compToReplace.type)\n                    break\n                }\n            }\n\n            // Updates the newEl and maybe the ui\n            this._uiComposeComponent(newEl, compToReplace)\n\n            // Replace the current element\n            elToReplace.replaceWith(newEl)\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToReplace.components) {\n                this._uiExtendEl(newEl, compToReplace.components, compToReplace.ns)\n            }\n        })\n    } // --- end of _uiReplace ---\n\n    // TODO Allow single add without using components array\n    // TODO Allow sub-components\n    // TODO Add multi-slot capability\n    /** Handle incoming _ui update requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     */\n    _uiUpdate(ui) {\n        Ui.log('trace', 'UI:_uiUpdate:update', 'Starting _uiUpdate', ui)()\n\n        // We allow an update not to actually need to spec a component\n        if (!ui.components) ui.components = [Object.assign({}, ui)]\n\n        ui.components.forEach((compToUpd, i) => {\n            Ui.log('trace', '_uiUpdate:components-forEach', `Start loop #${i}`, compToUpd)()\n\n            /** @type {NodeListOf<Element>} */\n            let elToUpd\n\n            // If a parent element is passed, use that as the update target (only allowed internally)\n            // Otherwise either the id, CSS selector, name or type (element type) must be given in order to identify the element to change. ALL elements matching are updated.\n            if (compToUpd.parentEl) {\n                elToUpd = compToUpd.parentEl\n            } else if (compToUpd.id) {\n                // NB We don't use get by id because this way the code is simpler later on\n                elToUpd = Ui.doc.querySelectorAll(`#${compToUpd.id}`)\n            } else if (compToUpd.selector || compToUpd.select) {\n                elToUpd = Ui.doc.querySelectorAll(compToUpd.selector)\n            } else if (compToUpd.name) {\n                elToUpd = Ui.doc.querySelectorAll(`[name=\"${compToUpd.name}\"]`)\n            } else if (compToUpd.type) {\n                elToUpd = Ui.doc.querySelectorAll(compToUpd.type)\n            }\n\n            // @ts-ignore Nothing was found so give up\n            if (elToUpd === undefined || elToUpd.length < 1) {\n                Ui.log('warn', 'Ui:_uiManager:update', 'Cannot find the DOM element. Ignoring.', compToUpd)()\n                return\n            }\n\n            Ui.log('trace', '_uiUpdate:components-forEach', `Element(s) to update. Count: ${elToUpd.length}`, elToUpd)()\n\n            // If slot not specified but payload is, use the payload in the slot\n            if (!compToUpd.slot && compToUpd.payload) compToUpd.slot = compToUpd.payload\n\n            // Might have >1 element to update - so update them all\n            elToUpd.forEach((el, j) => {\n                Ui.log('trace', '_uiUpdate:components-forEach', `Updating element #${j}`, el)()\n                this._uiComposeComponent(el, compToUpd)\n                // Try to go down another level of nesting if needed\n                // ! NOT CONVINCED THIS ACTUALLY WORKS !\n                if (compToUpd.components) {\n                    Ui.log('trace', '_uiUpdate:nested-component', `Element #${j} - nested-component`, compToUpd, el)()\n                    const nc = { _ui: [] }\n                    compToUpd.components.forEach((nestedComp, k) => {\n                        const method = nestedComp.method || compToUpd.method || ui.method\n                        if (nestedComp.method) delete nestedComp.method\n                        if (!Array.isArray(nestedComp)) nestedComp = [nestedComp]\n                        // nestedComp.parentEl = el\n                        // nestedComp.components = [nestedComp]\n                        Ui.log('trace', '_uiUpdate:nested-component', `Element #${j} - nested-component #${k}`, nestedComp)()\n                        nc._ui.push( {\n                            method: method,\n                            parentEl: el,\n                            components: nestedComp,\n                        })\n                    })\n                    Ui.log('trace', '_uiUpdate:nested-component', `Element #${j} - nested-component new manager`, nc)()\n                    this._uiManager(nc)\n                }\n            })\n\n            // If nested components, apply to every found element - but don't pass payload to sub-components\n            // if (compToUpd.components) {\n            //     compToUpd.components.forEach((el, k) => {\n            //         Ui.log('trace', '_uiUpdate:nested-component', `Updating nested-component #${k}`, el)()\n            //         this._uiUpdate({\n            //             method: el.method || ui.method,\n            //             parentEl: el,\n            //             components: el.components,\n            //         })\n            //     })\n            // }\n        })\n    } // --- end of _uiUpdate ---\n\n    //#endregion ---- -------- ----\n\n    //#region ---- External Methods ----\n\n    /** Simplistic jQuery-like document CSS query selector, returns an HTML Element\n     * NOTE that this fn returns the element itself. Use $$ to get the properties of 1 or more elements.\n     * If the selected element is a <template>, returns the first child element.\n     * type {HTMLElement}\n     * @param {string} cssSelector A CSS Selector that identifies the element to return\n     * @param {\"el\"|\"text\"|\"html\"|\"attributes\"|\"attr\"} [output] Optional. What type of output to return. Defaults to \"el\", the DOM element reference\n     * @returns {HTMLElement|string|InnerHTML|array|null} Selected HTML DOM element, innerText, innerHTML, attribute list or null\n     */\n    $(cssSelector, output) {\n        /** @type {*} Some kind of HTML element */\n        let el = Ui.doc.querySelector(cssSelector)\n\n        if (!el) {\n            Ui.log(1, 'Uib:$', `No element found for CSS selector ${cssSelector}`)()\n            return null\n        }\n\n        if ( el.nodeName === 'TEMPLATE' ) {\n            el = el.content.firstElementChild\n            if (!el) {\n                Ui.log(0, 'Uib:$', `Template selected for CSS selector ${cssSelector} but it is empty`)()\n                return null\n            }\n        }\n\n        if (!output) output = 'el'\n        let out\n\n        try {\n            switch (output.toLowerCase()) {\n                case 'text': {\n                    out = el.innerText\n                    break\n                }\n\n                case 'html': {\n                    out = el.innerHTML\n                    break\n                }\n\n                case 'attr':\n                case 'attributes': {\n                    out = {}\n                    for (const attr of el.attributes) {\n                        out[attr.name] = attr.value\n                    }\n                    break\n                }\n\n                default: {\n                    out = el\n                    break\n                }\n            }\n        } catch (e) {\n            out = el\n            Ui.log(1, 'Uib:$', `Could not process output type \"${output}\" for CSS selector ${cssSelector}, returned the DOM element. ${e.message}`, e)()\n        }\n\n        return out\n    }\n\n    /** CSS query selector that returns ALL found selections. Matches the Chromium DevTools feature of the same name.\n     * NOTE that this fn returns an array showing the PROPERTIES of the elements whereas $ returns the element itself\n     * @param {string} cssSelector A CSS Selector that identifies the elements to return\n     * @returns {HTMLElement[]} Array of DOM elements/nodes. Array is empty if selector is not found.\n     */\n    $$(cssSelector) {\n        return Array.from(Ui.doc.querySelectorAll(cssSelector))\n    }\n\n    /** Add 1 or several class names to an element\n     * @param {string|string[]} classNames Single or array of classnames\n     * @param {HTMLElement} el HTML Element to add class(es) to\n     */\n    addClass(classNames, el) {\n        if (!Array.isArray(classNames)) classNames = [classNames]\n        if (el) el.classList.add(...classNames)\n    }\n\n    /** Apply a source template tag to a target html element\n     * NOTES:\n     * - styles in ALL templates are accessible to all templates.\n     * - scripts in templates are run AT TIME OF APPLICATION (so may run multiple times).\n     * - scripts in templates are applied in order of application, so variables may not yet exist if defined in subsequent templates\n     * @param {string} sourceId The HTML ID of the source element\n     * @param {string} targetId The HTML ID of the target element\n     * @param {object} config Configuration options\n     * @param {boolean=} config.onceOnly If true, the source will be adopted (the source is moved)\n     * @param {object=} config.attributes A set of key:value pairs that will be applied as attributes to the target\n     */\n    applyTemplate(sourceId, targetId, config) {\n        if (!config) config = { onceOnly: false }\n\n        const template = Ui.doc.getElementById(sourceId)\n        const target = Ui.doc.getElementById(targetId)\n\n        if (template && target) {\n            let content\n            try {\n                if (config.onceOnly !== true) content = Ui.doc.importNode(template.content, true)\n                else content = Ui.doc.adoptNode(template.content)\n                // NB content.childElementCount = 0 after adoption\n            } catch (e) {\n                Ui.log('error', 'Ui:applyTemplate', `Source must be a <template>. id='${sourceId}'`)()\n                return\n            }\n            if (content) {\n                // Apply config.attributes to the 1st element of the template content\n                if (config.attributes) {\n                    const el = content.firstElementChild\n                    Object.keys(config.attributes).forEach( attrib => {\n                        // Apply each attribute and value\n                        el.setAttribute(attrib, config.attributes[attrib])\n                    })\n                }\n                // ! TODO Add ability to change slot content\n                // Apply to the target\n                target.appendChild(content)\n            }\n        } else {\n            if (!template) Ui.log('error', 'Ui:applyTemplate', `Source not found: id='${sourceId}'`)()\n            if (!target) Ui.log('error', 'Ui:applyTemplate', `Target not found: id='${targetId}'`)()\n        }\n    }\n\n    /** Builds an HTML table from an array (or object) of objects\n     * 1st row is used for columns. If an object of objects, the outer keys\n     * are used as row ID's (prefixed with \"r-\").\n     * @param {Array<object>|Object} data Input data array or object\n     * @returns {HTMLTableElement|HTMLParagraphElement} Output HTML Element\n     */\n    buildHtmlTable(data) {\n        // If data is an object of objects, convert it to an array of objects\n        let keys\n        if (!Array.isArray(data)) {\n            if (typeof data === 'object') {\n                keys = Object.keys(data)\n                data = Object.values(data)\n            }\n            // Ensure input is an array of objects\n            if (!Array.isArray(data)) {\n                const out = Ui.doc.createElement('p')\n                out.textContent = 'Input data is not an array or an object, cannot create a table.'\n                return out\n            }\n        }\n\n        const tbl = Ui.doc.createElement('table')\n        // Heading row\n        const thead = Ui.doc.createElement('thead')\n        const headerRow = Ui.doc.createElement('tr')\n        // Get the headers from the keys of the first object\n        const headers = Object.keys(data[0])\n        headers.forEach(header => {\n            const th = Ui.doc.createElement('th')\n            th.textContent = header\n            headerRow.appendChild(th)\n        })\n        thead.appendChild(headerRow)\n        tbl.appendChild(thead)\n\n        // body\n        const tbody = Ui.doc.createElement('tbody')\n        data.forEach( (item, i) => {\n            const row = Ui.doc.createElement('tr')\n            if (keys) row.id = `r-${keys[i]}`\n            headers.forEach(header => {\n                const cell = Ui.doc.createElement('td')\n                // cell.textContent = item[header]\n                cell.innerHTML = this.sanitiseHTML(item[header])\n                row.appendChild(cell)\n            })\n            tbody.appendChild(row)\n        })\n        tbl.appendChild(tbody)\n\n        return tbl\n    }\n\n    /** Converts markdown text input to HTML if the Markdown-IT library is loaded\n     * Otherwise simply returns the text\n     * @param {string} mdText The input markdown string\n     * @returns {string} HTML (if Markdown-IT library loaded and parse successful) or original text\n     */\n    convertMarkdown(mdText) {\n        if (!mdText) return ''\n        if (!Ui.win['markdownit']) return mdText\n        if (!Ui.md) this._markDownIt() // To handle case where the library is late loaded\n        // Convert from markdown to HTML\n        try {\n            return Ui.md.render(mdText.trim())\n        } catch (e) {\n            Ui.log(0, 'uibuilder:convertMarkdown', `Could not render Markdown. ${e.message}`, e)()\n            return '<p class=\"border error\">Could not render Markdown<p>'\n        }\n    }\n\n    /** Include HTML fragment, img, video, text, json, form data, pdf or anything else from an external file or API\n     * Wraps the included object in a div tag.\n     * PDF's, text or unknown MIME types are also wrapped in an iFrame.\n     * @param {string} url The URL of the source file to include\n     * @param {object} uiOptions Object containing properties recognised by the _uiReplace function. Must at least contain an id\n     * param {string} uiOptions.id The HTML ID given to the wrapping DIV tag\n     * param {string} uiOptions.parentSelector The CSS selector for a parent element to insert the new HTML under (defaults to 'body')\n     * @returns {Promise<any>} Status\n     */\n    async include(url, uiOptions) { // eslint-disable-line sonarjs/cognitive-complexity\n        // TODO: src, id, parent must all be a strings\n        if (!fetch) {\n            Ui.log(0, 'Ui:include', 'Current environment does not include `fetch`, skipping.')()\n            return 'Current environment does not include `fetch`, skipping.'\n        }\n        if (!url) {\n            Ui.log(0, 'Ui:include', 'url parameter must be provided, skipping.')()\n            return 'url parameter must be provided, skipping.'\n        }\n        if (!uiOptions || !uiOptions.id) {\n            Ui.log(0, 'Ui:include', 'uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.')()\n            return 'uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.'\n        }\n\n        // Try to get the content via the URL\n        let response\n        try {\n            response = await fetch(url)\n        } catch (error) {\n            Ui.log(0, 'Ui:include', `Fetch of file '${url}' failed. `, error.message)()\n            return error.message\n        }\n        if (!response.ok) {\n            Ui.log(0, 'Ui:include', `Fetch of file '${url}' failed. Status='${response.statusText}'`)()\n            return response.statusText\n        }\n\n        // Work out what type of data we got\n        const contentType = await response.headers.get('content-type')\n        let type = null\n        if (contentType) {\n            if (contentType.includes('text/html')) {\n                type = 'html'\n            } else if (contentType.includes('application/json')) {\n                type = 'json'\n            } else if (contentType.includes('multipart/form-data')) {\n                type = 'form'\n            } else if (contentType.includes('image/')) {\n                type = 'image'\n            } else if (contentType.includes('video/')) {\n                type = 'video'\n            } else if (contentType.includes('application/pdf')) {\n                type = 'pdf'\n            } else if (contentType.includes('text/plain')) {\n                type = 'text'\n            } // else type = null\n        }\n\n        // Create the HTML to include on the page based on type\n        let slot = ''\n        let txtReturn = 'Include successful'\n        let data\n        switch (type) {\n            case 'html': {\n                data = await response.text()\n                slot = data\n                break\n            }\n\n            case 'json': {\n                data = await response.json()\n                slot = '<pre class=\"syntax-highlight\">'\n                slot += this.syntaxHighlight(data)\n                slot += '</pre>'\n                break\n            }\n\n            case 'form': {\n                data = await response.formData()\n                slot = '<pre class=\"syntax-highlight\">'\n                slot += this.syntaxHighlight(data)\n                slot += '</pre>'\n                break\n            }\n\n            case 'image': {\n                data = await response.blob()\n                slot = `<img src=\"${URL.createObjectURL(data)}\">`\n                if (Ui.win['DOMPurify']) {\n                    txtReturn = 'Include successful. BUT DOMPurify loaded which may block its use.'\n                    Ui.log('warn', 'Ui:include:image', txtReturn)()\n                }\n                break\n            }\n\n            case 'video': {\n                data = await response.blob()\n                slot = `<video controls autoplay><source src=\"${URL.createObjectURL(data)}\"></video>`\n                if (Ui.win['DOMPurify']) {\n                    txtReturn = 'Include successful. BUT DOMPurify loaded which may block its use.'\n                    Ui.log('warn', 'Ui:include:video', txtReturn)()\n                }\n                break\n            }\n\n            case 'pdf':\n            case 'text':\n            default: {\n                data = await response.blob()\n                slot = `<iframe style=\"resize:both;width:inherit;height:inherit;\" src=\"${URL.createObjectURL(data)}\">`\n                if (Ui.win['DOMPurify']) {\n                    txtReturn = 'Include successful. BUT DOMPurify loaded which may block its use.'\n                    Ui.log('warn', `Ui:include:${type}`, txtReturn)()\n                }\n                break\n            }\n        }\n\n        // Wrap it all in a <div id=\"...\" class=\"included\">\n        uiOptions.type = 'div'\n        uiOptions.slot = slot\n        if (!uiOptions.parent) uiOptions.parent = 'body'\n        if (!uiOptions.attributes) uiOptions.attributes = { class: 'included' }\n\n        // Use uibuilder's standard ui processing to turn the instructions into HTML\n        this._uiReplace({\n            components: [\n                uiOptions\n            ]\n        })\n\n        Ui.log('trace', `Ui:include:${type}`, txtReturn)()\n        return txtReturn\n    } // ---- End of include() ---- //\n\n    /** Attach a new remote script to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} url The url to be used in the script src attribute\n     */\n    loadScriptSrc(url) {\n        const newScript = Ui.doc.createElement('script')\n        newScript.src = url\n        newScript.async = false\n        Ui.doc.head.appendChild(newScript)\n    }\n\n    /** Attach a new text script to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} textFn The text to be loaded as a script\n     */\n    loadScriptTxt(textFn) {\n        const newScript = Ui.doc.createElement('script')\n        newScript.async = false\n        newScript.textContent = textFn\n        Ui.doc.head.appendChild(newScript)\n    }\n\n    /** Attach a new remote stylesheet link to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} url The url to be used in the style link href attribute\n     */\n    loadStyleSrc(url) {\n        const newStyle = Ui.doc.createElement('link')\n        newStyle.href = url\n        newStyle.rel = 'stylesheet'\n        newStyle.type = 'text/css'\n\n        Ui.doc.head.appendChild(newStyle)\n    }\n\n    /** Attach a new text stylesheet to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} textFn The text to be loaded as a stylesheet\n     */\n    loadStyleTxt(textFn) {\n        const newStyle = Ui.doc.createElement('style')\n        newStyle.textContent = textFn\n        Ui.doc.head.appendChild(newStyle)\n    }\n\n    /** Load a dynamic UI from a JSON web reponse\n     * @param {string} url URL that will return the ui JSON\n     */\n    loadui(url) {\n        if (!fetch) {\n            Ui.log(0, 'Ui:loadui', 'Current environment does not include `fetch`, skipping.')()\n            return\n        }\n        if (!url) {\n            Ui.log(0, 'Ui:loadui', 'url parameter must be provided, skipping.')()\n            return\n        }\n\n        fetch(url)\n            .then(response => {\n                if (response.ok === false) {\n                    // Ui.log('warn', 'Ui:loadui:then1', `Could not load '${url}'. Status ${response.status}, Error: ${response.statusText}`)()\n                    throw new Error(`Could not load '${url}'. Status ${response.status}, Error: ${response.statusText}`)\n                }\n\n                Ui.log('trace', 'Ui:loadui:then1', `Loaded '${url}'. Status ${response.status}, ${response.statusText}`)()\n                // Did we get json?\n                const contentType = response.headers.get('content-type')\n                if (!contentType || !contentType.includes('application/json')) {\n                    throw new TypeError(`Fetch '${url}' did not return JSON, ignoring`)\n                }\n                // Returns parsed json to next .then\n                return response.json()\n            })\n            .then(data => {\n                if (data !== undefined) {\n                    Ui.log('trace', 'Ui:loadui:then2', 'Parsed JSON successfully obtained')()\n                    // Call the _uiManager\n                    this._uiManager({ _ui: data })\n                    return true\n                }\n                return false\n            })\n            .catch(err => {\n                Ui.log('warn', 'Ui:loadui:catch', 'Error. ', err)()\n            })\n    } // --- end of loadui\n\n    /** ! NOT COMPLETE Move an element from one position to another\n     * @param {object} opts Options\n     * @param {string} opts.sourceSelector Required, CSS Selector that identifies the element to be moved\n     * @param {string} opts.targetSelector Required, CSS Selector that identifies the element to be moved\n     */\n    moveElement(opts) {\n        const { sourceSelector, targetSelector, moveType, position } = opts\n        const sourceEl = document.querySelector(sourceSelector)\n        if (!sourceEl) {\n            Ui.log(0, 'Ui:moveElement', 'Source element not found')()\n            return\n        }\n        const targetEl = document.querySelector(targetSelector)\n        if (!targetEl) {\n            Ui.log(0, 'Ui:moveElement', 'Target element not found')()\n            return\n        }\n    }\n\n    /** Get standard data from a DOM node.\n     * @param {*} node DOM node to examine\n     * @param {string} cssSelector Identify the DOM element to get data from\n     * @returns {object} Standardised data object\n     */\n    nodeGet(node, cssSelector) {\n        const thisOut = {\n            id: node.id === '' ? undefined : node.id,\n            name: node.name,\n            children: node.childNodes.length,\n            type: node.nodeName,\n            attributes: undefined,\n\n            isUserInput: node.validity ? true : false, // eslint-disable-line no-unneeded-ternary\n            userInput: !node.validity ? undefined : { // eslint-disable-line multiline-ternary\n                value: node.value,\n                validity: undefined,\n                willValidate: node.willValidate,\n                valueAsDate: node.valueAsDate,\n                valueAsNumber: node.valueAsNumber,\n                type: node.type,\n            },\n        }\n\n        if (['UL', 'OL'].includes(node.nodeName)) {\n            const listEntries = Ui.doc.querySelectorAll(`${cssSelector} li`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'DL') {\n            const listEntries = Ui.doc.querySelectorAll(`${cssSelector} dt`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'TABLE') {\n            const bodyEntries = Ui.doc.querySelectorAll(`${cssSelector} > tbody > tr`)\n            const headEntries = Ui.doc.querySelectorAll(`${cssSelector} > thead > tr`)\n            const cols = Ui.doc.querySelectorAll(`${cssSelector} > tbody > tr:last-child > *`)  // #eltest > table > tbody > tr:nth-child(3)\n            if (bodyEntries || headEntries || cols) {\n                thisOut.table = {\n                    'headRows': headEntries ? headEntries.length : 0,\n                    'bodyRows': bodyEntries ? bodyEntries.length : 0,\n                    'columns': cols ? cols.length : 0,\n                }\n            }\n        }\n        if (node.nodeName !== '#text' && node.attributes && node.attributes.length > 0) {\n            thisOut.attributes = {}\n            // @ts-ignore\n            for (const attrib of node.attributes) {\n                if (attrib.name !== 'id') {\n                    thisOut.attributes[attrib.name] = node.attributes[attrib.name].value\n                }\n                if (attrib.name === 'class') thisOut.classes = Array.from(node.classList)\n            }\n        }\n        if (node.nodeName === '#text') {\n            thisOut.text = node.textContent\n        }\n        if (node.validity) thisOut.userInput.validity = {}\n        for (const v in node.validity) {\n            thisOut.userInput.validity[v] = node.validity[v]\n        }\n\n        return thisOut\n    } // --- end of nodeGet --- //\n\n    /** Show a browser notification if possible. Returns a promise\n     * Config can be a simple string, a Node-RED msg (topic as title, payload as body)\n     * or a Notifications API options object + config.title string.\n     * Config ref: https://developer.mozilla.org/en-US/docs/Web/API/Notification/Notification\n     * @param {object|string} config Notification config object or simple message string\n     * @returns {Promise} Resolves on close or click event, returns the event.\n     */\n    async notification(config) {\n        if (typeof config === 'string') {\n            config = { body: config }\n        }\n        // Are notifications available?\n        if (typeof Notification === 'undefined') return Promise.reject(new Error('Notifications not available in this browser'))\n        // Do we have permission? If not, ask for permission\n        let permit = Notification.permission\n        if (permit === 'denied') {\n            return Promise.reject(new Error('Notifications not permitted by user')) // eslint-disable-line no-useless-return\n        } else if (permit === 'granted') {\n            return this._showNotification(config)\n        } else { // if (permit === 'default') {\n            permit = await Notification.requestPermission()\n            if (permit === 'granted') {\n                return this._showNotification(config)\n            }\n            return Promise.reject(new Error('Notifications not permitted by user'))\n        }\n    }\n\n    /** Remove All, 1 or more class names from an element\n     * @param {undefined|null|\"\"|string|string[]} classNames Single or array of classnames. If undefined, \"\" or null, remove all classes\n     * @param {HTMLElement} el HTML Element to add class(es) to\n     */\n    removeClass(classNames, el) {\n        if (!classNames) {\n            el.removeAttribute('class')\n            return\n        }\n        if (!Array.isArray(classNames)) classNames = [classNames]\n        if (el) el.classList.remove(...classNames)\n    }\n\n    /** Replace or add an HTML element's slot from text or an HTML string\n     * WARNING: Executes <script> tags! And will process <style> tags.\n     * Will use DOMPurify if that library has been loaded to window.\n     * param {*} ui Single entry from the msg._ui property\n     * @param {Element} el Reference to the element that we want to update\n     * @param {*} slot The slot content we are trying to add/replace (defaults to empty string)\n     */\n    replaceSlot(el, slot) {\n        if (!el) return\n        if (!slot) slot = ''\n\n        // If DOMPurify is loaded, apply it now\n        slot = this.sanitiseHTML(slot)\n\n        // Create doc frag and apply html string (msg.payload or the slot property)\n        const tempFrag = Ui.doc.createRange().createContextualFragment(slot)\n\n        // Remove content of el and replace with tempFrag\n        const elRange = Ui.doc.createRange()\n        elRange.selectNodeContents(el)\n        elRange.deleteContents()\n        el.append(tempFrag)\n    }\n\n    /** Replace or add an HTML element's slot from a Markdown string\n     * Only does something if the markdownit library has been loaded to window.\n     * Will use DOMPurify if that library has been loaded to window.\n     * @param {Element} el Reference to the element that we want to update\n     * @param {*} component The component we are trying to add/replace\n     */\n    replaceSlotMarkdown(el, component) {\n        if (!el) return\n        if (!component.slotMarkdown) return\n\n        // Convert from markdown to HTML\n        component.slotMarkdown = this.convertMarkdown(component.slotMarkdown)\n        // If DOMPurify is loaded, apply it now\n        component.slotMarkdown = this.sanitiseHTML(component.slotMarkdown)\n        // Set the component content to the the converted slotMarkdown property\n        el.innerHTML = component.slotMarkdown\n    }\n\n    /** Sanitise HTML to make it safe - if the DOMPurify library is loaded\n     * Otherwise just returns that HTML as-is.\n     * @param {string} html The input HTML string\n     * @returns {string} The sanitised HTML or the original if DOMPurify not loaded\n     */\n    sanitiseHTML(html) {\n        if (!Ui.win['DOMPurify']) return html\n        return Ui.win['DOMPurify'].sanitize(html, { ADD_TAGS: this.sanitiseExtraTags, ADD_ATTR: this.sanitiseExtraAttribs })\n    }\n\n    /** Show a pop-over \"toast\" dialog or a modal alert // TODO - Allow notify to sit in corners rather than take over the screen\n     * Refs: https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/alertdialog.html,\n     *       https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/dialog.html,\n     *       https://www.w3.org/WAI/ARIA/apg/patterns/dialogmodal/\n     * @param {\"notify\"|\"alert\"} type Dialog type\n     * @param {object} ui standardised ui data\n     * @param {object} [msg] msg.payload/msg.topic - only used if a string. Optional.\n     * @returns {void}\n     */\n    showDialog(type, ui, msg) { // eslint-disable-line sonarjs/cognitive-complexity\n\n        //#region -- Check properties --\n\n        let content = ''\n        // Main body content\n        if (msg.payload && typeof msg.payload === 'string') content += `<div>${msg.payload}</div>`\n        if (ui.content) content += `<div>${ui.content}</div>`\n        // Toast wont show anyway if content is empty, may as well warn user\n        if (content === '') {\n            Ui.log(1, 'Ui:showDialog', 'Toast content is blank. Not shown.')()\n            return\n        }\n\n        // Use msg.topic as title if no title provided\n        if (!ui.title && msg.topic) ui.title = msg.topic\n        if (ui.title) content = `<p class=\"toast-head\">${ui.title}</p><p>${content}</p>`\n\n        // Allow for variants - @since v6.1 - don't bother - since this now sets CSS class, not tied to bootstrap-vue\n        // if ( !ui.variant || !['', 'primary', 'secondary', 'success', 'info', 'warn', 'warning', 'failure', 'error', 'danger'].includes(ui.variant)) ui.variant = ''\n\n        // Toasts auto-hide by default after 10s but alerts do not auto-hide\n        if (ui.noAutohide) ui.noAutoHide = ui.noAutohide\n        if (ui.noAutoHide) ui.autohide = !ui.noAutoHide\n        // If set, number of ms until toast is auto-hidden\n        if (ui.autoHideDelay) {\n            if (!ui.autohide) ui.autohide = true\n            ui.delay = ui.autoHideDelay\n        } else ui.autoHideDelay = 10000 // default = 10s\n        if (!Object.prototype.hasOwnProperty.call(ui, 'autohide')) ui.autohide = true\n\n        if (type === 'alert') {\n            ui.modal = true\n            ui.autohide = false\n            content = `<svg viewBox=\"0 0 192.146 192.146\" style=\"width:30;background-color:transparent;\"><path d=\"M108.186 144.372c0 7.054-4.729 12.32-12.037 12.32h-.254c-7.054 0-11.92-5.266-11.92-12.32 0-7.298 5.012-12.31 12.174-12.31s11.91 4.992 12.037 12.31zM88.44 125.301h15.447l2.951-61.298H85.46l2.98 61.298zm101.932 51.733c-2.237 3.664-6.214 5.921-10.493 5.921H12.282c-4.426 0-8.51-2.384-10.698-6.233a12.34 12.34 0 0 1 .147-12.349l84.111-149.22c2.208-3.722 6.204-5.96 10.522-5.96h.332c4.445.107 8.441 2.618 10.513 6.546l83.515 149.229c1.993 3.8 1.905 8.363-.352 12.066zm-10.493-6.4L96.354 21.454l-84.062 149.18h167.587z\" /></svg> ${content}`\n        }\n\n        //#endregion -- -- --\n\n        // Create a toaster container element if not already created - or get a ref to it\n        let toaster = Ui.doc.getElementById('toaster')\n        if (toaster === null) {\n            toaster = Ui.doc.createElement('div')\n            toaster.id = 'toaster'\n            toaster.title = 'Click to clear all notifcations'\n            toaster.setAttribute('class', 'toaster')\n            toaster.setAttribute('role', 'dialog')\n            toaster.setAttribute('arial-label', 'Toast message')\n            toaster.onclick = function () {\n                // @ts-ignore\n                toaster.remove()\n            }\n            Ui.doc.body.insertAdjacentElement('afterbegin', toaster)\n        }\n\n        // Create a toast element. Would be nice to use <dialog> but that isn't well supported yet - come on Apple!\n        const toast = Ui.doc.createElement('div')\n        toast.title = 'Click to clear this notifcation'\n        toast.setAttribute('class', `toast ${ui.variant ? ui.variant : ''} ${type}`)\n        toast.innerHTML = content\n        toast.setAttribute('role', 'alertdialog')\n        if (ui.modal) toast.setAttribute('aria-modal', ui.modal)\n        toast.onclick = function (evt) {\n            evt.stopPropagation()\n            toast.remove()\n            // @ts-ignore\n            if (toaster.childElementCount < 1) toaster.remove()\n        }\n\n        // TODO\n        if (type === 'alert') {\n            // newD.setAttribute('aria-labelledby', '')\n            // newD.setAttribute('aria-describedby', '')\n        }\n\n        toaster.insertAdjacentElement(ui.appendToast === true ? 'beforeend' : 'afterbegin', toast)\n\n        // Auto-hide\n        if (ui.autohide === true) {\n            setInterval(() => {\n                toast.remove()\n                // @ts-ignore\n                if (toaster.childElementCount < 1) toaster.remove()\n            }, ui.autoHideDelay)\n        }\n    } // --- End of showDialog ---\n\n    /** Directly manage UI via JSON\n     * @param {object} json Either an object containing {_ui: {}} or simply simple {} containing ui instructions\n     */\n    ui(json) {\n        // Simulate a msg and process\n        let msg = {}\n        if (json._ui) msg = json\n        else msg._ui = json\n\n        this._uiManager(msg)\n    }\n\n    /** Get data from the DOM. Returns selection of useful props unless a specific prop requested.\n     * @param {string} cssSelector Identify the DOM element to get data from\n     * @param {string} [propName] Optional. Specific name of property to get from the element\n     * @returns {Array<*>} Array of objects containing either specific requested property or a selection of useful properties\n     */\n    uiGet(cssSelector, propName = null) {\n        // The type cast below not really correct but it gets rid of the other typescript errors\n        const selection = /** @type {NodeListOf<HTMLInputElement>} */ (Ui.doc.querySelectorAll(cssSelector))\n\n        const out = []\n\n        selection.forEach(node => {\n            // Specific property asked for ...\n            if (propName) {\n                if (propName === 'classes') propName = 'class'\n                // Try assuming the prop is an attribute first (will return null or \"\" if not present)\n                let prop = node.getAttribute(propName)\n                // If not an attribute, try getting as a property of the element\n                if (prop === undefined || prop === null) {\n                    try {\n                        prop = node[propName]\n                    } catch (error) {}\n                }\n                // We didn't find as either an attribute or a property\n                if (prop === undefined || prop === null) {\n                    // If 'value' was requested, return the innerText\n                    if (propName.toLowerCase() === 'value') out.push(node.innerText)\n                    else out.push(`Property '${propName}' not found`)\n                } else {\n                    const p = {}\n                    // Nightmare of different object types in a DOM Element!\n                    const cType = prop.constructor.name.toLowerCase()\n                    if (cType === 'namednodemap') {\n                        for (const key of prop) {\n                            // @ts-ignore\n                            p[key.name] = prop[key.name].value\n                        }\n                    } else if (!cType.includes('map')) { // Ordinary properties (not a mapped type)\n                        p[propName] = prop\n                    } else { // Other MAP types\n                        const p = {}\n                        // @ts-ignore\n                        for (const key in prop) {\n                            p[key] = prop[key]\n                        }\n                    }\n                    if (p.class) p.classes = Array.from(node.classList)\n                    out.push(p)\n                }\n            } else { // Otherwise, grab everything useful\n                out.push(this.nodeGet(node, cssSelector))\n            }\n        })\n\n        return out\n    } // --- end of uiGet --- //\n\n    /** External alias for _uiComposeComponent\n     * @param {*} el HTML Element to enhance\n     * @param {*} comp Individual uibuilder ui component spec\n     */\n    uiEnhanceElement(el, comp) {\n        this._uiComposeComponent(el, comp)\n    }\n\n    //#endregion ---- -------- ----\n}\n\nmodule.exports = Ui\n\n// if (window) window['$ui'] = new Ui(window)\n\n// export Ui\n"],
   "mappings": "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",
   "names": ["require_ui", "__commonJSMin", "exports", "module", "_a", "Ui", "win", "extLog", "jsonHighlight", "__publicField", "str", "lang", "high", "plugin", "name", "config", "notify", "resolve", "reject", "ev", "ui", "isRecurse", "compToAdd", "i", "newEl", "elParent", "el", "comp", "attrib", "type", "evt", "err", "prop", "parentEl", "components", "ns", "component", "__toESM", "__require", "script", "sheet", "msg", "all", "compToRemove", "els", "compToReplace", "elToReplace", "compToUpd", "elToUpd", "j", "nc", "nestedComp", "k", "method", "cssSelector", "output", "out", "attr", "e", "classNames", "sourceId", "targetId", "template", "target", "content", "data", "keys", "tbl", "thead", "headerRow", "headers", "header", "th", "tbody", "item", "row", "cell", "mdText", "url", "uiOptions", "response", "error", "contentType", "slot", "txtReturn", "newScript", "textFn", "newStyle", "opts", "sourceSelector", "targetSelector", "moveType", "position", "node", "thisOut", "listEntries", "bodyEntries", "headEntries", "cols", "v", "permit", "tempFrag", "elRange", "html", "toaster", "toast", "json", "propName", "selection", "p", "cType", "key"]
 }
diff --git a/front-end/ui.iife.js b/front-end/ui.iife.js
index 49394d82..36c04c13 100644
--- a/front-end/ui.iife.js
+++ b/front-end/ui.iife.js
@@ -20,7 +20,7 @@
          */
         constructor(win, extLog, jsonHighlight) {
           //#region --- Class variables ---
-          __publicField(this, "version", "7.0.3-src");
+          __publicField(this, "version", "7.0.4-src");
           // List of tags and attributes not in sanitise defaults but allowed in uibuilder.
           __publicField(this, "sanitiseExtraTags", ["uib-var"]);
           __publicField(this, "sanitiseExtraAttribs", ["variable", "report", "undefined"]);
diff --git a/front-end/ui.iife.min.js b/front-end/ui.iife.min.js
index 5057bf8f..6e97669f 100644
--- a/front-end/ui.iife.min.js
+++ b/front-end/ui.iife.min.js
@@ -1,2 +1,2 @@
-(()=>{var b=Object.create;var h=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty;var $=(c,t,e)=>t in c?h(c,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):c[t]=e;var g=(c=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(c,{get:(t,e)=>(typeof require<"u"?require:t)[e]}):c)(function(c){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+c+'" is not supported')});var C=(c,t)=>()=>(t||c((t={exports:{}}).exports,t),t.exports);var x=(c,t,e,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of v(t))!S.call(c,n)&&n!==e&&h(c,n,{get:()=>t[n],enumerable:!(i=E(t,n))||i.enumerable});return c};var m=(c,t,e)=>(e=c!=null?b(k(c)):{},x(t||!c||!c.__esModule?h(e,"default",{value:c,enumerable:!0}):e,c));var u=(c,t,e)=>$(c,typeof t!="symbol"?t+"":t,e);var M=C((L,p)=>{var r,A=(r=class{constructor(t,e,i){u(this,"version","7.0.3-iife.min");u(this,"sanitiseExtraTags",["uib-var"]);u(this,"sanitiseExtraAttribs",["variable","report","undefined"]);u(this,"ui_md_plugins");if(t)r.win=t;else throw new Error("Ui:constructor. Current environment does not include `window`, UI functions cannot be used.");r.doc=r.win.document,e?r.log=e:r.log=function(){return function(){}},i?this.syntaxHighlight=i:this.syntaxHighlight=function(){},r.win.markdownit&&(r.mdOpts={html:!0,xhtmlOut:!1,linkify:!0,_highlight:!0,_strict:!1,_view:"html",langPrefix:"language-",highlight:function(n,a){if(a&&window.hljs&&window.hljs.getLanguage(a))try{return'<pre class="">\n                                    <code class="hljs border">'.concat(window.hljs.highlight(n,{language:a,ignoreIllegals:!0}).value,"</code></pre>")}finally{}return'<pre class="hljs border"><code>'.concat(r.md.utils.escapeHtml(n).trim(),"</code></pre>")}},r.md=r.win.markdownit(r.mdOpts))}_markDownIt(){if(r.win.markdownit&&(!this.ui_md_plugins&&r.win.uibuilder&&r.win.uibuilder.ui_md_plugins&&(this.ui_md_plugins=r.win.uibuilder.ui_md_plugins),r.mdOpts={html:!0,xhtmlOut:!1,linkify:!0,_highlight:!0,_strict:!1,_view:"html",langPrefix:"language-",highlight:function(t,e){if(window.hljs)if(e&&window.hljs.getLanguage(e))try{return'<pre><code class="hljs border language-'.concat(e,'" data-language="').concat(e,'" title="Source language: \'').concat(e,"'\">").concat(window.hljs.highlight(t,{language:e,ignoreIllegals:!0}).value,"</code></pre>")}finally{}else try{let i=window.hljs.highlightAuto(t);return'<pre><code class="hljs border language-'.concat(i.language,'" data-language="').concat(i.language,'" title="Source language estimated by HighlightJS: \'').concat(i.language,"'\">").concat(i.value,"</code></pre>")}finally{}return'<pre><code class="border">'.concat(r.md.utils.escapeHtml(t).trim(),"</code></pre>")}},r.md=r.win.markdownit(r.mdOpts),this.ui_md_plugins)){if(!Array.isArray(this.ui_md_plugins)){r.log("error","Ui:_markDownIt:plugins","Could not load plugins, ui_md_plugins is not an array")();return}this.ui_md_plugins.forEach(t=>{if(typeof t=="string")r.md.use(r.win[t]);else{let e=Object.keys(t)[0];r.md.use(r.win[e],t[e])}})}}_showNotification(t){t.topic&&!t.title&&(t.title=t.topic),t.title||(t.title="uibuilder notification"),t.payload&&!t.body&&(t.body=t.payload),t.body||(t.body=" No message given.");try{let e=new Notification(t.title,t);return new Promise((i,n)=>{e.addEventListener("close",a=>{a.currentTarget.userAction="close",i(a)}),e.addEventListener("click",a=>{a.currentTarget.userAction="click",i(a)}),e.addEventListener("error",a=>{a.currentTarget.userAction="error",n(a)})})}catch{return Promise.reject(new Error("Browser refused to create a Notification"))}}_uiAdd(t,e){r.log("trace","Ui:_uiManager:add","Starting _uiAdd")(),t.components.forEach((i,n)=>{r.log("trace","Ui:_uiAdd:components-forEach:".concat(n),"Component to add: ",i)();let a;switch(i.type){case"html":{i.ns="html",a=r.doc.createElement("div");break}case"svg":{i.ns="svg",a=r.doc.createElementNS("http://www.w3.org/2000/svg","svg");break}default:{i.ns="dom",a=r.doc.createElement(i.type);break}}!i.slot&&t.payload&&(i.slot=t.payload),this._uiComposeComponent(a,i);let s;i.parentEl?s=i.parentEl:t.parentEl?s=t.parentEl:i.parent?s=r.doc.querySelector(i.parent):t.parent&&(s=r.doc.querySelector(t.parent)),s||(r.log("info","Ui:_uiAdd","No parent found, adding to body")(),s=r.doc.querySelector("body")),i.position&&i.position==="first"?s.insertBefore(a,s.firstChild):i.position&&Number.isInteger(Number(i.position))?s.insertBefore(a,s.children[i.position]):s.appendChild(a),i.components&&this._uiExtendEl(a,i.components,i.ns)})}_uiComposeComponent(t,e){e.attributes&&Object.keys(e.attributes).forEach(i=>{i==="class"&&Array.isArray(e.attributes[i])&&e.attributes[i].join(" "),r.log("trace","_uiComposeComponent:attributes-forEach","Attribute: '".concat(i,"', value: '").concat(e.attributes[i],"'"))(),i==="value"&&(t.value=e.attributes[i]),i.startsWith("xlink:")?t.setAttributeNS("http://www.w3.org/1999/xlink",i,e.attributes[i]):t.setAttribute(i,e.attributes[i])}),e.id&&t.setAttribute("id",e.id),e.type==="svg"&&(t.setAttributeNS("http://www.w3.org/2000/xmlns/","xmlns","http://www.w3.org/2000/svg"),t.setAttributeNS("http://www.w3.org/2000/xmlns/","xmlns:xlink","http://www.w3.org/1999/xlink")),e.events&&Object.keys(e.events).forEach(i=>{i.toLowerCase==="onclick"&&(i="click");try{t.addEventListener(i,n=>{new Function("evt","".concat(e.events[i],"(evt)"))(n)})}catch(n){r.log("error","Ui:_uiComposeComponent","Add event '".concat(i,"' for element '").concat(e.type,"': Cannot add event handler. ").concat(n.message))()}}),e.properties&&Object.keys(e.properties).forEach(i=>{t[i]=e.properties[i],["value","checked"].includes(i)&&(t.dispatchEvent(new Event("input")),t.dispatchEvent(new Event("change")))}),e.slot&&this.replaceSlot(t,e.slot),e.slotMarkdown&&this.replaceSlotMarkdown(t,e)}_uiExtendEl(t,e,i=""){e.forEach((n,a)=>{r.log("trace","Ui:_uiExtendEl:components-forEach:".concat(a),n)();let s;n.ns=i,n.ns==="html"?(s=t,this.replaceSlot(t,n.slot)):n.ns==="svg"?(s=r.doc.createElementNS("http://www.w3.org/2000/svg",n.type),this._uiComposeComponent(s,n),t.appendChild(s)):(s=r.doc.createElement(n.type==="html"?"div":n.type),this._uiComposeComponent(s,n),t.appendChild(s)),n.components&&this._uiExtendEl(s,n.components,n.ns)})}_uiLoad(t){t.components&&(Array.isArray(t.components)||(t.components=[t.components]),t.components.forEach(async e=>{Promise.resolve().then(()=>m(g(e)))})),t.srcScripts&&(Array.isArray(t.srcScripts)||(t.srcScripts=[t.srcScripts]),t.srcScripts.forEach(e=>{this.loadScriptSrc(e)})),t.txtScripts&&(Array.isArray(t.txtScripts)||(t.txtScripts=[t.txtScripts]),this.loadScriptTxt(t.txtScripts.join("\n"))),t.srcStyles&&(Array.isArray(t.srcStyles)||(t.srcStyles=[t.srcStyles]),t.srcStyles.forEach(e=>{this.loadStyleSrc(e)})),t.txtStyles&&(Array.isArray(t.txtStyles)||(t.txtStyles=[t.txtStyles]),this.loadStyleTxt(t.txtStyles.join("\n")))}_uiManager(t){t._ui&&(Array.isArray(t._ui)||(t._ui=[t._ui]),t._ui.forEach((e,i)=>{if(e.mode&&!e.method&&(e.method=e.mode),!e.method){r.log("error","Ui:_uiManager","No method defined for msg._ui[".concat(i,"]. Ignoring. "),e)();return}switch(e.payload=t.payload,e.topic=t.topic,e.method){case"add":{this._uiAdd(e,!1);break}case"remove":{this._uiRemove(e,!1);break}case"removeAll":{this._uiRemove(e,!0);break}case"replace":{this._uiReplace(e);break}case"update":{this._uiUpdate(e);break}case"load":{this._uiLoad(e);break}case"reload":{this._uiReload();break}case"notify":{this.showDialog("notify",e,t);break}case"alert":{this.showDialog("alert",e,t);break}default:{r.log("error","Ui:_uiManager","Invalid msg._ui[".concat(i,"].method (").concat(e.method,"). Ignoring"))();break}}}))}_uiReload(){r.log("trace","Ui:uiManager:reload","reloading")(),location.reload()}_uiRemove(t,e=!1){t.components.forEach(i=>{let n;e!==!0?n=[r.doc.querySelector(i)]:n=r.doc.querySelectorAll(i),n.forEach(a=>{try{a.remove()}catch(s){r.log("trace","Ui:_uiRemove","Could not remove. ".concat(s.message))()}})})}_uiReplace(t){r.log("trace","Ui:_uiReplace","Starting")(),t.components.forEach((e,i)=>{r.log("trace","Ui:_uiReplace:components-forEach:".concat(i),"Component to replace: ",e)();let n;if(e.id?n=r.doc.getElementById(e.id):e.selector||e.select?n=r.doc.querySelector(e.selector):e.name?n=r.doc.querySelector('[name="'.concat(e.name,'"]')):e.type&&(n=r.doc.querySelector(e.type)),r.log("trace","Ui:_uiReplace:components-forEach:".concat(i),"Element to replace: ",n)(),n==null){r.log("trace","Ui:_uiReplace:components-forEach:".concat(i,":noReplace"),"Cannot find the DOM element. Adding instead.",e)(),this._uiAdd({components:[e]},!1);return}let a;switch(e.type){case"html":{e.ns="html",a=r.doc.createElement("div");break}case"svg":{e.ns="svg",a=r.doc.createElementNS("http://www.w3.org/2000/svg","svg");break}default:{e.ns="dom",a=r.doc.createElement(e.type);break}}this._uiComposeComponent(a,e),n.replaceWith(a),e.components&&this._uiExtendEl(a,e.components,e.ns)})}_uiUpdate(t){r.log("trace","UI:_uiUpdate:update","Starting _uiUpdate",t)(),t.components||(t.components=[Object.assign({},t)]),t.components.forEach((e,i)=>{r.log("trace","_uiUpdate:components-forEach","Start loop #".concat(i),e)();let n;if(e.parentEl?n=e.parentEl:e.id?n=r.doc.querySelectorAll("#".concat(e.id)):e.selector||e.select?n=r.doc.querySelectorAll(e.selector):e.name?n=r.doc.querySelectorAll('[name="'.concat(e.name,'"]')):e.type&&(n=r.doc.querySelectorAll(e.type)),n===void 0||n.length<1){r.log("warn","Ui:_uiManager:update","Cannot find the DOM element. Ignoring.",e)();return}r.log("trace","_uiUpdate:components-forEach","Element(s) to update. Count: ".concat(n.length),n)(),!e.slot&&e.payload&&(e.slot=e.payload),n.forEach((a,s)=>{if(r.log("trace","_uiUpdate:components-forEach","Updating element #".concat(s),a)(),this._uiComposeComponent(a,e),e.components){r.log("trace","_uiUpdate:nested-component","Element #".concat(s," - nested-component"),e,a)();let o={_ui:[]};e.components.forEach((l,d)=>{let f=l.method||e.method||t.method;l.method&&delete l.method,Array.isArray(l)||(l=[l]),r.log("trace","_uiUpdate:nested-component","Element #".concat(s," - nested-component #").concat(d),l)(),o._ui.push({method:f,parentEl:a,components:l})}),r.log("trace","_uiUpdate:nested-component","Element #".concat(s," - nested-component new manager"),o)(),this._uiManager(o)}})})}$(t,e){let i=r.doc.querySelector(t);if(!i)return r.log(1,"Uib:$","No element found for CSS selector ".concat(t))(),null;if(i.nodeName==="TEMPLATE"&&(i=i.content.firstElementChild,!i))return r.log(0,"Uib:$","Template selected for CSS selector ".concat(t," but it is empty"))(),null;e||(e="el");let n;try{switch(e.toLowerCase()){case"text":{n=i.innerText;break}case"html":{n=i.innerHTML;break}case"attr":case"attributes":{n={};for(let a of i.attributes)n[a.name]=a.value;break}default:{n=i;break}}}catch(a){n=i,r.log(1,"Uib:$",'Could not process output type "'.concat(e,'" for CSS selector ').concat(t,", returned the DOM element. ").concat(a.message),a)()}return n}$$(t){return Array.from(r.doc.querySelectorAll(t))}addClass(t,e){Array.isArray(t)||(t=[t]),e&&e.classList.add(...t)}applyTemplate(t,e,i){i||(i={onceOnly:!1});let n=r.doc.getElementById(t),a=r.doc.getElementById(e);if(n&&a){let s;try{i.onceOnly!==!0?s=r.doc.importNode(n.content,!0):s=r.doc.adoptNode(n.content)}catch{r.log("error","Ui:applyTemplate","Source must be a <template>. id='".concat(t,"'"))();return}if(s){if(i.attributes){let o=s.firstElementChild;Object.keys(i.attributes).forEach(l=>{o.setAttribute(l,i.attributes[l])})}a.appendChild(s)}}else n||r.log("error","Ui:applyTemplate","Source not found: id='".concat(t,"'"))(),a||r.log("error","Ui:applyTemplate","Target not found: id='".concat(e,"'"))()}buildHtmlTable(t){let e;if(!Array.isArray(t)&&(typeof t=="object"&&(e=Object.keys(t),t=Object.values(t)),!Array.isArray(t))){let l=r.doc.createElement("p");return l.textContent="Input data is not an array or an object, cannot create a table.",l}let i=r.doc.createElement("table"),n=r.doc.createElement("thead"),a=r.doc.createElement("tr"),s=Object.keys(t[0]);s.forEach(l=>{let d=r.doc.createElement("th");d.textContent=l,a.appendChild(d)}),n.appendChild(a),i.appendChild(n);let o=r.doc.createElement("tbody");return t.forEach((l,d)=>{let f=r.doc.createElement("tr");e&&(f.id="r-".concat(e[d])),s.forEach(w=>{let y=r.doc.createElement("td");y.innerHTML=this.sanitiseHTML(l[w]),f.appendChild(y)}),o.appendChild(f)}),i.appendChild(o),i}convertMarkdown(t){if(!t)return"";if(!r.win.markdownit)return t;r.md||this._markDownIt();try{return r.md.render(t.trim())}catch(e){return r.log(0,"uibuilder:convertMarkdown","Could not render Markdown. ".concat(e.message),e)(),'<p class="border error">Could not render Markdown<p>'}}async include(t,e){if(!fetch)return r.log(0,"Ui:include","Current environment does not include `fetch`, skipping.")(),"Current environment does not include `fetch`, skipping.";if(!t)return r.log(0,"Ui:include","url parameter must be provided, skipping.")(),"url parameter must be provided, skipping.";if(!e||!e.id)return r.log(0,"Ui:include","uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.")(),"uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.";let i;try{i=await fetch(t)}catch(d){return r.log(0,"Ui:include","Fetch of file '".concat(t,"' failed. "),d.message)(),d.message}if(!i.ok)return r.log(0,"Ui:include","Fetch of file '".concat(t,"' failed. Status='").concat(i.statusText,"'"))(),i.statusText;let n=await i.headers.get("content-type"),a=null;n&&(n.includes("text/html")?a="html":n.includes("application/json")?a="json":n.includes("multipart/form-data")?a="form":n.includes("image/")?a="image":n.includes("video/")?a="video":n.includes("application/pdf")?a="pdf":n.includes("text/plain")&&(a="text"));let s="",o="Include successful",l;switch(a){case"html":{l=await i.text(),s=l;break}case"json":{l=await i.json(),s='<pre class="syntax-highlight">',s+=this.syntaxHighlight(l),s+="</pre>";break}case"form":{l=await i.formData(),s='<pre class="syntax-highlight">',s+=this.syntaxHighlight(l),s+="</pre>";break}case"image":{l=await i.blob(),s='<img src="'.concat(URL.createObjectURL(l),'">'),r.win.DOMPurify&&(o="Include successful. BUT DOMPurify loaded which may block its use.",r.log("warn","Ui:include:image",o)());break}case"video":{l=await i.blob(),s='<video controls autoplay><source src="'.concat(URL.createObjectURL(l),'"></video>'),r.win.DOMPurify&&(o="Include successful. BUT DOMPurify loaded which may block its use.",r.log("warn","Ui:include:video",o)());break}case"pdf":case"text":default:{l=await i.blob(),s='<iframe style="resize:both;width:inherit;height:inherit;" src="'.concat(URL.createObjectURL(l),'">'),r.win.DOMPurify&&(o="Include successful. BUT DOMPurify loaded which may block its use.",r.log("warn","Ui:include:".concat(a),o)());break}}return e.type="div",e.slot=s,e.parent||(e.parent="body"),e.attributes||(e.attributes={class:"included"}),this._uiReplace({components:[e]}),r.log("trace","Ui:include:".concat(a),o)(),o}loadScriptSrc(t){let e=r.doc.createElement("script");e.src=t,e.async=!1,r.doc.head.appendChild(e)}loadScriptTxt(t){let e=r.doc.createElement("script");e.async=!1,e.textContent=t,r.doc.head.appendChild(e)}loadStyleSrc(t){let e=r.doc.createElement("link");e.href=t,e.rel="stylesheet",e.type="text/css",r.doc.head.appendChild(e)}loadStyleTxt(t){let e=r.doc.createElement("style");e.textContent=t,r.doc.head.appendChild(e)}loadui(t){if(!fetch){r.log(0,"Ui:loadui","Current environment does not include `fetch`, skipping.")();return}if(!t){r.log(0,"Ui:loadui","url parameter must be provided, skipping.")();return}fetch(t).then(e=>{if(e.ok===!1)throw new Error("Could not load '".concat(t,"'. Status ").concat(e.status,", Error: ").concat(e.statusText));r.log("trace","Ui:loadui:then1","Loaded '".concat(t,"'. Status ").concat(e.status,", ").concat(e.statusText))();let i=e.headers.get("content-type");if(!i||!i.includes("application/json"))throw new TypeError("Fetch '".concat(t,"' did not return JSON, ignoring"));return e.json()}).then(e=>e!==void 0?(r.log("trace","Ui:loadui:then2","Parsed JSON successfully obtained")(),this._uiManager({_ui:e}),!0):!1).catch(e=>{r.log("warn","Ui:loadui:catch","Error. ",e)()})}moveElement(t){let{sourceSelector:e,targetSelector:i,moveType:n,position:a}=t;if(!document.querySelector(e)){r.log(0,"Ui:moveElement","Source element not found")();return}if(!document.querySelector(i)){r.log(0,"Ui:moveElement","Target element not found")();return}}nodeGet(t,e){let i={id:t.id===""?void 0:t.id,name:t.name,children:t.childNodes.length,type:t.nodeName,attributes:void 0,isUserInput:!!t.validity,userInput:t.validity?{value:t.value,validity:void 0,willValidate:t.willValidate,valueAsDate:t.valueAsDate,valueAsNumber:t.valueAsNumber,type:t.type}:void 0};if(["UL","OL"].includes(t.nodeName)){let n=r.doc.querySelectorAll("".concat(e," li"));n&&(i.list={entries:n.length})}if(t.nodeName==="DL"){let n=r.doc.querySelectorAll("".concat(e," dt"));n&&(i.list={entries:n.length})}if(t.nodeName==="TABLE"){let n=r.doc.querySelectorAll("".concat(e," > tbody > tr")),a=r.doc.querySelectorAll("".concat(e," > thead > tr")),s=r.doc.querySelectorAll("".concat(e," > tbody > tr:last-child > *"));(n||a||s)&&(i.table={headRows:a?a.length:0,bodyRows:n?n.length:0,columns:s?s.length:0})}if(t.nodeName!=="#text"&&t.attributes&&t.attributes.length>0){i.attributes={};for(let n of t.attributes)n.name!=="id"&&(i.attributes[n.name]=t.attributes[n.name].value),n.name==="class"&&(i.classes=Array.from(t.classList))}t.nodeName==="#text"&&(i.text=t.textContent),t.validity&&(i.userInput.validity={});for(let n in t.validity)i.userInput.validity[n]=t.validity[n];return i}async notification(t){if(typeof t=="string"&&(t={body:t}),typeof Notification>"u")return Promise.reject(new Error("Notifications not available in this browser"));let e=Notification.permission;return e==="denied"?Promise.reject(new Error("Notifications not permitted by user")):e==="granted"?this._showNotification(t):(e=await Notification.requestPermission(),e==="granted"?this._showNotification(t):Promise.reject(new Error("Notifications not permitted by user")))}removeClass(t,e){if(!t){e.removeAttribute("class");return}Array.isArray(t)||(t=[t]),e&&e.classList.remove(...t)}replaceSlot(t,e){if(!t)return;e||(e=""),e=this.sanitiseHTML(e);let i=r.doc.createRange().createContextualFragment(e),n=r.doc.createRange();n.selectNodeContents(t),n.deleteContents(),t.append(i)}replaceSlotMarkdown(t,e){t&&e.slotMarkdown&&(e.slotMarkdown=this.convertMarkdown(e.slotMarkdown),e.slotMarkdown=this.sanitiseHTML(e.slotMarkdown),t.innerHTML=e.slotMarkdown)}sanitiseHTML(t){return r.win.DOMPurify?r.win.DOMPurify.sanitize(t,{ADD_TAGS:this.sanitiseExtraTags,ADD_ATTR:this.sanitiseExtraAttribs}):t}showDialog(t,e,i){let n="";if(i.payload&&typeof i.payload=="string"&&(n+="<div>".concat(i.payload,"</div>")),e.content&&(n+="<div>".concat(e.content,"</div>")),n===""){r.log(1,"Ui:showDialog","Toast content is blank. Not shown.")();return}!e.title&&i.topic&&(e.title=i.topic),e.title&&(n='<p class="toast-head">'.concat(e.title,"</p><p>").concat(n,"</p>")),e.noAutohide&&(e.noAutoHide=e.noAutohide),e.noAutoHide&&(e.autohide=!e.noAutoHide),e.autoHideDelay?(e.autohide||(e.autohide=!0),e.delay=e.autoHideDelay):e.autoHideDelay=1e4,Object.prototype.hasOwnProperty.call(e,"autohide")||(e.autohide=!0),t==="alert"&&(e.modal=!0,e.autohide=!1,n='<svg viewBox="0 0 192.146 192.146" style="width:30;background-color:transparent;"><path d="M108.186 144.372c0 7.054-4.729 12.32-12.037 12.32h-.254c-7.054 0-11.92-5.266-11.92-12.32 0-7.298 5.012-12.31 12.174-12.31s11.91 4.992 12.037 12.31zM88.44 125.301h15.447l2.951-61.298H85.46l2.98 61.298zm101.932 51.733c-2.237 3.664-6.214 5.921-10.493 5.921H12.282c-4.426 0-8.51-2.384-10.698-6.233a12.34 12.34 0 0 1 .147-12.349l84.111-149.22c2.208-3.722 6.204-5.96 10.522-5.96h.332c4.445.107 8.441 2.618 10.513 6.546l83.515 149.229c1.993 3.8 1.905 8.363-.352 12.066zm-10.493-6.4L96.354 21.454l-84.062 149.18h167.587z" /></svg> '.concat(n));let a=r.doc.getElementById("toaster");a===null&&(a=r.doc.createElement("div"),a.id="toaster",a.title="Click to clear all notifcations",a.setAttribute("class","toaster"),a.setAttribute("role","dialog"),a.setAttribute("arial-label","Toast message"),a.onclick=function(){a.remove()},r.doc.body.insertAdjacentElement("afterbegin",a));let s=r.doc.createElement("div");s.title="Click to clear this notifcation",s.setAttribute("class","toast ".concat(e.variant?e.variant:""," ").concat(t)),s.innerHTML=n,s.setAttribute("role","alertdialog"),e.modal&&s.setAttribute("aria-modal",e.modal),s.onclick=function(o){o.stopPropagation(),s.remove(),a.childElementCount<1&&a.remove()},a.insertAdjacentElement(e.appendToast===!0?"beforeend":"afterbegin",s),e.autohide===!0&&setInterval(()=>{s.remove(),a.childElementCount<1&&a.remove()},e.autoHideDelay)}ui(t){let e={};t._ui?e=t:e._ui=t,this._uiManager(e)}uiGet(t,e=null){let i=r.doc.querySelectorAll(t),n=[];return i.forEach(a=>{if(e){e==="classes"&&(e="class");let s=a.getAttribute(e);if(s==null)try{s=a[e]}catch{}if(s==null)e.toLowerCase()==="value"?n.push(a.innerText):n.push("Property '".concat(e,"' not found"));else{let o={},l=s.constructor.name.toLowerCase();if(l==="namednodemap")for(let d of s)o[d.name]=s[d.name].value;else if(!l.includes("map"))o[e]=s;else{let d={};for(let f in s)d[f]=s[f]}o.class&&(o.classes=Array.from(a.classList)),n.push(o)}}else n.push(this.nodeGet(a,t))}),n}uiEnhanceElement(t,e){this._uiComposeComponent(t,e)}},u(r,"win"),u(r,"doc"),u(r,"log"),u(r,"mdOpts"),u(r,"md"),r);p.exports=A});M();})();
+(()=>{var b=Object.create;var h=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty;var $=(c,t,e)=>t in c?h(c,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):c[t]=e;var g=(c=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(c,{get:(t,e)=>(typeof require<"u"?require:t)[e]}):c)(function(c){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+c+'" is not supported')});var C=(c,t)=>()=>(t||c((t={exports:{}}).exports,t),t.exports);var x=(c,t,e,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of v(t))!S.call(c,n)&&n!==e&&h(c,n,{get:()=>t[n],enumerable:!(i=E(t,n))||i.enumerable});return c};var m=(c,t,e)=>(e=c!=null?b(k(c)):{},x(t||!c||!c.__esModule?h(e,"default",{value:c,enumerable:!0}):e,c));var u=(c,t,e)=>$(c,typeof t!="symbol"?t+"":t,e);var M=C((L,p)=>{var r,A=(r=class{constructor(t,e,i){u(this,"version","7.0.4-iife.min");u(this,"sanitiseExtraTags",["uib-var"]);u(this,"sanitiseExtraAttribs",["variable","report","undefined"]);u(this,"ui_md_plugins");if(t)r.win=t;else throw new Error("Ui:constructor. Current environment does not include `window`, UI functions cannot be used.");r.doc=r.win.document,e?r.log=e:r.log=function(){return function(){}},i?this.syntaxHighlight=i:this.syntaxHighlight=function(){},r.win.markdownit&&(r.mdOpts={html:!0,xhtmlOut:!1,linkify:!0,_highlight:!0,_strict:!1,_view:"html",langPrefix:"language-",highlight:function(n,a){if(a&&window.hljs&&window.hljs.getLanguage(a))try{return'<pre class="">\n                                    <code class="hljs border">'.concat(window.hljs.highlight(n,{language:a,ignoreIllegals:!0}).value,"</code></pre>")}finally{}return'<pre class="hljs border"><code>'.concat(r.md.utils.escapeHtml(n).trim(),"</code></pre>")}},r.md=r.win.markdownit(r.mdOpts))}_markDownIt(){if(r.win.markdownit&&(!this.ui_md_plugins&&r.win.uibuilder&&r.win.uibuilder.ui_md_plugins&&(this.ui_md_plugins=r.win.uibuilder.ui_md_plugins),r.mdOpts={html:!0,xhtmlOut:!1,linkify:!0,_highlight:!0,_strict:!1,_view:"html",langPrefix:"language-",highlight:function(t,e){if(window.hljs)if(e&&window.hljs.getLanguage(e))try{return'<pre><code class="hljs border language-'.concat(e,'" data-language="').concat(e,'" title="Source language: \'').concat(e,"'\">").concat(window.hljs.highlight(t,{language:e,ignoreIllegals:!0}).value,"</code></pre>")}finally{}else try{let i=window.hljs.highlightAuto(t);return'<pre><code class="hljs border language-'.concat(i.language,'" data-language="').concat(i.language,'" title="Source language estimated by HighlightJS: \'').concat(i.language,"'\">").concat(i.value,"</code></pre>")}finally{}return'<pre><code class="border">'.concat(r.md.utils.escapeHtml(t).trim(),"</code></pre>")}},r.md=r.win.markdownit(r.mdOpts),this.ui_md_plugins)){if(!Array.isArray(this.ui_md_plugins)){r.log("error","Ui:_markDownIt:plugins","Could not load plugins, ui_md_plugins is not an array")();return}this.ui_md_plugins.forEach(t=>{if(typeof t=="string")r.md.use(r.win[t]);else{let e=Object.keys(t)[0];r.md.use(r.win[e],t[e])}})}}_showNotification(t){t.topic&&!t.title&&(t.title=t.topic),t.title||(t.title="uibuilder notification"),t.payload&&!t.body&&(t.body=t.payload),t.body||(t.body=" No message given.");try{let e=new Notification(t.title,t);return new Promise((i,n)=>{e.addEventListener("close",a=>{a.currentTarget.userAction="close",i(a)}),e.addEventListener("click",a=>{a.currentTarget.userAction="click",i(a)}),e.addEventListener("error",a=>{a.currentTarget.userAction="error",n(a)})})}catch{return Promise.reject(new Error("Browser refused to create a Notification"))}}_uiAdd(t,e){r.log("trace","Ui:_uiManager:add","Starting _uiAdd")(),t.components.forEach((i,n)=>{r.log("trace","Ui:_uiAdd:components-forEach:".concat(n),"Component to add: ",i)();let a;switch(i.type){case"html":{i.ns="html",a=r.doc.createElement("div");break}case"svg":{i.ns="svg",a=r.doc.createElementNS("http://www.w3.org/2000/svg","svg");break}default:{i.ns="dom",a=r.doc.createElement(i.type);break}}!i.slot&&t.payload&&(i.slot=t.payload),this._uiComposeComponent(a,i);let s;i.parentEl?s=i.parentEl:t.parentEl?s=t.parentEl:i.parent?s=r.doc.querySelector(i.parent):t.parent&&(s=r.doc.querySelector(t.parent)),s||(r.log("info","Ui:_uiAdd","No parent found, adding to body")(),s=r.doc.querySelector("body")),i.position&&i.position==="first"?s.insertBefore(a,s.firstChild):i.position&&Number.isInteger(Number(i.position))?s.insertBefore(a,s.children[i.position]):s.appendChild(a),i.components&&this._uiExtendEl(a,i.components,i.ns)})}_uiComposeComponent(t,e){e.attributes&&Object.keys(e.attributes).forEach(i=>{i==="class"&&Array.isArray(e.attributes[i])&&e.attributes[i].join(" "),r.log("trace","_uiComposeComponent:attributes-forEach","Attribute: '".concat(i,"', value: '").concat(e.attributes[i],"'"))(),i==="value"&&(t.value=e.attributes[i]),i.startsWith("xlink:")?t.setAttributeNS("http://www.w3.org/1999/xlink",i,e.attributes[i]):t.setAttribute(i,e.attributes[i])}),e.id&&t.setAttribute("id",e.id),e.type==="svg"&&(t.setAttributeNS("http://www.w3.org/2000/xmlns/","xmlns","http://www.w3.org/2000/svg"),t.setAttributeNS("http://www.w3.org/2000/xmlns/","xmlns:xlink","http://www.w3.org/1999/xlink")),e.events&&Object.keys(e.events).forEach(i=>{i.toLowerCase==="onclick"&&(i="click");try{t.addEventListener(i,n=>{new Function("evt","".concat(e.events[i],"(evt)"))(n)})}catch(n){r.log("error","Ui:_uiComposeComponent","Add event '".concat(i,"' for element '").concat(e.type,"': Cannot add event handler. ").concat(n.message))()}}),e.properties&&Object.keys(e.properties).forEach(i=>{t[i]=e.properties[i],["value","checked"].includes(i)&&(t.dispatchEvent(new Event("input")),t.dispatchEvent(new Event("change")))}),e.slot&&this.replaceSlot(t,e.slot),e.slotMarkdown&&this.replaceSlotMarkdown(t,e)}_uiExtendEl(t,e,i=""){e.forEach((n,a)=>{r.log("trace","Ui:_uiExtendEl:components-forEach:".concat(a),n)();let s;n.ns=i,n.ns==="html"?(s=t,this.replaceSlot(t,n.slot)):n.ns==="svg"?(s=r.doc.createElementNS("http://www.w3.org/2000/svg",n.type),this._uiComposeComponent(s,n),t.appendChild(s)):(s=r.doc.createElement(n.type==="html"?"div":n.type),this._uiComposeComponent(s,n),t.appendChild(s)),n.components&&this._uiExtendEl(s,n.components,n.ns)})}_uiLoad(t){t.components&&(Array.isArray(t.components)||(t.components=[t.components]),t.components.forEach(async e=>{Promise.resolve().then(()=>m(g(e)))})),t.srcScripts&&(Array.isArray(t.srcScripts)||(t.srcScripts=[t.srcScripts]),t.srcScripts.forEach(e=>{this.loadScriptSrc(e)})),t.txtScripts&&(Array.isArray(t.txtScripts)||(t.txtScripts=[t.txtScripts]),this.loadScriptTxt(t.txtScripts.join("\n"))),t.srcStyles&&(Array.isArray(t.srcStyles)||(t.srcStyles=[t.srcStyles]),t.srcStyles.forEach(e=>{this.loadStyleSrc(e)})),t.txtStyles&&(Array.isArray(t.txtStyles)||(t.txtStyles=[t.txtStyles]),this.loadStyleTxt(t.txtStyles.join("\n")))}_uiManager(t){t._ui&&(Array.isArray(t._ui)||(t._ui=[t._ui]),t._ui.forEach((e,i)=>{if(e.mode&&!e.method&&(e.method=e.mode),!e.method){r.log("error","Ui:_uiManager","No method defined for msg._ui[".concat(i,"]. Ignoring. "),e)();return}switch(e.payload=t.payload,e.topic=t.topic,e.method){case"add":{this._uiAdd(e,!1);break}case"remove":{this._uiRemove(e,!1);break}case"removeAll":{this._uiRemove(e,!0);break}case"replace":{this._uiReplace(e);break}case"update":{this._uiUpdate(e);break}case"load":{this._uiLoad(e);break}case"reload":{this._uiReload();break}case"notify":{this.showDialog("notify",e,t);break}case"alert":{this.showDialog("alert",e,t);break}default:{r.log("error","Ui:_uiManager","Invalid msg._ui[".concat(i,"].method (").concat(e.method,"). Ignoring"))();break}}}))}_uiReload(){r.log("trace","Ui:uiManager:reload","reloading")(),location.reload()}_uiRemove(t,e=!1){t.components.forEach(i=>{let n;e!==!0?n=[r.doc.querySelector(i)]:n=r.doc.querySelectorAll(i),n.forEach(a=>{try{a.remove()}catch(s){r.log("trace","Ui:_uiRemove","Could not remove. ".concat(s.message))()}})})}_uiReplace(t){r.log("trace","Ui:_uiReplace","Starting")(),t.components.forEach((e,i)=>{r.log("trace","Ui:_uiReplace:components-forEach:".concat(i),"Component to replace: ",e)();let n;if(e.id?n=r.doc.getElementById(e.id):e.selector||e.select?n=r.doc.querySelector(e.selector):e.name?n=r.doc.querySelector('[name="'.concat(e.name,'"]')):e.type&&(n=r.doc.querySelector(e.type)),r.log("trace","Ui:_uiReplace:components-forEach:".concat(i),"Element to replace: ",n)(),n==null){r.log("trace","Ui:_uiReplace:components-forEach:".concat(i,":noReplace"),"Cannot find the DOM element. Adding instead.",e)(),this._uiAdd({components:[e]},!1);return}let a;switch(e.type){case"html":{e.ns="html",a=r.doc.createElement("div");break}case"svg":{e.ns="svg",a=r.doc.createElementNS("http://www.w3.org/2000/svg","svg");break}default:{e.ns="dom",a=r.doc.createElement(e.type);break}}this._uiComposeComponent(a,e),n.replaceWith(a),e.components&&this._uiExtendEl(a,e.components,e.ns)})}_uiUpdate(t){r.log("trace","UI:_uiUpdate:update","Starting _uiUpdate",t)(),t.components||(t.components=[Object.assign({},t)]),t.components.forEach((e,i)=>{r.log("trace","_uiUpdate:components-forEach","Start loop #".concat(i),e)();let n;if(e.parentEl?n=e.parentEl:e.id?n=r.doc.querySelectorAll("#".concat(e.id)):e.selector||e.select?n=r.doc.querySelectorAll(e.selector):e.name?n=r.doc.querySelectorAll('[name="'.concat(e.name,'"]')):e.type&&(n=r.doc.querySelectorAll(e.type)),n===void 0||n.length<1){r.log("warn","Ui:_uiManager:update","Cannot find the DOM element. Ignoring.",e)();return}r.log("trace","_uiUpdate:components-forEach","Element(s) to update. Count: ".concat(n.length),n)(),!e.slot&&e.payload&&(e.slot=e.payload),n.forEach((a,s)=>{if(r.log("trace","_uiUpdate:components-forEach","Updating element #".concat(s),a)(),this._uiComposeComponent(a,e),e.components){r.log("trace","_uiUpdate:nested-component","Element #".concat(s," - nested-component"),e,a)();let o={_ui:[]};e.components.forEach((l,d)=>{let f=l.method||e.method||t.method;l.method&&delete l.method,Array.isArray(l)||(l=[l]),r.log("trace","_uiUpdate:nested-component","Element #".concat(s," - nested-component #").concat(d),l)(),o._ui.push({method:f,parentEl:a,components:l})}),r.log("trace","_uiUpdate:nested-component","Element #".concat(s," - nested-component new manager"),o)(),this._uiManager(o)}})})}$(t,e){let i=r.doc.querySelector(t);if(!i)return r.log(1,"Uib:$","No element found for CSS selector ".concat(t))(),null;if(i.nodeName==="TEMPLATE"&&(i=i.content.firstElementChild,!i))return r.log(0,"Uib:$","Template selected for CSS selector ".concat(t," but it is empty"))(),null;e||(e="el");let n;try{switch(e.toLowerCase()){case"text":{n=i.innerText;break}case"html":{n=i.innerHTML;break}case"attr":case"attributes":{n={};for(let a of i.attributes)n[a.name]=a.value;break}default:{n=i;break}}}catch(a){n=i,r.log(1,"Uib:$",'Could not process output type "'.concat(e,'" for CSS selector ').concat(t,", returned the DOM element. ").concat(a.message),a)()}return n}$$(t){return Array.from(r.doc.querySelectorAll(t))}addClass(t,e){Array.isArray(t)||(t=[t]),e&&e.classList.add(...t)}applyTemplate(t,e,i){i||(i={onceOnly:!1});let n=r.doc.getElementById(t),a=r.doc.getElementById(e);if(n&&a){let s;try{i.onceOnly!==!0?s=r.doc.importNode(n.content,!0):s=r.doc.adoptNode(n.content)}catch{r.log("error","Ui:applyTemplate","Source must be a <template>. id='".concat(t,"'"))();return}if(s){if(i.attributes){let o=s.firstElementChild;Object.keys(i.attributes).forEach(l=>{o.setAttribute(l,i.attributes[l])})}a.appendChild(s)}}else n||r.log("error","Ui:applyTemplate","Source not found: id='".concat(t,"'"))(),a||r.log("error","Ui:applyTemplate","Target not found: id='".concat(e,"'"))()}buildHtmlTable(t){let e;if(!Array.isArray(t)&&(typeof t=="object"&&(e=Object.keys(t),t=Object.values(t)),!Array.isArray(t))){let l=r.doc.createElement("p");return l.textContent="Input data is not an array or an object, cannot create a table.",l}let i=r.doc.createElement("table"),n=r.doc.createElement("thead"),a=r.doc.createElement("tr"),s=Object.keys(t[0]);s.forEach(l=>{let d=r.doc.createElement("th");d.textContent=l,a.appendChild(d)}),n.appendChild(a),i.appendChild(n);let o=r.doc.createElement("tbody");return t.forEach((l,d)=>{let f=r.doc.createElement("tr");e&&(f.id="r-".concat(e[d])),s.forEach(w=>{let y=r.doc.createElement("td");y.innerHTML=this.sanitiseHTML(l[w]),f.appendChild(y)}),o.appendChild(f)}),i.appendChild(o),i}convertMarkdown(t){if(!t)return"";if(!r.win.markdownit)return t;r.md||this._markDownIt();try{return r.md.render(t.trim())}catch(e){return r.log(0,"uibuilder:convertMarkdown","Could not render Markdown. ".concat(e.message),e)(),'<p class="border error">Could not render Markdown<p>'}}async include(t,e){if(!fetch)return r.log(0,"Ui:include","Current environment does not include `fetch`, skipping.")(),"Current environment does not include `fetch`, skipping.";if(!t)return r.log(0,"Ui:include","url parameter must be provided, skipping.")(),"url parameter must be provided, skipping.";if(!e||!e.id)return r.log(0,"Ui:include","uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.")(),"uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.";let i;try{i=await fetch(t)}catch(d){return r.log(0,"Ui:include","Fetch of file '".concat(t,"' failed. "),d.message)(),d.message}if(!i.ok)return r.log(0,"Ui:include","Fetch of file '".concat(t,"' failed. Status='").concat(i.statusText,"'"))(),i.statusText;let n=await i.headers.get("content-type"),a=null;n&&(n.includes("text/html")?a="html":n.includes("application/json")?a="json":n.includes("multipart/form-data")?a="form":n.includes("image/")?a="image":n.includes("video/")?a="video":n.includes("application/pdf")?a="pdf":n.includes("text/plain")&&(a="text"));let s="",o="Include successful",l;switch(a){case"html":{l=await i.text(),s=l;break}case"json":{l=await i.json(),s='<pre class="syntax-highlight">',s+=this.syntaxHighlight(l),s+="</pre>";break}case"form":{l=await i.formData(),s='<pre class="syntax-highlight">',s+=this.syntaxHighlight(l),s+="</pre>";break}case"image":{l=await i.blob(),s='<img src="'.concat(URL.createObjectURL(l),'">'),r.win.DOMPurify&&(o="Include successful. BUT DOMPurify loaded which may block its use.",r.log("warn","Ui:include:image",o)());break}case"video":{l=await i.blob(),s='<video controls autoplay><source src="'.concat(URL.createObjectURL(l),'"></video>'),r.win.DOMPurify&&(o="Include successful. BUT DOMPurify loaded which may block its use.",r.log("warn","Ui:include:video",o)());break}case"pdf":case"text":default:{l=await i.blob(),s='<iframe style="resize:both;width:inherit;height:inherit;" src="'.concat(URL.createObjectURL(l),'">'),r.win.DOMPurify&&(o="Include successful. BUT DOMPurify loaded which may block its use.",r.log("warn","Ui:include:".concat(a),o)());break}}return e.type="div",e.slot=s,e.parent||(e.parent="body"),e.attributes||(e.attributes={class:"included"}),this._uiReplace({components:[e]}),r.log("trace","Ui:include:".concat(a),o)(),o}loadScriptSrc(t){let e=r.doc.createElement("script");e.src=t,e.async=!1,r.doc.head.appendChild(e)}loadScriptTxt(t){let e=r.doc.createElement("script");e.async=!1,e.textContent=t,r.doc.head.appendChild(e)}loadStyleSrc(t){let e=r.doc.createElement("link");e.href=t,e.rel="stylesheet",e.type="text/css",r.doc.head.appendChild(e)}loadStyleTxt(t){let e=r.doc.createElement("style");e.textContent=t,r.doc.head.appendChild(e)}loadui(t){if(!fetch){r.log(0,"Ui:loadui","Current environment does not include `fetch`, skipping.")();return}if(!t){r.log(0,"Ui:loadui","url parameter must be provided, skipping.")();return}fetch(t).then(e=>{if(e.ok===!1)throw new Error("Could not load '".concat(t,"'. Status ").concat(e.status,", Error: ").concat(e.statusText));r.log("trace","Ui:loadui:then1","Loaded '".concat(t,"'. Status ").concat(e.status,", ").concat(e.statusText))();let i=e.headers.get("content-type");if(!i||!i.includes("application/json"))throw new TypeError("Fetch '".concat(t,"' did not return JSON, ignoring"));return e.json()}).then(e=>e!==void 0?(r.log("trace","Ui:loadui:then2","Parsed JSON successfully obtained")(),this._uiManager({_ui:e}),!0):!1).catch(e=>{r.log("warn","Ui:loadui:catch","Error. ",e)()})}moveElement(t){let{sourceSelector:e,targetSelector:i,moveType:n,position:a}=t;if(!document.querySelector(e)){r.log(0,"Ui:moveElement","Source element not found")();return}if(!document.querySelector(i)){r.log(0,"Ui:moveElement","Target element not found")();return}}nodeGet(t,e){let i={id:t.id===""?void 0:t.id,name:t.name,children:t.childNodes.length,type:t.nodeName,attributes:void 0,isUserInput:!!t.validity,userInput:t.validity?{value:t.value,validity:void 0,willValidate:t.willValidate,valueAsDate:t.valueAsDate,valueAsNumber:t.valueAsNumber,type:t.type}:void 0};if(["UL","OL"].includes(t.nodeName)){let n=r.doc.querySelectorAll("".concat(e," li"));n&&(i.list={entries:n.length})}if(t.nodeName==="DL"){let n=r.doc.querySelectorAll("".concat(e," dt"));n&&(i.list={entries:n.length})}if(t.nodeName==="TABLE"){let n=r.doc.querySelectorAll("".concat(e," > tbody > tr")),a=r.doc.querySelectorAll("".concat(e," > thead > tr")),s=r.doc.querySelectorAll("".concat(e," > tbody > tr:last-child > *"));(n||a||s)&&(i.table={headRows:a?a.length:0,bodyRows:n?n.length:0,columns:s?s.length:0})}if(t.nodeName!=="#text"&&t.attributes&&t.attributes.length>0){i.attributes={};for(let n of t.attributes)n.name!=="id"&&(i.attributes[n.name]=t.attributes[n.name].value),n.name==="class"&&(i.classes=Array.from(t.classList))}t.nodeName==="#text"&&(i.text=t.textContent),t.validity&&(i.userInput.validity={});for(let n in t.validity)i.userInput.validity[n]=t.validity[n];return i}async notification(t){if(typeof t=="string"&&(t={body:t}),typeof Notification>"u")return Promise.reject(new Error("Notifications not available in this browser"));let e=Notification.permission;return e==="denied"?Promise.reject(new Error("Notifications not permitted by user")):e==="granted"?this._showNotification(t):(e=await Notification.requestPermission(),e==="granted"?this._showNotification(t):Promise.reject(new Error("Notifications not permitted by user")))}removeClass(t,e){if(!t){e.removeAttribute("class");return}Array.isArray(t)||(t=[t]),e&&e.classList.remove(...t)}replaceSlot(t,e){if(!t)return;e||(e=""),e=this.sanitiseHTML(e);let i=r.doc.createRange().createContextualFragment(e),n=r.doc.createRange();n.selectNodeContents(t),n.deleteContents(),t.append(i)}replaceSlotMarkdown(t,e){t&&e.slotMarkdown&&(e.slotMarkdown=this.convertMarkdown(e.slotMarkdown),e.slotMarkdown=this.sanitiseHTML(e.slotMarkdown),t.innerHTML=e.slotMarkdown)}sanitiseHTML(t){return r.win.DOMPurify?r.win.DOMPurify.sanitize(t,{ADD_TAGS:this.sanitiseExtraTags,ADD_ATTR:this.sanitiseExtraAttribs}):t}showDialog(t,e,i){let n="";if(i.payload&&typeof i.payload=="string"&&(n+="<div>".concat(i.payload,"</div>")),e.content&&(n+="<div>".concat(e.content,"</div>")),n===""){r.log(1,"Ui:showDialog","Toast content is blank. Not shown.")();return}!e.title&&i.topic&&(e.title=i.topic),e.title&&(n='<p class="toast-head">'.concat(e.title,"</p><p>").concat(n,"</p>")),e.noAutohide&&(e.noAutoHide=e.noAutohide),e.noAutoHide&&(e.autohide=!e.noAutoHide),e.autoHideDelay?(e.autohide||(e.autohide=!0),e.delay=e.autoHideDelay):e.autoHideDelay=1e4,Object.prototype.hasOwnProperty.call(e,"autohide")||(e.autohide=!0),t==="alert"&&(e.modal=!0,e.autohide=!1,n='<svg viewBox="0 0 192.146 192.146" style="width:30;background-color:transparent;"><path d="M108.186 144.372c0 7.054-4.729 12.32-12.037 12.32h-.254c-7.054 0-11.92-5.266-11.92-12.32 0-7.298 5.012-12.31 12.174-12.31s11.91 4.992 12.037 12.31zM88.44 125.301h15.447l2.951-61.298H85.46l2.98 61.298zm101.932 51.733c-2.237 3.664-6.214 5.921-10.493 5.921H12.282c-4.426 0-8.51-2.384-10.698-6.233a12.34 12.34 0 0 1 .147-12.349l84.111-149.22c2.208-3.722 6.204-5.96 10.522-5.96h.332c4.445.107 8.441 2.618 10.513 6.546l83.515 149.229c1.993 3.8 1.905 8.363-.352 12.066zm-10.493-6.4L96.354 21.454l-84.062 149.18h167.587z" /></svg> '.concat(n));let a=r.doc.getElementById("toaster");a===null&&(a=r.doc.createElement("div"),a.id="toaster",a.title="Click to clear all notifcations",a.setAttribute("class","toaster"),a.setAttribute("role","dialog"),a.setAttribute("arial-label","Toast message"),a.onclick=function(){a.remove()},r.doc.body.insertAdjacentElement("afterbegin",a));let s=r.doc.createElement("div");s.title="Click to clear this notifcation",s.setAttribute("class","toast ".concat(e.variant?e.variant:""," ").concat(t)),s.innerHTML=n,s.setAttribute("role","alertdialog"),e.modal&&s.setAttribute("aria-modal",e.modal),s.onclick=function(o){o.stopPropagation(),s.remove(),a.childElementCount<1&&a.remove()},a.insertAdjacentElement(e.appendToast===!0?"beforeend":"afterbegin",s),e.autohide===!0&&setInterval(()=>{s.remove(),a.childElementCount<1&&a.remove()},e.autoHideDelay)}ui(t){let e={};t._ui?e=t:e._ui=t,this._uiManager(e)}uiGet(t,e=null){let i=r.doc.querySelectorAll(t),n=[];return i.forEach(a=>{if(e){e==="classes"&&(e="class");let s=a.getAttribute(e);if(s==null)try{s=a[e]}catch{}if(s==null)e.toLowerCase()==="value"?n.push(a.innerText):n.push("Property '".concat(e,"' not found"));else{let o={},l=s.constructor.name.toLowerCase();if(l==="namednodemap")for(let d of s)o[d.name]=s[d.name].value;else if(!l.includes("map"))o[e]=s;else{let d={};for(let f in s)d[f]=s[f]}o.class&&(o.classes=Array.from(a.classList)),n.push(o)}}else n.push(this.nodeGet(a,t))}),n}uiEnhanceElement(t,e){this._uiComposeComponent(t,e)}},u(r,"win"),u(r,"doc"),u(r,"log"),u(r,"mdOpts"),u(r,"md"),r);p.exports=A});M();})();
 //# sourceMappingURL=ui.iife.min.js.map
diff --git a/front-end/ui.iife.min.js.map b/front-end/ui.iife.min.js.map
index 0f563118..5ebe928e 100644
--- a/front-end/ui.iife.min.js.map
+++ b/front-end/ui.iife.min.js.map
@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["src/front-end-module/ui.js"],
-  "sourcesContent": ["/* Creates HTML UI's based on a standardised data input.\n  Works stand-alone, with uibuilder or with Node.js/jsdom.\n  See: https://totallyinformation.github.io/node-red-contrib-uibuilder/#/client-docs/config-driven-ui\n\n  Author: Julian Knight (Totally Information), March 2023\n\n  License: Apache 2.0\n  Copyright (c) 2022-2024 Julian Knight (Totally Information)\n\n  Licensed under the Apache License, Version 2.0 (the \"License\");\n  you may not use this file except in compliance with the License.\n  You may obtain a copy of the License at\n\n  http://www.apache.org/licenses/LICENSE-2.0\n\n  Unless required by applicable law or agreed to in writing, software\n  distributed under the License is distributed on an \"AS IS\" BASIS,\n  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  See the License for the specific language governing permissions and\n  limitations under the License.\n */\n/* globals module:true */\n\n// Namespaces - See https://stackoverflow.com/a/52572048/1309986\n// const NAMESPACES = {\n//     svg: 'http://www.w3.org/2000/svg',\n//     html: 'http://www.w3.org/1999/xhtml',\n//     xml: 'http://www.w3.org/XML/1998/namespace',\n//     xlink: 'http://www.w3.org/1999/xlink',\n//     xmlns: 'http://www.w3.org/2000/xmlns/' // sic for the final slash...\n// }\n\nconst Ui = class Ui {\n    //#region --- Class variables ---\n    version = '7.0.3-src'\n\n    // List of tags and attributes not in sanitise defaults but allowed in uibuilder.\n    sanitiseExtraTags = ['uib-var']\n    sanitiseExtraAttribs = ['variable', 'report', 'undefined']\n\n    /** Reference to DOM window - must be passed in the constructor\n     * Allows for use of this library/class with `jsdom` in Node.JS as well as the browser.\n     * @type {Window}\n     */\n    static win\n\n    /** Reference to the DOM top-level window.document for convenience - set in constructor @type {Document} */\n    static doc\n\n    /** Log function - passed in constructor or will be a dummy function\n     * @type {Function}\n     */\n    static log\n\n    /** Options for Markdown-IT if available (set in constructor) */\n    static mdOpts\n    /** Reference to pre-loaded Markdown-IT library */\n    static md\n    /** Optional Markdown-IT Plugins */\n    ui_md_plugins\n    //#endregion --- class variables ---\n\n    /** Called when `new Ui(...)` is called\n     * @param {globalThis} win Either the browser global window or jsdom dom.window\n     * @param {Function} [extLog] A function that returns a function for logging\n     * @param {Function} [jsonHighlight] A function that returns a highlighted HTML of JSON input\n     */\n    constructor(win, extLog, jsonHighlight) {\n        // window must be passed in as an arg to the constructor\n        // Should either be the global window for a browser or `dom.window` for jsdom in Node.js\n        // @ts-ignore\n        if (win) Ui.win = win\n        else {\n            // Ui.log(0, 'Ui:constructor', 'Current environment does not include `window`, UI functions cannot be used.')()\n            // return\n            throw new Error('Ui:constructor. Current environment does not include `window`, UI functions cannot be used.')\n        }\n\n        // For convenience\n        Ui.doc = Ui.win.document\n\n        // If a suitable function not passed in, create a dummy one\n        if (extLog) Ui.log = extLog\n        else Ui.log = function() { return function() {} }\n\n        // If a JSON HTML highlighting function passed then use it, else a dummy fn\n        if (jsonHighlight) this.syntaxHighlight = jsonHighlight\n        else this.syntaxHighlight = function() {}\n\n        // If Markdown-IT pre-loaded, then configure it now\n        if (Ui.win['markdownit']) {\n            Ui.mdOpts = {\n                html: true,\n                xhtmlOut: false,\n                linkify: true,\n                _highlight: true,\n                _strict: false,\n                _view: 'html',\n                langPrefix: 'language-',\n                // NB: the highlightjs (hljs) library must be loaded before markdown-it for this to work\n                highlight: function(str, lang) {\n                    // https://highlightjs.org\n                    if (lang && window['hljs'] && window['hljs'].getLanguage(lang)) {\n                        try {\n                            return `<pre class=\"\">\n                                    <code class=\"hljs border\">${window['hljs'].highlight(str, { language: lang, ignoreIllegals: true }).value}</code></pre>`\n                        } finally { } // eslint-disable-line no-empty\n                    }\n                    return `<pre class=\"hljs border\"><code>${Ui.md.utils.escapeHtml(str).trim()}</code></pre>`\n                },\n            }\n            Ui.md = Ui.win['markdownit'](Ui.mdOpts)\n        }\n    }\n\n    //#region ---- Internal Methods ----\n\n    _markDownIt() {\n        // If Markdown-IT pre-loaded, then configure it now\n        if (!Ui.win['markdownit']) return\n\n        // If plugins not yet defined, check if uibuilder has set them\n        if (!this.ui_md_plugins && Ui.win['uibuilder'] && Ui.win['uibuilder'].ui_md_plugins) this.ui_md_plugins = Ui.win['uibuilder'].ui_md_plugins\n\n        Ui.mdOpts = {\n            html: true,\n            xhtmlOut: false,\n            linkify: true,\n            _highlight: true,\n            _strict: false,\n            _view: 'html',\n            langPrefix: 'language-',\n            // NB: the highlightjs (hljs) library must be loaded before markdown-it for this to work\n            highlight: function(str, lang) {\n                if (window['hljs']) {\n                    if (lang && window['hljs'].getLanguage(lang)) {\n                        try {\n                            return `<pre><code class=\"hljs border language-${lang}\" data-language=\"${lang}\" title=\"Source language: '${lang}'\">${window['hljs'].highlight(str, { language: lang, ignoreIllegals: true }).value}</code></pre>`\n                        } finally { } // eslint-disable-line no-empty\n                    } else {\n                        try {\n                            const high = window['hljs'].highlightAuto(str)\n                            return `<pre><code class=\"hljs border language-${high.language}\" data-language=\"${high.language}\" title=\"Source language estimated by HighlightJS: '${high.language}'\">${high.value}</code></pre>`\n                        } finally { } // eslint-disable-line no-empty\n                    }\n                }\n                return `<pre><code class=\"border\">${Ui.md.utils.escapeHtml(str).trim()}</code></pre>`\n            },\n        }\n        Ui.md = Ui.win['markdownit'](Ui.mdOpts)\n        // Ui.md.use(Ui.win.markdownitTaskLists, {enabled: true})\n        if (this.ui_md_plugins) {\n            if (!Array.isArray(this.ui_md_plugins)) {\n                Ui.log('error', 'Ui:_markDownIt:plugins', 'Could not load plugins, ui_md_plugins is not an array')()\n                return\n            }\n            this.ui_md_plugins.forEach( plugin => {\n                if (typeof plugin === 'string') {\n                    Ui.md.use(Ui.win[plugin])\n                } else {\n                    const name = Object.keys(plugin)[0]\n                    Ui.md.use(Ui.win[name], plugin[name])\n                }\n            })\n        }\n    }\n\n    /** Show a browser notification if the browser and the user allows it\n     * @param {object} config Notification config data\n     * @returns {Promise} Resolves on close or click event, returns the event.\n     */\n    _showNotification(config) {\n        if ( config.topic && !config.title ) config.title = config.topic\n        if ( !config.title ) config.title = 'uibuilder notification'\n        if ( config.payload && !config.body ) config.body = config.payload\n        if ( !config.body ) config.body = ' No message given.'\n        // Wrap in try/catch since Chrome Android may throw an error\n        try {\n            const notify = new Notification(config.title, config)\n            return new Promise( (resolve, reject) => {\n                // Doesn't ever seem to fire (at least in Chromium)\n                notify.addEventListener('close', ev => {\n                    // @ts-ignore\n                    ev.currentTarget.userAction = 'close'\n                    resolve(ev)\n                })\n                notify.addEventListener('click', ev => {\n                    // @ts-ignore\n                    ev.currentTarget.userAction = 'click'\n                    resolve(ev)\n                })\n                notify.addEventListener('error', ev => {\n                    // @ts-ignore\n                    ev.currentTarget.userAction = 'error'\n                    reject(ev)\n                })\n            })\n        } catch (e) {\n            return Promise.reject(new Error('Browser refused to create a Notification'))\n        }\n    }\n\n    // Vue dynamic inserts Don't really work ...\n    // _uiAddVue(ui, isRecurse) {\n\n    //     // must be Vue\n    //     // must have only 1 root element\n    //     const compToAdd = ui.components[0]\n    //     const newEl = Ui.doc.createElement(compToAdd.type)\n\n    //     if (!compToAdd.slot && ui.payload) compToAdd.slot = ui.payload\n    //     this._uiComposeComponent(newEl, compToAdd)\n\n    //     // If nested components, go again - but don't pass payload to sub-components\n    //     if (compToAdd.components) {\n    //         this._uiExtendEl(newEl, compToAdd.components)\n    //     }\n\n    //     console.log('MAGIC: ', this.magick, newEl, newEl.outerHTML)()\n    //     this.set('magick', newEl.outerHTML)\n\n    //     // if (compToAdd.id) newEl.setAttribute('ref', compToAdd.id)\n    //     // if (elParent.id) newEl.setAttribute('data-parent', elParent.id)\n    // }\n\n    // TODO Add check if ID already exists\n    // TODO Allow single add without using components array\n    /** Handle incoming msg._ui add requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     * @param {boolean} isRecurse Is this a recursive call?\n     */\n    _uiAdd(ui, isRecurse) {\n        Ui.log('trace', 'Ui:_uiManager:add', 'Starting _uiAdd')()\n\n        // Vue dynamic inserts Don't really work ...\n        // if (this.#isVue && !isRecurse) {\n        //     this._uiAddVue(ui, false)\n        //     return\n        // }\n\n        ui.components.forEach((compToAdd, i) => {\n            Ui.log('trace', `Ui:_uiAdd:components-forEach:${i}`, 'Component to add: ', compToAdd)()\n\n            /** @type {*} Create the new component - some kind of HTML element */\n            let newEl\n            switch (compToAdd.type) {\n                // If trying to insert raw html, wrap in a div\n                case 'html': {\n                    compToAdd.ns = 'html'\n                    newEl = Ui.doc.createElement('div')\n                    break\n                }\n\n                // If trying to insert raw svg, need to create in namespace\n                case 'svg': {\n                    compToAdd.ns = 'svg'\n                    newEl = Ui.doc.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToAdd.ns = 'dom'\n                    newEl = Ui.doc.createElement(compToAdd.type)\n                    break\n                }\n            }\n\n            if (!compToAdd.slot && ui.payload) compToAdd.slot = ui.payload\n\n            // const parser = new DOMParser()\n            // const newDoc = parser.parseFromString(compToAdd.slot, 'text/html')\n            // console.log(compToAdd, newDoc.body)()\n\n            this._uiComposeComponent(newEl, compToAdd)\n\n            /** @type {HTMLElement} Where to add the new element? */\n            let elParent\n            if (compToAdd.parentEl) {\n                elParent = compToAdd.parentEl\n            } else if (ui.parentEl) {\n                elParent = ui.parentEl\n            } else if (compToAdd.parent) {\n                elParent = Ui.doc.querySelector(compToAdd.parent)\n            } else if (ui.parent) {\n                elParent = Ui.doc.querySelector(ui.parent)\n            }\n            if (!elParent) {\n                Ui.log('info', 'Ui:_uiAdd', 'No parent found, adding to body')()\n                elParent = Ui.doc.querySelector('body')\n            }\n\n            if (compToAdd.position && compToAdd.position === 'first') {\n                // Insert new el before the first child of the parent. Ref: https://developer.mozilla.org/en-US/docs/Web/API/Node/insertBefore#example_3\n                elParent.insertBefore(newEl, elParent.firstChild)\n            } else if (compToAdd.position && Number.isInteger(Number(compToAdd.position))) {\n                elParent.insertBefore(newEl, elParent.children[compToAdd.position])\n            } else {\n                // Append to the required parent\n                elParent.appendChild(newEl)\n            }\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToAdd.components) {\n                // this._uiAdd({\n                //     method: ui.method,\n                //     parentEl: newEl,\n                //     components: compToAdd.components,\n                // }, true)\n                this._uiExtendEl(newEl, compToAdd.components, compToAdd.ns)\n            }\n        })\n    } // --- end of _uiAdd ---\n\n    /** Enhance an HTML element that is being composed with ui data\n     *  such as ID, attribs, event handlers, custom props, etc.\n     * @param {*} el HTML Element to enhance\n     * @param {*} comp Individual uibuilder ui component spec\n     */\n    _uiComposeComponent(el, comp) {\n        // Add attributes\n        if (comp.attributes) {\n            Object.keys(comp.attributes).forEach((attrib) => {\n                if (attrib === 'class' && Array.isArray(comp.attributes[attrib])) comp.attributes[attrib].join(' ')\n\n                Ui.log('trace', '_uiComposeComponent:attributes-forEach', `Attribute: '${attrib}', value: '${comp.attributes[attrib]}'`)()\n\n                // For values, set the actual value as well since the attrib only changes the DEFAULT value\n                if (attrib === 'value') el.value = comp.attributes[attrib]\n\n                if (attrib.startsWith('xlink:')) el.setAttributeNS('http://www.w3.org/1999/xlink', attrib, comp.attributes[attrib])\n                else el.setAttribute(attrib, comp.attributes[attrib])\n            })\n        }\n\n        // ID if set\n        if (comp.id) el.setAttribute('id', comp.id)\n\n        // If an SVG tag, ensure we have the appropriate namespaces added\n        if (comp.type === 'svg') {\n            el.setAttributeNS('http://www.w3.org/2000/xmlns/', 'xmlns', 'http://www.w3.org/2000/svg')\n            el.setAttributeNS('http://www.w3.org/2000/xmlns/', 'xmlns:xlink', 'http://www.w3.org/1999/xlink')\n        }\n\n        // Add event handlers\n        if (comp.events) {\n            Object.keys(comp.events).forEach((type) => {\n                // @ts-ignore  I'm forever getting this wrong!\n                if (type.toLowerCase === 'onclick') type = 'click'\n                // Add the event listener\n                try {\n                    el.addEventListener(type, (evt) => {\n                        // Use new Function to ensure that esbuild works: https://esbuild.github.io/content-types/#direct-eval\n                        (new Function('evt', `${comp.events[type]}(evt)`))(evt) // eslint-disable-line no-new-func\n                    })\n                    // newEl.setAttribute( 'onClick', `${comp.events[type]}()` )\n                } catch (err) {\n                    Ui.log('error', 'Ui:_uiComposeComponent', `Add event '${type}' for element '${comp.type}': Cannot add event handler. ${err.message}`)()\n                }\n            })\n        }\n\n        // Add custom properties to the dataset\n        if (comp.properties) {\n            Object.keys(comp.properties).forEach((prop) => {\n                // TODO break a.b into sub properties\n                el[prop] = comp.properties[prop]\n                // Auto-dispatch events if changing value or changed since DOM does not do this automatically\n                if (['value', 'checked'].includes(prop)) {\n                    el.dispatchEvent(new Event('input'))\n                    el.dispatchEvent(new Event('change'))\n                }\n            })\n        }\n\n        //#region Add Slot content to innerHTML\n        if (comp.slot) {\n            this.replaceSlot(el, comp.slot)\n        }\n        //#endregion\n\n        // TODO Add multi-slot capability (default slot must always be processed first as innerHTML is replaced)\n\n        //#region Add Slot Markdown content to innerHTML IF marked library is available\n        if (comp.slotMarkdown) {\n            this.replaceSlotMarkdown(el, comp)\n        }\n        //#endregion\n    }\n\n    /** Extend an HTML Element with appended elements using ui components\n     * NOTE: This fn follows a strict hierarchy of added components.\n     * @param {HTMLElement} parentEl The parent HTML Element we want to append to\n     * @param {*} components The ui component(s) we want to add\n     * @param {string} [ns] Optional. The namespace to use.\n     */\n    _uiExtendEl(parentEl, components, ns = '') {\n        components.forEach((compToAdd, i) => {\n            Ui.log('trace', `Ui:_uiExtendEl:components-forEach:${i}`, compToAdd)()\n\n            /** @type {HTMLElement} Create the new component */\n            let newEl\n\n            compToAdd.ns = ns\n\n            if (compToAdd.ns === 'html') {\n                newEl = parentEl\n                // newEl.outerHTML = compToAdd.slot\n                // parentEl.innerHTML = compToAdd.slot\n                this.replaceSlot(parentEl, compToAdd.slot)\n            } else if (compToAdd.ns === 'svg') {\n                newEl = Ui.doc.createElementNS('http://www.w3.org/2000/svg', compToAdd.type)\n                // Updates newEl\n                this._uiComposeComponent(newEl, compToAdd)\n                parentEl.appendChild(newEl)\n            } else {\n                newEl = Ui.doc.createElement(compToAdd.type === 'html' ? 'div' : compToAdd.type)\n                // Updates newEl\n                this._uiComposeComponent(newEl, compToAdd)\n                parentEl.appendChild(newEl)\n            }\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToAdd.components) {\n                this._uiExtendEl(newEl, compToAdd.components, compToAdd.ns)\n            }\n        })\n    }\n\n    // TODO Add more error handling and parameter validation\n    /** Handle incoming _ui load requests\n     * Can load JavaScript modules, JavaScript scripts and CSS.\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     */\n    _uiLoad(ui) {\n\n        // Self-loading ECMA Modules (e.g. web components)\n        if (ui.components) {\n            if (!Array.isArray(ui.components)) ui.components = [ui.components]\n\n            ui.components.forEach(async component => {\n                // NOTE: This happens asynchronously but we don't wait\n                import(component)\n            })\n        }\n        // Remote Scripts\n        if (ui.srcScripts) {\n            if (!Array.isArray(ui.srcScripts)) ui.srcScripts = [ui.srcScripts]\n\n            ui.srcScripts.forEach(script => {\n                this.loadScriptSrc(script)\n            })\n        }\n        // Scripts passed as text\n        if (ui.txtScripts) {\n            if (!Array.isArray(ui.txtScripts)) ui.txtScripts = [ui.txtScripts]\n\n            this.loadScriptTxt(ui.txtScripts.join('\\n'))\n        }\n        // Remote Stylesheets\n        if (ui.srcStyles) {\n            if (!Array.isArray(ui.srcStyles)) ui.srcStyles = [ui.srcStyles]\n\n            ui.srcStyles.forEach(sheet => {\n                this.loadStyleSrc(sheet)\n            })\n        }\n        // Styles passed as text\n        if (ui.txtStyles) {\n            if (!Array.isArray(ui.txtStyles)) ui.txtStyles = [ui.txtStyles]\n\n            this.loadStyleTxt(ui.txtStyles.join('\\n'))\n        }\n\n    } // --- end of _uiLoad ---\n\n    /** Handle incoming _ui messages and loaded UI JSON files\n     * Called from start()\n     * @param {*} msg Standardised msg object containing a _ui property object\n     */\n    _uiManager(msg) {\n        if (!msg._ui) return\n\n        // Make sure that _ui is an array\n        if (!Array.isArray(msg._ui)) msg._ui = [msg._ui]\n\n        msg._ui.forEach((ui, i) => {\n            if (ui.mode && !ui.method) ui.method = ui.mode\n            if (!ui.method) {\n                Ui.log('error', 'Ui:_uiManager', `No method defined for msg._ui[${i}]. Ignoring. `, ui)()\n                return\n            }\n\n            ui.payload = msg.payload\n            ui.topic = msg.topic\n            switch (ui.method) {\n                case 'add': {\n                    this._uiAdd(ui, false)\n                    break\n                }\n\n                case 'remove': {\n                    this._uiRemove(ui, false)\n                    break\n                }\n\n                case 'removeAll': {\n                    this._uiRemove(ui, true)\n                    break\n                }\n\n                case 'replace': {\n                    this._uiReplace(ui)\n                    break\n                }\n\n                case 'update': {\n                    this._uiUpdate(ui)\n                    break\n                }\n\n                case 'load': {\n                    this._uiLoad(ui)\n                    break\n                }\n\n                case 'reload': {\n                    this._uiReload()\n                    break\n                }\n\n                case 'notify': {\n                    this.showDialog('notify', ui, msg)\n                    break\n                }\n\n                case 'alert': {\n                    this.showDialog('alert', ui, msg)\n                    break\n                }\n\n                default: {\n                    Ui.log('error', 'Ui:_uiManager', `Invalid msg._ui[${i}].method (${ui.method}). Ignoring`)()\n                    break\n                }\n            }\n        })\n    } // --- end of _uiManager ---\n\n    /** Handle a reload request */\n    _uiReload() {\n        Ui.log('trace', 'Ui:uiManager:reload', 'reloading')()\n        location.reload()\n    }\n\n    // TODO Add better tests for failures (see comments)\n    /** Handle incoming _ui remove requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     * @param {boolean} all Optional, default=false. If true, will remove ALL found elements, otherwise only the 1st is removed\n     */\n    _uiRemove(ui, all = false) {\n        ui.components.forEach((compToRemove) => {\n            let els\n            if (all !== true) els = [Ui.doc.querySelector(compToRemove)]\n            else els = Ui.doc.querySelectorAll(compToRemove)\n\n            els.forEach(el => {\n                try {\n                    el.remove()\n                } catch (err) {\n                    // Could not remove. Cannot read properties of null <= no need to report this one\n                    // Could not remove. Failed to execute 'querySelector' on 'Ui.doc': '##testbutton1' is not a valid selector\n                    Ui.log('trace', 'Ui:_uiRemove', `Could not remove. ${err.message}`)()\n                }\n            })\n        })\n    } // --- end of _uiRemove ---\n\n    /** Handle incoming _ui replace requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     */\n    _uiReplace(ui) {\n        Ui.log('trace', 'Ui:_uiReplace', 'Starting')()\n\n        ui.components.forEach((compToReplace, /** @type {number} */ i) => {\n            Ui.log('trace', `Ui:_uiReplace:components-forEach:${i}`, 'Component to replace: ', compToReplace)()\n\n            /** @type {HTMLElement} */\n            let elToReplace\n\n            // Either the id, CSS selector, name or type (element type) must be given in order to identify the element to change. FIRST element matching is updated.\n            if (compToReplace.id) {\n                elToReplace = Ui.doc.getElementById(compToReplace.id) // .querySelector(`#${compToReplace.id}`)\n            } else if (compToReplace.selector || compToReplace.select) {\n                elToReplace = Ui.doc.querySelector(compToReplace.selector)\n            } else if (compToReplace.name) {\n                elToReplace = Ui.doc.querySelector(`[name=\"${compToReplace.name}\"]`)\n            } else if (compToReplace.type) {\n                elToReplace = Ui.doc.querySelector(compToReplace.type)\n            }\n\n            Ui.log('trace', `Ui:_uiReplace:components-forEach:${i}`, 'Element to replace: ', elToReplace)()\n\n            // Nothing was found so ADD the element instead\n            if (elToReplace === undefined || elToReplace === null) {\n                Ui.log('trace', `Ui:_uiReplace:components-forEach:${i}:noReplace`, 'Cannot find the DOM element. Adding instead.', compToReplace)()\n                this._uiAdd({ components: [compToReplace] }, false)\n                return\n            }\n\n            /** @type {*} Create the new component - some kind of HTML element */\n            let newEl\n            switch (compToReplace.type) {\n                // If trying to insert raw html, wrap in a div\n                case 'html': {\n                    compToReplace.ns = 'html'\n                    newEl = Ui.doc.createElement('div')\n                    break\n                }\n\n                // If trying to insert raw svg, need to create in namespace\n                case 'svg': {\n                    compToReplace.ns = 'svg'\n                    newEl = Ui.doc.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToReplace.ns = 'dom'\n                    newEl = Ui.doc.createElement(compToReplace.type)\n                    break\n                }\n            }\n\n            // Updates the newEl and maybe the ui\n            this._uiComposeComponent(newEl, compToReplace)\n\n            // Replace the current element\n            elToReplace.replaceWith(newEl)\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToReplace.components) {\n                this._uiExtendEl(newEl, compToReplace.components, compToReplace.ns)\n            }\n        })\n    } // --- end of _uiReplace ---\n\n    // TODO Allow single add without using components array\n    // TODO Allow sub-components\n    // TODO Add multi-slot capability\n    /** Handle incoming _ui update requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     */\n    _uiUpdate(ui) {\n        Ui.log('trace', 'UI:_uiUpdate:update', 'Starting _uiUpdate', ui)()\n\n        // We allow an update not to actually need to spec a component\n        if (!ui.components) ui.components = [Object.assign({}, ui)]\n\n        ui.components.forEach((compToUpd, i) => {\n            Ui.log('trace', '_uiUpdate:components-forEach', `Start loop #${i}`, compToUpd)()\n\n            /** @type {NodeListOf<Element>} */\n            let elToUpd\n\n            // If a parent element is passed, use that as the update target (only allowed internally)\n            // Otherwise either the id, CSS selector, name or type (element type) must be given in order to identify the element to change. ALL elements matching are updated.\n            if (compToUpd.parentEl) {\n                elToUpd = compToUpd.parentEl\n            } else if (compToUpd.id) {\n                // NB We don't use get by id because this way the code is simpler later on\n                elToUpd = Ui.doc.querySelectorAll(`#${compToUpd.id}`)\n            } else if (compToUpd.selector || compToUpd.select) {\n                elToUpd = Ui.doc.querySelectorAll(compToUpd.selector)\n            } else if (compToUpd.name) {\n                elToUpd = Ui.doc.querySelectorAll(`[name=\"${compToUpd.name}\"]`)\n            } else if (compToUpd.type) {\n                elToUpd = Ui.doc.querySelectorAll(compToUpd.type)\n            }\n\n            // @ts-ignore Nothing was found so give up\n            if (elToUpd === undefined || elToUpd.length < 1) {\n                Ui.log('warn', 'Ui:_uiManager:update', 'Cannot find the DOM element. Ignoring.', compToUpd)()\n                return\n            }\n\n            Ui.log('trace', '_uiUpdate:components-forEach', `Element(s) to update. Count: ${elToUpd.length}`, elToUpd)()\n\n            // If slot not specified but payload is, use the payload in the slot\n            if (!compToUpd.slot && compToUpd.payload) compToUpd.slot = compToUpd.payload\n\n            // Might have >1 element to update - so update them all\n            elToUpd.forEach((el, j) => {\n                Ui.log('trace', '_uiUpdate:components-forEach', `Updating element #${j}`, el)()\n                this._uiComposeComponent(el, compToUpd)\n                // Try to go down another level of nesting if needed\n                // ! NOT CONVINCED THIS ACTUALLY WORKS !\n                if (compToUpd.components) {\n                    Ui.log('trace', '_uiUpdate:nested-component', `Element #${j} - nested-component`, compToUpd, el)()\n                    const nc = { _ui: [] }\n                    compToUpd.components.forEach((nestedComp, k) => {\n                        const method = nestedComp.method || compToUpd.method || ui.method\n                        if (nestedComp.method) delete nestedComp.method\n                        if (!Array.isArray(nestedComp)) nestedComp = [nestedComp]\n                        // nestedComp.parentEl = el\n                        // nestedComp.components = [nestedComp]\n                        Ui.log('trace', '_uiUpdate:nested-component', `Element #${j} - nested-component #${k}`, nestedComp)()\n                        nc._ui.push( {\n                            method: method,\n                            parentEl: el,\n                            components: nestedComp,\n                        })\n                    })\n                    Ui.log('trace', '_uiUpdate:nested-component', `Element #${j} - nested-component new manager`, nc)()\n                    this._uiManager(nc)\n                }\n            })\n\n            // If nested components, apply to every found element - but don't pass payload to sub-components\n            // if (compToUpd.components) {\n            //     compToUpd.components.forEach((el, k) => {\n            //         Ui.log('trace', '_uiUpdate:nested-component', `Updating nested-component #${k}`, el)()\n            //         this._uiUpdate({\n            //             method: el.method || ui.method,\n            //             parentEl: el,\n            //             components: el.components,\n            //         })\n            //     })\n            // }\n        })\n    } // --- end of _uiUpdate ---\n\n    //#endregion ---- -------- ----\n\n    //#region ---- External Methods ----\n\n    /** Simplistic jQuery-like document CSS query selector, returns an HTML Element\n     * NOTE that this fn returns the element itself. Use $$ to get the properties of 1 or more elements.\n     * If the selected element is a <template>, returns the first child element.\n     * type {HTMLElement}\n     * @param {string} cssSelector A CSS Selector that identifies the element to return\n     * @param {\"el\"|\"text\"|\"html\"|\"attributes\"|\"attr\"} [output] Optional. What type of output to return. Defaults to \"el\", the DOM element reference\n     * @returns {HTMLElement|string|InnerHTML|array|null} Selected HTML DOM element, innerText, innerHTML, attribute list or null\n     */\n    $(cssSelector, output) {\n        /** @type {*} Some kind of HTML element */\n        let el = Ui.doc.querySelector(cssSelector)\n\n        if (!el) {\n            Ui.log(1, 'Uib:$', `No element found for CSS selector ${cssSelector}`)()\n            return null\n        }\n\n        if ( el.nodeName === 'TEMPLATE' ) {\n            el = el.content.firstElementChild\n            if (!el) {\n                Ui.log(0, 'Uib:$', `Template selected for CSS selector ${cssSelector} but it is empty`)()\n                return null\n            }\n        }\n\n        if (!output) output = 'el'\n        let out\n\n        try {\n            switch (output.toLowerCase()) {\n                case 'text': {\n                    out = el.innerText\n                    break\n                }\n\n                case 'html': {\n                    out = el.innerHTML\n                    break\n                }\n\n                case 'attr':\n                case 'attributes': {\n                    out = {}\n                    for (const attr of el.attributes) {\n                        out[attr.name] = attr.value\n                    }\n                    break\n                }\n\n                default: {\n                    out = el\n                    break\n                }\n            }\n        } catch (e) {\n            out = el\n            Ui.log(1, 'Uib:$', `Could not process output type \"${output}\" for CSS selector ${cssSelector}, returned the DOM element. ${e.message}`, e)()\n        }\n\n        return out\n    }\n\n    /** CSS query selector that returns ALL found selections. Matches the Chromium DevTools feature of the same name.\n     * NOTE that this fn returns an array showing the PROPERTIES of the elements whereas $ returns the element itself\n     * @param {string} cssSelector A CSS Selector that identifies the elements to return\n     * @returns {HTMLElement[]} Array of DOM elements/nodes. Array is empty if selector is not found.\n     */\n    $$(cssSelector) {\n        return Array.from(Ui.doc.querySelectorAll(cssSelector))\n    }\n\n    /** Add 1 or several class names to an element\n     * @param {string|string[]} classNames Single or array of classnames\n     * @param {HTMLElement} el HTML Element to add class(es) to\n     */\n    addClass(classNames, el) {\n        if (!Array.isArray(classNames)) classNames = [classNames]\n        if (el) el.classList.add(...classNames)\n    }\n\n    /** Apply a source template tag to a target html element\n     * NOTES:\n     * - styles in ALL templates are accessible to all templates.\n     * - scripts in templates are run AT TIME OF APPLICATION (so may run multiple times).\n     * - scripts in templates are applied in order of application, so variables may not yet exist if defined in subsequent templates\n     * @param {string} sourceId The HTML ID of the source element\n     * @param {string} targetId The HTML ID of the target element\n     * @param {object} config Configuration options\n     * @param {boolean=} config.onceOnly If true, the source will be adopted (the source is moved)\n     * @param {object=} config.attributes A set of key:value pairs that will be applied as attributes to the target\n     */\n    applyTemplate(sourceId, targetId, config) {\n        if (!config) config = { onceOnly: false }\n\n        const template = Ui.doc.getElementById(sourceId)\n        const target = Ui.doc.getElementById(targetId)\n\n        if (template && target) {\n            let content\n            try {\n                if (config.onceOnly !== true) content = Ui.doc.importNode(template.content, true)\n                else content = Ui.doc.adoptNode(template.content)\n                // NB content.childElementCount = 0 after adoption\n            } catch (e) {\n                Ui.log('error', 'Ui:applyTemplate', `Source must be a <template>. id='${sourceId}'`)()\n                return\n            }\n            if (content) {\n                // Apply config.attributes to the 1st element of the template content\n                if (config.attributes) {\n                    const el = content.firstElementChild\n                    Object.keys(config.attributes).forEach( attrib => {\n                        // Apply each attribute and value\n                        el.setAttribute(attrib, config.attributes[attrib])\n                    })\n                }\n                // ! TODO Add ability to change slot content\n                // Apply to the target\n                target.appendChild(content)\n            }\n        } else {\n            if (!template) Ui.log('error', 'Ui:applyTemplate', `Source not found: id='${sourceId}'`)()\n            if (!target) Ui.log('error', 'Ui:applyTemplate', `Target not found: id='${targetId}'`)()\n        }\n    }\n\n    /** Builds an HTML table from an array (or object) of objects\n     * 1st row is used for columns. If an object of objects, the outer keys\n     * are used as row ID's (prefixed with \"r-\").\n     * @param {Array<object>|Object} data Input data array or object\n     * @returns {HTMLTableElement|HTMLParagraphElement} Output HTML Element\n     */\n    buildHtmlTable(data) {\n        // If data is an object of objects, convert it to an array of objects\n        let keys\n        if (!Array.isArray(data)) {\n            if (typeof data === 'object') {\n                keys = Object.keys(data)\n                data = Object.values(data)\n            }\n            // Ensure input is an array of objects\n            if (!Array.isArray(data)) {\n                const out = Ui.doc.createElement('p')\n                out.textContent = 'Input data is not an array or an object, cannot create a table.'\n                return out\n            }\n        }\n\n        const tbl = Ui.doc.createElement('table')\n        // Heading row\n        const thead = Ui.doc.createElement('thead')\n        const headerRow = Ui.doc.createElement('tr')\n        // Get the headers from the keys of the first object\n        const headers = Object.keys(data[0])\n        headers.forEach(header => {\n            const th = Ui.doc.createElement('th')\n            th.textContent = header\n            headerRow.appendChild(th)\n        })\n        thead.appendChild(headerRow)\n        tbl.appendChild(thead)\n\n        // body\n        const tbody = Ui.doc.createElement('tbody')\n        data.forEach( (item, i) => {\n            const row = Ui.doc.createElement('tr')\n            if (keys) row.id = `r-${keys[i]}`\n            headers.forEach(header => {\n                const cell = Ui.doc.createElement('td')\n                // cell.textContent = item[header]\n                cell.innerHTML = this.sanitiseHTML(item[header])\n                row.appendChild(cell)\n            })\n            tbody.appendChild(row)\n        })\n        tbl.appendChild(tbody)\n\n        return tbl\n    }\n\n    /** Converts markdown text input to HTML if the Markdown-IT library is loaded\n     * Otherwise simply returns the text\n     * @param {string} mdText The input markdown string\n     * @returns {string} HTML (if Markdown-IT library loaded and parse successful) or original text\n     */\n    convertMarkdown(mdText) {\n        if (!mdText) return ''\n        if (!Ui.win['markdownit']) return mdText\n        if (!Ui.md) this._markDownIt() // To handle case where the library is late loaded\n        // Convert from markdown to HTML\n        try {\n            return Ui.md.render(mdText.trim())\n        } catch (e) {\n            Ui.log(0, 'uibuilder:convertMarkdown', `Could not render Markdown. ${e.message}`, e)()\n            return '<p class=\"border error\">Could not render Markdown<p>'\n        }\n    }\n\n    /** Include HTML fragment, img, video, text, json, form data, pdf or anything else from an external file or API\n     * Wraps the included object in a div tag.\n     * PDF's, text or unknown MIME types are also wrapped in an iFrame.\n     * @param {string} url The URL of the source file to include\n     * @param {object} uiOptions Object containing properties recognised by the _uiReplace function. Must at least contain an id\n     * param {string} uiOptions.id The HTML ID given to the wrapping DIV tag\n     * param {string} uiOptions.parentSelector The CSS selector for a parent element to insert the new HTML under (defaults to 'body')\n     * @returns {Promise<any>} Status\n     */\n    async include(url, uiOptions) { // eslint-disable-line sonarjs/cognitive-complexity\n        // TODO: src, id, parent must all be a strings\n        if (!fetch) {\n            Ui.log(0, 'Ui:include', 'Current environment does not include `fetch`, skipping.')()\n            return 'Current environment does not include `fetch`, skipping.'\n        }\n        if (!url) {\n            Ui.log(0, 'Ui:include', 'url parameter must be provided, skipping.')()\n            return 'url parameter must be provided, skipping.'\n        }\n        if (!uiOptions || !uiOptions.id) {\n            Ui.log(0, 'Ui:include', 'uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.')()\n            return 'uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.'\n        }\n\n        // Try to get the content via the URL\n        let response\n        try {\n            response = await fetch(url)\n        } catch (error) {\n            Ui.log(0, 'Ui:include', `Fetch of file '${url}' failed. `, error.message)()\n            return error.message\n        }\n        if (!response.ok) {\n            Ui.log(0, 'Ui:include', `Fetch of file '${url}' failed. Status='${response.statusText}'`)()\n            return response.statusText\n        }\n\n        // Work out what type of data we got\n        const contentType = await response.headers.get('content-type')\n        let type = null\n        if (contentType) {\n            if (contentType.includes('text/html')) {\n                type = 'html'\n            } else if (contentType.includes('application/json')) {\n                type = 'json'\n            } else if (contentType.includes('multipart/form-data')) {\n                type = 'form'\n            } else if (contentType.includes('image/')) {\n                type = 'image'\n            } else if (contentType.includes('video/')) {\n                type = 'video'\n            } else if (contentType.includes('application/pdf')) {\n                type = 'pdf'\n            } else if (contentType.includes('text/plain')) {\n                type = 'text'\n            } // else type = null\n        }\n\n        // Create the HTML to include on the page based on type\n        let slot = ''\n        let txtReturn = 'Include successful'\n        let data\n        switch (type) {\n            case 'html': {\n                data = await response.text()\n                slot = data\n                break\n            }\n\n            case 'json': {\n                data = await response.json()\n                slot = '<pre class=\"syntax-highlight\">'\n                slot += this.syntaxHighlight(data)\n                slot += '</pre>'\n                break\n            }\n\n            case 'form': {\n                data = await response.formData()\n                slot = '<pre class=\"syntax-highlight\">'\n                slot += this.syntaxHighlight(data)\n                slot += '</pre>'\n                break\n            }\n\n            case 'image': {\n                data = await response.blob()\n                slot = `<img src=\"${URL.createObjectURL(data)}\">`\n                if (Ui.win['DOMPurify']) {\n                    txtReturn = 'Include successful. BUT DOMPurify loaded which may block its use.'\n                    Ui.log('warn', 'Ui:include:image', txtReturn)()\n                }\n                break\n            }\n\n            case 'video': {\n                data = await response.blob()\n                slot = `<video controls autoplay><source src=\"${URL.createObjectURL(data)}\"></video>`\n                if (Ui.win['DOMPurify']) {\n                    txtReturn = 'Include successful. BUT DOMPurify loaded which may block its use.'\n                    Ui.log('warn', 'Ui:include:video', txtReturn)()\n                }\n                break\n            }\n\n            case 'pdf':\n            case 'text':\n            default: {\n                data = await response.blob()\n                slot = `<iframe style=\"resize:both;width:inherit;height:inherit;\" src=\"${URL.createObjectURL(data)}\">`\n                if (Ui.win['DOMPurify']) {\n                    txtReturn = 'Include successful. BUT DOMPurify loaded which may block its use.'\n                    Ui.log('warn', `Ui:include:${type}`, txtReturn)()\n                }\n                break\n            }\n        }\n\n        // Wrap it all in a <div id=\"...\" class=\"included\">\n        uiOptions.type = 'div'\n        uiOptions.slot = slot\n        if (!uiOptions.parent) uiOptions.parent = 'body'\n        if (!uiOptions.attributes) uiOptions.attributes = { class: 'included' }\n\n        // Use uibuilder's standard ui processing to turn the instructions into HTML\n        this._uiReplace({\n            components: [\n                uiOptions\n            ]\n        })\n\n        Ui.log('trace', `Ui:include:${type}`, txtReturn)()\n        return txtReturn\n    } // ---- End of include() ---- //\n\n    /** Attach a new remote script to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} url The url to be used in the script src attribute\n     */\n    loadScriptSrc(url) {\n        const newScript = Ui.doc.createElement('script')\n        newScript.src = url\n        newScript.async = false\n        Ui.doc.head.appendChild(newScript)\n    }\n\n    /** Attach a new text script to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} textFn The text to be loaded as a script\n     */\n    loadScriptTxt(textFn) {\n        const newScript = Ui.doc.createElement('script')\n        newScript.async = false\n        newScript.textContent = textFn\n        Ui.doc.head.appendChild(newScript)\n    }\n\n    /** Attach a new remote stylesheet link to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} url The url to be used in the style link href attribute\n     */\n    loadStyleSrc(url) {\n        const newStyle = Ui.doc.createElement('link')\n        newStyle.href = url\n        newStyle.rel = 'stylesheet'\n        newStyle.type = 'text/css'\n\n        Ui.doc.head.appendChild(newStyle)\n    }\n\n    /** Attach a new text stylesheet to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} textFn The text to be loaded as a stylesheet\n     */\n    loadStyleTxt(textFn) {\n        const newStyle = Ui.doc.createElement('style')\n        newStyle.textContent = textFn\n        Ui.doc.head.appendChild(newStyle)\n    }\n\n    /** Load a dynamic UI from a JSON web reponse\n     * @param {string} url URL that will return the ui JSON\n     */\n    loadui(url) {\n        if (!fetch) {\n            Ui.log(0, 'Ui:loadui', 'Current environment does not include `fetch`, skipping.')()\n            return\n        }\n        if (!url) {\n            Ui.log(0, 'Ui:loadui', 'url parameter must be provided, skipping.')()\n            return\n        }\n\n        fetch(url)\n            .then(response => {\n                if (response.ok === false) {\n                    // Ui.log('warn', 'Ui:loadui:then1', `Could not load '${url}'. Status ${response.status}, Error: ${response.statusText}`)()\n                    throw new Error(`Could not load '${url}'. Status ${response.status}, Error: ${response.statusText}`)\n                }\n\n                Ui.log('trace', 'Ui:loadui:then1', `Loaded '${url}'. Status ${response.status}, ${response.statusText}`)()\n                // Did we get json?\n                const contentType = response.headers.get('content-type')\n                if (!contentType || !contentType.includes('application/json')) {\n                    throw new TypeError(`Fetch '${url}' did not return JSON, ignoring`)\n                }\n                // Returns parsed json to next .then\n                return response.json()\n            })\n            .then(data => {\n                if (data !== undefined) {\n                    Ui.log('trace', 'Ui:loadui:then2', 'Parsed JSON successfully obtained')()\n                    // Call the _uiManager\n                    this._uiManager({ _ui: data })\n                    return true\n                }\n                return false\n            })\n            .catch(err => {\n                Ui.log('warn', 'Ui:loadui:catch', 'Error. ', err)()\n            })\n    } // --- end of loadui\n\n    /** ! NOT COMPLETE Move an element from one position to another\n     * @param {object} opts Options\n     * @param {string} opts.sourceSelector Required, CSS Selector that identifies the element to be moved\n     * @param {string} opts.targetSelector Required, CSS Selector that identifies the element to be moved\n     */\n    moveElement(opts) {\n        const { sourceSelector, targetSelector, moveType, position } = opts\n        const sourceEl = document.querySelector(sourceSelector)\n        if (!sourceEl) {\n            Ui.log(0, 'Ui:moveElement', 'Source element not found')()\n            return\n        }\n        const targetEl = document.querySelector(targetSelector)\n        if (!targetEl) {\n            Ui.log(0, 'Ui:moveElement', 'Target element not found')()\n            return\n        }\n    }\n\n    /** Get standard data from a DOM node.\n     * @param {*} node DOM node to examine\n     * @param {string} cssSelector Identify the DOM element to get data from\n     * @returns {object} Standardised data object\n     */\n    nodeGet(node, cssSelector) {\n        const thisOut = {\n            id: node.id === '' ? undefined : node.id,\n            name: node.name,\n            children: node.childNodes.length,\n            type: node.nodeName,\n            attributes: undefined,\n\n            isUserInput: node.validity ? true : false, // eslint-disable-line no-unneeded-ternary\n            userInput: !node.validity ? undefined : { // eslint-disable-line multiline-ternary\n                value: node.value,\n                validity: undefined,\n                willValidate: node.willValidate,\n                valueAsDate: node.valueAsDate,\n                valueAsNumber: node.valueAsNumber,\n                type: node.type,\n            },\n        }\n\n        if (['UL', 'OL'].includes(node.nodeName)) {\n            const listEntries = Ui.doc.querySelectorAll(`${cssSelector} li`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'DL') {\n            const listEntries = Ui.doc.querySelectorAll(`${cssSelector} dt`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'TABLE') {\n            const bodyEntries = Ui.doc.querySelectorAll(`${cssSelector} > tbody > tr`)\n            const headEntries = Ui.doc.querySelectorAll(`${cssSelector} > thead > tr`)\n            const cols = Ui.doc.querySelectorAll(`${cssSelector} > tbody > tr:last-child > *`)  // #eltest > table > tbody > tr:nth-child(3)\n            if (bodyEntries || headEntries || cols) {\n                thisOut.table = {\n                    'headRows': headEntries ? headEntries.length : 0,\n                    'bodyRows': bodyEntries ? bodyEntries.length : 0,\n                    'columns': cols ? cols.length : 0,\n                }\n            }\n        }\n        if (node.nodeName !== '#text' && node.attributes && node.attributes.length > 0) {\n            thisOut.attributes = {}\n            // @ts-ignore\n            for (const attrib of node.attributes) {\n                if (attrib.name !== 'id') {\n                    thisOut.attributes[attrib.name] = node.attributes[attrib.name].value\n                }\n                if (attrib.name === 'class') thisOut.classes = Array.from(node.classList)\n            }\n        }\n        if (node.nodeName === '#text') {\n            thisOut.text = node.textContent\n        }\n        if (node.validity) thisOut.userInput.validity = {}\n        for (const v in node.validity) {\n            thisOut.userInput.validity[v] = node.validity[v]\n        }\n\n        return thisOut\n    } // --- end of nodeGet --- //\n\n    /** Show a browser notification if possible. Returns a promise\n     * Config can be a simple string, a Node-RED msg (topic as title, payload as body)\n     * or a Notifications API options object + config.title string.\n     * Config ref: https://developer.mozilla.org/en-US/docs/Web/API/Notification/Notification\n     * @param {object|string} config Notification config object or simple message string\n     * @returns {Promise} Resolves on close or click event, returns the event.\n     */\n    async notification(config) {\n        if (typeof config === 'string') {\n            config = { body: config }\n        }\n        // Are notifications available?\n        if (typeof Notification === 'undefined') return Promise.reject(new Error('Notifications not available in this browser'))\n        // Do we have permission? If not, ask for permission\n        let permit = Notification.permission\n        if (permit === 'denied') {\n            return Promise.reject(new Error('Notifications not permitted by user')) // eslint-disable-line no-useless-return\n        } else if (permit === 'granted') {\n            return this._showNotification(config)\n        } else { // if (permit === 'default') {\n            permit = await Notification.requestPermission()\n            if (permit === 'granted') {\n                return this._showNotification(config)\n            }\n            return Promise.reject(new Error('Notifications not permitted by user'))\n        }\n    }\n\n    /** Remove All, 1 or more class names from an element\n     * @param {undefined|null|\"\"|string|string[]} classNames Single or array of classnames. If undefined, \"\" or null, remove all classes\n     * @param {HTMLElement} el HTML Element to add class(es) to\n     */\n    removeClass(classNames, el) {\n        if (!classNames) {\n            el.removeAttribute('class')\n            return\n        }\n        if (!Array.isArray(classNames)) classNames = [classNames]\n        if (el) el.classList.remove(...classNames)\n    }\n\n    /** Replace or add an HTML element's slot from text or an HTML string\n     * WARNING: Executes <script> tags! And will process <style> tags.\n     * Will use DOMPurify if that library has been loaded to window.\n     * param {*} ui Single entry from the msg._ui property\n     * @param {Element} el Reference to the element that we want to update\n     * @param {*} slot The slot content we are trying to add/replace (defaults to empty string)\n     */\n    replaceSlot(el, slot) {\n        if (!el) return\n        if (!slot) slot = ''\n\n        // If DOMPurify is loaded, apply it now\n        slot = this.sanitiseHTML(slot)\n\n        // Create doc frag and apply html string (msg.payload or the slot property)\n        const tempFrag = Ui.doc.createRange().createContextualFragment(slot)\n\n        // Remove content of el and replace with tempFrag\n        const elRange = Ui.doc.createRange()\n        elRange.selectNodeContents(el)\n        elRange.deleteContents()\n        el.append(tempFrag)\n    }\n\n    /** Replace or add an HTML element's slot from a Markdown string\n     * Only does something if the markdownit library has been loaded to window.\n     * Will use DOMPurify if that library has been loaded to window.\n     * @param {Element} el Reference to the element that we want to update\n     * @param {*} component The component we are trying to add/replace\n     */\n    replaceSlotMarkdown(el, component) {\n        if (!el) return\n        if (!component.slotMarkdown) return\n\n        // Convert from markdown to HTML\n        component.slotMarkdown = this.convertMarkdown(component.slotMarkdown)\n        // If DOMPurify is loaded, apply it now\n        component.slotMarkdown = this.sanitiseHTML(component.slotMarkdown)\n        // Set the component content to the the converted slotMarkdown property\n        el.innerHTML = component.slotMarkdown\n    }\n\n    /** Sanitise HTML to make it safe - if the DOMPurify library is loaded\n     * Otherwise just returns that HTML as-is.\n     * @param {string} html The input HTML string\n     * @returns {string} The sanitised HTML or the original if DOMPurify not loaded\n     */\n    sanitiseHTML(html) {\n        if (!Ui.win['DOMPurify']) return html\n        return Ui.win['DOMPurify'].sanitize(html, { ADD_TAGS: this.sanitiseExtraTags, ADD_ATTR: this.sanitiseExtraAttribs })\n    }\n\n    /** Show a pop-over \"toast\" dialog or a modal alert // TODO - Allow notify to sit in corners rather than take over the screen\n     * Refs: https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/alertdialog.html,\n     *       https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/dialog.html,\n     *       https://www.w3.org/WAI/ARIA/apg/patterns/dialogmodal/\n     * @param {\"notify\"|\"alert\"} type Dialog type\n     * @param {object} ui standardised ui data\n     * @param {object} [msg] msg.payload/msg.topic - only used if a string. Optional.\n     * @returns {void}\n     */\n    showDialog(type, ui, msg) { // eslint-disable-line sonarjs/cognitive-complexity\n\n        //#region -- Check properties --\n\n        let content = ''\n        // Main body content\n        if (msg.payload && typeof msg.payload === 'string') content += `<div>${msg.payload}</div>`\n        if (ui.content) content += `<div>${ui.content}</div>`\n        // Toast wont show anyway if content is empty, may as well warn user\n        if (content === '') {\n            Ui.log(1, 'Ui:showDialog', 'Toast content is blank. Not shown.')()\n            return\n        }\n\n        // Use msg.topic as title if no title provided\n        if (!ui.title && msg.topic) ui.title = msg.topic\n        if (ui.title) content = `<p class=\"toast-head\">${ui.title}</p><p>${content}</p>`\n\n        // Allow for variants - @since v6.1 - don't bother - since this now sets CSS class, not tied to bootstrap-vue\n        // if ( !ui.variant || !['', 'primary', 'secondary', 'success', 'info', 'warn', 'warning', 'failure', 'error', 'danger'].includes(ui.variant)) ui.variant = ''\n\n        // Toasts auto-hide by default after 10s but alerts do not auto-hide\n        if (ui.noAutohide) ui.noAutoHide = ui.noAutohide\n        if (ui.noAutoHide) ui.autohide = !ui.noAutoHide\n        // If set, number of ms until toast is auto-hidden\n        if (ui.autoHideDelay) {\n            if (!ui.autohide) ui.autohide = true\n            ui.delay = ui.autoHideDelay\n        } else ui.autoHideDelay = 10000 // default = 10s\n        if (!Object.prototype.hasOwnProperty.call(ui, 'autohide')) ui.autohide = true\n\n        if (type === 'alert') {\n            ui.modal = true\n            ui.autohide = false\n            content = `<svg viewBox=\"0 0 192.146 192.146\" style=\"width:30;background-color:transparent;\"><path d=\"M108.186 144.372c0 7.054-4.729 12.32-12.037 12.32h-.254c-7.054 0-11.92-5.266-11.92-12.32 0-7.298 5.012-12.31 12.174-12.31s11.91 4.992 12.037 12.31zM88.44 125.301h15.447l2.951-61.298H85.46l2.98 61.298zm101.932 51.733c-2.237 3.664-6.214 5.921-10.493 5.921H12.282c-4.426 0-8.51-2.384-10.698-6.233a12.34 12.34 0 0 1 .147-12.349l84.111-149.22c2.208-3.722 6.204-5.96 10.522-5.96h.332c4.445.107 8.441 2.618 10.513 6.546l83.515 149.229c1.993 3.8 1.905 8.363-.352 12.066zm-10.493-6.4L96.354 21.454l-84.062 149.18h167.587z\" /></svg> ${content}`\n        }\n\n        //#endregion -- -- --\n\n        // Create a toaster container element if not already created - or get a ref to it\n        let toaster = Ui.doc.getElementById('toaster')\n        if (toaster === null) {\n            toaster = Ui.doc.createElement('div')\n            toaster.id = 'toaster'\n            toaster.title = 'Click to clear all notifcations'\n            toaster.setAttribute('class', 'toaster')\n            toaster.setAttribute('role', 'dialog')\n            toaster.setAttribute('arial-label', 'Toast message')\n            toaster.onclick = function () {\n                // @ts-ignore\n                toaster.remove()\n            }\n            Ui.doc.body.insertAdjacentElement('afterbegin', toaster)\n        }\n\n        // Create a toast element. Would be nice to use <dialog> but that isn't well supported yet - come on Apple!\n        const toast = Ui.doc.createElement('div')\n        toast.title = 'Click to clear this notifcation'\n        toast.setAttribute('class', `toast ${ui.variant ? ui.variant : ''} ${type}`)\n        toast.innerHTML = content\n        toast.setAttribute('role', 'alertdialog')\n        if (ui.modal) toast.setAttribute('aria-modal', ui.modal)\n        toast.onclick = function (evt) {\n            evt.stopPropagation()\n            toast.remove()\n            // @ts-ignore\n            if (toaster.childElementCount < 1) toaster.remove()\n        }\n\n        // TODO\n        if (type === 'alert') {\n            // newD.setAttribute('aria-labelledby', '')\n            // newD.setAttribute('aria-describedby', '')\n        }\n\n        toaster.insertAdjacentElement(ui.appendToast === true ? 'beforeend' : 'afterbegin', toast)\n\n        // Auto-hide\n        if (ui.autohide === true) {\n            setInterval(() => {\n                toast.remove()\n                // @ts-ignore\n                if (toaster.childElementCount < 1) toaster.remove()\n            }, ui.autoHideDelay)\n        }\n    } // --- End of showDialog ---\n\n    /** Directly manage UI via JSON\n     * @param {object} json Either an object containing {_ui: {}} or simply simple {} containing ui instructions\n     */\n    ui(json) {\n        // Simulate a msg and process\n        let msg = {}\n        if (json._ui) msg = json\n        else msg._ui = json\n\n        this._uiManager(msg)\n    }\n\n    /** Get data from the DOM. Returns selection of useful props unless a specific prop requested.\n     * @param {string} cssSelector Identify the DOM element to get data from\n     * @param {string} [propName] Optional. Specific name of property to get from the element\n     * @returns {Array<*>} Array of objects containing either specific requested property or a selection of useful properties\n     */\n    uiGet(cssSelector, propName = null) {\n        // The type cast below not really correct but it gets rid of the other typescript errors\n        const selection = /** @type {NodeListOf<HTMLInputElement>} */ (Ui.doc.querySelectorAll(cssSelector))\n\n        const out = []\n\n        selection.forEach(node => {\n            // Specific property asked for ...\n            if (propName) {\n                if (propName === 'classes') propName = 'class'\n                // Try assuming the prop is an attribute first (will return null or \"\" if not present)\n                let prop = node.getAttribute(propName)\n                // If not an attribute, try getting as a property of the element\n                if (prop === undefined || prop === null) {\n                    try {\n                        prop = node[propName]\n                    } catch (error) {}\n                }\n                // We didn't find as either an attribute or a property\n                if (prop === undefined || prop === null) {\n                    // If 'value' was requested, return the innerText\n                    if (propName.toLowerCase() === 'value') out.push(node.innerText)\n                    else out.push(`Property '${propName}' not found`)\n                } else {\n                    const p = {}\n                    // Nightmare of different object types in a DOM Element!\n                    const cType = prop.constructor.name.toLowerCase()\n                    if (cType === 'namednodemap') {\n                        for (const key of prop) {\n                            // @ts-ignore\n                            p[key.name] = prop[key.name].value\n                        }\n                    } else if (!cType.includes('map')) { // Ordinary properties (not a mapped type)\n                        p[propName] = prop\n                    } else { // Other MAP types\n                        const p = {}\n                        // @ts-ignore\n                        for (const key in prop) {\n                            p[key] = prop[key]\n                        }\n                    }\n                    if (p.class) p.classes = Array.from(node.classList)\n                    out.push(p)\n                }\n            } else { // Otherwise, grab everything useful\n                out.push(this.nodeGet(node, cssSelector))\n            }\n        })\n\n        return out\n    } // --- end of uiGet --- //\n\n    /** External alias for _uiComposeComponent\n     * @param {*} el HTML Element to enhance\n     * @param {*} comp Individual uibuilder ui component spec\n     */\n    uiEnhanceElement(el, comp) {\n        this._uiComposeComponent(el, comp)\n    }\n\n    //#endregion ---- -------- ----\n}\n\nmodule.exports = Ui\n\n// if (window) window['$ui'] = new Ui(window)\n\n// export Ui\n"],
+  "sourcesContent": ["/* Creates HTML UI's based on a standardised data input.\n  Works stand-alone, with uibuilder or with Node.js/jsdom.\n  See: https://totallyinformation.github.io/node-red-contrib-uibuilder/#/client-docs/config-driven-ui\n\n  Author: Julian Knight (Totally Information), March 2023\n\n  License: Apache 2.0\n  Copyright (c) 2022-2024 Julian Knight (Totally Information)\n\n  Licensed under the Apache License, Version 2.0 (the \"License\");\n  you may not use this file except in compliance with the License.\n  You may obtain a copy of the License at\n\n  http://www.apache.org/licenses/LICENSE-2.0\n\n  Unless required by applicable law or agreed to in writing, software\n  distributed under the License is distributed on an \"AS IS\" BASIS,\n  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  See the License for the specific language governing permissions and\n  limitations under the License.\n */\n/* globals module:true */\n\n// Namespaces - See https://stackoverflow.com/a/52572048/1309986\n// const NAMESPACES = {\n//     svg: 'http://www.w3.org/2000/svg',\n//     html: 'http://www.w3.org/1999/xhtml',\n//     xml: 'http://www.w3.org/XML/1998/namespace',\n//     xlink: 'http://www.w3.org/1999/xlink',\n//     xmlns: 'http://www.w3.org/2000/xmlns/' // sic for the final slash...\n// }\n\nconst Ui = class Ui {\n    //#region --- Class variables ---\n    version = '7.0.4-src'\n\n    // List of tags and attributes not in sanitise defaults but allowed in uibuilder.\n    sanitiseExtraTags = ['uib-var']\n    sanitiseExtraAttribs = ['variable', 'report', 'undefined']\n\n    /** Reference to DOM window - must be passed in the constructor\n     * Allows for use of this library/class with `jsdom` in Node.JS as well as the browser.\n     * @type {Window}\n     */\n    static win\n\n    /** Reference to the DOM top-level window.document for convenience - set in constructor @type {Document} */\n    static doc\n\n    /** Log function - passed in constructor or will be a dummy function\n     * @type {Function}\n     */\n    static log\n\n    /** Options for Markdown-IT if available (set in constructor) */\n    static mdOpts\n    /** Reference to pre-loaded Markdown-IT library */\n    static md\n    /** Optional Markdown-IT Plugins */\n    ui_md_plugins\n    //#endregion --- class variables ---\n\n    /** Called when `new Ui(...)` is called\n     * @param {globalThis} win Either the browser global window or jsdom dom.window\n     * @param {Function} [extLog] A function that returns a function for logging\n     * @param {Function} [jsonHighlight] A function that returns a highlighted HTML of JSON input\n     */\n    constructor(win, extLog, jsonHighlight) {\n        // window must be passed in as an arg to the constructor\n        // Should either be the global window for a browser or `dom.window` for jsdom in Node.js\n        // @ts-ignore\n        if (win) Ui.win = win\n        else {\n            // Ui.log(0, 'Ui:constructor', 'Current environment does not include `window`, UI functions cannot be used.')()\n            // return\n            throw new Error('Ui:constructor. Current environment does not include `window`, UI functions cannot be used.')\n        }\n\n        // For convenience\n        Ui.doc = Ui.win.document\n\n        // If a suitable function not passed in, create a dummy one\n        if (extLog) Ui.log = extLog\n        else Ui.log = function() { return function() {} }\n\n        // If a JSON HTML highlighting function passed then use it, else a dummy fn\n        if (jsonHighlight) this.syntaxHighlight = jsonHighlight\n        else this.syntaxHighlight = function() {}\n\n        // If Markdown-IT pre-loaded, then configure it now\n        if (Ui.win['markdownit']) {\n            Ui.mdOpts = {\n                html: true,\n                xhtmlOut: false,\n                linkify: true,\n                _highlight: true,\n                _strict: false,\n                _view: 'html',\n                langPrefix: 'language-',\n                // NB: the highlightjs (hljs) library must be loaded before markdown-it for this to work\n                highlight: function(str, lang) {\n                    // https://highlightjs.org\n                    if (lang && window['hljs'] && window['hljs'].getLanguage(lang)) {\n                        try {\n                            return `<pre class=\"\">\n                                    <code class=\"hljs border\">${window['hljs'].highlight(str, { language: lang, ignoreIllegals: true }).value}</code></pre>`\n                        } finally { } // eslint-disable-line no-empty\n                    }\n                    return `<pre class=\"hljs border\"><code>${Ui.md.utils.escapeHtml(str).trim()}</code></pre>`\n                },\n            }\n            Ui.md = Ui.win['markdownit'](Ui.mdOpts)\n        }\n    }\n\n    //#region ---- Internal Methods ----\n\n    _markDownIt() {\n        // If Markdown-IT pre-loaded, then configure it now\n        if (!Ui.win['markdownit']) return\n\n        // If plugins not yet defined, check if uibuilder has set them\n        if (!this.ui_md_plugins && Ui.win['uibuilder'] && Ui.win['uibuilder'].ui_md_plugins) this.ui_md_plugins = Ui.win['uibuilder'].ui_md_plugins\n\n        Ui.mdOpts = {\n            html: true,\n            xhtmlOut: false,\n            linkify: true,\n            _highlight: true,\n            _strict: false,\n            _view: 'html',\n            langPrefix: 'language-',\n            // NB: the highlightjs (hljs) library must be loaded before markdown-it for this to work\n            highlight: function(str, lang) {\n                if (window['hljs']) {\n                    if (lang && window['hljs'].getLanguage(lang)) {\n                        try {\n                            return `<pre><code class=\"hljs border language-${lang}\" data-language=\"${lang}\" title=\"Source language: '${lang}'\">${window['hljs'].highlight(str, { language: lang, ignoreIllegals: true }).value}</code></pre>`\n                        } finally { } // eslint-disable-line no-empty\n                    } else {\n                        try {\n                            const high = window['hljs'].highlightAuto(str)\n                            return `<pre><code class=\"hljs border language-${high.language}\" data-language=\"${high.language}\" title=\"Source language estimated by HighlightJS: '${high.language}'\">${high.value}</code></pre>`\n                        } finally { } // eslint-disable-line no-empty\n                    }\n                }\n                return `<pre><code class=\"border\">${Ui.md.utils.escapeHtml(str).trim()}</code></pre>`\n            },\n        }\n        Ui.md = Ui.win['markdownit'](Ui.mdOpts)\n        // Ui.md.use(Ui.win.markdownitTaskLists, {enabled: true})\n        if (this.ui_md_plugins) {\n            if (!Array.isArray(this.ui_md_plugins)) {\n                Ui.log('error', 'Ui:_markDownIt:plugins', 'Could not load plugins, ui_md_plugins is not an array')()\n                return\n            }\n            this.ui_md_plugins.forEach( plugin => {\n                if (typeof plugin === 'string') {\n                    Ui.md.use(Ui.win[plugin])\n                } else {\n                    const name = Object.keys(plugin)[0]\n                    Ui.md.use(Ui.win[name], plugin[name])\n                }\n            })\n        }\n    }\n\n    /** Show a browser notification if the browser and the user allows it\n     * @param {object} config Notification config data\n     * @returns {Promise} Resolves on close or click event, returns the event.\n     */\n    _showNotification(config) {\n        if ( config.topic && !config.title ) config.title = config.topic\n        if ( !config.title ) config.title = 'uibuilder notification'\n        if ( config.payload && !config.body ) config.body = config.payload\n        if ( !config.body ) config.body = ' No message given.'\n        // Wrap in try/catch since Chrome Android may throw an error\n        try {\n            const notify = new Notification(config.title, config)\n            return new Promise( (resolve, reject) => {\n                // Doesn't ever seem to fire (at least in Chromium)\n                notify.addEventListener('close', ev => {\n                    // @ts-ignore\n                    ev.currentTarget.userAction = 'close'\n                    resolve(ev)\n                })\n                notify.addEventListener('click', ev => {\n                    // @ts-ignore\n                    ev.currentTarget.userAction = 'click'\n                    resolve(ev)\n                })\n                notify.addEventListener('error', ev => {\n                    // @ts-ignore\n                    ev.currentTarget.userAction = 'error'\n                    reject(ev)\n                })\n            })\n        } catch (e) {\n            return Promise.reject(new Error('Browser refused to create a Notification'))\n        }\n    }\n\n    // Vue dynamic inserts Don't really work ...\n    // _uiAddVue(ui, isRecurse) {\n\n    //     // must be Vue\n    //     // must have only 1 root element\n    //     const compToAdd = ui.components[0]\n    //     const newEl = Ui.doc.createElement(compToAdd.type)\n\n    //     if (!compToAdd.slot && ui.payload) compToAdd.slot = ui.payload\n    //     this._uiComposeComponent(newEl, compToAdd)\n\n    //     // If nested components, go again - but don't pass payload to sub-components\n    //     if (compToAdd.components) {\n    //         this._uiExtendEl(newEl, compToAdd.components)\n    //     }\n\n    //     console.log('MAGIC: ', this.magick, newEl, newEl.outerHTML)()\n    //     this.set('magick', newEl.outerHTML)\n\n    //     // if (compToAdd.id) newEl.setAttribute('ref', compToAdd.id)\n    //     // if (elParent.id) newEl.setAttribute('data-parent', elParent.id)\n    // }\n\n    // TODO Add check if ID already exists\n    // TODO Allow single add without using components array\n    /** Handle incoming msg._ui add requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     * @param {boolean} isRecurse Is this a recursive call?\n     */\n    _uiAdd(ui, isRecurse) {\n        Ui.log('trace', 'Ui:_uiManager:add', 'Starting _uiAdd')()\n\n        // Vue dynamic inserts Don't really work ...\n        // if (this.#isVue && !isRecurse) {\n        //     this._uiAddVue(ui, false)\n        //     return\n        // }\n\n        ui.components.forEach((compToAdd, i) => {\n            Ui.log('trace', `Ui:_uiAdd:components-forEach:${i}`, 'Component to add: ', compToAdd)()\n\n            /** @type {*} Create the new component - some kind of HTML element */\n            let newEl\n            switch (compToAdd.type) {\n                // If trying to insert raw html, wrap in a div\n                case 'html': {\n                    compToAdd.ns = 'html'\n                    newEl = Ui.doc.createElement('div')\n                    break\n                }\n\n                // If trying to insert raw svg, need to create in namespace\n                case 'svg': {\n                    compToAdd.ns = 'svg'\n                    newEl = Ui.doc.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToAdd.ns = 'dom'\n                    newEl = Ui.doc.createElement(compToAdd.type)\n                    break\n                }\n            }\n\n            if (!compToAdd.slot && ui.payload) compToAdd.slot = ui.payload\n\n            // const parser = new DOMParser()\n            // const newDoc = parser.parseFromString(compToAdd.slot, 'text/html')\n            // console.log(compToAdd, newDoc.body)()\n\n            this._uiComposeComponent(newEl, compToAdd)\n\n            /** @type {HTMLElement} Where to add the new element? */\n            let elParent\n            if (compToAdd.parentEl) {\n                elParent = compToAdd.parentEl\n            } else if (ui.parentEl) {\n                elParent = ui.parentEl\n            } else if (compToAdd.parent) {\n                elParent = Ui.doc.querySelector(compToAdd.parent)\n            } else if (ui.parent) {\n                elParent = Ui.doc.querySelector(ui.parent)\n            }\n            if (!elParent) {\n                Ui.log('info', 'Ui:_uiAdd', 'No parent found, adding to body')()\n                elParent = Ui.doc.querySelector('body')\n            }\n\n            if (compToAdd.position && compToAdd.position === 'first') {\n                // Insert new el before the first child of the parent. Ref: https://developer.mozilla.org/en-US/docs/Web/API/Node/insertBefore#example_3\n                elParent.insertBefore(newEl, elParent.firstChild)\n            } else if (compToAdd.position && Number.isInteger(Number(compToAdd.position))) {\n                elParent.insertBefore(newEl, elParent.children[compToAdd.position])\n            } else {\n                // Append to the required parent\n                elParent.appendChild(newEl)\n            }\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToAdd.components) {\n                // this._uiAdd({\n                //     method: ui.method,\n                //     parentEl: newEl,\n                //     components: compToAdd.components,\n                // }, true)\n                this._uiExtendEl(newEl, compToAdd.components, compToAdd.ns)\n            }\n        })\n    } // --- end of _uiAdd ---\n\n    /** Enhance an HTML element that is being composed with ui data\n     *  such as ID, attribs, event handlers, custom props, etc.\n     * @param {*} el HTML Element to enhance\n     * @param {*} comp Individual uibuilder ui component spec\n     */\n    _uiComposeComponent(el, comp) {\n        // Add attributes\n        if (comp.attributes) {\n            Object.keys(comp.attributes).forEach((attrib) => {\n                if (attrib === 'class' && Array.isArray(comp.attributes[attrib])) comp.attributes[attrib].join(' ')\n\n                Ui.log('trace', '_uiComposeComponent:attributes-forEach', `Attribute: '${attrib}', value: '${comp.attributes[attrib]}'`)()\n\n                // For values, set the actual value as well since the attrib only changes the DEFAULT value\n                if (attrib === 'value') el.value = comp.attributes[attrib]\n\n                if (attrib.startsWith('xlink:')) el.setAttributeNS('http://www.w3.org/1999/xlink', attrib, comp.attributes[attrib])\n                else el.setAttribute(attrib, comp.attributes[attrib])\n            })\n        }\n\n        // ID if set\n        if (comp.id) el.setAttribute('id', comp.id)\n\n        // If an SVG tag, ensure we have the appropriate namespaces added\n        if (comp.type === 'svg') {\n            el.setAttributeNS('http://www.w3.org/2000/xmlns/', 'xmlns', 'http://www.w3.org/2000/svg')\n            el.setAttributeNS('http://www.w3.org/2000/xmlns/', 'xmlns:xlink', 'http://www.w3.org/1999/xlink')\n        }\n\n        // Add event handlers\n        if (comp.events) {\n            Object.keys(comp.events).forEach((type) => {\n                // @ts-ignore  I'm forever getting this wrong!\n                if (type.toLowerCase === 'onclick') type = 'click'\n                // Add the event listener\n                try {\n                    el.addEventListener(type, (evt) => {\n                        // Use new Function to ensure that esbuild works: https://esbuild.github.io/content-types/#direct-eval\n                        (new Function('evt', `${comp.events[type]}(evt)`))(evt) // eslint-disable-line no-new-func\n                    })\n                    // newEl.setAttribute( 'onClick', `${comp.events[type]}()` )\n                } catch (err) {\n                    Ui.log('error', 'Ui:_uiComposeComponent', `Add event '${type}' for element '${comp.type}': Cannot add event handler. ${err.message}`)()\n                }\n            })\n        }\n\n        // Add custom properties to the dataset\n        if (comp.properties) {\n            Object.keys(comp.properties).forEach((prop) => {\n                // TODO break a.b into sub properties\n                el[prop] = comp.properties[prop]\n                // Auto-dispatch events if changing value or changed since DOM does not do this automatically\n                if (['value', 'checked'].includes(prop)) {\n                    el.dispatchEvent(new Event('input'))\n                    el.dispatchEvent(new Event('change'))\n                }\n            })\n        }\n\n        //#region Add Slot content to innerHTML\n        if (comp.slot) {\n            this.replaceSlot(el, comp.slot)\n        }\n        //#endregion\n\n        // TODO Add multi-slot capability (default slot must always be processed first as innerHTML is replaced)\n\n        //#region Add Slot Markdown content to innerHTML IF marked library is available\n        if (comp.slotMarkdown) {\n            this.replaceSlotMarkdown(el, comp)\n        }\n        //#endregion\n    }\n\n    /** Extend an HTML Element with appended elements using ui components\n     * NOTE: This fn follows a strict hierarchy of added components.\n     * @param {HTMLElement} parentEl The parent HTML Element we want to append to\n     * @param {*} components The ui component(s) we want to add\n     * @param {string} [ns] Optional. The namespace to use.\n     */\n    _uiExtendEl(parentEl, components, ns = '') {\n        components.forEach((compToAdd, i) => {\n            Ui.log('trace', `Ui:_uiExtendEl:components-forEach:${i}`, compToAdd)()\n\n            /** @type {HTMLElement} Create the new component */\n            let newEl\n\n            compToAdd.ns = ns\n\n            if (compToAdd.ns === 'html') {\n                newEl = parentEl\n                // newEl.outerHTML = compToAdd.slot\n                // parentEl.innerHTML = compToAdd.slot\n                this.replaceSlot(parentEl, compToAdd.slot)\n            } else if (compToAdd.ns === 'svg') {\n                newEl = Ui.doc.createElementNS('http://www.w3.org/2000/svg', compToAdd.type)\n                // Updates newEl\n                this._uiComposeComponent(newEl, compToAdd)\n                parentEl.appendChild(newEl)\n            } else {\n                newEl = Ui.doc.createElement(compToAdd.type === 'html' ? 'div' : compToAdd.type)\n                // Updates newEl\n                this._uiComposeComponent(newEl, compToAdd)\n                parentEl.appendChild(newEl)\n            }\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToAdd.components) {\n                this._uiExtendEl(newEl, compToAdd.components, compToAdd.ns)\n            }\n        })\n    }\n\n    // TODO Add more error handling and parameter validation\n    /** Handle incoming _ui load requests\n     * Can load JavaScript modules, JavaScript scripts and CSS.\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     */\n    _uiLoad(ui) {\n\n        // Self-loading ECMA Modules (e.g. web components)\n        if (ui.components) {\n            if (!Array.isArray(ui.components)) ui.components = [ui.components]\n\n            ui.components.forEach(async component => {\n                // NOTE: This happens asynchronously but we don't wait\n                import(component)\n            })\n        }\n        // Remote Scripts\n        if (ui.srcScripts) {\n            if (!Array.isArray(ui.srcScripts)) ui.srcScripts = [ui.srcScripts]\n\n            ui.srcScripts.forEach(script => {\n                this.loadScriptSrc(script)\n            })\n        }\n        // Scripts passed as text\n        if (ui.txtScripts) {\n            if (!Array.isArray(ui.txtScripts)) ui.txtScripts = [ui.txtScripts]\n\n            this.loadScriptTxt(ui.txtScripts.join('\\n'))\n        }\n        // Remote Stylesheets\n        if (ui.srcStyles) {\n            if (!Array.isArray(ui.srcStyles)) ui.srcStyles = [ui.srcStyles]\n\n            ui.srcStyles.forEach(sheet => {\n                this.loadStyleSrc(sheet)\n            })\n        }\n        // Styles passed as text\n        if (ui.txtStyles) {\n            if (!Array.isArray(ui.txtStyles)) ui.txtStyles = [ui.txtStyles]\n\n            this.loadStyleTxt(ui.txtStyles.join('\\n'))\n        }\n\n    } // --- end of _uiLoad ---\n\n    /** Handle incoming _ui messages and loaded UI JSON files\n     * Called from start()\n     * @param {*} msg Standardised msg object containing a _ui property object\n     */\n    _uiManager(msg) {\n        if (!msg._ui) return\n\n        // Make sure that _ui is an array\n        if (!Array.isArray(msg._ui)) msg._ui = [msg._ui]\n\n        msg._ui.forEach((ui, i) => {\n            if (ui.mode && !ui.method) ui.method = ui.mode\n            if (!ui.method) {\n                Ui.log('error', 'Ui:_uiManager', `No method defined for msg._ui[${i}]. Ignoring. `, ui)()\n                return\n            }\n\n            ui.payload = msg.payload\n            ui.topic = msg.topic\n            switch (ui.method) {\n                case 'add': {\n                    this._uiAdd(ui, false)\n                    break\n                }\n\n                case 'remove': {\n                    this._uiRemove(ui, false)\n                    break\n                }\n\n                case 'removeAll': {\n                    this._uiRemove(ui, true)\n                    break\n                }\n\n                case 'replace': {\n                    this._uiReplace(ui)\n                    break\n                }\n\n                case 'update': {\n                    this._uiUpdate(ui)\n                    break\n                }\n\n                case 'load': {\n                    this._uiLoad(ui)\n                    break\n                }\n\n                case 'reload': {\n                    this._uiReload()\n                    break\n                }\n\n                case 'notify': {\n                    this.showDialog('notify', ui, msg)\n                    break\n                }\n\n                case 'alert': {\n                    this.showDialog('alert', ui, msg)\n                    break\n                }\n\n                default: {\n                    Ui.log('error', 'Ui:_uiManager', `Invalid msg._ui[${i}].method (${ui.method}). Ignoring`)()\n                    break\n                }\n            }\n        })\n    } // --- end of _uiManager ---\n\n    /** Handle a reload request */\n    _uiReload() {\n        Ui.log('trace', 'Ui:uiManager:reload', 'reloading')()\n        location.reload()\n    }\n\n    // TODO Add better tests for failures (see comments)\n    /** Handle incoming _ui remove requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     * @param {boolean} all Optional, default=false. If true, will remove ALL found elements, otherwise only the 1st is removed\n     */\n    _uiRemove(ui, all = false) {\n        ui.components.forEach((compToRemove) => {\n            let els\n            if (all !== true) els = [Ui.doc.querySelector(compToRemove)]\n            else els = Ui.doc.querySelectorAll(compToRemove)\n\n            els.forEach(el => {\n                try {\n                    el.remove()\n                } catch (err) {\n                    // Could not remove. Cannot read properties of null <= no need to report this one\n                    // Could not remove. Failed to execute 'querySelector' on 'Ui.doc': '##testbutton1' is not a valid selector\n                    Ui.log('trace', 'Ui:_uiRemove', `Could not remove. ${err.message}`)()\n                }\n            })\n        })\n    } // --- end of _uiRemove ---\n\n    /** Handle incoming _ui replace requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     */\n    _uiReplace(ui) {\n        Ui.log('trace', 'Ui:_uiReplace', 'Starting')()\n\n        ui.components.forEach((compToReplace, /** @type {number} */ i) => {\n            Ui.log('trace', `Ui:_uiReplace:components-forEach:${i}`, 'Component to replace: ', compToReplace)()\n\n            /** @type {HTMLElement} */\n            let elToReplace\n\n            // Either the id, CSS selector, name or type (element type) must be given in order to identify the element to change. FIRST element matching is updated.\n            if (compToReplace.id) {\n                elToReplace = Ui.doc.getElementById(compToReplace.id) // .querySelector(`#${compToReplace.id}`)\n            } else if (compToReplace.selector || compToReplace.select) {\n                elToReplace = Ui.doc.querySelector(compToReplace.selector)\n            } else if (compToReplace.name) {\n                elToReplace = Ui.doc.querySelector(`[name=\"${compToReplace.name}\"]`)\n            } else if (compToReplace.type) {\n                elToReplace = Ui.doc.querySelector(compToReplace.type)\n            }\n\n            Ui.log('trace', `Ui:_uiReplace:components-forEach:${i}`, 'Element to replace: ', elToReplace)()\n\n            // Nothing was found so ADD the element instead\n            if (elToReplace === undefined || elToReplace === null) {\n                Ui.log('trace', `Ui:_uiReplace:components-forEach:${i}:noReplace`, 'Cannot find the DOM element. Adding instead.', compToReplace)()\n                this._uiAdd({ components: [compToReplace] }, false)\n                return\n            }\n\n            /** @type {*} Create the new component - some kind of HTML element */\n            let newEl\n            switch (compToReplace.type) {\n                // If trying to insert raw html, wrap in a div\n                case 'html': {\n                    compToReplace.ns = 'html'\n                    newEl = Ui.doc.createElement('div')\n                    break\n                }\n\n                // If trying to insert raw svg, need to create in namespace\n                case 'svg': {\n                    compToReplace.ns = 'svg'\n                    newEl = Ui.doc.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToReplace.ns = 'dom'\n                    newEl = Ui.doc.createElement(compToReplace.type)\n                    break\n                }\n            }\n\n            // Updates the newEl and maybe the ui\n            this._uiComposeComponent(newEl, compToReplace)\n\n            // Replace the current element\n            elToReplace.replaceWith(newEl)\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToReplace.components) {\n                this._uiExtendEl(newEl, compToReplace.components, compToReplace.ns)\n            }\n        })\n    } // --- end of _uiReplace ---\n\n    // TODO Allow single add without using components array\n    // TODO Allow sub-components\n    // TODO Add multi-slot capability\n    /** Handle incoming _ui update requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     */\n    _uiUpdate(ui) {\n        Ui.log('trace', 'UI:_uiUpdate:update', 'Starting _uiUpdate', ui)()\n\n        // We allow an update not to actually need to spec a component\n        if (!ui.components) ui.components = [Object.assign({}, ui)]\n\n        ui.components.forEach((compToUpd, i) => {\n            Ui.log('trace', '_uiUpdate:components-forEach', `Start loop #${i}`, compToUpd)()\n\n            /** @type {NodeListOf<Element>} */\n            let elToUpd\n\n            // If a parent element is passed, use that as the update target (only allowed internally)\n            // Otherwise either the id, CSS selector, name or type (element type) must be given in order to identify the element to change. ALL elements matching are updated.\n            if (compToUpd.parentEl) {\n                elToUpd = compToUpd.parentEl\n            } else if (compToUpd.id) {\n                // NB We don't use get by id because this way the code is simpler later on\n                elToUpd = Ui.doc.querySelectorAll(`#${compToUpd.id}`)\n            } else if (compToUpd.selector || compToUpd.select) {\n                elToUpd = Ui.doc.querySelectorAll(compToUpd.selector)\n            } else if (compToUpd.name) {\n                elToUpd = Ui.doc.querySelectorAll(`[name=\"${compToUpd.name}\"]`)\n            } else if (compToUpd.type) {\n                elToUpd = Ui.doc.querySelectorAll(compToUpd.type)\n            }\n\n            // @ts-ignore Nothing was found so give up\n            if (elToUpd === undefined || elToUpd.length < 1) {\n                Ui.log('warn', 'Ui:_uiManager:update', 'Cannot find the DOM element. Ignoring.', compToUpd)()\n                return\n            }\n\n            Ui.log('trace', '_uiUpdate:components-forEach', `Element(s) to update. Count: ${elToUpd.length}`, elToUpd)()\n\n            // If slot not specified but payload is, use the payload in the slot\n            if (!compToUpd.slot && compToUpd.payload) compToUpd.slot = compToUpd.payload\n\n            // Might have >1 element to update - so update them all\n            elToUpd.forEach((el, j) => {\n                Ui.log('trace', '_uiUpdate:components-forEach', `Updating element #${j}`, el)()\n                this._uiComposeComponent(el, compToUpd)\n                // Try to go down another level of nesting if needed\n                // ! NOT CONVINCED THIS ACTUALLY WORKS !\n                if (compToUpd.components) {\n                    Ui.log('trace', '_uiUpdate:nested-component', `Element #${j} - nested-component`, compToUpd, el)()\n                    const nc = { _ui: [] }\n                    compToUpd.components.forEach((nestedComp, k) => {\n                        const method = nestedComp.method || compToUpd.method || ui.method\n                        if (nestedComp.method) delete nestedComp.method\n                        if (!Array.isArray(nestedComp)) nestedComp = [nestedComp]\n                        // nestedComp.parentEl = el\n                        // nestedComp.components = [nestedComp]\n                        Ui.log('trace', '_uiUpdate:nested-component', `Element #${j} - nested-component #${k}`, nestedComp)()\n                        nc._ui.push( {\n                            method: method,\n                            parentEl: el,\n                            components: nestedComp,\n                        })\n                    })\n                    Ui.log('trace', '_uiUpdate:nested-component', `Element #${j} - nested-component new manager`, nc)()\n                    this._uiManager(nc)\n                }\n            })\n\n            // If nested components, apply to every found element - but don't pass payload to sub-components\n            // if (compToUpd.components) {\n            //     compToUpd.components.forEach((el, k) => {\n            //         Ui.log('trace', '_uiUpdate:nested-component', `Updating nested-component #${k}`, el)()\n            //         this._uiUpdate({\n            //             method: el.method || ui.method,\n            //             parentEl: el,\n            //             components: el.components,\n            //         })\n            //     })\n            // }\n        })\n    } // --- end of _uiUpdate ---\n\n    //#endregion ---- -------- ----\n\n    //#region ---- External Methods ----\n\n    /** Simplistic jQuery-like document CSS query selector, returns an HTML Element\n     * NOTE that this fn returns the element itself. Use $$ to get the properties of 1 or more elements.\n     * If the selected element is a <template>, returns the first child element.\n     * type {HTMLElement}\n     * @param {string} cssSelector A CSS Selector that identifies the element to return\n     * @param {\"el\"|\"text\"|\"html\"|\"attributes\"|\"attr\"} [output] Optional. What type of output to return. Defaults to \"el\", the DOM element reference\n     * @returns {HTMLElement|string|InnerHTML|array|null} Selected HTML DOM element, innerText, innerHTML, attribute list or null\n     */\n    $(cssSelector, output) {\n        /** @type {*} Some kind of HTML element */\n        let el = Ui.doc.querySelector(cssSelector)\n\n        if (!el) {\n            Ui.log(1, 'Uib:$', `No element found for CSS selector ${cssSelector}`)()\n            return null\n        }\n\n        if ( el.nodeName === 'TEMPLATE' ) {\n            el = el.content.firstElementChild\n            if (!el) {\n                Ui.log(0, 'Uib:$', `Template selected for CSS selector ${cssSelector} but it is empty`)()\n                return null\n            }\n        }\n\n        if (!output) output = 'el'\n        let out\n\n        try {\n            switch (output.toLowerCase()) {\n                case 'text': {\n                    out = el.innerText\n                    break\n                }\n\n                case 'html': {\n                    out = el.innerHTML\n                    break\n                }\n\n                case 'attr':\n                case 'attributes': {\n                    out = {}\n                    for (const attr of el.attributes) {\n                        out[attr.name] = attr.value\n                    }\n                    break\n                }\n\n                default: {\n                    out = el\n                    break\n                }\n            }\n        } catch (e) {\n            out = el\n            Ui.log(1, 'Uib:$', `Could not process output type \"${output}\" for CSS selector ${cssSelector}, returned the DOM element. ${e.message}`, e)()\n        }\n\n        return out\n    }\n\n    /** CSS query selector that returns ALL found selections. Matches the Chromium DevTools feature of the same name.\n     * NOTE that this fn returns an array showing the PROPERTIES of the elements whereas $ returns the element itself\n     * @param {string} cssSelector A CSS Selector that identifies the elements to return\n     * @returns {HTMLElement[]} Array of DOM elements/nodes. Array is empty if selector is not found.\n     */\n    $$(cssSelector) {\n        return Array.from(Ui.doc.querySelectorAll(cssSelector))\n    }\n\n    /** Add 1 or several class names to an element\n     * @param {string|string[]} classNames Single or array of classnames\n     * @param {HTMLElement} el HTML Element to add class(es) to\n     */\n    addClass(classNames, el) {\n        if (!Array.isArray(classNames)) classNames = [classNames]\n        if (el) el.classList.add(...classNames)\n    }\n\n    /** Apply a source template tag to a target html element\n     * NOTES:\n     * - styles in ALL templates are accessible to all templates.\n     * - scripts in templates are run AT TIME OF APPLICATION (so may run multiple times).\n     * - scripts in templates are applied in order of application, so variables may not yet exist if defined in subsequent templates\n     * @param {string} sourceId The HTML ID of the source element\n     * @param {string} targetId The HTML ID of the target element\n     * @param {object} config Configuration options\n     * @param {boolean=} config.onceOnly If true, the source will be adopted (the source is moved)\n     * @param {object=} config.attributes A set of key:value pairs that will be applied as attributes to the target\n     */\n    applyTemplate(sourceId, targetId, config) {\n        if (!config) config = { onceOnly: false }\n\n        const template = Ui.doc.getElementById(sourceId)\n        const target = Ui.doc.getElementById(targetId)\n\n        if (template && target) {\n            let content\n            try {\n                if (config.onceOnly !== true) content = Ui.doc.importNode(template.content, true)\n                else content = Ui.doc.adoptNode(template.content)\n                // NB content.childElementCount = 0 after adoption\n            } catch (e) {\n                Ui.log('error', 'Ui:applyTemplate', `Source must be a <template>. id='${sourceId}'`)()\n                return\n            }\n            if (content) {\n                // Apply config.attributes to the 1st element of the template content\n                if (config.attributes) {\n                    const el = content.firstElementChild\n                    Object.keys(config.attributes).forEach( attrib => {\n                        // Apply each attribute and value\n                        el.setAttribute(attrib, config.attributes[attrib])\n                    })\n                }\n                // ! TODO Add ability to change slot content\n                // Apply to the target\n                target.appendChild(content)\n            }\n        } else {\n            if (!template) Ui.log('error', 'Ui:applyTemplate', `Source not found: id='${sourceId}'`)()\n            if (!target) Ui.log('error', 'Ui:applyTemplate', `Target not found: id='${targetId}'`)()\n        }\n    }\n\n    /** Builds an HTML table from an array (or object) of objects\n     * 1st row is used for columns. If an object of objects, the outer keys\n     * are used as row ID's (prefixed with \"r-\").\n     * @param {Array<object>|Object} data Input data array or object\n     * @returns {HTMLTableElement|HTMLParagraphElement} Output HTML Element\n     */\n    buildHtmlTable(data) {\n        // If data is an object of objects, convert it to an array of objects\n        let keys\n        if (!Array.isArray(data)) {\n            if (typeof data === 'object') {\n                keys = Object.keys(data)\n                data = Object.values(data)\n            }\n            // Ensure input is an array of objects\n            if (!Array.isArray(data)) {\n                const out = Ui.doc.createElement('p')\n                out.textContent = 'Input data is not an array or an object, cannot create a table.'\n                return out\n            }\n        }\n\n        const tbl = Ui.doc.createElement('table')\n        // Heading row\n        const thead = Ui.doc.createElement('thead')\n        const headerRow = Ui.doc.createElement('tr')\n        // Get the headers from the keys of the first object\n        const headers = Object.keys(data[0])\n        headers.forEach(header => {\n            const th = Ui.doc.createElement('th')\n            th.textContent = header\n            headerRow.appendChild(th)\n        })\n        thead.appendChild(headerRow)\n        tbl.appendChild(thead)\n\n        // body\n        const tbody = Ui.doc.createElement('tbody')\n        data.forEach( (item, i) => {\n            const row = Ui.doc.createElement('tr')\n            if (keys) row.id = `r-${keys[i]}`\n            headers.forEach(header => {\n                const cell = Ui.doc.createElement('td')\n                // cell.textContent = item[header]\n                cell.innerHTML = this.sanitiseHTML(item[header])\n                row.appendChild(cell)\n            })\n            tbody.appendChild(row)\n        })\n        tbl.appendChild(tbody)\n\n        return tbl\n    }\n\n    /** Converts markdown text input to HTML if the Markdown-IT library is loaded\n     * Otherwise simply returns the text\n     * @param {string} mdText The input markdown string\n     * @returns {string} HTML (if Markdown-IT library loaded and parse successful) or original text\n     */\n    convertMarkdown(mdText) {\n        if (!mdText) return ''\n        if (!Ui.win['markdownit']) return mdText\n        if (!Ui.md) this._markDownIt() // To handle case where the library is late loaded\n        // Convert from markdown to HTML\n        try {\n            return Ui.md.render(mdText.trim())\n        } catch (e) {\n            Ui.log(0, 'uibuilder:convertMarkdown', `Could not render Markdown. ${e.message}`, e)()\n            return '<p class=\"border error\">Could not render Markdown<p>'\n        }\n    }\n\n    /** Include HTML fragment, img, video, text, json, form data, pdf or anything else from an external file or API\n     * Wraps the included object in a div tag.\n     * PDF's, text or unknown MIME types are also wrapped in an iFrame.\n     * @param {string} url The URL of the source file to include\n     * @param {object} uiOptions Object containing properties recognised by the _uiReplace function. Must at least contain an id\n     * param {string} uiOptions.id The HTML ID given to the wrapping DIV tag\n     * param {string} uiOptions.parentSelector The CSS selector for a parent element to insert the new HTML under (defaults to 'body')\n     * @returns {Promise<any>} Status\n     */\n    async include(url, uiOptions) { // eslint-disable-line sonarjs/cognitive-complexity\n        // TODO: src, id, parent must all be a strings\n        if (!fetch) {\n            Ui.log(0, 'Ui:include', 'Current environment does not include `fetch`, skipping.')()\n            return 'Current environment does not include `fetch`, skipping.'\n        }\n        if (!url) {\n            Ui.log(0, 'Ui:include', 'url parameter must be provided, skipping.')()\n            return 'url parameter must be provided, skipping.'\n        }\n        if (!uiOptions || !uiOptions.id) {\n            Ui.log(0, 'Ui:include', 'uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.')()\n            return 'uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.'\n        }\n\n        // Try to get the content via the URL\n        let response\n        try {\n            response = await fetch(url)\n        } catch (error) {\n            Ui.log(0, 'Ui:include', `Fetch of file '${url}' failed. `, error.message)()\n            return error.message\n        }\n        if (!response.ok) {\n            Ui.log(0, 'Ui:include', `Fetch of file '${url}' failed. Status='${response.statusText}'`)()\n            return response.statusText\n        }\n\n        // Work out what type of data we got\n        const contentType = await response.headers.get('content-type')\n        let type = null\n        if (contentType) {\n            if (contentType.includes('text/html')) {\n                type = 'html'\n            } else if (contentType.includes('application/json')) {\n                type = 'json'\n            } else if (contentType.includes('multipart/form-data')) {\n                type = 'form'\n            } else if (contentType.includes('image/')) {\n                type = 'image'\n            } else if (contentType.includes('video/')) {\n                type = 'video'\n            } else if (contentType.includes('application/pdf')) {\n                type = 'pdf'\n            } else if (contentType.includes('text/plain')) {\n                type = 'text'\n            } // else type = null\n        }\n\n        // Create the HTML to include on the page based on type\n        let slot = ''\n        let txtReturn = 'Include successful'\n        let data\n        switch (type) {\n            case 'html': {\n                data = await response.text()\n                slot = data\n                break\n            }\n\n            case 'json': {\n                data = await response.json()\n                slot = '<pre class=\"syntax-highlight\">'\n                slot += this.syntaxHighlight(data)\n                slot += '</pre>'\n                break\n            }\n\n            case 'form': {\n                data = await response.formData()\n                slot = '<pre class=\"syntax-highlight\">'\n                slot += this.syntaxHighlight(data)\n                slot += '</pre>'\n                break\n            }\n\n            case 'image': {\n                data = await response.blob()\n                slot = `<img src=\"${URL.createObjectURL(data)}\">`\n                if (Ui.win['DOMPurify']) {\n                    txtReturn = 'Include successful. BUT DOMPurify loaded which may block its use.'\n                    Ui.log('warn', 'Ui:include:image', txtReturn)()\n                }\n                break\n            }\n\n            case 'video': {\n                data = await response.blob()\n                slot = `<video controls autoplay><source src=\"${URL.createObjectURL(data)}\"></video>`\n                if (Ui.win['DOMPurify']) {\n                    txtReturn = 'Include successful. BUT DOMPurify loaded which may block its use.'\n                    Ui.log('warn', 'Ui:include:video', txtReturn)()\n                }\n                break\n            }\n\n            case 'pdf':\n            case 'text':\n            default: {\n                data = await response.blob()\n                slot = `<iframe style=\"resize:both;width:inherit;height:inherit;\" src=\"${URL.createObjectURL(data)}\">`\n                if (Ui.win['DOMPurify']) {\n                    txtReturn = 'Include successful. BUT DOMPurify loaded which may block its use.'\n                    Ui.log('warn', `Ui:include:${type}`, txtReturn)()\n                }\n                break\n            }\n        }\n\n        // Wrap it all in a <div id=\"...\" class=\"included\">\n        uiOptions.type = 'div'\n        uiOptions.slot = slot\n        if (!uiOptions.parent) uiOptions.parent = 'body'\n        if (!uiOptions.attributes) uiOptions.attributes = { class: 'included' }\n\n        // Use uibuilder's standard ui processing to turn the instructions into HTML\n        this._uiReplace({\n            components: [\n                uiOptions\n            ]\n        })\n\n        Ui.log('trace', `Ui:include:${type}`, txtReturn)()\n        return txtReturn\n    } // ---- End of include() ---- //\n\n    /** Attach a new remote script to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} url The url to be used in the script src attribute\n     */\n    loadScriptSrc(url) {\n        const newScript = Ui.doc.createElement('script')\n        newScript.src = url\n        newScript.async = false\n        Ui.doc.head.appendChild(newScript)\n    }\n\n    /** Attach a new text script to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} textFn The text to be loaded as a script\n     */\n    loadScriptTxt(textFn) {\n        const newScript = Ui.doc.createElement('script')\n        newScript.async = false\n        newScript.textContent = textFn\n        Ui.doc.head.appendChild(newScript)\n    }\n\n    /** Attach a new remote stylesheet link to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} url The url to be used in the style link href attribute\n     */\n    loadStyleSrc(url) {\n        const newStyle = Ui.doc.createElement('link')\n        newStyle.href = url\n        newStyle.rel = 'stylesheet'\n        newStyle.type = 'text/css'\n\n        Ui.doc.head.appendChild(newStyle)\n    }\n\n    /** Attach a new text stylesheet to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} textFn The text to be loaded as a stylesheet\n     */\n    loadStyleTxt(textFn) {\n        const newStyle = Ui.doc.createElement('style')\n        newStyle.textContent = textFn\n        Ui.doc.head.appendChild(newStyle)\n    }\n\n    /** Load a dynamic UI from a JSON web reponse\n     * @param {string} url URL that will return the ui JSON\n     */\n    loadui(url) {\n        if (!fetch) {\n            Ui.log(0, 'Ui:loadui', 'Current environment does not include `fetch`, skipping.')()\n            return\n        }\n        if (!url) {\n            Ui.log(0, 'Ui:loadui', 'url parameter must be provided, skipping.')()\n            return\n        }\n\n        fetch(url)\n            .then(response => {\n                if (response.ok === false) {\n                    // Ui.log('warn', 'Ui:loadui:then1', `Could not load '${url}'. Status ${response.status}, Error: ${response.statusText}`)()\n                    throw new Error(`Could not load '${url}'. Status ${response.status}, Error: ${response.statusText}`)\n                }\n\n                Ui.log('trace', 'Ui:loadui:then1', `Loaded '${url}'. Status ${response.status}, ${response.statusText}`)()\n                // Did we get json?\n                const contentType = response.headers.get('content-type')\n                if (!contentType || !contentType.includes('application/json')) {\n                    throw new TypeError(`Fetch '${url}' did not return JSON, ignoring`)\n                }\n                // Returns parsed json to next .then\n                return response.json()\n            })\n            .then(data => {\n                if (data !== undefined) {\n                    Ui.log('trace', 'Ui:loadui:then2', 'Parsed JSON successfully obtained')()\n                    // Call the _uiManager\n                    this._uiManager({ _ui: data })\n                    return true\n                }\n                return false\n            })\n            .catch(err => {\n                Ui.log('warn', 'Ui:loadui:catch', 'Error. ', err)()\n            })\n    } // --- end of loadui\n\n    /** ! NOT COMPLETE Move an element from one position to another\n     * @param {object} opts Options\n     * @param {string} opts.sourceSelector Required, CSS Selector that identifies the element to be moved\n     * @param {string} opts.targetSelector Required, CSS Selector that identifies the element to be moved\n     */\n    moveElement(opts) {\n        const { sourceSelector, targetSelector, moveType, position } = opts\n        const sourceEl = document.querySelector(sourceSelector)\n        if (!sourceEl) {\n            Ui.log(0, 'Ui:moveElement', 'Source element not found')()\n            return\n        }\n        const targetEl = document.querySelector(targetSelector)\n        if (!targetEl) {\n            Ui.log(0, 'Ui:moveElement', 'Target element not found')()\n            return\n        }\n    }\n\n    /** Get standard data from a DOM node.\n     * @param {*} node DOM node to examine\n     * @param {string} cssSelector Identify the DOM element to get data from\n     * @returns {object} Standardised data object\n     */\n    nodeGet(node, cssSelector) {\n        const thisOut = {\n            id: node.id === '' ? undefined : node.id,\n            name: node.name,\n            children: node.childNodes.length,\n            type: node.nodeName,\n            attributes: undefined,\n\n            isUserInput: node.validity ? true : false, // eslint-disable-line no-unneeded-ternary\n            userInput: !node.validity ? undefined : { // eslint-disable-line multiline-ternary\n                value: node.value,\n                validity: undefined,\n                willValidate: node.willValidate,\n                valueAsDate: node.valueAsDate,\n                valueAsNumber: node.valueAsNumber,\n                type: node.type,\n            },\n        }\n\n        if (['UL', 'OL'].includes(node.nodeName)) {\n            const listEntries = Ui.doc.querySelectorAll(`${cssSelector} li`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'DL') {\n            const listEntries = Ui.doc.querySelectorAll(`${cssSelector} dt`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'TABLE') {\n            const bodyEntries = Ui.doc.querySelectorAll(`${cssSelector} > tbody > tr`)\n            const headEntries = Ui.doc.querySelectorAll(`${cssSelector} > thead > tr`)\n            const cols = Ui.doc.querySelectorAll(`${cssSelector} > tbody > tr:last-child > *`)  // #eltest > table > tbody > tr:nth-child(3)\n            if (bodyEntries || headEntries || cols) {\n                thisOut.table = {\n                    'headRows': headEntries ? headEntries.length : 0,\n                    'bodyRows': bodyEntries ? bodyEntries.length : 0,\n                    'columns': cols ? cols.length : 0,\n                }\n            }\n        }\n        if (node.nodeName !== '#text' && node.attributes && node.attributes.length > 0) {\n            thisOut.attributes = {}\n            // @ts-ignore\n            for (const attrib of node.attributes) {\n                if (attrib.name !== 'id') {\n                    thisOut.attributes[attrib.name] = node.attributes[attrib.name].value\n                }\n                if (attrib.name === 'class') thisOut.classes = Array.from(node.classList)\n            }\n        }\n        if (node.nodeName === '#text') {\n            thisOut.text = node.textContent\n        }\n        if (node.validity) thisOut.userInput.validity = {}\n        for (const v in node.validity) {\n            thisOut.userInput.validity[v] = node.validity[v]\n        }\n\n        return thisOut\n    } // --- end of nodeGet --- //\n\n    /** Show a browser notification if possible. Returns a promise\n     * Config can be a simple string, a Node-RED msg (topic as title, payload as body)\n     * or a Notifications API options object + config.title string.\n     * Config ref: https://developer.mozilla.org/en-US/docs/Web/API/Notification/Notification\n     * @param {object|string} config Notification config object or simple message string\n     * @returns {Promise} Resolves on close or click event, returns the event.\n     */\n    async notification(config) {\n        if (typeof config === 'string') {\n            config = { body: config }\n        }\n        // Are notifications available?\n        if (typeof Notification === 'undefined') return Promise.reject(new Error('Notifications not available in this browser'))\n        // Do we have permission? If not, ask for permission\n        let permit = Notification.permission\n        if (permit === 'denied') {\n            return Promise.reject(new Error('Notifications not permitted by user')) // eslint-disable-line no-useless-return\n        } else if (permit === 'granted') {\n            return this._showNotification(config)\n        } else { // if (permit === 'default') {\n            permit = await Notification.requestPermission()\n            if (permit === 'granted') {\n                return this._showNotification(config)\n            }\n            return Promise.reject(new Error('Notifications not permitted by user'))\n        }\n    }\n\n    /** Remove All, 1 or more class names from an element\n     * @param {undefined|null|\"\"|string|string[]} classNames Single or array of classnames. If undefined, \"\" or null, remove all classes\n     * @param {HTMLElement} el HTML Element to add class(es) to\n     */\n    removeClass(classNames, el) {\n        if (!classNames) {\n            el.removeAttribute('class')\n            return\n        }\n        if (!Array.isArray(classNames)) classNames = [classNames]\n        if (el) el.classList.remove(...classNames)\n    }\n\n    /** Replace or add an HTML element's slot from text or an HTML string\n     * WARNING: Executes <script> tags! And will process <style> tags.\n     * Will use DOMPurify if that library has been loaded to window.\n     * param {*} ui Single entry from the msg._ui property\n     * @param {Element} el Reference to the element that we want to update\n     * @param {*} slot The slot content we are trying to add/replace (defaults to empty string)\n     */\n    replaceSlot(el, slot) {\n        if (!el) return\n        if (!slot) slot = ''\n\n        // If DOMPurify is loaded, apply it now\n        slot = this.sanitiseHTML(slot)\n\n        // Create doc frag and apply html string (msg.payload or the slot property)\n        const tempFrag = Ui.doc.createRange().createContextualFragment(slot)\n\n        // Remove content of el and replace with tempFrag\n        const elRange = Ui.doc.createRange()\n        elRange.selectNodeContents(el)\n        elRange.deleteContents()\n        el.append(tempFrag)\n    }\n\n    /** Replace or add an HTML element's slot from a Markdown string\n     * Only does something if the markdownit library has been loaded to window.\n     * Will use DOMPurify if that library has been loaded to window.\n     * @param {Element} el Reference to the element that we want to update\n     * @param {*} component The component we are trying to add/replace\n     */\n    replaceSlotMarkdown(el, component) {\n        if (!el) return\n        if (!component.slotMarkdown) return\n\n        // Convert from markdown to HTML\n        component.slotMarkdown = this.convertMarkdown(component.slotMarkdown)\n        // If DOMPurify is loaded, apply it now\n        component.slotMarkdown = this.sanitiseHTML(component.slotMarkdown)\n        // Set the component content to the the converted slotMarkdown property\n        el.innerHTML = component.slotMarkdown\n    }\n\n    /** Sanitise HTML to make it safe - if the DOMPurify library is loaded\n     * Otherwise just returns that HTML as-is.\n     * @param {string} html The input HTML string\n     * @returns {string} The sanitised HTML or the original if DOMPurify not loaded\n     */\n    sanitiseHTML(html) {\n        if (!Ui.win['DOMPurify']) return html\n        return Ui.win['DOMPurify'].sanitize(html, { ADD_TAGS: this.sanitiseExtraTags, ADD_ATTR: this.sanitiseExtraAttribs })\n    }\n\n    /** Show a pop-over \"toast\" dialog or a modal alert // TODO - Allow notify to sit in corners rather than take over the screen\n     * Refs: https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/alertdialog.html,\n     *       https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/dialog.html,\n     *       https://www.w3.org/WAI/ARIA/apg/patterns/dialogmodal/\n     * @param {\"notify\"|\"alert\"} type Dialog type\n     * @param {object} ui standardised ui data\n     * @param {object} [msg] msg.payload/msg.topic - only used if a string. Optional.\n     * @returns {void}\n     */\n    showDialog(type, ui, msg) { // eslint-disable-line sonarjs/cognitive-complexity\n\n        //#region -- Check properties --\n\n        let content = ''\n        // Main body content\n        if (msg.payload && typeof msg.payload === 'string') content += `<div>${msg.payload}</div>`\n        if (ui.content) content += `<div>${ui.content}</div>`\n        // Toast wont show anyway if content is empty, may as well warn user\n        if (content === '') {\n            Ui.log(1, 'Ui:showDialog', 'Toast content is blank. Not shown.')()\n            return\n        }\n\n        // Use msg.topic as title if no title provided\n        if (!ui.title && msg.topic) ui.title = msg.topic\n        if (ui.title) content = `<p class=\"toast-head\">${ui.title}</p><p>${content}</p>`\n\n        // Allow for variants - @since v6.1 - don't bother - since this now sets CSS class, not tied to bootstrap-vue\n        // if ( !ui.variant || !['', 'primary', 'secondary', 'success', 'info', 'warn', 'warning', 'failure', 'error', 'danger'].includes(ui.variant)) ui.variant = ''\n\n        // Toasts auto-hide by default after 10s but alerts do not auto-hide\n        if (ui.noAutohide) ui.noAutoHide = ui.noAutohide\n        if (ui.noAutoHide) ui.autohide = !ui.noAutoHide\n        // If set, number of ms until toast is auto-hidden\n        if (ui.autoHideDelay) {\n            if (!ui.autohide) ui.autohide = true\n            ui.delay = ui.autoHideDelay\n        } else ui.autoHideDelay = 10000 // default = 10s\n        if (!Object.prototype.hasOwnProperty.call(ui, 'autohide')) ui.autohide = true\n\n        if (type === 'alert') {\n            ui.modal = true\n            ui.autohide = false\n            content = `<svg viewBox=\"0 0 192.146 192.146\" style=\"width:30;background-color:transparent;\"><path d=\"M108.186 144.372c0 7.054-4.729 12.32-12.037 12.32h-.254c-7.054 0-11.92-5.266-11.92-12.32 0-7.298 5.012-12.31 12.174-12.31s11.91 4.992 12.037 12.31zM88.44 125.301h15.447l2.951-61.298H85.46l2.98 61.298zm101.932 51.733c-2.237 3.664-6.214 5.921-10.493 5.921H12.282c-4.426 0-8.51-2.384-10.698-6.233a12.34 12.34 0 0 1 .147-12.349l84.111-149.22c2.208-3.722 6.204-5.96 10.522-5.96h.332c4.445.107 8.441 2.618 10.513 6.546l83.515 149.229c1.993 3.8 1.905 8.363-.352 12.066zm-10.493-6.4L96.354 21.454l-84.062 149.18h167.587z\" /></svg> ${content}`\n        }\n\n        //#endregion -- -- --\n\n        // Create a toaster container element if not already created - or get a ref to it\n        let toaster = Ui.doc.getElementById('toaster')\n        if (toaster === null) {\n            toaster = Ui.doc.createElement('div')\n            toaster.id = 'toaster'\n            toaster.title = 'Click to clear all notifcations'\n            toaster.setAttribute('class', 'toaster')\n            toaster.setAttribute('role', 'dialog')\n            toaster.setAttribute('arial-label', 'Toast message')\n            toaster.onclick = function () {\n                // @ts-ignore\n                toaster.remove()\n            }\n            Ui.doc.body.insertAdjacentElement('afterbegin', toaster)\n        }\n\n        // Create a toast element. Would be nice to use <dialog> but that isn't well supported yet - come on Apple!\n        const toast = Ui.doc.createElement('div')\n        toast.title = 'Click to clear this notifcation'\n        toast.setAttribute('class', `toast ${ui.variant ? ui.variant : ''} ${type}`)\n        toast.innerHTML = content\n        toast.setAttribute('role', 'alertdialog')\n        if (ui.modal) toast.setAttribute('aria-modal', ui.modal)\n        toast.onclick = function (evt) {\n            evt.stopPropagation()\n            toast.remove()\n            // @ts-ignore\n            if (toaster.childElementCount < 1) toaster.remove()\n        }\n\n        // TODO\n        if (type === 'alert') {\n            // newD.setAttribute('aria-labelledby', '')\n            // newD.setAttribute('aria-describedby', '')\n        }\n\n        toaster.insertAdjacentElement(ui.appendToast === true ? 'beforeend' : 'afterbegin', toast)\n\n        // Auto-hide\n        if (ui.autohide === true) {\n            setInterval(() => {\n                toast.remove()\n                // @ts-ignore\n                if (toaster.childElementCount < 1) toaster.remove()\n            }, ui.autoHideDelay)\n        }\n    } // --- End of showDialog ---\n\n    /** Directly manage UI via JSON\n     * @param {object} json Either an object containing {_ui: {}} or simply simple {} containing ui instructions\n     */\n    ui(json) {\n        // Simulate a msg and process\n        let msg = {}\n        if (json._ui) msg = json\n        else msg._ui = json\n\n        this._uiManager(msg)\n    }\n\n    /** Get data from the DOM. Returns selection of useful props unless a specific prop requested.\n     * @param {string} cssSelector Identify the DOM element to get data from\n     * @param {string} [propName] Optional. Specific name of property to get from the element\n     * @returns {Array<*>} Array of objects containing either specific requested property or a selection of useful properties\n     */\n    uiGet(cssSelector, propName = null) {\n        // The type cast below not really correct but it gets rid of the other typescript errors\n        const selection = /** @type {NodeListOf<HTMLInputElement>} */ (Ui.doc.querySelectorAll(cssSelector))\n\n        const out = []\n\n        selection.forEach(node => {\n            // Specific property asked for ...\n            if (propName) {\n                if (propName === 'classes') propName = 'class'\n                // Try assuming the prop is an attribute first (will return null or \"\" if not present)\n                let prop = node.getAttribute(propName)\n                // If not an attribute, try getting as a property of the element\n                if (prop === undefined || prop === null) {\n                    try {\n                        prop = node[propName]\n                    } catch (error) {}\n                }\n                // We didn't find as either an attribute or a property\n                if (prop === undefined || prop === null) {\n                    // If 'value' was requested, return the innerText\n                    if (propName.toLowerCase() === 'value') out.push(node.innerText)\n                    else out.push(`Property '${propName}' not found`)\n                } else {\n                    const p = {}\n                    // Nightmare of different object types in a DOM Element!\n                    const cType = prop.constructor.name.toLowerCase()\n                    if (cType === 'namednodemap') {\n                        for (const key of prop) {\n                            // @ts-ignore\n                            p[key.name] = prop[key.name].value\n                        }\n                    } else if (!cType.includes('map')) { // Ordinary properties (not a mapped type)\n                        p[propName] = prop\n                    } else { // Other MAP types\n                        const p = {}\n                        // @ts-ignore\n                        for (const key in prop) {\n                            p[key] = prop[key]\n                        }\n                    }\n                    if (p.class) p.classes = Array.from(node.classList)\n                    out.push(p)\n                }\n            } else { // Otherwise, grab everything useful\n                out.push(this.nodeGet(node, cssSelector))\n            }\n        })\n\n        return out\n    } // --- end of uiGet --- //\n\n    /** External alias for _uiComposeComponent\n     * @param {*} el HTML Element to enhance\n     * @param {*} comp Individual uibuilder ui component spec\n     */\n    uiEnhanceElement(el, comp) {\n        this._uiComposeComponent(el, comp)\n    }\n\n    //#endregion ---- -------- ----\n}\n\nmodule.exports = Ui\n\n// if (window) window['$ui'] = new Ui(window)\n\n// export Ui\n"],
   "mappings": "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",
   "names": ["require_ui", "__commonJSMin", "exports", "module", "_a", "Ui", "win", "extLog", "jsonHighlight", "__publicField", "str", "lang", "high", "plugin", "name", "config", "notify", "resolve", "reject", "ev", "ui", "isRecurse", "compToAdd", "i", "newEl", "elParent", "el", "comp", "attrib", "type", "evt", "err", "prop", "parentEl", "components", "ns", "component", "__toESM", "__require", "script", "sheet", "msg", "all", "compToRemove", "els", "compToReplace", "elToReplace", "compToUpd", "elToUpd", "j", "nc", "nestedComp", "k", "method", "cssSelector", "output", "out", "attr", "e", "classNames", "sourceId", "targetId", "template", "target", "content", "data", "keys", "tbl", "thead", "headerRow", "headers", "header", "th", "tbody", "item", "row", "cell", "mdText", "url", "uiOptions", "response", "error", "contentType", "slot", "txtReturn", "newScript", "textFn", "newStyle", "opts", "sourceSelector", "targetSelector", "moveType", "position", "node", "thisOut", "listEntries", "bodyEntries", "headEntries", "cols", "v", "permit", "tempFrag", "elRange", "html", "toaster", "toast", "json", "propName", "selection", "p", "cType", "key"]
 }
diff --git a/front-end/uibuilder.esm.js b/front-end/uibuilder.esm.js
index f521878e..e2efd475 100644
--- a/front-end/uibuilder.esm.js
+++ b/front-end/uibuilder.esm.js
@@ -58,7 +58,7 @@ var require_ui = __commonJS({
        */
       constructor(win, extLog, jsonHighlight) {
         //#region --- Class variables ---
-        __publicField(this, "version", "7.0.3-src");
+        __publicField(this, "version", "7.0.4-src");
         // List of tags and attributes not in sanitise defaults but allowed in uibuilder.
         __publicField(this, "sanitiseExtraTags", ["uib-var"]);
         __publicField(this, "sanitiseExtraAttribs", ["variable", "report", "undefined"]);
@@ -5057,7 +5057,7 @@ __publicField(_ApplyTemplate, "props", ["template-id", "once"]);
 var ApplyTemplate = _ApplyTemplate;
 
 // src/front-end-module/uibuilder.module.js
-var version = "7.0.3-esm";
+var version = "7.0.4-esm";
 var isMinified = !/param/.test(function(param) {
 });
 function log() {
diff --git a/front-end/uibuilder.esm.min.js b/front-end/uibuilder.esm.min.js
index 1adde9b4..c442d4f1 100644
--- a/front-end/uibuilder.esm.min.js
+++ b/front-end/uibuilder.esm.min.js
@@ -1,2 +1,2 @@
-var Ot=Object.create;var de=Object.defineProperty;var xt=Object.getOwnPropertyDescriptor;var At=Object.getOwnPropertyNames;var Nt=Object.getPrototypeOf,Rt=Object.prototype.hasOwnProperty;var qe=r=>{throw TypeError(r)};var $t=(r,e,t)=>e in r?de(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;var He=(r=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(r,{get:(e,t)=>(typeof require<"u"?require:e)[t]}):r)(function(r){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+r+'" is not supported')});var Tt=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports),Lt=(r,e)=>{for(var t in e)de(r,t,{get:e[t],enumerable:!0})},Ut=(r,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of At(e))!Rt.call(r,s)&&s!==t&&de(r,s,{get:()=>e[s],enumerable:!(i=xt(e,s))||i.enumerable});return r};var Oe=(r,e,t)=>(t=r!=null?Ot(Nt(r)):{},Ut(e||!r||!r.__esModule?de(t,"default",{value:r,enumerable:!0}):t,r));var h=(r,e,t)=>$t(r,typeof e!="symbol"?e+"":e,t),Fe=(r,e,t)=>e.has(r)||qe("Cannot "+t);var f=(r,e,t)=>(Fe(r,e,"read from private field"),t?t.call(r):e.get(r)),k=(r,e,t)=>e.has(r)?qe("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(r):e.set(r,t),S=(r,e,t,i)=>(Fe(r,e,"write to private field"),i?i.call(r,t):e.set(r,t),t);var fe=(r,e,t,i)=>({set _(s){S(r,e,s,t)},get _(){return f(r,e,i)}});var Ve=Tt((oi,je)=>{var a,It=(a=class{constructor(e,t,i){h(this,"version","7.0.3-src");h(this,"sanitiseExtraTags",["uib-var"]);h(this,"sanitiseExtraAttribs",["variable","report","undefined"]);h(this,"ui_md_plugins");if(e)a.win=e;else throw new Error("Ui:constructor. Current environment does not include `window`, UI functions cannot be used.");a.doc=a.win.document,t?a.log=t:a.log=function(){return function(){}},i?this.syntaxHighlight=i:this.syntaxHighlight=function(){},a.win.markdownit&&(a.mdOpts={html:!0,xhtmlOut:!1,linkify:!0,_highlight:!0,_strict:!1,_view:"html",langPrefix:"language-",highlight:function(s,n){if(n&&window.hljs&&window.hljs.getLanguage(n))try{return'<pre class="">\n                                    <code class="hljs border">'.concat(window.hljs.highlight(s,{language:n,ignoreIllegals:!0}).value,"</code></pre>")}finally{}return'<pre class="hljs border"><code>'.concat(a.md.utils.escapeHtml(s).trim(),"</code></pre>")}},a.md=a.win.markdownit(a.mdOpts))}_markDownIt(){if(a.win.markdownit&&(!this.ui_md_plugins&&a.win.uibuilder&&a.win.uibuilder.ui_md_plugins&&(this.ui_md_plugins=a.win.uibuilder.ui_md_plugins),a.mdOpts={html:!0,xhtmlOut:!1,linkify:!0,_highlight:!0,_strict:!1,_view:"html",langPrefix:"language-",highlight:function(e,t){if(window.hljs)if(t&&window.hljs.getLanguage(t))try{return'<pre><code class="hljs border language-'.concat(t,'" data-language="').concat(t,'" title="Source language: \'').concat(t,"'\">").concat(window.hljs.highlight(e,{language:t,ignoreIllegals:!0}).value,"</code></pre>")}finally{}else try{let i=window.hljs.highlightAuto(e);return'<pre><code class="hljs border language-'.concat(i.language,'" data-language="').concat(i.language,'" title="Source language estimated by HighlightJS: \'').concat(i.language,"'\">").concat(i.value,"</code></pre>")}finally{}return'<pre><code class="border">'.concat(a.md.utils.escapeHtml(e).trim(),"</code></pre>")}},a.md=a.win.markdownit(a.mdOpts),this.ui_md_plugins)){if(!Array.isArray(this.ui_md_plugins)){a.log("error","Ui:_markDownIt:plugins","Could not load plugins, ui_md_plugins is not an array")();return}this.ui_md_plugins.forEach(e=>{if(typeof e=="string")a.md.use(a.win[e]);else{let t=Object.keys(e)[0];a.md.use(a.win[t],e[t])}})}}_showNotification(e){e.topic&&!e.title&&(e.title=e.topic),e.title||(e.title="uibuilder notification"),e.payload&&!e.body&&(e.body=e.payload),e.body||(e.body=" No message given.");try{let t=new Notification(e.title,e);return new Promise((i,s)=>{t.addEventListener("close",n=>{n.currentTarget.userAction="close",i(n)}),t.addEventListener("click",n=>{n.currentTarget.userAction="click",i(n)}),t.addEventListener("error",n=>{n.currentTarget.userAction="error",s(n)})})}catch{return Promise.reject(new Error("Browser refused to create a Notification"))}}_uiAdd(e,t){a.log("trace","Ui:_uiManager:add","Starting _uiAdd")(),e.components.forEach((i,s)=>{a.log("trace","Ui:_uiAdd:components-forEach:".concat(s),"Component to add: ",i)();let n;switch(i.type){case"html":{i.ns="html",n=a.doc.createElement("div");break}case"svg":{i.ns="svg",n=a.doc.createElementNS("http://www.w3.org/2000/svg","svg");break}default:{i.ns="dom",n=a.doc.createElement(i.type);break}}!i.slot&&e.payload&&(i.slot=e.payload),this._uiComposeComponent(n,i);let o;i.parentEl?o=i.parentEl:e.parentEl?o=e.parentEl:i.parent?o=a.doc.querySelector(i.parent):e.parent&&(o=a.doc.querySelector(e.parent)),o||(a.log("info","Ui:_uiAdd","No parent found, adding to body")(),o=a.doc.querySelector("body")),i.position&&i.position==="first"?o.insertBefore(n,o.firstChild):i.position&&Number.isInteger(Number(i.position))?o.insertBefore(n,o.children[i.position]):o.appendChild(n),i.components&&this._uiExtendEl(n,i.components,i.ns)})}_uiComposeComponent(e,t){t.attributes&&Object.keys(t.attributes).forEach(i=>{i==="class"&&Array.isArray(t.attributes[i])&&t.attributes[i].join(" "),a.log("trace","_uiComposeComponent:attributes-forEach","Attribute: '".concat(i,"', value: '").concat(t.attributes[i],"'"))(),i==="value"&&(e.value=t.attributes[i]),i.startsWith("xlink:")?e.setAttributeNS("http://www.w3.org/1999/xlink",i,t.attributes[i]):e.setAttribute(i,t.attributes[i])}),t.id&&e.setAttribute("id",t.id),t.type==="svg"&&(e.setAttributeNS("http://www.w3.org/2000/xmlns/","xmlns","http://www.w3.org/2000/svg"),e.setAttributeNS("http://www.w3.org/2000/xmlns/","xmlns:xlink","http://www.w3.org/1999/xlink")),t.events&&Object.keys(t.events).forEach(i=>{i.toLowerCase==="onclick"&&(i="click");try{e.addEventListener(i,s=>{new Function("evt","".concat(t.events[i],"(evt)"))(s)})}catch(s){a.log("error","Ui:_uiComposeComponent","Add event '".concat(i,"' for element '").concat(t.type,"': Cannot add event handler. ").concat(s.message))()}}),t.properties&&Object.keys(t.properties).forEach(i=>{e[i]=t.properties[i],["value","checked"].includes(i)&&(e.dispatchEvent(new Event("input")),e.dispatchEvent(new Event("change")))}),t.slot&&this.replaceSlot(e,t.slot),t.slotMarkdown&&this.replaceSlotMarkdown(e,t)}_uiExtendEl(e,t,i=""){t.forEach((s,n)=>{a.log("trace","Ui:_uiExtendEl:components-forEach:".concat(n),s)();let o;s.ns=i,s.ns==="html"?(o=e,this.replaceSlot(e,s.slot)):s.ns==="svg"?(o=a.doc.createElementNS("http://www.w3.org/2000/svg",s.type),this._uiComposeComponent(o,s),e.appendChild(o)):(o=a.doc.createElement(s.type==="html"?"div":s.type),this._uiComposeComponent(o,s),e.appendChild(o)),s.components&&this._uiExtendEl(o,s.components,s.ns)})}_uiLoad(e){e.components&&(Array.isArray(e.components)||(e.components=[e.components]),e.components.forEach(async t=>{Promise.resolve().then(()=>Oe(He(t)))})),e.srcScripts&&(Array.isArray(e.srcScripts)||(e.srcScripts=[e.srcScripts]),e.srcScripts.forEach(t=>{this.loadScriptSrc(t)})),e.txtScripts&&(Array.isArray(e.txtScripts)||(e.txtScripts=[e.txtScripts]),this.loadScriptTxt(e.txtScripts.join("\n"))),e.srcStyles&&(Array.isArray(e.srcStyles)||(e.srcStyles=[e.srcStyles]),e.srcStyles.forEach(t=>{this.loadStyleSrc(t)})),e.txtStyles&&(Array.isArray(e.txtStyles)||(e.txtStyles=[e.txtStyles]),this.loadStyleTxt(e.txtStyles.join("\n")))}_uiManager(e){e._ui&&(Array.isArray(e._ui)||(e._ui=[e._ui]),e._ui.forEach((t,i)=>{if(t.mode&&!t.method&&(t.method=t.mode),!t.method){a.log("error","Ui:_uiManager","No method defined for msg._ui[".concat(i,"]. Ignoring. "),t)();return}switch(t.payload=e.payload,t.topic=e.topic,t.method){case"add":{this._uiAdd(t,!1);break}case"remove":{this._uiRemove(t,!1);break}case"removeAll":{this._uiRemove(t,!0);break}case"replace":{this._uiReplace(t);break}case"update":{this._uiUpdate(t);break}case"load":{this._uiLoad(t);break}case"reload":{this._uiReload();break}case"notify":{this.showDialog("notify",t,e);break}case"alert":{this.showDialog("alert",t,e);break}default:{a.log("error","Ui:_uiManager","Invalid msg._ui[".concat(i,"].method (").concat(t.method,"). Ignoring"))();break}}}))}_uiReload(){a.log("trace","Ui:uiManager:reload","reloading")(),location.reload()}_uiRemove(e,t=!1){e.components.forEach(i=>{let s;t!==!0?s=[a.doc.querySelector(i)]:s=a.doc.querySelectorAll(i),s.forEach(n=>{try{n.remove()}catch(o){a.log("trace","Ui:_uiRemove","Could not remove. ".concat(o.message))()}})})}_uiReplace(e){a.log("trace","Ui:_uiReplace","Starting")(),e.components.forEach((t,i)=>{a.log("trace","Ui:_uiReplace:components-forEach:".concat(i),"Component to replace: ",t)();let s;if(t.id?s=a.doc.getElementById(t.id):t.selector||t.select?s=a.doc.querySelector(t.selector):t.name?s=a.doc.querySelector('[name="'.concat(t.name,'"]')):t.type&&(s=a.doc.querySelector(t.type)),a.log("trace","Ui:_uiReplace:components-forEach:".concat(i),"Element to replace: ",s)(),s==null){a.log("trace","Ui:_uiReplace:components-forEach:".concat(i,":noReplace"),"Cannot find the DOM element. Adding instead.",t)(),this._uiAdd({components:[t]},!1);return}let n;switch(t.type){case"html":{t.ns="html",n=a.doc.createElement("div");break}case"svg":{t.ns="svg",n=a.doc.createElementNS("http://www.w3.org/2000/svg","svg");break}default:{t.ns="dom",n=a.doc.createElement(t.type);break}}this._uiComposeComponent(n,t),s.replaceWith(n),t.components&&this._uiExtendEl(n,t.components,t.ns)})}_uiUpdate(e){a.log("trace","UI:_uiUpdate:update","Starting _uiUpdate",e)(),e.components||(e.components=[Object.assign({},e)]),e.components.forEach((t,i)=>{a.log("trace","_uiUpdate:components-forEach","Start loop #".concat(i),t)();let s;if(t.parentEl?s=t.parentEl:t.id?s=a.doc.querySelectorAll("#".concat(t.id)):t.selector||t.select?s=a.doc.querySelectorAll(t.selector):t.name?s=a.doc.querySelectorAll('[name="'.concat(t.name,'"]')):t.type&&(s=a.doc.querySelectorAll(t.type)),s===void 0||s.length<1){a.log("warn","Ui:_uiManager:update","Cannot find the DOM element. Ignoring.",t)();return}a.log("trace","_uiUpdate:components-forEach","Element(s) to update. Count: ".concat(s.length),s)(),!t.slot&&t.payload&&(t.slot=t.payload),s.forEach((n,o)=>{if(a.log("trace","_uiUpdate:components-forEach","Updating element #".concat(o),n)(),this._uiComposeComponent(n,t),t.components){a.log("trace","_uiUpdate:nested-component","Element #".concat(o," - nested-component"),t,n)();let l={_ui:[]};t.components.forEach((u,d)=>{let b=u.method||t.method||e.method;u.method&&delete u.method,Array.isArray(u)||(u=[u]),a.log("trace","_uiUpdate:nested-component","Element #".concat(o," - nested-component #").concat(d),u)(),l._ui.push({method:b,parentEl:n,components:u})}),a.log("trace","_uiUpdate:nested-component","Element #".concat(o," - nested-component new manager"),l)(),this._uiManager(l)}})})}$(e,t){let i=a.doc.querySelector(e);if(!i)return a.log(1,"Uib:$","No element found for CSS selector ".concat(e))(),null;if(i.nodeName==="TEMPLATE"&&(i=i.content.firstElementChild,!i))return a.log(0,"Uib:$","Template selected for CSS selector ".concat(e," but it is empty"))(),null;t||(t="el");let s;try{switch(t.toLowerCase()){case"text":{s=i.innerText;break}case"html":{s=i.innerHTML;break}case"attr":case"attributes":{s={};for(let n of i.attributes)s[n.name]=n.value;break}default:{s=i;break}}}catch(n){s=i,a.log(1,"Uib:$",'Could not process output type "'.concat(t,'" for CSS selector ').concat(e,", returned the DOM element. ").concat(n.message),n)()}return s}$$(e){return Array.from(a.doc.querySelectorAll(e))}addClass(e,t){Array.isArray(e)||(e=[e]),t&&t.classList.add(...e)}applyTemplate(e,t,i){i||(i={onceOnly:!1});let s=a.doc.getElementById(e),n=a.doc.getElementById(t);if(s&&n){let o;try{i.onceOnly!==!0?o=a.doc.importNode(s.content,!0):o=a.doc.adoptNode(s.content)}catch{a.log("error","Ui:applyTemplate","Source must be a <template>. id='".concat(e,"'"))();return}if(o){if(i.attributes){let l=o.firstElementChild;Object.keys(i.attributes).forEach(u=>{l.setAttribute(u,i.attributes[u])})}n.appendChild(o)}}else s||a.log("error","Ui:applyTemplate","Source not found: id='".concat(e,"'"))(),n||a.log("error","Ui:applyTemplate","Target not found: id='".concat(t,"'"))()}buildHtmlTable(e){let t;if(!Array.isArray(e)&&(typeof e=="object"&&(t=Object.keys(e),e=Object.values(e)),!Array.isArray(e))){let u=a.doc.createElement("p");return u.textContent="Input data is not an array or an object, cannot create a table.",u}let i=a.doc.createElement("table"),s=a.doc.createElement("thead"),n=a.doc.createElement("tr"),o=Object.keys(e[0]);o.forEach(u=>{let d=a.doc.createElement("th");d.textContent=u,n.appendChild(d)}),s.appendChild(n),i.appendChild(s);let l=a.doc.createElement("tbody");return e.forEach((u,d)=>{let b=a.doc.createElement("tr");t&&(b.id="r-".concat(t[d])),o.forEach(C=>{let v=a.doc.createElement("td");v.innerHTML=this.sanitiseHTML(u[C]),b.appendChild(v)}),l.appendChild(b)}),i.appendChild(l),i}convertMarkdown(e){if(!e)return"";if(!a.win.markdownit)return e;a.md||this._markDownIt();try{return a.md.render(e.trim())}catch(t){return a.log(0,"uibuilder:convertMarkdown","Could not render Markdown. ".concat(t.message),t)(),'<p class="border error">Could not render Markdown<p>'}}async include(e,t){if(!fetch)return a.log(0,"Ui:include","Current environment does not include `fetch`, skipping.")(),"Current environment does not include `fetch`, skipping.";if(!e)return a.log(0,"Ui:include","url parameter must be provided, skipping.")(),"url parameter must be provided, skipping.";if(!t||!t.id)return a.log(0,"Ui:include","uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.")(),"uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.";let i;try{i=await fetch(e)}catch(d){return a.log(0,"Ui:include","Fetch of file '".concat(e,"' failed. "),d.message)(),d.message}if(!i.ok)return a.log(0,"Ui:include","Fetch of file '".concat(e,"' failed. Status='").concat(i.statusText,"'"))(),i.statusText;let s=await i.headers.get("content-type"),n=null;s&&(s.includes("text/html")?n="html":s.includes("application/json")?n="json":s.includes("multipart/form-data")?n="form":s.includes("image/")?n="image":s.includes("video/")?n="video":s.includes("application/pdf")?n="pdf":s.includes("text/plain")&&(n="text"));let o="",l="Include successful",u;switch(n){case"html":{u=await i.text(),o=u;break}case"json":{u=await i.json(),o='<pre class="syntax-highlight">',o+=this.syntaxHighlight(u),o+="</pre>";break}case"form":{u=await i.formData(),o='<pre class="syntax-highlight">',o+=this.syntaxHighlight(u),o+="</pre>";break}case"image":{u=await i.blob(),o='<img src="'.concat(URL.createObjectURL(u),'">'),a.win.DOMPurify&&(l="Include successful. BUT DOMPurify loaded which may block its use.",a.log("warn","Ui:include:image",l)());break}case"video":{u=await i.blob(),o='<video controls autoplay><source src="'.concat(URL.createObjectURL(u),'"></video>'),a.win.DOMPurify&&(l="Include successful. BUT DOMPurify loaded which may block its use.",a.log("warn","Ui:include:video",l)());break}case"pdf":case"text":default:{u=await i.blob(),o='<iframe style="resize:both;width:inherit;height:inherit;" src="'.concat(URL.createObjectURL(u),'">'),a.win.DOMPurify&&(l="Include successful. BUT DOMPurify loaded which may block its use.",a.log("warn","Ui:include:".concat(n),l)());break}}return t.type="div",t.slot=o,t.parent||(t.parent="body"),t.attributes||(t.attributes={class:"included"}),this._uiReplace({components:[t]}),a.log("trace","Ui:include:".concat(n),l)(),l}loadScriptSrc(e){let t=a.doc.createElement("script");t.src=e,t.async=!1,a.doc.head.appendChild(t)}loadScriptTxt(e){let t=a.doc.createElement("script");t.async=!1,t.textContent=e,a.doc.head.appendChild(t)}loadStyleSrc(e){let t=a.doc.createElement("link");t.href=e,t.rel="stylesheet",t.type="text/css",a.doc.head.appendChild(t)}loadStyleTxt(e){let t=a.doc.createElement("style");t.textContent=e,a.doc.head.appendChild(t)}loadui(e){if(!fetch){a.log(0,"Ui:loadui","Current environment does not include `fetch`, skipping.")();return}if(!e){a.log(0,"Ui:loadui","url parameter must be provided, skipping.")();return}fetch(e).then(t=>{if(t.ok===!1)throw new Error("Could not load '".concat(e,"'. Status ").concat(t.status,", Error: ").concat(t.statusText));a.log("trace","Ui:loadui:then1","Loaded '".concat(e,"'. Status ").concat(t.status,", ").concat(t.statusText))();let i=t.headers.get("content-type");if(!i||!i.includes("application/json"))throw new TypeError("Fetch '".concat(e,"' did not return JSON, ignoring"));return t.json()}).then(t=>t!==void 0?(a.log("trace","Ui:loadui:then2","Parsed JSON successfully obtained")(),this._uiManager({_ui:t}),!0):!1).catch(t=>{a.log("warn","Ui:loadui:catch","Error. ",t)()})}moveElement(e){let{sourceSelector:t,targetSelector:i,moveType:s,position:n}=e;if(!document.querySelector(t)){a.log(0,"Ui:moveElement","Source element not found")();return}if(!document.querySelector(i)){a.log(0,"Ui:moveElement","Target element not found")();return}}nodeGet(e,t){let i={id:e.id===""?void 0:e.id,name:e.name,children:e.childNodes.length,type:e.nodeName,attributes:void 0,isUserInput:!!e.validity,userInput:e.validity?{value:e.value,validity:void 0,willValidate:e.willValidate,valueAsDate:e.valueAsDate,valueAsNumber:e.valueAsNumber,type:e.type}:void 0};if(["UL","OL"].includes(e.nodeName)){let s=a.doc.querySelectorAll("".concat(t," li"));s&&(i.list={entries:s.length})}if(e.nodeName==="DL"){let s=a.doc.querySelectorAll("".concat(t," dt"));s&&(i.list={entries:s.length})}if(e.nodeName==="TABLE"){let s=a.doc.querySelectorAll("".concat(t," > tbody > tr")),n=a.doc.querySelectorAll("".concat(t," > thead > tr")),o=a.doc.querySelectorAll("".concat(t," > tbody > tr:last-child > *"));(s||n||o)&&(i.table={headRows:n?n.length:0,bodyRows:s?s.length:0,columns:o?o.length:0})}if(e.nodeName!=="#text"&&e.attributes&&e.attributes.length>0){i.attributes={};for(let s of e.attributes)s.name!=="id"&&(i.attributes[s.name]=e.attributes[s.name].value),s.name==="class"&&(i.classes=Array.from(e.classList))}e.nodeName==="#text"&&(i.text=e.textContent),e.validity&&(i.userInput.validity={});for(let s in e.validity)i.userInput.validity[s]=e.validity[s];return i}async notification(e){if(typeof e=="string"&&(e={body:e}),typeof Notification>"u")return Promise.reject(new Error("Notifications not available in this browser"));let t=Notification.permission;return t==="denied"?Promise.reject(new Error("Notifications not permitted by user")):t==="granted"?this._showNotification(e):(t=await Notification.requestPermission(),t==="granted"?this._showNotification(e):Promise.reject(new Error("Notifications not permitted by user")))}removeClass(e,t){if(!e){t.removeAttribute("class");return}Array.isArray(e)||(e=[e]),t&&t.classList.remove(...e)}replaceSlot(e,t){if(!e)return;t||(t=""),t=this.sanitiseHTML(t);let i=a.doc.createRange().createContextualFragment(t),s=a.doc.createRange();s.selectNodeContents(e),s.deleteContents(),e.append(i)}replaceSlotMarkdown(e,t){e&&t.slotMarkdown&&(t.slotMarkdown=this.convertMarkdown(t.slotMarkdown),t.slotMarkdown=this.sanitiseHTML(t.slotMarkdown),e.innerHTML=t.slotMarkdown)}sanitiseHTML(e){return a.win.DOMPurify?a.win.DOMPurify.sanitize(e,{ADD_TAGS:this.sanitiseExtraTags,ADD_ATTR:this.sanitiseExtraAttribs}):e}showDialog(e,t,i){let s="";if(i.payload&&typeof i.payload=="string"&&(s+="<div>".concat(i.payload,"</div>")),t.content&&(s+="<div>".concat(t.content,"</div>")),s===""){a.log(1,"Ui:showDialog","Toast content is blank. Not shown.")();return}!t.title&&i.topic&&(t.title=i.topic),t.title&&(s='<p class="toast-head">'.concat(t.title,"</p><p>").concat(s,"</p>")),t.noAutohide&&(t.noAutoHide=t.noAutohide),t.noAutoHide&&(t.autohide=!t.noAutoHide),t.autoHideDelay?(t.autohide||(t.autohide=!0),t.delay=t.autoHideDelay):t.autoHideDelay=1e4,Object.prototype.hasOwnProperty.call(t,"autohide")||(t.autohide=!0),e==="alert"&&(t.modal=!0,t.autohide=!1,s='<svg viewBox="0 0 192.146 192.146" style="width:30;background-color:transparent;"><path d="M108.186 144.372c0 7.054-4.729 12.32-12.037 12.32h-.254c-7.054 0-11.92-5.266-11.92-12.32 0-7.298 5.012-12.31 12.174-12.31s11.91 4.992 12.037 12.31zM88.44 125.301h15.447l2.951-61.298H85.46l2.98 61.298zm101.932 51.733c-2.237 3.664-6.214 5.921-10.493 5.921H12.282c-4.426 0-8.51-2.384-10.698-6.233a12.34 12.34 0 0 1 .147-12.349l84.111-149.22c2.208-3.722 6.204-5.96 10.522-5.96h.332c4.445.107 8.441 2.618 10.513 6.546l83.515 149.229c1.993 3.8 1.905 8.363-.352 12.066zm-10.493-6.4L96.354 21.454l-84.062 149.18h167.587z" /></svg> '.concat(s));let n=a.doc.getElementById("toaster");n===null&&(n=a.doc.createElement("div"),n.id="toaster",n.title="Click to clear all notifcations",n.setAttribute("class","toaster"),n.setAttribute("role","dialog"),n.setAttribute("arial-label","Toast message"),n.onclick=function(){n.remove()},a.doc.body.insertAdjacentElement("afterbegin",n));let o=a.doc.createElement("div");o.title="Click to clear this notifcation",o.setAttribute("class","toast ".concat(t.variant?t.variant:""," ").concat(e)),o.innerHTML=s,o.setAttribute("role","alertdialog"),t.modal&&o.setAttribute("aria-modal",t.modal),o.onclick=function(l){l.stopPropagation(),o.remove(),n.childElementCount<1&&n.remove()},n.insertAdjacentElement(t.appendToast===!0?"beforeend":"afterbegin",o),t.autohide===!0&&setInterval(()=>{o.remove(),n.childElementCount<1&&n.remove()},t.autoHideDelay)}ui(e){let t={};e._ui?t=e:t._ui=e,this._uiManager(t)}uiGet(e,t=null){let i=a.doc.querySelectorAll(e),s=[];return i.forEach(n=>{if(t){t==="classes"&&(t="class");let o=n.getAttribute(t);if(o==null)try{o=n[t]}catch{}if(o==null)t.toLowerCase()==="value"?s.push(n.innerText):s.push("Property '".concat(t,"' not found"));else{let l={},u=o.constructor.name.toLowerCase();if(u==="namednodemap")for(let d of o)l[d.name]=o[d.name].value;else if(!u.includes("map"))l[t]=o;else{let d={};for(let b in o)d[b]=o[b]}l.class&&(l.classes=Array.from(n.classList)),s.push(l)}}else s.push(this.nodeGet(n,e))}),s}uiEnhanceElement(e,t){this._uiComposeComponent(e,t)}},h(a,"win"),h(a,"doc"),h(a,"log"),h(a,"mdOpts"),h(a,"md"),a);je.exports=It});var _t=Oe(Ve());var O=Object.create(null);O.open="0";O.close="1";O.ping="2";O.pong="3";O.message="4";O.upgrade="5";O.noop="6";var K=Object.create(null);Object.keys(O).forEach(r=>{K[O[r]]=r});var Y={type:"error",data:"parser error"};var Je=typeof Blob=="function"||typeof Blob<"u"&&Object.prototype.toString.call(Blob)==="[object BlobConstructor]",Ge=typeof ArrayBuffer=="function",Ke=r=>typeof ArrayBuffer.isView=="function"?ArrayBuffer.isView(r):r&&r.buffer instanceof ArrayBuffer,X=({type:r,data:e},t,i)=>Je&&e instanceof Blob?t?i(e):We(e,i):Ge&&(e instanceof ArrayBuffer||Ke(e))?t?i(e):We(new Blob([e]),i):i(O[r]+(e||"")),We=(r,e)=>{let t=new FileReader;return t.onload=function(){let i=t.result.split(",")[1];e("b"+(i||""))},t.readAsDataURL(r)};function ze(r){return r instanceof Uint8Array?r:r instanceof ArrayBuffer?new Uint8Array(r):new Uint8Array(r.buffer,r.byteOffset,r.byteLength)}var xe;function Ye(r,e){if(Je&&r.data instanceof Blob)return r.data.arrayBuffer().then(ze).then(e);if(Ge&&(r.data instanceof ArrayBuffer||Ke(r.data)))return e(ze(r.data));X(r,!1,t=>{xe||(xe=new TextEncoder),e(xe.encode(t))})}var Xe="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",Q=typeof Uint8Array>"u"?[]:new Uint8Array(256);for(let r=0;r<Xe.length;r++)Q[Xe.charCodeAt(r)]=r;var Qe=r=>{let e=r.length*.75,t=r.length,i,s=0,n,o,l,u;r[r.length-1]==="="&&(e--,r[r.length-2]==="="&&e--);let d=new ArrayBuffer(e),b=new Uint8Array(d);for(i=0;i<t;i+=4)n=Q[r.charCodeAt(i)],o=Q[r.charCodeAt(i+1)],l=Q[r.charCodeAt(i+2)],u=Q[r.charCodeAt(i+3)],b[s++]=n<<2|o>>4,b[s++]=(o&15)<<4|l>>2,b[s++]=(l&3)<<6|u&63;return d};var Mt=typeof ArrayBuffer=="function",Z=(r,e)=>{if(typeof r!="string")return{type:"message",data:Ze(r,e)};let t=r.charAt(0);return t==="b"?{type:"message",data:Dt(r.substring(1),e)}:K[t]?r.length>1?{type:K[t],data:r.substring(1)}:{type:K[t]}:Y},Dt=(r,e)=>{if(Mt){let t=Qe(r);return Ze(t,e)}else return{base64:!0,data:r}},Ze=(r,e)=>{switch(e){case"blob":return r instanceof Blob?r:new Blob([r]);case"arraybuffer":default:return r instanceof ArrayBuffer?r:r.buffer}};var et="",tt=(r,e)=>{let t=r.length,i=new Array(t),s=0;r.forEach((n,o)=>{X(n,!1,l=>{i[o]=l,++s===t&&e(i.join(et))})})},it=(r,e)=>{let t=r.split(et),i=[];for(let s=0;s<t.length;s++){let n=Z(t[s],e);if(i.push(n),n.type==="error")break}return i};function st(){return new TransformStream({transform(r,e){Ye(r,t=>{let i=t.length,s;if(i<126)s=new Uint8Array(1),new DataView(s.buffer).setUint8(0,i);else if(i<65536){s=new Uint8Array(3);let n=new DataView(s.buffer);n.setUint8(0,126),n.setUint16(1,i)}else{s=new Uint8Array(9);let n=new DataView(s.buffer);n.setUint8(0,127),n.setBigUint64(1,BigInt(i))}r.data&&typeof r.data!="string"&&(s[0]|=128),e.enqueue(s),e.enqueue(t)})}})}var Ae;function pe(r){return r.reduce((e,t)=>e+t.length,0)}function me(r,e){if(r[0].length===e)return r.shift();let t=new Uint8Array(e),i=0;for(let s=0;s<e;s++)t[s]=r[0][i++],i===r[0].length&&(r.shift(),i=0);return r.length&&i<r[0].length&&(r[0]=r[0].slice(i)),t}function rt(r,e){Ae||(Ae=new TextDecoder);let t=[],i=0,s=-1,n=!1;return new TransformStream({transform(o,l){for(t.push(o);;){if(i===0){if(pe(t)<1)break;let u=me(t,1);n=(u[0]&128)===128,s=u[0]&127,s<126?i=3:s===126?i=1:i=2}else if(i===1){if(pe(t)<2)break;let u=me(t,2);s=new DataView(u.buffer,u.byteOffset,u.length).getUint16(0),i=3}else if(i===2){if(pe(t)<8)break;let u=me(t,8),d=new DataView(u.buffer,u.byteOffset,u.length),b=d.getUint32(0);if(b>Math.pow(2,21)-1){l.enqueue(Y);break}s=b*Math.pow(2,32)+d.getUint32(4),i=3}else{if(pe(t)<s)break;let u=me(t,s);l.enqueue(Z(n?u:Ae.decode(u),e)),i=0}if(s===0||s>r){l.enqueue(Y);break}}}})}var Ne=4;function g(r){if(r)return Bt(r)}function Bt(r){for(var e in g.prototype)r[e]=g.prototype[e];return r}g.prototype.on=g.prototype.addEventListener=function(r,e){return this._callbacks=this._callbacks||{},(this._callbacks["$"+r]=this._callbacks["$"+r]||[]).push(e),this};g.prototype.once=function(r,e){function t(){this.off(r,t),e.apply(this,arguments)}return t.fn=e,this.on(r,t),this};g.prototype.off=g.prototype.removeListener=g.prototype.removeAllListeners=g.prototype.removeEventListener=function(r,e){if(this._callbacks=this._callbacks||{},arguments.length==0)return this._callbacks={},this;var t=this._callbacks["$"+r];if(!t)return this;if(arguments.length==1)return delete this._callbacks["$"+r],this;for(var i,s=0;s<t.length;s++)if(i=t[s],i===e||i.fn===e){t.splice(s,1);break}return t.length===0&&delete this._callbacks["$"+r],this};g.prototype.emit=function(r){this._callbacks=this._callbacks||{};for(var e=new Array(arguments.length-1),t=this._callbacks["$"+r],i=1;i<arguments.length;i++)e[i-1]=arguments[i];if(t){t=t.slice(0);for(var i=0,s=t.length;i<s;++i)t[i].apply(this,e)}return this};g.prototype.emitReserved=g.prototype.emit;g.prototype.listeners=function(r){return this._callbacks=this._callbacks||{},this._callbacks["$"+r]||[]};g.prototype.hasListeners=function(r){return!!this.listeners(r).length};var y=typeof self<"u"?self:typeof window<"u"?window:Function("return this")();function be(r,...e){return e.reduce((t,i)=>(r.hasOwnProperty(i)&&(t[i]=r[i]),t),{})}var Pt=y.setTimeout,qt=y.clearTimeout;function N(r,e){e.useNativeTimers?(r.setTimeoutFn=Pt.bind(y),r.clearTimeoutFn=qt.bind(y)):(r.setTimeoutFn=y.setTimeout.bind(y),r.clearTimeoutFn=y.clearTimeout.bind(y))}var Ht=1.33;function nt(r){return typeof r=="string"?Ft(r):Math.ceil((r.byteLength||r.size)*Ht)}function Ft(r){let e=0,t=0;for(let i=0,s=r.length;i<s;i++)e=r.charCodeAt(i),e<128?t+=1:e<2048?t+=2:e<55296||e>=57344?t+=3:(i++,t+=4);return t}function ot(r){let e="";for(let t in r)r.hasOwnProperty(t)&&(e.length&&(e+="&"),e+=encodeURIComponent(t)+"="+encodeURIComponent(r[t]));return e}function at(r){let e={},t=r.split("&");for(let i=0,s=t.length;i<s;i++){let n=t[i].split("=");e[decodeURIComponent(n[0])]=decodeURIComponent(n[1])}return e}var ge=class extends Error{constructor(e,t,i){super(e),this.description=t,this.context=i,this.type="TransportError"}},R=class extends g{constructor(e){super(),this.writable=!1,N(this,e),this.opts=e,this.query=e.query,this.socket=e.socket}onError(e,t,i){return super.emitReserved("error",new ge(e,t,i)),this}open(){return this.readyState="opening",this.doOpen(),this}close(){return(this.readyState==="opening"||this.readyState==="open")&&(this.doClose(),this.onClose()),this}send(e){this.readyState==="open"&&this.write(e)}onOpen(){this.readyState="open",this.writable=!0,super.emitReserved("open")}onData(e){let t=Z(e,this.socket.binaryType);this.onPacket(t)}onPacket(e){super.emitReserved("packet",e)}onClose(e){this.readyState="closed",super.emitReserved("close",e)}pause(e){}createUri(e,t={}){return e+"://"+this._hostname()+this._port()+this.opts.path+this._query(t)}_hostname(){let e=this.opts.hostname;return e.indexOf(":")===-1?e:"["+e+"]"}_port(){return this.opts.port&&(this.opts.secure&&+(this.opts.port!==443)||!this.opts.secure&&Number(this.opts.port)!==80)?":"+this.opts.port:""}_query(e){let t=ot(e);return t.length?"?"+t:""}};var ut="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz-_".split(""),Re=64,jt={},ct=0,ye=0,lt;function ht(r){let e="";do e=ut[r%Re]+e,r=Math.floor(r/Re);while(r>0);return e}function we(){let r=ht(+new Date);return r!==lt?(ct=0,lt=r):r+"."+ht(ct++)}for(;ye<Re;ye++)jt[ut[ye]]=ye;var dt=!1;try{dt=typeof XMLHttpRequest<"u"&&"withCredentials"in new XMLHttpRequest}catch{}var ft=dt;function $e(r){let e=r.xdomain;try{if(typeof XMLHttpRequest<"u"&&(!e||ft))return new XMLHttpRequest}catch{}if(!e)try{return new y[["Active"].concat("Object").join("X")]("Microsoft.XMLHTTP")}catch{}}function Vt(){}var Wt=function(){return new $e({xdomain:!1}).responseType!=null}(),ve=class extends R{constructor(e){if(super(e),this.polling=!1,typeof location<"u"){let i=location.protocol==="https:",s=location.port;s||(s=i?"443":"80"),this.xd=typeof location<"u"&&e.hostname!==location.hostname||s!==e.port}let t=e&&e.forceBase64;this.supportsBinary=Wt&&!t,this.opts.withCredentials&&(this.cookieJar=void 0)}get name(){return"polling"}doOpen(){this.poll()}pause(e){this.readyState="pausing";let t=()=>{this.readyState="paused",e()};if(this.polling||!this.writable){let i=0;this.polling&&(i++,this.once("pollComplete",function(){--i||t()})),this.writable||(i++,this.once("drain",function(){--i||t()}))}else t()}poll(){this.polling=!0,this.doPoll(),this.emitReserved("poll")}onData(e){let t=i=>{if(this.readyState==="opening"&&i.type==="open"&&this.onOpen(),i.type==="close")return this.onClose({description:"transport closed by the server"}),!1;this.onPacket(i)};it(e,this.socket.binaryType).forEach(t),this.readyState!=="closed"&&(this.polling=!1,this.emitReserved("pollComplete"),this.readyState==="open"&&this.poll())}doClose(){let e=()=>{this.write([{type:"close"}])};this.readyState==="open"?e():this.once("open",e)}write(e){this.writable=!1,tt(e,t=>{this.doWrite(t,()=>{this.writable=!0,this.emitReserved("drain")})})}uri(){let e=this.opts.secure?"https":"http",t=this.query||{};return this.opts.timestampRequests!==!1&&(t[this.opts.timestampParam]=we()),!this.supportsBinary&&!t.sid&&(t.b64=1),this.createUri(e,t)}request(e={}){return Object.assign(e,{xd:this.xd,cookieJar:this.cookieJar},this.opts),new $(this.uri(),e)}doWrite(e,t){let i=this.request({method:"POST",data:e});i.on("success",t),i.on("error",(s,n)=>{this.onError("xhr post error",s,n)})}doPoll(){let e=this.request();e.on("data",this.onData.bind(this)),e.on("error",(t,i)=>{this.onError("xhr poll error",t,i)}),this.pollXhr=e}},$=class r extends g{constructor(e,t){super(),N(this,t),this.opts=t,this.method=t.method||"GET",this.uri=e,this.data=t.data!==void 0?t.data:null,this.create()}create(){var e;let t=be(this.opts,"agent","pfx","key","passphrase","cert","ca","ciphers","rejectUnauthorized","autoUnref");t.xdomain=!!this.opts.xd;let i=this.xhr=new $e(t);try{i.open(this.method,this.uri,!0);try{if(this.opts.extraHeaders){i.setDisableHeaderCheck&&i.setDisableHeaderCheck(!0);for(let s in this.opts.extraHeaders)this.opts.extraHeaders.hasOwnProperty(s)&&i.setRequestHeader(s,this.opts.extraHeaders[s])}}catch{}if(this.method==="POST")try{i.setRequestHeader("Content-type","text/plain;charset=UTF-8")}catch{}try{i.setRequestHeader("Accept","*/*")}catch{}(e=this.opts.cookieJar)===null||e===void 0||e.addCookies(i),"withCredentials"in i&&(i.withCredentials=this.opts.withCredentials),this.opts.requestTimeout&&(i.timeout=this.opts.requestTimeout),i.onreadystatechange=()=>{var s;i.readyState===3&&((s=this.opts.cookieJar)===null||s===void 0||s.parseCookies(i)),i.readyState===4&&(i.status===200||i.status===1223?this.onLoad():this.setTimeoutFn(()=>{this.onError(typeof i.status=="number"?i.status:0)},0))},i.send(this.data)}catch(s){this.setTimeoutFn(()=>{this.onError(s)},0);return}typeof document<"u"&&(this.index=r.requestsCount++,r.requests[this.index]=this)}onError(e){this.emitReserved("error",e,this.xhr),this.cleanup(!0)}cleanup(e){if(!(typeof this.xhr>"u"||this.xhr===null)){if(this.xhr.onreadystatechange=Vt,e)try{this.xhr.abort()}catch{}typeof document<"u"&&delete r.requests[this.index],this.xhr=null}}onLoad(){let e=this.xhr.responseText;e!==null&&(this.emitReserved("data",e),this.emitReserved("success"),this.cleanup())}abort(){this.cleanup()}};$.requestsCount=0;$.requests={};if(typeof document<"u"){if(typeof attachEvent=="function")attachEvent("onunload",pt);else if(typeof addEventListener=="function"){let r="onpagehide"in y?"pagehide":"unload";addEventListener(r,pt,!1)}}function pt(){for(let r in $.requests)$.requests.hasOwnProperty(r)&&$.requests[r].abort()}var U=typeof Promise=="function"&&typeof Promise.resolve=="function"?e=>Promise.resolve().then(e):(e,t)=>t(e,0),ee=y.WebSocket||y.MozWebSocket,ke=!0,mt="arraybuffer";var bt=typeof navigator<"u"&&typeof navigator.product=="string"&&navigator.product.toLowerCase()==="reactnative",Ee=class extends R{constructor(e){super(e),this.supportsBinary=!e.forceBase64}get name(){return"websocket"}doOpen(){if(!this.check())return;let e=this.uri(),t=this.opts.protocols,i=bt?{}:be(this.opts,"agent","perMessageDeflate","pfx","key","passphrase","cert","ca","ciphers","rejectUnauthorized","localAddress","protocolVersion","origin","maxPayload","family","checkServerIdentity");this.opts.extraHeaders&&(i.headers=this.opts.extraHeaders);try{this.ws=ke&&!bt?t?new ee(e,t):new ee(e):new ee(e,t,i)}catch(s){return this.emitReserved("error",s)}this.ws.binaryType=this.socket.binaryType,this.addEventListeners()}addEventListeners(){this.ws.onopen=()=>{this.opts.autoUnref&&this.ws._socket.unref(),this.onOpen()},this.ws.onclose=e=>this.onClose({description:"websocket connection closed",context:e}),this.ws.onmessage=e=>this.onData(e.data),this.ws.onerror=e=>this.onError("websocket error",e)}write(e){this.writable=!1;for(let t=0;t<e.length;t++){let i=e[t],s=t===e.length-1;X(i,this.supportsBinary,n=>{let o={};ke||(i.options&&(o.compress=i.options.compress),this.opts.perMessageDeflate&&(typeof n=="string"?Buffer.byteLength(n):n.length)<this.opts.perMessageDeflate.threshold&&(o.compress=!1));try{ke?this.ws.send(n):this.ws.send(n,o)}catch{}s&&U(()=>{this.writable=!0,this.emitReserved("drain")},this.setTimeoutFn)})}}doClose(){typeof this.ws<"u"&&(this.ws.close(),this.ws=null)}uri(){let e=this.opts.secure?"wss":"ws",t=this.query||{};return this.opts.timestampRequests&&(t[this.opts.timestampParam]=we()),this.supportsBinary||(t.b64=1),this.createUri(e,t)}check(){return!!ee}};var Ce=class extends R{get name(){return"webtransport"}doOpen(){typeof WebTransport=="function"&&(this.transport=new WebTransport(this.createUri("https"),this.opts.transportOptions[this.name]),this.transport.closed.then(()=>{this.onClose()}).catch(e=>{this.onError("webtransport error",e)}),this.transport.ready.then(()=>{this.transport.createBidirectionalStream().then(e=>{let t=rt(Number.MAX_SAFE_INTEGER,this.socket.binaryType),i=e.readable.pipeThrough(t).getReader(),s=st();s.readable.pipeTo(e.writable),this.writer=s.writable.getWriter();let n=()=>{i.read().then(({done:l,value:u})=>{l||(this.onPacket(u),n())}).catch(l=>{})};n();let o={type:"open"};this.query.sid&&(o.data='{"sid":"'.concat(this.query.sid,'"}')),this.writer.write(o).then(()=>this.onOpen())})}))}write(e){this.writable=!1;for(let t=0;t<e.length;t++){let i=e[t],s=t===e.length-1;this.writer.write(i).then(()=>{s&&U(()=>{this.writable=!0,this.emitReserved("drain")},this.setTimeoutFn)})}}doClose(){var e;(e=this.transport)===null||e===void 0||e.close()}};var Te={websocket:Ee,webtransport:Ce,polling:ve};var zt=/^(?:(?![^:@\/?#]+:[^:@\/]*@)(http|https|ws|wss):\/\/)?((?:(([^:@\/?#]*)(?::([^:@\/?#]*))?)?@)?((?:[a-f0-9]{0,4}:){2,7}[a-f0-9]{0,4}|[^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/,Jt=["source","protocol","authority","userInfo","user","password","host","port","relative","path","directory","file","query","anchor"];function q(r){if(r.length>2e3)throw"URI too long";let e=r,t=r.indexOf("["),i=r.indexOf("]");t!=-1&&i!=-1&&(r=r.substring(0,t)+r.substring(t,i).replace(/:/g,";")+r.substring(i,r.length));let s=zt.exec(r||""),n={},o=14;for(;o--;)n[Jt[o]]=s[o]||"";return t!=-1&&i!=-1&&(n.source=e,n.host=n.host.substring(1,n.host.length-1).replace(/;/g,":"),n.authority=n.authority.replace("[","").replace("]","").replace(/;/g,":"),n.ipv6uri=!0),n.pathNames=Gt(n,n.path),n.queryKey=Kt(n,n.query),n}function Gt(r,e){let t=/\/{2,9}/g,i=e.replace(t,"/").split("/");return(e.slice(0,1)=="/"||e.length===0)&&i.splice(0,1),e.slice(-1)=="/"&&i.splice(i.length-1,1),i}function Kt(r,e){let t={};return e.replace(/(?:^|&)([^&=]*)=?([^&]*)/g,function(i,s,n){s&&(t[s]=n)}),t}var I=class r extends g{constructor(e,t={}){super(),this.binaryType=mt,this.writeBuffer=[],e&&typeof e=="object"&&(t=e,e=null),e?(e=q(e),t.hostname=e.host,t.secure=e.protocol==="https"||e.protocol==="wss",t.port=e.port,e.query&&(t.query=e.query)):t.host&&(t.hostname=q(t.host).host),N(this,t),this.secure=t.secure!=null?t.secure:typeof location<"u"&&location.protocol==="https:",t.hostname&&!t.port&&(t.port=this.secure?"443":"80"),this.hostname=t.hostname||(typeof location<"u"?location.hostname:"localhost"),this.port=t.port||(typeof location<"u"&&location.port?location.port:this.secure?"443":"80"),this.transports=t.transports||["polling","websocket","webtransport"],this.writeBuffer=[],this.prevBufferLen=0,this.opts=Object.assign({path:"/engine.io",agent:!1,withCredentials:!1,upgrade:!0,timestampParam:"t",rememberUpgrade:!1,addTrailingSlash:!0,rejectUnauthorized:!0,perMessageDeflate:{threshold:1024},transportOptions:{},closeOnBeforeunload:!1},t),this.opts.path=this.opts.path.replace(/\/$/,"")+(this.opts.addTrailingSlash?"/":""),typeof this.opts.query=="string"&&(this.opts.query=at(this.opts.query)),this.id=null,this.upgrades=null,this.pingInterval=null,this.pingTimeout=null,this.pingTimeoutTimer=null,typeof addEventListener=="function"&&(this.opts.closeOnBeforeunload&&(this.beforeunloadEventListener=()=>{this.transport&&(this.transport.removeAllListeners(),this.transport.close())},addEventListener("beforeunload",this.beforeunloadEventListener,!1)),this.hostname!=="localhost"&&(this.offlineEventListener=()=>{this.onClose("transport close",{description:"network connection lost"})},addEventListener("offline",this.offlineEventListener,!1))),this.open()}createTransport(e){let t=Object.assign({},this.opts.query);t.EIO=Ne,t.transport=e,this.id&&(t.sid=this.id);let i=Object.assign({},this.opts,{query:t,socket:this,hostname:this.hostname,secure:this.secure,port:this.port},this.opts.transportOptions[e]);return new Te[e](i)}open(){let e;if(this.opts.rememberUpgrade&&r.priorWebsocketSuccess&&this.transports.indexOf("websocket")!==-1)e="websocket";else if(this.transports.length===0){this.setTimeoutFn(()=>{this.emitReserved("error","No transports available")},0);return}else e=this.transports[0];this.readyState="opening";try{e=this.createTransport(e)}catch{this.transports.shift(),this.open();return}e.open(),this.setTransport(e)}setTransport(e){this.transport&&this.transport.removeAllListeners(),this.transport=e,e.on("drain",this.onDrain.bind(this)).on("packet",this.onPacket.bind(this)).on("error",this.onError.bind(this)).on("close",t=>this.onClose("transport close",t))}probe(e){let t=this.createTransport(e),i=!1;r.priorWebsocketSuccess=!1;let s=()=>{i||(t.send([{type:"ping",data:"probe"}]),t.once("packet",C=>{if(!i)if(C.type==="pong"&&C.data==="probe"){if(this.upgrading=!0,this.emitReserved("upgrading",t),!t)return;r.priorWebsocketSuccess=t.name==="websocket",this.transport.pause(()=>{i||this.readyState!=="closed"&&(b(),this.setTransport(t),t.send([{type:"upgrade"}]),this.emitReserved("upgrade",t),t=null,this.upgrading=!1,this.flush())})}else{let v=new Error("probe error");v.transport=t.name,this.emitReserved("upgradeError",v)}}))};function n(){i||(i=!0,b(),t.close(),t=null)}let o=C=>{let v=new Error("probe error: "+C);v.transport=t.name,n(),this.emitReserved("upgradeError",v)};function l(){o("transport closed")}function u(){o("socket closed")}function d(C){t&&C.name!==t.name&&n()}let b=()=>{t.removeListener("open",s),t.removeListener("error",o),t.removeListener("close",l),this.off("close",u),this.off("upgrading",d)};t.once("open",s),t.once("error",o),t.once("close",l),this.once("close",u),this.once("upgrading",d),this.upgrades.indexOf("webtransport")!==-1&&e!=="webtransport"?this.setTimeoutFn(()=>{i||t.open()},200):t.open()}onOpen(){if(this.readyState="open",r.priorWebsocketSuccess=this.transport.name==="websocket",this.emitReserved("open"),this.flush(),this.readyState==="open"&&this.opts.upgrade){let e=0,t=this.upgrades.length;for(;e<t;e++)this.probe(this.upgrades[e])}}onPacket(e){if(this.readyState==="opening"||this.readyState==="open"||this.readyState==="closing")switch(this.emitReserved("packet",e),this.emitReserved("heartbeat"),this.resetPingTimeout(),e.type){case"open":this.onHandshake(JSON.parse(e.data));break;case"ping":this.sendPacket("pong"),this.emitReserved("ping"),this.emitReserved("pong");break;case"error":let t=new Error("server error");t.code=e.data,this.onError(t);break;case"message":this.emitReserved("data",e.data),this.emitReserved("message",e.data);break}}onHandshake(e){this.emitReserved("handshake",e),this.id=e.sid,this.transport.query.sid=e.sid,this.upgrades=this.filterUpgrades(e.upgrades),this.pingInterval=e.pingInterval,this.pingTimeout=e.pingTimeout,this.maxPayload=e.maxPayload,this.onOpen(),this.readyState!=="closed"&&this.resetPingTimeout()}resetPingTimeout(){this.clearTimeoutFn(this.pingTimeoutTimer),this.pingTimeoutTimer=this.setTimeoutFn(()=>{this.onClose("ping timeout")},this.pingInterval+this.pingTimeout),this.opts.autoUnref&&this.pingTimeoutTimer.unref()}onDrain(){this.writeBuffer.splice(0,this.prevBufferLen),this.prevBufferLen=0,this.writeBuffer.length===0?this.emitReserved("drain"):this.flush()}flush(){if(this.readyState!=="closed"&&this.transport.writable&&!this.upgrading&&this.writeBuffer.length){let e=this.getWritablePackets();this.transport.send(e),this.prevBufferLen=e.length,this.emitReserved("flush")}}getWritablePackets(){if(!(this.maxPayload&&this.transport.name==="polling"&&this.writeBuffer.length>1))return this.writeBuffer;let t=1;for(let i=0;i<this.writeBuffer.length;i++){let s=this.writeBuffer[i].data;if(s&&(t+=nt(s)),i>0&&t>this.maxPayload)return this.writeBuffer.slice(0,i);t+=2}return this.writeBuffer}write(e,t,i){return this.sendPacket("message",e,t,i),this}send(e,t,i){return this.sendPacket("message",e,t,i),this}sendPacket(e,t,i,s){if(typeof t=="function"&&(s=t,t=void 0),typeof i=="function"&&(s=i,i=null),this.readyState==="closing"||this.readyState==="closed")return;i=i||{},i.compress=i.compress!==!1;let n={type:e,data:t,options:i};this.emitReserved("packetCreate",n),this.writeBuffer.push(n),s&&this.once("flush",s),this.flush()}close(){let e=()=>{this.onClose("forced close"),this.transport.close()},t=()=>{this.off("upgrade",t),this.off("upgradeError",t),e()},i=()=>{this.once("upgrade",t),this.once("upgradeError",t)};return(this.readyState==="opening"||this.readyState==="open")&&(this.readyState="closing",this.writeBuffer.length?this.once("drain",()=>{this.upgrading?i():e()}):this.upgrading?i():e()),this}onError(e){r.priorWebsocketSuccess=!1,this.emitReserved("error",e),this.onClose("transport error",e)}onClose(e,t){(this.readyState==="opening"||this.readyState==="open"||this.readyState==="closing")&&(this.clearTimeoutFn(this.pingTimeoutTimer),this.transport.removeAllListeners("close"),this.transport.close(),this.transport.removeAllListeners(),typeof removeEventListener=="function"&&(removeEventListener("beforeunload",this.beforeunloadEventListener,!1),removeEventListener("offline",this.offlineEventListener,!1)),this.readyState="closed",this.id=null,this.emitReserved("close",e,t),this.writeBuffer=[],this.prevBufferLen=0)}filterUpgrades(e){let t=[],i=0,s=e.length;for(;i<s;i++)~this.transports.indexOf(e[i])&&t.push(e[i]);return t}};I.protocol=Ne;var ms=I.protocol;function gt(r,e="",t){let i=r;t=t||typeof location<"u"&&location,r==null&&(r=t.protocol+"//"+t.host),typeof r=="string"&&(r.charAt(0)==="/"&&(r.charAt(1)==="/"?r=t.protocol+r:r=t.host+r),/^(https?|wss?):\/\//.test(r)||(typeof t<"u"?r=t.protocol+"//"+r:r="https://"+r),i=q(r)),i.port||(/^(http|ws)$/.test(i.protocol)?i.port="80":/^(http|ws)s$/.test(i.protocol)&&(i.port="443")),i.path=i.path||"/";let n=i.host.indexOf(":")!==-1?"["+i.host+"]":i.host;return i.id=i.protocol+"://"+n+":"+i.port+e,i.href=i.protocol+"://"+n+(t&&t.port===i.port?"":":"+i.port),i}var Be={};Lt(Be,{Decoder:()=>Me,Encoder:()=>Ie,PacketType:()=>p,protocol:()=>Et});var Yt=typeof ArrayBuffer=="function",Xt=r=>typeof ArrayBuffer.isView=="function"?ArrayBuffer.isView(r):r.buffer instanceof ArrayBuffer,yt=Object.prototype.toString,Qt=typeof Blob=="function"||typeof Blob<"u"&&yt.call(Blob)==="[object BlobConstructor]",Zt=typeof File=="function"||typeof File<"u"&&yt.call(File)==="[object FileConstructor]";function ie(r){return Yt&&(r instanceof ArrayBuffer||Xt(r))||Qt&&r instanceof Blob||Zt&&r instanceof File}function te(r,e){if(!r||typeof r!="object")return!1;if(Array.isArray(r)){for(let t=0,i=r.length;t<i;t++)if(te(r[t]))return!0;return!1}if(ie(r))return!0;if(r.toJSON&&typeof r.toJSON=="function"&&arguments.length===1)return te(r.toJSON(),!0);for(let t in r)if(Object.prototype.hasOwnProperty.call(r,t)&&te(r[t]))return!0;return!1}function wt(r){let e=[],t=r.data,i=r;return i.data=Le(t,e),i.attachments=e.length,{packet:i,buffers:e}}function Le(r,e){if(!r)return r;if(ie(r)){let t={_placeholder:!0,num:e.length};return e.push(r),t}else if(Array.isArray(r)){let t=new Array(r.length);for(let i=0;i<r.length;i++)t[i]=Le(r[i],e);return t}else if(typeof r=="object"&&!(r instanceof Date)){let t={};for(let i in r)Object.prototype.hasOwnProperty.call(r,i)&&(t[i]=Le(r[i],e));return t}return r}function vt(r,e){return r.data=Ue(r.data,e),delete r.attachments,r}function Ue(r,e){if(!r)return r;if(r&&r._placeholder===!0){if(typeof r.num=="number"&&r.num>=0&&r.num<e.length)return e[r.num];throw new Error("illegal attachments")}else if(Array.isArray(r))for(let t=0;t<r.length;t++)r[t]=Ue(r[t],e);else if(typeof r=="object")for(let t in r)Object.prototype.hasOwnProperty.call(r,t)&&(r[t]=Ue(r[t],e));return r}var ei=["connect","connect_error","disconnect","disconnecting","newListener","removeListener"],Et=5,p;(function(r){r[r.CONNECT=0]="CONNECT",r[r.DISCONNECT=1]="DISCONNECT",r[r.EVENT=2]="EVENT",r[r.ACK=3]="ACK",r[r.CONNECT_ERROR=4]="CONNECT_ERROR",r[r.BINARY_EVENT=5]="BINARY_EVENT",r[r.BINARY_ACK=6]="BINARY_ACK"})(p||(p={}));var Ie=class{constructor(e){this.replacer=e}encode(e){return(e.type===p.EVENT||e.type===p.ACK)&&te(e)?this.encodeAsBinary({type:e.type===p.EVENT?p.BINARY_EVENT:p.BINARY_ACK,nsp:e.nsp,data:e.data,id:e.id}):[this.encodeAsString(e)]}encodeAsString(e){let t=""+e.type;return(e.type===p.BINARY_EVENT||e.type===p.BINARY_ACK)&&(t+=e.attachments+"-"),e.nsp&&e.nsp!=="/"&&(t+=e.nsp+","),e.id!=null&&(t+=e.id),e.data!=null&&(t+=JSON.stringify(e.data,this.replacer)),t}encodeAsBinary(e){let t=wt(e),i=this.encodeAsString(t.packet),s=t.buffers;return s.unshift(i),s}};function kt(r){return Object.prototype.toString.call(r)==="[object Object]"}var Me=class r extends g{constructor(e){super(),this.reviver=e}add(e){let t;if(typeof e=="string"){if(this.reconstructor)throw new Error("got plaintext data when reconstructing a packet");t=this.decodeString(e);let i=t.type===p.BINARY_EVENT;i||t.type===p.BINARY_ACK?(t.type=i?p.EVENT:p.ACK,this.reconstructor=new De(t),t.attachments===0&&super.emitReserved("decoded",t)):super.emitReserved("decoded",t)}else if(ie(e)||e.base64)if(this.reconstructor)t=this.reconstructor.takeBinaryData(e),t&&(this.reconstructor=null,super.emitReserved("decoded",t));else throw new Error("got binary data when not reconstructing a packet");else throw new Error("Unknown type: "+e)}decodeString(e){let t=0,i={type:Number(e.charAt(0))};if(p[i.type]===void 0)throw new Error("unknown packet type "+i.type);if(i.type===p.BINARY_EVENT||i.type===p.BINARY_ACK){let n=t+1;for(;e.charAt(++t)!=="-"&&t!=e.length;);let o=e.substring(n,t);if(o!=Number(o)||e.charAt(t)!=="-")throw new Error("Illegal attachments");i.attachments=Number(o)}if(e.charAt(t+1)==="/"){let n=t+1;for(;++t&&!(e.charAt(t)===","||t===e.length););i.nsp=e.substring(n,t)}else i.nsp="/";let s=e.charAt(t+1);if(s!==""&&Number(s)==s){let n=t+1;for(;++t;){let o=e.charAt(t);if(o==null||Number(o)!=o){--t;break}if(t===e.length)break}i.id=Number(e.substring(n,t+1))}if(e.charAt(++t)){let n=this.tryParse(e.substr(t));if(r.isPayloadValid(i.type,n))i.data=n;else throw new Error("invalid payload")}return i}tryParse(e){try{return JSON.parse(e,this.reviver)}catch{return!1}}static isPayloadValid(e,t){switch(e){case p.CONNECT:return kt(t);case p.DISCONNECT:return t===void 0;case p.CONNECT_ERROR:return typeof t=="string"||kt(t);case p.EVENT:case p.BINARY_EVENT:return Array.isArray(t)&&(typeof t[0]=="number"||typeof t[0]=="string"&&ei.indexOf(t[0])===-1);case p.ACK:case p.BINARY_ACK:return Array.isArray(t)}}destroy(){this.reconstructor&&(this.reconstructor.finishedReconstruction(),this.reconstructor=null)}},De=class{constructor(e){this.packet=e,this.buffers=[],this.reconPack=e}takeBinaryData(e){if(this.buffers.push(e),this.buffers.length===this.reconPack.attachments){let t=vt(this.reconPack,this.buffers);return this.finishedReconstruction(),t}return null}finishedReconstruction(){this.reconPack=null,this.buffers=[]}};function _(r,e,t){return r.on(e,t),function(){r.off(e,t)}}var ti=Object.freeze({connect:1,connect_error:1,disconnect:1,disconnecting:1,newListener:1,removeListener:1}),H=class extends g{constructor(e,t,i){super(),this.connected=!1,this.recovered=!1,this.receiveBuffer=[],this.sendBuffer=[],this._queue=[],this._queueSeq=0,this.ids=0,this.acks={},this.flags={},this.io=e,this.nsp=t,i&&i.auth&&(this.auth=i.auth),this._opts=Object.assign({},i),this.io._autoConnect&&this.open()}get disconnected(){return!this.connected}subEvents(){if(this.subs)return;let e=this.io;this.subs=[_(e,"open",this.onopen.bind(this)),_(e,"packet",this.onpacket.bind(this)),_(e,"error",this.onerror.bind(this)),_(e,"close",this.onclose.bind(this))]}get active(){return!!this.subs}connect(){return this.connected?this:(this.subEvents(),this.io._reconnecting||this.io.open(),this.io._readyState==="open"&&this.onopen(),this)}open(){return this.connect()}send(...e){return e.unshift("message"),this.emit.apply(this,e),this}emit(e,...t){if(ti.hasOwnProperty(e))throw new Error('"'+e.toString()+'" is a reserved event name');if(t.unshift(e),this._opts.retries&&!this.flags.fromQueue&&!this.flags.volatile)return this._addToQueue(t),this;let i={type:p.EVENT,data:t};if(i.options={},i.options.compress=this.flags.compress!==!1,typeof t[t.length-1]=="function"){let o=this.ids++,l=t.pop();this._registerAckCallback(o,l),i.id=o}let s=this.io.engine&&this.io.engine.transport&&this.io.engine.transport.writable;return this.flags.volatile&&(!s||!this.connected)||(this.connected?(this.notifyOutgoingListeners(i),this.packet(i)):this.sendBuffer.push(i)),this.flags={},this}_registerAckCallback(e,t){var i;let s=(i=this.flags.timeout)!==null&&i!==void 0?i:this._opts.ackTimeout;if(s===void 0){this.acks[e]=t;return}let n=this.io.setTimeoutFn(()=>{delete this.acks[e];for(let l=0;l<this.sendBuffer.length;l++)this.sendBuffer[l].id===e&&this.sendBuffer.splice(l,1);t.call(this,new Error("operation has timed out"))},s),o=(...l)=>{this.io.clearTimeoutFn(n),t.apply(this,l)};o.withError=!0,this.acks[e]=o}emitWithAck(e,...t){return new Promise((i,s)=>{let n=(o,l)=>o?s(o):i(l);n.withError=!0,t.push(n),this.emit(e,...t)})}_addToQueue(e){let t;typeof e[e.length-1]=="function"&&(t=e.pop());let i={id:this._queueSeq++,tryCount:0,pending:!1,args:e,flags:Object.assign({fromQueue:!0},this.flags)};e.push((s,...n)=>i!==this._queue[0]?void 0:(s!==null?i.tryCount>this._opts.retries&&(this._queue.shift(),t&&t(s)):(this._queue.shift(),t&&t(null,...n)),i.pending=!1,this._drainQueue())),this._queue.push(i),this._drainQueue()}_drainQueue(e=!1){if(!this.connected||this._queue.length===0)return;let t=this._queue[0];t.pending&&!e||(t.pending=!0,t.tryCount++,this.flags=t.flags,this.emit.apply(this,t.args))}packet(e){e.nsp=this.nsp,this.io._packet(e)}onopen(){typeof this.auth=="function"?this.auth(e=>{this._sendConnectPacket(e)}):this._sendConnectPacket(this.auth)}_sendConnectPacket(e){this.packet({type:p.CONNECT,data:this._pid?Object.assign({pid:this._pid,offset:this._lastOffset},e):e})}onerror(e){this.connected||this.emitReserved("connect_error",e)}onclose(e,t){this.connected=!1,delete this.id,this.emitReserved("disconnect",e,t),this._clearAcks()}_clearAcks(){Object.keys(this.acks).forEach(e=>{if(!this.sendBuffer.some(i=>String(i.id)===e)){let i=this.acks[e];delete this.acks[e],i.withError&&i.call(this,new Error("socket has been disconnected"))}})}onpacket(e){if(e.nsp===this.nsp)switch(e.type){case p.CONNECT:e.data&&e.data.sid?this.onconnect(e.data.sid,e.data.pid):this.emitReserved("connect_error",new Error("It seems you are trying to reach a Socket.IO server in v2.x with a v3.x client, but they are not compatible (more information here: https://socket.io/docs/v3/migrating-from-2-x-to-3-0/)"));break;case p.EVENT:case p.BINARY_EVENT:this.onevent(e);break;case p.ACK:case p.BINARY_ACK:this.onack(e);break;case p.DISCONNECT:this.ondisconnect();break;case p.CONNECT_ERROR:this.destroy();let i=new Error(e.data.message);i.data=e.data.data,this.emitReserved("connect_error",i);break}}onevent(e){let t=e.data||[];e.id!=null&&t.push(this.ack(e.id)),this.connected?this.emitEvent(t):this.receiveBuffer.push(Object.freeze(t))}emitEvent(e){if(this._anyListeners&&this._anyListeners.length){let t=this._anyListeners.slice();for(let i of t)i.apply(this,e)}super.emit.apply(this,e),this._pid&&e.length&&typeof e[e.length-1]=="string"&&(this._lastOffset=e[e.length-1])}ack(e){let t=this,i=!1;return function(...s){i||(i=!0,t.packet({type:p.ACK,id:e,data:s}))}}onack(e){let t=this.acks[e.id];typeof t=="function"&&(delete this.acks[e.id],t.withError&&e.data.unshift(null),t.apply(this,e.data))}onconnect(e,t){this.id=e,this.recovered=t&&this._pid===t,this._pid=t,this.connected=!0,this.emitBuffered(),this.emitReserved("connect"),this._drainQueue(!0)}emitBuffered(){this.receiveBuffer.forEach(e=>this.emitEvent(e)),this.receiveBuffer=[],this.sendBuffer.forEach(e=>{this.notifyOutgoingListeners(e),this.packet(e)}),this.sendBuffer=[]}ondisconnect(){this.destroy(),this.onclose("io server disconnect")}destroy(){this.subs&&(this.subs.forEach(e=>e()),this.subs=void 0),this.io._destroy(this)}disconnect(){return this.connected&&this.packet({type:p.DISCONNECT}),this.destroy(),this.connected&&this.onclose("io client disconnect"),this}close(){return this.disconnect()}compress(e){return this.flags.compress=e,this}get volatile(){return this.flags.volatile=!0,this}timeout(e){return this.flags.timeout=e,this}onAny(e){return this._anyListeners=this._anyListeners||[],this._anyListeners.push(e),this}prependAny(e){return this._anyListeners=this._anyListeners||[],this._anyListeners.unshift(e),this}offAny(e){if(!this._anyListeners)return this;if(e){let t=this._anyListeners;for(let i=0;i<t.length;i++)if(e===t[i])return t.splice(i,1),this}else this._anyListeners=[];return this}listenersAny(){return this._anyListeners||[]}onAnyOutgoing(e){return this._anyOutgoingListeners=this._anyOutgoingListeners||[],this._anyOutgoingListeners.push(e),this}prependAnyOutgoing(e){return this._anyOutgoingListeners=this._anyOutgoingListeners||[],this._anyOutgoingListeners.unshift(e),this}offAnyOutgoing(e){if(!this._anyOutgoingListeners)return this;if(e){let t=this._anyOutgoingListeners;for(let i=0;i<t.length;i++)if(e===t[i])return t.splice(i,1),this}else this._anyOutgoingListeners=[];return this}listenersAnyOutgoing(){return this._anyOutgoingListeners||[]}notifyOutgoingListeners(e){if(this._anyOutgoingListeners&&this._anyOutgoingListeners.length){let t=this._anyOutgoingListeners.slice();for(let i of t)i.apply(this,e.data)}}};function M(r){r=r||{},this.ms=r.min||100,this.max=r.max||1e4,this.factor=r.factor||2,this.jitter=r.jitter>0&&r.jitter<=1?r.jitter:0,this.attempts=0}M.prototype.duration=function(){var r=this.ms*Math.pow(this.factor,this.attempts++);if(this.jitter){var e=Math.random(),t=Math.floor(e*this.jitter*r);r=Math.floor(e*10)&1?r+t:r-t}return Math.min(r,this.max)|0};M.prototype.reset=function(){this.attempts=0};M.prototype.setMin=function(r){this.ms=r};M.prototype.setMax=function(r){this.max=r};M.prototype.setJitter=function(r){this.jitter=r};var F=class extends g{constructor(e,t){var i;super(),this.nsps={},this.subs=[],e&&typeof e=="object"&&(t=e,e=void 0),t=t||{},t.path=t.path||"/socket.io",this.opts=t,N(this,t),this.reconnection(t.reconnection!==!1),this.reconnectionAttempts(t.reconnectionAttempts||1/0),this.reconnectionDelay(t.reconnectionDelay||1e3),this.reconnectionDelayMax(t.reconnectionDelayMax||5e3),this.randomizationFactor((i=t.randomizationFactor)!==null&&i!==void 0?i:.5),this.backoff=new M({min:this.reconnectionDelay(),max:this.reconnectionDelayMax(),jitter:this.randomizationFactor()}),this.timeout(t.timeout==null?2e4:t.timeout),this._readyState="closed",this.uri=e;let s=t.parser||Be;this.encoder=new s.Encoder,this.decoder=new s.Decoder,this._autoConnect=t.autoConnect!==!1,this._autoConnect&&this.open()}reconnection(e){return arguments.length?(this._reconnection=!!e,this):this._reconnection}reconnectionAttempts(e){return e===void 0?this._reconnectionAttempts:(this._reconnectionAttempts=e,this)}reconnectionDelay(e){var t;return e===void 0?this._reconnectionDelay:(this._reconnectionDelay=e,(t=this.backoff)===null||t===void 0||t.setMin(e),this)}randomizationFactor(e){var t;return e===void 0?this._randomizationFactor:(this._randomizationFactor=e,(t=this.backoff)===null||t===void 0||t.setJitter(e),this)}reconnectionDelayMax(e){var t;return e===void 0?this._reconnectionDelayMax:(this._reconnectionDelayMax=e,(t=this.backoff)===null||t===void 0||t.setMax(e),this)}timeout(e){return arguments.length?(this._timeout=e,this):this._timeout}maybeReconnectOnOpen(){!this._reconnecting&&this._reconnection&&this.backoff.attempts===0&&this.reconnect()}open(e){if(~this._readyState.indexOf("open"))return this;this.engine=new I(this.uri,this.opts);let t=this.engine,i=this;this._readyState="opening",this.skipReconnect=!1;let s=_(t,"open",function(){i.onopen(),e&&e()}),n=l=>{this.cleanup(),this._readyState="closed",this.emitReserved("error",l),e?e(l):this.maybeReconnectOnOpen()},o=_(t,"error",n);if(this._timeout!==!1){let l=this._timeout,u=this.setTimeoutFn(()=>{s(),n(new Error("timeout")),t.close()},l);this.opts.autoUnref&&u.unref(),this.subs.push(()=>{this.clearTimeoutFn(u)})}return this.subs.push(s),this.subs.push(o),this}connect(e){return this.open(e)}onopen(){this.cleanup(),this._readyState="open",this.emitReserved("open");let e=this.engine;this.subs.push(_(e,"ping",this.onping.bind(this)),_(e,"data",this.ondata.bind(this)),_(e,"error",this.onerror.bind(this)),_(e,"close",this.onclose.bind(this)),_(this.decoder,"decoded",this.ondecoded.bind(this)))}onping(){this.emitReserved("ping")}ondata(e){try{this.decoder.add(e)}catch(t){this.onclose("parse error",t)}}ondecoded(e){U(()=>{this.emitReserved("packet",e)},this.setTimeoutFn)}onerror(e){this.emitReserved("error",e)}socket(e,t){let i=this.nsps[e];return i?this._autoConnect&&!i.active&&i.connect():(i=new H(this,e,t),this.nsps[e]=i),i}_destroy(e){let t=Object.keys(this.nsps);for(let i of t)if(this.nsps[i].active)return;this._close()}_packet(e){let t=this.encoder.encode(e);for(let i=0;i<t.length;i++)this.engine.write(t[i],e.options)}cleanup(){this.subs.forEach(e=>e()),this.subs.length=0,this.decoder.destroy()}_close(){this.skipReconnect=!0,this._reconnecting=!1,this.onclose("forced close"),this.engine&&this.engine.close()}disconnect(){return this._close()}onclose(e,t){this.cleanup(),this.backoff.reset(),this._readyState="closed",this.emitReserved("close",e,t),this._reconnection&&!this.skipReconnect&&this.reconnect()}reconnect(){if(this._reconnecting||this.skipReconnect)return this;let e=this;if(this.backoff.attempts>=this._reconnectionAttempts)this.backoff.reset(),this.emitReserved("reconnect_failed"),this._reconnecting=!1;else{let t=this.backoff.duration();this._reconnecting=!0;let i=this.setTimeoutFn(()=>{e.skipReconnect||(this.emitReserved("reconnect_attempt",e.backoff.attempts),!e.skipReconnect&&e.open(s=>{s?(e._reconnecting=!1,e.reconnect(),this.emitReserved("reconnect_error",s)):e.onreconnect()}))},t);this.opts.autoUnref&&i.unref(),this.subs.push(()=>{this.clearTimeoutFn(i)})}}onreconnect(){let e=this.backoff.attempts;this._reconnecting=!1,this.backoff.reset(),this.emitReserved("reconnect",e)}};var se={};function D(r,e){typeof r=="object"&&(e=r,r=void 0),e=e||{};let t=gt(r,e.path||"/socket.io"),i=t.source,s=t.id,n=t.path,o=se[s]&&n in se[s].nsps,l=e.forceNew||e["force new connection"]||e.multiplex===!1||o,u;return l?u=new F(i,e):(se[s]||(se[s]=new F(i,e)),u=se[s]),t.query&&!e.query&&(e.query=t.queryKey),u.socket(t.path,e)}Object.assign(D,{Manager:F,Socket:H,io:D,connect:D});var j=class j extends HTMLElement{constructor(){super();h(this,"variable");h(this,"value");h(this,"undef",!1);h(this,"report",!1);h(this,"type","plain");h(this,"types",["plain","html","markdown","object","json","table","list","array"]);h(this,"topicMonitors",{});h(this,"uib",!!window.uibuilder);h(this,"$");this.shadow=this.attachShadow({mode:"open",delegatesFocus:!0}),this.$=this.shadowRoot.querySelector.bind(this.shadowRoot),this.css=document.createElement("link"),this.css.setAttribute("type","text/css"),this.css.setAttribute("rel","stylesheet"),this.css.setAttribute("href","./index.css"),this.dispatchEvent(new Event("uib-var:construction",{bubbles:!0,composed:!0}))}static get observedAttributes(){return j.props}attributeChangedCallback(t,i,s){if(i!==s)switch(t){case"variable":{if(s==="")throw new Error('[uib-var] Attribute "variable" MUST be set to a UIBUILDER managed variable name');this.variable=s,this.doWatch();break}case"undefined":{s===""||["on","true","report"].includes(s.toLowerCase())?this.undef=!0:this.undef=!1;break}case"report":{s===""||["on","true","report"].includes(s.toLowerCase())?this.report=!0:this.report=!1;break}case"type":{s===""||!this.types.includes(s.toLowerCase())?this.type="plain":this.type=s;break}case"topic":{if(!s||!this.uib)break;if(this.variable){console.warn("\u26A0\uFE0F [uib-var] Cannot process both variable and topic attributes, use only 1. Using variable");break}this.topic=s,this.topicMonitors[s]&&uibuilder.cancelTopic(s,this.topicMonitors[s]),this.topicMonitors[s]=uibuilder.onTopic(s,n=>{this.value=n.payload,this.varDom(),this.report===!0&&window.uibuilder.send({topic:this.variable,payload:this.value||void 0})}),this.varDom();break}case"filter":{if(this.filter=void 0,this.filterArgs=[],!s)break;this.filter=s,s=s.slice(0,127);let n=s.replace(/\s/g,"").match(/([a-zA-Z_$][a-zA-Z_$0-9.-]+)(\((.*)\))?/);if(!n){console.warn('\u26A0\uFE0F [uib-var] Filter function "'.concat(s,'" invalid. Cannot process.'));break}if(this.filter=n[1],n[3]){try{this.filterArgs=JSON.parse(n[3])}catch{}this.filterArgs=n[3].split(",").map(o=>{if(o=o.trim(),isNaN(o)){let l=o.replace(/^["'`]/,"").replace(/["'`]$/,"");try{l=new Function("return ".concat(l))()}catch{}return l}return Number(o)})}!this.variable&&!this.topic&&this.varDom(!1);break}default:{this[t]=s;break}}}connectedCallback(){this.id||(this.name||(this.name=this.getAttribute("name")),this.name?this.id=this.name.toLowerCase().replace(/\s/g,"_"):this.id="uib-var-".concat(++j._iCount))}disconnectedCallback(){this.uib&&Object.keys(this.topicMonitors).forEach(t=>{uibuilder.cancelTopic(t,this.topicMonitors[t])})}doWatch(){if(!this.variable)throw new Error("No variable name provided");this.value=window.uibuilder.get(this.variable),this.varDom(),window.uibuilder.onChange(this.variable,t=>{this.value=t,this.varDom(),this.report===!0&&window.uibuilder.send({topic:this.variable,payload:this.value||void 0})})}varDom(t=!0){if(t===!0&&!this.value&&this.undef!==!0){this.shadow.innerHTML="<slot></slot>";return}let i=t?this.doFilter(this.value):this.doFilter(),s=i;switch(this.type){case"markdown":{this.uib&&(s=window.uibuilder.convertMarkdown(i));break}case"json":case"object":{s='<pre class="syntax-highlight">'.concat(this.uib?window.uibuilder.syntaxHighlight(i):i,"</pre>");break}case"table":{s=window.uibuilder.sanitiseHTML(window.uibuilder.buildHtmlTable(i).outerHTML);break}case"array":case"list":{Array.isArray(i)||(i=[i]),s="<ul>",i.forEach(n=>{s+="<li>".concat(window.uibuilder.sanitiseHTML(n),"</li>")}),s+="</ul>";break}case"plain":case"html":default:{let n=typeof i;if(Array.isArray(i)||n==="[object Object]"||n==="object")try{s=JSON.stringify(i)}catch{}break}}this.uib?this.shadow.innerHTML=window.uibuilder.sanitiseHTML(s):this.shadow.innerHTML=s,this.shadow.appendChild(this.css)}doFilter(t){if(this.filter){let i=this.filter.split("."),s=globalThis[i[0]];if(s&&i.length>1&&[i.pop()].forEach(o=>{s=s[o]}),!s&&this.uib===!0&&(s=globalThis.uibuilder[i[0]]),s&&typeof s!="function"&&(s=void 0),s){let n=t===void 0?[...this.filterArgs]:[t,...this.filterArgs];t=Reflect.apply(s,t!=null?t:s,n)}else console.warn('\u26A0\uFE0F [uib-var] Filter function "'.concat(this.filter,'" ').concat(typeof s=="object"?"is an object not a function":"not found"))}return t}};h(j,"_iCount",0),h(j,"props",["filter","id","name","report","topic","type","undefined","variable"]);var re=j;var V=class V extends HTMLElement{constructor(){super();h(this,"variable","pageMeta");h(this,"value");h(this,"undef",!1);h(this,"report",!1);h(this,"type","created");h(this,"types",["created","updated","crup","size","modified"]);h(this,"format","");h(this,"formats",["d","dt","t","k","m"]);h(this,"topicMonitors",{});h(this,"uib",!!window.uibuilder);h(this,"$");this.shadow=this.attachShadow({mode:"open",delegatesFocus:!0}),this.$=this.shadowRoot.querySelector.bind(this.shadowRoot),this.value=window.uibuilder.get("pageMeta"),this.value||window.uibuilder.getPageMeta(),this.doWatch(),this.dispatchEvent(new Event("uib-meta:construction",{bubbles:!0,composed:!0}))}static get observedAttributes(){return V.props}attributeChangedCallback(t,i,s){if(i!==s)switch(t){case"type":{s===""||!this.types.includes(s.toLowerCase())?this.type="created":this.type=s;break}case"format":{this.formats.includes(s.toLowerCase())?this[t]=s:this.type="";break}default:{this[t]=s;break}}}connectedCallback(){this.id||(this.name||(this.name=this.getAttribute("name")),this.name?this.id=this.name.toLowerCase().replace(/\s/g,"_"):this.id="uib-meta-".concat(++V._iCount))}doWatch(){this.varDom(),window.uibuilder.onChange(this.variable,t=>{this.value=t,this.varDom(),this.report===!0&&window.uibuilder.send({topic:this.variable,payload:this.value||void 0})})}varDom(t=!0){if(t===!0&&!this.value&&this.undef!==!0){this.shadow.innerHTML="<slot></slot>";return}let i;switch(this.type){case"size":{i="Size: ".concat(this.doFormat(this.value.size,"num"),"b");break}case"modified":case"updated":{i="Updated: ".concat(this.doFormat(this.value.modified,"dt"));break}case"crup":{i="Created: ".concat(this.doFormat(this.value.created,"dt"),", Updated: ").concat(this.doFormat(this.value.modified,"dt"));break}case"created":default:{i="Created: ".concat(this.doFormat(this.value.created,"dt"));break}}i!==void 0&&(this.shadow.innerHTML=i)}doFormat(t,i){if(this.format==="")return t;let s;switch(this.format){case"d":{i==="dt"?s=new Date(t).toLocaleDateString():s=t;break}case"t":{i==="dt"?s=new Date(t).toLocaleTimeString():s=t;break}case"dt":{i==="dt"?s=new Date(t).toLocaleString():s=t;break}case"k":{i==="num"?s="".concat(uibuilder.round(t/1024,1)," k"):s=t;break}case"m":{i==="num"?s="".concat(uibuilder.round(t/1048576,2)," M"):s=t;break}default:s=t}return s}};h(V,"_iCount",0),h(V,"props",["type","format"]);var ne=V;var Xs=window.uibuilder,oe=class oe extends HTMLElement{constructor(){super();h(this,"once",!1);h(this,"log");if(!window.uibuilder)throw new Error("uibuilder client library not available");this.log=window.uibuilder.log,this.dispatchEvent(new Event("apply-template:construction",{bubbles:!0,composed:!0}))}static get observedAttributes(){return oe.props}attributeChangedCallback(t,i,s){i!==s&&(this[t]=s)}connectedCallback(){let t=this["template-id"],i=this.once;if(t){let s=document.getElementById(t);if(s)try{let n;i===!1?n=document.importNode(s.content,!0):n=document.adoptNode(s.content),this.appendChild(n)}catch{this.log("error","ApplyTemplate","Source must be a <template>. id='".concat(t,"'"))}else this.log("error","ApplyTemplate","Source not found: id='".concat(t,"'"))}else this.log("error","ApplyTemplate","Template id attribute not provided. Template must be identified by an id attribute.")}};h(oe,"_iCount",0),h(oe,"props",["template-id","once"]);var ae=oe;var Ct="7.0.3-esm.min",ii=!/param/.test(function(r){});function c(){let r=Array.prototype.slice.call(arguments),e=r.shift(),t;switch(e){case"trace":case 5:{if(c.level<5)break;e=5,t="trace";break}case"debug":case 4:{if(c.level<4)break;e=4,t="debug";break}case"log":case 3:{if(c.level<3)break;e=3,t="log";break}case"info":case"":case 2:{if(c.level<2)break;e=2,t="info";break}case"warn":case 1:{if(c.level<1)break;e=1,t="warn";break}case"error":case"err":case 0:{if(c.level<0)break;e=0,t="error";break}default:{e=-1;break}}if(t===void 0)return function(){};let i=r.shift();return Function.prototype.bind.call(console[c.LOG_STYLES[t].console],console,"%c".concat(c.LOG_STYLES[t].pre).concat(t,"%c [").concat(i,"]"),"".concat(c.LOG_STYLES.level," ").concat(c.LOG_STYLES[t].css),"".concat(c.LOG_STYLES.head," ").concat(c.LOG_STYLES[t].txtCss),...r)}c.LOG_STYLES={error:{css:"background: red; color: black;",txtCss:"color: red; ",pre:"\u26D4 ",console:"error"},warn:{css:"background: darkorange; color: black;",txtCss:"color: darkorange; ",pre:"\u26A0 ",console:"warn"},info:{css:"background: aqua; color: black;",txtCss:"color: aqua;",pre:"\u2757 ",console:"info"},log:{css:"background: grey; color: yellow;",txtCss:"color: grey;",pre:"",console:"log"},debug:{css:"background: chartreuse; color: black;",txtCss:"color: chartreuse;",pre:"",console:"debug"},trace:{css:"background: indigo; color: yellow;",txtCss:"color: hotpink;",pre:"",console:"log"},names:["error","warn","info","log","debug","trace"],reset:"color: inherit;",head:"font-weight:bold; font-style:italic;",level:"font-weight:bold; border-radius: 3px; padding: 2px 5px; display:inline-block;"};c.default=0;var T;try{T=document.currentScript.getAttribute("logLevel")}catch{}if(T===void 0)try{T=new URL(import.meta.url).searchParams.get("logLevel")}catch{}T!==void 0&&(T=Number(T),isNaN(T)?(console.warn('[Uib:constructor] Cannot set logLevel to "'.concat(scriptElement.getAttribute("logLevel"),'". Defaults to 0 (error).')),c.default=0):c.default=T);c.level=c.default;function St(r){if(r===void 0)r='<span class="undefined">undefined</span>';else try{r=JSON.stringify(r,void 0,4),r=r.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+-]?\d+)?)/g,function(e){let t="number";return/^"/.test(e)?/:$/.test(e)?t="key":t="string":/true|false/.test(e)?t="boolean":/null/.test(e)&&(t="null"),'<span class="'.concat(t,'">').concat(e,"</span>")})}catch(e){r="Syntax Highlight ERROR: ".concat(e.message)}return r}var m=new _t.default(window,c,St),E,B,x,A,w,ce,W,z,P,J,_e,le,he,L,ue,si=(E=class{constructor(){h(this,"connectedNum",0);h(this,"_ioChannels",{control:"uiBuilderControl",client:"uiBuilderClient",server:"uiBuilder"});k(this,B);k(this,x,{});k(this,A,{});h(this,"isVue",!1);h(this,"vueVersion");k(this,w,null);k(this,ce);h(this,"_socket");h(this,"_htmlObserver");k(this,W,!1);k(this,z,!1);k(this,P,!1);k(this,J,0);k(this,_e,["elementExists","get","getManagedVarList","getWatchedVars","htmlSend","include","navigate","scrollTo","set","showMsg","showStatus","uiGet","uiWatch","watchUrlHash"]);k(this,le,{});k(this,he,{online:{var:"online",label:"Online?",description:"Is the browser online?"},ioConnected:{var:"ioConnected",label:"Socket.IO connected?",description:"Is Socket.IO connected?"},connectedNum:{var:"connectedNum",label:"# reconnections",description:"How many times has Socket.IO had to reconnect since last page load?"},clientId:{var:"clientId",label:"Client ID",description:"Static client unique id set in Node-RED. Only changes when browser is restarted."},tabId:{var:"tabId",label:"Browser tab ID",description:"Static unique id for the browser's current tab"},cookies:{var:"cookies",label:"Cookies",description:"Cookies set in Node-RED"},httpNodeRoot:{var:"httpNodeRoot",label:"httpNodeRoot",description:"From Node-RED' settings.js, affects URL's. May be wrong for pages in sub-folders"},pageName:{var:"pageName",label:"Page name",description:"Actual name of this page"},ioNamespace:{var:"ioNamespace",label:"SIO namespace",description:"Socket.IO namespace - unique to each uibuilder node instance"},socketError:{var:"socketError",label:"Socket error",description:"If the Socket.IO connection has failed, says why"},msgsSent:{var:"msgsSent",label:"# msgs sent",description:"How many standard messages have been sent to Node-RED?"},msgsReceived:{var:"msgsReceived",label:"# msgs received",description:"How many standard messages have been received from Node-RED?"},msgsSentCtrl:{var:"msgsSentCtrl",label:"# control msgs sent",description:"How many control messages have been sent to Node-RED?"},msgsCtrlReceived:{var:"msgsCtrlReceived",label:"# control msgs received",description:"How many control messages have been received from Node-RED?"},originator:{var:"originator",label:"Node Originator",description:"If the last msg from Node-RED was from a `uib-sender` node, this will be its node id so that messasges can be returned to it"},topic:{var:"topic",label:"Default topic",description:"Optional default topic to be included in outgoing standard messages"},started:{var:"started",label:"Has uibuilder client started?",description:"Whether `uibuilder.start()` ran successfully. This should self-run and should not need to be run manually"},version:{var:"version",label:"uibuilder client version",description:"The version of the loaded uibuilder client library"},serverTimeOffset:{var:"serverTimeOffset",label:"Server time offset (Hrs)",description:"The number of hours difference between the Node-red server and the client"}});k(this,L,{});h(this,"uibAttribs",["uib-topic","data-uib-topic"]);k(this,ue,"[".concat(this.uibAttribs.join("], ["),"]"));h(this,"clientId","");h(this,"cookies",{});h(this,"ctrlMsg",{});h(this,"ioConnected",!1);h(this,"isMinified",ii);h(this,"isVisible",!1);h(this,"lastNavType","");h(this,"maxHttpBufferSize",1048576);h(this,"msg",{});h(this,"msgsSent",0);h(this,"msgsReceived",0);h(this,"msgsSentCtrl",0);h(this,"msgsCtrlReceived",0);h(this,"online",navigator.onLine);h(this,"sentCtrlMsg",{});h(this,"sentMsg",{});h(this,"serverTimeOffset",null);h(this,"socketError",null);h(this,"tabId","");h(this,"pageName",null);h(this,"purify",!1);h(this,"markdown",!1);h(this,"urlHash",location.hash);h(this,"originator","");h(this,"topic");h(this,"uibrouterinstance");h(this,"uibrouter_CurrentRoute");h(this,"autoSendReady",!0);h(this,"httpNodeRoot","");h(this,"ioNamespace","");h(this,"ioPath","");h(this,"retryFactor",1.5);h(this,"retryMs",2e3);h(this,"storePrefix","uib_");h(this,"started",!1);h(this,"socketOptions",{path:this.ioPath,transports:["polling","websocket"],auth:e=>{e({clientVersion:Ct,clientId:this.clientId,pathName:window.location.pathname,urlParams:Object.fromEntries(new URLSearchParams(location.search)),pageName:this.pageName,tabId:this.tabId,lastNavType:this.lastNavType,connectedNum:++this.connectedNum,browserConnectTimestamp:new Date().toISOString()})},transportOptions:{polling:{extraHeaders:{"x-clientid":"".concat(E._meta.displayName,"; ").concat(E._meta.type,"; ").concat(E._meta.version,"; ").concat(this.clientId)}}}});h(this,"$",m.$);h(this,"$$",m.$$);h(this,"$ui",m);h(this,"addClass",m.addClass);h(this,"applyTemplate",m.applyTemplate);h(this,"buildHtmlTable",m.buildHtmlTable);h(this,"removeClass",m.removeClass);if(c("trace","Uib:constructor","Starting")(),window.addEventListener("offline",e=>{this.set("online",!1),this.set("ioConnected",!1),c("warn","Browser","DISCONNECTED from network")()}),window.addEventListener("online",e=>{this.set("online",!0),c("warn","Browser","Reconnected to network")(),this._checkConnect()}),document.cookie.split(";").forEach(e=>{let t=e.split("=");this.cookies[t[0].trim()]=t[1]}),this.set("clientId",this.cookies["uibuilder-client-id"]),c("trace","Uib:constructor","Client ID: ",this.clientId)(),this.set("tabId",window.sessionStorage.getItem("tabId")),this.tabId||(this.set("tabId","t".concat(Math.floor(Math.random()*1e6))),window.sessionStorage.setItem("tabId",this.tabId)),document.addEventListener("load",()=>{this.set("isVisible",!0)}),document.addEventListener("visibilitychange",()=>{this.set("isVisible",document.visibilityState==="visible"),this.sendCtrl({uibuilderCtrl:"visibility",isVisible:this.isVisible})}),document.addEventListener("uibuilder:propertyChanged",e=>{f(this,z)&&e.detail.prop in f(this,he)&&(document.querySelector('td[data-vartype="'.concat(e.detail.prop,'"]')).innerText=JSON.stringify(e.detail.value))}),this.set("ioNamespace",this._getIOnamespace()),"uibuilder-webRoot"in this.cookies)this.set("httpNodeRoot",this.cookies["uibuilder-webRoot"]),c("trace","Uib:constructor",'httpNodeRoot set by cookie to "'.concat(this.httpNodeRoot,'"'))();else{let e=window.location.pathname.split("/").filter(function(t){return t.trim()!==""});e.length>0&&e[e.length-1].endsWith(".html")&&e.pop(),e.pop(),this.set("httpNodeRoot","/".concat(e.join("/"))),c("trace","[Uib:constructor]",'httpNodeRoot set by URL parsing to "'.concat(this.httpNodeRoot,'". NOTE: This may fail for pages in sub-folders.'))()}this.set("ioPath",this.urlJoin(this.httpNodeRoot,E._meta.displayName,"vendor","socket.io")),c("trace","Uib:constructor",'ioPath: "'.concat(this.ioPath,'"'))(),this.set("pageName",window.location.pathname.replace("".concat(this.ioNamespace,"/"),"")),this.pageName.endsWith("/")&&this.set("pageName","".concat(this.pageName,"index.html")),this.pageName===""&&this.set("pageName","index.html");try{let e=this.getStore("_uibAutoloadVars");Object.keys(e).length>0&&Object.keys(e).forEach(t=>{this.set(t,this.getStore(t))})}catch{}this._dispatchCustomEvent("uibuilder:constructorComplete"),c("trace","Uib:constructor","Ending")()}set logLevel(e){c.level=e,console.log("%c\u2757 info%c [logLevel]","".concat(c.LOG_STYLES.level," ").concat(c.LOG_STYLES.info.css),"".concat(c.LOG_STYLES.head," ").concat(c.LOG_STYLES.info.txtCss),"Set to ".concat(e," (").concat(c.LOG_STYLES.names[e],")"))}get logLevel(){return c.level}get meta(){return E._meta}set(e,t,i=!1,s=!1){return e.startsWith("_")||e.startsWith("#")?(c("warn","Uib:set",'Cannot use set() on protected property "'.concat(e,'"'))(),'Cannot use set() on protected property "'.concat(e,'"')):(this[e]=t,f(this,le)[e]=e,i===!0&&this.setStore(e,t,s),c("trace","Uib:set","prop set - prop: ".concat(e,", val: "),t," store: ".concat(i,", autoload: ").concat(s))(),this._dispatchCustomEvent("uibuilder:propertyChanged",{prop:e,value:t,store:i,autoload:s}),t)}get(e){if(e.startsWith("_")||e.startsWith("#")){c("warn","Uib:get",'Cannot use get() on protected property "'.concat(e,'"'))();return}return e==="version"?E._meta.version:e==="msgsCtrl"?this.msgsCtrlReceived:e==="reconnections"?this.connectedNum:(this[e]===void 0&&c("warn","Uib:get",'get() - property "'.concat(e,'" is undefined'))(),this[e])}setStore(e,t,i=!1){let s={};if(i===!0)try{s=this.getStore("_uibAutoloadVars")||{}}catch{}if(typeof t=="object")try{t=JSON.stringify(t)}catch(n){return c("error","Uib:setStore","Cannot stringify object, not storing. ",n)(),!1}try{if(localStorage.setItem(this.storePrefix+e,t),i){s[e]=e;try{localStorage.setItem(this.storePrefix+"_uibAutoloadVars",JSON.stringify(s))}catch(n){c("error","Uib:setStore","Cannot save autoload list. ",n)()}}return this._dispatchCustomEvent("uibuilder:propertyStored",{prop:e,value:t,autoload:i}),!0}catch(n){return c("error","Uib:setStore","Cannot write to localStorage. ",n)(),!1}}getStore(e){try{return JSON.parse(localStorage.getItem(this.storePrefix+e))}catch{}try{return localStorage.getItem(this.storePrefix+e)}catch{return}}removeStore(e){try{localStorage.removeItem(this.storePrefix+e)}catch{}}getManagedVarList(){return f(this,le)}getWatchedVars(){return Object.keys(f(this,x))}_dispatchCustomEvent(e,t){let i=new CustomEvent(e,{detail:t});document.dispatchEvent(i)}onChange(e,t){f(this,x)[e]?f(this,x)[e]._nextRef++:f(this,x)[e]={_nextRef:1};let i=f(this,x)[e]._nextRef,s=f(this,x)[e][i]=function(o){if(e===o.detail.prop){let l=o.detail.value;t.call(l,l)}};return document.addEventListener("uibuilder:propertyChanged",s),i}cancelChange(e,t){document.removeEventListener("uibuilder:propertyChanged",f(this,x)[e][t]),delete f(this,x)[e][t]}onTopic(e,t){f(this,A)[e]?f(this,A)[e]._nextRef++:f(this,A)[e]={_nextRef:1};let i=f(this,A)[e]._nextRef,s=f(this,A)[e][i]=function(o){let l=o.detail;l.topic===e&&t.call(l,l)};return document.addEventListener("uibuilder:stdMsgReceived",s),i}cancelTopic(e,t){document.removeEventListener("uibuilder:stdMsgReceived",f(this,A)[e][t]),delete f(this,A)[e][t]}_checkTimestamp(e){if(Object.prototype.hasOwnProperty.call(e,"serverTimestamp")){let t=new Date(e.serverTimestamp),i=Math.round((new Date-t)/36e5);i!==this.serverTimeOffset&&(c("trace","Uib:checkTimestamp:".concat(this._ioChannels.server," (server)"),"Offset changed to: ".concat(i," from: ").concat(this.serverTimeOffset))(),this.set("serverTimeOffset",i))}}_watchHashChanges(){this.set("urlHash",location.hash),window.addEventListener("hashchange",e=>{this.set("urlHash",location.hash),f(this,P)===!0&&this.send({topic:"hashChange",payload:location.hash,newHash:this.keepHashFromUrl(e.newURL),oldHash:this.keepHashFromUrl(e.oldURL)})})}arrayIntersect(e,t){return e.filter(i=>t.includes(i))}copyToClipboard(e){let t="";try{t=JSON.stringify(this.get(e))}catch(i){c("error","copyToClipboard",'Could not copy "'.concat(e,'" to clipboard.'),i.message)()}navigator.clipboard.writeText(t)}elementExists(e,t=!0){let i=document.querySelector(e),s=!1;return i!==null&&(s=!0),t===!0&&this.send({payload:s,info:'Element "'.concat(e,'" ').concat(s?"exists":"does not exist")}),s}formatNumber(e,t,i,s){if(isNaN(e))return c("error","formatNumber",'Value must be a number. Value type: "'.concat(typeof e,'"'))(),"NaN";s||(s={}),i||(i=navigator.language?navigator.language:"en-GB"),t&&(s.minimumFractionDigits=t,s.maximumFractionDigits=t);let n;try{n=Number(e).toLocaleString(i,s)}catch(o){return c("error","formatNumber","".concat(o.message,". value=").concat(e,", dp=").concat(t,', intl="').concat(i,'", opts=').concat(JSON.stringify(s)))(),"NaN"}return n}getObjectSize(e){let t;try{let i=JSON.stringify(e);t=new TextEncoder().encode(i).length}catch(i){c("error","uibuilder:getObjectSize","Could not stringify, cannot determine size",e,i)}return t}hasUibRouter(){return!!this.uibrouterinstance}keepHashFromUrl(e){return e?"#"+e.replace(/^.*#(.*)/,"$1").replace(/\?.*$/,""):""}log(){c(...arguments)()}makeMeAnObject(e,t){t||(t="payload"),typeof t!="string"&&(c("warn","uibuilder:makeMeAnObject","WARNING: property parameter must be a string and not: ".concat(typeof t))(),t="payload");let i={};return e!==null&&e.constructor.name==="Object"?i=e:e!==null&&(i[t]=e),i}navigate(e){return e&&(window.location.href=e),window.location}round(e,t){let i=Math.pow(10,t||0),s=e*i*(1+Number.EPSILON);return Math.round(s)/i}setOriginator(e=""){this.set("originator",e)}setPing(e=0){let t=new XMLHttpRequest;t.addEventListener("load",()=>{let i=t.getAllResponseHeaders().split("\r\n"),s=Number(new Date)-Number(t.responseURL.split("=")[1]);this.set("ping",{success:t.status===201||t.status===204,status:t.status,headers:i,url:t.responseURL,elapsedTime:s})}),f(this,B)&&(clearInterval(f(this,B)),S(this,B,void 0)),t.open("GET","".concat(this.httpNodeRoot,"/uibuilder/ping?t=").concat(Number(new Date))),t.send(),e>0&&S(this,B,setInterval(()=>{t.open("GET","".concat(this.httpNodeRoot,"/uibuilder/ping?t=").concat(Number(new Date))),t.send()},e))}syntaxHighlight(e){return St(e)}truthy(e,t){let i;return["on","On","ON","true","True","TRUE","1",!0,1].includes(e)?i=!0:["off","Off","OFF","false","False","FALSE","0",!1,0].includes(e)?i=!1:i=t,i}urlJoin(){return("/"+Array.prototype.slice.call(arguments).map(function(i){return i.replace(/^\/|\/$/g,"")}).filter(function(i){return i}).join("/")).replace("//","/")}watchUrlHash(e){return S(this,P,this.truthy(e,f(this,P)!==!0)),f(this,P)}elementIsVisible(){return c("error","uib:elementIsVisible","elementIsVisible has been temporarily DEPRECATED as it was not working correctly and a fix is complex")(),this.send({payload:"elementIsVisible has been temporarily DEPRECATED as it was not working correctly and a fix is complex"}),!1}convertMarkdown(e){return m.convertMarkdown}async include(e,t){await m.include(e,t)}loadScriptSrc(e){m.loadScriptSrc(e)}loadStyleSrc(e){m.loadStyleSrc(e)}loadScriptTxt(e){m.loadScriptTxt(e)}loadStyleTxt(e){m.loadStyleTxt(e)}loadui(e){m.loadui(e)}replaceSlot(e,t){m.replaceSlot(e,t)}replaceSlotMarkdown(e,t){m.replaceSlotMarkdown(e,t)}sanitiseHTML(e){return m.sanitiseHTML(e)}showDialog(e,t,i){m.showDialog(e,t,i)}ui(e){m.ui(e)}uiGet(e,t=null){return m.uiGet(e,t)}uiEnhanceElement(e,t){m.uiEnhanceElement(e,t)}async _uibAttribObserver(e){e.forEach(async t=>{c("trace","uibuilder:_uibAttribObserver","Mutations ",t)(),t.attributeName&&(t.attributeName.startsWith("uib")||t.attributeName.startsWith("data-uib"))?this._uibAttrScanOne(t.target):t.addedNodes.length>0&&t.addedNodes.forEach(async i=>{let s=[];try{s=[...i.attributes]}catch{}this.arrayIntersect(this.uibAttribs,s).forEach(async l=>{this._uibAttrScanOne(l)});let o=[];i.querySelectorAll&&(o=i.querySelectorAll(f(this,ue))),o.forEach(async l=>{this._uibAttrScanOne(l)})})})}async _uibAttrScanOne(e){c("trace","uibuilder:_uibAttrScanOne","Setting up auto-processor for: ",e)();let t=e.getAttribute("uib-topic")||e.getAttribute("data-uib-topic");this.onTopic(t,i=>{if(c("trace","uibuilder:_uibAttrScanOne",'Msg with topic "'.concat(t,'" received. msg content: '),i)(),i._uib_processed_by="_uibAttrScanOne",Object.prototype.hasOwnProperty.call(i,"attributes"))try{for(let[o,l]of Object.entries(i.attributes))e.setAttribute(o,l)}catch{c(0,"uibuilder:attribute-processing","Failed to set attributes. Ensure that msg.attributes is an object containing key/value pairs with each key a valid attribute name. Note that attribute values have to be a string.")()}let s=Object.prototype.hasOwnProperty.call(i,"checked"),n=Object.prototype.hasOwnProperty.call(i,"value");(n||s)&&(e.type&&(e.type==="checkbox"||e.type==="radio")?s?e.checked=this.truthy(i.checked,!1):n&&(e.checked=this.truthy(i.value,!1)):n?e.value=i.value:s&&(e.value=this.truthy(i.checked,!1))),Object.prototype.hasOwnProperty.call(i,"payload")&&this.replaceSlot(e,i.payload)})}async _uibAttrScanAll(e){Array.isArray(e)||(e=[e]),e.forEach(async t=>{let i=t.querySelectorAll(f(this,ue));i.length>0&&i.forEach(s=>{this._uibAttrScanOne(s)})})}_processFilesInput(e,t=!1){let i=[];for(let s of e){let n={};for(let o in s)n[o]=s[o];n.tempUrl=window.URL.createObjectURL(s),i.push(n),t!==!0&&this.uploadFile(s)}return i}getElementAttributes(e){let t=["class","id","name"],i;try{i=Object.assign({},...Array.from(e.attributes,({name:s,value:n})=>{if(!t.includes(s))return{[s]:n}}))}catch{}return i}getElementClasses(e){let t;try{t=Array.from(e.classList)}catch{}return t}getElementCustomProps(e){let t={};return Object.keys(e).forEach(i=>{i.startsWith("_")||(t[i]=e[i])}),t}getFormElementValue(e){let t=null,i=null;switch(e.type){case"checkbox":case"radio":{t=i=e.checked;break}case"select-multiple":{t=Array.from(e.selectedOptions).map(s=>s.value);break}default:{e.value&&(t=e.value),e.checked&&(t=i=e.checked),e.valueAsNumber&&!isNaN(e.valueAsNumber)&&(t=e.valueAsNumber);break}}return{value:t,checked:i}}getFormElementDetails(e){if(!e.type)return c(1,"uibuilder:getFormElementDetails","Cannot get form element details as this is not an input type element")(),null;let t=this.returnElementId(e);if(!t)return c(1,"uibuilder:getFormElementDetails","Cannot get form element details as no id is present and could not be generated")(),null;let{value:i,checked:s}=this.getFormElementValue(e);e.type==="file"&&e.files.length>0&&(i=this._processFilesInput(e.files));let n={id:t,name:e.name,valid:e.checkValidity(),type:e.type};if(i!==null&&(n.value=i),s!==null&&(n.checked=s),n.valid===!1){let o=e.validity;n.validity={badInput:o.badInput===!0?o.badInput:void 0,customError:o.customError===!0?o.customError:void 0,patternMismatch:o.patternMismatch===!0?o.patternMismatch:void 0,rangeOverflow:o.rangeOverflow===!0?o.rangeOverflow:void 0,rangeUnderflow:o.rangeUnderflow===!0?o.rangeUnderflow:void 0,stepMismatch:o.stepMismatch===!0?o.stepMismatch:void 0,tooLong:o.tooLong===!0?o.tooLong:void 0,tooShort:o.tooShort===!0?o.tooShort:void 0,typeMismatch:o.typeMismatch===!0?o.typeMismatch:void 0,valueMissing:o.valueMissing===!0?o.valueMissing:void 0}}return Object.keys(e.dataset).length>0&&(n.data=e.dataset),n}notify(e){return e.return?m.notification(e):(m.notification(e).then(t=>{c("info","Uib:notification","Notification completed event",t)()}).catch(t=>{c("error","Uib:notification","Notification error event",t)()}),null)}returnElementId(e){return e.id!==""?e.id:e.name!==""?"".concat(e.name,"-").concat(++fe(this,J)._):e.type?"".concat(e.type,"-").concat(++fe(this,J)._):"".concat(e.localName,"-").concat(++fe(this,J)._)}scrollTo(e,t){t||(t={}),!e||e==="top"||e==="start"?e="body":(e==="bottom"||e==="end")&&(e="body",t.block="end");let i=this.$(e);return i?(i.scrollIntoView(t),!0):!1}showMsg(e,t="body"){e===void 0&&(e=!f(this,W)),S(this,W,e);let i="Waiting for a message from Node-RED";return this.msg&&Object.keys(this.msg).length>0&&(i=this.syntaxHighlight(this.msg)),e===!1?m._uiRemove({components:["#uib_last_msg_wrap"]}):m._uiReplace({components:[{type:"div",id:"uib_last_msg_wrap",parent:t,attributes:{title:"Last message from Node-RED"},components:[{type:"button",attributes:{onclick:'uibuilder.copyToClipboard("msg")',class:"compact",style:"right:3em;"},slot:"\u{1F4CB}"},{type:"button",attributes:{onclick:"uibuilder.showMsg()",class:"compact",style:"right:.5em;"},slot:"\u26D4"},{type:"pre",id:"uib_last_msg",attributes:{class:"syntax-highlight"},slot:i}]}]}),e}showStatus(e,t="body"){if(e===void 0&&(e=!f(this,z)),S(this,z,e),e===!1)return m._uiRemove({components:["#uib_status"]}),e;let i={components:[{type:"div",id:"uib_status",parent:t,attributes:{title:"Current status of the uibuilder client",class:"text-smaller"},components:[{type:"table",components:[{type:"tbody",components:[]}]}]}]},s=i.components[0].components[0].components[0].components;return Object.values(f(this,he)).forEach(n=>{s.push({type:"tr",attributes:{title:n.description},components:[{type:"th",slot:n.label},{type:"td",attributes:{"data-varType":n.var},slot:n.var==="version"?E._meta.version:JSON.stringify(this[n.var])}]})}),m._uiReplace(i),e}uiWatch(e,t="toggle",i=!0,s=!0){let n=document.querySelector(e);if(!n)return c("warn","uibuilder.module.js:uiWatch","CSS Selector '".concat(e,"' not found."))(),!1;(t==="toggle"||t===void 0||t===null)&&(f(this,L)[e]?t=!1:t=!0);let o=this;return t===!0?(f(this,L)[e]=new MutationObserver(function(l){let u=[];l.forEach(d=>{let b={type:d.type,oldValue:d.oldValue!==null?d.oldValue:void 0};d.addedNodes.length>0&&(b.addedNodes=[],d.addedNodes.forEach((C,v)=>{b.addedNodes.push(m.nodeGet(d.addedNodes[v]))})),d.removedNodes.length>0&&(b.removedNodes=[],d.removedNodes.forEach((C,v)=>{b.removedNodes.push(m.nodeGet(d.removedNodes[v]))})),d.type==="attributes"&&(b.attributeName=d.attributeName,b.newValue=d.target.attributes[d.attributeName].value),u.push(b)}),o._dispatchCustomEvent("uibuilder:domChange",u),i===!0&&o.send({_ui:{cssSelector:e,uiChanges:u},topic:o.topic||"DOM Changes for '".concat(e,"'")}),s===!0&&c("info","uibuilder.module.js:uiWatch","DOM Changes for '".concat(e,"'"),{uiChanges:u},{mutationList:l})()}),f(this,L)[e].observe(n,{attributes:!0,childList:!0,subtree:!0,characterData:!0}),c("trace","uibuilder.module.js:uiWatch","Started Watching DOM changes for '".concat(e,"'"))()):(f(this,L)[e].disconnect(),delete f(this,L)[e],c("trace","uibuilder.module.js:uiWatch","Stopped Watching DOM changes for '".concat(e,"'"))()),t}watchDom(e){let t=document.documentElement,i=this;this._htmlObserver||(this._htmlObserver=new MutationObserver(function(){this.takeRecords(),i.saveHtmlCache()})),e===!0||e===void 0?(this._htmlObserver.observe(t,{attributes:!0,childList:!0,subtree:!0,characterData:!0}),c("trace","uibuilder.module.js:watchDom","Started Watching and saving DOM changes")()):(this._htmlObserver.disconnect(),c("trace","uibuilder.module.js:watchDom","Stopped Watching and saving DOM changes")())}clearHtmlCache(){this.removeStore("htmlCache"),c("trace","uibuilder.module.js:clearHtmlCache","HTML cache cleared")()}restoreHtmlFromCache(){let e=this.getStore("htmlCache");if(e){let t=document.getElementsByTagName("html")[0];t.innerHTML=e,c("trace","uibuilder.module.js:restoreHtmlFromCache","Restored HTML from cache")()}else c("trace","uibuilder.module.js:restoreHtmlFromCache","No cache to restore")()}saveHtmlCache(){this.setStore("htmlCache",document.documentElement.innerHTML)}_ctrlMsgFromServer(e){if(e===null)e={};else if(typeof e!="object"){let t={};t["uibuilderCtrl:"+this._ioChannels.control]=e,e=t}switch(this._checkTimestamp(e),this.set("ctrlMsg",e),this.set("msgsCtrlReceived",++this.msgsCtrlReceived),c("trace","Uib:ioSetup:_ctrlMsgFromServer","Channel '".concat(this._ioChannels.control,"'. Received control msg #").concat(this.msgsCtrlReceived),e)(),e.uibuilderCtrl){case"shutdown":{c("info","Uib:ioSetup:".concat(this._ioChannels.control),'\u274C Received "shutdown" from server')(),this.set("serverShutdown",void 0);break}case"client connect":{c("trace","Uib:ioSetup:".concat(this._ioChannels.control),'Received "client connect" from server',e)(),c("info","Uib:ioSetup:".concat(this._ioChannels.control),"\u2705 Server connected. Version: ".concat(e.version,"\nServer time: ").concat(e.serverTimestamp,", Sever time offset: ").concat(this.serverTimeOffset," hours. Max msg size: ").concat(e.maxHttpBufferSize))(),E._meta.version.startsWith(e.version.split("-")[0])||c("warn","Uib:ioSetup:".concat(this._ioChannels.control),"Server version (".concat(e.version,") not the same as the client version (").concat(E._meta.version,")"))(),this.autoSendReady===!0&&c("trace","Uib:ioSetup:".concat(this._ioChannels.control,"/client connect"),"Auto-sending ready-for-content/replay msg to server"),this.maxHttpBufferSize=e.maxHttpBufferSize;break}case"get page meta":{this.set("pageMeta",e.payload);break}default:c("trace","uibuilder:ioSetup:".concat(this._ioChannels.control),"Received ".concat(e.uibuilderCtrl," from server"))}}_forThis(e){let t=!0;return e.pageName&&e.pageName!==this.pageName&&(c("trace","Uib:_msgRcvdEvents:_uib","Not for this page")(),t=!1),e.clientId&&e.clientId!==this.clientId&&(c("trace","Uib:_msgRcvdEvents:_uib","Not for this clientId")(),t=!1),e.tabId&&e.tabId!==this.tabId&&(c("trace","Uib:_msgRcvdEvents:_uib","Not for this tabId")(),t=!1),t}_msgRcvdEvents(e){if(this._dispatchCustomEvent("uibuilder:stdMsgReceived",e),e.topic&&this._dispatchCustomEvent("uibuilder:msg:topic:".concat(e.topic),e),!e._uib_processed_by){if(e._uib_processed_by="_msgRcvdEvents",e._uib){if(!this._forThis(e._uib))return;if(e._uib.reload===!0){c("trace","Uib:_msgRcvdEvents:_uib:reload","reloading")(),e._uib_processed_by="_msgRcvdEvents - reload",location.reload();return}if(e._uib.command){e._uib_processed_by="_msgRcvdEvents - remote command",this._uibCommand(e);return}e._uib.componentRef==="globalNotification"&&(e._uib_processed_by="_msgRcvdEvents - globalNotification",m.showDialog("notify",e._uib.options,e)),e._uib.componentRef==="globalAlert"&&(e._uib_processed_by="_msgRcvdEvents - globalAlert",m.showDialog("alert",e._uib.options,e))}if(e._ui){if(!this._forThis(e._ui))return;c("trace","Uib:_msgRcvdEvents:_ui","Calling _uiManager")(),e._uib_processed_by="_msgRcvdEvents - _ui",this._dispatchCustomEvent("uibuilder:msg:_ui",e),m._uiManager(e)}}}_send(e,t,i=""){t==null&&(t=this._ioChannels.client),t===this._ioChannels.client?(e=this.makeMeAnObject(e,"payload"),this.hasUibRouter()&&(e._uib||(e._uib={}),e._uib.routeId=this.uibrouter_CurrentRoute)):t===this._ioChannels.control&&(e=this.makeMeAnObject(e,"uibuilderCtrl"),Object.prototype.hasOwnProperty.call(e,"uibuilderCtrl")||(e.uibuilderCtrl="manual send"),e.from="client",this.hasUibRouter()&&(e.routeId=this.uibrouter_CurrentRoute)),e._socketId=this._socket.id,i===""&&this.originator!==""&&(i=this.originator),i!==""&&Object.assign(e,{_uib:{originator:i}}),Object.prototype.hasOwnProperty.call(e,"topic")||(this.topic!==void 0&&this.topic!==""?e.topic=this.topic:Object.prototype.hasOwnProperty.call(this,"msg")&&Object.prototype.hasOwnProperty.call(this.msg,"topic")&&(e.topic=this.msg.topic)),e._ui&&(e._ui.from="client",this.hasUibRouter()&&(e._ui.routeId=this.uibrouter_CurrentRoute));let s;t===this._ioChannels.client?(this.set("sentMsg",e),s=this.set("msgsSent",++this.msgsSent)):t===this._ioChannels.control&&(this.set("sentCtrlMsg",e),s=this.set("msgsSentCtrl",++this.msgsSentCtrl)),c("trace","Uib:_send"," Channel '".concat(t,"'. Sending msg #").concat(s),e)(),this._socket.emit(t,e)}_stdMsgFromServer(e){e=this.makeMeAnObject(e,"payload"),!(e._uib&&!this._forThis(e._uib))&&(e._ui&&!this._forThis(e._ui)||(this._checkTimestamp(e),this.set("msgsReceived",++this.msgsReceived),this._msgRcvdEvents(e),"_ui"in e&&!("payload"in e)||this.set("msg",e),c("info","Uib:ioSetup:stdMsgFromServer","Channel '".concat(this._ioChannels.server,"'. Received msg #").concat(this.msgsReceived,"."),e)()))}_uibCommand(e){var u;if(!e._uib||!e._uib.command){c("error","uibuilder:_uibCommand","Invalid command message received",{msg:e})(),e.payload=e.error="Invalid command message received",this.send(e);return}let t=e._uib.command;if(!f(this,_e).includes(t.trim())){c("error","Uib:_uibCommand","Command '".concat(t," is not allowed to be called externally"))();return}let i=e._uib.prop,s=e._uib.value,n=(u=e._uib.quiet)!=null?u:!1,o,l;switch(t){case"elementIsVisible":{o=this.elementIsVisible(i);break}case"elementExists":{o=this.elementExists(i,!1),l='Element "'.concat(i,'" ').concat(o?"exists":"does not exist");break}case"get":{o=this.get(i);break}case"getManagedVarList":{i==="full"?o=this.getManagedVarList():o=Object.values(this.getManagedVarList());break}case"getWatchedVars":{i==="full"?o=this.getWatchedVars():o=Object.values(this.getWatchedVars());break}case"htmlSend":{o=this.htmlSend("",!1);break}case"include":{o=m.include(i,s);break}case"navigate":{let d;i?d=i:s&&(d=s),o=this.navigate(d);break}case"scrollTo":{o=this.scrollTo(i,s);break}case"set":{let d=!1,b=!1;e._uib.options&&e._uib.options.store&&(e._uib.options.store===!0&&(d=!0),e._uib.options.autoload===!0&&(b=!0)),o=this.set(i,s,d,b);break}case"showMsg":{o=this.showMsg(s,i);break}case"showStatus":{o=this.showStatus(s,i);break}case"uiGet":{o=m.uiGet(i,s);break}case"uiWatch":{o=this.uiWatch(i);break}case"watchUrlHash":{o=this.watchUrlHash(i);break}default:{c("warning","Uib:_uibCommand","Command '".concat(t,"' not yet implemented"))();break}}n!==!0&&(o===void 0&&(o="'".concat(i,"' is undefined")),Object(o).constructor===Promise?o.then(d=>(e.payload=e._uib.response=d,e.info=e._uib.info=l,e.topic||(e.topic=this.topic||"uib ".concat(t," for '").concat(i,"'")),this.send(e),!0)).catch(d=>{c(0,"Uib:_uibCommand","Error: ",d)()}):(e.payload=e._uib.response=o,e.info=e._uib.info=l,e.topic||(e.topic=this.topic||"uib ".concat(t," for '").concat(i,"'")),this.send(e)))}beaconLog(e,t){t||(t="debug"),navigator.sendBeacon("./_clientLog","".concat(t,"::").concat(e))}getPageMeta(){this.sendCtrl({uibuilderCtrl:"get page meta"})}htmlSend(e="",t=!0){let i="<!doctype html>\n".concat(document.documentElement.outerHTML),s={payload:i,length:i.length,topic:this.topic};return c("trace","Uib:htmlSend","Sending full HTML to Node-RED",s)(),t===!0&&this._send(s,this._ioChannels.client,e),i}logToServer(){this.sendCtrl({uibuilderCtrl:"client log message",payload:arguments,_socketId:this._socket.id,clientId:this.clientId,tabId:this.tabId,pageName:this.pageName,connections:this.connectedNum,lastNavType:this.lastNavType})}eventSend(e,t=""){if(this.$attrs){c("error","Uib:eventSend","`this` has been usurped by VueJS. Make sure that you wrap the call in a function: `doEvent: function (event) { uibuilder.eventSend(event) },`")();return}if(!e&&!event){c("warn","Uib:eventSend","Neither the domevent nor the hidden event properties are set. You probably called this function directly rather than applying to an on click event.")();return}if((!e||!e.constructor)&&(e=event),!e.constructor.name.endsWith("Event")||!e.currentTarget){c("warn","Uib:eventSend","ARGUMENT NOT A DOM EVENT - use data attributes not function arguments to pass data. Arg Type: ".concat(e.constructor.name),e)();return}e.preventDefault();let i=e.currentTarget,s=this.getElementCustomProps(i),n=this.getElementAttributes(i),o={},l;i.form?(l={id:this.returnElementId(i.form),valid:i.form.checkValidity()},Object.values(i.form).forEach((Pe,ri)=>{if(["fieldset","object"].includes(Pe.type))return;let G=this.getFormElementDetails(Pe);G&&(l[G.id]=G,o[G.id]=G.value)})):i.type==="file"&&(o=this._processFilesInput(i.files));let u=this.getElementClasses(i);Object.keys(i.dataset).length>0&&(o={...o,...i.dataset});let{value:d,checked:b}=this.getFormElementValue(i);d!==null&&(o.value=d),b!==null&&(o.checked=b);let C;Object.prototype.toString.call(i)==="[object Notification]"&&(o="notification-".concat(i.userAction),C={actions:i.actions,badge:i.badge,body:i.body,data:i.data,dir:i.dir,icon:i.icon,image:i.image,lang:i.lang,renotify:i.renotify,requireInteraction:i.requireInteraction,silent:i.silent,tag:i.tag,timestamp:i.timestamp,title:i.title,vibrate:i.vibrate});let v={payload:o,_ui:{type:"eventSend",id:i.id!==""?i.id:void 0,name:i.name!==""?i.name:void 0,slotText:i.textContent?i.textContent.substring(0,255):void 0,form:l,props:s,attribs:n,classes:u,notification:C,event:e.type,altKey:e.altKey,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,metaKey:e.metaKey,pointerType:e.pointerType,nodeName:i.nodeName,clientId:this.clientId,pageName:this.pageName,tabId:this.tabId}};c("trace","Uib:eventSend","Sending msg to Node-RED",v)(),this._send(v,this._ioChannels.client,t)}send(e,t=""){this._send(e,this._ioChannels.client,t)}sendRoom(e,t){this._socket.emit("uib-room-send",e,t)}joinRoom(e){this._socket.emit("uib-room-join",e)}leaveRoom(e){this._socket.emit("uib-room-leave",e)}sendCtrl(e){this._send(e,this._ioChannels.control)}sendCustom(e,t){this._socket.emit(e,t)}uploadFile(e){let t=new FileReader;t.onload=i=>{let s=i.target.result,n={topic:this.topic||"file-upload",payload:s,fileName:e.name,type:e.type,lastModified:e.lastModifiedDate,size:e.size},o=this.maxHttpBufferSize-500;s.byteLength>=o&&(n.payload=void 0,n.error="File is too large to send. File size: ".concat(s.byteLength,". Max msg size: ").concat(o),c("error","Uib:uploadFile",n.error)()),this.send(n)},t.readAsArrayBuffer(e)}_getIOnamespace(){let e;if(e=this.cookies["uibuilder-namespace"],e===void 0||e===""){let t=window.location.pathname.split("/").filter(function(i){return i.trim()!==""});t.length>0&&t[t.length-1].endsWith(".html")&&t.pop(),e=t.pop(),c("trace","uibuilder.module.js:getIOnamespace","Socket.IO namespace found via url path: ".concat(e))()}else c("trace","uibuilder.module.js:getIOnamespace","Socket.IO namespace found via cookie: ".concat(e))();return this.url=e,e="/"+e,c("trace","uibuilder.module.js:getIOnamespace","Final Socket.IO namespace: ".concat(e))(),e}_checkConnect(e,t,i=1){if(navigator.onLine!==!1)return e||(e=this.retryMs),t||(t=this.retryFactor),c("trace","Uib:checkConnect","Checking connection. Connected: ".concat(this._socket.connected,". Timer: ").concat(f(this,w),". Depth: ").concat(i,". Delay: ").concat(e,". Factor: ").concat(t),this._socket)(),this._socket.connected===!0?(f(this,w)&&(window.clearTimeout(f(this,w)),S(this,w,null)),this.set("ioConnected",!0),this.set("socketError",null),!0):(this.set("ioConnected",!1),f(this,w)&&window.clearTimeout(f(this,w)),S(this,w,window.setTimeout(()=>{c("warn","Uib:checkConnect:setTimeout","Socket.IO reconnection attempt. Current delay: ".concat(e,". Depth: ").concat(i))(),this._socket.disconnect(),this._socket.connect(),S(this,w,null),this._checkConnect(e*t,t,i++)},e)),!1)}_onConnect(){c("info","Uib:ioSetup","\u2705 SOCKET CONNECTED. Connection count: ".concat(this.connectedNum,", Is a Recovery?: ").concat(this._socket.recovered,". \nNamespace: ").concat(this.ioNamespace))(),this._dispatchCustomEvent("uibuilder:socket:connected",{numConnections:this.connectedNum,isRecovery:this._socket.recovered}),this._checkConnect()}_onDisconnect(e){c("info","Uib:ioSetup:socket-disconnect","\u26D4 Socket Disconnected. Reason: ".concat(e))(),this._dispatchCustomEvent("uibuilder:socket:disconnected",e),this._checkConnect()}_ioSetup(){return D===void 0?(c("error","Uib:ioSetup","Socket.IO client not loaded, Node-RED comms will not work")(),!1):(this._socket&&(c("trace","Uib:ioSetup","Removing listeners in preparation for redoing Socket.IO connections")(),f(this,w)&&(window.clearTimeout(f(this,w)),S(this,w,null)),this._socket.close(),this._socket.offAny(),this._socket=void 0,this.set("ioConnected",!1)),this.socketOptions.path=this.ioPath,c("trace","Uib:ioSetup","About to create IO object. Transports: [".concat(this.socketOptions.transports.join(", "),"]"))(),this._socket=D(this.ioNamespace,this.socketOptions),this._connectGlobal(),this._socket.on("connect",this._onConnect.bind(this)),this._socket.on(this._ioChannels.server,this._stdMsgFromServer.bind(this)),this._socket.on(this._ioChannels.control,this._ctrlMsgFromServer.bind(this)),this._socket.on("disconnect",this._onDisconnect.bind(this)),this._socket.on("connect_error",e=>{navigator.onLine!==!1&&(c("error","Uib:ioSetup:connect_error","\u274C Socket.IO Connect Error. Reason: ".concat(e.message),e)(),this.set("ioConnected",!1),this.set("socketError",e),this._dispatchCustomEvent("uibuilder:socket:disconnected",e))}),this._socket.on("error",e=>{c("error","Uib:ioSetup:error","\u274C Socket.IO Error. Reason: ".concat(e.message),e)(),this.set("ioConnected",!1),this.set("socketError",e),this._dispatchCustomEvent("uibuilder:socket:disconnected",e)}),this._checkConnect(),!0)}_connectGlobal(){this._socketGlobal=D("/",this.socketOptions),this._socketGlobal.onAny((...e)=>{this.set("globalMsg",e.slice(0,-1))})}connect(){this._socket.connect()}disconnect(){this._socket.disconnect(),f(this,w)&&window.clearTimeout(f(this,w))}start(e){c("trace","Uib:start","Starting")(),f(this,ce)&&this.cancelChange("msg",f(this,ce)),this.started===!0&&c("info","Uib:start","Start function already called. Resetting Socket.IO and msg handler.")(),c("log","Uib:start","Cookies: ",this.cookies,"\nClient ID: ".concat(this.clientId))(),c("trace","Uib:start","ioNamespace: ",this.ioNamespace,"\nioPath: ".concat(this.ioPath))(),e&&(e.ioNamespace&&this.set("ioNamespace",e.ioNamespace),e.ioPath&&this.set("ioPath",e.ioPath),e.nopolling&&this.socketOptions.transports[0]==="polling"&&this.socketOptions.transports.shift());let[t]=performance.getEntriesByType("navigation");if(this.set("lastNavType",t.type),this.set("started",this._ioSetup()),this.started===!0?c("trace","Uib:start","Start completed. Socket.IO client library loaded.")():c("error","Uib:start","Start completed. ERROR: Socket.IO client library NOT LOADED.")(),this._watchHashChanges(),window.Vue){this.set("isVue",!0);try{this.set("vueVersion",window.Vue.version)}catch{}c("trace","Uib:start","VueJS is loaded. Version: ".concat(this.vueVersion))()}else c("trace","Uib:start","VueJS is not loaded.")();window.DOMPurify?(this.set("purify",!0),c("trace","Uib:start","DOMPurify is loaded.")()):c("trace","Uib:start","DOMPurify is not loaded.")(),window.markdownit?(this.set("markdown",!0),c("trace","Uib:start","Markdown-IT is loaded.")()):c("trace","Uib:start","Markdown-IT is not loaded.")(),this.onChange("msg",s=>{if(f(this,W)===!0){let n=document.getElementById("uib_last_msg");n&&(n.innerHTML=this.syntaxHighlight(s))}}),this._uibAttrScanAll(document),new MutationObserver(this._uibAttribObserver.bind(this)).observe(document,{subtree:!0,attributes:!0,attributeOldValue:!0,attributeFilter:this.uibAttribs,childList:!0}),this._dispatchCustomEvent("uibuilder:startComplete")}},B=new WeakMap,x=new WeakMap,A=new WeakMap,w=new WeakMap,ce=new WeakMap,W=new WeakMap,z=new WeakMap,P=new WeakMap,J=new WeakMap,_e=new WeakMap,le=new WeakMap,he=new WeakMap,L=new WeakMap,ue=new WeakMap,h(E,"_meta",{version:Ct,type:"module",displayName:"uibuilder"}),E),Se=new si;window.uibuilder?c("error","uibuilder.module.js","`uibuilder` already assigned to window. Have you tried to load it more than once?"):window.uibuilder=Se;window.uib?c("warn","uibuilder.module.js","`uib` shortcut already assigned to window."):window.uib=Se;window.$?c("warn","uibuilder.module.js","Cannot allocate the global `$`, it is already in use. Use `uibuilder.$` or `uib.$` instead."):window.$=window.uibuilder.$;window.$$?c("warn","uibuilder.module.js","Cannot allocate the global `$$`, it is already in use. Use `uibuilder.$$` or `uib.$$` instead."):window.$$=window.uibuilder.$$;window.$ui?c("warn","uibuilder.module.js","Cannot allocate the global `$ui`, it is already in use. Use `uibuilder.$ui` or `uib.$ui` instead."):window.$ui=window.uibuilder.$ui;"on"in document||(document.on=function(r,e){this.addEventListener(r,e)});"on"in window||(window.on=function(r,e){this.addEventListener(r,e)});try{"query"in Element||(Element.prototype.query=function(r){return this.querySelector(r)}),"queryAll"in Element||(Element.prototype.queryAll=function(r){return this.querySelectorAll(r)}),"on"in Element||(Element.prototype.on=function(r,e){this.addEventListener(r,e)})}finally{}var rr=Se;Se.start();customElements.define("uib-var",re);customElements.define("uib-meta",ne);customElements.define("apply-template",ae);export{si as Uib,rr as default,Se as uibuilder};
+var Ot=Object.create;var de=Object.defineProperty;var xt=Object.getOwnPropertyDescriptor;var At=Object.getOwnPropertyNames;var Nt=Object.getPrototypeOf,Rt=Object.prototype.hasOwnProperty;var qe=r=>{throw TypeError(r)};var $t=(r,e,t)=>e in r?de(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;var He=(r=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(r,{get:(e,t)=>(typeof require<"u"?require:e)[t]}):r)(function(r){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+r+'" is not supported')});var Tt=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports),Lt=(r,e)=>{for(var t in e)de(r,t,{get:e[t],enumerable:!0})},Ut=(r,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of At(e))!Rt.call(r,s)&&s!==t&&de(r,s,{get:()=>e[s],enumerable:!(i=xt(e,s))||i.enumerable});return r};var Oe=(r,e,t)=>(t=r!=null?Ot(Nt(r)):{},Ut(e||!r||!r.__esModule?de(t,"default",{value:r,enumerable:!0}):t,r));var h=(r,e,t)=>$t(r,typeof e!="symbol"?e+"":e,t),Fe=(r,e,t)=>e.has(r)||qe("Cannot "+t);var f=(r,e,t)=>(Fe(r,e,"read from private field"),t?t.call(r):e.get(r)),k=(r,e,t)=>e.has(r)?qe("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(r):e.set(r,t),S=(r,e,t,i)=>(Fe(r,e,"write to private field"),i?i.call(r,t):e.set(r,t),t);var fe=(r,e,t,i)=>({set _(s){S(r,e,s,t)},get _(){return f(r,e,i)}});var Ve=Tt((oi,je)=>{var a,It=(a=class{constructor(e,t,i){h(this,"version","7.0.4-src");h(this,"sanitiseExtraTags",["uib-var"]);h(this,"sanitiseExtraAttribs",["variable","report","undefined"]);h(this,"ui_md_plugins");if(e)a.win=e;else throw new Error("Ui:constructor. Current environment does not include `window`, UI functions cannot be used.");a.doc=a.win.document,t?a.log=t:a.log=function(){return function(){}},i?this.syntaxHighlight=i:this.syntaxHighlight=function(){},a.win.markdownit&&(a.mdOpts={html:!0,xhtmlOut:!1,linkify:!0,_highlight:!0,_strict:!1,_view:"html",langPrefix:"language-",highlight:function(s,n){if(n&&window.hljs&&window.hljs.getLanguage(n))try{return'<pre class="">\n                                    <code class="hljs border">'.concat(window.hljs.highlight(s,{language:n,ignoreIllegals:!0}).value,"</code></pre>")}finally{}return'<pre class="hljs border"><code>'.concat(a.md.utils.escapeHtml(s).trim(),"</code></pre>")}},a.md=a.win.markdownit(a.mdOpts))}_markDownIt(){if(a.win.markdownit&&(!this.ui_md_plugins&&a.win.uibuilder&&a.win.uibuilder.ui_md_plugins&&(this.ui_md_plugins=a.win.uibuilder.ui_md_plugins),a.mdOpts={html:!0,xhtmlOut:!1,linkify:!0,_highlight:!0,_strict:!1,_view:"html",langPrefix:"language-",highlight:function(e,t){if(window.hljs)if(t&&window.hljs.getLanguage(t))try{return'<pre><code class="hljs border language-'.concat(t,'" data-language="').concat(t,'" title="Source language: \'').concat(t,"'\">").concat(window.hljs.highlight(e,{language:t,ignoreIllegals:!0}).value,"</code></pre>")}finally{}else try{let i=window.hljs.highlightAuto(e);return'<pre><code class="hljs border language-'.concat(i.language,'" data-language="').concat(i.language,'" title="Source language estimated by HighlightJS: \'').concat(i.language,"'\">").concat(i.value,"</code></pre>")}finally{}return'<pre><code class="border">'.concat(a.md.utils.escapeHtml(e).trim(),"</code></pre>")}},a.md=a.win.markdownit(a.mdOpts),this.ui_md_plugins)){if(!Array.isArray(this.ui_md_plugins)){a.log("error","Ui:_markDownIt:plugins","Could not load plugins, ui_md_plugins is not an array")();return}this.ui_md_plugins.forEach(e=>{if(typeof e=="string")a.md.use(a.win[e]);else{let t=Object.keys(e)[0];a.md.use(a.win[t],e[t])}})}}_showNotification(e){e.topic&&!e.title&&(e.title=e.topic),e.title||(e.title="uibuilder notification"),e.payload&&!e.body&&(e.body=e.payload),e.body||(e.body=" No message given.");try{let t=new Notification(e.title,e);return new Promise((i,s)=>{t.addEventListener("close",n=>{n.currentTarget.userAction="close",i(n)}),t.addEventListener("click",n=>{n.currentTarget.userAction="click",i(n)}),t.addEventListener("error",n=>{n.currentTarget.userAction="error",s(n)})})}catch{return Promise.reject(new Error("Browser refused to create a Notification"))}}_uiAdd(e,t){a.log("trace","Ui:_uiManager:add","Starting _uiAdd")(),e.components.forEach((i,s)=>{a.log("trace","Ui:_uiAdd:components-forEach:".concat(s),"Component to add: ",i)();let n;switch(i.type){case"html":{i.ns="html",n=a.doc.createElement("div");break}case"svg":{i.ns="svg",n=a.doc.createElementNS("http://www.w3.org/2000/svg","svg");break}default:{i.ns="dom",n=a.doc.createElement(i.type);break}}!i.slot&&e.payload&&(i.slot=e.payload),this._uiComposeComponent(n,i);let o;i.parentEl?o=i.parentEl:e.parentEl?o=e.parentEl:i.parent?o=a.doc.querySelector(i.parent):e.parent&&(o=a.doc.querySelector(e.parent)),o||(a.log("info","Ui:_uiAdd","No parent found, adding to body")(),o=a.doc.querySelector("body")),i.position&&i.position==="first"?o.insertBefore(n,o.firstChild):i.position&&Number.isInteger(Number(i.position))?o.insertBefore(n,o.children[i.position]):o.appendChild(n),i.components&&this._uiExtendEl(n,i.components,i.ns)})}_uiComposeComponent(e,t){t.attributes&&Object.keys(t.attributes).forEach(i=>{i==="class"&&Array.isArray(t.attributes[i])&&t.attributes[i].join(" "),a.log("trace","_uiComposeComponent:attributes-forEach","Attribute: '".concat(i,"', value: '").concat(t.attributes[i],"'"))(),i==="value"&&(e.value=t.attributes[i]),i.startsWith("xlink:")?e.setAttributeNS("http://www.w3.org/1999/xlink",i,t.attributes[i]):e.setAttribute(i,t.attributes[i])}),t.id&&e.setAttribute("id",t.id),t.type==="svg"&&(e.setAttributeNS("http://www.w3.org/2000/xmlns/","xmlns","http://www.w3.org/2000/svg"),e.setAttributeNS("http://www.w3.org/2000/xmlns/","xmlns:xlink","http://www.w3.org/1999/xlink")),t.events&&Object.keys(t.events).forEach(i=>{i.toLowerCase==="onclick"&&(i="click");try{e.addEventListener(i,s=>{new Function("evt","".concat(t.events[i],"(evt)"))(s)})}catch(s){a.log("error","Ui:_uiComposeComponent","Add event '".concat(i,"' for element '").concat(t.type,"': Cannot add event handler. ").concat(s.message))()}}),t.properties&&Object.keys(t.properties).forEach(i=>{e[i]=t.properties[i],["value","checked"].includes(i)&&(e.dispatchEvent(new Event("input")),e.dispatchEvent(new Event("change")))}),t.slot&&this.replaceSlot(e,t.slot),t.slotMarkdown&&this.replaceSlotMarkdown(e,t)}_uiExtendEl(e,t,i=""){t.forEach((s,n)=>{a.log("trace","Ui:_uiExtendEl:components-forEach:".concat(n),s)();let o;s.ns=i,s.ns==="html"?(o=e,this.replaceSlot(e,s.slot)):s.ns==="svg"?(o=a.doc.createElementNS("http://www.w3.org/2000/svg",s.type),this._uiComposeComponent(o,s),e.appendChild(o)):(o=a.doc.createElement(s.type==="html"?"div":s.type),this._uiComposeComponent(o,s),e.appendChild(o)),s.components&&this._uiExtendEl(o,s.components,s.ns)})}_uiLoad(e){e.components&&(Array.isArray(e.components)||(e.components=[e.components]),e.components.forEach(async t=>{Promise.resolve().then(()=>Oe(He(t)))})),e.srcScripts&&(Array.isArray(e.srcScripts)||(e.srcScripts=[e.srcScripts]),e.srcScripts.forEach(t=>{this.loadScriptSrc(t)})),e.txtScripts&&(Array.isArray(e.txtScripts)||(e.txtScripts=[e.txtScripts]),this.loadScriptTxt(e.txtScripts.join("\n"))),e.srcStyles&&(Array.isArray(e.srcStyles)||(e.srcStyles=[e.srcStyles]),e.srcStyles.forEach(t=>{this.loadStyleSrc(t)})),e.txtStyles&&(Array.isArray(e.txtStyles)||(e.txtStyles=[e.txtStyles]),this.loadStyleTxt(e.txtStyles.join("\n")))}_uiManager(e){e._ui&&(Array.isArray(e._ui)||(e._ui=[e._ui]),e._ui.forEach((t,i)=>{if(t.mode&&!t.method&&(t.method=t.mode),!t.method){a.log("error","Ui:_uiManager","No method defined for msg._ui[".concat(i,"]. Ignoring. "),t)();return}switch(t.payload=e.payload,t.topic=e.topic,t.method){case"add":{this._uiAdd(t,!1);break}case"remove":{this._uiRemove(t,!1);break}case"removeAll":{this._uiRemove(t,!0);break}case"replace":{this._uiReplace(t);break}case"update":{this._uiUpdate(t);break}case"load":{this._uiLoad(t);break}case"reload":{this._uiReload();break}case"notify":{this.showDialog("notify",t,e);break}case"alert":{this.showDialog("alert",t,e);break}default:{a.log("error","Ui:_uiManager","Invalid msg._ui[".concat(i,"].method (").concat(t.method,"). Ignoring"))();break}}}))}_uiReload(){a.log("trace","Ui:uiManager:reload","reloading")(),location.reload()}_uiRemove(e,t=!1){e.components.forEach(i=>{let s;t!==!0?s=[a.doc.querySelector(i)]:s=a.doc.querySelectorAll(i),s.forEach(n=>{try{n.remove()}catch(o){a.log("trace","Ui:_uiRemove","Could not remove. ".concat(o.message))()}})})}_uiReplace(e){a.log("trace","Ui:_uiReplace","Starting")(),e.components.forEach((t,i)=>{a.log("trace","Ui:_uiReplace:components-forEach:".concat(i),"Component to replace: ",t)();let s;if(t.id?s=a.doc.getElementById(t.id):t.selector||t.select?s=a.doc.querySelector(t.selector):t.name?s=a.doc.querySelector('[name="'.concat(t.name,'"]')):t.type&&(s=a.doc.querySelector(t.type)),a.log("trace","Ui:_uiReplace:components-forEach:".concat(i),"Element to replace: ",s)(),s==null){a.log("trace","Ui:_uiReplace:components-forEach:".concat(i,":noReplace"),"Cannot find the DOM element. Adding instead.",t)(),this._uiAdd({components:[t]},!1);return}let n;switch(t.type){case"html":{t.ns="html",n=a.doc.createElement("div");break}case"svg":{t.ns="svg",n=a.doc.createElementNS("http://www.w3.org/2000/svg","svg");break}default:{t.ns="dom",n=a.doc.createElement(t.type);break}}this._uiComposeComponent(n,t),s.replaceWith(n),t.components&&this._uiExtendEl(n,t.components,t.ns)})}_uiUpdate(e){a.log("trace","UI:_uiUpdate:update","Starting _uiUpdate",e)(),e.components||(e.components=[Object.assign({},e)]),e.components.forEach((t,i)=>{a.log("trace","_uiUpdate:components-forEach","Start loop #".concat(i),t)();let s;if(t.parentEl?s=t.parentEl:t.id?s=a.doc.querySelectorAll("#".concat(t.id)):t.selector||t.select?s=a.doc.querySelectorAll(t.selector):t.name?s=a.doc.querySelectorAll('[name="'.concat(t.name,'"]')):t.type&&(s=a.doc.querySelectorAll(t.type)),s===void 0||s.length<1){a.log("warn","Ui:_uiManager:update","Cannot find the DOM element. Ignoring.",t)();return}a.log("trace","_uiUpdate:components-forEach","Element(s) to update. Count: ".concat(s.length),s)(),!t.slot&&t.payload&&(t.slot=t.payload),s.forEach((n,o)=>{if(a.log("trace","_uiUpdate:components-forEach","Updating element #".concat(o),n)(),this._uiComposeComponent(n,t),t.components){a.log("trace","_uiUpdate:nested-component","Element #".concat(o," - nested-component"),t,n)();let l={_ui:[]};t.components.forEach((u,d)=>{let b=u.method||t.method||e.method;u.method&&delete u.method,Array.isArray(u)||(u=[u]),a.log("trace","_uiUpdate:nested-component","Element #".concat(o," - nested-component #").concat(d),u)(),l._ui.push({method:b,parentEl:n,components:u})}),a.log("trace","_uiUpdate:nested-component","Element #".concat(o," - nested-component new manager"),l)(),this._uiManager(l)}})})}$(e,t){let i=a.doc.querySelector(e);if(!i)return a.log(1,"Uib:$","No element found for CSS selector ".concat(e))(),null;if(i.nodeName==="TEMPLATE"&&(i=i.content.firstElementChild,!i))return a.log(0,"Uib:$","Template selected for CSS selector ".concat(e," but it is empty"))(),null;t||(t="el");let s;try{switch(t.toLowerCase()){case"text":{s=i.innerText;break}case"html":{s=i.innerHTML;break}case"attr":case"attributes":{s={};for(let n of i.attributes)s[n.name]=n.value;break}default:{s=i;break}}}catch(n){s=i,a.log(1,"Uib:$",'Could not process output type "'.concat(t,'" for CSS selector ').concat(e,", returned the DOM element. ").concat(n.message),n)()}return s}$$(e){return Array.from(a.doc.querySelectorAll(e))}addClass(e,t){Array.isArray(e)||(e=[e]),t&&t.classList.add(...e)}applyTemplate(e,t,i){i||(i={onceOnly:!1});let s=a.doc.getElementById(e),n=a.doc.getElementById(t);if(s&&n){let o;try{i.onceOnly!==!0?o=a.doc.importNode(s.content,!0):o=a.doc.adoptNode(s.content)}catch{a.log("error","Ui:applyTemplate","Source must be a <template>. id='".concat(e,"'"))();return}if(o){if(i.attributes){let l=o.firstElementChild;Object.keys(i.attributes).forEach(u=>{l.setAttribute(u,i.attributes[u])})}n.appendChild(o)}}else s||a.log("error","Ui:applyTemplate","Source not found: id='".concat(e,"'"))(),n||a.log("error","Ui:applyTemplate","Target not found: id='".concat(t,"'"))()}buildHtmlTable(e){let t;if(!Array.isArray(e)&&(typeof e=="object"&&(t=Object.keys(e),e=Object.values(e)),!Array.isArray(e))){let u=a.doc.createElement("p");return u.textContent="Input data is not an array or an object, cannot create a table.",u}let i=a.doc.createElement("table"),s=a.doc.createElement("thead"),n=a.doc.createElement("tr"),o=Object.keys(e[0]);o.forEach(u=>{let d=a.doc.createElement("th");d.textContent=u,n.appendChild(d)}),s.appendChild(n),i.appendChild(s);let l=a.doc.createElement("tbody");return e.forEach((u,d)=>{let b=a.doc.createElement("tr");t&&(b.id="r-".concat(t[d])),o.forEach(C=>{let v=a.doc.createElement("td");v.innerHTML=this.sanitiseHTML(u[C]),b.appendChild(v)}),l.appendChild(b)}),i.appendChild(l),i}convertMarkdown(e){if(!e)return"";if(!a.win.markdownit)return e;a.md||this._markDownIt();try{return a.md.render(e.trim())}catch(t){return a.log(0,"uibuilder:convertMarkdown","Could not render Markdown. ".concat(t.message),t)(),'<p class="border error">Could not render Markdown<p>'}}async include(e,t){if(!fetch)return a.log(0,"Ui:include","Current environment does not include `fetch`, skipping.")(),"Current environment does not include `fetch`, skipping.";if(!e)return a.log(0,"Ui:include","url parameter must be provided, skipping.")(),"url parameter must be provided, skipping.";if(!t||!t.id)return a.log(0,"Ui:include","uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.")(),"uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.";let i;try{i=await fetch(e)}catch(d){return a.log(0,"Ui:include","Fetch of file '".concat(e,"' failed. "),d.message)(),d.message}if(!i.ok)return a.log(0,"Ui:include","Fetch of file '".concat(e,"' failed. Status='").concat(i.statusText,"'"))(),i.statusText;let s=await i.headers.get("content-type"),n=null;s&&(s.includes("text/html")?n="html":s.includes("application/json")?n="json":s.includes("multipart/form-data")?n="form":s.includes("image/")?n="image":s.includes("video/")?n="video":s.includes("application/pdf")?n="pdf":s.includes("text/plain")&&(n="text"));let o="",l="Include successful",u;switch(n){case"html":{u=await i.text(),o=u;break}case"json":{u=await i.json(),o='<pre class="syntax-highlight">',o+=this.syntaxHighlight(u),o+="</pre>";break}case"form":{u=await i.formData(),o='<pre class="syntax-highlight">',o+=this.syntaxHighlight(u),o+="</pre>";break}case"image":{u=await i.blob(),o='<img src="'.concat(URL.createObjectURL(u),'">'),a.win.DOMPurify&&(l="Include successful. BUT DOMPurify loaded which may block its use.",a.log("warn","Ui:include:image",l)());break}case"video":{u=await i.blob(),o='<video controls autoplay><source src="'.concat(URL.createObjectURL(u),'"></video>'),a.win.DOMPurify&&(l="Include successful. BUT DOMPurify loaded which may block its use.",a.log("warn","Ui:include:video",l)());break}case"pdf":case"text":default:{u=await i.blob(),o='<iframe style="resize:both;width:inherit;height:inherit;" src="'.concat(URL.createObjectURL(u),'">'),a.win.DOMPurify&&(l="Include successful. BUT DOMPurify loaded which may block its use.",a.log("warn","Ui:include:".concat(n),l)());break}}return t.type="div",t.slot=o,t.parent||(t.parent="body"),t.attributes||(t.attributes={class:"included"}),this._uiReplace({components:[t]}),a.log("trace","Ui:include:".concat(n),l)(),l}loadScriptSrc(e){let t=a.doc.createElement("script");t.src=e,t.async=!1,a.doc.head.appendChild(t)}loadScriptTxt(e){let t=a.doc.createElement("script");t.async=!1,t.textContent=e,a.doc.head.appendChild(t)}loadStyleSrc(e){let t=a.doc.createElement("link");t.href=e,t.rel="stylesheet",t.type="text/css",a.doc.head.appendChild(t)}loadStyleTxt(e){let t=a.doc.createElement("style");t.textContent=e,a.doc.head.appendChild(t)}loadui(e){if(!fetch){a.log(0,"Ui:loadui","Current environment does not include `fetch`, skipping.")();return}if(!e){a.log(0,"Ui:loadui","url parameter must be provided, skipping.")();return}fetch(e).then(t=>{if(t.ok===!1)throw new Error("Could not load '".concat(e,"'. Status ").concat(t.status,", Error: ").concat(t.statusText));a.log("trace","Ui:loadui:then1","Loaded '".concat(e,"'. Status ").concat(t.status,", ").concat(t.statusText))();let i=t.headers.get("content-type");if(!i||!i.includes("application/json"))throw new TypeError("Fetch '".concat(e,"' did not return JSON, ignoring"));return t.json()}).then(t=>t!==void 0?(a.log("trace","Ui:loadui:then2","Parsed JSON successfully obtained")(),this._uiManager({_ui:t}),!0):!1).catch(t=>{a.log("warn","Ui:loadui:catch","Error. ",t)()})}moveElement(e){let{sourceSelector:t,targetSelector:i,moveType:s,position:n}=e;if(!document.querySelector(t)){a.log(0,"Ui:moveElement","Source element not found")();return}if(!document.querySelector(i)){a.log(0,"Ui:moveElement","Target element not found")();return}}nodeGet(e,t){let i={id:e.id===""?void 0:e.id,name:e.name,children:e.childNodes.length,type:e.nodeName,attributes:void 0,isUserInput:!!e.validity,userInput:e.validity?{value:e.value,validity:void 0,willValidate:e.willValidate,valueAsDate:e.valueAsDate,valueAsNumber:e.valueAsNumber,type:e.type}:void 0};if(["UL","OL"].includes(e.nodeName)){let s=a.doc.querySelectorAll("".concat(t," li"));s&&(i.list={entries:s.length})}if(e.nodeName==="DL"){let s=a.doc.querySelectorAll("".concat(t," dt"));s&&(i.list={entries:s.length})}if(e.nodeName==="TABLE"){let s=a.doc.querySelectorAll("".concat(t," > tbody > tr")),n=a.doc.querySelectorAll("".concat(t," > thead > tr")),o=a.doc.querySelectorAll("".concat(t," > tbody > tr:last-child > *"));(s||n||o)&&(i.table={headRows:n?n.length:0,bodyRows:s?s.length:0,columns:o?o.length:0})}if(e.nodeName!=="#text"&&e.attributes&&e.attributes.length>0){i.attributes={};for(let s of e.attributes)s.name!=="id"&&(i.attributes[s.name]=e.attributes[s.name].value),s.name==="class"&&(i.classes=Array.from(e.classList))}e.nodeName==="#text"&&(i.text=e.textContent),e.validity&&(i.userInput.validity={});for(let s in e.validity)i.userInput.validity[s]=e.validity[s];return i}async notification(e){if(typeof e=="string"&&(e={body:e}),typeof Notification>"u")return Promise.reject(new Error("Notifications not available in this browser"));let t=Notification.permission;return t==="denied"?Promise.reject(new Error("Notifications not permitted by user")):t==="granted"?this._showNotification(e):(t=await Notification.requestPermission(),t==="granted"?this._showNotification(e):Promise.reject(new Error("Notifications not permitted by user")))}removeClass(e,t){if(!e){t.removeAttribute("class");return}Array.isArray(e)||(e=[e]),t&&t.classList.remove(...e)}replaceSlot(e,t){if(!e)return;t||(t=""),t=this.sanitiseHTML(t);let i=a.doc.createRange().createContextualFragment(t),s=a.doc.createRange();s.selectNodeContents(e),s.deleteContents(),e.append(i)}replaceSlotMarkdown(e,t){e&&t.slotMarkdown&&(t.slotMarkdown=this.convertMarkdown(t.slotMarkdown),t.slotMarkdown=this.sanitiseHTML(t.slotMarkdown),e.innerHTML=t.slotMarkdown)}sanitiseHTML(e){return a.win.DOMPurify?a.win.DOMPurify.sanitize(e,{ADD_TAGS:this.sanitiseExtraTags,ADD_ATTR:this.sanitiseExtraAttribs}):e}showDialog(e,t,i){let s="";if(i.payload&&typeof i.payload=="string"&&(s+="<div>".concat(i.payload,"</div>")),t.content&&(s+="<div>".concat(t.content,"</div>")),s===""){a.log(1,"Ui:showDialog","Toast content is blank. Not shown.")();return}!t.title&&i.topic&&(t.title=i.topic),t.title&&(s='<p class="toast-head">'.concat(t.title,"</p><p>").concat(s,"</p>")),t.noAutohide&&(t.noAutoHide=t.noAutohide),t.noAutoHide&&(t.autohide=!t.noAutoHide),t.autoHideDelay?(t.autohide||(t.autohide=!0),t.delay=t.autoHideDelay):t.autoHideDelay=1e4,Object.prototype.hasOwnProperty.call(t,"autohide")||(t.autohide=!0),e==="alert"&&(t.modal=!0,t.autohide=!1,s='<svg viewBox="0 0 192.146 192.146" style="width:30;background-color:transparent;"><path d="M108.186 144.372c0 7.054-4.729 12.32-12.037 12.32h-.254c-7.054 0-11.92-5.266-11.92-12.32 0-7.298 5.012-12.31 12.174-12.31s11.91 4.992 12.037 12.31zM88.44 125.301h15.447l2.951-61.298H85.46l2.98 61.298zm101.932 51.733c-2.237 3.664-6.214 5.921-10.493 5.921H12.282c-4.426 0-8.51-2.384-10.698-6.233a12.34 12.34 0 0 1 .147-12.349l84.111-149.22c2.208-3.722 6.204-5.96 10.522-5.96h.332c4.445.107 8.441 2.618 10.513 6.546l83.515 149.229c1.993 3.8 1.905 8.363-.352 12.066zm-10.493-6.4L96.354 21.454l-84.062 149.18h167.587z" /></svg> '.concat(s));let n=a.doc.getElementById("toaster");n===null&&(n=a.doc.createElement("div"),n.id="toaster",n.title="Click to clear all notifcations",n.setAttribute("class","toaster"),n.setAttribute("role","dialog"),n.setAttribute("arial-label","Toast message"),n.onclick=function(){n.remove()},a.doc.body.insertAdjacentElement("afterbegin",n));let o=a.doc.createElement("div");o.title="Click to clear this notifcation",o.setAttribute("class","toast ".concat(t.variant?t.variant:""," ").concat(e)),o.innerHTML=s,o.setAttribute("role","alertdialog"),t.modal&&o.setAttribute("aria-modal",t.modal),o.onclick=function(l){l.stopPropagation(),o.remove(),n.childElementCount<1&&n.remove()},n.insertAdjacentElement(t.appendToast===!0?"beforeend":"afterbegin",o),t.autohide===!0&&setInterval(()=>{o.remove(),n.childElementCount<1&&n.remove()},t.autoHideDelay)}ui(e){let t={};e._ui?t=e:t._ui=e,this._uiManager(t)}uiGet(e,t=null){let i=a.doc.querySelectorAll(e),s=[];return i.forEach(n=>{if(t){t==="classes"&&(t="class");let o=n.getAttribute(t);if(o==null)try{o=n[t]}catch{}if(o==null)t.toLowerCase()==="value"?s.push(n.innerText):s.push("Property '".concat(t,"' not found"));else{let l={},u=o.constructor.name.toLowerCase();if(u==="namednodemap")for(let d of o)l[d.name]=o[d.name].value;else if(!u.includes("map"))l[t]=o;else{let d={};for(let b in o)d[b]=o[b]}l.class&&(l.classes=Array.from(n.classList)),s.push(l)}}else s.push(this.nodeGet(n,e))}),s}uiEnhanceElement(e,t){this._uiComposeComponent(e,t)}},h(a,"win"),h(a,"doc"),h(a,"log"),h(a,"mdOpts"),h(a,"md"),a);je.exports=It});var _t=Oe(Ve());var O=Object.create(null);O.open="0";O.close="1";O.ping="2";O.pong="3";O.message="4";O.upgrade="5";O.noop="6";var K=Object.create(null);Object.keys(O).forEach(r=>{K[O[r]]=r});var Y={type:"error",data:"parser error"};var Je=typeof Blob=="function"||typeof Blob<"u"&&Object.prototype.toString.call(Blob)==="[object BlobConstructor]",Ge=typeof ArrayBuffer=="function",Ke=r=>typeof ArrayBuffer.isView=="function"?ArrayBuffer.isView(r):r&&r.buffer instanceof ArrayBuffer,X=({type:r,data:e},t,i)=>Je&&e instanceof Blob?t?i(e):We(e,i):Ge&&(e instanceof ArrayBuffer||Ke(e))?t?i(e):We(new Blob([e]),i):i(O[r]+(e||"")),We=(r,e)=>{let t=new FileReader;return t.onload=function(){let i=t.result.split(",")[1];e("b"+(i||""))},t.readAsDataURL(r)};function ze(r){return r instanceof Uint8Array?r:r instanceof ArrayBuffer?new Uint8Array(r):new Uint8Array(r.buffer,r.byteOffset,r.byteLength)}var xe;function Ye(r,e){if(Je&&r.data instanceof Blob)return r.data.arrayBuffer().then(ze).then(e);if(Ge&&(r.data instanceof ArrayBuffer||Ke(r.data)))return e(ze(r.data));X(r,!1,t=>{xe||(xe=new TextEncoder),e(xe.encode(t))})}var Xe="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",Q=typeof Uint8Array>"u"?[]:new Uint8Array(256);for(let r=0;r<Xe.length;r++)Q[Xe.charCodeAt(r)]=r;var Qe=r=>{let e=r.length*.75,t=r.length,i,s=0,n,o,l,u;r[r.length-1]==="="&&(e--,r[r.length-2]==="="&&e--);let d=new ArrayBuffer(e),b=new Uint8Array(d);for(i=0;i<t;i+=4)n=Q[r.charCodeAt(i)],o=Q[r.charCodeAt(i+1)],l=Q[r.charCodeAt(i+2)],u=Q[r.charCodeAt(i+3)],b[s++]=n<<2|o>>4,b[s++]=(o&15)<<4|l>>2,b[s++]=(l&3)<<6|u&63;return d};var Mt=typeof ArrayBuffer=="function",Z=(r,e)=>{if(typeof r!="string")return{type:"message",data:Ze(r,e)};let t=r.charAt(0);return t==="b"?{type:"message",data:Dt(r.substring(1),e)}:K[t]?r.length>1?{type:K[t],data:r.substring(1)}:{type:K[t]}:Y},Dt=(r,e)=>{if(Mt){let t=Qe(r);return Ze(t,e)}else return{base64:!0,data:r}},Ze=(r,e)=>{switch(e){case"blob":return r instanceof Blob?r:new Blob([r]);case"arraybuffer":default:return r instanceof ArrayBuffer?r:r.buffer}};var et="",tt=(r,e)=>{let t=r.length,i=new Array(t),s=0;r.forEach((n,o)=>{X(n,!1,l=>{i[o]=l,++s===t&&e(i.join(et))})})},it=(r,e)=>{let t=r.split(et),i=[];for(let s=0;s<t.length;s++){let n=Z(t[s],e);if(i.push(n),n.type==="error")break}return i};function st(){return new TransformStream({transform(r,e){Ye(r,t=>{let i=t.length,s;if(i<126)s=new Uint8Array(1),new DataView(s.buffer).setUint8(0,i);else if(i<65536){s=new Uint8Array(3);let n=new DataView(s.buffer);n.setUint8(0,126),n.setUint16(1,i)}else{s=new Uint8Array(9);let n=new DataView(s.buffer);n.setUint8(0,127),n.setBigUint64(1,BigInt(i))}r.data&&typeof r.data!="string"&&(s[0]|=128),e.enqueue(s),e.enqueue(t)})}})}var Ae;function pe(r){return r.reduce((e,t)=>e+t.length,0)}function me(r,e){if(r[0].length===e)return r.shift();let t=new Uint8Array(e),i=0;for(let s=0;s<e;s++)t[s]=r[0][i++],i===r[0].length&&(r.shift(),i=0);return r.length&&i<r[0].length&&(r[0]=r[0].slice(i)),t}function rt(r,e){Ae||(Ae=new TextDecoder);let t=[],i=0,s=-1,n=!1;return new TransformStream({transform(o,l){for(t.push(o);;){if(i===0){if(pe(t)<1)break;let u=me(t,1);n=(u[0]&128)===128,s=u[0]&127,s<126?i=3:s===126?i=1:i=2}else if(i===1){if(pe(t)<2)break;let u=me(t,2);s=new DataView(u.buffer,u.byteOffset,u.length).getUint16(0),i=3}else if(i===2){if(pe(t)<8)break;let u=me(t,8),d=new DataView(u.buffer,u.byteOffset,u.length),b=d.getUint32(0);if(b>Math.pow(2,21)-1){l.enqueue(Y);break}s=b*Math.pow(2,32)+d.getUint32(4),i=3}else{if(pe(t)<s)break;let u=me(t,s);l.enqueue(Z(n?u:Ae.decode(u),e)),i=0}if(s===0||s>r){l.enqueue(Y);break}}}})}var Ne=4;function g(r){if(r)return Bt(r)}function Bt(r){for(var e in g.prototype)r[e]=g.prototype[e];return r}g.prototype.on=g.prototype.addEventListener=function(r,e){return this._callbacks=this._callbacks||{},(this._callbacks["$"+r]=this._callbacks["$"+r]||[]).push(e),this};g.prototype.once=function(r,e){function t(){this.off(r,t),e.apply(this,arguments)}return t.fn=e,this.on(r,t),this};g.prototype.off=g.prototype.removeListener=g.prototype.removeAllListeners=g.prototype.removeEventListener=function(r,e){if(this._callbacks=this._callbacks||{},arguments.length==0)return this._callbacks={},this;var t=this._callbacks["$"+r];if(!t)return this;if(arguments.length==1)return delete this._callbacks["$"+r],this;for(var i,s=0;s<t.length;s++)if(i=t[s],i===e||i.fn===e){t.splice(s,1);break}return t.length===0&&delete this._callbacks["$"+r],this};g.prototype.emit=function(r){this._callbacks=this._callbacks||{};for(var e=new Array(arguments.length-1),t=this._callbacks["$"+r],i=1;i<arguments.length;i++)e[i-1]=arguments[i];if(t){t=t.slice(0);for(var i=0,s=t.length;i<s;++i)t[i].apply(this,e)}return this};g.prototype.emitReserved=g.prototype.emit;g.prototype.listeners=function(r){return this._callbacks=this._callbacks||{},this._callbacks["$"+r]||[]};g.prototype.hasListeners=function(r){return!!this.listeners(r).length};var y=typeof self<"u"?self:typeof window<"u"?window:Function("return this")();function be(r,...e){return e.reduce((t,i)=>(r.hasOwnProperty(i)&&(t[i]=r[i]),t),{})}var Pt=y.setTimeout,qt=y.clearTimeout;function N(r,e){e.useNativeTimers?(r.setTimeoutFn=Pt.bind(y),r.clearTimeoutFn=qt.bind(y)):(r.setTimeoutFn=y.setTimeout.bind(y),r.clearTimeoutFn=y.clearTimeout.bind(y))}var Ht=1.33;function nt(r){return typeof r=="string"?Ft(r):Math.ceil((r.byteLength||r.size)*Ht)}function Ft(r){let e=0,t=0;for(let i=0,s=r.length;i<s;i++)e=r.charCodeAt(i),e<128?t+=1:e<2048?t+=2:e<55296||e>=57344?t+=3:(i++,t+=4);return t}function ot(r){let e="";for(let t in r)r.hasOwnProperty(t)&&(e.length&&(e+="&"),e+=encodeURIComponent(t)+"="+encodeURIComponent(r[t]));return e}function at(r){let e={},t=r.split("&");for(let i=0,s=t.length;i<s;i++){let n=t[i].split("=");e[decodeURIComponent(n[0])]=decodeURIComponent(n[1])}return e}var ge=class extends Error{constructor(e,t,i){super(e),this.description=t,this.context=i,this.type="TransportError"}},R=class extends g{constructor(e){super(),this.writable=!1,N(this,e),this.opts=e,this.query=e.query,this.socket=e.socket}onError(e,t,i){return super.emitReserved("error",new ge(e,t,i)),this}open(){return this.readyState="opening",this.doOpen(),this}close(){return(this.readyState==="opening"||this.readyState==="open")&&(this.doClose(),this.onClose()),this}send(e){this.readyState==="open"&&this.write(e)}onOpen(){this.readyState="open",this.writable=!0,super.emitReserved("open")}onData(e){let t=Z(e,this.socket.binaryType);this.onPacket(t)}onPacket(e){super.emitReserved("packet",e)}onClose(e){this.readyState="closed",super.emitReserved("close",e)}pause(e){}createUri(e,t={}){return e+"://"+this._hostname()+this._port()+this.opts.path+this._query(t)}_hostname(){let e=this.opts.hostname;return e.indexOf(":")===-1?e:"["+e+"]"}_port(){return this.opts.port&&(this.opts.secure&&+(this.opts.port!==443)||!this.opts.secure&&Number(this.opts.port)!==80)?":"+this.opts.port:""}_query(e){let t=ot(e);return t.length?"?"+t:""}};var ut="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz-_".split(""),Re=64,jt={},ct=0,ye=0,lt;function ht(r){let e="";do e=ut[r%Re]+e,r=Math.floor(r/Re);while(r>0);return e}function we(){let r=ht(+new Date);return r!==lt?(ct=0,lt=r):r+"."+ht(ct++)}for(;ye<Re;ye++)jt[ut[ye]]=ye;var dt=!1;try{dt=typeof XMLHttpRequest<"u"&&"withCredentials"in new XMLHttpRequest}catch{}var ft=dt;function $e(r){let e=r.xdomain;try{if(typeof XMLHttpRequest<"u"&&(!e||ft))return new XMLHttpRequest}catch{}if(!e)try{return new y[["Active"].concat("Object").join("X")]("Microsoft.XMLHTTP")}catch{}}function Vt(){}var Wt=function(){return new $e({xdomain:!1}).responseType!=null}(),ve=class extends R{constructor(e){if(super(e),this.polling=!1,typeof location<"u"){let i=location.protocol==="https:",s=location.port;s||(s=i?"443":"80"),this.xd=typeof location<"u"&&e.hostname!==location.hostname||s!==e.port}let t=e&&e.forceBase64;this.supportsBinary=Wt&&!t,this.opts.withCredentials&&(this.cookieJar=void 0)}get name(){return"polling"}doOpen(){this.poll()}pause(e){this.readyState="pausing";let t=()=>{this.readyState="paused",e()};if(this.polling||!this.writable){let i=0;this.polling&&(i++,this.once("pollComplete",function(){--i||t()})),this.writable||(i++,this.once("drain",function(){--i||t()}))}else t()}poll(){this.polling=!0,this.doPoll(),this.emitReserved("poll")}onData(e){let t=i=>{if(this.readyState==="opening"&&i.type==="open"&&this.onOpen(),i.type==="close")return this.onClose({description:"transport closed by the server"}),!1;this.onPacket(i)};it(e,this.socket.binaryType).forEach(t),this.readyState!=="closed"&&(this.polling=!1,this.emitReserved("pollComplete"),this.readyState==="open"&&this.poll())}doClose(){let e=()=>{this.write([{type:"close"}])};this.readyState==="open"?e():this.once("open",e)}write(e){this.writable=!1,tt(e,t=>{this.doWrite(t,()=>{this.writable=!0,this.emitReserved("drain")})})}uri(){let e=this.opts.secure?"https":"http",t=this.query||{};return this.opts.timestampRequests!==!1&&(t[this.opts.timestampParam]=we()),!this.supportsBinary&&!t.sid&&(t.b64=1),this.createUri(e,t)}request(e={}){return Object.assign(e,{xd:this.xd,cookieJar:this.cookieJar},this.opts),new $(this.uri(),e)}doWrite(e,t){let i=this.request({method:"POST",data:e});i.on("success",t),i.on("error",(s,n)=>{this.onError("xhr post error",s,n)})}doPoll(){let e=this.request();e.on("data",this.onData.bind(this)),e.on("error",(t,i)=>{this.onError("xhr poll error",t,i)}),this.pollXhr=e}},$=class r extends g{constructor(e,t){super(),N(this,t),this.opts=t,this.method=t.method||"GET",this.uri=e,this.data=t.data!==void 0?t.data:null,this.create()}create(){var e;let t=be(this.opts,"agent","pfx","key","passphrase","cert","ca","ciphers","rejectUnauthorized","autoUnref");t.xdomain=!!this.opts.xd;let i=this.xhr=new $e(t);try{i.open(this.method,this.uri,!0);try{if(this.opts.extraHeaders){i.setDisableHeaderCheck&&i.setDisableHeaderCheck(!0);for(let s in this.opts.extraHeaders)this.opts.extraHeaders.hasOwnProperty(s)&&i.setRequestHeader(s,this.opts.extraHeaders[s])}}catch{}if(this.method==="POST")try{i.setRequestHeader("Content-type","text/plain;charset=UTF-8")}catch{}try{i.setRequestHeader("Accept","*/*")}catch{}(e=this.opts.cookieJar)===null||e===void 0||e.addCookies(i),"withCredentials"in i&&(i.withCredentials=this.opts.withCredentials),this.opts.requestTimeout&&(i.timeout=this.opts.requestTimeout),i.onreadystatechange=()=>{var s;i.readyState===3&&((s=this.opts.cookieJar)===null||s===void 0||s.parseCookies(i)),i.readyState===4&&(i.status===200||i.status===1223?this.onLoad():this.setTimeoutFn(()=>{this.onError(typeof i.status=="number"?i.status:0)},0))},i.send(this.data)}catch(s){this.setTimeoutFn(()=>{this.onError(s)},0);return}typeof document<"u"&&(this.index=r.requestsCount++,r.requests[this.index]=this)}onError(e){this.emitReserved("error",e,this.xhr),this.cleanup(!0)}cleanup(e){if(!(typeof this.xhr>"u"||this.xhr===null)){if(this.xhr.onreadystatechange=Vt,e)try{this.xhr.abort()}catch{}typeof document<"u"&&delete r.requests[this.index],this.xhr=null}}onLoad(){let e=this.xhr.responseText;e!==null&&(this.emitReserved("data",e),this.emitReserved("success"),this.cleanup())}abort(){this.cleanup()}};$.requestsCount=0;$.requests={};if(typeof document<"u"){if(typeof attachEvent=="function")attachEvent("onunload",pt);else if(typeof addEventListener=="function"){let r="onpagehide"in y?"pagehide":"unload";addEventListener(r,pt,!1)}}function pt(){for(let r in $.requests)$.requests.hasOwnProperty(r)&&$.requests[r].abort()}var U=typeof Promise=="function"&&typeof Promise.resolve=="function"?e=>Promise.resolve().then(e):(e,t)=>t(e,0),ee=y.WebSocket||y.MozWebSocket,ke=!0,mt="arraybuffer";var bt=typeof navigator<"u"&&typeof navigator.product=="string"&&navigator.product.toLowerCase()==="reactnative",Ee=class extends R{constructor(e){super(e),this.supportsBinary=!e.forceBase64}get name(){return"websocket"}doOpen(){if(!this.check())return;let e=this.uri(),t=this.opts.protocols,i=bt?{}:be(this.opts,"agent","perMessageDeflate","pfx","key","passphrase","cert","ca","ciphers","rejectUnauthorized","localAddress","protocolVersion","origin","maxPayload","family","checkServerIdentity");this.opts.extraHeaders&&(i.headers=this.opts.extraHeaders);try{this.ws=ke&&!bt?t?new ee(e,t):new ee(e):new ee(e,t,i)}catch(s){return this.emitReserved("error",s)}this.ws.binaryType=this.socket.binaryType,this.addEventListeners()}addEventListeners(){this.ws.onopen=()=>{this.opts.autoUnref&&this.ws._socket.unref(),this.onOpen()},this.ws.onclose=e=>this.onClose({description:"websocket connection closed",context:e}),this.ws.onmessage=e=>this.onData(e.data),this.ws.onerror=e=>this.onError("websocket error",e)}write(e){this.writable=!1;for(let t=0;t<e.length;t++){let i=e[t],s=t===e.length-1;X(i,this.supportsBinary,n=>{let o={};ke||(i.options&&(o.compress=i.options.compress),this.opts.perMessageDeflate&&(typeof n=="string"?Buffer.byteLength(n):n.length)<this.opts.perMessageDeflate.threshold&&(o.compress=!1));try{ke?this.ws.send(n):this.ws.send(n,o)}catch{}s&&U(()=>{this.writable=!0,this.emitReserved("drain")},this.setTimeoutFn)})}}doClose(){typeof this.ws<"u"&&(this.ws.close(),this.ws=null)}uri(){let e=this.opts.secure?"wss":"ws",t=this.query||{};return this.opts.timestampRequests&&(t[this.opts.timestampParam]=we()),this.supportsBinary||(t.b64=1),this.createUri(e,t)}check(){return!!ee}};var Ce=class extends R{get name(){return"webtransport"}doOpen(){typeof WebTransport=="function"&&(this.transport=new WebTransport(this.createUri("https"),this.opts.transportOptions[this.name]),this.transport.closed.then(()=>{this.onClose()}).catch(e=>{this.onError("webtransport error",e)}),this.transport.ready.then(()=>{this.transport.createBidirectionalStream().then(e=>{let t=rt(Number.MAX_SAFE_INTEGER,this.socket.binaryType),i=e.readable.pipeThrough(t).getReader(),s=st();s.readable.pipeTo(e.writable),this.writer=s.writable.getWriter();let n=()=>{i.read().then(({done:l,value:u})=>{l||(this.onPacket(u),n())}).catch(l=>{})};n();let o={type:"open"};this.query.sid&&(o.data='{"sid":"'.concat(this.query.sid,'"}')),this.writer.write(o).then(()=>this.onOpen())})}))}write(e){this.writable=!1;for(let t=0;t<e.length;t++){let i=e[t],s=t===e.length-1;this.writer.write(i).then(()=>{s&&U(()=>{this.writable=!0,this.emitReserved("drain")},this.setTimeoutFn)})}}doClose(){var e;(e=this.transport)===null||e===void 0||e.close()}};var Te={websocket:Ee,webtransport:Ce,polling:ve};var zt=/^(?:(?![^:@\/?#]+:[^:@\/]*@)(http|https|ws|wss):\/\/)?((?:(([^:@\/?#]*)(?::([^:@\/?#]*))?)?@)?((?:[a-f0-9]{0,4}:){2,7}[a-f0-9]{0,4}|[^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/,Jt=["source","protocol","authority","userInfo","user","password","host","port","relative","path","directory","file","query","anchor"];function q(r){if(r.length>2e3)throw"URI too long";let e=r,t=r.indexOf("["),i=r.indexOf("]");t!=-1&&i!=-1&&(r=r.substring(0,t)+r.substring(t,i).replace(/:/g,";")+r.substring(i,r.length));let s=zt.exec(r||""),n={},o=14;for(;o--;)n[Jt[o]]=s[o]||"";return t!=-1&&i!=-1&&(n.source=e,n.host=n.host.substring(1,n.host.length-1).replace(/;/g,":"),n.authority=n.authority.replace("[","").replace("]","").replace(/;/g,":"),n.ipv6uri=!0),n.pathNames=Gt(n,n.path),n.queryKey=Kt(n,n.query),n}function Gt(r,e){let t=/\/{2,9}/g,i=e.replace(t,"/").split("/");return(e.slice(0,1)=="/"||e.length===0)&&i.splice(0,1),e.slice(-1)=="/"&&i.splice(i.length-1,1),i}function Kt(r,e){let t={};return e.replace(/(?:^|&)([^&=]*)=?([^&]*)/g,function(i,s,n){s&&(t[s]=n)}),t}var I=class r extends g{constructor(e,t={}){super(),this.binaryType=mt,this.writeBuffer=[],e&&typeof e=="object"&&(t=e,e=null),e?(e=q(e),t.hostname=e.host,t.secure=e.protocol==="https"||e.protocol==="wss",t.port=e.port,e.query&&(t.query=e.query)):t.host&&(t.hostname=q(t.host).host),N(this,t),this.secure=t.secure!=null?t.secure:typeof location<"u"&&location.protocol==="https:",t.hostname&&!t.port&&(t.port=this.secure?"443":"80"),this.hostname=t.hostname||(typeof location<"u"?location.hostname:"localhost"),this.port=t.port||(typeof location<"u"&&location.port?location.port:this.secure?"443":"80"),this.transports=t.transports||["polling","websocket","webtransport"],this.writeBuffer=[],this.prevBufferLen=0,this.opts=Object.assign({path:"/engine.io",agent:!1,withCredentials:!1,upgrade:!0,timestampParam:"t",rememberUpgrade:!1,addTrailingSlash:!0,rejectUnauthorized:!0,perMessageDeflate:{threshold:1024},transportOptions:{},closeOnBeforeunload:!1},t),this.opts.path=this.opts.path.replace(/\/$/,"")+(this.opts.addTrailingSlash?"/":""),typeof this.opts.query=="string"&&(this.opts.query=at(this.opts.query)),this.id=null,this.upgrades=null,this.pingInterval=null,this.pingTimeout=null,this.pingTimeoutTimer=null,typeof addEventListener=="function"&&(this.opts.closeOnBeforeunload&&(this.beforeunloadEventListener=()=>{this.transport&&(this.transport.removeAllListeners(),this.transport.close())},addEventListener("beforeunload",this.beforeunloadEventListener,!1)),this.hostname!=="localhost"&&(this.offlineEventListener=()=>{this.onClose("transport close",{description:"network connection lost"})},addEventListener("offline",this.offlineEventListener,!1))),this.open()}createTransport(e){let t=Object.assign({},this.opts.query);t.EIO=Ne,t.transport=e,this.id&&(t.sid=this.id);let i=Object.assign({},this.opts,{query:t,socket:this,hostname:this.hostname,secure:this.secure,port:this.port},this.opts.transportOptions[e]);return new Te[e](i)}open(){let e;if(this.opts.rememberUpgrade&&r.priorWebsocketSuccess&&this.transports.indexOf("websocket")!==-1)e="websocket";else if(this.transports.length===0){this.setTimeoutFn(()=>{this.emitReserved("error","No transports available")},0);return}else e=this.transports[0];this.readyState="opening";try{e=this.createTransport(e)}catch{this.transports.shift(),this.open();return}e.open(),this.setTransport(e)}setTransport(e){this.transport&&this.transport.removeAllListeners(),this.transport=e,e.on("drain",this.onDrain.bind(this)).on("packet",this.onPacket.bind(this)).on("error",this.onError.bind(this)).on("close",t=>this.onClose("transport close",t))}probe(e){let t=this.createTransport(e),i=!1;r.priorWebsocketSuccess=!1;let s=()=>{i||(t.send([{type:"ping",data:"probe"}]),t.once("packet",C=>{if(!i)if(C.type==="pong"&&C.data==="probe"){if(this.upgrading=!0,this.emitReserved("upgrading",t),!t)return;r.priorWebsocketSuccess=t.name==="websocket",this.transport.pause(()=>{i||this.readyState!=="closed"&&(b(),this.setTransport(t),t.send([{type:"upgrade"}]),this.emitReserved("upgrade",t),t=null,this.upgrading=!1,this.flush())})}else{let v=new Error("probe error");v.transport=t.name,this.emitReserved("upgradeError",v)}}))};function n(){i||(i=!0,b(),t.close(),t=null)}let o=C=>{let v=new Error("probe error: "+C);v.transport=t.name,n(),this.emitReserved("upgradeError",v)};function l(){o("transport closed")}function u(){o("socket closed")}function d(C){t&&C.name!==t.name&&n()}let b=()=>{t.removeListener("open",s),t.removeListener("error",o),t.removeListener("close",l),this.off("close",u),this.off("upgrading",d)};t.once("open",s),t.once("error",o),t.once("close",l),this.once("close",u),this.once("upgrading",d),this.upgrades.indexOf("webtransport")!==-1&&e!=="webtransport"?this.setTimeoutFn(()=>{i||t.open()},200):t.open()}onOpen(){if(this.readyState="open",r.priorWebsocketSuccess=this.transport.name==="websocket",this.emitReserved("open"),this.flush(),this.readyState==="open"&&this.opts.upgrade){let e=0,t=this.upgrades.length;for(;e<t;e++)this.probe(this.upgrades[e])}}onPacket(e){if(this.readyState==="opening"||this.readyState==="open"||this.readyState==="closing")switch(this.emitReserved("packet",e),this.emitReserved("heartbeat"),this.resetPingTimeout(),e.type){case"open":this.onHandshake(JSON.parse(e.data));break;case"ping":this.sendPacket("pong"),this.emitReserved("ping"),this.emitReserved("pong");break;case"error":let t=new Error("server error");t.code=e.data,this.onError(t);break;case"message":this.emitReserved("data",e.data),this.emitReserved("message",e.data);break}}onHandshake(e){this.emitReserved("handshake",e),this.id=e.sid,this.transport.query.sid=e.sid,this.upgrades=this.filterUpgrades(e.upgrades),this.pingInterval=e.pingInterval,this.pingTimeout=e.pingTimeout,this.maxPayload=e.maxPayload,this.onOpen(),this.readyState!=="closed"&&this.resetPingTimeout()}resetPingTimeout(){this.clearTimeoutFn(this.pingTimeoutTimer),this.pingTimeoutTimer=this.setTimeoutFn(()=>{this.onClose("ping timeout")},this.pingInterval+this.pingTimeout),this.opts.autoUnref&&this.pingTimeoutTimer.unref()}onDrain(){this.writeBuffer.splice(0,this.prevBufferLen),this.prevBufferLen=0,this.writeBuffer.length===0?this.emitReserved("drain"):this.flush()}flush(){if(this.readyState!=="closed"&&this.transport.writable&&!this.upgrading&&this.writeBuffer.length){let e=this.getWritablePackets();this.transport.send(e),this.prevBufferLen=e.length,this.emitReserved("flush")}}getWritablePackets(){if(!(this.maxPayload&&this.transport.name==="polling"&&this.writeBuffer.length>1))return this.writeBuffer;let t=1;for(let i=0;i<this.writeBuffer.length;i++){let s=this.writeBuffer[i].data;if(s&&(t+=nt(s)),i>0&&t>this.maxPayload)return this.writeBuffer.slice(0,i);t+=2}return this.writeBuffer}write(e,t,i){return this.sendPacket("message",e,t,i),this}send(e,t,i){return this.sendPacket("message",e,t,i),this}sendPacket(e,t,i,s){if(typeof t=="function"&&(s=t,t=void 0),typeof i=="function"&&(s=i,i=null),this.readyState==="closing"||this.readyState==="closed")return;i=i||{},i.compress=i.compress!==!1;let n={type:e,data:t,options:i};this.emitReserved("packetCreate",n),this.writeBuffer.push(n),s&&this.once("flush",s),this.flush()}close(){let e=()=>{this.onClose("forced close"),this.transport.close()},t=()=>{this.off("upgrade",t),this.off("upgradeError",t),e()},i=()=>{this.once("upgrade",t),this.once("upgradeError",t)};return(this.readyState==="opening"||this.readyState==="open")&&(this.readyState="closing",this.writeBuffer.length?this.once("drain",()=>{this.upgrading?i():e()}):this.upgrading?i():e()),this}onError(e){r.priorWebsocketSuccess=!1,this.emitReserved("error",e),this.onClose("transport error",e)}onClose(e,t){(this.readyState==="opening"||this.readyState==="open"||this.readyState==="closing")&&(this.clearTimeoutFn(this.pingTimeoutTimer),this.transport.removeAllListeners("close"),this.transport.close(),this.transport.removeAllListeners(),typeof removeEventListener=="function"&&(removeEventListener("beforeunload",this.beforeunloadEventListener,!1),removeEventListener("offline",this.offlineEventListener,!1)),this.readyState="closed",this.id=null,this.emitReserved("close",e,t),this.writeBuffer=[],this.prevBufferLen=0)}filterUpgrades(e){let t=[],i=0,s=e.length;for(;i<s;i++)~this.transports.indexOf(e[i])&&t.push(e[i]);return t}};I.protocol=Ne;var ms=I.protocol;function gt(r,e="",t){let i=r;t=t||typeof location<"u"&&location,r==null&&(r=t.protocol+"//"+t.host),typeof r=="string"&&(r.charAt(0)==="/"&&(r.charAt(1)==="/"?r=t.protocol+r:r=t.host+r),/^(https?|wss?):\/\//.test(r)||(typeof t<"u"?r=t.protocol+"//"+r:r="https://"+r),i=q(r)),i.port||(/^(http|ws)$/.test(i.protocol)?i.port="80":/^(http|ws)s$/.test(i.protocol)&&(i.port="443")),i.path=i.path||"/";let n=i.host.indexOf(":")!==-1?"["+i.host+"]":i.host;return i.id=i.protocol+"://"+n+":"+i.port+e,i.href=i.protocol+"://"+n+(t&&t.port===i.port?"":":"+i.port),i}var Be={};Lt(Be,{Decoder:()=>Me,Encoder:()=>Ie,PacketType:()=>p,protocol:()=>Et});var Yt=typeof ArrayBuffer=="function",Xt=r=>typeof ArrayBuffer.isView=="function"?ArrayBuffer.isView(r):r.buffer instanceof ArrayBuffer,yt=Object.prototype.toString,Qt=typeof Blob=="function"||typeof Blob<"u"&&yt.call(Blob)==="[object BlobConstructor]",Zt=typeof File=="function"||typeof File<"u"&&yt.call(File)==="[object FileConstructor]";function ie(r){return Yt&&(r instanceof ArrayBuffer||Xt(r))||Qt&&r instanceof Blob||Zt&&r instanceof File}function te(r,e){if(!r||typeof r!="object")return!1;if(Array.isArray(r)){for(let t=0,i=r.length;t<i;t++)if(te(r[t]))return!0;return!1}if(ie(r))return!0;if(r.toJSON&&typeof r.toJSON=="function"&&arguments.length===1)return te(r.toJSON(),!0);for(let t in r)if(Object.prototype.hasOwnProperty.call(r,t)&&te(r[t]))return!0;return!1}function wt(r){let e=[],t=r.data,i=r;return i.data=Le(t,e),i.attachments=e.length,{packet:i,buffers:e}}function Le(r,e){if(!r)return r;if(ie(r)){let t={_placeholder:!0,num:e.length};return e.push(r),t}else if(Array.isArray(r)){let t=new Array(r.length);for(let i=0;i<r.length;i++)t[i]=Le(r[i],e);return t}else if(typeof r=="object"&&!(r instanceof Date)){let t={};for(let i in r)Object.prototype.hasOwnProperty.call(r,i)&&(t[i]=Le(r[i],e));return t}return r}function vt(r,e){return r.data=Ue(r.data,e),delete r.attachments,r}function Ue(r,e){if(!r)return r;if(r&&r._placeholder===!0){if(typeof r.num=="number"&&r.num>=0&&r.num<e.length)return e[r.num];throw new Error("illegal attachments")}else if(Array.isArray(r))for(let t=0;t<r.length;t++)r[t]=Ue(r[t],e);else if(typeof r=="object")for(let t in r)Object.prototype.hasOwnProperty.call(r,t)&&(r[t]=Ue(r[t],e));return r}var ei=["connect","connect_error","disconnect","disconnecting","newListener","removeListener"],Et=5,p;(function(r){r[r.CONNECT=0]="CONNECT",r[r.DISCONNECT=1]="DISCONNECT",r[r.EVENT=2]="EVENT",r[r.ACK=3]="ACK",r[r.CONNECT_ERROR=4]="CONNECT_ERROR",r[r.BINARY_EVENT=5]="BINARY_EVENT",r[r.BINARY_ACK=6]="BINARY_ACK"})(p||(p={}));var Ie=class{constructor(e){this.replacer=e}encode(e){return(e.type===p.EVENT||e.type===p.ACK)&&te(e)?this.encodeAsBinary({type:e.type===p.EVENT?p.BINARY_EVENT:p.BINARY_ACK,nsp:e.nsp,data:e.data,id:e.id}):[this.encodeAsString(e)]}encodeAsString(e){let t=""+e.type;return(e.type===p.BINARY_EVENT||e.type===p.BINARY_ACK)&&(t+=e.attachments+"-"),e.nsp&&e.nsp!=="/"&&(t+=e.nsp+","),e.id!=null&&(t+=e.id),e.data!=null&&(t+=JSON.stringify(e.data,this.replacer)),t}encodeAsBinary(e){let t=wt(e),i=this.encodeAsString(t.packet),s=t.buffers;return s.unshift(i),s}};function kt(r){return Object.prototype.toString.call(r)==="[object Object]"}var Me=class r extends g{constructor(e){super(),this.reviver=e}add(e){let t;if(typeof e=="string"){if(this.reconstructor)throw new Error("got plaintext data when reconstructing a packet");t=this.decodeString(e);let i=t.type===p.BINARY_EVENT;i||t.type===p.BINARY_ACK?(t.type=i?p.EVENT:p.ACK,this.reconstructor=new De(t),t.attachments===0&&super.emitReserved("decoded",t)):super.emitReserved("decoded",t)}else if(ie(e)||e.base64)if(this.reconstructor)t=this.reconstructor.takeBinaryData(e),t&&(this.reconstructor=null,super.emitReserved("decoded",t));else throw new Error("got binary data when not reconstructing a packet");else throw new Error("Unknown type: "+e)}decodeString(e){let t=0,i={type:Number(e.charAt(0))};if(p[i.type]===void 0)throw new Error("unknown packet type "+i.type);if(i.type===p.BINARY_EVENT||i.type===p.BINARY_ACK){let n=t+1;for(;e.charAt(++t)!=="-"&&t!=e.length;);let o=e.substring(n,t);if(o!=Number(o)||e.charAt(t)!=="-")throw new Error("Illegal attachments");i.attachments=Number(o)}if(e.charAt(t+1)==="/"){let n=t+1;for(;++t&&!(e.charAt(t)===","||t===e.length););i.nsp=e.substring(n,t)}else i.nsp="/";let s=e.charAt(t+1);if(s!==""&&Number(s)==s){let n=t+1;for(;++t;){let o=e.charAt(t);if(o==null||Number(o)!=o){--t;break}if(t===e.length)break}i.id=Number(e.substring(n,t+1))}if(e.charAt(++t)){let n=this.tryParse(e.substr(t));if(r.isPayloadValid(i.type,n))i.data=n;else throw new Error("invalid payload")}return i}tryParse(e){try{return JSON.parse(e,this.reviver)}catch{return!1}}static isPayloadValid(e,t){switch(e){case p.CONNECT:return kt(t);case p.DISCONNECT:return t===void 0;case p.CONNECT_ERROR:return typeof t=="string"||kt(t);case p.EVENT:case p.BINARY_EVENT:return Array.isArray(t)&&(typeof t[0]=="number"||typeof t[0]=="string"&&ei.indexOf(t[0])===-1);case p.ACK:case p.BINARY_ACK:return Array.isArray(t)}}destroy(){this.reconstructor&&(this.reconstructor.finishedReconstruction(),this.reconstructor=null)}},De=class{constructor(e){this.packet=e,this.buffers=[],this.reconPack=e}takeBinaryData(e){if(this.buffers.push(e),this.buffers.length===this.reconPack.attachments){let t=vt(this.reconPack,this.buffers);return this.finishedReconstruction(),t}return null}finishedReconstruction(){this.reconPack=null,this.buffers=[]}};function _(r,e,t){return r.on(e,t),function(){r.off(e,t)}}var ti=Object.freeze({connect:1,connect_error:1,disconnect:1,disconnecting:1,newListener:1,removeListener:1}),H=class extends g{constructor(e,t,i){super(),this.connected=!1,this.recovered=!1,this.receiveBuffer=[],this.sendBuffer=[],this._queue=[],this._queueSeq=0,this.ids=0,this.acks={},this.flags={},this.io=e,this.nsp=t,i&&i.auth&&(this.auth=i.auth),this._opts=Object.assign({},i),this.io._autoConnect&&this.open()}get disconnected(){return!this.connected}subEvents(){if(this.subs)return;let e=this.io;this.subs=[_(e,"open",this.onopen.bind(this)),_(e,"packet",this.onpacket.bind(this)),_(e,"error",this.onerror.bind(this)),_(e,"close",this.onclose.bind(this))]}get active(){return!!this.subs}connect(){return this.connected?this:(this.subEvents(),this.io._reconnecting||this.io.open(),this.io._readyState==="open"&&this.onopen(),this)}open(){return this.connect()}send(...e){return e.unshift("message"),this.emit.apply(this,e),this}emit(e,...t){if(ti.hasOwnProperty(e))throw new Error('"'+e.toString()+'" is a reserved event name');if(t.unshift(e),this._opts.retries&&!this.flags.fromQueue&&!this.flags.volatile)return this._addToQueue(t),this;let i={type:p.EVENT,data:t};if(i.options={},i.options.compress=this.flags.compress!==!1,typeof t[t.length-1]=="function"){let o=this.ids++,l=t.pop();this._registerAckCallback(o,l),i.id=o}let s=this.io.engine&&this.io.engine.transport&&this.io.engine.transport.writable;return this.flags.volatile&&(!s||!this.connected)||(this.connected?(this.notifyOutgoingListeners(i),this.packet(i)):this.sendBuffer.push(i)),this.flags={},this}_registerAckCallback(e,t){var i;let s=(i=this.flags.timeout)!==null&&i!==void 0?i:this._opts.ackTimeout;if(s===void 0){this.acks[e]=t;return}let n=this.io.setTimeoutFn(()=>{delete this.acks[e];for(let l=0;l<this.sendBuffer.length;l++)this.sendBuffer[l].id===e&&this.sendBuffer.splice(l,1);t.call(this,new Error("operation has timed out"))},s),o=(...l)=>{this.io.clearTimeoutFn(n),t.apply(this,l)};o.withError=!0,this.acks[e]=o}emitWithAck(e,...t){return new Promise((i,s)=>{let n=(o,l)=>o?s(o):i(l);n.withError=!0,t.push(n),this.emit(e,...t)})}_addToQueue(e){let t;typeof e[e.length-1]=="function"&&(t=e.pop());let i={id:this._queueSeq++,tryCount:0,pending:!1,args:e,flags:Object.assign({fromQueue:!0},this.flags)};e.push((s,...n)=>i!==this._queue[0]?void 0:(s!==null?i.tryCount>this._opts.retries&&(this._queue.shift(),t&&t(s)):(this._queue.shift(),t&&t(null,...n)),i.pending=!1,this._drainQueue())),this._queue.push(i),this._drainQueue()}_drainQueue(e=!1){if(!this.connected||this._queue.length===0)return;let t=this._queue[0];t.pending&&!e||(t.pending=!0,t.tryCount++,this.flags=t.flags,this.emit.apply(this,t.args))}packet(e){e.nsp=this.nsp,this.io._packet(e)}onopen(){typeof this.auth=="function"?this.auth(e=>{this._sendConnectPacket(e)}):this._sendConnectPacket(this.auth)}_sendConnectPacket(e){this.packet({type:p.CONNECT,data:this._pid?Object.assign({pid:this._pid,offset:this._lastOffset},e):e})}onerror(e){this.connected||this.emitReserved("connect_error",e)}onclose(e,t){this.connected=!1,delete this.id,this.emitReserved("disconnect",e,t),this._clearAcks()}_clearAcks(){Object.keys(this.acks).forEach(e=>{if(!this.sendBuffer.some(i=>String(i.id)===e)){let i=this.acks[e];delete this.acks[e],i.withError&&i.call(this,new Error("socket has been disconnected"))}})}onpacket(e){if(e.nsp===this.nsp)switch(e.type){case p.CONNECT:e.data&&e.data.sid?this.onconnect(e.data.sid,e.data.pid):this.emitReserved("connect_error",new Error("It seems you are trying to reach a Socket.IO server in v2.x with a v3.x client, but they are not compatible (more information here: https://socket.io/docs/v3/migrating-from-2-x-to-3-0/)"));break;case p.EVENT:case p.BINARY_EVENT:this.onevent(e);break;case p.ACK:case p.BINARY_ACK:this.onack(e);break;case p.DISCONNECT:this.ondisconnect();break;case p.CONNECT_ERROR:this.destroy();let i=new Error(e.data.message);i.data=e.data.data,this.emitReserved("connect_error",i);break}}onevent(e){let t=e.data||[];e.id!=null&&t.push(this.ack(e.id)),this.connected?this.emitEvent(t):this.receiveBuffer.push(Object.freeze(t))}emitEvent(e){if(this._anyListeners&&this._anyListeners.length){let t=this._anyListeners.slice();for(let i of t)i.apply(this,e)}super.emit.apply(this,e),this._pid&&e.length&&typeof e[e.length-1]=="string"&&(this._lastOffset=e[e.length-1])}ack(e){let t=this,i=!1;return function(...s){i||(i=!0,t.packet({type:p.ACK,id:e,data:s}))}}onack(e){let t=this.acks[e.id];typeof t=="function"&&(delete this.acks[e.id],t.withError&&e.data.unshift(null),t.apply(this,e.data))}onconnect(e,t){this.id=e,this.recovered=t&&this._pid===t,this._pid=t,this.connected=!0,this.emitBuffered(),this.emitReserved("connect"),this._drainQueue(!0)}emitBuffered(){this.receiveBuffer.forEach(e=>this.emitEvent(e)),this.receiveBuffer=[],this.sendBuffer.forEach(e=>{this.notifyOutgoingListeners(e),this.packet(e)}),this.sendBuffer=[]}ondisconnect(){this.destroy(),this.onclose("io server disconnect")}destroy(){this.subs&&(this.subs.forEach(e=>e()),this.subs=void 0),this.io._destroy(this)}disconnect(){return this.connected&&this.packet({type:p.DISCONNECT}),this.destroy(),this.connected&&this.onclose("io client disconnect"),this}close(){return this.disconnect()}compress(e){return this.flags.compress=e,this}get volatile(){return this.flags.volatile=!0,this}timeout(e){return this.flags.timeout=e,this}onAny(e){return this._anyListeners=this._anyListeners||[],this._anyListeners.push(e),this}prependAny(e){return this._anyListeners=this._anyListeners||[],this._anyListeners.unshift(e),this}offAny(e){if(!this._anyListeners)return this;if(e){let t=this._anyListeners;for(let i=0;i<t.length;i++)if(e===t[i])return t.splice(i,1),this}else this._anyListeners=[];return this}listenersAny(){return this._anyListeners||[]}onAnyOutgoing(e){return this._anyOutgoingListeners=this._anyOutgoingListeners||[],this._anyOutgoingListeners.push(e),this}prependAnyOutgoing(e){return this._anyOutgoingListeners=this._anyOutgoingListeners||[],this._anyOutgoingListeners.unshift(e),this}offAnyOutgoing(e){if(!this._anyOutgoingListeners)return this;if(e){let t=this._anyOutgoingListeners;for(let i=0;i<t.length;i++)if(e===t[i])return t.splice(i,1),this}else this._anyOutgoingListeners=[];return this}listenersAnyOutgoing(){return this._anyOutgoingListeners||[]}notifyOutgoingListeners(e){if(this._anyOutgoingListeners&&this._anyOutgoingListeners.length){let t=this._anyOutgoingListeners.slice();for(let i of t)i.apply(this,e.data)}}};function M(r){r=r||{},this.ms=r.min||100,this.max=r.max||1e4,this.factor=r.factor||2,this.jitter=r.jitter>0&&r.jitter<=1?r.jitter:0,this.attempts=0}M.prototype.duration=function(){var r=this.ms*Math.pow(this.factor,this.attempts++);if(this.jitter){var e=Math.random(),t=Math.floor(e*this.jitter*r);r=Math.floor(e*10)&1?r+t:r-t}return Math.min(r,this.max)|0};M.prototype.reset=function(){this.attempts=0};M.prototype.setMin=function(r){this.ms=r};M.prototype.setMax=function(r){this.max=r};M.prototype.setJitter=function(r){this.jitter=r};var F=class extends g{constructor(e,t){var i;super(),this.nsps={},this.subs=[],e&&typeof e=="object"&&(t=e,e=void 0),t=t||{},t.path=t.path||"/socket.io",this.opts=t,N(this,t),this.reconnection(t.reconnection!==!1),this.reconnectionAttempts(t.reconnectionAttempts||1/0),this.reconnectionDelay(t.reconnectionDelay||1e3),this.reconnectionDelayMax(t.reconnectionDelayMax||5e3),this.randomizationFactor((i=t.randomizationFactor)!==null&&i!==void 0?i:.5),this.backoff=new M({min:this.reconnectionDelay(),max:this.reconnectionDelayMax(),jitter:this.randomizationFactor()}),this.timeout(t.timeout==null?2e4:t.timeout),this._readyState="closed",this.uri=e;let s=t.parser||Be;this.encoder=new s.Encoder,this.decoder=new s.Decoder,this._autoConnect=t.autoConnect!==!1,this._autoConnect&&this.open()}reconnection(e){return arguments.length?(this._reconnection=!!e,this):this._reconnection}reconnectionAttempts(e){return e===void 0?this._reconnectionAttempts:(this._reconnectionAttempts=e,this)}reconnectionDelay(e){var t;return e===void 0?this._reconnectionDelay:(this._reconnectionDelay=e,(t=this.backoff)===null||t===void 0||t.setMin(e),this)}randomizationFactor(e){var t;return e===void 0?this._randomizationFactor:(this._randomizationFactor=e,(t=this.backoff)===null||t===void 0||t.setJitter(e),this)}reconnectionDelayMax(e){var t;return e===void 0?this._reconnectionDelayMax:(this._reconnectionDelayMax=e,(t=this.backoff)===null||t===void 0||t.setMax(e),this)}timeout(e){return arguments.length?(this._timeout=e,this):this._timeout}maybeReconnectOnOpen(){!this._reconnecting&&this._reconnection&&this.backoff.attempts===0&&this.reconnect()}open(e){if(~this._readyState.indexOf("open"))return this;this.engine=new I(this.uri,this.opts);let t=this.engine,i=this;this._readyState="opening",this.skipReconnect=!1;let s=_(t,"open",function(){i.onopen(),e&&e()}),n=l=>{this.cleanup(),this._readyState="closed",this.emitReserved("error",l),e?e(l):this.maybeReconnectOnOpen()},o=_(t,"error",n);if(this._timeout!==!1){let l=this._timeout,u=this.setTimeoutFn(()=>{s(),n(new Error("timeout")),t.close()},l);this.opts.autoUnref&&u.unref(),this.subs.push(()=>{this.clearTimeoutFn(u)})}return this.subs.push(s),this.subs.push(o),this}connect(e){return this.open(e)}onopen(){this.cleanup(),this._readyState="open",this.emitReserved("open");let e=this.engine;this.subs.push(_(e,"ping",this.onping.bind(this)),_(e,"data",this.ondata.bind(this)),_(e,"error",this.onerror.bind(this)),_(e,"close",this.onclose.bind(this)),_(this.decoder,"decoded",this.ondecoded.bind(this)))}onping(){this.emitReserved("ping")}ondata(e){try{this.decoder.add(e)}catch(t){this.onclose("parse error",t)}}ondecoded(e){U(()=>{this.emitReserved("packet",e)},this.setTimeoutFn)}onerror(e){this.emitReserved("error",e)}socket(e,t){let i=this.nsps[e];return i?this._autoConnect&&!i.active&&i.connect():(i=new H(this,e,t),this.nsps[e]=i),i}_destroy(e){let t=Object.keys(this.nsps);for(let i of t)if(this.nsps[i].active)return;this._close()}_packet(e){let t=this.encoder.encode(e);for(let i=0;i<t.length;i++)this.engine.write(t[i],e.options)}cleanup(){this.subs.forEach(e=>e()),this.subs.length=0,this.decoder.destroy()}_close(){this.skipReconnect=!0,this._reconnecting=!1,this.onclose("forced close"),this.engine&&this.engine.close()}disconnect(){return this._close()}onclose(e,t){this.cleanup(),this.backoff.reset(),this._readyState="closed",this.emitReserved("close",e,t),this._reconnection&&!this.skipReconnect&&this.reconnect()}reconnect(){if(this._reconnecting||this.skipReconnect)return this;let e=this;if(this.backoff.attempts>=this._reconnectionAttempts)this.backoff.reset(),this.emitReserved("reconnect_failed"),this._reconnecting=!1;else{let t=this.backoff.duration();this._reconnecting=!0;let i=this.setTimeoutFn(()=>{e.skipReconnect||(this.emitReserved("reconnect_attempt",e.backoff.attempts),!e.skipReconnect&&e.open(s=>{s?(e._reconnecting=!1,e.reconnect(),this.emitReserved("reconnect_error",s)):e.onreconnect()}))},t);this.opts.autoUnref&&i.unref(),this.subs.push(()=>{this.clearTimeoutFn(i)})}}onreconnect(){let e=this.backoff.attempts;this._reconnecting=!1,this.backoff.reset(),this.emitReserved("reconnect",e)}};var se={};function D(r,e){typeof r=="object"&&(e=r,r=void 0),e=e||{};let t=gt(r,e.path||"/socket.io"),i=t.source,s=t.id,n=t.path,o=se[s]&&n in se[s].nsps,l=e.forceNew||e["force new connection"]||e.multiplex===!1||o,u;return l?u=new F(i,e):(se[s]||(se[s]=new F(i,e)),u=se[s]),t.query&&!e.query&&(e.query=t.queryKey),u.socket(t.path,e)}Object.assign(D,{Manager:F,Socket:H,io:D,connect:D});var j=class j extends HTMLElement{constructor(){super();h(this,"variable");h(this,"value");h(this,"undef",!1);h(this,"report",!1);h(this,"type","plain");h(this,"types",["plain","html","markdown","object","json","table","list","array"]);h(this,"topicMonitors",{});h(this,"uib",!!window.uibuilder);h(this,"$");this.shadow=this.attachShadow({mode:"open",delegatesFocus:!0}),this.$=this.shadowRoot.querySelector.bind(this.shadowRoot),this.css=document.createElement("link"),this.css.setAttribute("type","text/css"),this.css.setAttribute("rel","stylesheet"),this.css.setAttribute("href","./index.css"),this.dispatchEvent(new Event("uib-var:construction",{bubbles:!0,composed:!0}))}static get observedAttributes(){return j.props}attributeChangedCallback(t,i,s){if(i!==s)switch(t){case"variable":{if(s==="")throw new Error('[uib-var] Attribute "variable" MUST be set to a UIBUILDER managed variable name');this.variable=s,this.doWatch();break}case"undefined":{s===""||["on","true","report"].includes(s.toLowerCase())?this.undef=!0:this.undef=!1;break}case"report":{s===""||["on","true","report"].includes(s.toLowerCase())?this.report=!0:this.report=!1;break}case"type":{s===""||!this.types.includes(s.toLowerCase())?this.type="plain":this.type=s;break}case"topic":{if(!s||!this.uib)break;if(this.variable){console.warn("\u26A0\uFE0F [uib-var] Cannot process both variable and topic attributes, use only 1. Using variable");break}this.topic=s,this.topicMonitors[s]&&uibuilder.cancelTopic(s,this.topicMonitors[s]),this.topicMonitors[s]=uibuilder.onTopic(s,n=>{this.value=n.payload,this.varDom(),this.report===!0&&window.uibuilder.send({topic:this.variable,payload:this.value||void 0})}),this.varDom();break}case"filter":{if(this.filter=void 0,this.filterArgs=[],!s)break;this.filter=s,s=s.slice(0,127);let n=s.replace(/\s/g,"").match(/([a-zA-Z_$][a-zA-Z_$0-9.-]+)(\((.*)\))?/);if(!n){console.warn('\u26A0\uFE0F [uib-var] Filter function "'.concat(s,'" invalid. Cannot process.'));break}if(this.filter=n[1],n[3]){try{this.filterArgs=JSON.parse(n[3])}catch{}this.filterArgs=n[3].split(",").map(o=>{if(o=o.trim(),isNaN(o)){let l=o.replace(/^["'`]/,"").replace(/["'`]$/,"");try{l=new Function("return ".concat(l))()}catch{}return l}return Number(o)})}!this.variable&&!this.topic&&this.varDom(!1);break}default:{this[t]=s;break}}}connectedCallback(){this.id||(this.name||(this.name=this.getAttribute("name")),this.name?this.id=this.name.toLowerCase().replace(/\s/g,"_"):this.id="uib-var-".concat(++j._iCount))}disconnectedCallback(){this.uib&&Object.keys(this.topicMonitors).forEach(t=>{uibuilder.cancelTopic(t,this.topicMonitors[t])})}doWatch(){if(!this.variable)throw new Error("No variable name provided");this.value=window.uibuilder.get(this.variable),this.varDom(),window.uibuilder.onChange(this.variable,t=>{this.value=t,this.varDom(),this.report===!0&&window.uibuilder.send({topic:this.variable,payload:this.value||void 0})})}varDom(t=!0){if(t===!0&&!this.value&&this.undef!==!0){this.shadow.innerHTML="<slot></slot>";return}let i=t?this.doFilter(this.value):this.doFilter(),s=i;switch(this.type){case"markdown":{this.uib&&(s=window.uibuilder.convertMarkdown(i));break}case"json":case"object":{s='<pre class="syntax-highlight">'.concat(this.uib?window.uibuilder.syntaxHighlight(i):i,"</pre>");break}case"table":{s=window.uibuilder.sanitiseHTML(window.uibuilder.buildHtmlTable(i).outerHTML);break}case"array":case"list":{Array.isArray(i)||(i=[i]),s="<ul>",i.forEach(n=>{s+="<li>".concat(window.uibuilder.sanitiseHTML(n),"</li>")}),s+="</ul>";break}case"plain":case"html":default:{let n=typeof i;if(Array.isArray(i)||n==="[object Object]"||n==="object")try{s=JSON.stringify(i)}catch{}break}}this.uib?this.shadow.innerHTML=window.uibuilder.sanitiseHTML(s):this.shadow.innerHTML=s,this.shadow.appendChild(this.css)}doFilter(t){if(this.filter){let i=this.filter.split("."),s=globalThis[i[0]];if(s&&i.length>1&&[i.pop()].forEach(o=>{s=s[o]}),!s&&this.uib===!0&&(s=globalThis.uibuilder[i[0]]),s&&typeof s!="function"&&(s=void 0),s){let n=t===void 0?[...this.filterArgs]:[t,...this.filterArgs];t=Reflect.apply(s,t!=null?t:s,n)}else console.warn('\u26A0\uFE0F [uib-var] Filter function "'.concat(this.filter,'" ').concat(typeof s=="object"?"is an object not a function":"not found"))}return t}};h(j,"_iCount",0),h(j,"props",["filter","id","name","report","topic","type","undefined","variable"]);var re=j;var V=class V extends HTMLElement{constructor(){super();h(this,"variable","pageMeta");h(this,"value");h(this,"undef",!1);h(this,"report",!1);h(this,"type","created");h(this,"types",["created","updated","crup","size","modified"]);h(this,"format","");h(this,"formats",["d","dt","t","k","m"]);h(this,"topicMonitors",{});h(this,"uib",!!window.uibuilder);h(this,"$");this.shadow=this.attachShadow({mode:"open",delegatesFocus:!0}),this.$=this.shadowRoot.querySelector.bind(this.shadowRoot),this.value=window.uibuilder.get("pageMeta"),this.value||window.uibuilder.getPageMeta(),this.doWatch(),this.dispatchEvent(new Event("uib-meta:construction",{bubbles:!0,composed:!0}))}static get observedAttributes(){return V.props}attributeChangedCallback(t,i,s){if(i!==s)switch(t){case"type":{s===""||!this.types.includes(s.toLowerCase())?this.type="created":this.type=s;break}case"format":{this.formats.includes(s.toLowerCase())?this[t]=s:this.type="";break}default:{this[t]=s;break}}}connectedCallback(){this.id||(this.name||(this.name=this.getAttribute("name")),this.name?this.id=this.name.toLowerCase().replace(/\s/g,"_"):this.id="uib-meta-".concat(++V._iCount))}doWatch(){this.varDom(),window.uibuilder.onChange(this.variable,t=>{this.value=t,this.varDom(),this.report===!0&&window.uibuilder.send({topic:this.variable,payload:this.value||void 0})})}varDom(t=!0){if(t===!0&&!this.value&&this.undef!==!0){this.shadow.innerHTML="<slot></slot>";return}let i;switch(this.type){case"size":{i="Size: ".concat(this.doFormat(this.value.size,"num"),"b");break}case"modified":case"updated":{i="Updated: ".concat(this.doFormat(this.value.modified,"dt"));break}case"crup":{i="Created: ".concat(this.doFormat(this.value.created,"dt"),", Updated: ").concat(this.doFormat(this.value.modified,"dt"));break}case"created":default:{i="Created: ".concat(this.doFormat(this.value.created,"dt"));break}}i!==void 0&&(this.shadow.innerHTML=i)}doFormat(t,i){if(this.format==="")return t;let s;switch(this.format){case"d":{i==="dt"?s=new Date(t).toLocaleDateString():s=t;break}case"t":{i==="dt"?s=new Date(t).toLocaleTimeString():s=t;break}case"dt":{i==="dt"?s=new Date(t).toLocaleString():s=t;break}case"k":{i==="num"?s="".concat(uibuilder.round(t/1024,1)," k"):s=t;break}case"m":{i==="num"?s="".concat(uibuilder.round(t/1048576,2)," M"):s=t;break}default:s=t}return s}};h(V,"_iCount",0),h(V,"props",["type","format"]);var ne=V;var Xs=window.uibuilder,oe=class oe extends HTMLElement{constructor(){super();h(this,"once",!1);h(this,"log");if(!window.uibuilder)throw new Error("uibuilder client library not available");this.log=window.uibuilder.log,this.dispatchEvent(new Event("apply-template:construction",{bubbles:!0,composed:!0}))}static get observedAttributes(){return oe.props}attributeChangedCallback(t,i,s){i!==s&&(this[t]=s)}connectedCallback(){let t=this["template-id"],i=this.once;if(t){let s=document.getElementById(t);if(s)try{let n;i===!1?n=document.importNode(s.content,!0):n=document.adoptNode(s.content),this.appendChild(n)}catch{this.log("error","ApplyTemplate","Source must be a <template>. id='".concat(t,"'"))}else this.log("error","ApplyTemplate","Source not found: id='".concat(t,"'"))}else this.log("error","ApplyTemplate","Template id attribute not provided. Template must be identified by an id attribute.")}};h(oe,"_iCount",0),h(oe,"props",["template-id","once"]);var ae=oe;var Ct="7.0.4-esm.min",ii=!/param/.test(function(r){});function c(){let r=Array.prototype.slice.call(arguments),e=r.shift(),t;switch(e){case"trace":case 5:{if(c.level<5)break;e=5,t="trace";break}case"debug":case 4:{if(c.level<4)break;e=4,t="debug";break}case"log":case 3:{if(c.level<3)break;e=3,t="log";break}case"info":case"":case 2:{if(c.level<2)break;e=2,t="info";break}case"warn":case 1:{if(c.level<1)break;e=1,t="warn";break}case"error":case"err":case 0:{if(c.level<0)break;e=0,t="error";break}default:{e=-1;break}}if(t===void 0)return function(){};let i=r.shift();return Function.prototype.bind.call(console[c.LOG_STYLES[t].console],console,"%c".concat(c.LOG_STYLES[t].pre).concat(t,"%c [").concat(i,"]"),"".concat(c.LOG_STYLES.level," ").concat(c.LOG_STYLES[t].css),"".concat(c.LOG_STYLES.head," ").concat(c.LOG_STYLES[t].txtCss),...r)}c.LOG_STYLES={error:{css:"background: red; color: black;",txtCss:"color: red; ",pre:"\u26D4 ",console:"error"},warn:{css:"background: darkorange; color: black;",txtCss:"color: darkorange; ",pre:"\u26A0 ",console:"warn"},info:{css:"background: aqua; color: black;",txtCss:"color: aqua;",pre:"\u2757 ",console:"info"},log:{css:"background: grey; color: yellow;",txtCss:"color: grey;",pre:"",console:"log"},debug:{css:"background: chartreuse; color: black;",txtCss:"color: chartreuse;",pre:"",console:"debug"},trace:{css:"background: indigo; color: yellow;",txtCss:"color: hotpink;",pre:"",console:"log"},names:["error","warn","info","log","debug","trace"],reset:"color: inherit;",head:"font-weight:bold; font-style:italic;",level:"font-weight:bold; border-radius: 3px; padding: 2px 5px; display:inline-block;"};c.default=0;var T;try{T=document.currentScript.getAttribute("logLevel")}catch{}if(T===void 0)try{T=new URL(import.meta.url).searchParams.get("logLevel")}catch{}T!==void 0&&(T=Number(T),isNaN(T)?(console.warn('[Uib:constructor] Cannot set logLevel to "'.concat(scriptElement.getAttribute("logLevel"),'". Defaults to 0 (error).')),c.default=0):c.default=T);c.level=c.default;function St(r){if(r===void 0)r='<span class="undefined">undefined</span>';else try{r=JSON.stringify(r,void 0,4),r=r.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+-]?\d+)?)/g,function(e){let t="number";return/^"/.test(e)?/:$/.test(e)?t="key":t="string":/true|false/.test(e)?t="boolean":/null/.test(e)&&(t="null"),'<span class="'.concat(t,'">').concat(e,"</span>")})}catch(e){r="Syntax Highlight ERROR: ".concat(e.message)}return r}var m=new _t.default(window,c,St),E,B,x,A,w,ce,W,z,P,J,_e,le,he,L,ue,si=(E=class{constructor(){h(this,"connectedNum",0);h(this,"_ioChannels",{control:"uiBuilderControl",client:"uiBuilderClient",server:"uiBuilder"});k(this,B);k(this,x,{});k(this,A,{});h(this,"isVue",!1);h(this,"vueVersion");k(this,w,null);k(this,ce);h(this,"_socket");h(this,"_htmlObserver");k(this,W,!1);k(this,z,!1);k(this,P,!1);k(this,J,0);k(this,_e,["elementExists","get","getManagedVarList","getWatchedVars","htmlSend","include","navigate","scrollTo","set","showMsg","showStatus","uiGet","uiWatch","watchUrlHash"]);k(this,le,{});k(this,he,{online:{var:"online",label:"Online?",description:"Is the browser online?"},ioConnected:{var:"ioConnected",label:"Socket.IO connected?",description:"Is Socket.IO connected?"},connectedNum:{var:"connectedNum",label:"# reconnections",description:"How many times has Socket.IO had to reconnect since last page load?"},clientId:{var:"clientId",label:"Client ID",description:"Static client unique id set in Node-RED. Only changes when browser is restarted."},tabId:{var:"tabId",label:"Browser tab ID",description:"Static unique id for the browser's current tab"},cookies:{var:"cookies",label:"Cookies",description:"Cookies set in Node-RED"},httpNodeRoot:{var:"httpNodeRoot",label:"httpNodeRoot",description:"From Node-RED' settings.js, affects URL's. May be wrong for pages in sub-folders"},pageName:{var:"pageName",label:"Page name",description:"Actual name of this page"},ioNamespace:{var:"ioNamespace",label:"SIO namespace",description:"Socket.IO namespace - unique to each uibuilder node instance"},socketError:{var:"socketError",label:"Socket error",description:"If the Socket.IO connection has failed, says why"},msgsSent:{var:"msgsSent",label:"# msgs sent",description:"How many standard messages have been sent to Node-RED?"},msgsReceived:{var:"msgsReceived",label:"# msgs received",description:"How many standard messages have been received from Node-RED?"},msgsSentCtrl:{var:"msgsSentCtrl",label:"# control msgs sent",description:"How many control messages have been sent to Node-RED?"},msgsCtrlReceived:{var:"msgsCtrlReceived",label:"# control msgs received",description:"How many control messages have been received from Node-RED?"},originator:{var:"originator",label:"Node Originator",description:"If the last msg from Node-RED was from a `uib-sender` node, this will be its node id so that messasges can be returned to it"},topic:{var:"topic",label:"Default topic",description:"Optional default topic to be included in outgoing standard messages"},started:{var:"started",label:"Has uibuilder client started?",description:"Whether `uibuilder.start()` ran successfully. This should self-run and should not need to be run manually"},version:{var:"version",label:"uibuilder client version",description:"The version of the loaded uibuilder client library"},serverTimeOffset:{var:"serverTimeOffset",label:"Server time offset (Hrs)",description:"The number of hours difference between the Node-red server and the client"}});k(this,L,{});h(this,"uibAttribs",["uib-topic","data-uib-topic"]);k(this,ue,"[".concat(this.uibAttribs.join("], ["),"]"));h(this,"clientId","");h(this,"cookies",{});h(this,"ctrlMsg",{});h(this,"ioConnected",!1);h(this,"isMinified",ii);h(this,"isVisible",!1);h(this,"lastNavType","");h(this,"maxHttpBufferSize",1048576);h(this,"msg",{});h(this,"msgsSent",0);h(this,"msgsReceived",0);h(this,"msgsSentCtrl",0);h(this,"msgsCtrlReceived",0);h(this,"online",navigator.onLine);h(this,"sentCtrlMsg",{});h(this,"sentMsg",{});h(this,"serverTimeOffset",null);h(this,"socketError",null);h(this,"tabId","");h(this,"pageName",null);h(this,"purify",!1);h(this,"markdown",!1);h(this,"urlHash",location.hash);h(this,"originator","");h(this,"topic");h(this,"uibrouterinstance");h(this,"uibrouter_CurrentRoute");h(this,"autoSendReady",!0);h(this,"httpNodeRoot","");h(this,"ioNamespace","");h(this,"ioPath","");h(this,"retryFactor",1.5);h(this,"retryMs",2e3);h(this,"storePrefix","uib_");h(this,"started",!1);h(this,"socketOptions",{path:this.ioPath,transports:["polling","websocket"],auth:e=>{e({clientVersion:Ct,clientId:this.clientId,pathName:window.location.pathname,urlParams:Object.fromEntries(new URLSearchParams(location.search)),pageName:this.pageName,tabId:this.tabId,lastNavType:this.lastNavType,connectedNum:++this.connectedNum,browserConnectTimestamp:new Date().toISOString()})},transportOptions:{polling:{extraHeaders:{"x-clientid":"".concat(E._meta.displayName,"; ").concat(E._meta.type,"; ").concat(E._meta.version,"; ").concat(this.clientId)}}}});h(this,"$",m.$);h(this,"$$",m.$$);h(this,"$ui",m);h(this,"addClass",m.addClass);h(this,"applyTemplate",m.applyTemplate);h(this,"buildHtmlTable",m.buildHtmlTable);h(this,"removeClass",m.removeClass);if(c("trace","Uib:constructor","Starting")(),window.addEventListener("offline",e=>{this.set("online",!1),this.set("ioConnected",!1),c("warn","Browser","DISCONNECTED from network")()}),window.addEventListener("online",e=>{this.set("online",!0),c("warn","Browser","Reconnected to network")(),this._checkConnect()}),document.cookie.split(";").forEach(e=>{let t=e.split("=");this.cookies[t[0].trim()]=t[1]}),this.set("clientId",this.cookies["uibuilder-client-id"]),c("trace","Uib:constructor","Client ID: ",this.clientId)(),this.set("tabId",window.sessionStorage.getItem("tabId")),this.tabId||(this.set("tabId","t".concat(Math.floor(Math.random()*1e6))),window.sessionStorage.setItem("tabId",this.tabId)),document.addEventListener("load",()=>{this.set("isVisible",!0)}),document.addEventListener("visibilitychange",()=>{this.set("isVisible",document.visibilityState==="visible"),this.sendCtrl({uibuilderCtrl:"visibility",isVisible:this.isVisible})}),document.addEventListener("uibuilder:propertyChanged",e=>{f(this,z)&&e.detail.prop in f(this,he)&&(document.querySelector('td[data-vartype="'.concat(e.detail.prop,'"]')).innerText=JSON.stringify(e.detail.value))}),this.set("ioNamespace",this._getIOnamespace()),"uibuilder-webRoot"in this.cookies)this.set("httpNodeRoot",this.cookies["uibuilder-webRoot"]),c("trace","Uib:constructor",'httpNodeRoot set by cookie to "'.concat(this.httpNodeRoot,'"'))();else{let e=window.location.pathname.split("/").filter(function(t){return t.trim()!==""});e.length>0&&e[e.length-1].endsWith(".html")&&e.pop(),e.pop(),this.set("httpNodeRoot","/".concat(e.join("/"))),c("trace","[Uib:constructor]",'httpNodeRoot set by URL parsing to "'.concat(this.httpNodeRoot,'". NOTE: This may fail for pages in sub-folders.'))()}this.set("ioPath",this.urlJoin(this.httpNodeRoot,E._meta.displayName,"vendor","socket.io")),c("trace","Uib:constructor",'ioPath: "'.concat(this.ioPath,'"'))(),this.set("pageName",window.location.pathname.replace("".concat(this.ioNamespace,"/"),"")),this.pageName.endsWith("/")&&this.set("pageName","".concat(this.pageName,"index.html")),this.pageName===""&&this.set("pageName","index.html");try{let e=this.getStore("_uibAutoloadVars");Object.keys(e).length>0&&Object.keys(e).forEach(t=>{this.set(t,this.getStore(t))})}catch{}this._dispatchCustomEvent("uibuilder:constructorComplete"),c("trace","Uib:constructor","Ending")()}set logLevel(e){c.level=e,console.log("%c\u2757 info%c [logLevel]","".concat(c.LOG_STYLES.level," ").concat(c.LOG_STYLES.info.css),"".concat(c.LOG_STYLES.head," ").concat(c.LOG_STYLES.info.txtCss),"Set to ".concat(e," (").concat(c.LOG_STYLES.names[e],")"))}get logLevel(){return c.level}get meta(){return E._meta}set(e,t,i=!1,s=!1){return e.startsWith("_")||e.startsWith("#")?(c("warn","Uib:set",'Cannot use set() on protected property "'.concat(e,'"'))(),'Cannot use set() on protected property "'.concat(e,'"')):(this[e]=t,f(this,le)[e]=e,i===!0&&this.setStore(e,t,s),c("trace","Uib:set","prop set - prop: ".concat(e,", val: "),t," store: ".concat(i,", autoload: ").concat(s))(),this._dispatchCustomEvent("uibuilder:propertyChanged",{prop:e,value:t,store:i,autoload:s}),t)}get(e){if(e.startsWith("_")||e.startsWith("#")){c("warn","Uib:get",'Cannot use get() on protected property "'.concat(e,'"'))();return}return e==="version"?E._meta.version:e==="msgsCtrl"?this.msgsCtrlReceived:e==="reconnections"?this.connectedNum:(this[e]===void 0&&c("warn","Uib:get",'get() - property "'.concat(e,'" is undefined'))(),this[e])}setStore(e,t,i=!1){let s={};if(i===!0)try{s=this.getStore("_uibAutoloadVars")||{}}catch{}if(typeof t=="object")try{t=JSON.stringify(t)}catch(n){return c("error","Uib:setStore","Cannot stringify object, not storing. ",n)(),!1}try{if(localStorage.setItem(this.storePrefix+e,t),i){s[e]=e;try{localStorage.setItem(this.storePrefix+"_uibAutoloadVars",JSON.stringify(s))}catch(n){c("error","Uib:setStore","Cannot save autoload list. ",n)()}}return this._dispatchCustomEvent("uibuilder:propertyStored",{prop:e,value:t,autoload:i}),!0}catch(n){return c("error","Uib:setStore","Cannot write to localStorage. ",n)(),!1}}getStore(e){try{return JSON.parse(localStorage.getItem(this.storePrefix+e))}catch{}try{return localStorage.getItem(this.storePrefix+e)}catch{return}}removeStore(e){try{localStorage.removeItem(this.storePrefix+e)}catch{}}getManagedVarList(){return f(this,le)}getWatchedVars(){return Object.keys(f(this,x))}_dispatchCustomEvent(e,t){let i=new CustomEvent(e,{detail:t});document.dispatchEvent(i)}onChange(e,t){f(this,x)[e]?f(this,x)[e]._nextRef++:f(this,x)[e]={_nextRef:1};let i=f(this,x)[e]._nextRef,s=f(this,x)[e][i]=function(o){if(e===o.detail.prop){let l=o.detail.value;t.call(l,l)}};return document.addEventListener("uibuilder:propertyChanged",s),i}cancelChange(e,t){document.removeEventListener("uibuilder:propertyChanged",f(this,x)[e][t]),delete f(this,x)[e][t]}onTopic(e,t){f(this,A)[e]?f(this,A)[e]._nextRef++:f(this,A)[e]={_nextRef:1};let i=f(this,A)[e]._nextRef,s=f(this,A)[e][i]=function(o){let l=o.detail;l.topic===e&&t.call(l,l)};return document.addEventListener("uibuilder:stdMsgReceived",s),i}cancelTopic(e,t){document.removeEventListener("uibuilder:stdMsgReceived",f(this,A)[e][t]),delete f(this,A)[e][t]}_checkTimestamp(e){if(Object.prototype.hasOwnProperty.call(e,"serverTimestamp")){let t=new Date(e.serverTimestamp),i=Math.round((new Date-t)/36e5);i!==this.serverTimeOffset&&(c("trace","Uib:checkTimestamp:".concat(this._ioChannels.server," (server)"),"Offset changed to: ".concat(i," from: ").concat(this.serverTimeOffset))(),this.set("serverTimeOffset",i))}}_watchHashChanges(){this.set("urlHash",location.hash),window.addEventListener("hashchange",e=>{this.set("urlHash",location.hash),f(this,P)===!0&&this.send({topic:"hashChange",payload:location.hash,newHash:this.keepHashFromUrl(e.newURL),oldHash:this.keepHashFromUrl(e.oldURL)})})}arrayIntersect(e,t){return e.filter(i=>t.includes(i))}copyToClipboard(e){let t="";try{t=JSON.stringify(this.get(e))}catch(i){c("error","copyToClipboard",'Could not copy "'.concat(e,'" to clipboard.'),i.message)()}navigator.clipboard.writeText(t)}elementExists(e,t=!0){let i=document.querySelector(e),s=!1;return i!==null&&(s=!0),t===!0&&this.send({payload:s,info:'Element "'.concat(e,'" ').concat(s?"exists":"does not exist")}),s}formatNumber(e,t,i,s){if(isNaN(e))return c("error","formatNumber",'Value must be a number. Value type: "'.concat(typeof e,'"'))(),"NaN";s||(s={}),i||(i=navigator.language?navigator.language:"en-GB"),t&&(s.minimumFractionDigits=t,s.maximumFractionDigits=t);let n;try{n=Number(e).toLocaleString(i,s)}catch(o){return c("error","formatNumber","".concat(o.message,". value=").concat(e,", dp=").concat(t,', intl="').concat(i,'", opts=').concat(JSON.stringify(s)))(),"NaN"}return n}getObjectSize(e){let t;try{let i=JSON.stringify(e);t=new TextEncoder().encode(i).length}catch(i){c("error","uibuilder:getObjectSize","Could not stringify, cannot determine size",e,i)}return t}hasUibRouter(){return!!this.uibrouterinstance}keepHashFromUrl(e){return e?"#"+e.replace(/^.*#(.*)/,"$1").replace(/\?.*$/,""):""}log(){c(...arguments)()}makeMeAnObject(e,t){t||(t="payload"),typeof t!="string"&&(c("warn","uibuilder:makeMeAnObject","WARNING: property parameter must be a string and not: ".concat(typeof t))(),t="payload");let i={};return e!==null&&e.constructor.name==="Object"?i=e:e!==null&&(i[t]=e),i}navigate(e){return e&&(window.location.href=e),window.location}round(e,t){let i=Math.pow(10,t||0),s=e*i*(1+Number.EPSILON);return Math.round(s)/i}setOriginator(e=""){this.set("originator",e)}setPing(e=0){let t=new XMLHttpRequest;t.addEventListener("load",()=>{let i=t.getAllResponseHeaders().split("\r\n"),s=Number(new Date)-Number(t.responseURL.split("=")[1]);this.set("ping",{success:t.status===201||t.status===204,status:t.status,headers:i,url:t.responseURL,elapsedTime:s})}),f(this,B)&&(clearInterval(f(this,B)),S(this,B,void 0)),t.open("GET","".concat(this.httpNodeRoot,"/uibuilder/ping?t=").concat(Number(new Date))),t.send(),e>0&&S(this,B,setInterval(()=>{t.open("GET","".concat(this.httpNodeRoot,"/uibuilder/ping?t=").concat(Number(new Date))),t.send()},e))}syntaxHighlight(e){return St(e)}truthy(e,t){let i;return["on","On","ON","true","True","TRUE","1",!0,1].includes(e)?i=!0:["off","Off","OFF","false","False","FALSE","0",!1,0].includes(e)?i=!1:i=t,i}urlJoin(){return("/"+Array.prototype.slice.call(arguments).map(function(i){return i.replace(/^\/|\/$/g,"")}).filter(function(i){return i}).join("/")).replace("//","/")}watchUrlHash(e){return S(this,P,this.truthy(e,f(this,P)!==!0)),f(this,P)}elementIsVisible(){return c("error","uib:elementIsVisible","elementIsVisible has been temporarily DEPRECATED as it was not working correctly and a fix is complex")(),this.send({payload:"elementIsVisible has been temporarily DEPRECATED as it was not working correctly and a fix is complex"}),!1}convertMarkdown(e){return m.convertMarkdown}async include(e,t){await m.include(e,t)}loadScriptSrc(e){m.loadScriptSrc(e)}loadStyleSrc(e){m.loadStyleSrc(e)}loadScriptTxt(e){m.loadScriptTxt(e)}loadStyleTxt(e){m.loadStyleTxt(e)}loadui(e){m.loadui(e)}replaceSlot(e,t){m.replaceSlot(e,t)}replaceSlotMarkdown(e,t){m.replaceSlotMarkdown(e,t)}sanitiseHTML(e){return m.sanitiseHTML(e)}showDialog(e,t,i){m.showDialog(e,t,i)}ui(e){m.ui(e)}uiGet(e,t=null){return m.uiGet(e,t)}uiEnhanceElement(e,t){m.uiEnhanceElement(e,t)}async _uibAttribObserver(e){e.forEach(async t=>{c("trace","uibuilder:_uibAttribObserver","Mutations ",t)(),t.attributeName&&(t.attributeName.startsWith("uib")||t.attributeName.startsWith("data-uib"))?this._uibAttrScanOne(t.target):t.addedNodes.length>0&&t.addedNodes.forEach(async i=>{let s=[];try{s=[...i.attributes]}catch{}this.arrayIntersect(this.uibAttribs,s).forEach(async l=>{this._uibAttrScanOne(l)});let o=[];i.querySelectorAll&&(o=i.querySelectorAll(f(this,ue))),o.forEach(async l=>{this._uibAttrScanOne(l)})})})}async _uibAttrScanOne(e){c("trace","uibuilder:_uibAttrScanOne","Setting up auto-processor for: ",e)();let t=e.getAttribute("uib-topic")||e.getAttribute("data-uib-topic");this.onTopic(t,i=>{if(c("trace","uibuilder:_uibAttrScanOne",'Msg with topic "'.concat(t,'" received. msg content: '),i)(),i._uib_processed_by="_uibAttrScanOne",Object.prototype.hasOwnProperty.call(i,"attributes"))try{for(let[o,l]of Object.entries(i.attributes))e.setAttribute(o,l)}catch{c(0,"uibuilder:attribute-processing","Failed to set attributes. Ensure that msg.attributes is an object containing key/value pairs with each key a valid attribute name. Note that attribute values have to be a string.")()}let s=Object.prototype.hasOwnProperty.call(i,"checked"),n=Object.prototype.hasOwnProperty.call(i,"value");(n||s)&&(e.type&&(e.type==="checkbox"||e.type==="radio")?s?e.checked=this.truthy(i.checked,!1):n&&(e.checked=this.truthy(i.value,!1)):n?e.value=i.value:s&&(e.value=this.truthy(i.checked,!1))),Object.prototype.hasOwnProperty.call(i,"payload")&&this.replaceSlot(e,i.payload)})}async _uibAttrScanAll(e){Array.isArray(e)||(e=[e]),e.forEach(async t=>{let i=t.querySelectorAll(f(this,ue));i.length>0&&i.forEach(s=>{this._uibAttrScanOne(s)})})}_processFilesInput(e,t=!1){let i=[];for(let s of e){let n={};for(let o in s)n[o]=s[o];n.tempUrl=window.URL.createObjectURL(s),i.push(n),t!==!0&&this.uploadFile(s)}return i}getElementAttributes(e){let t=["class","id","name"],i;try{i=Object.assign({},...Array.from(e.attributes,({name:s,value:n})=>{if(!t.includes(s))return{[s]:n}}))}catch{}return i}getElementClasses(e){let t;try{t=Array.from(e.classList)}catch{}return t}getElementCustomProps(e){let t={};return Object.keys(e).forEach(i=>{i.startsWith("_")||(t[i]=e[i])}),t}getFormElementValue(e){let t=null,i=null;switch(e.type){case"checkbox":case"radio":{t=i=e.checked;break}case"select-multiple":{t=Array.from(e.selectedOptions).map(s=>s.value);break}default:{e.value&&(t=e.value),e.checked&&(t=i=e.checked),e.valueAsNumber&&!isNaN(e.valueAsNumber)&&(t=e.valueAsNumber);break}}return{value:t,checked:i}}getFormElementDetails(e){if(!e.type)return c(1,"uibuilder:getFormElementDetails","Cannot get form element details as this is not an input type element")(),null;let t=this.returnElementId(e);if(!t)return c(1,"uibuilder:getFormElementDetails","Cannot get form element details as no id is present and could not be generated")(),null;let{value:i,checked:s}=this.getFormElementValue(e);e.type==="file"&&e.files.length>0&&(i=this._processFilesInput(e.files));let n={id:t,name:e.name,valid:e.checkValidity(),type:e.type};if(i!==null&&(n.value=i),s!==null&&(n.checked=s),n.valid===!1){let o=e.validity;n.validity={badInput:o.badInput===!0?o.badInput:void 0,customError:o.customError===!0?o.customError:void 0,patternMismatch:o.patternMismatch===!0?o.patternMismatch:void 0,rangeOverflow:o.rangeOverflow===!0?o.rangeOverflow:void 0,rangeUnderflow:o.rangeUnderflow===!0?o.rangeUnderflow:void 0,stepMismatch:o.stepMismatch===!0?o.stepMismatch:void 0,tooLong:o.tooLong===!0?o.tooLong:void 0,tooShort:o.tooShort===!0?o.tooShort:void 0,typeMismatch:o.typeMismatch===!0?o.typeMismatch:void 0,valueMissing:o.valueMissing===!0?o.valueMissing:void 0}}return Object.keys(e.dataset).length>0&&(n.data=e.dataset),n}notify(e){return e.return?m.notification(e):(m.notification(e).then(t=>{c("info","Uib:notification","Notification completed event",t)()}).catch(t=>{c("error","Uib:notification","Notification error event",t)()}),null)}returnElementId(e){return e.id!==""?e.id:e.name!==""?"".concat(e.name,"-").concat(++fe(this,J)._):e.type?"".concat(e.type,"-").concat(++fe(this,J)._):"".concat(e.localName,"-").concat(++fe(this,J)._)}scrollTo(e,t){t||(t={}),!e||e==="top"||e==="start"?e="body":(e==="bottom"||e==="end")&&(e="body",t.block="end");let i=this.$(e);return i?(i.scrollIntoView(t),!0):!1}showMsg(e,t="body"){e===void 0&&(e=!f(this,W)),S(this,W,e);let i="Waiting for a message from Node-RED";return this.msg&&Object.keys(this.msg).length>0&&(i=this.syntaxHighlight(this.msg)),e===!1?m._uiRemove({components:["#uib_last_msg_wrap"]}):m._uiReplace({components:[{type:"div",id:"uib_last_msg_wrap",parent:t,attributes:{title:"Last message from Node-RED"},components:[{type:"button",attributes:{onclick:'uibuilder.copyToClipboard("msg")',class:"compact",style:"right:3em;"},slot:"\u{1F4CB}"},{type:"button",attributes:{onclick:"uibuilder.showMsg()",class:"compact",style:"right:.5em;"},slot:"\u26D4"},{type:"pre",id:"uib_last_msg",attributes:{class:"syntax-highlight"},slot:i}]}]}),e}showStatus(e,t="body"){if(e===void 0&&(e=!f(this,z)),S(this,z,e),e===!1)return m._uiRemove({components:["#uib_status"]}),e;let i={components:[{type:"div",id:"uib_status",parent:t,attributes:{title:"Current status of the uibuilder client",class:"text-smaller"},components:[{type:"table",components:[{type:"tbody",components:[]}]}]}]},s=i.components[0].components[0].components[0].components;return Object.values(f(this,he)).forEach(n=>{s.push({type:"tr",attributes:{title:n.description},components:[{type:"th",slot:n.label},{type:"td",attributes:{"data-varType":n.var},slot:n.var==="version"?E._meta.version:JSON.stringify(this[n.var])}]})}),m._uiReplace(i),e}uiWatch(e,t="toggle",i=!0,s=!0){let n=document.querySelector(e);if(!n)return c("warn","uibuilder.module.js:uiWatch","CSS Selector '".concat(e,"' not found."))(),!1;(t==="toggle"||t===void 0||t===null)&&(f(this,L)[e]?t=!1:t=!0);let o=this;return t===!0?(f(this,L)[e]=new MutationObserver(function(l){let u=[];l.forEach(d=>{let b={type:d.type,oldValue:d.oldValue!==null?d.oldValue:void 0};d.addedNodes.length>0&&(b.addedNodes=[],d.addedNodes.forEach((C,v)=>{b.addedNodes.push(m.nodeGet(d.addedNodes[v]))})),d.removedNodes.length>0&&(b.removedNodes=[],d.removedNodes.forEach((C,v)=>{b.removedNodes.push(m.nodeGet(d.removedNodes[v]))})),d.type==="attributes"&&(b.attributeName=d.attributeName,b.newValue=d.target.attributes[d.attributeName].value),u.push(b)}),o._dispatchCustomEvent("uibuilder:domChange",u),i===!0&&o.send({_ui:{cssSelector:e,uiChanges:u},topic:o.topic||"DOM Changes for '".concat(e,"'")}),s===!0&&c("info","uibuilder.module.js:uiWatch","DOM Changes for '".concat(e,"'"),{uiChanges:u},{mutationList:l})()}),f(this,L)[e].observe(n,{attributes:!0,childList:!0,subtree:!0,characterData:!0}),c("trace","uibuilder.module.js:uiWatch","Started Watching DOM changes for '".concat(e,"'"))()):(f(this,L)[e].disconnect(),delete f(this,L)[e],c("trace","uibuilder.module.js:uiWatch","Stopped Watching DOM changes for '".concat(e,"'"))()),t}watchDom(e){let t=document.documentElement,i=this;this._htmlObserver||(this._htmlObserver=new MutationObserver(function(){this.takeRecords(),i.saveHtmlCache()})),e===!0||e===void 0?(this._htmlObserver.observe(t,{attributes:!0,childList:!0,subtree:!0,characterData:!0}),c("trace","uibuilder.module.js:watchDom","Started Watching and saving DOM changes")()):(this._htmlObserver.disconnect(),c("trace","uibuilder.module.js:watchDom","Stopped Watching and saving DOM changes")())}clearHtmlCache(){this.removeStore("htmlCache"),c("trace","uibuilder.module.js:clearHtmlCache","HTML cache cleared")()}restoreHtmlFromCache(){let e=this.getStore("htmlCache");if(e){let t=document.getElementsByTagName("html")[0];t.innerHTML=e,c("trace","uibuilder.module.js:restoreHtmlFromCache","Restored HTML from cache")()}else c("trace","uibuilder.module.js:restoreHtmlFromCache","No cache to restore")()}saveHtmlCache(){this.setStore("htmlCache",document.documentElement.innerHTML)}_ctrlMsgFromServer(e){if(e===null)e={};else if(typeof e!="object"){let t={};t["uibuilderCtrl:"+this._ioChannels.control]=e,e=t}switch(this._checkTimestamp(e),this.set("ctrlMsg",e),this.set("msgsCtrlReceived",++this.msgsCtrlReceived),c("trace","Uib:ioSetup:_ctrlMsgFromServer","Channel '".concat(this._ioChannels.control,"'. Received control msg #").concat(this.msgsCtrlReceived),e)(),e.uibuilderCtrl){case"shutdown":{c("info","Uib:ioSetup:".concat(this._ioChannels.control),'\u274C Received "shutdown" from server')(),this.set("serverShutdown",void 0);break}case"client connect":{c("trace","Uib:ioSetup:".concat(this._ioChannels.control),'Received "client connect" from server',e)(),c("info","Uib:ioSetup:".concat(this._ioChannels.control),"\u2705 Server connected. Version: ".concat(e.version,"\nServer time: ").concat(e.serverTimestamp,", Sever time offset: ").concat(this.serverTimeOffset," hours. Max msg size: ").concat(e.maxHttpBufferSize))(),E._meta.version.startsWith(e.version.split("-")[0])||c("warn","Uib:ioSetup:".concat(this._ioChannels.control),"Server version (".concat(e.version,") not the same as the client version (").concat(E._meta.version,")"))(),this.autoSendReady===!0&&c("trace","Uib:ioSetup:".concat(this._ioChannels.control,"/client connect"),"Auto-sending ready-for-content/replay msg to server"),this.maxHttpBufferSize=e.maxHttpBufferSize;break}case"get page meta":{this.set("pageMeta",e.payload);break}default:c("trace","uibuilder:ioSetup:".concat(this._ioChannels.control),"Received ".concat(e.uibuilderCtrl," from server"))}}_forThis(e){let t=!0;return e.pageName&&e.pageName!==this.pageName&&(c("trace","Uib:_msgRcvdEvents:_uib","Not for this page")(),t=!1),e.clientId&&e.clientId!==this.clientId&&(c("trace","Uib:_msgRcvdEvents:_uib","Not for this clientId")(),t=!1),e.tabId&&e.tabId!==this.tabId&&(c("trace","Uib:_msgRcvdEvents:_uib","Not for this tabId")(),t=!1),t}_msgRcvdEvents(e){if(this._dispatchCustomEvent("uibuilder:stdMsgReceived",e),e.topic&&this._dispatchCustomEvent("uibuilder:msg:topic:".concat(e.topic),e),!e._uib_processed_by){if(e._uib_processed_by="_msgRcvdEvents",e._uib){if(!this._forThis(e._uib))return;if(e._uib.reload===!0){c("trace","Uib:_msgRcvdEvents:_uib:reload","reloading")(),e._uib_processed_by="_msgRcvdEvents - reload",location.reload();return}if(e._uib.command){e._uib_processed_by="_msgRcvdEvents - remote command",this._uibCommand(e);return}e._uib.componentRef==="globalNotification"&&(e._uib_processed_by="_msgRcvdEvents - globalNotification",m.showDialog("notify",e._uib.options,e)),e._uib.componentRef==="globalAlert"&&(e._uib_processed_by="_msgRcvdEvents - globalAlert",m.showDialog("alert",e._uib.options,e))}if(e._ui){if(!this._forThis(e._ui))return;c("trace","Uib:_msgRcvdEvents:_ui","Calling _uiManager")(),e._uib_processed_by="_msgRcvdEvents - _ui",this._dispatchCustomEvent("uibuilder:msg:_ui",e),m._uiManager(e)}}}_send(e,t,i=""){t==null&&(t=this._ioChannels.client),t===this._ioChannels.client?(e=this.makeMeAnObject(e,"payload"),this.hasUibRouter()&&(e._uib||(e._uib={}),e._uib.routeId=this.uibrouter_CurrentRoute)):t===this._ioChannels.control&&(e=this.makeMeAnObject(e,"uibuilderCtrl"),Object.prototype.hasOwnProperty.call(e,"uibuilderCtrl")||(e.uibuilderCtrl="manual send"),e.from="client",this.hasUibRouter()&&(e.routeId=this.uibrouter_CurrentRoute)),e._socketId=this._socket.id,i===""&&this.originator!==""&&(i=this.originator),i!==""&&Object.assign(e,{_uib:{originator:i}}),Object.prototype.hasOwnProperty.call(e,"topic")||(this.topic!==void 0&&this.topic!==""?e.topic=this.topic:Object.prototype.hasOwnProperty.call(this,"msg")&&Object.prototype.hasOwnProperty.call(this.msg,"topic")&&(e.topic=this.msg.topic)),e._ui&&(e._ui.from="client",this.hasUibRouter()&&(e._ui.routeId=this.uibrouter_CurrentRoute));let s;t===this._ioChannels.client?(this.set("sentMsg",e),s=this.set("msgsSent",++this.msgsSent)):t===this._ioChannels.control&&(this.set("sentCtrlMsg",e),s=this.set("msgsSentCtrl",++this.msgsSentCtrl)),c("trace","Uib:_send"," Channel '".concat(t,"'. Sending msg #").concat(s),e)(),this._socket.emit(t,e)}_stdMsgFromServer(e){e=this.makeMeAnObject(e,"payload"),!(e._uib&&!this._forThis(e._uib))&&(e._ui&&!this._forThis(e._ui)||(this._checkTimestamp(e),this.set("msgsReceived",++this.msgsReceived),this._msgRcvdEvents(e),"_ui"in e&&!("payload"in e)||this.set("msg",e),c("info","Uib:ioSetup:stdMsgFromServer","Channel '".concat(this._ioChannels.server,"'. Received msg #").concat(this.msgsReceived,"."),e)()))}_uibCommand(e){var u;if(!e._uib||!e._uib.command){c("error","uibuilder:_uibCommand","Invalid command message received",{msg:e})(),e.payload=e.error="Invalid command message received",this.send(e);return}let t=e._uib.command;if(!f(this,_e).includes(t.trim())){c("error","Uib:_uibCommand","Command '".concat(t," is not allowed to be called externally"))();return}let i=e._uib.prop,s=e._uib.value,n=(u=e._uib.quiet)!=null?u:!1,o,l;switch(t){case"elementIsVisible":{o=this.elementIsVisible(i);break}case"elementExists":{o=this.elementExists(i,!1),l='Element "'.concat(i,'" ').concat(o?"exists":"does not exist");break}case"get":{o=this.get(i);break}case"getManagedVarList":{i==="full"?o=this.getManagedVarList():o=Object.values(this.getManagedVarList());break}case"getWatchedVars":{i==="full"?o=this.getWatchedVars():o=Object.values(this.getWatchedVars());break}case"htmlSend":{o=this.htmlSend("",!1);break}case"include":{o=m.include(i,s);break}case"navigate":{let d;i?d=i:s&&(d=s),o=this.navigate(d);break}case"scrollTo":{o=this.scrollTo(i,s);break}case"set":{let d=!1,b=!1;e._uib.options&&e._uib.options.store&&(e._uib.options.store===!0&&(d=!0),e._uib.options.autoload===!0&&(b=!0)),o=this.set(i,s,d,b);break}case"showMsg":{o=this.showMsg(s,i);break}case"showStatus":{o=this.showStatus(s,i);break}case"uiGet":{o=m.uiGet(i,s);break}case"uiWatch":{o=this.uiWatch(i);break}case"watchUrlHash":{o=this.watchUrlHash(i);break}default:{c("warning","Uib:_uibCommand","Command '".concat(t,"' not yet implemented"))();break}}n!==!0&&(o===void 0&&(o="'".concat(i,"' is undefined")),Object(o).constructor===Promise?o.then(d=>(e.payload=e._uib.response=d,e.info=e._uib.info=l,e.topic||(e.topic=this.topic||"uib ".concat(t," for '").concat(i,"'")),this.send(e),!0)).catch(d=>{c(0,"Uib:_uibCommand","Error: ",d)()}):(e.payload=e._uib.response=o,e.info=e._uib.info=l,e.topic||(e.topic=this.topic||"uib ".concat(t," for '").concat(i,"'")),this.send(e)))}beaconLog(e,t){t||(t="debug"),navigator.sendBeacon("./_clientLog","".concat(t,"::").concat(e))}getPageMeta(){this.sendCtrl({uibuilderCtrl:"get page meta"})}htmlSend(e="",t=!0){let i="<!doctype html>\n".concat(document.documentElement.outerHTML),s={payload:i,length:i.length,topic:this.topic};return c("trace","Uib:htmlSend","Sending full HTML to Node-RED",s)(),t===!0&&this._send(s,this._ioChannels.client,e),i}logToServer(){this.sendCtrl({uibuilderCtrl:"client log message",payload:arguments,_socketId:this._socket.id,clientId:this.clientId,tabId:this.tabId,pageName:this.pageName,connections:this.connectedNum,lastNavType:this.lastNavType})}eventSend(e,t=""){if(this.$attrs){c("error","Uib:eventSend","`this` has been usurped by VueJS. Make sure that you wrap the call in a function: `doEvent: function (event) { uibuilder.eventSend(event) },`")();return}if(!e&&!event){c("warn","Uib:eventSend","Neither the domevent nor the hidden event properties are set. You probably called this function directly rather than applying to an on click event.")();return}if((!e||!e.constructor)&&(e=event),!e.constructor.name.endsWith("Event")||!e.currentTarget){c("warn","Uib:eventSend","ARGUMENT NOT A DOM EVENT - use data attributes not function arguments to pass data. Arg Type: ".concat(e.constructor.name),e)();return}e.preventDefault();let i=e.currentTarget,s=this.getElementCustomProps(i),n=this.getElementAttributes(i),o={},l;i.form?(l={id:this.returnElementId(i.form),valid:i.form.checkValidity()},Object.values(i.form).forEach((Pe,ri)=>{if(["fieldset","object"].includes(Pe.type))return;let G=this.getFormElementDetails(Pe);G&&(l[G.id]=G,o[G.id]=G.value)})):i.type==="file"&&(o=this._processFilesInput(i.files));let u=this.getElementClasses(i);Object.keys(i.dataset).length>0&&(o={...o,...i.dataset});let{value:d,checked:b}=this.getFormElementValue(i);d!==null&&(o.value=d),b!==null&&(o.checked=b);let C;Object.prototype.toString.call(i)==="[object Notification]"&&(o="notification-".concat(i.userAction),C={actions:i.actions,badge:i.badge,body:i.body,data:i.data,dir:i.dir,icon:i.icon,image:i.image,lang:i.lang,renotify:i.renotify,requireInteraction:i.requireInteraction,silent:i.silent,tag:i.tag,timestamp:i.timestamp,title:i.title,vibrate:i.vibrate});let v={payload:o,_ui:{type:"eventSend",id:i.id!==""?i.id:void 0,name:i.name!==""?i.name:void 0,slotText:i.textContent?i.textContent.substring(0,255):void 0,form:l,props:s,attribs:n,classes:u,notification:C,event:e.type,altKey:e.altKey,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,metaKey:e.metaKey,pointerType:e.pointerType,nodeName:i.nodeName,clientId:this.clientId,pageName:this.pageName,tabId:this.tabId}};c("trace","Uib:eventSend","Sending msg to Node-RED",v)(),this._send(v,this._ioChannels.client,t)}send(e,t=""){this._send(e,this._ioChannels.client,t)}sendRoom(e,t){this._socket.emit("uib-room-send",e,t)}joinRoom(e){this._socket.emit("uib-room-join",e)}leaveRoom(e){this._socket.emit("uib-room-leave",e)}sendCtrl(e){this._send(e,this._ioChannels.control)}sendCustom(e,t){this._socket.emit(e,t)}uploadFile(e){let t=new FileReader;t.onload=i=>{let s=i.target.result,n={topic:this.topic||"file-upload",payload:s,fileName:e.name,type:e.type,lastModified:e.lastModifiedDate,size:e.size},o=this.maxHttpBufferSize-500;s.byteLength>=o&&(n.payload=void 0,n.error="File is too large to send. File size: ".concat(s.byteLength,". Max msg size: ").concat(o),c("error","Uib:uploadFile",n.error)()),this.send(n)},t.readAsArrayBuffer(e)}_getIOnamespace(){let e;if(e=this.cookies["uibuilder-namespace"],e===void 0||e===""){let t=window.location.pathname.split("/").filter(function(i){return i.trim()!==""});t.length>0&&t[t.length-1].endsWith(".html")&&t.pop(),e=t.pop(),c("trace","uibuilder.module.js:getIOnamespace","Socket.IO namespace found via url path: ".concat(e))()}else c("trace","uibuilder.module.js:getIOnamespace","Socket.IO namespace found via cookie: ".concat(e))();return this.url=e,e="/"+e,c("trace","uibuilder.module.js:getIOnamespace","Final Socket.IO namespace: ".concat(e))(),e}_checkConnect(e,t,i=1){if(navigator.onLine!==!1)return e||(e=this.retryMs),t||(t=this.retryFactor),c("trace","Uib:checkConnect","Checking connection. Connected: ".concat(this._socket.connected,". Timer: ").concat(f(this,w),". Depth: ").concat(i,". Delay: ").concat(e,". Factor: ").concat(t),this._socket)(),this._socket.connected===!0?(f(this,w)&&(window.clearTimeout(f(this,w)),S(this,w,null)),this.set("ioConnected",!0),this.set("socketError",null),!0):(this.set("ioConnected",!1),f(this,w)&&window.clearTimeout(f(this,w)),S(this,w,window.setTimeout(()=>{c("warn","Uib:checkConnect:setTimeout","Socket.IO reconnection attempt. Current delay: ".concat(e,". Depth: ").concat(i))(),this._socket.disconnect(),this._socket.connect(),S(this,w,null),this._checkConnect(e*t,t,i++)},e)),!1)}_onConnect(){c("info","Uib:ioSetup","\u2705 SOCKET CONNECTED. Connection count: ".concat(this.connectedNum,", Is a Recovery?: ").concat(this._socket.recovered,". \nNamespace: ").concat(this.ioNamespace))(),this._dispatchCustomEvent("uibuilder:socket:connected",{numConnections:this.connectedNum,isRecovery:this._socket.recovered}),this._checkConnect()}_onDisconnect(e){c("info","Uib:ioSetup:socket-disconnect","\u26D4 Socket Disconnected. Reason: ".concat(e))(),this._dispatchCustomEvent("uibuilder:socket:disconnected",e),this._checkConnect()}_ioSetup(){return D===void 0?(c("error","Uib:ioSetup","Socket.IO client not loaded, Node-RED comms will not work")(),!1):(this._socket&&(c("trace","Uib:ioSetup","Removing listeners in preparation for redoing Socket.IO connections")(),f(this,w)&&(window.clearTimeout(f(this,w)),S(this,w,null)),this._socket.close(),this._socket.offAny(),this._socket=void 0,this.set("ioConnected",!1)),this.socketOptions.path=this.ioPath,c("trace","Uib:ioSetup","About to create IO object. Transports: [".concat(this.socketOptions.transports.join(", "),"]"))(),this._socket=D(this.ioNamespace,this.socketOptions),this._connectGlobal(),this._socket.on("connect",this._onConnect.bind(this)),this._socket.on(this._ioChannels.server,this._stdMsgFromServer.bind(this)),this._socket.on(this._ioChannels.control,this._ctrlMsgFromServer.bind(this)),this._socket.on("disconnect",this._onDisconnect.bind(this)),this._socket.on("connect_error",e=>{navigator.onLine!==!1&&(c("error","Uib:ioSetup:connect_error","\u274C Socket.IO Connect Error. Reason: ".concat(e.message),e)(),this.set("ioConnected",!1),this.set("socketError",e),this._dispatchCustomEvent("uibuilder:socket:disconnected",e))}),this._socket.on("error",e=>{c("error","Uib:ioSetup:error","\u274C Socket.IO Error. Reason: ".concat(e.message),e)(),this.set("ioConnected",!1),this.set("socketError",e),this._dispatchCustomEvent("uibuilder:socket:disconnected",e)}),this._checkConnect(),!0)}_connectGlobal(){this._socketGlobal=D("/",this.socketOptions),this._socketGlobal.onAny((...e)=>{this.set("globalMsg",e.slice(0,-1))})}connect(){this._socket.connect()}disconnect(){this._socket.disconnect(),f(this,w)&&window.clearTimeout(f(this,w))}start(e){c("trace","Uib:start","Starting")(),f(this,ce)&&this.cancelChange("msg",f(this,ce)),this.started===!0&&c("info","Uib:start","Start function already called. Resetting Socket.IO and msg handler.")(),c("log","Uib:start","Cookies: ",this.cookies,"\nClient ID: ".concat(this.clientId))(),c("trace","Uib:start","ioNamespace: ",this.ioNamespace,"\nioPath: ".concat(this.ioPath))(),e&&(e.ioNamespace&&this.set("ioNamespace",e.ioNamespace),e.ioPath&&this.set("ioPath",e.ioPath),e.nopolling&&this.socketOptions.transports[0]==="polling"&&this.socketOptions.transports.shift());let[t]=performance.getEntriesByType("navigation");if(this.set("lastNavType",t.type),this.set("started",this._ioSetup()),this.started===!0?c("trace","Uib:start","Start completed. Socket.IO client library loaded.")():c("error","Uib:start","Start completed. ERROR: Socket.IO client library NOT LOADED.")(),this._watchHashChanges(),window.Vue){this.set("isVue",!0);try{this.set("vueVersion",window.Vue.version)}catch{}c("trace","Uib:start","VueJS is loaded. Version: ".concat(this.vueVersion))()}else c("trace","Uib:start","VueJS is not loaded.")();window.DOMPurify?(this.set("purify",!0),c("trace","Uib:start","DOMPurify is loaded.")()):c("trace","Uib:start","DOMPurify is not loaded.")(),window.markdownit?(this.set("markdown",!0),c("trace","Uib:start","Markdown-IT is loaded.")()):c("trace","Uib:start","Markdown-IT is not loaded.")(),this.onChange("msg",s=>{if(f(this,W)===!0){let n=document.getElementById("uib_last_msg");n&&(n.innerHTML=this.syntaxHighlight(s))}}),this._uibAttrScanAll(document),new MutationObserver(this._uibAttribObserver.bind(this)).observe(document,{subtree:!0,attributes:!0,attributeOldValue:!0,attributeFilter:this.uibAttribs,childList:!0}),this._dispatchCustomEvent("uibuilder:startComplete")}},B=new WeakMap,x=new WeakMap,A=new WeakMap,w=new WeakMap,ce=new WeakMap,W=new WeakMap,z=new WeakMap,P=new WeakMap,J=new WeakMap,_e=new WeakMap,le=new WeakMap,he=new WeakMap,L=new WeakMap,ue=new WeakMap,h(E,"_meta",{version:Ct,type:"module",displayName:"uibuilder"}),E),Se=new si;window.uibuilder?c("error","uibuilder.module.js","`uibuilder` already assigned to window. Have you tried to load it more than once?"):window.uibuilder=Se;window.uib?c("warn","uibuilder.module.js","`uib` shortcut already assigned to window."):window.uib=Se;window.$?c("warn","uibuilder.module.js","Cannot allocate the global `$`, it is already in use. Use `uibuilder.$` or `uib.$` instead."):window.$=window.uibuilder.$;window.$$?c("warn","uibuilder.module.js","Cannot allocate the global `$$`, it is already in use. Use `uibuilder.$$` or `uib.$$` instead."):window.$$=window.uibuilder.$$;window.$ui?c("warn","uibuilder.module.js","Cannot allocate the global `$ui`, it is already in use. Use `uibuilder.$ui` or `uib.$ui` instead."):window.$ui=window.uibuilder.$ui;"on"in document||(document.on=function(r,e){this.addEventListener(r,e)});"on"in window||(window.on=function(r,e){this.addEventListener(r,e)});try{"query"in Element||(Element.prototype.query=function(r){return this.querySelector(r)}),"queryAll"in Element||(Element.prototype.queryAll=function(r){return this.querySelectorAll(r)}),"on"in Element||(Element.prototype.on=function(r,e){this.addEventListener(r,e)})}finally{}var rr=Se;Se.start();customElements.define("uib-var",re);customElements.define("uib-meta",ne);customElements.define("apply-template",ae);export{si as Uib,rr as default,Se as uibuilder};
 //# sourceMappingURL=uibuilder.esm.min.js.map
diff --git a/front-end/uibuilder.esm.min.js.map b/front-end/uibuilder.esm.min.js.map
index 7e05f3b0..7d7b2c04 100644
--- a/front-end/uibuilder.esm.min.js.map
+++ b/front-end/uibuilder.esm.min.js.map
@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["src/front-end-module/ui.js", "src/front-end-module/uibuilder.module.js", "node_modules/engine.io-parser/build/esm/commons.js", "node_modules/engine.io-parser/build/esm/encodePacket.browser.js", "node_modules/engine.io-parser/build/esm/contrib/base64-arraybuffer.js", "node_modules/engine.io-parser/build/esm/decodePacket.browser.js", "node_modules/engine.io-parser/build/esm/index.js", "node_modules/@socket.io/component-emitter/lib/esm/index.js", "node_modules/engine.io-client/build/esm/globalThis.browser.js", "node_modules/engine.io-client/build/esm/util.js", "node_modules/engine.io-client/build/esm/contrib/parseqs.js", "node_modules/engine.io-client/build/esm/transport.js", "node_modules/engine.io-client/build/esm/contrib/yeast.js", "node_modules/engine.io-client/build/esm/contrib/has-cors.js", "node_modules/engine.io-client/build/esm/transports/xmlhttprequest.browser.js", "node_modules/engine.io-client/build/esm/transports/polling.js", "node_modules/engine.io-client/build/esm/transports/websocket-constructor.browser.js", "node_modules/engine.io-client/build/esm/transports/websocket.js", "node_modules/engine.io-client/build/esm/transports/webtransport.js", "node_modules/engine.io-client/build/esm/transports/index.js", "node_modules/engine.io-client/build/esm/contrib/parseuri.js", "node_modules/engine.io-client/build/esm/socket.js", "node_modules/engine.io-client/build/esm/index.js", "node_modules/socket.io-client/build/esm/url.js", "node_modules/socket.io-parser/build/esm/index.js", "node_modules/socket.io-parser/build/esm/is-binary.js", "node_modules/socket.io-parser/build/esm/binary.js", "node_modules/socket.io-client/build/esm/on.js", "node_modules/socket.io-client/build/esm/socket.js", "node_modules/socket.io-client/build/esm/contrib/backo2.js", "node_modules/socket.io-client/build/esm/manager.js", "node_modules/socket.io-client/build/esm/index.js", "src/components/uib-var.js", "src/components/uib-meta.js", "src/components/apply-template.js"],
-  "sourcesContent": ["/* Creates HTML UI's based on a standardised data input.\n  Works stand-alone, with uibuilder or with Node.js/jsdom.\n  See: https://totallyinformation.github.io/node-red-contrib-uibuilder/#/client-docs/config-driven-ui\n\n  Author: Julian Knight (Totally Information), March 2023\n\n  License: Apache 2.0\n  Copyright (c) 2022-2024 Julian Knight (Totally Information)\n\n  Licensed under the Apache License, Version 2.0 (the \"License\");\n  you may not use this file except in compliance with the License.\n  You may obtain a copy of the License at\n\n  http://www.apache.org/licenses/LICENSE-2.0\n\n  Unless required by applicable law or agreed to in writing, software\n  distributed under the License is distributed on an \"AS IS\" BASIS,\n  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  See the License for the specific language governing permissions and\n  limitations under the License.\n */\n/* globals module:true */\n\n// Namespaces - See https://stackoverflow.com/a/52572048/1309986\n// const NAMESPACES = {\n//     svg: 'http://www.w3.org/2000/svg',\n//     html: 'http://www.w3.org/1999/xhtml',\n//     xml: 'http://www.w3.org/XML/1998/namespace',\n//     xlink: 'http://www.w3.org/1999/xlink',\n//     xmlns: 'http://www.w3.org/2000/xmlns/' // sic for the final slash...\n// }\n\nconst Ui = class Ui {\n    //#region --- Class variables ---\n    version = '7.0.3-src'\n\n    // List of tags and attributes not in sanitise defaults but allowed in uibuilder.\n    sanitiseExtraTags = ['uib-var']\n    sanitiseExtraAttribs = ['variable', 'report', 'undefined']\n\n    /** Reference to DOM window - must be passed in the constructor\n     * Allows for use of this library/class with `jsdom` in Node.JS as well as the browser.\n     * @type {Window}\n     */\n    static win\n\n    /** Reference to the DOM top-level window.document for convenience - set in constructor @type {Document} */\n    static doc\n\n    /** Log function - passed in constructor or will be a dummy function\n     * @type {Function}\n     */\n    static log\n\n    /** Options for Markdown-IT if available (set in constructor) */\n    static mdOpts\n    /** Reference to pre-loaded Markdown-IT library */\n    static md\n    /** Optional Markdown-IT Plugins */\n    ui_md_plugins\n    //#endregion --- class variables ---\n\n    /** Called when `new Ui(...)` is called\n     * @param {globalThis} win Either the browser global window or jsdom dom.window\n     * @param {Function} [extLog] A function that returns a function for logging\n     * @param {Function} [jsonHighlight] A function that returns a highlighted HTML of JSON input\n     */\n    constructor(win, extLog, jsonHighlight) {\n        // window must be passed in as an arg to the constructor\n        // Should either be the global window for a browser or `dom.window` for jsdom in Node.js\n        // @ts-ignore\n        if (win) Ui.win = win\n        else {\n            // Ui.log(0, 'Ui:constructor', 'Current environment does not include `window`, UI functions cannot be used.')()\n            // return\n            throw new Error('Ui:constructor. Current environment does not include `window`, UI functions cannot be used.')\n        }\n\n        // For convenience\n        Ui.doc = Ui.win.document\n\n        // If a suitable function not passed in, create a dummy one\n        if (extLog) Ui.log = extLog\n        else Ui.log = function() { return function() {} }\n\n        // If a JSON HTML highlighting function passed then use it, else a dummy fn\n        if (jsonHighlight) this.syntaxHighlight = jsonHighlight\n        else this.syntaxHighlight = function() {}\n\n        // If Markdown-IT pre-loaded, then configure it now\n        if (Ui.win['markdownit']) {\n            Ui.mdOpts = {\n                html: true,\n                xhtmlOut: false,\n                linkify: true,\n                _highlight: true,\n                _strict: false,\n                _view: 'html',\n                langPrefix: 'language-',\n                // NB: the highlightjs (hljs) library must be loaded before markdown-it for this to work\n                highlight: function(str, lang) {\n                    // https://highlightjs.org\n                    if (lang && window['hljs'] && window['hljs'].getLanguage(lang)) {\n                        try {\n                            return `<pre class=\"\">\n                                    <code class=\"hljs border\">${window['hljs'].highlight(str, { language: lang, ignoreIllegals: true }).value}</code></pre>`\n                        } finally { } // eslint-disable-line no-empty\n                    }\n                    return `<pre class=\"hljs border\"><code>${Ui.md.utils.escapeHtml(str).trim()}</code></pre>`\n                },\n            }\n            Ui.md = Ui.win['markdownit'](Ui.mdOpts)\n        }\n    }\n\n    //#region ---- Internal Methods ----\n\n    _markDownIt() {\n        // If Markdown-IT pre-loaded, then configure it now\n        if (!Ui.win['markdownit']) return\n\n        // If plugins not yet defined, check if uibuilder has set them\n        if (!this.ui_md_plugins && Ui.win['uibuilder'] && Ui.win['uibuilder'].ui_md_plugins) this.ui_md_plugins = Ui.win['uibuilder'].ui_md_plugins\n\n        Ui.mdOpts = {\n            html: true,\n            xhtmlOut: false,\n            linkify: true,\n            _highlight: true,\n            _strict: false,\n            _view: 'html',\n            langPrefix: 'language-',\n            // NB: the highlightjs (hljs) library must be loaded before markdown-it for this to work\n            highlight: function(str, lang) {\n                if (window['hljs']) {\n                    if (lang && window['hljs'].getLanguage(lang)) {\n                        try {\n                            return `<pre><code class=\"hljs border language-${lang}\" data-language=\"${lang}\" title=\"Source language: '${lang}'\">${window['hljs'].highlight(str, { language: lang, ignoreIllegals: true }).value}</code></pre>`\n                        } finally { } // eslint-disable-line no-empty\n                    } else {\n                        try {\n                            const high = window['hljs'].highlightAuto(str)\n                            return `<pre><code class=\"hljs border language-${high.language}\" data-language=\"${high.language}\" title=\"Source language estimated by HighlightJS: '${high.language}'\">${high.value}</code></pre>`\n                        } finally { } // eslint-disable-line no-empty\n                    }\n                }\n                return `<pre><code class=\"border\">${Ui.md.utils.escapeHtml(str).trim()}</code></pre>`\n            },\n        }\n        Ui.md = Ui.win['markdownit'](Ui.mdOpts)\n        // Ui.md.use(Ui.win.markdownitTaskLists, {enabled: true})\n        if (this.ui_md_plugins) {\n            if (!Array.isArray(this.ui_md_plugins)) {\n                Ui.log('error', 'Ui:_markDownIt:plugins', 'Could not load plugins, ui_md_plugins is not an array')()\n                return\n            }\n            this.ui_md_plugins.forEach( plugin => {\n                if (typeof plugin === 'string') {\n                    Ui.md.use(Ui.win[plugin])\n                } else {\n                    const name = Object.keys(plugin)[0]\n                    Ui.md.use(Ui.win[name], plugin[name])\n                }\n            })\n        }\n    }\n\n    /** Show a browser notification if the browser and the user allows it\n     * @param {object} config Notification config data\n     * @returns {Promise} Resolves on close or click event, returns the event.\n     */\n    _showNotification(config) {\n        if ( config.topic && !config.title ) config.title = config.topic\n        if ( !config.title ) config.title = 'uibuilder notification'\n        if ( config.payload && !config.body ) config.body = config.payload\n        if ( !config.body ) config.body = ' No message given.'\n        // Wrap in try/catch since Chrome Android may throw an error\n        try {\n            const notify = new Notification(config.title, config)\n            return new Promise( (resolve, reject) => {\n                // Doesn't ever seem to fire (at least in Chromium)\n                notify.addEventListener('close', ev => {\n                    // @ts-ignore\n                    ev.currentTarget.userAction = 'close'\n                    resolve(ev)\n                })\n                notify.addEventListener('click', ev => {\n                    // @ts-ignore\n                    ev.currentTarget.userAction = 'click'\n                    resolve(ev)\n                })\n                notify.addEventListener('error', ev => {\n                    // @ts-ignore\n                    ev.currentTarget.userAction = 'error'\n                    reject(ev)\n                })\n            })\n        } catch (e) {\n            return Promise.reject(new Error('Browser refused to create a Notification'))\n        }\n    }\n\n    // Vue dynamic inserts Don't really work ...\n    // _uiAddVue(ui, isRecurse) {\n\n    //     // must be Vue\n    //     // must have only 1 root element\n    //     const compToAdd = ui.components[0]\n    //     const newEl = Ui.doc.createElement(compToAdd.type)\n\n    //     if (!compToAdd.slot && ui.payload) compToAdd.slot = ui.payload\n    //     this._uiComposeComponent(newEl, compToAdd)\n\n    //     // If nested components, go again - but don't pass payload to sub-components\n    //     if (compToAdd.components) {\n    //         this._uiExtendEl(newEl, compToAdd.components)\n    //     }\n\n    //     console.log('MAGIC: ', this.magick, newEl, newEl.outerHTML)()\n    //     this.set('magick', newEl.outerHTML)\n\n    //     // if (compToAdd.id) newEl.setAttribute('ref', compToAdd.id)\n    //     // if (elParent.id) newEl.setAttribute('data-parent', elParent.id)\n    // }\n\n    // TODO Add check if ID already exists\n    // TODO Allow single add without using components array\n    /** Handle incoming msg._ui add requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     * @param {boolean} isRecurse Is this a recursive call?\n     */\n    _uiAdd(ui, isRecurse) {\n        Ui.log('trace', 'Ui:_uiManager:add', 'Starting _uiAdd')()\n\n        // Vue dynamic inserts Don't really work ...\n        // if (this.#isVue && !isRecurse) {\n        //     this._uiAddVue(ui, false)\n        //     return\n        // }\n\n        ui.components.forEach((compToAdd, i) => {\n            Ui.log('trace', `Ui:_uiAdd:components-forEach:${i}`, 'Component to add: ', compToAdd)()\n\n            /** @type {*} Create the new component - some kind of HTML element */\n            let newEl\n            switch (compToAdd.type) {\n                // If trying to insert raw html, wrap in a div\n                case 'html': {\n                    compToAdd.ns = 'html'\n                    newEl = Ui.doc.createElement('div')\n                    break\n                }\n\n                // If trying to insert raw svg, need to create in namespace\n                case 'svg': {\n                    compToAdd.ns = 'svg'\n                    newEl = Ui.doc.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToAdd.ns = 'dom'\n                    newEl = Ui.doc.createElement(compToAdd.type)\n                    break\n                }\n            }\n\n            if (!compToAdd.slot && ui.payload) compToAdd.slot = ui.payload\n\n            // const parser = new DOMParser()\n            // const newDoc = parser.parseFromString(compToAdd.slot, 'text/html')\n            // console.log(compToAdd, newDoc.body)()\n\n            this._uiComposeComponent(newEl, compToAdd)\n\n            /** @type {HTMLElement} Where to add the new element? */\n            let elParent\n            if (compToAdd.parentEl) {\n                elParent = compToAdd.parentEl\n            } else if (ui.parentEl) {\n                elParent = ui.parentEl\n            } else if (compToAdd.parent) {\n                elParent = Ui.doc.querySelector(compToAdd.parent)\n            } else if (ui.parent) {\n                elParent = Ui.doc.querySelector(ui.parent)\n            }\n            if (!elParent) {\n                Ui.log('info', 'Ui:_uiAdd', 'No parent found, adding to body')()\n                elParent = Ui.doc.querySelector('body')\n            }\n\n            if (compToAdd.position && compToAdd.position === 'first') {\n                // Insert new el before the first child of the parent. Ref: https://developer.mozilla.org/en-US/docs/Web/API/Node/insertBefore#example_3\n                elParent.insertBefore(newEl, elParent.firstChild)\n            } else if (compToAdd.position && Number.isInteger(Number(compToAdd.position))) {\n                elParent.insertBefore(newEl, elParent.children[compToAdd.position])\n            } else {\n                // Append to the required parent\n                elParent.appendChild(newEl)\n            }\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToAdd.components) {\n                // this._uiAdd({\n                //     method: ui.method,\n                //     parentEl: newEl,\n                //     components: compToAdd.components,\n                // }, true)\n                this._uiExtendEl(newEl, compToAdd.components, compToAdd.ns)\n            }\n        })\n    } // --- end of _uiAdd ---\n\n    /** Enhance an HTML element that is being composed with ui data\n     *  such as ID, attribs, event handlers, custom props, etc.\n     * @param {*} el HTML Element to enhance\n     * @param {*} comp Individual uibuilder ui component spec\n     */\n    _uiComposeComponent(el, comp) {\n        // Add attributes\n        if (comp.attributes) {\n            Object.keys(comp.attributes).forEach((attrib) => {\n                if (attrib === 'class' && Array.isArray(comp.attributes[attrib])) comp.attributes[attrib].join(' ')\n\n                Ui.log('trace', '_uiComposeComponent:attributes-forEach', `Attribute: '${attrib}', value: '${comp.attributes[attrib]}'`)()\n\n                // For values, set the actual value as well since the attrib only changes the DEFAULT value\n                if (attrib === 'value') el.value = comp.attributes[attrib]\n\n                if (attrib.startsWith('xlink:')) el.setAttributeNS('http://www.w3.org/1999/xlink', attrib, comp.attributes[attrib])\n                else el.setAttribute(attrib, comp.attributes[attrib])\n            })\n        }\n\n        // ID if set\n        if (comp.id) el.setAttribute('id', comp.id)\n\n        // If an SVG tag, ensure we have the appropriate namespaces added\n        if (comp.type === 'svg') {\n            el.setAttributeNS('http://www.w3.org/2000/xmlns/', 'xmlns', 'http://www.w3.org/2000/svg')\n            el.setAttributeNS('http://www.w3.org/2000/xmlns/', 'xmlns:xlink', 'http://www.w3.org/1999/xlink')\n        }\n\n        // Add event handlers\n        if (comp.events) {\n            Object.keys(comp.events).forEach((type) => {\n                // @ts-ignore  I'm forever getting this wrong!\n                if (type.toLowerCase === 'onclick') type = 'click'\n                // Add the event listener\n                try {\n                    el.addEventListener(type, (evt) => {\n                        // Use new Function to ensure that esbuild works: https://esbuild.github.io/content-types/#direct-eval\n                        (new Function('evt', `${comp.events[type]}(evt)`))(evt) // eslint-disable-line no-new-func\n                    })\n                    // newEl.setAttribute( 'onClick', `${comp.events[type]}()` )\n                } catch (err) {\n                    Ui.log('error', 'Ui:_uiComposeComponent', `Add event '${type}' for element '${comp.type}': Cannot add event handler. ${err.message}`)()\n                }\n            })\n        }\n\n        // Add custom properties to the dataset\n        if (comp.properties) {\n            Object.keys(comp.properties).forEach((prop) => {\n                // TODO break a.b into sub properties\n                el[prop] = comp.properties[prop]\n                // Auto-dispatch events if changing value or changed since DOM does not do this automatically\n                if (['value', 'checked'].includes(prop)) {\n                    el.dispatchEvent(new Event('input'))\n                    el.dispatchEvent(new Event('change'))\n                }\n            })\n        }\n\n        //#region Add Slot content to innerHTML\n        if (comp.slot) {\n            this.replaceSlot(el, comp.slot)\n        }\n        //#endregion\n\n        // TODO Add multi-slot capability (default slot must always be processed first as innerHTML is replaced)\n\n        //#region Add Slot Markdown content to innerHTML IF marked library is available\n        if (comp.slotMarkdown) {\n            this.replaceSlotMarkdown(el, comp)\n        }\n        //#endregion\n    }\n\n    /** Extend an HTML Element with appended elements using ui components\n     * NOTE: This fn follows a strict hierarchy of added components.\n     * @param {HTMLElement} parentEl The parent HTML Element we want to append to\n     * @param {*} components The ui component(s) we want to add\n     * @param {string} [ns] Optional. The namespace to use.\n     */\n    _uiExtendEl(parentEl, components, ns = '') {\n        components.forEach((compToAdd, i) => {\n            Ui.log('trace', `Ui:_uiExtendEl:components-forEach:${i}`, compToAdd)()\n\n            /** @type {HTMLElement} Create the new component */\n            let newEl\n\n            compToAdd.ns = ns\n\n            if (compToAdd.ns === 'html') {\n                newEl = parentEl\n                // newEl.outerHTML = compToAdd.slot\n                // parentEl.innerHTML = compToAdd.slot\n                this.replaceSlot(parentEl, compToAdd.slot)\n            } else if (compToAdd.ns === 'svg') {\n                newEl = Ui.doc.createElementNS('http://www.w3.org/2000/svg', compToAdd.type)\n                // Updates newEl\n                this._uiComposeComponent(newEl, compToAdd)\n                parentEl.appendChild(newEl)\n            } else {\n                newEl = Ui.doc.createElement(compToAdd.type === 'html' ? 'div' : compToAdd.type)\n                // Updates newEl\n                this._uiComposeComponent(newEl, compToAdd)\n                parentEl.appendChild(newEl)\n            }\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToAdd.components) {\n                this._uiExtendEl(newEl, compToAdd.components, compToAdd.ns)\n            }\n        })\n    }\n\n    // TODO Add more error handling and parameter validation\n    /** Handle incoming _ui load requests\n     * Can load JavaScript modules, JavaScript scripts and CSS.\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     */\n    _uiLoad(ui) {\n\n        // Self-loading ECMA Modules (e.g. web components)\n        if (ui.components) {\n            if (!Array.isArray(ui.components)) ui.components = [ui.components]\n\n            ui.components.forEach(async component => {\n                // NOTE: This happens asynchronously but we don't wait\n                import(component)\n            })\n        }\n        // Remote Scripts\n        if (ui.srcScripts) {\n            if (!Array.isArray(ui.srcScripts)) ui.srcScripts = [ui.srcScripts]\n\n            ui.srcScripts.forEach(script => {\n                this.loadScriptSrc(script)\n            })\n        }\n        // Scripts passed as text\n        if (ui.txtScripts) {\n            if (!Array.isArray(ui.txtScripts)) ui.txtScripts = [ui.txtScripts]\n\n            this.loadScriptTxt(ui.txtScripts.join('\\n'))\n        }\n        // Remote Stylesheets\n        if (ui.srcStyles) {\n            if (!Array.isArray(ui.srcStyles)) ui.srcStyles = [ui.srcStyles]\n\n            ui.srcStyles.forEach(sheet => {\n                this.loadStyleSrc(sheet)\n            })\n        }\n        // Styles passed as text\n        if (ui.txtStyles) {\n            if (!Array.isArray(ui.txtStyles)) ui.txtStyles = [ui.txtStyles]\n\n            this.loadStyleTxt(ui.txtStyles.join('\\n'))\n        }\n\n    } // --- end of _uiLoad ---\n\n    /** Handle incoming _ui messages and loaded UI JSON files\n     * Called from start()\n     * @param {*} msg Standardised msg object containing a _ui property object\n     */\n    _uiManager(msg) {\n        if (!msg._ui) return\n\n        // Make sure that _ui is an array\n        if (!Array.isArray(msg._ui)) msg._ui = [msg._ui]\n\n        msg._ui.forEach((ui, i) => {\n            if (ui.mode && !ui.method) ui.method = ui.mode\n            if (!ui.method) {\n                Ui.log('error', 'Ui:_uiManager', `No method defined for msg._ui[${i}]. Ignoring. `, ui)()\n                return\n            }\n\n            ui.payload = msg.payload\n            ui.topic = msg.topic\n            switch (ui.method) {\n                case 'add': {\n                    this._uiAdd(ui, false)\n                    break\n                }\n\n                case 'remove': {\n                    this._uiRemove(ui, false)\n                    break\n                }\n\n                case 'removeAll': {\n                    this._uiRemove(ui, true)\n                    break\n                }\n\n                case 'replace': {\n                    this._uiReplace(ui)\n                    break\n                }\n\n                case 'update': {\n                    this._uiUpdate(ui)\n                    break\n                }\n\n                case 'load': {\n                    this._uiLoad(ui)\n                    break\n                }\n\n                case 'reload': {\n                    this._uiReload()\n                    break\n                }\n\n                case 'notify': {\n                    this.showDialog('notify', ui, msg)\n                    break\n                }\n\n                case 'alert': {\n                    this.showDialog('alert', ui, msg)\n                    break\n                }\n\n                default: {\n                    Ui.log('error', 'Ui:_uiManager', `Invalid msg._ui[${i}].method (${ui.method}). Ignoring`)()\n                    break\n                }\n            }\n        })\n    } // --- end of _uiManager ---\n\n    /** Handle a reload request */\n    _uiReload() {\n        Ui.log('trace', 'Ui:uiManager:reload', 'reloading')()\n        location.reload()\n    }\n\n    // TODO Add better tests for failures (see comments)\n    /** Handle incoming _ui remove requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     * @param {boolean} all Optional, default=false. If true, will remove ALL found elements, otherwise only the 1st is removed\n     */\n    _uiRemove(ui, all = false) {\n        ui.components.forEach((compToRemove) => {\n            let els\n            if (all !== true) els = [Ui.doc.querySelector(compToRemove)]\n            else els = Ui.doc.querySelectorAll(compToRemove)\n\n            els.forEach(el => {\n                try {\n                    el.remove()\n                } catch (err) {\n                    // Could not remove. Cannot read properties of null <= no need to report this one\n                    // Could not remove. Failed to execute 'querySelector' on 'Ui.doc': '##testbutton1' is not a valid selector\n                    Ui.log('trace', 'Ui:_uiRemove', `Could not remove. ${err.message}`)()\n                }\n            })\n        })\n    } // --- end of _uiRemove ---\n\n    /** Handle incoming _ui replace requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     */\n    _uiReplace(ui) {\n        Ui.log('trace', 'Ui:_uiReplace', 'Starting')()\n\n        ui.components.forEach((compToReplace, /** @type {number} */ i) => {\n            Ui.log('trace', `Ui:_uiReplace:components-forEach:${i}`, 'Component to replace: ', compToReplace)()\n\n            /** @type {HTMLElement} */\n            let elToReplace\n\n            // Either the id, CSS selector, name or type (element type) must be given in order to identify the element to change. FIRST element matching is updated.\n            if (compToReplace.id) {\n                elToReplace = Ui.doc.getElementById(compToReplace.id) // .querySelector(`#${compToReplace.id}`)\n            } else if (compToReplace.selector || compToReplace.select) {\n                elToReplace = Ui.doc.querySelector(compToReplace.selector)\n            } else if (compToReplace.name) {\n                elToReplace = Ui.doc.querySelector(`[name=\"${compToReplace.name}\"]`)\n            } else if (compToReplace.type) {\n                elToReplace = Ui.doc.querySelector(compToReplace.type)\n            }\n\n            Ui.log('trace', `Ui:_uiReplace:components-forEach:${i}`, 'Element to replace: ', elToReplace)()\n\n            // Nothing was found so ADD the element instead\n            if (elToReplace === undefined || elToReplace === null) {\n                Ui.log('trace', `Ui:_uiReplace:components-forEach:${i}:noReplace`, 'Cannot find the DOM element. Adding instead.', compToReplace)()\n                this._uiAdd({ components: [compToReplace] }, false)\n                return\n            }\n\n            /** @type {*} Create the new component - some kind of HTML element */\n            let newEl\n            switch (compToReplace.type) {\n                // If trying to insert raw html, wrap in a div\n                case 'html': {\n                    compToReplace.ns = 'html'\n                    newEl = Ui.doc.createElement('div')\n                    break\n                }\n\n                // If trying to insert raw svg, need to create in namespace\n                case 'svg': {\n                    compToReplace.ns = 'svg'\n                    newEl = Ui.doc.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToReplace.ns = 'dom'\n                    newEl = Ui.doc.createElement(compToReplace.type)\n                    break\n                }\n            }\n\n            // Updates the newEl and maybe the ui\n            this._uiComposeComponent(newEl, compToReplace)\n\n            // Replace the current element\n            elToReplace.replaceWith(newEl)\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToReplace.components) {\n                this._uiExtendEl(newEl, compToReplace.components, compToReplace.ns)\n            }\n        })\n    } // --- end of _uiReplace ---\n\n    // TODO Allow single add without using components array\n    // TODO Allow sub-components\n    // TODO Add multi-slot capability\n    /** Handle incoming _ui update requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     */\n    _uiUpdate(ui) {\n        Ui.log('trace', 'UI:_uiUpdate:update', 'Starting _uiUpdate', ui)()\n\n        // We allow an update not to actually need to spec a component\n        if (!ui.components) ui.components = [Object.assign({}, ui)]\n\n        ui.components.forEach((compToUpd, i) => {\n            Ui.log('trace', '_uiUpdate:components-forEach', `Start loop #${i}`, compToUpd)()\n\n            /** @type {NodeListOf<Element>} */\n            let elToUpd\n\n            // If a parent element is passed, use that as the update target (only allowed internally)\n            // Otherwise either the id, CSS selector, name or type (element type) must be given in order to identify the element to change. ALL elements matching are updated.\n            if (compToUpd.parentEl) {\n                elToUpd = compToUpd.parentEl\n            } else if (compToUpd.id) {\n                // NB We don't use get by id because this way the code is simpler later on\n                elToUpd = Ui.doc.querySelectorAll(`#${compToUpd.id}`)\n            } else if (compToUpd.selector || compToUpd.select) {\n                elToUpd = Ui.doc.querySelectorAll(compToUpd.selector)\n            } else if (compToUpd.name) {\n                elToUpd = Ui.doc.querySelectorAll(`[name=\"${compToUpd.name}\"]`)\n            } else if (compToUpd.type) {\n                elToUpd = Ui.doc.querySelectorAll(compToUpd.type)\n            }\n\n            // @ts-ignore Nothing was found so give up\n            if (elToUpd === undefined || elToUpd.length < 1) {\n                Ui.log('warn', 'Ui:_uiManager:update', 'Cannot find the DOM element. Ignoring.', compToUpd)()\n                return\n            }\n\n            Ui.log('trace', '_uiUpdate:components-forEach', `Element(s) to update. Count: ${elToUpd.length}`, elToUpd)()\n\n            // If slot not specified but payload is, use the payload in the slot\n            if (!compToUpd.slot && compToUpd.payload) compToUpd.slot = compToUpd.payload\n\n            // Might have >1 element to update - so update them all\n            elToUpd.forEach((el, j) => {\n                Ui.log('trace', '_uiUpdate:components-forEach', `Updating element #${j}`, el)()\n                this._uiComposeComponent(el, compToUpd)\n                // Try to go down another level of nesting if needed\n                // ! NOT CONVINCED THIS ACTUALLY WORKS !\n                if (compToUpd.components) {\n                    Ui.log('trace', '_uiUpdate:nested-component', `Element #${j} - nested-component`, compToUpd, el)()\n                    const nc = { _ui: [] }\n                    compToUpd.components.forEach((nestedComp, k) => {\n                        const method = nestedComp.method || compToUpd.method || ui.method\n                        if (nestedComp.method) delete nestedComp.method\n                        if (!Array.isArray(nestedComp)) nestedComp = [nestedComp]\n                        // nestedComp.parentEl = el\n                        // nestedComp.components = [nestedComp]\n                        Ui.log('trace', '_uiUpdate:nested-component', `Element #${j} - nested-component #${k}`, nestedComp)()\n                        nc._ui.push( {\n                            method: method,\n                            parentEl: el,\n                            components: nestedComp,\n                        })\n                    })\n                    Ui.log('trace', '_uiUpdate:nested-component', `Element #${j} - nested-component new manager`, nc)()\n                    this._uiManager(nc)\n                }\n            })\n\n            // If nested components, apply to every found element - but don't pass payload to sub-components\n            // if (compToUpd.components) {\n            //     compToUpd.components.forEach((el, k) => {\n            //         Ui.log('trace', '_uiUpdate:nested-component', `Updating nested-component #${k}`, el)()\n            //         this._uiUpdate({\n            //             method: el.method || ui.method,\n            //             parentEl: el,\n            //             components: el.components,\n            //         })\n            //     })\n            // }\n        })\n    } // --- end of _uiUpdate ---\n\n    //#endregion ---- -------- ----\n\n    //#region ---- External Methods ----\n\n    /** Simplistic jQuery-like document CSS query selector, returns an HTML Element\n     * NOTE that this fn returns the element itself. Use $$ to get the properties of 1 or more elements.\n     * If the selected element is a <template>, returns the first child element.\n     * type {HTMLElement}\n     * @param {string} cssSelector A CSS Selector that identifies the element to return\n     * @param {\"el\"|\"text\"|\"html\"|\"attributes\"|\"attr\"} [output] Optional. What type of output to return. Defaults to \"el\", the DOM element reference\n     * @returns {HTMLElement|string|InnerHTML|array|null} Selected HTML DOM element, innerText, innerHTML, attribute list or null\n     */\n    $(cssSelector, output) {\n        /** @type {*} Some kind of HTML element */\n        let el = Ui.doc.querySelector(cssSelector)\n\n        if (!el) {\n            Ui.log(1, 'Uib:$', `No element found for CSS selector ${cssSelector}`)()\n            return null\n        }\n\n        if ( el.nodeName === 'TEMPLATE' ) {\n            el = el.content.firstElementChild\n            if (!el) {\n                Ui.log(0, 'Uib:$', `Template selected for CSS selector ${cssSelector} but it is empty`)()\n                return null\n            }\n        }\n\n        if (!output) output = 'el'\n        let out\n\n        try {\n            switch (output.toLowerCase()) {\n                case 'text': {\n                    out = el.innerText\n                    break\n                }\n\n                case 'html': {\n                    out = el.innerHTML\n                    break\n                }\n\n                case 'attr':\n                case 'attributes': {\n                    out = {}\n                    for (const attr of el.attributes) {\n                        out[attr.name] = attr.value\n                    }\n                    break\n                }\n\n                default: {\n                    out = el\n                    break\n                }\n            }\n        } catch (e) {\n            out = el\n            Ui.log(1, 'Uib:$', `Could not process output type \"${output}\" for CSS selector ${cssSelector}, returned the DOM element. ${e.message}`, e)()\n        }\n\n        return out\n    }\n\n    /** CSS query selector that returns ALL found selections. Matches the Chromium DevTools feature of the same name.\n     * NOTE that this fn returns an array showing the PROPERTIES of the elements whereas $ returns the element itself\n     * @param {string} cssSelector A CSS Selector that identifies the elements to return\n     * @returns {HTMLElement[]} Array of DOM elements/nodes. Array is empty if selector is not found.\n     */\n    $$(cssSelector) {\n        return Array.from(Ui.doc.querySelectorAll(cssSelector))\n    }\n\n    /** Add 1 or several class names to an element\n     * @param {string|string[]} classNames Single or array of classnames\n     * @param {HTMLElement} el HTML Element to add class(es) to\n     */\n    addClass(classNames, el) {\n        if (!Array.isArray(classNames)) classNames = [classNames]\n        if (el) el.classList.add(...classNames)\n    }\n\n    /** Apply a source template tag to a target html element\n     * NOTES:\n     * - styles in ALL templates are accessible to all templates.\n     * - scripts in templates are run AT TIME OF APPLICATION (so may run multiple times).\n     * - scripts in templates are applied in order of application, so variables may not yet exist if defined in subsequent templates\n     * @param {string} sourceId The HTML ID of the source element\n     * @param {string} targetId The HTML ID of the target element\n     * @param {object} config Configuration options\n     * @param {boolean=} config.onceOnly If true, the source will be adopted (the source is moved)\n     * @param {object=} config.attributes A set of key:value pairs that will be applied as attributes to the target\n     */\n    applyTemplate(sourceId, targetId, config) {\n        if (!config) config = { onceOnly: false }\n\n        const template = Ui.doc.getElementById(sourceId)\n        const target = Ui.doc.getElementById(targetId)\n\n        if (template && target) {\n            let content\n            try {\n                if (config.onceOnly !== true) content = Ui.doc.importNode(template.content, true)\n                else content = Ui.doc.adoptNode(template.content)\n                // NB content.childElementCount = 0 after adoption\n            } catch (e) {\n                Ui.log('error', 'Ui:applyTemplate', `Source must be a <template>. id='${sourceId}'`)()\n                return\n            }\n            if (content) {\n                // Apply config.attributes to the 1st element of the template content\n                if (config.attributes) {\n                    const el = content.firstElementChild\n                    Object.keys(config.attributes).forEach( attrib => {\n                        // Apply each attribute and value\n                        el.setAttribute(attrib, config.attributes[attrib])\n                    })\n                }\n                // ! TODO Add ability to change slot content\n                // Apply to the target\n                target.appendChild(content)\n            }\n        } else {\n            if (!template) Ui.log('error', 'Ui:applyTemplate', `Source not found: id='${sourceId}'`)()\n            if (!target) Ui.log('error', 'Ui:applyTemplate', `Target not found: id='${targetId}'`)()\n        }\n    }\n\n    /** Builds an HTML table from an array (or object) of objects\n     * 1st row is used for columns. If an object of objects, the outer keys\n     * are used as row ID's (prefixed with \"r-\").\n     * @param {Array<object>|Object} data Input data array or object\n     * @returns {HTMLTableElement|HTMLParagraphElement} Output HTML Element\n     */\n    buildHtmlTable(data) {\n        // If data is an object of objects, convert it to an array of objects\n        let keys\n        if (!Array.isArray(data)) {\n            if (typeof data === 'object') {\n                keys = Object.keys(data)\n                data = Object.values(data)\n            }\n            // Ensure input is an array of objects\n            if (!Array.isArray(data)) {\n                const out = Ui.doc.createElement('p')\n                out.textContent = 'Input data is not an array or an object, cannot create a table.'\n                return out\n            }\n        }\n\n        const tbl = Ui.doc.createElement('table')\n        // Heading row\n        const thead = Ui.doc.createElement('thead')\n        const headerRow = Ui.doc.createElement('tr')\n        // Get the headers from the keys of the first object\n        const headers = Object.keys(data[0])\n        headers.forEach(header => {\n            const th = Ui.doc.createElement('th')\n            th.textContent = header\n            headerRow.appendChild(th)\n        })\n        thead.appendChild(headerRow)\n        tbl.appendChild(thead)\n\n        // body\n        const tbody = Ui.doc.createElement('tbody')\n        data.forEach( (item, i) => {\n            const row = Ui.doc.createElement('tr')\n            if (keys) row.id = `r-${keys[i]}`\n            headers.forEach(header => {\n                const cell = Ui.doc.createElement('td')\n                // cell.textContent = item[header]\n                cell.innerHTML = this.sanitiseHTML(item[header])\n                row.appendChild(cell)\n            })\n            tbody.appendChild(row)\n        })\n        tbl.appendChild(tbody)\n\n        return tbl\n    }\n\n    /** Converts markdown text input to HTML if the Markdown-IT library is loaded\n     * Otherwise simply returns the text\n     * @param {string} mdText The input markdown string\n     * @returns {string} HTML (if Markdown-IT library loaded and parse successful) or original text\n     */\n    convertMarkdown(mdText) {\n        if (!mdText) return ''\n        if (!Ui.win['markdownit']) return mdText\n        if (!Ui.md) this._markDownIt() // To handle case where the library is late loaded\n        // Convert from markdown to HTML\n        try {\n            return Ui.md.render(mdText.trim())\n        } catch (e) {\n            Ui.log(0, 'uibuilder:convertMarkdown', `Could not render Markdown. ${e.message}`, e)()\n            return '<p class=\"border error\">Could not render Markdown<p>'\n        }\n    }\n\n    /** Include HTML fragment, img, video, text, json, form data, pdf or anything else from an external file or API\n     * Wraps the included object in a div tag.\n     * PDF's, text or unknown MIME types are also wrapped in an iFrame.\n     * @param {string} url The URL of the source file to include\n     * @param {object} uiOptions Object containing properties recognised by the _uiReplace function. Must at least contain an id\n     * param {string} uiOptions.id The HTML ID given to the wrapping DIV tag\n     * param {string} uiOptions.parentSelector The CSS selector for a parent element to insert the new HTML under (defaults to 'body')\n     * @returns {Promise<any>} Status\n     */\n    async include(url, uiOptions) { // eslint-disable-line sonarjs/cognitive-complexity\n        // TODO: src, id, parent must all be a strings\n        if (!fetch) {\n            Ui.log(0, 'Ui:include', 'Current environment does not include `fetch`, skipping.')()\n            return 'Current environment does not include `fetch`, skipping.'\n        }\n        if (!url) {\n            Ui.log(0, 'Ui:include', 'url parameter must be provided, skipping.')()\n            return 'url parameter must be provided, skipping.'\n        }\n        if (!uiOptions || !uiOptions.id) {\n            Ui.log(0, 'Ui:include', 'uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.')()\n            return 'uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.'\n        }\n\n        // Try to get the content via the URL\n        let response\n        try {\n            response = await fetch(url)\n        } catch (error) {\n            Ui.log(0, 'Ui:include', `Fetch of file '${url}' failed. `, error.message)()\n            return error.message\n        }\n        if (!response.ok) {\n            Ui.log(0, 'Ui:include', `Fetch of file '${url}' failed. Status='${response.statusText}'`)()\n            return response.statusText\n        }\n\n        // Work out what type of data we got\n        const contentType = await response.headers.get('content-type')\n        let type = null\n        if (contentType) {\n            if (contentType.includes('text/html')) {\n                type = 'html'\n            } else if (contentType.includes('application/json')) {\n                type = 'json'\n            } else if (contentType.includes('multipart/form-data')) {\n                type = 'form'\n            } else if (contentType.includes('image/')) {\n                type = 'image'\n            } else if (contentType.includes('video/')) {\n                type = 'video'\n            } else if (contentType.includes('application/pdf')) {\n                type = 'pdf'\n            } else if (contentType.includes('text/plain')) {\n                type = 'text'\n            } // else type = null\n        }\n\n        // Create the HTML to include on the page based on type\n        let slot = ''\n        let txtReturn = 'Include successful'\n        let data\n        switch (type) {\n            case 'html': {\n                data = await response.text()\n                slot = data\n                break\n            }\n\n            case 'json': {\n                data = await response.json()\n                slot = '<pre class=\"syntax-highlight\">'\n                slot += this.syntaxHighlight(data)\n                slot += '</pre>'\n                break\n            }\n\n            case 'form': {\n                data = await response.formData()\n                slot = '<pre class=\"syntax-highlight\">'\n                slot += this.syntaxHighlight(data)\n                slot += '</pre>'\n                break\n            }\n\n            case 'image': {\n                data = await response.blob()\n                slot = `<img src=\"${URL.createObjectURL(data)}\">`\n                if (Ui.win['DOMPurify']) {\n                    txtReturn = 'Include successful. BUT DOMPurify loaded which may block its use.'\n                    Ui.log('warn', 'Ui:include:image', txtReturn)()\n                }\n                break\n            }\n\n            case 'video': {\n                data = await response.blob()\n                slot = `<video controls autoplay><source src=\"${URL.createObjectURL(data)}\"></video>`\n                if (Ui.win['DOMPurify']) {\n                    txtReturn = 'Include successful. BUT DOMPurify loaded which may block its use.'\n                    Ui.log('warn', 'Ui:include:video', txtReturn)()\n                }\n                break\n            }\n\n            case 'pdf':\n            case 'text':\n            default: {\n                data = await response.blob()\n                slot = `<iframe style=\"resize:both;width:inherit;height:inherit;\" src=\"${URL.createObjectURL(data)}\">`\n                if (Ui.win['DOMPurify']) {\n                    txtReturn = 'Include successful. BUT DOMPurify loaded which may block its use.'\n                    Ui.log('warn', `Ui:include:${type}`, txtReturn)()\n                }\n                break\n            }\n        }\n\n        // Wrap it all in a <div id=\"...\" class=\"included\">\n        uiOptions.type = 'div'\n        uiOptions.slot = slot\n        if (!uiOptions.parent) uiOptions.parent = 'body'\n        if (!uiOptions.attributes) uiOptions.attributes = { class: 'included' }\n\n        // Use uibuilder's standard ui processing to turn the instructions into HTML\n        this._uiReplace({\n            components: [\n                uiOptions\n            ]\n        })\n\n        Ui.log('trace', `Ui:include:${type}`, txtReturn)()\n        return txtReturn\n    } // ---- End of include() ---- //\n\n    /** Attach a new remote script to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} url The url to be used in the script src attribute\n     */\n    loadScriptSrc(url) {\n        const newScript = Ui.doc.createElement('script')\n        newScript.src = url\n        newScript.async = false\n        Ui.doc.head.appendChild(newScript)\n    }\n\n    /** Attach a new text script to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} textFn The text to be loaded as a script\n     */\n    loadScriptTxt(textFn) {\n        const newScript = Ui.doc.createElement('script')\n        newScript.async = false\n        newScript.textContent = textFn\n        Ui.doc.head.appendChild(newScript)\n    }\n\n    /** Attach a new remote stylesheet link to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} url The url to be used in the style link href attribute\n     */\n    loadStyleSrc(url) {\n        const newStyle = Ui.doc.createElement('link')\n        newStyle.href = url\n        newStyle.rel = 'stylesheet'\n        newStyle.type = 'text/css'\n\n        Ui.doc.head.appendChild(newStyle)\n    }\n\n    /** Attach a new text stylesheet to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} textFn The text to be loaded as a stylesheet\n     */\n    loadStyleTxt(textFn) {\n        const newStyle = Ui.doc.createElement('style')\n        newStyle.textContent = textFn\n        Ui.doc.head.appendChild(newStyle)\n    }\n\n    /** Load a dynamic UI from a JSON web reponse\n     * @param {string} url URL that will return the ui JSON\n     */\n    loadui(url) {\n        if (!fetch) {\n            Ui.log(0, 'Ui:loadui', 'Current environment does not include `fetch`, skipping.')()\n            return\n        }\n        if (!url) {\n            Ui.log(0, 'Ui:loadui', 'url parameter must be provided, skipping.')()\n            return\n        }\n\n        fetch(url)\n            .then(response => {\n                if (response.ok === false) {\n                    // Ui.log('warn', 'Ui:loadui:then1', `Could not load '${url}'. Status ${response.status}, Error: ${response.statusText}`)()\n                    throw new Error(`Could not load '${url}'. Status ${response.status}, Error: ${response.statusText}`)\n                }\n\n                Ui.log('trace', 'Ui:loadui:then1', `Loaded '${url}'. Status ${response.status}, ${response.statusText}`)()\n                // Did we get json?\n                const contentType = response.headers.get('content-type')\n                if (!contentType || !contentType.includes('application/json')) {\n                    throw new TypeError(`Fetch '${url}' did not return JSON, ignoring`)\n                }\n                // Returns parsed json to next .then\n                return response.json()\n            })\n            .then(data => {\n                if (data !== undefined) {\n                    Ui.log('trace', 'Ui:loadui:then2', 'Parsed JSON successfully obtained')()\n                    // Call the _uiManager\n                    this._uiManager({ _ui: data })\n                    return true\n                }\n                return false\n            })\n            .catch(err => {\n                Ui.log('warn', 'Ui:loadui:catch', 'Error. ', err)()\n            })\n    } // --- end of loadui\n\n    /** ! NOT COMPLETE Move an element from one position to another\n     * @param {object} opts Options\n     * @param {string} opts.sourceSelector Required, CSS Selector that identifies the element to be moved\n     * @param {string} opts.targetSelector Required, CSS Selector that identifies the element to be moved\n     */\n    moveElement(opts) {\n        const { sourceSelector, targetSelector, moveType, position } = opts\n        const sourceEl = document.querySelector(sourceSelector)\n        if (!sourceEl) {\n            Ui.log(0, 'Ui:moveElement', 'Source element not found')()\n            return\n        }\n        const targetEl = document.querySelector(targetSelector)\n        if (!targetEl) {\n            Ui.log(0, 'Ui:moveElement', 'Target element not found')()\n            return\n        }\n    }\n\n    /** Get standard data from a DOM node.\n     * @param {*} node DOM node to examine\n     * @param {string} cssSelector Identify the DOM element to get data from\n     * @returns {object} Standardised data object\n     */\n    nodeGet(node, cssSelector) {\n        const thisOut = {\n            id: node.id === '' ? undefined : node.id,\n            name: node.name,\n            children: node.childNodes.length,\n            type: node.nodeName,\n            attributes: undefined,\n\n            isUserInput: node.validity ? true : false, // eslint-disable-line no-unneeded-ternary\n            userInput: !node.validity ? undefined : { // eslint-disable-line multiline-ternary\n                value: node.value,\n                validity: undefined,\n                willValidate: node.willValidate,\n                valueAsDate: node.valueAsDate,\n                valueAsNumber: node.valueAsNumber,\n                type: node.type,\n            },\n        }\n\n        if (['UL', 'OL'].includes(node.nodeName)) {\n            const listEntries = Ui.doc.querySelectorAll(`${cssSelector} li`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'DL') {\n            const listEntries = Ui.doc.querySelectorAll(`${cssSelector} dt`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'TABLE') {\n            const bodyEntries = Ui.doc.querySelectorAll(`${cssSelector} > tbody > tr`)\n            const headEntries = Ui.doc.querySelectorAll(`${cssSelector} > thead > tr`)\n            const cols = Ui.doc.querySelectorAll(`${cssSelector} > tbody > tr:last-child > *`)  // #eltest > table > tbody > tr:nth-child(3)\n            if (bodyEntries || headEntries || cols) {\n                thisOut.table = {\n                    'headRows': headEntries ? headEntries.length : 0,\n                    'bodyRows': bodyEntries ? bodyEntries.length : 0,\n                    'columns': cols ? cols.length : 0,\n                }\n            }\n        }\n        if (node.nodeName !== '#text' && node.attributes && node.attributes.length > 0) {\n            thisOut.attributes = {}\n            // @ts-ignore\n            for (const attrib of node.attributes) {\n                if (attrib.name !== 'id') {\n                    thisOut.attributes[attrib.name] = node.attributes[attrib.name].value\n                }\n                if (attrib.name === 'class') thisOut.classes = Array.from(node.classList)\n            }\n        }\n        if (node.nodeName === '#text') {\n            thisOut.text = node.textContent\n        }\n        if (node.validity) thisOut.userInput.validity = {}\n        for (const v in node.validity) {\n            thisOut.userInput.validity[v] = node.validity[v]\n        }\n\n        return thisOut\n    } // --- end of nodeGet --- //\n\n    /** Show a browser notification if possible. Returns a promise\n     * Config can be a simple string, a Node-RED msg (topic as title, payload as body)\n     * or a Notifications API options object + config.title string.\n     * Config ref: https://developer.mozilla.org/en-US/docs/Web/API/Notification/Notification\n     * @param {object|string} config Notification config object or simple message string\n     * @returns {Promise} Resolves on close or click event, returns the event.\n     */\n    async notification(config) {\n        if (typeof config === 'string') {\n            config = { body: config }\n        }\n        // Are notifications available?\n        if (typeof Notification === 'undefined') return Promise.reject(new Error('Notifications not available in this browser'))\n        // Do we have permission? If not, ask for permission\n        let permit = Notification.permission\n        if (permit === 'denied') {\n            return Promise.reject(new Error('Notifications not permitted by user')) // eslint-disable-line no-useless-return\n        } else if (permit === 'granted') {\n            return this._showNotification(config)\n        } else { // if (permit === 'default') {\n            permit = await Notification.requestPermission()\n            if (permit === 'granted') {\n                return this._showNotification(config)\n            }\n            return Promise.reject(new Error('Notifications not permitted by user'))\n        }\n    }\n\n    /** Remove All, 1 or more class names from an element\n     * @param {undefined|null|\"\"|string|string[]} classNames Single or array of classnames. If undefined, \"\" or null, remove all classes\n     * @param {HTMLElement} el HTML Element to add class(es) to\n     */\n    removeClass(classNames, el) {\n        if (!classNames) {\n            el.removeAttribute('class')\n            return\n        }\n        if (!Array.isArray(classNames)) classNames = [classNames]\n        if (el) el.classList.remove(...classNames)\n    }\n\n    /** Replace or add an HTML element's slot from text or an HTML string\n     * WARNING: Executes <script> tags! And will process <style> tags.\n     * Will use DOMPurify if that library has been loaded to window.\n     * param {*} ui Single entry from the msg._ui property\n     * @param {Element} el Reference to the element that we want to update\n     * @param {*} slot The slot content we are trying to add/replace (defaults to empty string)\n     */\n    replaceSlot(el, slot) {\n        if (!el) return\n        if (!slot) slot = ''\n\n        // If DOMPurify is loaded, apply it now\n        slot = this.sanitiseHTML(slot)\n\n        // Create doc frag and apply html string (msg.payload or the slot property)\n        const tempFrag = Ui.doc.createRange().createContextualFragment(slot)\n\n        // Remove content of el and replace with tempFrag\n        const elRange = Ui.doc.createRange()\n        elRange.selectNodeContents(el)\n        elRange.deleteContents()\n        el.append(tempFrag)\n    }\n\n    /** Replace or add an HTML element's slot from a Markdown string\n     * Only does something if the markdownit library has been loaded to window.\n     * Will use DOMPurify if that library has been loaded to window.\n     * @param {Element} el Reference to the element that we want to update\n     * @param {*} component The component we are trying to add/replace\n     */\n    replaceSlotMarkdown(el, component) {\n        if (!el) return\n        if (!component.slotMarkdown) return\n\n        // Convert from markdown to HTML\n        component.slotMarkdown = this.convertMarkdown(component.slotMarkdown)\n        // If DOMPurify is loaded, apply it now\n        component.slotMarkdown = this.sanitiseHTML(component.slotMarkdown)\n        // Set the component content to the the converted slotMarkdown property\n        el.innerHTML = component.slotMarkdown\n    }\n\n    /** Sanitise HTML to make it safe - if the DOMPurify library is loaded\n     * Otherwise just returns that HTML as-is.\n     * @param {string} html The input HTML string\n     * @returns {string} The sanitised HTML or the original if DOMPurify not loaded\n     */\n    sanitiseHTML(html) {\n        if (!Ui.win['DOMPurify']) return html\n        return Ui.win['DOMPurify'].sanitize(html, { ADD_TAGS: this.sanitiseExtraTags, ADD_ATTR: this.sanitiseExtraAttribs })\n    }\n\n    /** Show a pop-over \"toast\" dialog or a modal alert // TODO - Allow notify to sit in corners rather than take over the screen\n     * Refs: https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/alertdialog.html,\n     *       https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/dialog.html,\n     *       https://www.w3.org/WAI/ARIA/apg/patterns/dialogmodal/\n     * @param {\"notify\"|\"alert\"} type Dialog type\n     * @param {object} ui standardised ui data\n     * @param {object} [msg] msg.payload/msg.topic - only used if a string. Optional.\n     * @returns {void}\n     */\n    showDialog(type, ui, msg) { // eslint-disable-line sonarjs/cognitive-complexity\n\n        //#region -- Check properties --\n\n        let content = ''\n        // Main body content\n        if (msg.payload && typeof msg.payload === 'string') content += `<div>${msg.payload}</div>`\n        if (ui.content) content += `<div>${ui.content}</div>`\n        // Toast wont show anyway if content is empty, may as well warn user\n        if (content === '') {\n            Ui.log(1, 'Ui:showDialog', 'Toast content is blank. Not shown.')()\n            return\n        }\n\n        // Use msg.topic as title if no title provided\n        if (!ui.title && msg.topic) ui.title = msg.topic\n        if (ui.title) content = `<p class=\"toast-head\">${ui.title}</p><p>${content}</p>`\n\n        // Allow for variants - @since v6.1 - don't bother - since this now sets CSS class, not tied to bootstrap-vue\n        // if ( !ui.variant || !['', 'primary', 'secondary', 'success', 'info', 'warn', 'warning', 'failure', 'error', 'danger'].includes(ui.variant)) ui.variant = ''\n\n        // Toasts auto-hide by default after 10s but alerts do not auto-hide\n        if (ui.noAutohide) ui.noAutoHide = ui.noAutohide\n        if (ui.noAutoHide) ui.autohide = !ui.noAutoHide\n        // If set, number of ms until toast is auto-hidden\n        if (ui.autoHideDelay) {\n            if (!ui.autohide) ui.autohide = true\n            ui.delay = ui.autoHideDelay\n        } else ui.autoHideDelay = 10000 // default = 10s\n        if (!Object.prototype.hasOwnProperty.call(ui, 'autohide')) ui.autohide = true\n\n        if (type === 'alert') {\n            ui.modal = true\n            ui.autohide = false\n            content = `<svg viewBox=\"0 0 192.146 192.146\" style=\"width:30;background-color:transparent;\"><path d=\"M108.186 144.372c0 7.054-4.729 12.32-12.037 12.32h-.254c-7.054 0-11.92-5.266-11.92-12.32 0-7.298 5.012-12.31 12.174-12.31s11.91 4.992 12.037 12.31zM88.44 125.301h15.447l2.951-61.298H85.46l2.98 61.298zm101.932 51.733c-2.237 3.664-6.214 5.921-10.493 5.921H12.282c-4.426 0-8.51-2.384-10.698-6.233a12.34 12.34 0 0 1 .147-12.349l84.111-149.22c2.208-3.722 6.204-5.96 10.522-5.96h.332c4.445.107 8.441 2.618 10.513 6.546l83.515 149.229c1.993 3.8 1.905 8.363-.352 12.066zm-10.493-6.4L96.354 21.454l-84.062 149.18h167.587z\" /></svg> ${content}`\n        }\n\n        //#endregion -- -- --\n\n        // Create a toaster container element if not already created - or get a ref to it\n        let toaster = Ui.doc.getElementById('toaster')\n        if (toaster === null) {\n            toaster = Ui.doc.createElement('div')\n            toaster.id = 'toaster'\n            toaster.title = 'Click to clear all notifcations'\n            toaster.setAttribute('class', 'toaster')\n            toaster.setAttribute('role', 'dialog')\n            toaster.setAttribute('arial-label', 'Toast message')\n            toaster.onclick = function () {\n                // @ts-ignore\n                toaster.remove()\n            }\n            Ui.doc.body.insertAdjacentElement('afterbegin', toaster)\n        }\n\n        // Create a toast element. Would be nice to use <dialog> but that isn't well supported yet - come on Apple!\n        const toast = Ui.doc.createElement('div')\n        toast.title = 'Click to clear this notifcation'\n        toast.setAttribute('class', `toast ${ui.variant ? ui.variant : ''} ${type}`)\n        toast.innerHTML = content\n        toast.setAttribute('role', 'alertdialog')\n        if (ui.modal) toast.setAttribute('aria-modal', ui.modal)\n        toast.onclick = function (evt) {\n            evt.stopPropagation()\n            toast.remove()\n            // @ts-ignore\n            if (toaster.childElementCount < 1) toaster.remove()\n        }\n\n        // TODO\n        if (type === 'alert') {\n            // newD.setAttribute('aria-labelledby', '')\n            // newD.setAttribute('aria-describedby', '')\n        }\n\n        toaster.insertAdjacentElement(ui.appendToast === true ? 'beforeend' : 'afterbegin', toast)\n\n        // Auto-hide\n        if (ui.autohide === true) {\n            setInterval(() => {\n                toast.remove()\n                // @ts-ignore\n                if (toaster.childElementCount < 1) toaster.remove()\n            }, ui.autoHideDelay)\n        }\n    } // --- End of showDialog ---\n\n    /** Directly manage UI via JSON\n     * @param {object} json Either an object containing {_ui: {}} or simply simple {} containing ui instructions\n     */\n    ui(json) {\n        // Simulate a msg and process\n        let msg = {}\n        if (json._ui) msg = json\n        else msg._ui = json\n\n        this._uiManager(msg)\n    }\n\n    /** Get data from the DOM. Returns selection of useful props unless a specific prop requested.\n     * @param {string} cssSelector Identify the DOM element to get data from\n     * @param {string} [propName] Optional. Specific name of property to get from the element\n     * @returns {Array<*>} Array of objects containing either specific requested property or a selection of useful properties\n     */\n    uiGet(cssSelector, propName = null) {\n        // The type cast below not really correct but it gets rid of the other typescript errors\n        const selection = /** @type {NodeListOf<HTMLInputElement>} */ (Ui.doc.querySelectorAll(cssSelector))\n\n        const out = []\n\n        selection.forEach(node => {\n            // Specific property asked for ...\n            if (propName) {\n                if (propName === 'classes') propName = 'class'\n                // Try assuming the prop is an attribute first (will return null or \"\" if not present)\n                let prop = node.getAttribute(propName)\n                // If not an attribute, try getting as a property of the element\n                if (prop === undefined || prop === null) {\n                    try {\n                        prop = node[propName]\n                    } catch (error) {}\n                }\n                // We didn't find as either an attribute or a property\n                if (prop === undefined || prop === null) {\n                    // If 'value' was requested, return the innerText\n                    if (propName.toLowerCase() === 'value') out.push(node.innerText)\n                    else out.push(`Property '${propName}' not found`)\n                } else {\n                    const p = {}\n                    // Nightmare of different object types in a DOM Element!\n                    const cType = prop.constructor.name.toLowerCase()\n                    if (cType === 'namednodemap') {\n                        for (const key of prop) {\n                            // @ts-ignore\n                            p[key.name] = prop[key.name].value\n                        }\n                    } else if (!cType.includes('map')) { // Ordinary properties (not a mapped type)\n                        p[propName] = prop\n                    } else { // Other MAP types\n                        const p = {}\n                        // @ts-ignore\n                        for (const key in prop) {\n                            p[key] = prop[key]\n                        }\n                    }\n                    if (p.class) p.classes = Array.from(node.classList)\n                    out.push(p)\n                }\n            } else { // Otherwise, grab everything useful\n                out.push(this.nodeGet(node, cssSelector))\n            }\n        })\n\n        return out\n    } // --- end of uiGet --- //\n\n    /** External alias for _uiComposeComponent\n     * @param {*} el HTML Element to enhance\n     * @param {*} comp Individual uibuilder ui component spec\n     */\n    uiEnhanceElement(el, comp) {\n        this._uiComposeComponent(el, comp)\n    }\n\n    //#endregion ---- -------- ----\n}\n\nmodule.exports = Ui\n\n// if (window) window['$ui'] = new Ui(window)\n\n// export Ui\n", "// @ts-nocheck\n/* This is the Front-End JavaScript for uibuilder  in HTML Module form\n  It provides a number of global objects that can be used in your own javascript.\n  see the docs folder `./docs/uibuilder.module.md` for details of how to use this fully.\n\n  Please use the default index.js file for your own code and leave this as-is.\n  See Uib._meta for client version string\n\n  Copyright (c) 2022-2024 Julian Knight (Totally Information)\n\n  Licensed under the Apache License, Version 2.0 (the \"License\");\n  you may not use this file except in compliance with the License.\n  You may obtain a copy of the License at\n\n  http://www.apache.org/licenses/LICENSE-2.0\n\n  Unless required by applicable law or agreed to in writing, software\n  distributed under the License is distributed on an \"AS IS\" BASIS,\n  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  See the License for the specific language governing permissions and\n  limitations under the License.\n*/\n\n//#region --- Type Defs --- //\n/**\n * A string containing HTML markup\n * @typedef {string} html\n */\n//#endregion --- Type Defs --- //\n\n// We need the Socket.IO & ui libraries & the uib-var component  --- //\n// @ts-ignore - Note: Only works when using esbuild to bundle\nimport Ui from './ui'\nimport io from 'socket.io-client'\nimport UibVar from '../components/uib-var'\nimport UibMeta from '../components/uib-meta'\nimport ApplyTemplate from '../components/apply-template'\n\nconst version = '7.0.3-src'\n\n// TODO Add option to allow log events to be sent back to Node-RED as uib ctrl msgs\n//#region --- Module-level utility functions --- //\n\n// Detect whether the loaded library is minified or not\nconst isMinified = !(/param/).test(function (param) { })\n\n//#region --- print/console - debugging output functions --- //\n\n/** Custom logging. e.g. log(2, 'here:there', 'jiminy', {fred:'jim'})()\n * @returns {Function} Log function @example log(2, 'here:there', 'jiminy', {fred:'jim'})()\n */\nfunction log() {\n    // Get the args\n    const args = Array.prototype.slice.call(arguments)\n\n    // 1st arg is the log level/type\n    let level = args.shift()\n    let strLevel\n    switch (level) {\n        case 'trace':\n        case 5: {\n            if (log.level < 5) break\n            level = 5 // make sure level is numeric\n            strLevel = 'trace'\n            break\n        }\n\n        case 'debug':\n        case 4: {\n            if (log.level < 4) break\n            level = 4\n            strLevel = 'debug'\n            break\n        }\n\n        case 'log':\n        case 3: {\n            if (log.level < 3) break\n            level = 3\n            strLevel = 'log'\n            break\n        }\n\n        case 'info':\n        case '':\n        case 2: {\n            if (log.level < 2) break\n            level = 2\n            strLevel = 'info'\n            break\n        }\n\n        case 'warn':\n        case 1: {\n            if (log.level < 1) break\n            level = 1\n            strLevel = 'warn'\n            break\n        }\n\n        case 'error':\n        case 'err':\n        case 0: {\n            if (log.level < 0) break\n            level = 0\n            strLevel = 'error'\n            break\n        }\n\n        default: {\n            level = -1\n            break\n        }\n    }\n\n    // If set to something unknown, no log output\n    if (strLevel === undefined) return function () { }\n\n    // 2nd arg is a heading that will be colour highlighted\n    const head = args.shift()\n\n    // Bind back to console.log (could use console[strLevel] but some levels ignore some formatting, use console.xxx directly or dedicated fn)\n    return Function.prototype.bind.call(\n        console[log.LOG_STYLES[strLevel].console],\n        console,\n        `%c${log.LOG_STYLES[strLevel].pre}${strLevel}%c [${head}]`, `${log.LOG_STYLES.level} ${log.LOG_STYLES[strLevel].css}`, `${log.LOG_STYLES.head} ${log.LOG_STYLES[strLevel].txtCss}`,\n        ...args\n    )\n}\n\n// Nice console styling\nlog.LOG_STYLES = {\n    // 0\n    error: {\n        css: 'background: red; color: black;',\n        txtCss: 'color: red; ',\n        pre: '\u26D4 ',\n        console: 'error',  // or trace\n    },\n    // 1\n    warn: {\n        css: 'background: darkorange; color: black;',\n        txtCss: 'color: darkorange; ',\n        pre: '\u26A0 ',\n        console: 'warn',\n    },\n    // 2\n    info: {\n        css: 'background: aqua; color: black;',\n        txtCss: 'color: aqua;',\n        pre: '\u2757 ',\n        console: 'info',\n    },\n    // 3\n    log: {\n        css: 'background: grey; color: yellow;',\n        txtCss: 'color: grey;',\n        pre: '',\n        console: 'log',\n    },\n    // 4\n    debug: {\n        css: 'background: chartreuse; color: black;',\n        txtCss: 'color: chartreuse;',\n        pre: '',\n        console: 'debug',\n    },\n    // 5\n    trace: {\n        css: 'background: indigo; color: yellow;',\n        txtCss: 'color: hotpink;',\n        pre: '',\n        console: 'log',\n    },\n\n    names: ['error', 'warn', 'info', 'log', 'debug', 'trace'],\n    reset: 'color: inherit;',\n    head: 'font-weight:bold; font-style:italic;',\n    level: 'font-weight:bold; border-radius: 3px; padding: 2px 5px; display:inline-block;',\n}\n\n/** Default log level - Error */\nlog.default = 0\nlet ll\n\n// Check if the script element was found and get the data-log-level attribute (only numeric levels allowed here)\ntry {\n    const scriptElement = document.currentScript\n    ll = scriptElement.getAttribute('logLevel')\n} catch (e) {}\n\n// Otherwise check if the import url (for ESM only) has a logLevel query param\nif (ll === undefined) {\n    try {\n        const url = new URL(import.meta.url).searchParams\n        ll = url.get('logLevel')\n    } catch (e) {}\n}\n\n// If either found, check numeric and set default level if so\nif (ll !== undefined) {\n    ll = Number(ll)\n    if (isNaN(ll)) {\n        console.warn( `[Uib:constructor] Cannot set logLevel to \"${scriptElement.getAttribute('logLevel')}\". Defaults to 0 (error).`)\n        log.default = 0\n    } else log.default = ll\n}\n\n// Set current level to default\nlog.level = log.default\n\n// log.default = isMinified ? 0 : 1  // When using minified lib, assume production and only log errors otherwise also log warn\n\n//#endregion\n\n/** A hack to dynamically load a remote module and wait until it is loaded\n * @param {string} url The URL of the module to load\n * @returns {object|null} Either the result object or null (if the load fails)\n */\n// function loadModule(url) { // eslint-disable-line no-unused-vars\n//     let done\n\n//     import(url)\n//         .then(res => {\n//             log('debug', '>> then >>', res)()\n//             done = res\n//         })\n//         .catch(err => {\n//             console.error(`[uibuilder:loadModule] Could not load module ${url}`, err)\n//             done = null\n//         })\n\n//     //  eslint-disable-next-line no-empty\n//     while (!done) { } // eslint-disable-line no-unmodified-loop-condition\n\n//     return done\n// }\n\n/** Convert JSON to Syntax Highlighted HTML\n * @param {object} json A JSON/JavaScript Object\n * @returns {html} Object reformatted as highlighted HTML\n */\nfunction syntaxHighlight(json) {\n    if (json === undefined) {\n        json = '<span class=\"undefined\">undefined</span>'\n    } else {\n        try {\n            json = JSON.stringify(json, undefined, 4)\n            // json = json.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;') // eslint-disable-line newline-per-chained-call\n            json = json.replace(/(\"(\\\\u[a-zA-Z0-9]{4}|\\\\[^u]|[^\\\\\"])*\"(\\s*:)?|\\b(true|false|null)\\b|-?\\d+(?:\\.\\d*)?(?:[eE][+-]?\\d+)?)/g, function (match) { // eslint-disable-line prefer-named-capture-group\n                let cls = 'number'\n                if ((/^\"/).test(match)) {\n                    if ((/:$/).test(match)) {\n                        cls = 'key'\n                    } else {\n                        cls = 'string'\n                    }\n                } else if ((/true|false/).test(match)) {\n                    cls = 'boolean'\n                } else if ((/null/).test(match)) {\n                    cls = 'null'\n                }\n                return `<span class=\"${cls}\">${match}</span>`\n            })\n        } catch (e) {\n            json = `Syntax Highlight ERROR: ${e.message}`\n        }\n    }\n    return json\n}\n\n/** msg._ui handling functions */\nconst _ui = new Ui(window, log, syntaxHighlight)\n\n//#endregion --- Module-level utility functions --- //\n\n/** Define and export the Uib class - note that an instance of the class is also exported in the wrap-up\n * @typicalname uibuilder\n */\nexport const Uib = class Uib {\n\n    //#region --- Static variables ---\n    static _meta = {\n        version: version,\n        type: 'module',\n        displayName: 'uibuilder',\n    }\n    //#endregion ---- ---- ---- ----\n\n    //#region private class vars\n\n    // How many times has the loaded instance connected to Socket.IO (detect if not a new load?)\n    connectedNum = 0\n    // event listener callbacks by property name\n    // #events = {}\n    // Socket.IO channel names\n    _ioChannels = { control: 'uiBuilderControl', client: 'uiBuilderClient', server: 'uiBuilder' }\n    /** setInterval holder for pings @type {function|undefined} */\n    #pingInterval\n    // onChange event callbacks\n    #propChangeCallbacks = {}\n    // onTopic event callbacks\n    #msgRecvdByTopicCallbacks = {}\n    // Is Vue available?\n    isVue = false\n    // What version? Set in startup if Vue is loaded. Won't always work\n    vueVersion = undefined\n    /** setInterval id holder for Socket.IO checkConnect\n     * @type {number|null}\n     */\n    #timerid = null\n    // Holds the reference ID for the internal msg change event handler so that it can be cancelled\n    #MsgHandler\n    // Placeholder for io.socket - can't make a # var until # fns allowed in all browsers\n    _socket\n    // Placeholder for an observer that watches the whole DOM for changes - can't make a # var until # fns allowed in all browsers\n    _htmlObserver\n    // Has showMsg been turned on?\n    #isShowMsg = false\n    // Has showStatus been turned on?\n    #isShowStatus = false\n    // If true, URL hash changes send msg back to node-red. Controlled by watchUrlHash()\n    #sendUrlHash = false\n    // Used to help create unique element ID's if one hasn't been provided, increment on use\n    #uniqueElID = 0\n    // Externally accessible command functions (NB: Case must match) - remember to update _uibCommand for new commands\n    #extCommands = [\n        'elementExists', 'get', 'getManagedVarList', 'getWatchedVars', 'htmlSend', 'include',\n        'navigate', 'scrollTo', 'set', 'showMsg', 'showStatus', 'uiGet', 'uiWatch', 'watchUrlHash',\n    ]\n\n    /** @type {{[key: string]: string}} Managed uibuilder variables */\n    #managedVars = {}\n\n    // What status variables to show via showStatus()\n    #showStatus = {\n        online: { 'var': 'online', 'label': 'Online?', 'description': 'Is the browser online?', },\n        ioConnected: { 'var': 'ioConnected', 'label': 'Socket.IO connected?', 'description': 'Is Socket.IO connected?', },\n        connectedNum: { 'var': 'connectedNum', 'label': '# reconnections', 'description': 'How many times has Socket.IO had to reconnect since last page load?', },\n\n        clientId: { 'var': 'clientId', 'label': 'Client ID', 'description': 'Static client unique id set in Node-RED. Only changes when browser is restarted.', },\n        tabId: { 'var': 'tabId', 'label': 'Browser tab ID', 'description': 'Static unique id for the browser\\'s current tab', },\n        cookies: { 'var': 'cookies', 'label': 'Cookies', 'description': 'Cookies set in Node-RED', },\n        httpNodeRoot: { 'var': 'httpNodeRoot', 'label': 'httpNodeRoot', 'description': 'From Node-RED\\' settings.js, affects URL\\'s. May be wrong for pages in sub-folders', },\n        pageName: { 'var': 'pageName', 'label': 'Page name', 'description': 'Actual name of this page', },\n\n        ioNamespace: { 'var': 'ioNamespace', 'label': 'SIO namespace', 'description': 'Socket.IO namespace - unique to each uibuilder node instance', },\n        // ioPath: { 'var': 'ioPath', 'label': 'SIO path', 'description': '', }, // no longer needed in the modern client\n        socketError: { 'var': 'socketError', 'label': 'Socket error', 'description': 'If the Socket.IO connection has failed, says why', },\n\n        msgsSent: { 'var': 'msgsSent', 'label': '# msgs sent', 'description': 'How many standard messages have been sent to Node-RED?', },\n        msgsReceived: { 'var': 'msgsReceived', 'label': '# msgs received', 'description': 'How many standard messages have been received from Node-RED?', },\n        msgsSentCtrl: { 'var': 'msgsSentCtrl', 'label': '# control msgs sent', 'description': 'How many control messages have been sent to Node-RED?', },\n        msgsCtrlReceived: { 'var': 'msgsCtrlReceived', 'label': '# control msgs received', 'description': 'How many control messages have been received from Node-RED?', },\n        originator: { 'var': 'originator', 'label': 'Node Originator', 'description': 'If the last msg from Node-RED was from a `uib-sender` node, this will be its node id so that messasges can be returned to it', },\n        topic: { 'var': 'topic', 'label': 'Default topic', 'description': 'Optional default topic to be included in outgoing standard messages', },\n\n        started: { 'var': 'started', 'label': 'Has uibuilder client started?', 'description': 'Whether `uibuilder.start()` ran successfully. This should self-run and should not need to be run manually', },\n        version: { 'var': 'version', 'label': 'uibuilder client version', 'description': 'The version of the loaded uibuilder client library', },\n        serverTimeOffset: { 'var': 'serverTimeOffset', 'label': 'Server time offset (Hrs)', 'description': 'The number of hours difference between the Node-red server and the client', },\n    }\n\n    // Track ui observers (see uiWatch)\n    #uiObservers = {}\n\n    // List of uib specific attributes that will be watched and processed dynamically\n    uibAttribs = ['uib-topic', 'data-uib-topic']\n    #uibAttrSel = `[${this.uibAttribs.join('], [')}]`\n\n    //#endregion\n\n    //#region public class vars\n\n    // TODO Move to proper getters\n    //#region ---- Externally read-only (via .get method) ---- //\n    // version - moved to _meta\n    /** Client ID set by uibuilder on connect */\n    clientId = ''\n    /** The collection of cookies provided by uibuilder */\n    cookies = {}\n    /** Copy of last control msg object received from sever */\n    ctrlMsg = {}\n    /** Is Socket.IO client connected to the server? */\n    ioConnected = false\n    // Is the library running from a minified version?\n    isMinified = isMinified\n    // Is the browser tab containing this page visible or not?\n    isVisible = false\n    // Remember the last page (re)load/navigation type: navigate, reload, back_forward, prerender\n    lastNavType = ''\n    // Max msg size that can be sent over Socket.IO - updated by \"client connect\" msg receipt\n    maxHttpBufferSize = 1048576\n    /** Last std msg received from Node-RED */\n    msg = {}\n    /** number of messages sent to server since page load */\n    msgsSent = 0\n    /** number of messages received from server since page load */\n    msgsReceived = 0\n    /** number of control messages sent to server since page load */\n    msgsSentCtrl = 0\n    /** number of control messages received from server since page load */\n    msgsCtrlReceived = 0\n    /** Is the client online or offline? */\n    online = navigator.onLine\n    /** last control msg object sent via uibuilder.send() @since v2.0.0-dev3 */\n    sentCtrlMsg = {}\n    /** last std msg object sent via uibuilder.send() */\n    sentMsg = {}\n    /** placeholder to track time offset from server, see fn socket.on(ioChannels.server ...) */\n    serverTimeOffset = null\n    /** placeholder for a socket error message */\n    socketError = null\n    // tab identifier from session storage\n    tabId = ''\n    // Actual name of current page (set in constructor)\n    pageName = null\n    // Is the DOMPurify library loaded? Updated in start()\n    purify = false\n    // Is the Markdown-IT library loaded? Updated in start()\n    markdown = false\n    // Current URL hash. Initial set is done from start->watchHashChanges via a set to make it watched\n    urlHash = location.hash\n    //#endregion ---- ---- ---- ---- //\n\n    // TODO Move to proper getters/setters\n    //#region ---- Externally Writable (via .set method, read via .get method) ---- //\n    /** Default originator node id - empty string by default\n     * @type {string}\n     */\n    originator = ''\n    /** Default topic - used by send if set and no topic provided\n     * @type {(string|undefined)}\n     */\n    topic = undefined\n    /** Either undefined or a reference to a uib router instance\n     * Set by uibrouter, do not set manually.\n     */\n    uibrouterinstance\n    /** Set by uibrouter, do not set manually */\n    uibrouter_CurrentRoute\n    //#endregion ---- ---- ---- ---- //\n\n    //#region ---- These are unlikely to be needed externally: ----\n    autoSendReady = true\n    httpNodeRoot = '' // Node-RED setting (via cookie)\n    ioNamespace = ''\n    ioPath = ''\n    retryFactor = 1.5       // starting delay factor for subsequent reconnect attempts\n    retryMs = 2000          // starting retry ms period for manual socket reconnections workaround\n    storePrefix = 'uib_'    // Prefix for all uib-related localStorage\n    started = false\n    // NOTE: These can only change when a client (re)connects\n    socketOptions = {\n        path: this.ioPath,\n        // https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API\n        // https://developer.mozilla.org/en-US/docs/Web/API/WebTransport_API\n        // https://socket.io/get-started/webtransport\n        // NOTE: webtransport requires HTTP/3 and TLS. HTTP/2 & 3 not yet available in Node.js\n        // transports: ['polling', 'websocket', 'webtransport'],\n        transports: ['polling', 'websocket'],\n        // Using callback so that they are updated automatically on (re)connect\n        // Only put things in here that will be valid for a websocket connected session\n        auth: (cb) => {\n            cb({ // eslint-disable-line n/no-callback-literal\n                clientVersion: version,\n                clientId: this.clientId,\n                pathName: window.location.pathname,\n                urlParams: Object.fromEntries(new URLSearchParams(location.search)),\n                pageName: this.pageName,\n                tabId: this.tabId,\n                lastNavType: this.lastNavType,\n                connectedNum: ++this.connectedNum,\n                // Used to calculate the diff between the server and client connection timestamps - reported if >1 minute\n                browserConnectTimestamp: (new Date()).toISOString(),\n            })\n        },\n        transportOptions: {\n            // Can only set headers when polling\n            polling: {\n                extraHeaders: {\n                    'x-clientid': `${Uib._meta.displayName}; ${Uib._meta.type}; ${Uib._meta.version}; ${this.clientId}`,\n                }\n            },\n        },\n    }\n    //#endregion -- not external --\n\n    //#endregion --- End of variables ---\n\n    //#region ------- Getters and Setters ------- //\n\n    // Change logging level dynamically (affects both console. and print.)\n    set logLevel(level) { log.level = level; console.log('%c\u2757 info%c [logLevel]', `${log.LOG_STYLES.level} ${log.LOG_STYLES.info.css}`, `${log.LOG_STYLES.head} ${log.LOG_STYLES.info.txtCss}`, `Set to ${level} (${log.LOG_STYLES.names[level]})`) /* changeLogLevel(level)*/ }\n    get logLevel() { return log.level }\n\n    get meta() { return Uib._meta }\n\n    /** Function to set uibuilder properties to a new value - works on any property except _* or #*\n     * Also triggers any event listeners.\n     * Example: this.set('msg', {topic:'uibuilder', payload:42});\n     * @param {string} prop Any uibuilder property who's name does not start with a _ or #\n     * @param {*} val The set value of the property or a string declaring that a protected property cannot be changed\n     * @param {boolean} [store] If true, the variable is also saved to the browser localStorage if possible\n     * @param {boolean} [autoload] If true & store is true, on load, uib will try to restore the value from the store automatically\n     * @returns {*} Input value\n     */\n    set(prop, val, store = false, autoload = false) {\n        // Check for excluded properties - we don't want people to set these\n        // if (this.#excludedSet.indexOf(prop) !== -1) {\n        if (prop.startsWith('_') || prop.startsWith('#')) {\n            log('warn', 'Uib:set', `Cannot use set() on protected property \"${prop}\"`)()\n            return `Cannot use set() on protected property \"${prop}\"`\n        }\n\n        // We must add the var to the uibuilder object\n        this[prop] = val\n\n        // Keep track of all managed variables\n        this.#managedVars[prop] = prop\n\n        // If requested, save to store\n        if (store === true) this.setStore(prop, val, autoload)\n\n        log('trace', 'Uib:set', `prop set - prop: ${prop}, val: `, val, ` store: ${store}, autoload: ${autoload}`)()\n\n        // Trigger this prop's event callbacks (listeners which are set by this.onChange)\n        // this.emit(prop, val)\n\n        // trigger an event on the prop name, pass both the name and value to the event details\n        this._dispatchCustomEvent('uibuilder:propertyChanged', { 'prop': prop, 'value': val, 'store': store, 'autoload': autoload })\n\n        return val\n    }\n\n    /** Function to get the value of a uibuilder property\n     * Example: uibuilder.get('msg')\n     * @param {string} prop The name of the property to get as long as it does not start with a _ or #\n     * @returns {*|undefined} The current value of the property\n     */\n    get(prop) {\n        if (prop.startsWith('_') || prop.startsWith('#')) {\n            log('warn', 'Uib:get', `Cannot use get() on protected property \"${prop}\"`)()\n            return\n        }\n        if (prop === 'version') return Uib._meta.version\n        if (prop === 'msgsCtrl') return this.msgsCtrlReceived\n        if (prop === 'reconnections') return this.connectedNum\n        if (this[prop] === undefined) {\n            log('warn', 'Uib:get', `get() - property \"${prop}\" is undefined`)()\n        }\n        return this[prop]\n    }\n\n    /** Write to localStorage if possible. console error output if can't write\n     * Also uses this.storePrefix\n     * @example\n     *   uibuilder.setStore('fred', 42)\n     *   console.log(uibuilder.getStore('fred'))\n     * @param {string} id localStorage var name to be used (prefixed with 'uib_')\n     * @param {*} value value to write to localstore\n     * @param {boolean} [autoload] If true, on load, uib will try to restore the value from the store\n     * @returns {boolean} True if succeeded else false\n     */\n    setStore(id, value, autoload = false) {\n        let autoVars = {}\n        if (autoload === true) {\n            try {\n                autoVars = this.getStore('_uibAutoloadVars') || {}\n            } catch (e) {}\n        }\n        if (typeof value === 'object') {\n            try {\n                value = JSON.stringify(value)\n            } catch (e) {\n                log('error', 'Uib:setStore', 'Cannot stringify object, not storing. ', e)()\n                return false\n            }\n        }\n        try {\n            localStorage.setItem(this.storePrefix + id, value)\n            if (autoload) {\n                autoVars[id] = id\n                try {\n                    localStorage.setItem(this.storePrefix + '_uibAutoloadVars', JSON.stringify(autoVars))\n                } catch (e) {\n                    log('error', 'Uib:setStore', 'Cannot save autoload list. ', e)()\n                }\n            }\n            this._dispatchCustomEvent('uibuilder:propertyStored', { 'prop': id, 'value': value, 'autoload': autoload })\n            return true\n        } catch (e) {\n            log('error', 'Uib:setStore', 'Cannot write to localStorage. ', e)()\n            return false\n        }\n    } // --- end of setStore --- //\n\n    /** Attempt to get and re-hydrate a key value from localStorage\n     * Note that all uib storage is automatically prefixed using this.storePrefix\n     * @param {*} id The key of the value to attempt to retrieve\n     * @returns {*|null|undefined} The re-hydrated value of the key or null if key not found, undefined on error\n     */\n    getStore(id) {\n        try {\n            // @ts-ignore\n            return JSON.parse(localStorage.getItem(this.storePrefix + id))\n        } catch (e) { }\n        try {\n            return localStorage.getItem(this.storePrefix + id)\n        } catch (e) {\n            return undefined\n        }\n    }\n\n    /** Remove a given id from the uib keys in localStorage\n     * @param {*} id The key to remove\n     */\n    removeStore(id) {\n        try {\n            localStorage.removeItem(this.storePrefix + id)\n        } catch (e) { }\n    }\n\n    /** Returns a list of uibuilder properties (variables) that can be watched with onChange\n     * @returns {{[key: string]: string}} List of uibuilder managed variables\n     */\n    getManagedVarList() {\n        return this.#managedVars\n    }\n\n    getWatchedVars() {\n        return Object.keys(this.#propChangeCallbacks)\n    }\n\n    //#endregion ------- -------- ------- //\n\n    //#region ------- Our own event handling system ---------- //\n\n    /** Standard fn to create a custom event with details & dispatch it\n     * @param {string} title The event name\n     * @param {*} details Any details to pass to event output\n     */\n    _dispatchCustomEvent(title, details) {\n        const event = new CustomEvent(title, { detail: details })\n        document.dispatchEvent(event)\n    }\n\n    // See the this.#propChangeCallbacks & msgRecvdByTopicCallbacks private vars\n\n    /** Register on-change event listeners for uibuilder tracked properties\n     * Make it possible to register a function that will be run when the property changes.\n     * Note that you can create listeners for non-existant properties\n     * @example: uibuilder.onChange('msg', (msg) => { console.log('uibuilder.msg changed! It is now: ', msg) })\n     *\n     * @param {string} prop The property of uibuilder that we want to monitor\n     * @param {Function} callback The function that will run when the property changes, parameter is the new value of the property after change\n     * @returns {number} A reference to the callback to cancel, save and pass to uibuilder.cancelChange if you need to remove a listener\n     */\n    onChange(prop, callback) {\n        // Note: Property does not have to exist yet\n\n        // console.debug(`[Uib:onchange] pushing new callback (event listener) for property: ${prop}`)\n\n        // Create a new array or add to the array of callback functions for the property in the events object\n        // if (this.#events[prop]) {\n        //     this.#events[prop].push(callback)\n        // } else {\n        //     this.#events[prop] = [callback]\n        // }\n\n        // Make sure we have an object to receive the saved callback, update the latest reference number\n        if (!this.#propChangeCallbacks[prop]) this.#propChangeCallbacks[prop] = { _nextRef: 1 }\n        else this.#propChangeCallbacks[prop]._nextRef++\n\n        const nextCbRef = this.#propChangeCallbacks[prop]._nextRef\n\n        // Register the callback function. It is saved so that we can remove the event listener if we need to\n        const propChangeCallback = this.#propChangeCallbacks[prop][nextCbRef] = function propChangeCallback(e) {\n            // If the prop name matches the 1st arg in the onChange fn:\n            if (prop === e.detail.prop) {\n                const value = e.detail.value\n                // console.warn('[Uib:onChange:evt] uibuilder:propertyChanged. ', e.detail)\n                // Set the callback fn's `this` and its single argument to the msg\n                callback.call(value, value)\n            }\n        }\n\n        document.addEventListener('uibuilder:propertyChanged', propChangeCallback)\n\n        return nextCbRef\n    } // ---- End of onChange() ---- //\n\n    cancelChange(prop, cbRef) {\n        document.removeEventListener('uibuilder:propertyChanged', this.#propChangeCallbacks[prop][cbRef])\n        delete this.#propChangeCallbacks[prop][cbRef]\n        // this.#propChangeCallbacks[topic]._nextRef-- // Don't bother, let the ref# increase\n    }\n\n    /** Register a change callback for a specific msg.topic\n     * Similar to onChange but more convenient if needing to differentiate by msg.topic.\n     * @example: let otRef = uibuilder.onTopic('mytopic', function(){ console.log('Received a msg with msg.topic=`mytopic`. msg: ', this) })\n     * To cancel a change listener: uibuilder.cancelTopic('mytopic', otRef)\n     *\n     * @param {string} topic The msg.topic we want to listen for\n     * @param {Function} callback The function that will run when an appropriate msg is received. `this` inside the callback as well as the cb's single argument is the received msg.\n     * @returns {number} A reference to the callback to cancel, save and pass to uibuilder.cancelTopic if you need to remove a listener\n     */\n    onTopic(topic, callback) {\n        // Make sure we have an object to receive the saved callback, update the latest reference number\n        if (!this.#msgRecvdByTopicCallbacks[topic]) this.#msgRecvdByTopicCallbacks[topic] = { _nextRef: 1 }\n        else this.#msgRecvdByTopicCallbacks[topic]._nextRef++\n\n        const nextCbRef = this.#msgRecvdByTopicCallbacks[topic]._nextRef\n\n        // Register the callback function. It is saved so that we can remove the event listener if we need to\n        const msgRecvdEvtCallback = this.#msgRecvdByTopicCallbacks[topic][nextCbRef] = function msgRecvdEvtCallback(e) {\n            const msg = e.detail\n            // console.log('[Uib:onTopic:evt] uibuilder:stdMsgReceived where topic matches. ', e.detail)\n            if (msg.topic === topic) {\n                // Set the callback fn's `this` and its single argument to the msg\n                callback.call(msg, msg)\n            }\n        }\n\n        document.addEventListener('uibuilder:stdMsgReceived', msgRecvdEvtCallback)\n\n        return nextCbRef\n    }\n\n    cancelTopic(topic, cbRef) {\n        document.removeEventListener('uibuilder:stdMsgReceived', this.#msgRecvdByTopicCallbacks[topic][cbRef])\n        delete this.#msgRecvdByTopicCallbacks[topic][cbRef]\n        // this.#msgRecvdCallbacks[topic]._nextRef-- // Don't bother, let the ref# increase\n    }\n\n    /** Trigger event listener for a given property\n     * Called when uibuilder.set is used\n     *\n     * @param {*} prop The property for which to run the callback functions\n     * arguments: Additional arguments contain the value to pass to the event callback (e.g. newValue)\n     */\n    // emit(prop) {\n    //     var evt = this.#events[prop]\n    //     if (!evt) {\n    //         return\n    //     }\n    //     var args = Array.prototype.slice.call(arguments, 1)\n    //     for (var i = 0; i < evt.length; i++) {\n    //         evt[i].apply(this, args)\n    //     }\n    //     log('trace', 'Uib:emit', `${evt.length} listeners run for prop ${prop} `)()\n    // }\n\n    /** Forcibly removes all event listeners from the events array\n     * Use if you need to re-initialise the environment\n     */\n    // clearEventListeners() {\n    //     this.#events = []\n    // } // ---- End of clearEventListeners() ---- //\n\n    /** Clear a single property event listeners\n     * @param {string} prop The property of uibuilder for which we want to clear the event listener\n     */\n    // clearListener(prop) {\n    //     if (this.#events[prop]) delete this.#events[prop]\n    // }\n\n    //#endregion ---------- End of event handling system ---------- //\n\n    //#region ------- General Utility Functions -------- //\n\n    /** Check supplied msg from server for a timestamp - if received, work out & store difference to browser time\n     * @param {object} receivedMsg A message object recieved from Node-RED\n     * @returns {void} Updates self.serverTimeOffset if different to previous value\n     */\n    _checkTimestamp(receivedMsg) {\n        if (Object.prototype.hasOwnProperty.call(receivedMsg, 'serverTimestamp')) {\n            const serverTimestamp = new Date(receivedMsg.serverTimestamp)\n            // @ts-ignore\n            const offset = Math.round(((new Date()) - serverTimestamp) / 3600000) // in ms /3.6m to get hours\n            if (offset !== this.serverTimeOffset) {\n                log('trace', `Uib:checkTimestamp:${this._ioChannels.server} (server)`, `Offset changed to: ${offset} from: ${this.serverTimeOffset}`)()\n                this.set('serverTimeOffset', offset)\n            }\n        }\n    }\n\n    /** Set up an event listener to watch for hash changes\n     * and set the watchable urlHash variable\n     */\n    _watchHashChanges() {\n        this.set('urlHash', location.hash)\n        window.addEventListener('hashchange', (event) => {\n            this.set('urlHash', location.hash)\n            if (this.#sendUrlHash === true) {\n                this.send({ topic: 'hashChange', payload: location.hash, newHash: this.keepHashFromUrl(event.newURL), oldHash: this.keepHashFromUrl(event.oldURL) })\n            }\n        })\n    }\n\n    /** Returns a new array containing the intersection of the 2 input arrays\n     * @param {Array} a1 Array to check\n     * @param {Array} a2 Array to intersect\n     * @returns {Array} The intersection of the 2 arrays (may be an empty array)\n     */\n    arrayIntersect(a1, a2) {\n        return a1.filter(uName => a2.includes(uName))\n    }\n\n    /** Copies a uibuilder variable to the browser clipboard\n     * @param {string} varToCopy The name of the uibuilder variable to copy to the clipboard\n     */\n    copyToClipboard(varToCopy) {\n        let data = ''\n        try {\n            data = JSON.stringify(this.get(varToCopy))\n        } catch (e) {\n            log('error', 'copyToClipboard', `Could not copy \"${varToCopy}\" to clipboard.`, e.message)()\n        }\n        navigator.clipboard.writeText(data)\n    } // --- End of copyToClipboard --- //\n\n    /** Does the chosen CSS Selector currently exist?\n     * Automatically sends a msg back to Node-RED unless turned off.\n     * @param {string} cssSelector Required. CSS Selector to examine for visibility\n     * @param {boolean} [msg] Optional, default=true. If true also sends a message back to Node-RED\n     * @returns {boolean} True if the element exists\n     */\n    elementExists(cssSelector, msg = true) {\n        const el = document.querySelector(cssSelector)\n\n        let exists = false\n        if (el !== null) exists = true\n\n        if (msg === true) {\n            this.send({\n                payload: exists,\n                info: `Element \"${cssSelector}\" ${exists ? 'exists' : 'does not exist'}`\n            })\n        }\n\n        return exists\n    } // --- End of elementExists --- //\n\n    /** Format a number using the INTL standard library - compatible with uib-var filter function\n     * @param {number} value Number to format\n     * @param {number} decimalPlaces Number of decimal places to include. Default=no default\n     * @param {string} intl standard locale spec, e.g. \"ja-JP\" or \"en-GB\". Default=navigator.language\n     * @param {object} opts INTL library options object. Optional\n     * @returns {string} formatted number\n     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString\n     */\n    formatNumber(value, decimalPlaces, intl, opts) {\n        if (isNaN(value)) {\n            log('error', 'formatNumber', `Value must be a number. Value type: \"${typeof value}\"`)()\n            return 'NaN'\n        }\n        if (!opts) opts = {}\n        if (!intl) intl = navigator.language ? navigator.language : 'en-GB'\n        if (decimalPlaces) {\n            opts.minimumFractionDigits = decimalPlaces\n            opts.maximumFractionDigits = decimalPlaces\n        }\n        let out\n        try {\n            out = Number(value).toLocaleString(intl, opts)\n        } catch (e) {\n            log('error', 'formatNumber', `${e.message}. value=${value}, dp=${decimalPlaces}, intl=\"${intl}\", opts=${JSON.stringify(opts)}`)()\n            return 'NaN'\n        }\n        return out\n    }\n\n    /** Attempt to get rough size of an object\n     * @param {*} obj Any serialisable object\n     * @returns {number|undefined} Rough size of object in bytes or undefined\n     */\n    getObjectSize(obj) {\n        let size\n        try {\n            const jsonString = JSON.stringify(obj)\n            // Encode the string to a Uint8Array and measure its length\n            const encoder = new TextEncoder()\n            const uint8Array = encoder.encode(jsonString)\n            size = uint8Array.length\n        } catch (e) {\n            log('error', 'uibuilder:getObjectSize', 'Could not stringify, cannot determine size', obj, e)\n        }\n        return size\n    }\n\n    /** Returns true if a uibrouter instance is loaded, otherwise returns false\n     * @returns {boolean} true if uibrouter instance loaded else false\n     */\n    hasUibRouter() {\n        return !!this.uibrouterinstance\n    }\n\n    /** Only keep the URL Hash & ignoring query params\n     * @param {string} url URL to extract the hash from\n     * @returns {string} Just the route id\n     */\n    keepHashFromUrl(url) {\n        if (!url) return ''\n        return '#' + url.replace(/^.*#(.*)/, '$1').replace(/\\?.*$/, '')\n    }\n\n    log() {\n        log(...arguments)()\n    }\n\n    /** Makes a null or non-object into an object. If thing is already an object.\n     * If not null, moves \"thing\" to {payload:thing}\n     * @param {*} thing Thing to check\n     * @param {string} [property='payload'] property that \"thing\" is moved to if not null and not an object\n     * @returns {!object} _\n     */\n    makeMeAnObject(thing, property) {\n        if (!property) property = 'payload'\n        if (typeof property !== 'string') {\n            log('warn', 'uibuilder:makeMeAnObject', `WARNING: property parameter must be a string and not: ${typeof property}`)()\n            property = 'payload'\n        }\n        let out = {}\n        if ( thing !== null && thing.constructor.name === 'Object' ) {\n            out = thing\n        } else if (thing !== null) {\n            out[property] = thing\n        }\n        return out\n    } // --- End of make me an object --- //\n\n    /** Navigate to a new page or a new route (hash)\n     * @param {string} url URL to navigate to. Can be absolute or relative (to current page) or just a hash for a route change\n     * @returns {Location} The new window.location string\n     */\n    navigate(url) {\n        if (url) window.location.href = url\n        return window.location\n    }\n\n    /** Fast but accurate number rounding (https://stackoverflow.com/a/48764436/1309986 solution 2)\n     * Half away from zero method (AKA \"commercial\" rounding), most common type\n     * @param {number} num The number to be rounded\n     * @param {number} decimalPlaces Number of DP's to round to\n     * @returns Rounded number\n     */\n    round(num, decimalPlaces) {\n        const p = Math.pow(10, decimalPlaces || 0)\n        const n = (num * p) * (1 + Number.EPSILON)\n        return Math.round(n) / p\n    }\n\n    /** Set the default originator. Set to '' to ignore. Used with uib-sender.\n     * @param {string} [originator] A Node-RED node ID to return the message to\n     */\n    setOriginator(originator = '') {\n        this.set('originator', originator)\n    } // ---- End of setOriginator ---- //\n\n    /** HTTP Ping/Keep-alive - makes a call back to uibuilder's ExpressJS server and receives a 204 response\n     * Can be used to keep sessions alive.\n     * @example\n     *   uibuilder.setPing(2000) // repeat every 2 sec. Re-issue with ping(0) to turn off repeat.\n     *   uibuilder.onChange('ping', function(data) {\n     *      console.log('pinger', data)\n     *   })\n     * @param {number} ms Repeat interval in ms\n     */\n    setPing(ms = 0) {\n        const oReq = new XMLHttpRequest()\n        oReq.addEventListener('load', () => {\n            const headers = (oReq.getAllResponseHeaders()).split('\\r\\n')\n            const elapsedTime = Number(new Date()) - Number((oReq.responseURL.split('='))[1])\n            this.set('ping', {\n                success: !!((oReq.status === 201) || (oReq.status === 204)), // true if one of the listed codes else false\n                status: oReq.status,\n                headers: headers,\n                url: oReq.responseURL,\n                elapsedTime: elapsedTime,\n            })\n        })\n\n        if (this.#pingInterval) {\n            clearInterval(this.#pingInterval)\n            this.#pingInterval = undefined\n        }\n\n        oReq.open('GET', `${this.httpNodeRoot}/uibuilder/ping?t=${Number(new Date())}`)\n        oReq.send()\n\n        if (ms > 0) {\n            this.#pingInterval = setInterval(() => {\n                oReq.open('GET', `${this.httpNodeRoot}/uibuilder/ping?t=${Number(new Date())}`)\n                oReq.send()\n            }, ms)\n        }\n    } // ---- End of ping ---- //\n\n    /** Convert JSON to Syntax Highlighted HTML\n     * @param {object} json A JSON/JavaScript Object\n     * @returns {html} Object reformatted as highlighted HTML\n     */\n    syntaxHighlight(json) {\n        return syntaxHighlight(json)\n    } // --- End of syntaxHighlight --- //\n\n    /** Returns true/false or a default value for truthy/falsy and other values\n     * @param {string|number|boolean|*} val The value to test\n     * @param {any} deflt Default value to use if the value is not truthy/falsy\n     * @returns {boolean|any} The truth! Or the default\n     */\n    truthy(val, deflt) {\n        let ret\n        if (['on', 'On', 'ON', 'true', 'True', 'TRUE', '1', true, 1].includes(val)) ret = true\n        else if (['off', 'Off', 'OFF', 'false', 'False', 'FALSE', '0', false, 0].includes(val)) ret = false\n        else ret = deflt\n        return ret\n    }\n\n    /** Joins all arguments as a URL string\n     * see http://stackoverflow.com/a/28592528/3016654\n     * since v1.0.10, fixed potential double // issue\n     * arguments {string} URL fragments\n     * @returns {string} _\n     */\n    urlJoin() {\n        const paths = Array.prototype.slice.call(arguments)\n        const url = '/' + paths.map(function (e) {\n            return e.replace(/^\\/|\\/$/g, '')\n        })\n            .filter(function (e) {\n                return e\n            })\n            .join('/')\n        return url.replace('//', '/')\n    } // ---- End of urlJoin ---- //\n\n    /** Turn on/off/toggle sending URL hash changes back to Node-RED\n     * @param {string|number|boolean|undefined} [toggle] Optional on/off/etc\n     * @returns {boolean} True if we will send a msg to Node-RED on a hash change\n     */\n    watchUrlHash(toggle) {\n        this.#sendUrlHash = this.truthy(toggle, this.#sendUrlHash !== true)\n        return this.#sendUrlHash\n    }\n\n    /** DEPRECATED FOR NOW - wasn't working properly.\n     * Is the chosen CSS Selector currently visible to the user? NB: Only finds the FIRST element of the selection.\n     * Requires IntersectionObserver (available to all mainstream browsers from early 2019)\n     * Automatically sends a msg back to Node-RED.\n     * Requires the element to already exist.\n     * @returns {false} False if not visible\n     */\n    elementIsVisible() {\n        const info = 'elementIsVisible has been temporarily DEPRECATED as it was not working correctly and a fix is complex'\n        log('error', 'uib:elementIsVisible', info)()\n        this.send({ payload: 'elementIsVisible has been temporarily DEPRECATED as it was not working correctly and a fix is complex' })\n        return false\n    } // --- End of elementIsVisible --- //\n\n    //#endregion -------- -------- -------- //\n\n    //#region ------- UI handlers --------- //\n\n    //#region -- Direct to _ui --\n    // ! NOTE: Direct assignments change the target `this` to here. Use with caution\n    // However, also note that the window/jsdom and the window.document\n    // references are now static in _ui so not impacted by this.\n\n    /** Simplistic jQuery-like document CSS query selector, returns an HTML Element\n     * NOTE that this fn returns the element itself. Use $$ to get the properties of 1 or more elements.\n     * If the selected element is a <template>, returns the first child element.\n     * type {HTMLElement}\n     * @param {string} cssSelector A CSS Selector that identifies the element to return\n     * @returns {HTMLElement|null} Selected HTML element or null\n     */\n    $ = _ui.$\n\n    /** CSS query selector that returns ALL found selections. Matches the Chromium DevTools feature of the same name.\n     * NOTE that this fn returns an array showing the PROPERTIES of the elements whereas $ returns the element itself\n     * @param {string} cssSelector A CSS Selector that identifies the elements to return\n     * @returns {HTMLElement[]} Array of DOM elements/nodes. Array is empty if selector is not found.\n     */\n    $$ = _ui.$$\n\n    /** Reference to the full ui library */\n    $ui = _ui\n\n    /** Add 1 or several class names to an element\n     * @param {string|string[]} classNames Single or array of classnames\n     * @param {HTMLElement} el HTML Element to add class(es) to\n     */\n    addClass = _ui.addClass\n\n    /** Apply a source template tag to a target html element\n     * NOTES:\n     * - styles in ALL templates are accessible to all templates.\n     * - scripts in templates are run AT TIME OF APPLICATION (so may run multiple times).\n     * - scripts in templates are applied in order of application, so variables may not yet exist if defined in subsequent templates\n     * @param {HTMLElement} source The source element\n     * @param {HTMLElement} target The target element\n     * @param {boolean} onceOnly If true, the source will be adopted (the source is moved)\n     */\n    applyTemplate = _ui.applyTemplate\n\n    buildHtmlTable = _ui.buildHtmlTable\n\n    /** Converts markdown text input to HTML if the Markdown-IT library is loaded\n     * Otherwise simply returns the text\n     * @param {string} mdText The input markdown string\n     * @returns {string} HTML (if Markdown-IT library loaded and parse successful) or original text\n     */\n    convertMarkdown(mdText) {\n        return _ui.convertMarkdown\n    }\n\n    /** ASYNC: Include HTML fragment, img, video, text, json, form data, pdf or anything else from an external file or API\n     * Wraps the included object in a div tag.\n     * PDF's, text or unknown MIME types are also wrapped in an iFrame.\n     * @param {string} url The URL of the source file to include\n     * @param {object} uiOptions Object containing properties recognised by the _uiReplace function. Must at least contain an id\n     * param {string} uiOptions.id The HTML ID given to the wrapping DIV tag\n     * param {string} uiOptions.parentSelector The CSS selector for a parent element to insert the new HTML under (defaults to 'body')\n     */\n    async include(url, uiOptions) {\n        await _ui.include(url, uiOptions)\n    }\n\n    /** Attach a new remote script to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} url The url to be used in the script src attribute\n     */\n    loadScriptSrc(url) {\n        _ui.loadScriptSrc(url)\n    }\n\n    /** Attach a new remote stylesheet link to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} url The url to be used in the style link href attribute\n     */\n    loadStyleSrc(url) {\n        _ui.loadStyleSrc(url)\n    }\n\n    /** Attach a new text script to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} textFn The text to be loaded as a script\n     */\n    loadScriptTxt(textFn) {\n        _ui.loadScriptTxt(textFn)\n    }\n\n    /** Attach a new text stylesheet to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} textFn The text to be loaded as a stylesheet\n     */\n    loadStyleTxt(textFn) {\n        _ui.loadStyleTxt(textFn)\n    }\n\n    /** Load a dynamic UI from a JSON web reponse\n     * @param {string} url URL that will return the ui JSON\n     */\n    loadui(url) {\n        _ui.loadui(url)\n    }\n\n    /** Remove All, 1 or more class names from an element\n     * @param {undefined|null|\"\"|string|string[]} classNames Single or array of classnames. If undefined, \"\" or null, remove all classes\n     * @param {HTMLElement} el HTML Element to add class(es) to\n     */\n    removeClass = _ui.removeClass\n\n    /** Replace or add an HTML element's slot from text or an HTML string\n     * WARNING: Executes <script> tags! And will process <style> tags.\n     * Will use DOMPurify if that library has been loaded to window.\n     * param {*} ui Single entry from the msg._ui property\n     * @param {Element} el Reference to the element that we want to update\n     * @param {*} slot The slot content we are trying to add/replace (defaults to empty string)\n     */\n    replaceSlot(el, slot) {\n        _ui.replaceSlot(el, slot)\n    }\n\n    /** Replace or add an HTML element's slot from a Markdown string\n     * Only does something if the markdownit library has been loaded to window.\n     * Will use DOMPurify if that library has been loaded to window.\n     * @param {Element} el Reference to the element that we want to update\n     * @param {*} component The component we are trying to add/replace\n     */\n    replaceSlotMarkdown(el, component) {\n        _ui.replaceSlotMarkdown(el, component)\n    }\n\n    /** Sanitise HTML to make it safe - if the DOMPurify library is loaded\n     * Otherwise just returns that HTML as-is.\n     * @param {string} html The input HTML string\n     * @returns {string} The sanitised HTML or the original if DOMPurify not loaded\n     */\n    sanitiseHTML(html) {\n        return _ui.sanitiseHTML(html)\n    }\n\n    /** Show a pop-over \"toast\" dialog or a modal alert\n     * Refs: https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/alertdialog.html,\n     *       https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/dialog.html,\n     *       https://www.w3.org/WAI/ARIA/apg/patterns/dialogmodal/\n     * @param {\"notify\"|\"alert\"} type Dialog type\n     * @param {object} ui standardised ui data\n     * @param {object} [msg] msg.payload/msg.topic - only used if a string. Optional.\n     * @returns {void}\n     */\n    showDialog(type, ui, msg) {\n        _ui.showDialog(type, ui, msg)\n    }\n\n    /** Directly manage UI via JSON\n     * @param {object} json Either an object containing {_ui: {}} or simply simple {} containing ui instructions\n     */\n    ui(json) {\n        _ui.ui(json)\n    }\n\n    /** Get data from the DOM. Returns selection of useful props unless a specific prop requested.\n     * @param {string} cssSelector Identify the DOM element to get data from\n     * @param {string} [propName] Optional. Specific name of property to get from the element\n     * @returns {Array<*>} Array of objects containing either specific requested property or a selection of useful properties\n     */\n    uiGet(cssSelector, propName = null) {\n        return _ui.uiGet(cssSelector, propName)\n    }\n\n    /** Enhance an HTML element that is being composed with ui data\n     *  such as ID, attribs, event handlers, custom props, etc.\n     * @param {*} el HTML Element to enhance\n     * @param {*} component Individual uibuilder ui component spec\n     */\n    uiEnhanceElement(el, component) {\n        _ui.uiEnhanceElement(el, component)\n    }\n\n    //#endregion -- direct to _ui --\n\n    /** DOM Mutation observer callback to watch for new/amended elements with uib-* or data-uib-* attributes\n     * WARNING: Mutation observers can receive a LOT of mutations very rapidly. So make sure this runs as fast\n     *          as possible. Async so that calling function does not need to wait.\n     * Observer is set up in the start() function\n     * @param {MutationRecord[]} mutations Array of Mutation Records\n     */\n    async _uibAttribObserver(mutations/* , observer */) {\n        mutations.forEach( async m => { // async so process does not wait\n            log('trace', 'uibuilder:_uibAttribObserver', 'Mutations ', m)()\n            // Deal with attribute changes\n            if (m.attributeName && (m.attributeName.startsWith('uib') || m.attributeName.startsWith('data-uib'))) {\n                // log(0, 'attribute mutation', m.attributeName, m.target.getAttribute(m.attributeName), m.oldValue, m )()\n                this._uibAttrScanOne(m.target)\n            } else if (m.addedNodes.length > 0) {\n                // And deal with newly added elements (e.g. from route change)\n                // Check for added nodes with uib attribs\n                m.addedNodes.forEach( async n => { // async so process does not wait\n                    // Attributes are a map and we need an array\n                    let aNames = []\n                    try { // Nodes might not always have attributes\n                        aNames = [...n.attributes]\n                    } catch (e) {}\n                    // Get any added elements that have uib attribs\n                    const intersect = this.arrayIntersect(this.uibAttribs, aNames)\n                    // Process them\n                    intersect.forEach( async el => {\n                        this._uibAttrScanOne(el)\n                    })\n                    // And get any children of the added elements that have uib attribs (a node might not have querySelectorAll method)\n                    let uibChildren = []\n                    if (n.querySelectorAll) uibChildren = n.querySelectorAll(this.#uibAttrSel)\n                    // Process them\n                    uibChildren.forEach( async el => {\n                        this._uibAttrScanOne(el)\n                    })\n                })\n            }\n        })\n    }\n\n    /** Check a single HTML element for uib attributes and add auto-processors as needed.\n     * Async so that calling function does not need to wait.\n     * Understands only uib-topic at present. Msgs received on the topic can have:\n     *   msg.payload - replaces innerHTML (but also runs <script>s and applies <style>s)\n     *   msg.attributes - An object containing attribute names as keys with attribute values as values. e.g. {title: 'HTML tooltip', href='#route03'}\n     * @param {Element} el HTML Element to check for uib-* or data-uib-* attributes\n     */\n    async _uibAttrScanOne(el) {\n        log('trace', 'uibuilder:_uibAttrScanOne', 'Setting up auto-processor for: ', el)()\n        const topic = el.getAttribute('uib-topic') || el.getAttribute('data-uib-topic')\n        // Create a topic listener\n        this.onTopic(topic, (msg) => {\n            log('trace', 'uibuilder:_uibAttrScanOne', `Msg with topic \"${topic}\" received. msg content: `, msg)()\n            msg._uib_processed_by = '_uibAttrScanOne' // record that this has already been processed\n            // Process msg.attributes\n            if (Object.prototype.hasOwnProperty.call(msg, 'attributes')) {\n                try {\n                    for (const [k, v] of Object.entries(msg.attributes)) {\n                        el.setAttribute(k, v)\n                    }\n                } catch (e) {\n                    log(0, 'uibuilder:attribute-processing', 'Failed to set attributes. Ensure that msg.attributes is an object containing key/value pairs with each key a valid attribute name. Note that attribute values have to be a string.')()\n                }\n            }\n\n            // Process msg.value (or set checked if boolean - for checkboxes)\n            // TODO Move this to a common function\n            const hasChecked = Object.prototype.hasOwnProperty.call(msg, 'checked')\n            const hasValue = Object.prototype.hasOwnProperty.call(msg, 'value')\n            if ( hasValue || hasChecked ) {\n                if (el.type && (el.type === 'checkbox' || el.type === 'radio')) {\n                    if (hasChecked) el.checked = this.truthy(msg.checked, false)\n                    else if (hasValue) el.checked = this.truthy(msg.value, false)\n                } else {\n                    if (hasValue) el.value = msg.value\n                    else if (hasChecked) el.value = this.truthy(msg.checked, false)\n                }\n            }\n\n            // TODO (MAYBE) Process msg.classes and msg.styles. msg.props (for non-string data)?\n\n            // Process msg.payload (applied as slot HTML) - NB: Will process <script> & <style>\n            if (Object.prototype.hasOwnProperty.call(msg, 'payload')) this.replaceSlot(el, msg.payload)\n        })\n    }\n\n    /** Check all children of an array of or a single HTML element(s) for uib attributes and add auto-processors as needed.\n     * Async so that calling function does not need to wait.\n     * @param {Element|Element[]} parentEl HTML Element to check for uib-* or data-uib-* attributes\n     */\n    async _uibAttrScanAll(parentEl) {\n        if (!Array.isArray(parentEl)) parentEl = [parentEl]\n        parentEl.forEach( async p => { // async so process does not wait\n            const uibChildren = p.querySelectorAll(this.#uibAttrSel)\n            // log('trace', 'uibuilder:_uibAttrScanAll:forEach:children', 'p, uibChildren: ', p, uibChildren)()\n            if (uibChildren.length > 0) {\n                // console.log('existing elements uib attrib', uibChildren)\n                uibChildren.forEach( el => {\n                    this._uibAttrScanOne(el) // async so process does not wait\n                })\n            }\n        })\n    }\n\n    /** Given a FileList array, send each file to Node-RED and return file metadata\n     * @param {FileList} files FileList array\n     * @param {boolean=} noSend If true, don't send the file to Node-RED. Default is to send.\n     * @returns {Array<object>} Metadata values from all files\n     */\n    _processFilesInput(files, noSend = false) {\n        const value = []\n        for (const file of files) {\n            const props = {}\n            // Walk through each file property\n            for (const prop in file) {\n                props[prop] = file[prop]\n            }\n            // Create a temp URL allowing access to download the file\n            // Automatically destroyed on page reload\n            props.tempUrl = window.URL.createObjectURL(file)\n\n            value.push(props)\n\n            // Auto-upload to Node-RED over Socket.IO\n            if (noSend !== true) this.uploadFile(file)\n        }\n        return value\n    }\n\n    /** Attempt to get target attributs - can fail for certain target types, if so, returns empty object\n     * @param {HTMLElement} el Target element\n     * @returns {object} Array of key/value HTML attribute objects\n     */\n    getElementAttributes(el) {\n        const ignoreAttribs = ['class', 'id', 'name']\n        let attribs\n        try {\n            attribs = Object.assign({},\n                ...Array.from(el.attributes,\n                    ( { name, value } ) => {\n                        if ( !ignoreAttribs.includes(name) ) {\n                            return ({ [name]: value })\n                        }\n                        return undefined\n                    }\n                )\n            )\n        } catch (e) {}\n\n        return attribs\n    }\n\n    /** Check for CSS Classes and return as array if found or undefined if not\n     * @param {HTMLElement} el Target element\n     * @returns {Array|undefined} Array of class names\n     */\n    getElementClasses(el) {\n        let classes\n        try {\n            classes = Array.from(el.classList)\n        } catch (e) {}\n        return classes\n    }\n\n    /** Get target custom properties - only shows custom props not element default ones\n     * Excludes custom props starting with _\n     * @param {HTMLElement} el Target element\n     * @returns {object} Object of propname/value pairs\n     */\n    getElementCustomProps(el) {\n        const props = {}\n        Object.keys(el).forEach( key => {\n            if (key.startsWith('_')) return // Exclude private\n            props[key] = el[key]\n        })\n        return props\n    }\n\n    /** Check for el.value and el.checked. el.checked will also set the value return for ease of use.\n     * Only 2 input types use el.checked, different from all other input types - this is annoying.\n     * @param {HTMLElement} el HTML Element to be checked\n     * @returns {{value:boolean|null, checked:boolean|null}} Return null if properties not present, else the appropriate value\n     */\n    getFormElementValue(el) {\n        let value = null\n        let checked = null\n\n        switch (el.type) {\n            case 'checkbox':\n            case 'radio': {\n                value = checked = el.checked\n                // HTML does not normally return any value if not checked but we do for ease of use,\n                break\n            }\n\n            case 'select-multiple': {\n                // value = Array.from(el.selectedOptions).forEach( (sel) => sel.value )\n                value = Array.from(el.selectedOptions).map(option => option.value)\n                break\n            }\n\n            default: {\n                if (el.value) value = el.value\n\n                // Probably not really needed\n                if (el.checked) {\n                    value = checked = el.checked\n                    // HTML does not normally return any value if not checked but we do for ease of use,\n                }\n\n                // If the value is a valid number, use that instead of the text version - probably only applies to range inputs\n                if (el.valueAsNumber && !isNaN(el.valueAsNumber)) {\n                    value = el.valueAsNumber\n                }\n\n                break\n            }\n        }\n\n        return { value, checked }\n    }\n\n    // ! TODO - Handle fieldsets\n    /** For HTML Form elements (e.g. input, textarea, select), return the details\n     * @param {HTMLFormElement} el Source form element\n     * @returns {object|null} Form element key details\n     */\n    getFormElementDetails(el) {\n        if (!el.type) {\n            log(1, 'uibuilder:getFormElementDetails', 'Cannot get form element details as this is not an input type element')()\n            return null\n        }\n\n        // Get or create a (hopefully) unique ID\n        const id = this.returnElementId(el)\n        if (!id) {\n            log(1, 'uibuilder:getFormElementDetails', 'Cannot get form element details as no id is present and could not be generated')()\n            return null\n        }\n\n        let { value, checked } = this.getFormElementValue(el)\n\n        // For multi file input, get the file details as the value\n        // el.files is a FileList type & each entry is a File type - have to process these manually - stupid HTML!\n        // https://developer.mozilla.org/en-US/docs/Web/API/File_API/Using_files_from_web_applications\n        // NOTE: The eventSend fn calls uploadFiles if files present in form.\n        if (el.type === 'file' && el.files.length > 0) {\n            // Walk through each file in the FileList, get the details and send the file to Node-RED\n            value = this._processFilesInput(el.files)\n        }\n\n        const formDetails = {\n            'id': id,\n            'name': el.name,\n            'valid': el.checkValidity(),\n            'type': el.type,\n        }\n        if (value !== null) formDetails.value = value\n        if (checked !== null) formDetails.checked = checked\n\n        // If the form element has invalid content, try to report why\n        if (formDetails.valid === false) {\n            const v = el.validity\n            formDetails.validity = {\n                badInput: v.badInput === true ? v.badInput : undefined,\n                customError: v.customError === true ? v.customError : undefined,\n                patternMismatch: v.patternMismatch === true ? v.patternMismatch : undefined,\n                rangeOverflow: v.rangeOverflow === true ? v.rangeOverflow : undefined,\n                rangeUnderflow: v.rangeUnderflow === true ? v.rangeUnderflow : undefined,\n                stepMismatch: v.stepMismatch === true ? v.stepMismatch : undefined,\n                tooLong: v.tooLong === true ? v.tooLong : undefined,\n                tooShort: v.tooShort === true ? v.tooShort : undefined,\n                typeMismatch: v.typeMismatch === true ? v.typeMismatch : undefined,\n                valueMissing: v.valueMissing === true ? v.valueMissing : undefined,\n            }\n        }\n\n        // If any data-* attribs defined\n        if (Object.keys(el.dataset).length > 0) formDetails.data = el.dataset\n\n        return formDetails\n    }\n\n    /** Show a browser notification if possible.\n     * Config can be a simple string, a Node-RED msg (topic as title, payload as body)\n     * or a Notifications API options object + config.title string.\n     * @example uibuilder.notify( 'My simple message to the user' )\n     * @example uibuilder.notify( {topic: 'My Title', payload: 'My simple message to the user'} )\n     * @example uibuilder.notify( {title: 'My Title', body: 'My simple message to the user'} )\n     * @example // If config.return = true, a promise is returned.\n     * // The resolved promise is only returned if the notification is clicked by the user.\n     * // Can be used to send the response back to Node-RED\n     * uibuilder.notify(notifyConfig).then( res => uibuilder.eventSend(res) )\n     * @ref https://developer.mozilla.org/en-US/docs/Web/API/Notification/Notification\n     * @param {object|string} config Notification config data or simple message string\n     * @returns {Promise<Event>|null} A promise that resolves to the click event or null\n     */\n    notify(config) {\n        if (config.return) return _ui.notification(config)\n\n        _ui.notification(config)\n            .then( res => { // eslint-disable-line promise/always-return\n                log('info', 'Uib:notification', 'Notification completed event', res)()\n                // if (config.return) return res\n            })\n            .catch( err => {\n                log('error', 'Uib:notification', 'Notification error event', err)()\n            })\n        return null\n    }\n\n    /** Get or create a (hopefully) unique ID\n     * @param {HTMLFormElement} el Source form element\n     * @returns {string|null} A hopefully unique element ID\n     */\n    returnElementId(el) {\n        return el.id !== '' ? el.id : (el.name !== '' ? `${el.name}-${++this.#uniqueElID}` : (el.type ? `${el.type}-${++this.#uniqueElID}` : `${el.localName}-${++this.#uniqueElID}`))\n    }\n\n    /** Scroll the page\n     * https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView\n     * @param {string} [cssSelector] Optional. If not set, scrolls to top of page.\n     * @param {{block:(string|undefined),inline:(string|undefined),behavior:(string|undefined)}} [opts] Optional. DOM scrollIntoView options\n     * @returns {boolean} True if element was found, false otherwise\n     */\n    scrollTo(cssSelector, opts) {\n        // @ts-ignore\n        if (!opts) opts = {}\n        if (!cssSelector || cssSelector === 'top'  || cssSelector === 'start') cssSelector = 'body'\n        else if (cssSelector === 'bottom' || cssSelector === 'end') {\n            cssSelector = 'body'\n            opts.block = 'end'\n        }\n        const el = this.$(cssSelector)\n        if (el) {\n            el.scrollIntoView(opts)\n            return true\n        }\n        return false\n    }\n\n    /** * Show/hide a display card on the end of the visible HTML that will dynamically display the last incoming msg from Node-RED\n     * The card has the id `uib_last_msg`. Updates are done from a listener set up in the start function.\n     * @param {boolean|undefined} showHide true=show, false=hide. undefined=toggle.\n     * @param {string|undefined} parent Optional. If not undefined, a CSS selector to attach the display to. Defaults to `body`\n     * @returns {boolean} New state\n     */\n    showMsg(showHide, parent = 'body') {\n        if ( showHide === undefined ) showHide = !this.#isShowMsg\n        this.#isShowMsg = showHide\n        let slot = 'Waiting for a message from Node-RED'\n\n        if (this.msg && Object.keys(this.msg).length > 0) {\n            slot = this.syntaxHighlight(this.msg)\n        }\n\n        if ( showHide === false ) {\n            _ui._uiRemove( {\n                components: [\n                    '#uib_last_msg_wrap',\n                ],\n            })\n        } else {\n            _ui._uiReplace({\n                components: [\n                    {\n                        type: 'div',\n                        id: 'uib_last_msg_wrap',\n                        parent: parent,\n                        attributes: {\n                            title: 'Last message from Node-RED',\n                        },\n                        components: [\n                            {\n                                type: 'button',\n                                attributes: {\n                                    onclick: 'uibuilder.copyToClipboard(\"msg\")',\n                                    class: 'compact',\n                                    style: 'right:3em;',\n                                },\n                                slot: '\uD83D\uDCCB',\n                            },\n                            {\n                                type: 'button',\n                                attributes: {\n                                    onclick: 'uibuilder.showMsg()',\n                                    class: 'compact',\n                                    style: 'right:.5em;',\n                                },\n                                slot: '\u26D4',\n                            },\n                            {\n                                type: 'pre',\n                                id: 'uib_last_msg',\n                                // parent: 'uib_last_msg_wrap',\n                                attributes: {\n                                    class: 'syntax-highlight',\n                                },\n                                slot: slot,\n                            },\n                        ],\n                    },\n                ],\n            })\n        }\n\n        return showHide\n    }\n\n    /** Show/hide a display card on the end of the visible HTML that will dynamically display the current status of the uibuilder client\n     * The card has the id `uib_status`.\n     * The display is updated by an event listener created in the class constructor.\n     * @param {boolean|undefined} showHide true=show, false=hide. undefined=toggle.\n     * @param {string|undefined} parent Optional. If not undefined, a CSS selector to attach the display to. Defaults to `body`\n     * @returns {boolean} New state\n     */\n    showStatus(showHide, parent = 'body') {\n        if ( showHide === undefined ) showHide = !this.#isShowStatus\n        this.#isShowStatus = showHide\n\n        if ( showHide === false ) {\n            _ui._uiRemove( {\n                components: [\n                    '#uib_status',\n                ],\n            })\n            return showHide\n        }\n\n        const root = {\n            components: [\n                {\n                    type: 'div',\n                    id: 'uib_status',\n                    parent: parent,\n                    attributes: {\n                        title: 'Current status of the uibuilder client',\n                        class: 'text-smaller',\n                    },\n                    components: [\n                        {\n                            'type': 'table',\n                            'components': [\n                                {\n                                    'type': 'tbody',\n                                    'components': []\n                                }\n                            ]\n                        }\n                    ]\n                }\n            ]\n        }\n        const details = root.components[0].components[0].components[0].components\n\n        Object.values(this.#showStatus).forEach( entry => {\n            details.push({\n                'type': 'tr',\n                'attributes': {\n                    title: entry.description,\n                },\n                'components': [\n                    {\n                        'type': 'th',\n                        'slot': entry.label,\n                    },\n                    {\n                        'type': 'td',\n                        'attributes': {\n                            'data-varType': entry.var,\n                        },\n                        'slot': entry.var === 'version' ? Uib._meta.version : JSON.stringify(this[entry.var]),\n                    }\n                ],\n            })\n        })\n\n        _ui._uiReplace(root)\n\n        return showHide\n    }\n\n    /** Use the Mutation Observer browser API to watch for changes to a single element on the page.\n     * OMG! It is sooo hard to turn the data into something that successfully serialises so it can be sent back to Node-RED!\n     * NB: Each cssSelector creates a unique watcher. Sending the same selector overwrites the previous one.\n     * @param {string} cssSelector A CSS Selector that selects the element to watch for changes\n     * @param {boolean|\"toggle\"} [startStop] true=start watching the DOM, false=stop. Default='toggle'\n     * @param {boolean} [send] true=Send changes to Node-RED, false=Don't send. Default=true\n     * @param {boolean} [showLog] true=Output changes to log, false=stop. Default=true. Log level is 2 (Info)\n     * @returns {boolean} True if the watch is on, false otherwise\n     */\n    uiWatch(cssSelector, startStop = 'toggle', send = true, showLog = true) {\n        // Select the node that will be observed for mutations\n        const targetNode = document.querySelector(cssSelector)\n        if (!targetNode) {\n            log('warn', 'uibuilder.module.js:uiWatch', `CSS Selector '${cssSelector}' not found.`)()\n            return false\n        }\n\n        if (startStop === 'toggle' || startStop === undefined || startStop === null) {\n            if (this.#uiObservers[cssSelector]) startStop = false\n            else startStop = true\n        }\n\n        // Need a ref to the Uib this\n        const that = this\n\n        if (startStop === true) {\n            // Create an observer instance\n            this.#uiObservers[cssSelector] = new MutationObserver( function( mutationList /* , observer */ ) {\n                const out = []\n\n                mutationList.forEach( mu => {\n                    // console.log({ mu })\n                    const oMu = {\n                        type: mu.type,\n                        oldValue: mu.oldValue !== null ? mu.oldValue : undefined,\n                    }\n\n                    if (mu.addedNodes.length > 0) {\n                        oMu.addedNodes = []\n                        mu.addedNodes.forEach( (an, i) => {\n                            oMu.addedNodes.push(_ui.nodeGet(mu.addedNodes[i]))\n                        })\n                    }\n\n                    if (mu.removedNodes.length > 0) {\n                        oMu.removedNodes = []\n                        mu.removedNodes.forEach( (an, i) => {\n                            oMu.removedNodes.push(_ui.nodeGet(mu.removedNodes[i]))\n                        })\n                    }\n\n                    if ( mu.type === 'attributes' ) {\n                        oMu.attributeName = mu.attributeName\n                        // @ts-ignore\n                        oMu.newValue = mu.target.attributes[mu.attributeName].value\n                    }\n\n                    out.push(oMu)\n                })\n\n                // Custom event\n                that._dispatchCustomEvent('uibuilder:domChange', out)\n                // Send a msg back to node-red\n                if (send === true) {\n                    that.send({\n                        _ui: {\n                            cssSelector: cssSelector,\n                            uiChanges: out\n                        },\n                        topic: that.topic || `DOM Changes for '${cssSelector}'`,\n                    })\n                }\n                // Log to info\n                if (showLog === true) {\n                    log('info', 'uibuilder.module.js:uiWatch', `DOM Changes for '${cssSelector}'`, { uiChanges: out }, { mutationList })()\n                }\n            } )\n\n            // Start observing the target node for configured mutations\n            this.#uiObservers[cssSelector].observe(targetNode, { attributes: true, childList: true, subtree: true, characterData: true })\n            log('trace', 'uibuilder.module.js:uiWatch', `Started Watching DOM changes for '${cssSelector}'`)()\n        } else {\n            this.#uiObservers[cssSelector].disconnect()\n            delete this.#uiObservers[cssSelector]\n            log('trace', 'uibuilder.module.js:uiWatch', `Stopped Watching DOM changes for '${cssSelector}'`)()\n        }\n\n        return startStop\n    } // ---- End of watchDom ---- //\n\n    /** Use the Mutation Observer browser API to watch for and save changes to the HTML\n     * Once the observer is created, it will be reused.\n     * Sending true or undefined will turn on the observer, false turns it off.\n     * saveHtmlCache is called whenever anything changes in the dom. This allows\n     * users to call restoreHtmlFromCache() on page load if desired to completely reload\n     * to the last saved state.\n     * @param {boolean} startStop true=start watching the DOM, false=stop\n     */\n    watchDom(startStop) {\n        // Select the node that will be observed for mutations\n        const targetNode = document.documentElement\n\n        // Need a ref to the Uib this\n        const that = this\n\n        // Create an observer instance\n        if (!this._htmlObserver) {\n            this._htmlObserver = new MutationObserver( function(/* mutationList, observer */) {\n                // We don't need to know the details - so kill off any outstanding mutation records\n                this.takeRecords()\n                // Save the updated entire HTML in localStorage\n                that.saveHtmlCache()\n            } )\n        }\n\n        if (startStop === true || startStop === undefined) {\n            // Start observing the target node for configured mutations\n            this._htmlObserver.observe(targetNode, { attributes: true, childList: true, subtree: true, characterData: true })\n            log('trace', 'uibuilder.module.js:watchDom', 'Started Watching and saving DOM changes')()\n        } else {\n            this._htmlObserver.disconnect()\n            log('trace', 'uibuilder.module.js:watchDom', 'Stopped Watching and saving DOM changes')()\n        }\n    } // ---- End of watchDom ---- //\n\n    //#endregion -------- -------- -------- //\n\n    //#region ------- HTML cache --------- //\n\n    /** Clear the saved DOM from localStorage */\n    clearHtmlCache() {\n        this.removeStore('htmlCache')\n        log('trace', 'uibuilder.module.js:clearHtmlCache', 'HTML cache cleared')()\n    }\n\n    /** Restore the complete DOM (the whole web page) from browser localStorage if available */\n    restoreHtmlFromCache() {\n        // Is the html cached? If so, restore it\n        const htmlCache = this.getStore('htmlCache')\n        if (htmlCache) {\n            const targetNode = document.getElementsByTagName('html')[0]\n            // Restore the entire HTML\n            targetNode.innerHTML = htmlCache\n            log('trace', 'uibuilder.module.js:restoreHtmlFromCache', 'Restored HTML from cache')()\n        } else {\n            log('trace', 'uibuilder.module.js:restoreHtmlFromCache', 'No cache to restore')()\n        }\n    }\n\n    /** Save the current DOM state to browser localStorage.\n     * localStorage is persistent and so can be recovered even after a browser restart.\n     */\n    saveHtmlCache() {\n        // Save the updated entire HTML in localStorage\n        this.setStore('htmlCache', document.documentElement.innerHTML)\n    }\n\n    //#endregion -------- -------- -------- //\n\n    //#region ------- Message Handling (To/From Node-RED) -------- //\n\n    /** Handles original control msgs (not to be confused with \"new\" msg._uib controls)\n     * @param {*} receivedCtrlMsg The msg received on the socket.io control channel\n     */\n    _ctrlMsgFromServer(receivedCtrlMsg) {\n\n        // Make sure that msg is an object & not null\n        if (receivedCtrlMsg === null) {\n            receivedCtrlMsg = {}\n        } else if (typeof receivedCtrlMsg !== 'object') {\n            const msg = {}\n            msg['uibuilderCtrl:' + this._ioChannels.control] = receivedCtrlMsg\n            receivedCtrlMsg = msg\n        }\n\n        // @since 2018-10-07 v1.0.9: Work out local time offset from server\n        this._checkTimestamp(receivedCtrlMsg)\n\n        this.set('ctrlMsg', receivedCtrlMsg)\n        this.set('msgsCtrlReceived', ++this.msgsCtrlReceived)\n\n        log('trace', 'Uib:ioSetup:_ctrlMsgFromServer', `Channel '${this._ioChannels.control}'. Received control msg #${this.msgsCtrlReceived}`, receivedCtrlMsg)()\n\n        /** Process control msg types */\n        switch (receivedCtrlMsg.uibuilderCtrl) {\n            // Node-RED is shutting down\n            case 'shutdown': {\n                log('info', `Uib:ioSetup:${this._ioChannels.control}`, '\u274C Received \"shutdown\" from server')()\n                this.set('serverShutdown', undefined)\n                break\n            }\n\n            /** We are connected to the server - 1st msg from server */\n            case 'client connect': {\n                log('trace', `Uib:ioSetup:${this._ioChannels.control}`, 'Received \"client connect\" from server', receivedCtrlMsg)()\n                log('info', `Uib:ioSetup:${this._ioChannels.control}`, `\u2705 Server connected. Version: ${receivedCtrlMsg.version}\\nServer time: ${receivedCtrlMsg.serverTimestamp}, Sever time offset: ${this.serverTimeOffset} hours. Max msg size: ${receivedCtrlMsg.maxHttpBufferSize}`)()\n\n                if ( !Uib._meta.version.startsWith(receivedCtrlMsg.version.split('-')[0]) ) {\n                    log('warn', `Uib:ioSetup:${this._ioChannels.control}`, `Server version (${receivedCtrlMsg.version}) not the same as the client version (${Uib._meta.version})`)()\n                }\n\n                if (this.autoSendReady === true) { // eslint-disable-line no-lonely-if\n                    log('trace', `Uib:ioSetup:${this._ioChannels.control}/client connect`, 'Auto-sending ready-for-content/replay msg to server')\n                    // @since 0.4.8c Add cacheControl property for use with node-red-contrib-infocache\n                    // @since 6.1.0 Don't bother, we use the \"client connect\" msg\n                    // this._send({\n                    //     'uibuilderCtrl': 'ready for content',\n                    //     'cacheControl': 'REPLAY',\n                    // }, this._ioChannels.control)\n                }\n\n                // Save the current server max msg size - defaults to 1mb, change in settings.js\n                this.maxHttpBufferSize = receivedCtrlMsg.maxHttpBufferSize\n\n                break\n            }\n\n            // We requested this page's metadata from the server using getPageMeta() - this handles the response\n            case 'get page meta': {\n                this.set('pageMeta', receivedCtrlMsg.payload)\n                break\n            }\n\n            default: {\n                log('trace', `uibuilder:ioSetup:${this._ioChannels.control}`, `Received ${receivedCtrlMsg.uibuilderCtrl} from server`)\n                // Anything else to do for other control msgs?\n            }\n        } // ---- End of process control msg types ---- //\n    } // -- End of websocket receive CONTROL msg from Node-RED -- //\n\n    /** Do we want to process something? Check pageName, clientId, tabId. Defaults to yes.\n     * @param {*} obj Either a msg._ui or msg._uib object to check\n     * @returns {boolean} True if we should process the inbound _ui/_uib msg, false if not.\n     */\n    _forThis(obj) {\n        let r = true\n\n        // Is this msg for this pageName?\n        if (obj.pageName && obj.pageName !== this.pageName) {\n            log('trace', 'Uib:_msgRcvdEvents:_uib', 'Not for this page')()\n            r = false\n        }\n\n        // Is this msg for this clientId?\n        if (obj.clientId && obj.clientId !== this.clientId) {\n            log('trace', 'Uib:_msgRcvdEvents:_uib', 'Not for this clientId')()\n            r = false\n        }\n\n        // Is this msg for this tabId?\n        if (obj.tabId && obj.tabId !== this.tabId) {\n            log('trace', 'Uib:_msgRcvdEvents:_uib', 'Not for this tabId')()\n            r = false\n        }\n\n        return r\n    }\n\n    // Handle received messages - Process some msgs internally, emit specific events on document that make it easy for coders to use\n    _msgRcvdEvents(msg) {\n        // Message received\n        this._dispatchCustomEvent('uibuilder:stdMsgReceived', msg)\n\n        // Topic\n        if ( msg.topic ) this._dispatchCustomEvent(`uibuilder:msg:topic:${msg.topic}`, msg)\n\n        // Check whether the msg has already been processed - if so, we don't need to process again\n        if (msg._uib_processed_by) return\n        else msg._uib_processed_by = '_msgRcvdEvents'\n\n        // Handle msg._uib special requests\n        if (msg._uib) {\n            // Don't process if the inbound msg is not for us\n            if (!this._forThis(msg._uib)) return\n\n            /** Process a client reload request from Node-RED - as the page is reloaded, everything else is ignored\n             * Note that msg._ui.reload is also actioned via the _ui processing below */\n            if (msg._uib.reload === true) {\n                log('trace', 'Uib:_msgRcvdEvents:_uib:reload', 'reloading')()\n                msg._uib_processed_by = '_msgRcvdEvents - reload'\n                location.reload()\n                return\n            }\n\n            // Process msg._uib.command messages - allows Node-RED to run uibuilder FE functions\n            if (msg._uib.command) {\n                msg._uib_processed_by = '_msgRcvdEvents - remote command'\n                this._uibCommand(msg)\n                return\n            }\n\n            // Better to request via msg._ui - these are for backwards compatibility\n            if ( msg._uib.componentRef === 'globalNotification' ) {\n                msg._uib_processed_by = '_msgRcvdEvents - globalNotification'\n                _ui.showDialog('notify', msg._uib.options, msg)\n            }\n            if ( msg._uib.componentRef === 'globalAlert' ) {\n                msg._uib_processed_by = '_msgRcvdEvents - globalAlert'\n                _ui.showDialog('alert', msg._uib.options, msg)\n            }\n        }\n\n        // Handle msg._ui requests\n        if ( msg._ui ) {\n            // Don't process if the inbound msg is not for us\n            if (!this._forThis(msg._ui)) return\n\n            log('trace', 'Uib:_msgRcvdEvents:_ui', 'Calling _uiManager')()\n            msg._uib_processed_by = '_msgRcvdEvents - _ui'\n            this._dispatchCustomEvent('uibuilder:msg:_ui', msg)\n            _ui._uiManager(msg)\n        }\n    } // --- end of _msgRcvdEvents ---\n\n    /** Internal send fn. Send a standard or control msg back to Node-RED via Socket.IO\n     * NR will generally expect the msg to contain a payload topic\n     * @param {object} msgToSend The msg object to send.\n     * @param {string} [channel=uiBuilderClient] The Socket.IO channel to use, must be in self.ioChannels or it will be ignored\n     * @param {string} [originator] A Node-RED node ID to return the message to\n     */\n    _send(msgToSend, channel, originator = '') {\n        if (channel === null || channel === undefined) channel = this._ioChannels.client\n\n        // Make sure msgToSend is an object & add props to control msgs\n        if (channel === this._ioChannels.client) {\n            msgToSend = this.makeMeAnObject(msgToSend, 'payload')\n            if (this.hasUibRouter()) {\n                if (!msgToSend._uib) msgToSend._uib = {}\n                msgToSend._uib.routeId = this.uibrouter_CurrentRoute\n            }\n        } else if (channel === this._ioChannels.control) {\n            msgToSend = this.makeMeAnObject(msgToSend, 'uibuilderCtrl')\n            if (!Object.prototype.hasOwnProperty.call(msgToSend, 'uibuilderCtrl')) {\n                msgToSend.uibuilderCtrl = 'manual send'\n            }\n            // help remember where this came from as ctrl msgs can come from server or client\n            msgToSend.from = 'client'\n            // Add current route id if needed\n            if (this.hasUibRouter()) msgToSend.routeId = this.uibrouter_CurrentRoute\n        }\n\n        /** since 2020-01-02 Added _socketId which should be the same as the _socketId on the server */\n        msgToSend._socketId = this._socket.id\n\n        // WARNING: You cannot change any of the this._socket.auth settings at this point\n\n        // Add the originator metadata if required\n        if (originator === '' && this.originator !== '') originator = this.originator\n        if (originator !== '') Object.assign(msgToSend, { '_uib': { 'originator': originator } })\n\n        // If the msg does not have a topic - see if we want to add one\n        if ( !Object.prototype.hasOwnProperty.call(msgToSend, 'topic') ) {\n            // From the default (`uibuilder.set('topic', 'some topic')`)\n            if (this.topic !== undefined && this.topic !== '') msgToSend.topic = this.topic\n            else {\n                // Did the last inbound msg have a topic?\n                if ( Object.prototype.hasOwnProperty.call(this, 'msg') && Object.prototype.hasOwnProperty.call(this.msg, 'topic') ) {\n                    msgToSend.topic = this.msg.topic\n                }\n            }\n        }\n\n        // If a standard send & _ui property exists, make sure to add _ui.from = 'client' & routerId if needed\n        if (msgToSend._ui) {\n            msgToSend._ui.from = 'client'\n            if (this.hasUibRouter()) msgToSend._ui.routeId = this.uibrouter_CurrentRoute\n        }\n\n        // Check size and warn if may be too large - doesn't work if obj contains a buffer\n        // const approxMsgSize = this.getObjectSize(msgToSend)\n        // console.log(approxMsgSize, this.maxHttpBufferSize, approxMsgSize >= this.maxHttpBufferSize, msgToSend, this.getObjectSize(msgToSend))\n        // if (approxMsgSize >= this.maxHttpBufferSize) {\n        //     log('error', 'Uib:_send', `Message may be too large to send. Approx msg size: ${approxMsgSize}. Max msg size: ${this.maxHttpBufferSize}`)()\n        // }\n\n        // Track how many messages have been sent & last msg sent\n        let numMsgs\n        if (channel === this._ioChannels.client) {\n            this.set('sentMsg', msgToSend)\n            numMsgs = this.set('msgsSent', ++this.msgsSent)\n        } else if (channel === this._ioChannels.control) {\n            this.set('sentCtrlMsg', msgToSend)\n            numMsgs = this.set('msgsSentCtrl', ++this.msgsSentCtrl)\n        }\n        log('trace', 'Uib:_send', ` Channel '${channel}'. Sending msg #${numMsgs}`, msgToSend)()\n\n        this._socket.emit(channel, msgToSend)\n    } // --- End of Send Msg Fn --- //\n\n    /** Callback handler for messages from Node-RED\n     * NOTE: `this` is the class here rather the `socket` as would be normal since we bind the correct `this` in the call.\n     *       Use this._socket if needing reference to the socket.\n     * @callback ioSetupFromServer Called from ioSetup/this._socket.on(this.#ioChannels.server, this.stdMsgFromServer.bind(this))\n     * @param {object} receivedMsg The msg object from Node-RED\n     * @this Uib\n     */\n    _stdMsgFromServer(receivedMsg) {\n\n        // Make sure that msg is an object & not null\n        receivedMsg = this.makeMeAnObject(receivedMsg, 'payload')\n\n        // Don't process if the inbound msg is not for us\n        if (receivedMsg._uib && !this._forThis(receivedMsg._uib)) return\n        if (receivedMsg._ui && !this._forThis(receivedMsg._ui)) return\n\n        // @since 2018-10-07 v1.0.9: Work out local time offset from server\n        this._checkTimestamp(receivedMsg)\n\n        // Track how many messages have been received\n        this.set('msgsReceived', ++this.msgsReceived)\n\n        // Emit specific document events on msg receipt that make it easy for coders to use\n        this._msgRcvdEvents(receivedMsg)\n\n        if ( !('_ui' in receivedMsg && !('payload' in receivedMsg)) ) {\n            // Save the msg for further processing\n            this.set('msg', receivedMsg)\n        }\n\n        log('info', 'Uib:ioSetup:stdMsgFromServer', `Channel '${this._ioChannels.server}'. Received msg #${this.msgsReceived}.`, receivedMsg)()\n\n        // ! NOTE: Don't try to handle specialist messages here. See _msgRcvdEvents.\n    } // -- End of websocket receive DATA msg from Node-RED -- //\n\n    /** Process msg._uib.command - Remember to update #extCommands with new allowed commands\n     * @param {object} msg Msg from Node-RED containing a msg._uib object\n     */\n    _uibCommand(msg) {\n        if (!msg._uib || !msg._uib.command) {\n            log('error', 'uibuilder:_uibCommand', 'Invalid command message received', { msg })()\n            msg.payload = msg.error = 'Invalid command message received'\n            this.send(msg)\n            return\n        }\n        const cmd = msg._uib.command\n        // Disallowed command request outputs error and ignores the msg (NB: Case must match)\n        if (!this.#extCommands.includes(cmd.trim())) {\n            log('error', 'Uib:_uibCommand', `Command '${cmd} is not allowed to be called externally`)()\n            return\n        }\n        const prop = msg._uib.prop\n        const value = msg._uib.value\n        const quiet = msg._uib.quiet ?? false\n        let response, info\n\n        // Don't forget to update `#extCommands`, `docs/client-docs/control-from-node-red.md` & `functions.md`\n        switch (cmd) {\n            case 'elementIsVisible': {\n                response = this.elementIsVisible(prop)\n                // info = `Element \"${prop}\" ${response ? 'is visible' : 'is not visible'}`\n                break\n            }\n\n            case 'elementExists': {\n                response = this.elementExists(prop, false)\n                info = `Element \"${prop}\" ${response ? 'exists' : 'does not exist'}`\n                break\n            }\n\n            case 'get': {\n                response = this.get(prop)\n                break\n            }\n\n            case 'getManagedVarList': {\n                if (prop === 'full') response = this.getManagedVarList()\n                else response = Object.values(this.getManagedVarList())\n                break\n            }\n\n            case 'getWatchedVars': {\n                if (prop === 'full') response = this.getWatchedVars()\n                else response = Object.values(this.getWatchedVars())\n                break\n            }\n\n            case 'htmlSend': {\n                response = this.htmlSend('', false)\n                break\n            }\n\n            case 'include': {\n                // include is async\n                response = _ui.include(prop, value)\n                break\n            }\n\n            case 'navigate': {\n                let newUrl\n                if (prop) newUrl = prop\n                else if (value) newUrl = value\n                response = this.navigate(newUrl)\n                break\n            }\n\n            case 'scrollTo': {\n                response = this.scrollTo(prop, value)\n                break\n            }\n\n            case 'set': {\n                let store = false\n                let autoload = false\n                if (msg._uib.options && msg._uib.options.store) {\n                    if (msg._uib.options.store === true) store = true\n                    if (msg._uib.options.autoload === true) autoload = true\n                }\n                response = this.set(prop, value, store, autoload)\n                break\n            }\n\n            case 'showMsg': {\n                response = this.showMsg(value, prop)\n                break\n            }\n\n            case 'showStatus': {\n                response = this.showStatus(value, prop)\n                break\n            }\n\n            case 'uiGet': {\n                response = _ui.uiGet(prop, value)\n                break\n            }\n\n            case 'uiWatch': {\n                response = this.uiWatch(prop)\n                break\n            }\n\n            case 'watchUrlHash': {\n                response = this.watchUrlHash(prop)\n                break\n            }\n\n            default: {\n                log('warning', 'Uib:_uibCommand', `Command '${cmd}' not yet implemented`)()\n                break\n            }\n        }\n\n        if (quiet !== true) {\n            if (response === undefined) {\n                response = `'${prop}' is undefined`\n            }\n            if (Object(response).constructor === Promise) {\n                // response = `'${cmd} ${prop}' submitted. Cmd is async, no response available`\n                response\n                    .then( (/** @type {any} */ data) => {\n                        msg.payload = msg._uib.response = data\n                        msg.info = msg._uib.info = info\n                        if (!msg.topic) msg.topic = this.topic || `uib ${cmd} for '${prop}'`\n                        this.send(msg)\n                        return true\n                    })\n                    .catch( err => {\n                        log(0, 'Uib:_uibCommand', 'Error: ', err)()\n                    })\n            } else {\n                msg.payload = msg._uib.response = response\n                msg.info = msg._uib.info = info\n                if (!msg.topic) msg.topic = this.topic || `uib ${cmd} for '${prop}'`\n                this.send(msg)\n            }\n        }\n    } // --- end of _uibCommand ---\n\n    /** Send log text to uibuilder's beacon endpoint (works even if socket.io not connected)\n     * @param {string} txtToSend Text string to send\n     * @param {string|undefined} logLevel Log level to use. If not supplied, will default to debug\n     */\n    beaconLog(txtToSend, logLevel) {\n        if (!logLevel) logLevel = 'debug'\n        navigator.sendBeacon('./_clientLog', `${logLevel}::${txtToSend}`)\n    }\n\n    /** Request the current page's metadata from the server - response is handled automatically in _ctrlMsgFromServer */\n    getPageMeta() {\n        this.sendCtrl({\n            uibuilderCtrl: 'get page meta'\n        })\n    }\n\n    /** Easily send the entire DOM/HTML msg back to Node-RED\n     * @param {string} [originator] A Node-RED node ID to return the message to\n     * @param {boolean} [send] If true (default) directly send response to Node-RED. Is false when calling from Node-RED as a command.\n     * @returns {string} The HTML as a string\n     */\n    htmlSend(originator = '', send = true) {\n        const out = `<!doctype html>\\n${document.documentElement.outerHTML}`\n\n        // Set up the msg to send - NB: Topic may be added by this._send\n        const msg = {\n            payload: out,\n            length: out.length,\n            topic: this.topic,\n        }\n\n        log('trace', 'Uib:htmlSend', 'Sending full HTML to Node-RED', msg)()\n\n        if (send === true) this._send(msg, this._ioChannels.client, originator)\n        return out\n    }\n\n    /** Send log info back to Node-RED over uibuilder's websocket control output (Port #2)\n     * @param {...*} arguments All arguments passed to the function are added to the msg.payload\n     */\n    logToServer() {\n        this.sendCtrl({\n            uibuilderCtrl: 'client log message',\n            payload: arguments,\n            // \"version\":\"6.1.0-iife.min\",\n            _socketId: this._socket.id,\n            // \"ip\":\"::1\",\n            clientId: this.clientId,\n            tabId: this.tabId,\n            // \"url\":\"esp-test\",\n            pageName: this.pageName,\n            connections: this.connectedNum,\n            lastNavType: this.lastNavType,\n        })\n    }\n\n    /** Easily send a msg back to Node-RED on a DOM event\n     * @example In plain HTML/JavaScript\n     *    `<button id=\"button1\" name=\"button 1\" data-fred=\"jim\"></button>`\n     *    $('#button1').onclick = (evt) => {\n     *      uibuilder.eventSend(evt)\n     *    }\n     * @example\n     * In VueJS: `<b-button id=\"myButton1\" @click=\"doEvent\" data-something=\"hello\"></b-button>`\n     * In VueJS methods: `doEvent: uibuilder.eventSend,`\n     *\n     * All `data-` attributes will be passed back to Node-RED,\n     *    use them instead of arguments in the click function.\n     *    All target._ui custom properties are also passed back to Node-RED.\n     *\n     * @param {MouseEvent|any} domevent DOM Event object\n     * @param {string} [originator] A Node-RED node ID to return the message to\n     */\n    eventSend(domevent, originator = '') { // eslint-disable-line sonarjs/cognitive-complexity\n        // @ts-ignore Handle case where vue messes up `this`\n        if ( this.$attrs ) {\n            log('error', 'Uib:eventSend', '`this` has been usurped by VueJS. Make sure that you wrap the call in a function: `doEvent: function (event) { uibuilder.eventSend(event) },`' )()\n            return\n        }\n        if (!domevent && !event) {\n            log('warn', 'Uib:eventSend', 'Neither the domevent nor the hidden event properties are set. You probably called this function directly rather than applying to an on click event.' )()\n            return\n        }\n        // Handle no argument, e.g. <button onClick=\"uibuilder.eventSend()\"> - event is a hidden variable when fn used in addEventListener\n        if (!domevent || !domevent.constructor) domevent = event\n\n        // The argument must be a DOM event\n        if ((!domevent.constructor.name.endsWith('Event')) || (!domevent.currentTarget)) {\n            log('warn', 'Uib:eventSend', `ARGUMENT NOT A DOM EVENT - use data attributes not function arguments to pass data. Arg Type: ${domevent.constructor.name}`, domevent)()\n            return\n        }\n\n        // Prevent default event action\n        domevent.preventDefault()\n\n        // The target element\n        const target = domevent.currentTarget\n\n        // Get target custom properties - only shows custom props not element default ones\n        const props = this.getElementCustomProps(target)\n\n        // Attempt to get target attributs - can fail for certain target types\n        const attribs = this.getElementAttributes(target)\n\n        // Msg.payload\n        let payload = {}\n\n        // If target is embedded in a form, include ALL the form data in the output\n        let formDetails\n        if ( target.form ) {\n            formDetails = {\n                id: this.returnElementId(target.form),\n                valid: target.form.checkValidity(),\n            }\n\n            Object.values(target.form).forEach( (frmEl, i) => {\n                // Ignore <fieldset>, <object> - they don't have values\n                if (['fieldset', 'object'].includes(frmEl.type)) return\n\n                // NB: If type=files, this also sends the file to Node-RED\n                const details = this.getFormElementDetails(frmEl)\n                if (details) {\n                    formDetails[details.id] = details\n                    // simplified for addition to msg.payload\n                    payload[details.id] = details.value\n                }\n            })\n        } else {\n            if (target.type === 'file') {\n                // Walk through each file in the FileList, get the details and send the file to Node-RED\n                payload = this._processFilesInput(target.files)\n            }\n        }\n\n        // Check for CSS Classes\n        const classes = this.getElementClasses(target)\n\n        // Each `data-xxxx` attribute is added as a property\n        if (Object.keys(target.dataset).length > 0) payload = { ...payload, ...target.dataset }\n\n        // Check for element value/check props\n        const { value, checked } = this.getFormElementValue(target)\n        if (value !== null) payload.value = value\n        if (checked !== null) payload.checked = checked\n\n        // Handle Notification events\n        let nprops\n        if ( Object.prototype.toString.call(target) === '[object Notification]') {\n            // Fixed payload for convenience\n            payload = `notification-${target.userAction}`\n            // Capture the notification properties\n            nprops = {\n                // userAction: target.userAction, // uib custom prop: click, close or error\n                actions: target.actions,\n                badge: target.badge,\n                body: target.body,\n                data: target.data,\n                dir: target.dir,\n                icon: target.icon,\n                image: target.image,\n                lang: target.lang,\n                renotify: target.renotify,\n                requireInteraction: target.requireInteraction,\n                silent: target.silent,\n                tag: target.tag,\n                timestamp: target.timestamp,\n                title: target.title,\n                vibrate: target.vibrate,\n            }\n        }\n\n        // Set up the msg to send - NB: Topic may be added by this._send\n        const msg = {\n            // - this may be an empty Object if no data attributes defined\n            payload: payload,\n\n            _ui: {\n                type: 'eventSend',\n                id: target.id !== '' ? target.id : undefined,\n                name: target.name !== '' ? target.name : undefined,\n                slotText: target.textContent ? target.textContent.substring(0, 255) : undefined,\n\n                form: formDetails,\n                props: props,\n                attribs: attribs,\n                classes: classes,\n\n                notification: nprops,\n\n                event: domevent.type,\n                altKey: domevent.altKey,\n                ctrlKey: domevent.ctrlKey,\n                shiftKey: domevent.shiftKey,\n                metaKey: domevent.metaKey,\n\n                pointerType: domevent.pointerType,\n                nodeName: target.nodeName,\n\n                clientId: this.clientId,\n                pageName: this.pageName,\n                tabId: this.tabId,\n            }\n        }\n\n        log('trace', 'Uib:eventSend', 'Sending msg to Node-RED', msg)()\n\n        this._send(msg, this._ioChannels.client, originator)\n    }\n\n    /** Send a standard message to NR\n     * @example uibuilder.send({payload:'Hello'})\n     * @param {object} msg Message to send\n     * @param {string} [originator] A Node-RED node ID to return the message to\n     */\n    send(msg, originator = '') {\n        this._send(msg, this._ioChannels.client, originator)\n    }\n\n    // ! TODO: Rooms do not auto-reconnect. Add tracking and update _onConnect\n    // ! TODO: Add receipt handler on joining a room.\n\n    // NOTE: Rooms only understood by server not client so we have to use custom emits\n    //       They do not auto-reconnect\n\n    /** Send a msg to a pre-defined Socket.IO room\n     * @link https://socket.io/docs/v4/rooms/\n     * @param {string} room Name of a Socket.IO pre-defined room.\n     * @param {*} msg Message to send\n     */\n    sendRoom(room, msg) {\n        this._socket.emit('uib-room-send', room, msg )\n    }\n\n    joinRoom(room) {\n        this._socket.emit('uib-room-join', room)\n    }\n\n    leaveRoom(room) {\n        this._socket.emit('uib-room-leave', room)\n    }\n\n    /** Send a control msg to NR\n     * @param {object} msg Message to send\n     */\n    sendCtrl(msg) {\n        this._send(msg, this._ioChannels.control)\n    }\n\n    /**\n     * Send a message to Node-RED on a custom channel - use for UIBUILDER 3rd-party custom nodes\n     * @param {string} channel The custom channel name to use\n     * @param {object} msg The message to send\n     */\n    sendCustom(channel, msg) {\n        this._socket.emit(channel, msg)\n    }\n\n    /** Upload a file to Node-RED over Socket.IO\n     * https://developer.mozilla.org/en-US/docs/Web/API/FileReader\n     * @param {File} file Reference to File API object to upload\n     */\n    uploadFile(file) {\n        // Create a new FileReader instance\n        const reader = new FileReader()\n\n        // Define the onload event for the FileReader\n        reader.onload = (e) => {\n            // Get the binary content of the file\n            const arrayBuffer = e.target.result\n\n            // Send the binary content to the server\n            const msg = {\n                topic: this.topic || 'file-upload',\n                payload: arrayBuffer,\n                fileName: file.name,\n                type: file.type,\n                lastModified: file.lastModifiedDate,\n                size: file.size,\n            }\n\n            // Only send if content not too large\n            const maxSize = this.maxHttpBufferSize - 500\n            if (arrayBuffer.byteLength >= maxSize) {\n                msg.payload = undefined\n                msg.error = `File is too large to send. File size: ${arrayBuffer.byteLength}. Max msg size: ${maxSize}`\n                log('error', 'Uib:uploadFile', msg.error)()\n\n            }\n\n            this.send(msg)\n        }\n\n        // Read the file as an ArrayBuffer\n        reader.readAsArrayBuffer(file)\n    }\n    //#endregion -------- ------------ -------- //\n\n    //#region ------- Socket.IO -------- //\n\n    /** Return the Socket.IO namespace\n     * The cookie method is the most reliable but this falls back to trying to work it\n     * out from the URL if cookies not available. That won't work if page is in a sub-folder.\n     * since 2017-10-21 Improve method to cope with more complex paths - thanks to Steve Rickus @shrickus\n     * since 2017-11-10 v1.0.1 Check cookie first then url. cookie works even if the path is more complex (e.g. sub-folder)\n     * since 2020-01-25 Removed httpRoot from namespace to prevent proxy induced errors\n     * @returns {string} Socket.IO namespace\n     */\n    _getIOnamespace() {\n\n        let ioNamespace\n\n        /** Try getting the namespace cookie. */\n        ioNamespace = this.cookies['uibuilder-namespace']\n\n        // if it wasn't available, try using the current url path\n        if (ioNamespace === undefined || ioNamespace === '') {\n            // split url path & eliminate any blank elements, and trailing or double slashes\n            const u = window.location.pathname.split('/')\n                .filter(function (t) { return t.trim() !== '' })\n\n            /** since v2.0.5 Extra check for 0 length, Issue #73. since 2017-11-06 If the last element of the path is an .html file name, remove it */\n            if (u.length > 0 && (u[u.length - 1].endsWith('.html'))) u.pop()\n\n            // Get the last part of the url path, this MUST match the namespace in uibuilder\n            ioNamespace = u.pop()\n\n            log('trace', 'uibuilder.module.js:getIOnamespace', `Socket.IO namespace found via url path: ${ioNamespace}`)()\n        } else {\n            log('trace', 'uibuilder.module.js:getIOnamespace', `Socket.IO namespace found via cookie: ${ioNamespace}`)()\n        }\n\n        this.url = ioNamespace\n        // Namespace HAS to start with a /\n        ioNamespace = '/' + ioNamespace\n\n        log('trace', 'uibuilder.module.js:getIOnamespace', `Final Socket.IO namespace: ${ioNamespace}`)()\n\n        return ioNamespace\n    } // --- End of set IO namespace --- //\n\n    /** Function used to check whether Socket.IO is connected to the server, reconnect if not (recursive)\n     * @param {number} [delay] Initial delay before checking (ms). Default=2000ms\n     * @param {number} [factor] Multiplication factor for subsequent checks (delay*factor). Default=1.5\n     * @param {number} [depth] Recursion depth\n     * @returns {boolean|undefined} Whether or not Socket.IO is connected to uibuilder in Node-RED\n     */\n    _checkConnect(delay, factor, depth = 1) {\n        if ( navigator.onLine === false ) return // Don't bother if we know we are offline\n\n        if (!delay) delay = this.retryMs\n        if (!factor) factor = this.retryFactor\n\n        log('trace', 'Uib:checkConnect', `Checking connection. Connected: ${this._socket.connected}. Timer: ${this.#timerid}. Depth: ${depth}. Delay: ${delay}. Factor: ${factor}`, this._socket)()\n\n        // If we are connected ...\n        if (this._socket.connected === true) {\n            // Clear the setTimeout\n            if (this.#timerid) {\n                window.clearTimeout(this.#timerid)\n                this.#timerid = null\n            }\n            this.set('ioConnected', true)\n            this.set('socketError', null)\n            return true\n        }\n\n        // ... we aren't connected so:\n        this.set('ioConnected', false)\n\n        // we only want one running at a time\n        if (this.#timerid) window.clearTimeout(this.#timerid)\n\n        // Create the new timer\n        this.#timerid = window.setTimeout(() => {\n            log('warn', 'Uib:checkConnect:setTimeout', `Socket.IO reconnection attempt. Current delay: ${delay}. Depth: ${depth}`)()\n\n            // this is necessary sometimes when the socket fails to connect on startup\n            this._socket.disconnect()\n\n            // Try to reconnect\n            this._socket.connect()\n\n            // don't need to check whether we have connected as the timer will have been cleared if we have\n            this.#timerid = null\n\n            // @ts-ignore Create new timer for next time round with extended delay\n            this._checkConnect(delay * factor, factor, depth++)\n        }, delay)\n\n        return false\n    } // --- End of checkConnect Fn--- //\n\n    // See message handling section for msg receipt handlers\n\n    /** Called by _ioSetup when Socket.IO connects to Node-RED */\n    _onConnect() {\n        // WARNING: You cannot change any of the this._socket.auth settings at this point\n        log('info', 'Uib:ioSetup', `\u2705 SOCKET CONNECTED. Connection count: ${this.connectedNum}, Is a Recovery?: ${this._socket.recovered}. \\nNamespace: ${this.ioNamespace}`)()\n        this._dispatchCustomEvent('uibuilder:socket:connected', { 'numConnections': this.connectedNum, 'isRecovery': this._socket.recovered })\n\n        this._checkConnect() // resets any reconnection timers & sets connected flag\n    }\n\n    /** Called by _ioSetup when Socket.IO disconnects from Node-RED\n     * @param {string} reason Disconnection title\n     */\n    _onDisconnect(reason) {\n        // reason === 'io server disconnect' - redeploy of Node instance\n        // reason === 'transport close' - Node-RED terminating\n        // reason === 'ping timeout' - didn't receive a pong response?\n        log('info', 'Uib:ioSetup:socket-disconnect', `\u26D4 Socket Disconnected. Reason: ${reason}`)()\n\n        this._dispatchCustomEvent('uibuilder:socket:disconnected', reason)\n\n        /** A workaround for SIO's failure to reconnect after a disconnection */\n        this._checkConnect()\n    }\n\n    /** Setup Socket.io\n     * since v2.0.0-beta2 Moved to a function and called by the user (uibuilder.start()) so that namespace & path can be passed manually if needed\n     * @returns {boolean} Attaches socket.io manager to self._socket and updates self.ioNamespace & self.ioPath as needed\n     */\n    _ioSetup() {\n\n        // Just a notification, actual load is done outside the class (see start of file)\n        if (io === undefined) {\n            log('error', 'Uib:ioSetup', 'Socket.IO client not loaded, Node-RED comms will not work')()\n            return false\n        }\n\n        // If socket is already set up, close it and remove all of the listeners\n        if (this._socket) {\n            log('trace', 'Uib:ioSetup', 'Removing listeners in preparation for redoing Socket.IO connections')()\n            if (this.#timerid) {\n                window.clearTimeout(this.#timerid)\n                this.#timerid = null\n            }\n            this._socket.close()\n            this._socket.offAny()\n            this._socket = undefined\n            this.set('ioConnected', false)\n        }\n\n        // Update the URL path to make sure we have the right one\n        this.socketOptions.path = this.ioPath\n\n        // Create the socket - make sure client uses Socket.IO version from the uibuilder module (using path)\n        log('trace', 'Uib:ioSetup', `About to create IO object. Transports: [${this.socketOptions.transports.join(', ')}]`)()\n        this._socket = io(this.ioNamespace, this.socketOptions)\n\n        this._connectGlobal()\n\n        /** When the socket is connected - set ioConnected flag and reset connect timer  */\n        this._socket.on('connect', this._onConnect.bind(this))\n\n        // RECEIVE a STANDARD, non-control msg from Node-RED server\n        this._socket.on(this._ioChannels.server, this._stdMsgFromServer.bind(this))\n\n        // RECEIVE a CONTROL msg from Node-RED server - see also sendCtrl()\n        this._socket.on(this._ioChannels.control, this._ctrlMsgFromServer.bind(this))\n\n        // When the socket is disconnected ..............\n        this._socket.on('disconnect', this._onDisconnect.bind(this))\n\n        // Socket.io connection error - probably the wrong ioPath - or client is offline\n        this._socket.on('connect_error', (err) => {\n            if ( navigator.onLine === false ) return // Don't bother with an error if we know we are offline\n            log('error', 'Uib:ioSetup:connect_error', `\u274C Socket.IO Connect Error. Reason: ${err.message}`, err)()\n            this.set('ioConnected', false)\n            this.set('socketError', err)\n            this._dispatchCustomEvent('uibuilder:socket:disconnected', err)\n        }) // --- End of socket connect error processing ---\n\n        // Socket.io error - from the server (socket.use middleware triggered an error response)\n        this._socket.on('error', (err) => {\n            log('error', 'Uib:ioSetup:error', `\u274C Socket.IO Error. Reason: ${err.message}`, err)()\n            this.set('ioConnected', false)\n            this.set('socketError', err)\n            this._dispatchCustomEvent('uibuilder:socket:disconnected', err)\n        }) // --- End of socket error processing ---\n\n        // Ensure we are connected, retry if not\n        this._checkConnect()\n\n        return true\n\n        /* We really don't need these, just for interest\n            self._socket.io.on('packet', function onPacket(data){\n                // we get one of these for each REAL msg (not ping/pong)\n                console.debug('PACKET', data)\n            })\n            self._socket.on('pong', function(latency) {\n                console.debug('SOCKET PONG - Latency: ', latency)\n                //console.dir(self._socket)\n            }) // --- End of socket pong processing ---\n            self._socket.io.on('packet', function(data){\n                // We get one of these for actual messages, not ping/pong\n                console.debug('PACKET', data)\n            })\n            self._socket.on('connect_timeout', function(timeout) {\n                console.debug('SOCKET CONNECT TIMEOUT - Namespace: ' + ioNamespace + ', Timeout: ' + timeout)\n            }) // --- End of socket connect timeout processing ---\n            self._socket.on('reconnect', function(attemptNum) {\n                console.debug('SOCKET RECONNECTED - Namespace: ' + ioNamespace + ', Attempt #: ' + attemptNum)\n            }) // --- End of socket reconnect processing ---\n            self._socket.on('reconnect_attempt', function(attemptNum) {\n                console.debug('SOCKET RECONNECT ATTEMPT - Namespace: ' + ioNamespace + ', Attempt #: ' + attemptNum)\n            }) // --- End of socket reconnect_attempt processing ---\n            self._socket.on('reconnecting', function(attemptNum) {\n                console.debug('SOCKET RECONNECTING - Namespace: ' + ioNamespace + ', Attempt #: ' + attemptNum)\n            }) // --- End of socket reconnecting processing ---\n            self._socket.on('reconnect_error', function(err) {\n                console.debug('SOCKET RECONNECT ERROR - Namespace: ' + ioNamespace + ', Reason: ' + err.message)\n                //console.dir(err)\n            }) // --- End of socket reconnect_error processing ---\n            self._socket.on('reconnect_failed', function() {\n                console.debug('SOCKET RECONNECT FAILED - Namespace: ' + ioNamespace)\n            }) // --- End of socket reconnect_failed processing ---\n            self._socket.on('ping', function() {\n                console.debug('SOCKET PING')\n            }) // --- End of socket ping processing ---\n            self._socket.on('pong', function(latency) {\n                console.debug('SOCKET PONG - Latency: ', latency)\n            }) // --- End of socket pong processing ---\n            */\n    } // ---- End of ioSetup ---- //\n\n    /** Connect to global namespace & create global listener that updates the `globalMsg` var */\n    _connectGlobal() {\n        this._socketGlobal = io('/', this.socketOptions)\n        this._socketGlobal.onAny( (...args) => {\n            this.set('globalMsg', args.slice(0, -1))\n        })\n    }\n\n    /** Manually (re)connect socket.io */\n    connect() {\n        // ? Should I use this._checkConnect()?\n        this._socket.connect()\n    }\n\n    /** Manually disconnect socket.io and stop any auto-reconnect timer */\n    disconnect() {\n        this._socket.disconnect()\n        // As this is a manual disconnect, stop any reconnect timers\n        if (this.#timerid) window.clearTimeout(this.#timerid)\n    }\n\n    //#endregion -------- ------------ -------- //\n\n    //#region ! EXPERIMENTAL: Watch for and process uib-* or data-uib-* attributes in HTML and auto-process\n\n    /** Attempt to load a service worker\n     * https://yonatankra.com/how-service-workers-sped-up-our-website-by-97-5/\n     * @param {string} fileName Name of service worker js file (without .js extension)\n     */\n    // async registerServiceWorker(fileName) {\n    //     if (!navigator.serviceWorker) return\n\n    //     await navigator.serviceWorker.register(\n    //         `./${fileName}.js`,\n    //         {\n    //             scope: './',\n    //         }\n    //     )\n    // }\n\n    /** Wrap an object in a JS proxy\n     * WARNING: Sadly, `let x = uib.createProxy( [1,2] ); x.push(3);` Does not trigger a send because that is classed as a\n     * GET, not a SET.\n     * param {*} target The target object to proxy\n     * returns {Proxy} A proxied version of the target object\n     */\n    // createProxy(target) {\n    //     return new Proxy(target, {\n    //         _doSend(prop, val, oldVal) {\n    //             uibuilder.send({\n    //                 topic: 'uibuilder/proxy/change',\n    //                 _uib: {\n    //                     varChange: {\n    //                         name: self.$name,\n    //                         property: prop,\n    //                         oldValue: oldVal,\n    //                         newValue: val,\n    //                     }\n    //                 },\n    //                 payload: target,\n    //             })\n    //         },\n    //         get(target, prop, receiver) {\n    //             console.log('uib proxy - GET: ', prop, target)\n    //             let val = Reflect.get(...arguments)\n    //             if (typeof val === 'function') val = val.bind(target)\n    //             if (self.$sendChanges) this._doSend(prop, Reflect.get(target))\n    //             return val\n    //         },\n    //         set(target, prop, val, receiver) {\n    //             if (prop === '$sendChanges') {\n    //                 self.$sendChanges = typeof val === 'boolean' ? val : false\n    //                 return true\n    //             }\n    //             if (prop === '$name') {\n    //                 self.$name = typeof val === 'string' ? val : undefined\n    //                 return true\n    //             }\n    //             console.log('uib proxy - SET: ', val, prop, target)\n    //             const oldVal = Reflect.get(...arguments)\n    //             const worked = Reflect.set(target, prop, val, receiver)\n    //             if (self.$sendChanges && worked) {\n    //                 self._doSend(prop, val, oldVal)\n    //             }\n    //             return worked\n    //         },\n    //     })\n    // }\n\n    //#endregion ! EXPERIMENTAL\n\n    //#region ------- Class construction & startup method -------- //\n\n    constructor() {\n        log('trace', 'Uib:constructor', 'Starting')()\n\n        // Track whether the client is online or offline\n        window.addEventListener('offline', (e) => {\n            this.set('online', false)\n            this.set('ioConnected', false)\n            log('warn', 'Browser', 'DISCONNECTED from network')()\n        })\n        window.addEventListener('online', (e) => {\n            this.set('online', true)\n            log('warn', 'Browser', 'Reconnected to network')()\n            this._checkConnect()\n        })\n\n        document.cookie.split(';').forEach((c) => {\n            const splitC = c.split('=')\n            this.cookies[splitC[0].trim()] = splitC[1]\n        })\n\n        /** Client ID set by uibuilder - lasts until browser profile is closed, applies to all tabs */\n        this.set('clientId', this.cookies['uibuilder-client-id'])\n        log('trace', 'Uib:constructor', 'Client ID: ', this.clientId)()\n\n        /** Tab ID - lasts while the tab is open (even if reloaded)\n         * WARNING: Duplicating a tab retains the same tabId\n         */\n        this.set('tabId', window.sessionStorage.getItem('tabId'))\n        if (!this.tabId) {\n            this.set('tabId', `t${Math.floor(Math.random() * 1000000)}`)\n            window.sessionStorage.setItem('tabId', this.tabId)\n        }\n\n        // document.addEventListener('pagehide', (event) => {\n        //     // console.log(`pagehide. From Cache?: ${event.persisted}`)\n        //     navigator.sendBeacon('./_clientLog', `pagehide. From Cache?: ${event.persisted}`)\n        // })\n        // document.addEventListener('pageshow', (event) => {\n        //     // console.log(`pageshow. From Cache?: ${event.persisted}`)\n        //     navigator.sendBeacon('./_clientLog', `pageshow. From Cache?: ${event.persisted}`)\n        // })\n        document.addEventListener('load', () => {\n            this.set('isVisible', true)\n        })\n        document.addEventListener('visibilitychange', () => {\n            // hidden=unload, minimise. visible=un-minimise (not fired on load)\n            this.set('isVisible', document.visibilityState === 'visible')\n            this.sendCtrl({ uibuilderCtrl: 'visibility', isVisible: this.isVisible })\n            // navigator.userActivation is experimental Chromium only\n            // console.log('visibilitychange', ':', `Document Event: visibilitychange. Visibility State: ${document.visibilityState}. User Activity- Has:${navigator.userActivation.hasBeenActive}, Is:${navigator.userActivation.isActive}`)\n            // navigator.sendBeacon('./_clientLog', `${(new Date()).toISOString()} Document Event: visibilitychange. Visibility State: ${document.visibilityState}. User Activity- Has:${navigator.userActivation.hasBeenActive}, Is:${navigator.userActivation.isActive}`)\n        })\n\n        // Set a listener to update showStatus table if it is active\n        document.addEventListener('uibuilder:propertyChanged', (event) => {\n            if (!this.#isShowStatus) return\n\n            // @ts-ignore\n            if (event.detail.prop in this.#showStatus) {\n                // @ts-ignore\n                document.querySelector(`td[data-vartype=\"${event.detail.prop}\"]`).innerText = JSON.stringify(event.detail.value)\n            }\n        })\n\n        this.set('ioNamespace', this._getIOnamespace())\n\n        //#region - Try to make sure client uses Socket.IO client version from the uibuilder module (using cookie or path) @since v2.0.0 2019-02-24 allows for httpNodeRoot\n\n        /** httpNodeRoot (to set path) */\n        if ('uibuilder-webRoot' in this.cookies) {\n            this.set('httpNodeRoot', this.cookies['uibuilder-webRoot'])\n            log('trace', 'Uib:constructor', `httpNodeRoot set by cookie to \"${this.httpNodeRoot}\"`)()\n        } else {\n            // split current url path, eliminate any blank elements and trailing or double slashes\n            const fullPath = window.location.pathname.split('/').filter(function (t) { return t.trim() !== '' })\n            /** handle url includes file name - @since v2.0.5 Extra check for 0 length, Issue #73. */\n            if (fullPath.length > 0 && fullPath[fullPath.length - 1].endsWith('.html')) fullPath.pop()\n            fullPath.pop() // gives the last path section of the url\n            this.set('httpNodeRoot', `/${fullPath.join('/')}`)\n            log('trace', '[Uib:constructor]', `httpNodeRoot set by URL parsing to \"${this.httpNodeRoot}\". NOTE: This may fail for pages in sub-folders.`)()\n        }\n        this.set('ioPath', this.urlJoin(this.httpNodeRoot, Uib._meta.displayName, 'vendor', 'socket.io'))\n        log('trace', 'Uib:constructor', `ioPath: \"${this.ioPath}\"`)()\n\n        //#endregion\n\n        // Work out pageName\n        this.set('pageName', window.location.pathname.replace(`${this.ioNamespace}/`, ''))\n        if ( this.pageName.endsWith('/') ) this.set('pageName', `${this.pageName}index.html`)\n        if ( this.pageName === '' ) this.set('pageName', 'index.html')\n\n        // Attempt to restore autoload variables\n        try {\n            const autoloadVars = this.getStore('_uibAutoloadVars')\n            if (Object.keys(autoloadVars).length > 0) {\n                Object.keys(autoloadVars).forEach( (id) => {\n                    this.set(id, this.getStore(id))\n                })\n            }\n        } catch (e) {}\n\n        // ! Experimental service worker\n        // this.registerServiceWorker('sw')\n\n        this._dispatchCustomEvent('uibuilder:constructorComplete')\n\n        log('trace', 'Uib:constructor', 'Ending')()\n    }\n\n    /** Start up Socket.IO comms and listeners\n     * This has to be done separately because if running from a web page in a sub-folder of src/dist, uibuilder cannot\n     * necessarily work out the correct ioPath to use.\n     * Also, if cookies aren't permitted in the browser, both ioPath and ioNamespace may need to be specified.\n     * @param {object} [options] The start options object.\n     * @returns {void}\n     */\n    start(options) {\n        log('trace', 'Uib:start', 'Starting')()\n\n        // Cancel the msg event handler if already present\n        if ( this.#MsgHandler ) this.cancelChange('msg', this.#MsgHandler)\n\n        if (this.started === true) {\n            log('info', 'Uib:start', 'Start function already called. Resetting Socket.IO and msg handler.')()\n        }\n\n        log('log', 'Uib:start', 'Cookies: ', this.cookies, `\\nClient ID: ${this.clientId}`)()\n        log('trace', 'Uib:start', 'ioNamespace: ', this.ioNamespace, `\\nioPath: ${this.ioPath}`)()\n\n        // Handle options\n        if (options) {\n            if (options.ioNamespace) this.set('ioNamespace', options.ioNamespace)\n            if (options.ioPath) this.set('ioPath', options.ioPath)\n            if (options.nopolling && this.socketOptions.transports[0] === 'polling') this.socketOptions.transports.shift()\n        }\n\n        /** Handle specialist messages like reload and _ui -> Moved to _msgRcvdEvents */\n\n        // Track last browser navigation type: navigate, reload, back_forward, prerender\n        // TODO Needs more work - updates on navigation needed?\n        const [entry] = performance.getEntriesByType('navigation')\n        // @ts-ignore\n        this.set('lastNavType', entry.type)\n\n        // Start up (or restart) Socket.IO connections and listeners. Returns false if io not found\n        this.set('started', this._ioSetup())\n\n        if ( this.started === true ) {\n            log('trace', 'Uib:start', 'Start completed. Socket.IO client library loaded.')()\n        } else {\n            log('error', 'Uib:start', 'Start completed. ERROR: Socket.IO client library NOT LOADED.')()\n        }\n\n        // Watch for URL hash changes in case using a front-end router. Updates watched var `urlHash` and socket.io `auth.urlHash`\n        this._watchHashChanges()\n\n        // Check if Vue is present (used for dynamic UI processing)\n        if (window['Vue']) {\n            this.set('isVue', true)\n            try {\n                this.set('vueVersion', window['Vue'].version)\n            } catch (e) { }\n            log('trace', 'Uib:start', `VueJS is loaded. Version: ${this.vueVersion}`)()\n        } else {\n            log('trace', 'Uib:start', 'VueJS is not loaded.')()\n        }\n\n        // Check if DOMPurify library is loaded\n        if (window['DOMPurify']) {\n            this.set('purify', true)\n            log('trace', 'Uib:start', 'DOMPurify is loaded.')()\n        } else {\n            log('trace', 'Uib:start', 'DOMPurify is not loaded.')()\n        }\n        // Check if Markdown-IT library is loaded\n        if (window['markdownit']) {\n            this.set('markdown', true)\n            log('trace', 'Uib:start', 'Markdown-IT is loaded.')()\n        } else {\n            log('trace', 'Uib:start', 'Markdown-IT is not loaded.')()\n        }\n\n        // Set up msg listener for the optional showMsg\n        this.onChange('msg', (msg) => {\n            if (this.#isShowMsg === true) {\n                const eMsg = document.getElementById('uib_last_msg')\n                if (eMsg) eMsg.innerHTML = this.syntaxHighlight(msg)\n            }\n        })\n\n        // Initial scan for uib-* attributes & add suitable change processors\n        this._uibAttrScanAll(document)\n        // Observer to watch for new/changed elements & add suitable change processors\n        const observer = new MutationObserver(this._uibAttribObserver.bind(this))\n        observer.observe(document, {\n            subtree: true,\n            attributes: true,\n            attributeOldValue: true,\n            attributeFilter: this.uibAttribs,\n            childList: true\n        })\n\n        this._dispatchCustomEvent('uibuilder:startComplete')\n    }\n\n    //#endregion -------- ------------ -------- //\n} // ==== End of Class Uib ====\n\n//#region --- Wrap up - get things started, define globals & web components ---\n\n// Create an instance (we will only ever want one)\nconst uibuilder = new Uib()\n\n// Assign reference to the instance to the global `window` object\n// Only useful if loading via <script> tag - prefer loading via `import uibuilder from ...`\nif (!window['uibuilder']) {\n    window['uibuilder'] = uibuilder\n} else {\n    log('error', 'uibuilder.module.js', '`uibuilder` already assigned to window. Have you tried to load it more than once?')\n}\nif (!window['uib']) {\n    window['uib'] = uibuilder\n} else {\n    log('warn', 'uibuilder.module.js', '`uib` shortcut already assigned to window.')\n}\n\n// Assign `$` to global window object unless it is already in use.\n// Note that this is also available as `uibuilder.$`.\nif (!window['$']) {\n    /** @type {HTMLElement} */\n    window['$'] = window['uibuilder'].$ // document.querySelector.bind(document)\n} else {\n    log('warn', 'uibuilder.module.js', 'Cannot allocate the global `$`, it is already in use. Use `uibuilder.$` or `uib.$` instead.')\n}\n// Assign `$$` to global window object unless it is already in use.\n// Note that this is also available as `uibuilder.$$`.\nif (!window['$$']) {\n    /** @type {HTMLElement} */\n    window['$$'] = window['uibuilder'].$$ // document.querySelectorAll.bind(document)\n} else {\n    log('warn', 'uibuilder.module.js', 'Cannot allocate the global `$$`, it is already in use. Use `uibuilder.$$` or `uib.$$` instead.')\n}\n\n// Assign `$ui` to global window object unless it is already in use.\nif (!window['$ui']) {\n    /** @type {HTMLElement} */\n    window['$ui'] = window['uibuilder'].$ui\n} else {\n    log('warn', 'uibuilder.module.js', 'Cannot allocate the global `$ui`, it is already in use. Use `uibuilder.$ui` or `uib.$ui` instead.')\n}\n\nif (!('on' in document)) {\n    document.on = function (event, callback) {\n        this.addEventListener(event, callback)\n    }\n}\nif (!('on' in window)) {\n    window.on = function (event, callback) {\n        this.addEventListener(event, callback)\n    }\n}\n\ntry {\n    if (!('query' in Element)) {\n        Element.prototype.query = function(selector) {\n            return this.querySelector(selector)\n        }\n    }\n    if (!('queryAll' in Element)) {\n        Element.prototype.queryAll = function(selector) {\n            return this.querySelectorAll(selector)\n        }\n    }\n    if (!('on' in Element)) {\n        Element.prototype.on = function (event, callback) {\n            this.addEventListener(event, callback)\n        }\n    }\n} finally { } // eslint-disable-line no-empty\n\n// Can import as `import uibuilder from ...` OR `import {uibuilder} from ...`\nexport { uibuilder }\nexport default uibuilder\n\n// Attempt to run start fn\nuibuilder.start()\n\n// Add built-in web component classes as a new Custom Element to the window object\ncustomElements.define('uib-var', UibVar)\ncustomElements.define('uib-meta', UibMeta)\ncustomElements.define('apply-template', ApplyTemplate)\n\n//#endregion --- Wrap up ---\n\n// EOF\n", "const PACKET_TYPES = Object.create(null); // no Map = no polyfill\nPACKET_TYPES[\"open\"] = \"0\";\nPACKET_TYPES[\"close\"] = \"1\";\nPACKET_TYPES[\"ping\"] = \"2\";\nPACKET_TYPES[\"pong\"] = \"3\";\nPACKET_TYPES[\"message\"] = \"4\";\nPACKET_TYPES[\"upgrade\"] = \"5\";\nPACKET_TYPES[\"noop\"] = \"6\";\nconst PACKET_TYPES_REVERSE = Object.create(null);\nObject.keys(PACKET_TYPES).forEach((key) => {\n    PACKET_TYPES_REVERSE[PACKET_TYPES[key]] = key;\n});\nconst ERROR_PACKET = { type: \"error\", data: \"parser error\" };\nexport { PACKET_TYPES, PACKET_TYPES_REVERSE, ERROR_PACKET };\n", "import { PACKET_TYPES } from \"./commons.js\";\nconst withNativeBlob = typeof Blob === \"function\" ||\n    (typeof Blob !== \"undefined\" &&\n        Object.prototype.toString.call(Blob) === \"[object BlobConstructor]\");\nconst withNativeArrayBuffer = typeof ArrayBuffer === \"function\";\n// ArrayBuffer.isView method is not defined in IE10\nconst isView = (obj) => {\n    return typeof ArrayBuffer.isView === \"function\"\n        ? ArrayBuffer.isView(obj)\n        : obj && obj.buffer instanceof ArrayBuffer;\n};\nconst encodePacket = ({ type, data }, supportsBinary, callback) => {\n    if (withNativeBlob && data instanceof Blob) {\n        if (supportsBinary) {\n            return callback(data);\n        }\n        else {\n            return encodeBlobAsBase64(data, callback);\n        }\n    }\n    else if (withNativeArrayBuffer &&\n        (data instanceof ArrayBuffer || isView(data))) {\n        if (supportsBinary) {\n            return callback(data);\n        }\n        else {\n            return encodeBlobAsBase64(new Blob([data]), callback);\n        }\n    }\n    // plain string\n    return callback(PACKET_TYPES[type] + (data || \"\"));\n};\nconst encodeBlobAsBase64 = (data, callback) => {\n    const fileReader = new FileReader();\n    fileReader.onload = function () {\n        const content = fileReader.result.split(\",\")[1];\n        callback(\"b\" + (content || \"\"));\n    };\n    return fileReader.readAsDataURL(data);\n};\nfunction toArray(data) {\n    if (data instanceof Uint8Array) {\n        return data;\n    }\n    else if (data instanceof ArrayBuffer) {\n        return new Uint8Array(data);\n    }\n    else {\n        return new Uint8Array(data.buffer, data.byteOffset, data.byteLength);\n    }\n}\nlet TEXT_ENCODER;\nexport function encodePacketToBinary(packet, callback) {\n    if (withNativeBlob && packet.data instanceof Blob) {\n        return packet.data.arrayBuffer().then(toArray).then(callback);\n    }\n    else if (withNativeArrayBuffer &&\n        (packet.data instanceof ArrayBuffer || isView(packet.data))) {\n        return callback(toArray(packet.data));\n    }\n    encodePacket(packet, false, (encoded) => {\n        if (!TEXT_ENCODER) {\n            TEXT_ENCODER = new TextEncoder();\n        }\n        callback(TEXT_ENCODER.encode(encoded));\n    });\n}\nexport { encodePacket };\n", "// imported from https://github.com/socketio/base64-arraybuffer\nconst chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';\n// Use a lookup table to find the index.\nconst lookup = typeof Uint8Array === 'undefined' ? [] : new Uint8Array(256);\nfor (let i = 0; i < chars.length; i++) {\n    lookup[chars.charCodeAt(i)] = i;\n}\nexport const encode = (arraybuffer) => {\n    let bytes = new Uint8Array(arraybuffer), i, len = bytes.length, base64 = '';\n    for (i = 0; i < len; i += 3) {\n        base64 += chars[bytes[i] >> 2];\n        base64 += chars[((bytes[i] & 3) << 4) | (bytes[i + 1] >> 4)];\n        base64 += chars[((bytes[i + 1] & 15) << 2) | (bytes[i + 2] >> 6)];\n        base64 += chars[bytes[i + 2] & 63];\n    }\n    if (len % 3 === 2) {\n        base64 = base64.substring(0, base64.length - 1) + '=';\n    }\n    else if (len % 3 === 1) {\n        base64 = base64.substring(0, base64.length - 2) + '==';\n    }\n    return base64;\n};\nexport const decode = (base64) => {\n    let bufferLength = base64.length * 0.75, len = base64.length, i, p = 0, encoded1, encoded2, encoded3, encoded4;\n    if (base64[base64.length - 1] === '=') {\n        bufferLength--;\n        if (base64[base64.length - 2] === '=') {\n            bufferLength--;\n        }\n    }\n    const arraybuffer = new ArrayBuffer(bufferLength), bytes = new Uint8Array(arraybuffer);\n    for (i = 0; i < len; i += 4) {\n        encoded1 = lookup[base64.charCodeAt(i)];\n        encoded2 = lookup[base64.charCodeAt(i + 1)];\n        encoded3 = lookup[base64.charCodeAt(i + 2)];\n        encoded4 = lookup[base64.charCodeAt(i + 3)];\n        bytes[p++] = (encoded1 << 2) | (encoded2 >> 4);\n        bytes[p++] = ((encoded2 & 15) << 4) | (encoded3 >> 2);\n        bytes[p++] = ((encoded3 & 3) << 6) | (encoded4 & 63);\n    }\n    return arraybuffer;\n};\n", "import { ERROR_PACKET, PACKET_TYPES_REVERSE, } from \"./commons.js\";\nimport { decode } from \"./contrib/base64-arraybuffer.js\";\nconst withNativeArrayBuffer = typeof ArrayBuffer === \"function\";\nexport const decodePacket = (encodedPacket, binaryType) => {\n    if (typeof encodedPacket !== \"string\") {\n        return {\n            type: \"message\",\n            data: mapBinary(encodedPacket, binaryType),\n        };\n    }\n    const type = encodedPacket.charAt(0);\n    if (type === \"b\") {\n        return {\n            type: \"message\",\n            data: decodeBase64Packet(encodedPacket.substring(1), binaryType),\n        };\n    }\n    const packetType = PACKET_TYPES_REVERSE[type];\n    if (!packetType) {\n        return ERROR_PACKET;\n    }\n    return encodedPacket.length > 1\n        ? {\n            type: PACKET_TYPES_REVERSE[type],\n            data: encodedPacket.substring(1),\n        }\n        : {\n            type: PACKET_TYPES_REVERSE[type],\n        };\n};\nconst decodeBase64Packet = (data, binaryType) => {\n    if (withNativeArrayBuffer) {\n        const decoded = decode(data);\n        return mapBinary(decoded, binaryType);\n    }\n    else {\n        return { base64: true, data }; // fallback for old browsers\n    }\n};\nconst mapBinary = (data, binaryType) => {\n    switch (binaryType) {\n        case \"blob\":\n            if (data instanceof Blob) {\n                // from WebSocket + binaryType \"blob\"\n                return data;\n            }\n            else {\n                // from HTTP long-polling or WebTransport\n                return new Blob([data]);\n            }\n        case \"arraybuffer\":\n        default:\n            if (data instanceof ArrayBuffer) {\n                // from HTTP long-polling (base64) or WebSocket + binaryType \"arraybuffer\"\n                return data;\n            }\n            else {\n                // from WebTransport (Uint8Array)\n                return data.buffer;\n            }\n    }\n};\n", "import { encodePacket, encodePacketToBinary } from \"./encodePacket.js\";\nimport { decodePacket } from \"./decodePacket.js\";\nimport { ERROR_PACKET, } from \"./commons.js\";\nconst SEPARATOR = String.fromCharCode(30); // see https://en.wikipedia.org/wiki/Delimiter#ASCII_delimited_text\nconst encodePayload = (packets, callback) => {\n    // some packets may be added to the array while encoding, so the initial length must be saved\n    const length = packets.length;\n    const encodedPackets = new Array(length);\n    let count = 0;\n    packets.forEach((packet, i) => {\n        // force base64 encoding for binary packets\n        encodePacket(packet, false, (encodedPacket) => {\n            encodedPackets[i] = encodedPacket;\n            if (++count === length) {\n                callback(encodedPackets.join(SEPARATOR));\n            }\n        });\n    });\n};\nconst decodePayload = (encodedPayload, binaryType) => {\n    const encodedPackets = encodedPayload.split(SEPARATOR);\n    const packets = [];\n    for (let i = 0; i < encodedPackets.length; i++) {\n        const decodedPacket = decodePacket(encodedPackets[i], binaryType);\n        packets.push(decodedPacket);\n        if (decodedPacket.type === \"error\") {\n            break;\n        }\n    }\n    return packets;\n};\nexport function createPacketEncoderStream() {\n    return new TransformStream({\n        transform(packet, controller) {\n            encodePacketToBinary(packet, (encodedPacket) => {\n                const payloadLength = encodedPacket.length;\n                let header;\n                // inspired by the WebSocket format: https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API/Writing_WebSocket_servers#decoding_payload_length\n                if (payloadLength < 126) {\n                    header = new Uint8Array(1);\n                    new DataView(header.buffer).setUint8(0, payloadLength);\n                }\n                else if (payloadLength < 65536) {\n                    header = new Uint8Array(3);\n                    const view = new DataView(header.buffer);\n                    view.setUint8(0, 126);\n                    view.setUint16(1, payloadLength);\n                }\n                else {\n                    header = new Uint8Array(9);\n                    const view = new DataView(header.buffer);\n                    view.setUint8(0, 127);\n                    view.setBigUint64(1, BigInt(payloadLength));\n                }\n                // first bit indicates whether the payload is plain text (0) or binary (1)\n                if (packet.data && typeof packet.data !== \"string\") {\n                    header[0] |= 0x80;\n                }\n                controller.enqueue(header);\n                controller.enqueue(encodedPacket);\n            });\n        },\n    });\n}\nlet TEXT_DECODER;\nfunction totalLength(chunks) {\n    return chunks.reduce((acc, chunk) => acc + chunk.length, 0);\n}\nfunction concatChunks(chunks, size) {\n    if (chunks[0].length === size) {\n        return chunks.shift();\n    }\n    const buffer = new Uint8Array(size);\n    let j = 0;\n    for (let i = 0; i < size; i++) {\n        buffer[i] = chunks[0][j++];\n        if (j === chunks[0].length) {\n            chunks.shift();\n            j = 0;\n        }\n    }\n    if (chunks.length && j < chunks[0].length) {\n        chunks[0] = chunks[0].slice(j);\n    }\n    return buffer;\n}\nexport function createPacketDecoderStream(maxPayload, binaryType) {\n    if (!TEXT_DECODER) {\n        TEXT_DECODER = new TextDecoder();\n    }\n    const chunks = [];\n    let state = 0 /* State.READ_HEADER */;\n    let expectedLength = -1;\n    let isBinary = false;\n    return new TransformStream({\n        transform(chunk, controller) {\n            chunks.push(chunk);\n            while (true) {\n                if (state === 0 /* State.READ_HEADER */) {\n                    if (totalLength(chunks) < 1) {\n                        break;\n                    }\n                    const header = concatChunks(chunks, 1);\n                    isBinary = (header[0] & 0x80) === 0x80;\n                    expectedLength = header[0] & 0x7f;\n                    if (expectedLength < 126) {\n                        state = 3 /* State.READ_PAYLOAD */;\n                    }\n                    else if (expectedLength === 126) {\n                        state = 1 /* State.READ_EXTENDED_LENGTH_16 */;\n                    }\n                    else {\n                        state = 2 /* State.READ_EXTENDED_LENGTH_64 */;\n                    }\n                }\n                else if (state === 1 /* State.READ_EXTENDED_LENGTH_16 */) {\n                    if (totalLength(chunks) < 2) {\n                        break;\n                    }\n                    const headerArray = concatChunks(chunks, 2);\n                    expectedLength = new DataView(headerArray.buffer, headerArray.byteOffset, headerArray.length).getUint16(0);\n                    state = 3 /* State.READ_PAYLOAD */;\n                }\n                else if (state === 2 /* State.READ_EXTENDED_LENGTH_64 */) {\n                    if (totalLength(chunks) < 8) {\n                        break;\n                    }\n                    const headerArray = concatChunks(chunks, 8);\n                    const view = new DataView(headerArray.buffer, headerArray.byteOffset, headerArray.length);\n                    const n = view.getUint32(0);\n                    if (n > Math.pow(2, 53 - 32) - 1) {\n                        // the maximum safe integer in JavaScript is 2^53 - 1\n                        controller.enqueue(ERROR_PACKET);\n                        break;\n                    }\n                    expectedLength = n * Math.pow(2, 32) + view.getUint32(4);\n                    state = 3 /* State.READ_PAYLOAD */;\n                }\n                else {\n                    if (totalLength(chunks) < expectedLength) {\n                        break;\n                    }\n                    const data = concatChunks(chunks, expectedLength);\n                    controller.enqueue(decodePacket(isBinary ? data : TEXT_DECODER.decode(data), binaryType));\n                    state = 0 /* State.READ_HEADER */;\n                }\n                if (expectedLength === 0 || expectedLength > maxPayload) {\n                    controller.enqueue(ERROR_PACKET);\n                    break;\n                }\n            }\n        },\n    });\n}\nexport const protocol = 4;\nexport { encodePacket, encodePayload, decodePacket, decodePayload, };\n", "/**\n * Initialize a new `Emitter`.\n *\n * @api public\n */\n\nexport function Emitter(obj) {\n  if (obj) return mixin(obj);\n}\n\n/**\n * Mixin the emitter properties.\n *\n * @param {Object} obj\n * @return {Object}\n * @api private\n */\n\nfunction mixin(obj) {\n  for (var key in Emitter.prototype) {\n    obj[key] = Emitter.prototype[key];\n  }\n  return obj;\n}\n\n/**\n * Listen on the given `event` with `fn`.\n *\n * @param {String} event\n * @param {Function} fn\n * @return {Emitter}\n * @api public\n */\n\nEmitter.prototype.on =\nEmitter.prototype.addEventListener = function(event, fn){\n  this._callbacks = this._callbacks || {};\n  (this._callbacks['$' + event] = this._callbacks['$' + event] || [])\n    .push(fn);\n  return this;\n};\n\n/**\n * Adds an `event` listener that will be invoked a single\n * time then automatically removed.\n *\n * @param {String} event\n * @param {Function} fn\n * @return {Emitter}\n * @api public\n */\n\nEmitter.prototype.once = function(event, fn){\n  function on() {\n    this.off(event, on);\n    fn.apply(this, arguments);\n  }\n\n  on.fn = fn;\n  this.on(event, on);\n  return this;\n};\n\n/**\n * Remove the given callback for `event` or all\n * registered callbacks.\n *\n * @param {String} event\n * @param {Function} fn\n * @return {Emitter}\n * @api public\n */\n\nEmitter.prototype.off =\nEmitter.prototype.removeListener =\nEmitter.prototype.removeAllListeners =\nEmitter.prototype.removeEventListener = function(event, fn){\n  this._callbacks = this._callbacks || {};\n\n  // all\n  if (0 == arguments.length) {\n    this._callbacks = {};\n    return this;\n  }\n\n  // specific event\n  var callbacks = this._callbacks['$' + event];\n  if (!callbacks) return this;\n\n  // remove all handlers\n  if (1 == arguments.length) {\n    delete this._callbacks['$' + event];\n    return this;\n  }\n\n  // remove specific handler\n  var cb;\n  for (var i = 0; i < callbacks.length; i++) {\n    cb = callbacks[i];\n    if (cb === fn || cb.fn === fn) {\n      callbacks.splice(i, 1);\n      break;\n    }\n  }\n\n  // Remove event specific arrays for event types that no\n  // one is subscribed for to avoid memory leak.\n  if (callbacks.length === 0) {\n    delete this._callbacks['$' + event];\n  }\n\n  return this;\n};\n\n/**\n * Emit `event` with the given args.\n *\n * @param {String} event\n * @param {Mixed} ...\n * @return {Emitter}\n */\n\nEmitter.prototype.emit = function(event){\n  this._callbacks = this._callbacks || {};\n\n  var args = new Array(arguments.length - 1)\n    , callbacks = this._callbacks['$' + event];\n\n  for (var i = 1; i < arguments.length; i++) {\n    args[i - 1] = arguments[i];\n  }\n\n  if (callbacks) {\n    callbacks = callbacks.slice(0);\n    for (var i = 0, len = callbacks.length; i < len; ++i) {\n      callbacks[i].apply(this, args);\n    }\n  }\n\n  return this;\n};\n\n// alias used for reserved events (protected method)\nEmitter.prototype.emitReserved = Emitter.prototype.emit;\n\n/**\n * Return array of callbacks for `event`.\n *\n * @param {String} event\n * @return {Array}\n * @api public\n */\n\nEmitter.prototype.listeners = function(event){\n  this._callbacks = this._callbacks || {};\n  return this._callbacks['$' + event] || [];\n};\n\n/**\n * Check if this emitter has `event` handlers.\n *\n * @param {String} event\n * @return {Boolean}\n * @api public\n */\n\nEmitter.prototype.hasListeners = function(event){\n  return !! this.listeners(event).length;\n};\n", "export const globalThisShim = (() => {\n    if (typeof self !== \"undefined\") {\n        return self;\n    }\n    else if (typeof window !== \"undefined\") {\n        return window;\n    }\n    else {\n        return Function(\"return this\")();\n    }\n})();\n", "import { globalThisShim as globalThis } from \"./globalThis.js\";\nexport function pick(obj, ...attr) {\n    return attr.reduce((acc, k) => {\n        if (obj.hasOwnProperty(k)) {\n            acc[k] = obj[k];\n        }\n        return acc;\n    }, {});\n}\n// Keep a reference to the real timeout functions so they can be used when overridden\nconst NATIVE_SET_TIMEOUT = globalThis.setTimeout;\nconst NATIVE_CLEAR_TIMEOUT = globalThis.clearTimeout;\nexport function installTimerFunctions(obj, opts) {\n    if (opts.useNativeTimers) {\n        obj.setTimeoutFn = NATIVE_SET_TIMEOUT.bind(globalThis);\n        obj.clearTimeoutFn = NATIVE_CLEAR_TIMEOUT.bind(globalThis);\n    }\n    else {\n        obj.setTimeoutFn = globalThis.setTimeout.bind(globalThis);\n        obj.clearTimeoutFn = globalThis.clearTimeout.bind(globalThis);\n    }\n}\n// base64 encoded buffers are about 33% bigger (https://en.wikipedia.org/wiki/Base64)\nconst BASE64_OVERHEAD = 1.33;\n// we could also have used `new Blob([obj]).size`, but it isn't supported in IE9\nexport function byteLength(obj) {\n    if (typeof obj === \"string\") {\n        return utf8Length(obj);\n    }\n    // arraybuffer or blob\n    return Math.ceil((obj.byteLength || obj.size) * BASE64_OVERHEAD);\n}\nfunction utf8Length(str) {\n    let c = 0, length = 0;\n    for (let i = 0, l = str.length; i < l; i++) {\n        c = str.charCodeAt(i);\n        if (c < 0x80) {\n            length += 1;\n        }\n        else if (c < 0x800) {\n            length += 2;\n        }\n        else if (c < 0xd800 || c >= 0xe000) {\n            length += 3;\n        }\n        else {\n            i++;\n            length += 4;\n        }\n    }\n    return length;\n}\n", "// imported from https://github.com/galkn/querystring\n/**\n * Compiles a querystring\n * Returns string representation of the object\n *\n * @param {Object}\n * @api private\n */\nexport function encode(obj) {\n    let str = '';\n    for (let i in obj) {\n        if (obj.hasOwnProperty(i)) {\n            if (str.length)\n                str += '&';\n            str += encodeURIComponent(i) + '=' + encodeURIComponent(obj[i]);\n        }\n    }\n    return str;\n}\n/**\n * Parses a simple querystring into an object\n *\n * @param {String} qs\n * @api private\n */\nexport function decode(qs) {\n    let qry = {};\n    let pairs = qs.split('&');\n    for (let i = 0, l = pairs.length; i < l; i++) {\n        let pair = pairs[i].split('=');\n        qry[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1]);\n    }\n    return qry;\n}\n", "import { decodePacket } from \"engine.io-parser\";\nimport { Emitter } from \"@socket.io/component-emitter\";\nimport { installTimerFunctions } from \"./util.js\";\nimport { encode } from \"./contrib/parseqs.js\";\nexport class TransportError extends Error {\n    constructor(reason, description, context) {\n        super(reason);\n        this.description = description;\n        this.context = context;\n        this.type = \"TransportError\";\n    }\n}\nexport class Transport extends Emitter {\n    /**\n     * Transport abstract constructor.\n     *\n     * @param {Object} opts - options\n     * @protected\n     */\n    constructor(opts) {\n        super();\n        this.writable = false;\n        installTimerFunctions(this, opts);\n        this.opts = opts;\n        this.query = opts.query;\n        this.socket = opts.socket;\n    }\n    /**\n     * Emits an error.\n     *\n     * @param {String} reason\n     * @param description\n     * @param context - the error context\n     * @return {Transport} for chaining\n     * @protected\n     */\n    onError(reason, description, context) {\n        super.emitReserved(\"error\", new TransportError(reason, description, context));\n        return this;\n    }\n    /**\n     * Opens the transport.\n     */\n    open() {\n        this.readyState = \"opening\";\n        this.doOpen();\n        return this;\n    }\n    /**\n     * Closes the transport.\n     */\n    close() {\n        if (this.readyState === \"opening\" || this.readyState === \"open\") {\n            this.doClose();\n            this.onClose();\n        }\n        return this;\n    }\n    /**\n     * Sends multiple packets.\n     *\n     * @param {Array} packets\n     */\n    send(packets) {\n        if (this.readyState === \"open\") {\n            this.write(packets);\n        }\n        else {\n            // this might happen if the transport was silently closed in the beforeunload event handler\n        }\n    }\n    /**\n     * Called upon open\n     *\n     * @protected\n     */\n    onOpen() {\n        this.readyState = \"open\";\n        this.writable = true;\n        super.emitReserved(\"open\");\n    }\n    /**\n     * Called with data.\n     *\n     * @param {String} data\n     * @protected\n     */\n    onData(data) {\n        const packet = decodePacket(data, this.socket.binaryType);\n        this.onPacket(packet);\n    }\n    /**\n     * Called with a decoded packet.\n     *\n     * @protected\n     */\n    onPacket(packet) {\n        super.emitReserved(\"packet\", packet);\n    }\n    /**\n     * Called upon close.\n     *\n     * @protected\n     */\n    onClose(details) {\n        this.readyState = \"closed\";\n        super.emitReserved(\"close\", details);\n    }\n    /**\n     * Pauses the transport, in order not to lose packets during an upgrade.\n     *\n     * @param onPause\n     */\n    pause(onPause) { }\n    createUri(schema, query = {}) {\n        return (schema +\n            \"://\" +\n            this._hostname() +\n            this._port() +\n            this.opts.path +\n            this._query(query));\n    }\n    _hostname() {\n        const hostname = this.opts.hostname;\n        return hostname.indexOf(\":\") === -1 ? hostname : \"[\" + hostname + \"]\";\n    }\n    _port() {\n        if (this.opts.port &&\n            ((this.opts.secure && Number(this.opts.port !== 443)) ||\n                (!this.opts.secure && Number(this.opts.port) !== 80))) {\n            return \":\" + this.opts.port;\n        }\n        else {\n            return \"\";\n        }\n    }\n    _query(query) {\n        const encodedQuery = encode(query);\n        return encodedQuery.length ? \"?\" + encodedQuery : \"\";\n    }\n}\n", "// imported from https://github.com/unshiftio/yeast\n'use strict';\nconst alphabet = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz-_'.split(''), length = 64, map = {};\nlet seed = 0, i = 0, prev;\n/**\n * Return a string representing the specified number.\n *\n * @param {Number} num The number to convert.\n * @returns {String} The string representation of the number.\n * @api public\n */\nexport function encode(num) {\n    let encoded = '';\n    do {\n        encoded = alphabet[num % length] + encoded;\n        num = Math.floor(num / length);\n    } while (num > 0);\n    return encoded;\n}\n/**\n * Return the integer value specified by the given string.\n *\n * @param {String} str The string to convert.\n * @returns {Number} The integer value represented by the string.\n * @api public\n */\nexport function decode(str) {\n    let decoded = 0;\n    for (i = 0; i < str.length; i++) {\n        decoded = decoded * length + map[str.charAt(i)];\n    }\n    return decoded;\n}\n/**\n * Yeast: A tiny growing id generator.\n *\n * @returns {String} A unique id.\n * @api public\n */\nexport function yeast() {\n    const now = encode(+new Date());\n    if (now !== prev)\n        return seed = 0, prev = now;\n    return now + '.' + encode(seed++);\n}\n//\n// Map each character to its index.\n//\nfor (; i < length; i++)\n    map[alphabet[i]] = i;\n", "// imported from https://github.com/component/has-cors\nlet value = false;\ntry {\n    value = typeof XMLHttpRequest !== 'undefined' &&\n        'withCredentials' in new XMLHttpRequest();\n}\ncatch (err) {\n    // if XMLHttp support is disabled in IE then it will throw\n    // when trying to create\n}\nexport const hasCORS = value;\n", "// browser shim for xmlhttprequest module\nimport { hasCORS } from \"../contrib/has-cors.js\";\nimport { globalThisShim as globalThis } from \"../globalThis.js\";\nexport function XHR(opts) {\n    const xdomain = opts.xdomain;\n    // XMLHttpRequest can be disabled on IE\n    try {\n        if (\"undefined\" !== typeof XMLHttpRequest && (!xdomain || hasCORS)) {\n            return new XMLHttpRequest();\n        }\n    }\n    catch (e) { }\n    if (!xdomain) {\n        try {\n            return new globalThis[[\"Active\"].concat(\"Object\").join(\"X\")](\"Microsoft.XMLHTTP\");\n        }\n        catch (e) { }\n    }\n}\nexport function createCookieJar() { }\n", "import { Transport } from \"../transport.js\";\nimport { yeast } from \"../contrib/yeast.js\";\nimport { encodePayload, decodePayload } from \"engine.io-parser\";\nimport { createCookieJar, XHR as XMLHttpRequest, } from \"./xmlhttprequest.js\";\nimport { Emitter } from \"@socket.io/component-emitter\";\nimport { installTimerFunctions, pick } from \"../util.js\";\nimport { globalThisShim as globalThis } from \"../globalThis.js\";\nfunction empty() { }\nconst hasXHR2 = (function () {\n    const xhr = new XMLHttpRequest({\n        xdomain: false,\n    });\n    return null != xhr.responseType;\n})();\nexport class Polling extends Transport {\n    /**\n     * XHR Polling constructor.\n     *\n     * @param {Object} opts\n     * @package\n     */\n    constructor(opts) {\n        super(opts);\n        this.polling = false;\n        if (typeof location !== \"undefined\") {\n            const isSSL = \"https:\" === location.protocol;\n            let port = location.port;\n            // some user agents have empty `location.port`\n            if (!port) {\n                port = isSSL ? \"443\" : \"80\";\n            }\n            this.xd =\n                (typeof location !== \"undefined\" &&\n                    opts.hostname !== location.hostname) ||\n                    port !== opts.port;\n        }\n        /**\n         * XHR supports binary\n         */\n        const forceBase64 = opts && opts.forceBase64;\n        this.supportsBinary = hasXHR2 && !forceBase64;\n        if (this.opts.withCredentials) {\n            this.cookieJar = createCookieJar();\n        }\n    }\n    get name() {\n        return \"polling\";\n    }\n    /**\n     * Opens the socket (triggers polling). We write a PING message to determine\n     * when the transport is open.\n     *\n     * @protected\n     */\n    doOpen() {\n        this.poll();\n    }\n    /**\n     * Pauses polling.\n     *\n     * @param {Function} onPause - callback upon buffers are flushed and transport is paused\n     * @package\n     */\n    pause(onPause) {\n        this.readyState = \"pausing\";\n        const pause = () => {\n            this.readyState = \"paused\";\n            onPause();\n        };\n        if (this.polling || !this.writable) {\n            let total = 0;\n            if (this.polling) {\n                total++;\n                this.once(\"pollComplete\", function () {\n                    --total || pause();\n                });\n            }\n            if (!this.writable) {\n                total++;\n                this.once(\"drain\", function () {\n                    --total || pause();\n                });\n            }\n        }\n        else {\n            pause();\n        }\n    }\n    /**\n     * Starts polling cycle.\n     *\n     * @private\n     */\n    poll() {\n        this.polling = true;\n        this.doPoll();\n        this.emitReserved(\"poll\");\n    }\n    /**\n     * Overloads onData to detect payloads.\n     *\n     * @protected\n     */\n    onData(data) {\n        const callback = (packet) => {\n            // if its the first message we consider the transport open\n            if (\"opening\" === this.readyState && packet.type === \"open\") {\n                this.onOpen();\n            }\n            // if its a close packet, we close the ongoing requests\n            if (\"close\" === packet.type) {\n                this.onClose({ description: \"transport closed by the server\" });\n                return false;\n            }\n            // otherwise bypass onData and handle the message\n            this.onPacket(packet);\n        };\n        // decode payload\n        decodePayload(data, this.socket.binaryType).forEach(callback);\n        // if an event did not trigger closing\n        if (\"closed\" !== this.readyState) {\n            // if we got data we're not polling\n            this.polling = false;\n            this.emitReserved(\"pollComplete\");\n            if (\"open\" === this.readyState) {\n                this.poll();\n            }\n            else {\n            }\n        }\n    }\n    /**\n     * For polling, send a close packet.\n     *\n     * @protected\n     */\n    doClose() {\n        const close = () => {\n            this.write([{ type: \"close\" }]);\n        };\n        if (\"open\" === this.readyState) {\n            close();\n        }\n        else {\n            // in case we're trying to close while\n            // handshaking is in progress (GH-164)\n            this.once(\"open\", close);\n        }\n    }\n    /**\n     * Writes a packets payload.\n     *\n     * @param {Array} packets - data packets\n     * @protected\n     */\n    write(packets) {\n        this.writable = false;\n        encodePayload(packets, (data) => {\n            this.doWrite(data, () => {\n                this.writable = true;\n                this.emitReserved(\"drain\");\n            });\n        });\n    }\n    /**\n     * Generates uri for connection.\n     *\n     * @private\n     */\n    uri() {\n        const schema = this.opts.secure ? \"https\" : \"http\";\n        const query = this.query || {};\n        // cache busting is forced\n        if (false !== this.opts.timestampRequests) {\n            query[this.opts.timestampParam] = yeast();\n        }\n        if (!this.supportsBinary && !query.sid) {\n            query.b64 = 1;\n        }\n        return this.createUri(schema, query);\n    }\n    /**\n     * Creates a request.\n     *\n     * @param {String} method\n     * @private\n     */\n    request(opts = {}) {\n        Object.assign(opts, { xd: this.xd, cookieJar: this.cookieJar }, this.opts);\n        return new Request(this.uri(), opts);\n    }\n    /**\n     * Sends data.\n     *\n     * @param {String} data to send.\n     * @param {Function} called upon flush.\n     * @private\n     */\n    doWrite(data, fn) {\n        const req = this.request({\n            method: \"POST\",\n            data: data,\n        });\n        req.on(\"success\", fn);\n        req.on(\"error\", (xhrStatus, context) => {\n            this.onError(\"xhr post error\", xhrStatus, context);\n        });\n    }\n    /**\n     * Starts a poll cycle.\n     *\n     * @private\n     */\n    doPoll() {\n        const req = this.request();\n        req.on(\"data\", this.onData.bind(this));\n        req.on(\"error\", (xhrStatus, context) => {\n            this.onError(\"xhr poll error\", xhrStatus, context);\n        });\n        this.pollXhr = req;\n    }\n}\nexport class Request extends Emitter {\n    /**\n     * Request constructor\n     *\n     * @param {Object} options\n     * @package\n     */\n    constructor(uri, opts) {\n        super();\n        installTimerFunctions(this, opts);\n        this.opts = opts;\n        this.method = opts.method || \"GET\";\n        this.uri = uri;\n        this.data = undefined !== opts.data ? opts.data : null;\n        this.create();\n    }\n    /**\n     * Creates the XHR object and sends the request.\n     *\n     * @private\n     */\n    create() {\n        var _a;\n        const opts = pick(this.opts, \"agent\", \"pfx\", \"key\", \"passphrase\", \"cert\", \"ca\", \"ciphers\", \"rejectUnauthorized\", \"autoUnref\");\n        opts.xdomain = !!this.opts.xd;\n        const xhr = (this.xhr = new XMLHttpRequest(opts));\n        try {\n            xhr.open(this.method, this.uri, true);\n            try {\n                if (this.opts.extraHeaders) {\n                    xhr.setDisableHeaderCheck && xhr.setDisableHeaderCheck(true);\n                    for (let i in this.opts.extraHeaders) {\n                        if (this.opts.extraHeaders.hasOwnProperty(i)) {\n                            xhr.setRequestHeader(i, this.opts.extraHeaders[i]);\n                        }\n                    }\n                }\n            }\n            catch (e) { }\n            if (\"POST\" === this.method) {\n                try {\n                    xhr.setRequestHeader(\"Content-type\", \"text/plain;charset=UTF-8\");\n                }\n                catch (e) { }\n            }\n            try {\n                xhr.setRequestHeader(\"Accept\", \"*/*\");\n            }\n            catch (e) { }\n            (_a = this.opts.cookieJar) === null || _a === void 0 ? void 0 : _a.addCookies(xhr);\n            // ie6 check\n            if (\"withCredentials\" in xhr) {\n                xhr.withCredentials = this.opts.withCredentials;\n            }\n            if (this.opts.requestTimeout) {\n                xhr.timeout = this.opts.requestTimeout;\n            }\n            xhr.onreadystatechange = () => {\n                var _a;\n                if (xhr.readyState === 3) {\n                    (_a = this.opts.cookieJar) === null || _a === void 0 ? void 0 : _a.parseCookies(xhr);\n                }\n                if (4 !== xhr.readyState)\n                    return;\n                if (200 === xhr.status || 1223 === xhr.status) {\n                    this.onLoad();\n                }\n                else {\n                    // make sure the `error` event handler that's user-set\n                    // does not throw in the same tick and gets caught here\n                    this.setTimeoutFn(() => {\n                        this.onError(typeof xhr.status === \"number\" ? xhr.status : 0);\n                    }, 0);\n                }\n            };\n            xhr.send(this.data);\n        }\n        catch (e) {\n            // Need to defer since .create() is called directly from the constructor\n            // and thus the 'error' event can only be only bound *after* this exception\n            // occurs.  Therefore, also, we cannot throw here at all.\n            this.setTimeoutFn(() => {\n                this.onError(e);\n            }, 0);\n            return;\n        }\n        if (typeof document !== \"undefined\") {\n            this.index = Request.requestsCount++;\n            Request.requests[this.index] = this;\n        }\n    }\n    /**\n     * Called upon error.\n     *\n     * @private\n     */\n    onError(err) {\n        this.emitReserved(\"error\", err, this.xhr);\n        this.cleanup(true);\n    }\n    /**\n     * Cleans up house.\n     *\n     * @private\n     */\n    cleanup(fromError) {\n        if (\"undefined\" === typeof this.xhr || null === this.xhr) {\n            return;\n        }\n        this.xhr.onreadystatechange = empty;\n        if (fromError) {\n            try {\n                this.xhr.abort();\n            }\n            catch (e) { }\n        }\n        if (typeof document !== \"undefined\") {\n            delete Request.requests[this.index];\n        }\n        this.xhr = null;\n    }\n    /**\n     * Called upon load.\n     *\n     * @private\n     */\n    onLoad() {\n        const data = this.xhr.responseText;\n        if (data !== null) {\n            this.emitReserved(\"data\", data);\n            this.emitReserved(\"success\");\n            this.cleanup();\n        }\n    }\n    /**\n     * Aborts the request.\n     *\n     * @package\n     */\n    abort() {\n        this.cleanup();\n    }\n}\nRequest.requestsCount = 0;\nRequest.requests = {};\n/**\n * Aborts pending requests when unloading the window. This is needed to prevent\n * memory leaks (e.g. when using IE) and to ensure that no spurious error is\n * emitted.\n */\nif (typeof document !== \"undefined\") {\n    // @ts-ignore\n    if (typeof attachEvent === \"function\") {\n        // @ts-ignore\n        attachEvent(\"onunload\", unloadHandler);\n    }\n    else if (typeof addEventListener === \"function\") {\n        const terminationEvent = \"onpagehide\" in globalThis ? \"pagehide\" : \"unload\";\n        addEventListener(terminationEvent, unloadHandler, false);\n    }\n}\nfunction unloadHandler() {\n    for (let i in Request.requests) {\n        if (Request.requests.hasOwnProperty(i)) {\n            Request.requests[i].abort();\n        }\n    }\n}\n", "import { globalThisShim as globalThis } from \"../globalThis.js\";\nexport const nextTick = (() => {\n    const isPromiseAvailable = typeof Promise === \"function\" && typeof Promise.resolve === \"function\";\n    if (isPromiseAvailable) {\n        return (cb) => Promise.resolve().then(cb);\n    }\n    else {\n        return (cb, setTimeoutFn) => setTimeoutFn(cb, 0);\n    }\n})();\nexport const WebSocket = globalThis.WebSocket || globalThis.MozWebSocket;\nexport const usingBrowserWebSocket = true;\nexport const defaultBinaryType = \"arraybuffer\";\n", "import { Transport } from \"../transport.js\";\nimport { yeast } from \"../contrib/yeast.js\";\nimport { pick } from \"../util.js\";\nimport { nextTick, usingBrowserWebSocket, WebSocket, } from \"./websocket-constructor.js\";\nimport { encodePacket } from \"engine.io-parser\";\n// detect ReactNative environment\nconst isReactNative = typeof navigator !== \"undefined\" &&\n    typeof navigator.product === \"string\" &&\n    navigator.product.toLowerCase() === \"reactnative\";\nexport class WS extends Transport {\n    /**\n     * WebSocket transport constructor.\n     *\n     * @param {Object} opts - connection options\n     * @protected\n     */\n    constructor(opts) {\n        super(opts);\n        this.supportsBinary = !opts.forceBase64;\n    }\n    get name() {\n        return \"websocket\";\n    }\n    doOpen() {\n        if (!this.check()) {\n            // let probe timeout\n            return;\n        }\n        const uri = this.uri();\n        const protocols = this.opts.protocols;\n        // React Native only supports the 'headers' option, and will print a warning if anything else is passed\n        const opts = isReactNative\n            ? {}\n            : pick(this.opts, \"agent\", \"perMessageDeflate\", \"pfx\", \"key\", \"passphrase\", \"cert\", \"ca\", \"ciphers\", \"rejectUnauthorized\", \"localAddress\", \"protocolVersion\", \"origin\", \"maxPayload\", \"family\", \"checkServerIdentity\");\n        if (this.opts.extraHeaders) {\n            opts.headers = this.opts.extraHeaders;\n        }\n        try {\n            this.ws =\n                usingBrowserWebSocket && !isReactNative\n                    ? protocols\n                        ? new WebSocket(uri, protocols)\n                        : new WebSocket(uri)\n                    : new WebSocket(uri, protocols, opts);\n        }\n        catch (err) {\n            return this.emitReserved(\"error\", err);\n        }\n        this.ws.binaryType = this.socket.binaryType;\n        this.addEventListeners();\n    }\n    /**\n     * Adds event listeners to the socket\n     *\n     * @private\n     */\n    addEventListeners() {\n        this.ws.onopen = () => {\n            if (this.opts.autoUnref) {\n                this.ws._socket.unref();\n            }\n            this.onOpen();\n        };\n        this.ws.onclose = (closeEvent) => this.onClose({\n            description: \"websocket connection closed\",\n            context: closeEvent,\n        });\n        this.ws.onmessage = (ev) => this.onData(ev.data);\n        this.ws.onerror = (e) => this.onError(\"websocket error\", e);\n    }\n    write(packets) {\n        this.writable = false;\n        // encodePacket efficient as it uses WS framing\n        // no need for encodePayload\n        for (let i = 0; i < packets.length; i++) {\n            const packet = packets[i];\n            const lastPacket = i === packets.length - 1;\n            encodePacket(packet, this.supportsBinary, (data) => {\n                // always create a new object (GH-437)\n                const opts = {};\n                if (!usingBrowserWebSocket) {\n                    if (packet.options) {\n                        opts.compress = packet.options.compress;\n                    }\n                    if (this.opts.perMessageDeflate) {\n                        const len = \n                        // @ts-ignore\n                        \"string\" === typeof data ? Buffer.byteLength(data) : data.length;\n                        if (len < this.opts.perMessageDeflate.threshold) {\n                            opts.compress = false;\n                        }\n                    }\n                }\n                // Sometimes the websocket has already been closed but the browser didn't\n                // have a chance of informing us about it yet, in that case send will\n                // throw an error\n                try {\n                    if (usingBrowserWebSocket) {\n                        // TypeError is thrown when passing the second argument on Safari\n                        this.ws.send(data);\n                    }\n                    else {\n                        this.ws.send(data, opts);\n                    }\n                }\n                catch (e) {\n                }\n                if (lastPacket) {\n                    // fake drain\n                    // defer to next tick to allow Socket to clear writeBuffer\n                    nextTick(() => {\n                        this.writable = true;\n                        this.emitReserved(\"drain\");\n                    }, this.setTimeoutFn);\n                }\n            });\n        }\n    }\n    doClose() {\n        if (typeof this.ws !== \"undefined\") {\n            this.ws.close();\n            this.ws = null;\n        }\n    }\n    /**\n     * Generates uri for connection.\n     *\n     * @private\n     */\n    uri() {\n        const schema = this.opts.secure ? \"wss\" : \"ws\";\n        const query = this.query || {};\n        // append timestamp to URI\n        if (this.opts.timestampRequests) {\n            query[this.opts.timestampParam] = yeast();\n        }\n        // communicate binary support capabilities\n        if (!this.supportsBinary) {\n            query.b64 = 1;\n        }\n        return this.createUri(schema, query);\n    }\n    /**\n     * Feature detection for WebSocket.\n     *\n     * @return {Boolean} whether this transport is available.\n     * @private\n     */\n    check() {\n        return !!WebSocket;\n    }\n}\n", "import { Transport } from \"../transport.js\";\nimport { nextTick } from \"./websocket-constructor.js\";\nimport { createPacketDecoderStream, createPacketEncoderStream, } from \"engine.io-parser\";\nexport class WT extends Transport {\n    get name() {\n        return \"webtransport\";\n    }\n    doOpen() {\n        // @ts-ignore\n        if (typeof WebTransport !== \"function\") {\n            return;\n        }\n        // @ts-ignore\n        this.transport = new WebTransport(this.createUri(\"https\"), this.opts.transportOptions[this.name]);\n        this.transport.closed\n            .then(() => {\n            this.onClose();\n        })\n            .catch((err) => {\n            this.onError(\"webtransport error\", err);\n        });\n        // note: we could have used async/await, but that would require some additional polyfills\n        this.transport.ready.then(() => {\n            this.transport.createBidirectionalStream().then((stream) => {\n                const decoderStream = createPacketDecoderStream(Number.MAX_SAFE_INTEGER, this.socket.binaryType);\n                const reader = stream.readable.pipeThrough(decoderStream).getReader();\n                const encoderStream = createPacketEncoderStream();\n                encoderStream.readable.pipeTo(stream.writable);\n                this.writer = encoderStream.writable.getWriter();\n                const read = () => {\n                    reader\n                        .read()\n                        .then(({ done, value }) => {\n                        if (done) {\n                            return;\n                        }\n                        this.onPacket(value);\n                        read();\n                    })\n                        .catch((err) => {\n                    });\n                };\n                read();\n                const packet = { type: \"open\" };\n                if (this.query.sid) {\n                    packet.data = `{\"sid\":\"${this.query.sid}\"}`;\n                }\n                this.writer.write(packet).then(() => this.onOpen());\n            });\n        });\n    }\n    write(packets) {\n        this.writable = false;\n        for (let i = 0; i < packets.length; i++) {\n            const packet = packets[i];\n            const lastPacket = i === packets.length - 1;\n            this.writer.write(packet).then(() => {\n                if (lastPacket) {\n                    nextTick(() => {\n                        this.writable = true;\n                        this.emitReserved(\"drain\");\n                    }, this.setTimeoutFn);\n                }\n            });\n        }\n    }\n    doClose() {\n        var _a;\n        (_a = this.transport) === null || _a === void 0 ? void 0 : _a.close();\n    }\n}\n", "import { Polling } from \"./polling.js\";\nimport { WS } from \"./websocket.js\";\nimport { WT } from \"./webtransport.js\";\nexport const transports = {\n    websocket: WS,\n    webtransport: WT,\n    polling: Polling,\n};\n", "// imported from https://github.com/galkn/parseuri\n/**\n * Parses a URI\n *\n * Note: we could also have used the built-in URL object, but it isn't supported on all platforms.\n *\n * See:\n * - https://developer.mozilla.org/en-US/docs/Web/API/URL\n * - https://caniuse.com/url\n * - https://www.rfc-editor.org/rfc/rfc3986#appendix-B\n *\n * History of the parse() method:\n * - first commit: https://github.com/socketio/socket.io-client/commit/4ee1d5d94b3906a9c052b459f1a818b15f38f91c\n * - export into its own module: https://github.com/socketio/engine.io-client/commit/de2c561e4564efeb78f1bdb1ba39ef81b2822cb3\n * - reimport: https://github.com/socketio/engine.io-client/commit/df32277c3f6d622eec5ed09f493cae3f3391d242\n *\n * @author Steven Levithan <stevenlevithan.com> (MIT license)\n * @api private\n */\nconst re = /^(?:(?![^:@\\/?#]+:[^:@\\/]*@)(http|https|ws|wss):\\/\\/)?((?:(([^:@\\/?#]*)(?::([^:@\\/?#]*))?)?@)?((?:[a-f0-9]{0,4}:){2,7}[a-f0-9]{0,4}|[^:\\/?#]*)(?::(\\d*))?)(((\\/(?:[^?#](?![^?#\\/]*\\.[^?#\\/.]+(?:[?#]|$)))*\\/?)?([^?#\\/]*))(?:\\?([^#]*))?(?:#(.*))?)/;\nconst parts = [\n    'source', 'protocol', 'authority', 'userInfo', 'user', 'password', 'host', 'port', 'relative', 'path', 'directory', 'file', 'query', 'anchor'\n];\nexport function parse(str) {\n    if (str.length > 2000) {\n        throw \"URI too long\";\n    }\n    const src = str, b = str.indexOf('['), e = str.indexOf(']');\n    if (b != -1 && e != -1) {\n        str = str.substring(0, b) + str.substring(b, e).replace(/:/g, ';') + str.substring(e, str.length);\n    }\n    let m = re.exec(str || ''), uri = {}, i = 14;\n    while (i--) {\n        uri[parts[i]] = m[i] || '';\n    }\n    if (b != -1 && e != -1) {\n        uri.source = src;\n        uri.host = uri.host.substring(1, uri.host.length - 1).replace(/;/g, ':');\n        uri.authority = uri.authority.replace('[', '').replace(']', '').replace(/;/g, ':');\n        uri.ipv6uri = true;\n    }\n    uri.pathNames = pathNames(uri, uri['path']);\n    uri.queryKey = queryKey(uri, uri['query']);\n    return uri;\n}\nfunction pathNames(obj, path) {\n    const regx = /\\/{2,9}/g, names = path.replace(regx, \"/\").split(\"/\");\n    if (path.slice(0, 1) == '/' || path.length === 0) {\n        names.splice(0, 1);\n    }\n    if (path.slice(-1) == '/') {\n        names.splice(names.length - 1, 1);\n    }\n    return names;\n}\nfunction queryKey(uri, query) {\n    const data = {};\n    query.replace(/(?:^|&)([^&=]*)=?([^&]*)/g, function ($0, $1, $2) {\n        if ($1) {\n            data[$1] = $2;\n        }\n    });\n    return data;\n}\n", "import { transports } from \"./transports/index.js\";\nimport { installTimerFunctions, byteLength } from \"./util.js\";\nimport { decode } from \"./contrib/parseqs.js\";\nimport { parse } from \"./contrib/parseuri.js\";\nimport { Emitter } from \"@socket.io/component-emitter\";\nimport { protocol } from \"engine.io-parser\";\nimport { defaultBinaryType } from \"./transports/websocket-constructor.js\";\nexport class Socket extends Emitter {\n    /**\n     * Socket constructor.\n     *\n     * @param {String|Object} uri - uri or options\n     * @param {Object} opts - options\n     */\n    constructor(uri, opts = {}) {\n        super();\n        this.binaryType = defaultBinaryType;\n        this.writeBuffer = [];\n        if (uri && \"object\" === typeof uri) {\n            opts = uri;\n            uri = null;\n        }\n        if (uri) {\n            uri = parse(uri);\n            opts.hostname = uri.host;\n            opts.secure = uri.protocol === \"https\" || uri.protocol === \"wss\";\n            opts.port = uri.port;\n            if (uri.query)\n                opts.query = uri.query;\n        }\n        else if (opts.host) {\n            opts.hostname = parse(opts.host).host;\n        }\n        installTimerFunctions(this, opts);\n        this.secure =\n            null != opts.secure\n                ? opts.secure\n                : typeof location !== \"undefined\" && \"https:\" === location.protocol;\n        if (opts.hostname && !opts.port) {\n            // if no port is specified manually, use the protocol default\n            opts.port = this.secure ? \"443\" : \"80\";\n        }\n        this.hostname =\n            opts.hostname ||\n                (typeof location !== \"undefined\" ? location.hostname : \"localhost\");\n        this.port =\n            opts.port ||\n                (typeof location !== \"undefined\" && location.port\n                    ? location.port\n                    : this.secure\n                        ? \"443\"\n                        : \"80\");\n        this.transports = opts.transports || [\n            \"polling\",\n            \"websocket\",\n            \"webtransport\",\n        ];\n        this.writeBuffer = [];\n        this.prevBufferLen = 0;\n        this.opts = Object.assign({\n            path: \"/engine.io\",\n            agent: false,\n            withCredentials: false,\n            upgrade: true,\n            timestampParam: \"t\",\n            rememberUpgrade: false,\n            addTrailingSlash: true,\n            rejectUnauthorized: true,\n            perMessageDeflate: {\n                threshold: 1024,\n            },\n            transportOptions: {},\n            closeOnBeforeunload: false,\n        }, opts);\n        this.opts.path =\n            this.opts.path.replace(/\\/$/, \"\") +\n                (this.opts.addTrailingSlash ? \"/\" : \"\");\n        if (typeof this.opts.query === \"string\") {\n            this.opts.query = decode(this.opts.query);\n        }\n        // set on handshake\n        this.id = null;\n        this.upgrades = null;\n        this.pingInterval = null;\n        this.pingTimeout = null;\n        // set on heartbeat\n        this.pingTimeoutTimer = null;\n        if (typeof addEventListener === \"function\") {\n            if (this.opts.closeOnBeforeunload) {\n                // Firefox closes the connection when the \"beforeunload\" event is emitted but not Chrome. This event listener\n                // ensures every browser behaves the same (no \"disconnect\" event at the Socket.IO level when the page is\n                // closed/reloaded)\n                this.beforeunloadEventListener = () => {\n                    if (this.transport) {\n                        // silently close the transport\n                        this.transport.removeAllListeners();\n                        this.transport.close();\n                    }\n                };\n                addEventListener(\"beforeunload\", this.beforeunloadEventListener, false);\n            }\n            if (this.hostname !== \"localhost\") {\n                this.offlineEventListener = () => {\n                    this.onClose(\"transport close\", {\n                        description: \"network connection lost\",\n                    });\n                };\n                addEventListener(\"offline\", this.offlineEventListener, false);\n            }\n        }\n        this.open();\n    }\n    /**\n     * Creates transport of the given type.\n     *\n     * @param {String} name - transport name\n     * @return {Transport}\n     * @private\n     */\n    createTransport(name) {\n        const query = Object.assign({}, this.opts.query);\n        // append engine.io protocol identifier\n        query.EIO = protocol;\n        // transport name\n        query.transport = name;\n        // session id if we already have one\n        if (this.id)\n            query.sid = this.id;\n        const opts = Object.assign({}, this.opts, {\n            query,\n            socket: this,\n            hostname: this.hostname,\n            secure: this.secure,\n            port: this.port,\n        }, this.opts.transportOptions[name]);\n        return new transports[name](opts);\n    }\n    /**\n     * Initializes transport to use and starts probe.\n     *\n     * @private\n     */\n    open() {\n        let transport;\n        if (this.opts.rememberUpgrade &&\n            Socket.priorWebsocketSuccess &&\n            this.transports.indexOf(\"websocket\") !== -1) {\n            transport = \"websocket\";\n        }\n        else if (0 === this.transports.length) {\n            // Emit error on next tick so it can be listened to\n            this.setTimeoutFn(() => {\n                this.emitReserved(\"error\", \"No transports available\");\n            }, 0);\n            return;\n        }\n        else {\n            transport = this.transports[0];\n        }\n        this.readyState = \"opening\";\n        // Retry with the next transport if the transport is disabled (jsonp: false)\n        try {\n            transport = this.createTransport(transport);\n        }\n        catch (e) {\n            this.transports.shift();\n            this.open();\n            return;\n        }\n        transport.open();\n        this.setTransport(transport);\n    }\n    /**\n     * Sets the current transport. Disables the existing one (if any).\n     *\n     * @private\n     */\n    setTransport(transport) {\n        if (this.transport) {\n            this.transport.removeAllListeners();\n        }\n        // set up transport\n        this.transport = transport;\n        // set up transport listeners\n        transport\n            .on(\"drain\", this.onDrain.bind(this))\n            .on(\"packet\", this.onPacket.bind(this))\n            .on(\"error\", this.onError.bind(this))\n            .on(\"close\", (reason) => this.onClose(\"transport close\", reason));\n    }\n    /**\n     * Probes a transport.\n     *\n     * @param {String} name - transport name\n     * @private\n     */\n    probe(name) {\n        let transport = this.createTransport(name);\n        let failed = false;\n        Socket.priorWebsocketSuccess = false;\n        const onTransportOpen = () => {\n            if (failed)\n                return;\n            transport.send([{ type: \"ping\", data: \"probe\" }]);\n            transport.once(\"packet\", (msg) => {\n                if (failed)\n                    return;\n                if (\"pong\" === msg.type && \"probe\" === msg.data) {\n                    this.upgrading = true;\n                    this.emitReserved(\"upgrading\", transport);\n                    if (!transport)\n                        return;\n                    Socket.priorWebsocketSuccess = \"websocket\" === transport.name;\n                    this.transport.pause(() => {\n                        if (failed)\n                            return;\n                        if (\"closed\" === this.readyState)\n                            return;\n                        cleanup();\n                        this.setTransport(transport);\n                        transport.send([{ type: \"upgrade\" }]);\n                        this.emitReserved(\"upgrade\", transport);\n                        transport = null;\n                        this.upgrading = false;\n                        this.flush();\n                    });\n                }\n                else {\n                    const err = new Error(\"probe error\");\n                    // @ts-ignore\n                    err.transport = transport.name;\n                    this.emitReserved(\"upgradeError\", err);\n                }\n            });\n        };\n        function freezeTransport() {\n            if (failed)\n                return;\n            // Any callback called by transport should be ignored since now\n            failed = true;\n            cleanup();\n            transport.close();\n            transport = null;\n        }\n        // Handle any error that happens while probing\n        const onerror = (err) => {\n            const error = new Error(\"probe error: \" + err);\n            // @ts-ignore\n            error.transport = transport.name;\n            freezeTransport();\n            this.emitReserved(\"upgradeError\", error);\n        };\n        function onTransportClose() {\n            onerror(\"transport closed\");\n        }\n        // When the socket is closed while we're probing\n        function onclose() {\n            onerror(\"socket closed\");\n        }\n        // When the socket is upgraded while we're probing\n        function onupgrade(to) {\n            if (transport && to.name !== transport.name) {\n                freezeTransport();\n            }\n        }\n        // Remove all listeners on the transport and on self\n        const cleanup = () => {\n            transport.removeListener(\"open\", onTransportOpen);\n            transport.removeListener(\"error\", onerror);\n            transport.removeListener(\"close\", onTransportClose);\n            this.off(\"close\", onclose);\n            this.off(\"upgrading\", onupgrade);\n        };\n        transport.once(\"open\", onTransportOpen);\n        transport.once(\"error\", onerror);\n        transport.once(\"close\", onTransportClose);\n        this.once(\"close\", onclose);\n        this.once(\"upgrading\", onupgrade);\n        if (this.upgrades.indexOf(\"webtransport\") !== -1 &&\n            name !== \"webtransport\") {\n            // favor WebTransport\n            this.setTimeoutFn(() => {\n                if (!failed) {\n                    transport.open();\n                }\n            }, 200);\n        }\n        else {\n            transport.open();\n        }\n    }\n    /**\n     * Called when connection is deemed open.\n     *\n     * @private\n     */\n    onOpen() {\n        this.readyState = \"open\";\n        Socket.priorWebsocketSuccess = \"websocket\" === this.transport.name;\n        this.emitReserved(\"open\");\n        this.flush();\n        // we check for `readyState` in case an `open`\n        // listener already closed the socket\n        if (\"open\" === this.readyState && this.opts.upgrade) {\n            let i = 0;\n            const l = this.upgrades.length;\n            for (; i < l; i++) {\n                this.probe(this.upgrades[i]);\n            }\n        }\n    }\n    /**\n     * Handles a packet.\n     *\n     * @private\n     */\n    onPacket(packet) {\n        if (\"opening\" === this.readyState ||\n            \"open\" === this.readyState ||\n            \"closing\" === this.readyState) {\n            this.emitReserved(\"packet\", packet);\n            // Socket is live - any packet counts\n            this.emitReserved(\"heartbeat\");\n            this.resetPingTimeout();\n            switch (packet.type) {\n                case \"open\":\n                    this.onHandshake(JSON.parse(packet.data));\n                    break;\n                case \"ping\":\n                    this.sendPacket(\"pong\");\n                    this.emitReserved(\"ping\");\n                    this.emitReserved(\"pong\");\n                    break;\n                case \"error\":\n                    const err = new Error(\"server error\");\n                    // @ts-ignore\n                    err.code = packet.data;\n                    this.onError(err);\n                    break;\n                case \"message\":\n                    this.emitReserved(\"data\", packet.data);\n                    this.emitReserved(\"message\", packet.data);\n                    break;\n            }\n        }\n        else {\n        }\n    }\n    /**\n     * Called upon handshake completion.\n     *\n     * @param {Object} data - handshake obj\n     * @private\n     */\n    onHandshake(data) {\n        this.emitReserved(\"handshake\", data);\n        this.id = data.sid;\n        this.transport.query.sid = data.sid;\n        this.upgrades = this.filterUpgrades(data.upgrades);\n        this.pingInterval = data.pingInterval;\n        this.pingTimeout = data.pingTimeout;\n        this.maxPayload = data.maxPayload;\n        this.onOpen();\n        // In case open handler closes socket\n        if (\"closed\" === this.readyState)\n            return;\n        this.resetPingTimeout();\n    }\n    /**\n     * Sets and resets ping timeout timer based on server pings.\n     *\n     * @private\n     */\n    resetPingTimeout() {\n        this.clearTimeoutFn(this.pingTimeoutTimer);\n        this.pingTimeoutTimer = this.setTimeoutFn(() => {\n            this.onClose(\"ping timeout\");\n        }, this.pingInterval + this.pingTimeout);\n        if (this.opts.autoUnref) {\n            this.pingTimeoutTimer.unref();\n        }\n    }\n    /**\n     * Called on `drain` event\n     *\n     * @private\n     */\n    onDrain() {\n        this.writeBuffer.splice(0, this.prevBufferLen);\n        // setting prevBufferLen = 0 is very important\n        // for example, when upgrading, upgrade packet is sent over,\n        // and a nonzero prevBufferLen could cause problems on `drain`\n        this.prevBufferLen = 0;\n        if (0 === this.writeBuffer.length) {\n            this.emitReserved(\"drain\");\n        }\n        else {\n            this.flush();\n        }\n    }\n    /**\n     * Flush write buffers.\n     *\n     * @private\n     */\n    flush() {\n        if (\"closed\" !== this.readyState &&\n            this.transport.writable &&\n            !this.upgrading &&\n            this.writeBuffer.length) {\n            const packets = this.getWritablePackets();\n            this.transport.send(packets);\n            // keep track of current length of writeBuffer\n            // splice writeBuffer and callbackBuffer on `drain`\n            this.prevBufferLen = packets.length;\n            this.emitReserved(\"flush\");\n        }\n    }\n    /**\n     * Ensure the encoded size of the writeBuffer is below the maxPayload value sent by the server (only for HTTP\n     * long-polling)\n     *\n     * @private\n     */\n    getWritablePackets() {\n        const shouldCheckPayloadSize = this.maxPayload &&\n            this.transport.name === \"polling\" &&\n            this.writeBuffer.length > 1;\n        if (!shouldCheckPayloadSize) {\n            return this.writeBuffer;\n        }\n        let payloadSize = 1; // first packet type\n        for (let i = 0; i < this.writeBuffer.length; i++) {\n            const data = this.writeBuffer[i].data;\n            if (data) {\n                payloadSize += byteLength(data);\n            }\n            if (i > 0 && payloadSize > this.maxPayload) {\n                return this.writeBuffer.slice(0, i);\n            }\n            payloadSize += 2; // separator + packet type\n        }\n        return this.writeBuffer;\n    }\n    /**\n     * Sends a message.\n     *\n     * @param {String} msg - message.\n     * @param {Object} options.\n     * @param {Function} callback function.\n     * @return {Socket} for chaining.\n     */\n    write(msg, options, fn) {\n        this.sendPacket(\"message\", msg, options, fn);\n        return this;\n    }\n    send(msg, options, fn) {\n        this.sendPacket(\"message\", msg, options, fn);\n        return this;\n    }\n    /**\n     * Sends a packet.\n     *\n     * @param {String} type: packet type.\n     * @param {String} data.\n     * @param {Object} options.\n     * @param {Function} fn - callback function.\n     * @private\n     */\n    sendPacket(type, data, options, fn) {\n        if (\"function\" === typeof data) {\n            fn = data;\n            data = undefined;\n        }\n        if (\"function\" === typeof options) {\n            fn = options;\n            options = null;\n        }\n        if (\"closing\" === this.readyState || \"closed\" === this.readyState) {\n            return;\n        }\n        options = options || {};\n        options.compress = false !== options.compress;\n        const packet = {\n            type: type,\n            data: data,\n            options: options,\n        };\n        this.emitReserved(\"packetCreate\", packet);\n        this.writeBuffer.push(packet);\n        if (fn)\n            this.once(\"flush\", fn);\n        this.flush();\n    }\n    /**\n     * Closes the connection.\n     */\n    close() {\n        const close = () => {\n            this.onClose(\"forced close\");\n            this.transport.close();\n        };\n        const cleanupAndClose = () => {\n            this.off(\"upgrade\", cleanupAndClose);\n            this.off(\"upgradeError\", cleanupAndClose);\n            close();\n        };\n        const waitForUpgrade = () => {\n            // wait for upgrade to finish since we can't send packets while pausing a transport\n            this.once(\"upgrade\", cleanupAndClose);\n            this.once(\"upgradeError\", cleanupAndClose);\n        };\n        if (\"opening\" === this.readyState || \"open\" === this.readyState) {\n            this.readyState = \"closing\";\n            if (this.writeBuffer.length) {\n                this.once(\"drain\", () => {\n                    if (this.upgrading) {\n                        waitForUpgrade();\n                    }\n                    else {\n                        close();\n                    }\n                });\n            }\n            else if (this.upgrading) {\n                waitForUpgrade();\n            }\n            else {\n                close();\n            }\n        }\n        return this;\n    }\n    /**\n     * Called upon transport error\n     *\n     * @private\n     */\n    onError(err) {\n        Socket.priorWebsocketSuccess = false;\n        this.emitReserved(\"error\", err);\n        this.onClose(\"transport error\", err);\n    }\n    /**\n     * Called upon transport close.\n     *\n     * @private\n     */\n    onClose(reason, description) {\n        if (\"opening\" === this.readyState ||\n            \"open\" === this.readyState ||\n            \"closing\" === this.readyState) {\n            // clear timers\n            this.clearTimeoutFn(this.pingTimeoutTimer);\n            // stop event from firing again for transport\n            this.transport.removeAllListeners(\"close\");\n            // ensure transport won't stay open\n            this.transport.close();\n            // ignore further transport communication\n            this.transport.removeAllListeners();\n            if (typeof removeEventListener === \"function\") {\n                removeEventListener(\"beforeunload\", this.beforeunloadEventListener, false);\n                removeEventListener(\"offline\", this.offlineEventListener, false);\n            }\n            // set ready state\n            this.readyState = \"closed\";\n            // clear session id\n            this.id = null;\n            // emit close event\n            this.emitReserved(\"close\", reason, description);\n            // clean buffers after, so users can still\n            // grab the buffers on `close` event\n            this.writeBuffer = [];\n            this.prevBufferLen = 0;\n        }\n    }\n    /**\n     * Filters upgrades, returning only those matching client transports.\n     *\n     * @param {Array} upgrades - server upgrades\n     * @private\n     */\n    filterUpgrades(upgrades) {\n        const filteredUpgrades = [];\n        let i = 0;\n        const j = upgrades.length;\n        for (; i < j; i++) {\n            if (~this.transports.indexOf(upgrades[i]))\n                filteredUpgrades.push(upgrades[i]);\n        }\n        return filteredUpgrades;\n    }\n}\nSocket.protocol = protocol;\n", "import { Socket } from \"./socket.js\";\nexport { Socket };\nexport const protocol = Socket.protocol;\nexport { Transport, TransportError } from \"./transport.js\";\nexport { transports } from \"./transports/index.js\";\nexport { installTimerFunctions } from \"./util.js\";\nexport { parse } from \"./contrib/parseuri.js\";\nexport { nextTick } from \"./transports/websocket-constructor.js\";\n", "import { parse } from \"engine.io-client\";\n/**\n * URL parser.\n *\n * @param uri - url\n * @param path - the request path of the connection\n * @param loc - An object meant to mimic window.location.\n *        Defaults to window.location.\n * @public\n */\nexport function url(uri, path = \"\", loc) {\n    let obj = uri;\n    // default to window.location\n    loc = loc || (typeof location !== \"undefined\" && location);\n    if (null == uri)\n        uri = loc.protocol + \"//\" + loc.host;\n    // relative path support\n    if (typeof uri === \"string\") {\n        if (\"/\" === uri.charAt(0)) {\n            if (\"/\" === uri.charAt(1)) {\n                uri = loc.protocol + uri;\n            }\n            else {\n                uri = loc.host + uri;\n            }\n        }\n        if (!/^(https?|wss?):\\/\\//.test(uri)) {\n            if (\"undefined\" !== typeof loc) {\n                uri = loc.protocol + \"//\" + uri;\n            }\n            else {\n                uri = \"https://\" + uri;\n            }\n        }\n        // parse\n        obj = parse(uri);\n    }\n    // make sure we treat `localhost:80` and `localhost` equally\n    if (!obj.port) {\n        if (/^(http|ws)$/.test(obj.protocol)) {\n            obj.port = \"80\";\n        }\n        else if (/^(http|ws)s$/.test(obj.protocol)) {\n            obj.port = \"443\";\n        }\n    }\n    obj.path = obj.path || \"/\";\n    const ipv6 = obj.host.indexOf(\":\") !== -1;\n    const host = ipv6 ? \"[\" + obj.host + \"]\" : obj.host;\n    // define unique id\n    obj.id = obj.protocol + \"://\" + host + \":\" + obj.port + path;\n    // define href\n    obj.href =\n        obj.protocol +\n            \"://\" +\n            host +\n            (loc && loc.port === obj.port ? \"\" : \":\" + obj.port);\n    return obj;\n}\n", "import { Emitter } from \"@socket.io/component-emitter\";\nimport { deconstructPacket, reconstructPacket } from \"./binary.js\";\nimport { isBinary, hasBinary } from \"./is-binary.js\";\n/**\n * These strings must not be used as event names, as they have a special meaning.\n */\nconst RESERVED_EVENTS = [\n    \"connect\",\n    \"connect_error\",\n    \"disconnect\",\n    \"disconnecting\",\n    \"newListener\",\n    \"removeListener\", // used by the Node.js EventEmitter\n];\n/**\n * Protocol version.\n *\n * @public\n */\nexport const protocol = 5;\nexport var PacketType;\n(function (PacketType) {\n    PacketType[PacketType[\"CONNECT\"] = 0] = \"CONNECT\";\n    PacketType[PacketType[\"DISCONNECT\"] = 1] = \"DISCONNECT\";\n    PacketType[PacketType[\"EVENT\"] = 2] = \"EVENT\";\n    PacketType[PacketType[\"ACK\"] = 3] = \"ACK\";\n    PacketType[PacketType[\"CONNECT_ERROR\"] = 4] = \"CONNECT_ERROR\";\n    PacketType[PacketType[\"BINARY_EVENT\"] = 5] = \"BINARY_EVENT\";\n    PacketType[PacketType[\"BINARY_ACK\"] = 6] = \"BINARY_ACK\";\n})(PacketType || (PacketType = {}));\n/**\n * A socket.io Encoder instance\n */\nexport class Encoder {\n    /**\n     * Encoder constructor\n     *\n     * @param {function} replacer - custom replacer to pass down to JSON.parse\n     */\n    constructor(replacer) {\n        this.replacer = replacer;\n    }\n    /**\n     * Encode a packet as a single string if non-binary, or as a\n     * buffer sequence, depending on packet type.\n     *\n     * @param {Object} obj - packet object\n     */\n    encode(obj) {\n        if (obj.type === PacketType.EVENT || obj.type === PacketType.ACK) {\n            if (hasBinary(obj)) {\n                return this.encodeAsBinary({\n                    type: obj.type === PacketType.EVENT\n                        ? PacketType.BINARY_EVENT\n                        : PacketType.BINARY_ACK,\n                    nsp: obj.nsp,\n                    data: obj.data,\n                    id: obj.id,\n                });\n            }\n        }\n        return [this.encodeAsString(obj)];\n    }\n    /**\n     * Encode packet as string.\n     */\n    encodeAsString(obj) {\n        // first is type\n        let str = \"\" + obj.type;\n        // attachments if we have them\n        if (obj.type === PacketType.BINARY_EVENT ||\n            obj.type === PacketType.BINARY_ACK) {\n            str += obj.attachments + \"-\";\n        }\n        // if we have a namespace other than `/`\n        // we append it followed by a comma `,`\n        if (obj.nsp && \"/\" !== obj.nsp) {\n            str += obj.nsp + \",\";\n        }\n        // immediately followed by the id\n        if (null != obj.id) {\n            str += obj.id;\n        }\n        // json data\n        if (null != obj.data) {\n            str += JSON.stringify(obj.data, this.replacer);\n        }\n        return str;\n    }\n    /**\n     * Encode packet as 'buffer sequence' by removing blobs, and\n     * deconstructing packet into object with placeholders and\n     * a list of buffers.\n     */\n    encodeAsBinary(obj) {\n        const deconstruction = deconstructPacket(obj);\n        const pack = this.encodeAsString(deconstruction.packet);\n        const buffers = deconstruction.buffers;\n        buffers.unshift(pack); // add packet info to beginning of data list\n        return buffers; // write all the buffers\n    }\n}\n// see https://stackoverflow.com/questions/8511281/check-if-a-value-is-an-object-in-javascript\nfunction isObject(value) {\n    return Object.prototype.toString.call(value) === \"[object Object]\";\n}\n/**\n * A socket.io Decoder instance\n *\n * @return {Object} decoder\n */\nexport class Decoder extends Emitter {\n    /**\n     * Decoder constructor\n     *\n     * @param {function} reviver - custom reviver to pass down to JSON.stringify\n     */\n    constructor(reviver) {\n        super();\n        this.reviver = reviver;\n    }\n    /**\n     * Decodes an encoded packet string into packet JSON.\n     *\n     * @param {String} obj - encoded packet\n     */\n    add(obj) {\n        let packet;\n        if (typeof obj === \"string\") {\n            if (this.reconstructor) {\n                throw new Error(\"got plaintext data when reconstructing a packet\");\n            }\n            packet = this.decodeString(obj);\n            const isBinaryEvent = packet.type === PacketType.BINARY_EVENT;\n            if (isBinaryEvent || packet.type === PacketType.BINARY_ACK) {\n                packet.type = isBinaryEvent ? PacketType.EVENT : PacketType.ACK;\n                // binary packet's json\n                this.reconstructor = new BinaryReconstructor(packet);\n                // no attachments, labeled binary but no binary data to follow\n                if (packet.attachments === 0) {\n                    super.emitReserved(\"decoded\", packet);\n                }\n            }\n            else {\n                // non-binary full packet\n                super.emitReserved(\"decoded\", packet);\n            }\n        }\n        else if (isBinary(obj) || obj.base64) {\n            // raw binary data\n            if (!this.reconstructor) {\n                throw new Error(\"got binary data when not reconstructing a packet\");\n            }\n            else {\n                packet = this.reconstructor.takeBinaryData(obj);\n                if (packet) {\n                    // received final buffer\n                    this.reconstructor = null;\n                    super.emitReserved(\"decoded\", packet);\n                }\n            }\n        }\n        else {\n            throw new Error(\"Unknown type: \" + obj);\n        }\n    }\n    /**\n     * Decode a packet String (JSON data)\n     *\n     * @param {String} str\n     * @return {Object} packet\n     */\n    decodeString(str) {\n        let i = 0;\n        // look up type\n        const p = {\n            type: Number(str.charAt(0)),\n        };\n        if (PacketType[p.type] === undefined) {\n            throw new Error(\"unknown packet type \" + p.type);\n        }\n        // look up attachments if type binary\n        if (p.type === PacketType.BINARY_EVENT ||\n            p.type === PacketType.BINARY_ACK) {\n            const start = i + 1;\n            while (str.charAt(++i) !== \"-\" && i != str.length) { }\n            const buf = str.substring(start, i);\n            if (buf != Number(buf) || str.charAt(i) !== \"-\") {\n                throw new Error(\"Illegal attachments\");\n            }\n            p.attachments = Number(buf);\n        }\n        // look up namespace (if any)\n        if (\"/\" === str.charAt(i + 1)) {\n            const start = i + 1;\n            while (++i) {\n                const c = str.charAt(i);\n                if (\",\" === c)\n                    break;\n                if (i === str.length)\n                    break;\n            }\n            p.nsp = str.substring(start, i);\n        }\n        else {\n            p.nsp = \"/\";\n        }\n        // look up id\n        const next = str.charAt(i + 1);\n        if (\"\" !== next && Number(next) == next) {\n            const start = i + 1;\n            while (++i) {\n                const c = str.charAt(i);\n                if (null == c || Number(c) != c) {\n                    --i;\n                    break;\n                }\n                if (i === str.length)\n                    break;\n            }\n            p.id = Number(str.substring(start, i + 1));\n        }\n        // look up json data\n        if (str.charAt(++i)) {\n            const payload = this.tryParse(str.substr(i));\n            if (Decoder.isPayloadValid(p.type, payload)) {\n                p.data = payload;\n            }\n            else {\n                throw new Error(\"invalid payload\");\n            }\n        }\n        return p;\n    }\n    tryParse(str) {\n        try {\n            return JSON.parse(str, this.reviver);\n        }\n        catch (e) {\n            return false;\n        }\n    }\n    static isPayloadValid(type, payload) {\n        switch (type) {\n            case PacketType.CONNECT:\n                return isObject(payload);\n            case PacketType.DISCONNECT:\n                return payload === undefined;\n            case PacketType.CONNECT_ERROR:\n                return typeof payload === \"string\" || isObject(payload);\n            case PacketType.EVENT:\n            case PacketType.BINARY_EVENT:\n                return (Array.isArray(payload) &&\n                    (typeof payload[0] === \"number\" ||\n                        (typeof payload[0] === \"string\" &&\n                            RESERVED_EVENTS.indexOf(payload[0]) === -1)));\n            case PacketType.ACK:\n            case PacketType.BINARY_ACK:\n                return Array.isArray(payload);\n        }\n    }\n    /**\n     * Deallocates a parser's resources\n     */\n    destroy() {\n        if (this.reconstructor) {\n            this.reconstructor.finishedReconstruction();\n            this.reconstructor = null;\n        }\n    }\n}\n/**\n * A manager of a binary event's 'buffer sequence'. Should\n * be constructed whenever a packet of type BINARY_EVENT is\n * decoded.\n *\n * @param {Object} packet\n * @return {BinaryReconstructor} initialized reconstructor\n */\nclass BinaryReconstructor {\n    constructor(packet) {\n        this.packet = packet;\n        this.buffers = [];\n        this.reconPack = packet;\n    }\n    /**\n     * Method to be called when binary data received from connection\n     * after a BINARY_EVENT packet.\n     *\n     * @param {Buffer | ArrayBuffer} binData - the raw binary data received\n     * @return {null | Object} returns null if more binary data is expected or\n     *   a reconstructed packet object if all buffers have been received.\n     */\n    takeBinaryData(binData) {\n        this.buffers.push(binData);\n        if (this.buffers.length === this.reconPack.attachments) {\n            // done with buffer list\n            const packet = reconstructPacket(this.reconPack, this.buffers);\n            this.finishedReconstruction();\n            return packet;\n        }\n        return null;\n    }\n    /**\n     * Cleans up binary packet reconstruction variables.\n     */\n    finishedReconstruction() {\n        this.reconPack = null;\n        this.buffers = [];\n    }\n}\n", "const withNativeArrayBuffer = typeof ArrayBuffer === \"function\";\nconst isView = (obj) => {\n    return typeof ArrayBuffer.isView === \"function\"\n        ? ArrayBuffer.isView(obj)\n        : obj.buffer instanceof ArrayBuffer;\n};\nconst toString = Object.prototype.toString;\nconst withNativeBlob = typeof Blob === \"function\" ||\n    (typeof Blob !== \"undefined\" &&\n        toString.call(Blob) === \"[object BlobConstructor]\");\nconst withNativeFile = typeof File === \"function\" ||\n    (typeof File !== \"undefined\" &&\n        toString.call(File) === \"[object FileConstructor]\");\n/**\n * Returns true if obj is a Buffer, an ArrayBuffer, a Blob or a File.\n *\n * @private\n */\nexport function isBinary(obj) {\n    return ((withNativeArrayBuffer && (obj instanceof ArrayBuffer || isView(obj))) ||\n        (withNativeBlob && obj instanceof Blob) ||\n        (withNativeFile && obj instanceof File));\n}\nexport function hasBinary(obj, toJSON) {\n    if (!obj || typeof obj !== \"object\") {\n        return false;\n    }\n    if (Array.isArray(obj)) {\n        for (let i = 0, l = obj.length; i < l; i++) {\n            if (hasBinary(obj[i])) {\n                return true;\n            }\n        }\n        return false;\n    }\n    if (isBinary(obj)) {\n        return true;\n    }\n    if (obj.toJSON &&\n        typeof obj.toJSON === \"function\" &&\n        arguments.length === 1) {\n        return hasBinary(obj.toJSON(), true);\n    }\n    for (const key in obj) {\n        if (Object.prototype.hasOwnProperty.call(obj, key) && hasBinary(obj[key])) {\n            return true;\n        }\n    }\n    return false;\n}\n", "import { isBinary } from \"./is-binary.js\";\n/**\n * Replaces every Buffer | ArrayBuffer | Blob | File in packet with a numbered placeholder.\n *\n * @param {Object} packet - socket.io event packet\n * @return {Object} with deconstructed packet and list of buffers\n * @public\n */\nexport function deconstructPacket(packet) {\n    const buffers = [];\n    const packetData = packet.data;\n    const pack = packet;\n    pack.data = _deconstructPacket(packetData, buffers);\n    pack.attachments = buffers.length; // number of binary 'attachments'\n    return { packet: pack, buffers: buffers };\n}\nfunction _deconstructPacket(data, buffers) {\n    if (!data)\n        return data;\n    if (isBinary(data)) {\n        const placeholder = { _placeholder: true, num: buffers.length };\n        buffers.push(data);\n        return placeholder;\n    }\n    else if (Array.isArray(data)) {\n        const newData = new Array(data.length);\n        for (let i = 0; i < data.length; i++) {\n            newData[i] = _deconstructPacket(data[i], buffers);\n        }\n        return newData;\n    }\n    else if (typeof data === \"object\" && !(data instanceof Date)) {\n        const newData = {};\n        for (const key in data) {\n            if (Object.prototype.hasOwnProperty.call(data, key)) {\n                newData[key] = _deconstructPacket(data[key], buffers);\n            }\n        }\n        return newData;\n    }\n    return data;\n}\n/**\n * Reconstructs a binary packet from its placeholder packet and buffers\n *\n * @param {Object} packet - event packet with placeholders\n * @param {Array} buffers - binary buffers to put in placeholder positions\n * @return {Object} reconstructed packet\n * @public\n */\nexport function reconstructPacket(packet, buffers) {\n    packet.data = _reconstructPacket(packet.data, buffers);\n    delete packet.attachments; // no longer useful\n    return packet;\n}\nfunction _reconstructPacket(data, buffers) {\n    if (!data)\n        return data;\n    if (data && data._placeholder === true) {\n        const isIndexValid = typeof data.num === \"number\" &&\n            data.num >= 0 &&\n            data.num < buffers.length;\n        if (isIndexValid) {\n            return buffers[data.num]; // appropriate buffer (should be natural order anyway)\n        }\n        else {\n            throw new Error(\"illegal attachments\");\n        }\n    }\n    else if (Array.isArray(data)) {\n        for (let i = 0; i < data.length; i++) {\n            data[i] = _reconstructPacket(data[i], buffers);\n        }\n    }\n    else if (typeof data === \"object\") {\n        for (const key in data) {\n            if (Object.prototype.hasOwnProperty.call(data, key)) {\n                data[key] = _reconstructPacket(data[key], buffers);\n            }\n        }\n    }\n    return data;\n}\n", "export function on(obj, ev, fn) {\n    obj.on(ev, fn);\n    return function subDestroy() {\n        obj.off(ev, fn);\n    };\n}\n", "import { PacketType } from \"socket.io-parser\";\nimport { on } from \"./on.js\";\nimport { Emitter, } from \"@socket.io/component-emitter\";\n/**\n * Internal events.\n * These events can't be emitted by the user.\n */\nconst RESERVED_EVENTS = Object.freeze({\n    connect: 1,\n    connect_error: 1,\n    disconnect: 1,\n    disconnecting: 1,\n    // EventEmitter reserved events: https://nodejs.org/api/events.html#events_event_newlistener\n    newListener: 1,\n    removeListener: 1,\n});\n/**\n * A Socket is the fundamental class for interacting with the server.\n *\n * A Socket belongs to a certain Namespace (by default /) and uses an underlying {@link Manager} to communicate.\n *\n * @example\n * const socket = io();\n *\n * socket.on(\"connect\", () => {\n *   console.log(\"connected\");\n * });\n *\n * // send an event to the server\n * socket.emit(\"foo\", \"bar\");\n *\n * socket.on(\"foobar\", () => {\n *   // an event was received from the server\n * });\n *\n * // upon disconnection\n * socket.on(\"disconnect\", (reason) => {\n *   console.log(`disconnected due to ${reason}`);\n * });\n */\nexport class Socket extends Emitter {\n    /**\n     * `Socket` constructor.\n     */\n    constructor(io, nsp, opts) {\n        super();\n        /**\n         * Whether the socket is currently connected to the server.\n         *\n         * @example\n         * const socket = io();\n         *\n         * socket.on(\"connect\", () => {\n         *   console.log(socket.connected); // true\n         * });\n         *\n         * socket.on(\"disconnect\", () => {\n         *   console.log(socket.connected); // false\n         * });\n         */\n        this.connected = false;\n        /**\n         * Whether the connection state was recovered after a temporary disconnection. In that case, any missed packets will\n         * be transmitted by the server.\n         */\n        this.recovered = false;\n        /**\n         * Buffer for packets received before the CONNECT packet\n         */\n        this.receiveBuffer = [];\n        /**\n         * Buffer for packets that will be sent once the socket is connected\n         */\n        this.sendBuffer = [];\n        /**\n         * The queue of packets to be sent with retry in case of failure.\n         *\n         * Packets are sent one by one, each waiting for the server acknowledgement, in order to guarantee the delivery order.\n         * @private\n         */\n        this._queue = [];\n        /**\n         * A sequence to generate the ID of the {@link QueuedPacket}.\n         * @private\n         */\n        this._queueSeq = 0;\n        this.ids = 0;\n        /**\n         * A map containing acknowledgement handlers.\n         *\n         * The `withError` attribute is used to differentiate handlers that accept an error as first argument:\n         *\n         * - `socket.emit(\"test\", (err, value) => { ... })` with `ackTimeout` option\n         * - `socket.timeout(5000).emit(\"test\", (err, value) => { ... })`\n         * - `const value = await socket.emitWithAck(\"test\")`\n         *\n         * From those that don't:\n         *\n         * - `socket.emit(\"test\", (value) => { ... });`\n         *\n         * In the first case, the handlers will be called with an error when:\n         *\n         * - the timeout is reached\n         * - the socket gets disconnected\n         *\n         * In the second case, the handlers will be simply discarded upon disconnection, since the client will never receive\n         * an acknowledgement from the server.\n         *\n         * @private\n         */\n        this.acks = {};\n        this.flags = {};\n        this.io = io;\n        this.nsp = nsp;\n        if (opts && opts.auth) {\n            this.auth = opts.auth;\n        }\n        this._opts = Object.assign({}, opts);\n        if (this.io._autoConnect)\n            this.open();\n    }\n    /**\n     * Whether the socket is currently disconnected\n     *\n     * @example\n     * const socket = io();\n     *\n     * socket.on(\"connect\", () => {\n     *   console.log(socket.disconnected); // false\n     * });\n     *\n     * socket.on(\"disconnect\", () => {\n     *   console.log(socket.disconnected); // true\n     * });\n     */\n    get disconnected() {\n        return !this.connected;\n    }\n    /**\n     * Subscribe to open, close and packet events\n     *\n     * @private\n     */\n    subEvents() {\n        if (this.subs)\n            return;\n        const io = this.io;\n        this.subs = [\n            on(io, \"open\", this.onopen.bind(this)),\n            on(io, \"packet\", this.onpacket.bind(this)),\n            on(io, \"error\", this.onerror.bind(this)),\n            on(io, \"close\", this.onclose.bind(this)),\n        ];\n    }\n    /**\n     * Whether the Socket will try to reconnect when its Manager connects or reconnects.\n     *\n     * @example\n     * const socket = io();\n     *\n     * console.log(socket.active); // true\n     *\n     * socket.on(\"disconnect\", (reason) => {\n     *   if (reason === \"io server disconnect\") {\n     *     // the disconnection was initiated by the server, you need to manually reconnect\n     *     console.log(socket.active); // false\n     *   }\n     *   // else the socket will automatically try to reconnect\n     *   console.log(socket.active); // true\n     * });\n     */\n    get active() {\n        return !!this.subs;\n    }\n    /**\n     * \"Opens\" the socket.\n     *\n     * @example\n     * const socket = io({\n     *   autoConnect: false\n     * });\n     *\n     * socket.connect();\n     */\n    connect() {\n        if (this.connected)\n            return this;\n        this.subEvents();\n        if (!this.io[\"_reconnecting\"])\n            this.io.open(); // ensure open\n        if (\"open\" === this.io._readyState)\n            this.onopen();\n        return this;\n    }\n    /**\n     * Alias for {@link connect()}.\n     */\n    open() {\n        return this.connect();\n    }\n    /**\n     * Sends a `message` event.\n     *\n     * This method mimics the WebSocket.send() method.\n     *\n     * @see https://developer.mozilla.org/en-US/docs/Web/API/WebSocket/send\n     *\n     * @example\n     * socket.send(\"hello\");\n     *\n     * // this is equivalent to\n     * socket.emit(\"message\", \"hello\");\n     *\n     * @return self\n     */\n    send(...args) {\n        args.unshift(\"message\");\n        this.emit.apply(this, args);\n        return this;\n    }\n    /**\n     * Override `emit`.\n     * If the event is in `events`, it's emitted normally.\n     *\n     * @example\n     * socket.emit(\"hello\", \"world\");\n     *\n     * // all serializable datastructures are supported (no need to call JSON.stringify)\n     * socket.emit(\"hello\", 1, \"2\", { 3: [\"4\"], 5: Uint8Array.from([6]) });\n     *\n     * // with an acknowledgement from the server\n     * socket.emit(\"hello\", \"world\", (val) => {\n     *   // ...\n     * });\n     *\n     * @return self\n     */\n    emit(ev, ...args) {\n        if (RESERVED_EVENTS.hasOwnProperty(ev)) {\n            throw new Error('\"' + ev.toString() + '\" is a reserved event name');\n        }\n        args.unshift(ev);\n        if (this._opts.retries && !this.flags.fromQueue && !this.flags.volatile) {\n            this._addToQueue(args);\n            return this;\n        }\n        const packet = {\n            type: PacketType.EVENT,\n            data: args,\n        };\n        packet.options = {};\n        packet.options.compress = this.flags.compress !== false;\n        // event ack callback\n        if (\"function\" === typeof args[args.length - 1]) {\n            const id = this.ids++;\n            const ack = args.pop();\n            this._registerAckCallback(id, ack);\n            packet.id = id;\n        }\n        const isTransportWritable = this.io.engine &&\n            this.io.engine.transport &&\n            this.io.engine.transport.writable;\n        const discardPacket = this.flags.volatile && (!isTransportWritable || !this.connected);\n        if (discardPacket) {\n        }\n        else if (this.connected) {\n            this.notifyOutgoingListeners(packet);\n            this.packet(packet);\n        }\n        else {\n            this.sendBuffer.push(packet);\n        }\n        this.flags = {};\n        return this;\n    }\n    /**\n     * @private\n     */\n    _registerAckCallback(id, ack) {\n        var _a;\n        const timeout = (_a = this.flags.timeout) !== null && _a !== void 0 ? _a : this._opts.ackTimeout;\n        if (timeout === undefined) {\n            this.acks[id] = ack;\n            return;\n        }\n        // @ts-ignore\n        const timer = this.io.setTimeoutFn(() => {\n            delete this.acks[id];\n            for (let i = 0; i < this.sendBuffer.length; i++) {\n                if (this.sendBuffer[i].id === id) {\n                    this.sendBuffer.splice(i, 1);\n                }\n            }\n            ack.call(this, new Error(\"operation has timed out\"));\n        }, timeout);\n        const fn = (...args) => {\n            // @ts-ignore\n            this.io.clearTimeoutFn(timer);\n            ack.apply(this, args);\n        };\n        fn.withError = true;\n        this.acks[id] = fn;\n    }\n    /**\n     * Emits an event and waits for an acknowledgement\n     *\n     * @example\n     * // without timeout\n     * const response = await socket.emitWithAck(\"hello\", \"world\");\n     *\n     * // with a specific timeout\n     * try {\n     *   const response = await socket.timeout(1000).emitWithAck(\"hello\", \"world\");\n     * } catch (err) {\n     *   // the server did not acknowledge the event in the given delay\n     * }\n     *\n     * @return a Promise that will be fulfilled when the server acknowledges the event\n     */\n    emitWithAck(ev, ...args) {\n        return new Promise((resolve, reject) => {\n            const fn = (arg1, arg2) => {\n                return arg1 ? reject(arg1) : resolve(arg2);\n            };\n            fn.withError = true;\n            args.push(fn);\n            this.emit(ev, ...args);\n        });\n    }\n    /**\n     * Add the packet to the queue.\n     * @param args\n     * @private\n     */\n    _addToQueue(args) {\n        let ack;\n        if (typeof args[args.length - 1] === \"function\") {\n            ack = args.pop();\n        }\n        const packet = {\n            id: this._queueSeq++,\n            tryCount: 0,\n            pending: false,\n            args,\n            flags: Object.assign({ fromQueue: true }, this.flags),\n        };\n        args.push((err, ...responseArgs) => {\n            if (packet !== this._queue[0]) {\n                // the packet has already been acknowledged\n                return;\n            }\n            const hasError = err !== null;\n            if (hasError) {\n                if (packet.tryCount > this._opts.retries) {\n                    this._queue.shift();\n                    if (ack) {\n                        ack(err);\n                    }\n                }\n            }\n            else {\n                this._queue.shift();\n                if (ack) {\n                    ack(null, ...responseArgs);\n                }\n            }\n            packet.pending = false;\n            return this._drainQueue();\n        });\n        this._queue.push(packet);\n        this._drainQueue();\n    }\n    /**\n     * Send the first packet of the queue, and wait for an acknowledgement from the server.\n     * @param force - whether to resend a packet that has not been acknowledged yet\n     *\n     * @private\n     */\n    _drainQueue(force = false) {\n        if (!this.connected || this._queue.length === 0) {\n            return;\n        }\n        const packet = this._queue[0];\n        if (packet.pending && !force) {\n            return;\n        }\n        packet.pending = true;\n        packet.tryCount++;\n        this.flags = packet.flags;\n        this.emit.apply(this, packet.args);\n    }\n    /**\n     * Sends a packet.\n     *\n     * @param packet\n     * @private\n     */\n    packet(packet) {\n        packet.nsp = this.nsp;\n        this.io._packet(packet);\n    }\n    /**\n     * Called upon engine `open`.\n     *\n     * @private\n     */\n    onopen() {\n        if (typeof this.auth == \"function\") {\n            this.auth((data) => {\n                this._sendConnectPacket(data);\n            });\n        }\n        else {\n            this._sendConnectPacket(this.auth);\n        }\n    }\n    /**\n     * Sends a CONNECT packet to initiate the Socket.IO session.\n     *\n     * @param data\n     * @private\n     */\n    _sendConnectPacket(data) {\n        this.packet({\n            type: PacketType.CONNECT,\n            data: this._pid\n                ? Object.assign({ pid: this._pid, offset: this._lastOffset }, data)\n                : data,\n        });\n    }\n    /**\n     * Called upon engine or manager `error`.\n     *\n     * @param err\n     * @private\n     */\n    onerror(err) {\n        if (!this.connected) {\n            this.emitReserved(\"connect_error\", err);\n        }\n    }\n    /**\n     * Called upon engine `close`.\n     *\n     * @param reason\n     * @param description\n     * @private\n     */\n    onclose(reason, description) {\n        this.connected = false;\n        delete this.id;\n        this.emitReserved(\"disconnect\", reason, description);\n        this._clearAcks();\n    }\n    /**\n     * Clears the acknowledgement handlers upon disconnection, since the client will never receive an acknowledgement from\n     * the server.\n     *\n     * @private\n     */\n    _clearAcks() {\n        Object.keys(this.acks).forEach((id) => {\n            const isBuffered = this.sendBuffer.some((packet) => String(packet.id) === id);\n            if (!isBuffered) {\n                // note: handlers that do not accept an error as first argument are ignored here\n                const ack = this.acks[id];\n                delete this.acks[id];\n                if (ack.withError) {\n                    ack.call(this, new Error(\"socket has been disconnected\"));\n                }\n            }\n        });\n    }\n    /**\n     * Called with socket packet.\n     *\n     * @param packet\n     * @private\n     */\n    onpacket(packet) {\n        const sameNamespace = packet.nsp === this.nsp;\n        if (!sameNamespace)\n            return;\n        switch (packet.type) {\n            case PacketType.CONNECT:\n                if (packet.data && packet.data.sid) {\n                    this.onconnect(packet.data.sid, packet.data.pid);\n                }\n                else {\n                    this.emitReserved(\"connect_error\", new Error(\"It seems you are trying to reach a Socket.IO server in v2.x with a v3.x client, but they are not compatible (more information here: https://socket.io/docs/v3/migrating-from-2-x-to-3-0/)\"));\n                }\n                break;\n            case PacketType.EVENT:\n            case PacketType.BINARY_EVENT:\n                this.onevent(packet);\n                break;\n            case PacketType.ACK:\n            case PacketType.BINARY_ACK:\n                this.onack(packet);\n                break;\n            case PacketType.DISCONNECT:\n                this.ondisconnect();\n                break;\n            case PacketType.CONNECT_ERROR:\n                this.destroy();\n                const err = new Error(packet.data.message);\n                // @ts-ignore\n                err.data = packet.data.data;\n                this.emitReserved(\"connect_error\", err);\n                break;\n        }\n    }\n    /**\n     * Called upon a server event.\n     *\n     * @param packet\n     * @private\n     */\n    onevent(packet) {\n        const args = packet.data || [];\n        if (null != packet.id) {\n            args.push(this.ack(packet.id));\n        }\n        if (this.connected) {\n            this.emitEvent(args);\n        }\n        else {\n            this.receiveBuffer.push(Object.freeze(args));\n        }\n    }\n    emitEvent(args) {\n        if (this._anyListeners && this._anyListeners.length) {\n            const listeners = this._anyListeners.slice();\n            for (const listener of listeners) {\n                listener.apply(this, args);\n            }\n        }\n        super.emit.apply(this, args);\n        if (this._pid && args.length && typeof args[args.length - 1] === \"string\") {\n            this._lastOffset = args[args.length - 1];\n        }\n    }\n    /**\n     * Produces an ack callback to emit with an event.\n     *\n     * @private\n     */\n    ack(id) {\n        const self = this;\n        let sent = false;\n        return function (...args) {\n            // prevent double callbacks\n            if (sent)\n                return;\n            sent = true;\n            self.packet({\n                type: PacketType.ACK,\n                id: id,\n                data: args,\n            });\n        };\n    }\n    /**\n     * Called upon a server acknowledgement.\n     *\n     * @param packet\n     * @private\n     */\n    onack(packet) {\n        const ack = this.acks[packet.id];\n        if (typeof ack !== \"function\") {\n            return;\n        }\n        delete this.acks[packet.id];\n        // @ts-ignore FIXME ack is incorrectly inferred as 'never'\n        if (ack.withError) {\n            packet.data.unshift(null);\n        }\n        // @ts-ignore\n        ack.apply(this, packet.data);\n    }\n    /**\n     * Called upon server connect.\n     *\n     * @private\n     */\n    onconnect(id, pid) {\n        this.id = id;\n        this.recovered = pid && this._pid === pid;\n        this._pid = pid; // defined only if connection state recovery is enabled\n        this.connected = true;\n        this.emitBuffered();\n        this.emitReserved(\"connect\");\n        this._drainQueue(true);\n    }\n    /**\n     * Emit buffered events (received and emitted).\n     *\n     * @private\n     */\n    emitBuffered() {\n        this.receiveBuffer.forEach((args) => this.emitEvent(args));\n        this.receiveBuffer = [];\n        this.sendBuffer.forEach((packet) => {\n            this.notifyOutgoingListeners(packet);\n            this.packet(packet);\n        });\n        this.sendBuffer = [];\n    }\n    /**\n     * Called upon server disconnect.\n     *\n     * @private\n     */\n    ondisconnect() {\n        this.destroy();\n        this.onclose(\"io server disconnect\");\n    }\n    /**\n     * Called upon forced client/server side disconnections,\n     * this method ensures the manager stops tracking us and\n     * that reconnections don't get triggered for this.\n     *\n     * @private\n     */\n    destroy() {\n        if (this.subs) {\n            // clean subscriptions to avoid reconnections\n            this.subs.forEach((subDestroy) => subDestroy());\n            this.subs = undefined;\n        }\n        this.io[\"_destroy\"](this);\n    }\n    /**\n     * Disconnects the socket manually. In that case, the socket will not try to reconnect.\n     *\n     * If this is the last active Socket instance of the {@link Manager}, the low-level connection will be closed.\n     *\n     * @example\n     * const socket = io();\n     *\n     * socket.on(\"disconnect\", (reason) => {\n     *   // console.log(reason); prints \"io client disconnect\"\n     * });\n     *\n     * socket.disconnect();\n     *\n     * @return self\n     */\n    disconnect() {\n        if (this.connected) {\n            this.packet({ type: PacketType.DISCONNECT });\n        }\n        // remove socket from pool\n        this.destroy();\n        if (this.connected) {\n            // fire events\n            this.onclose(\"io client disconnect\");\n        }\n        return this;\n    }\n    /**\n     * Alias for {@link disconnect()}.\n     *\n     * @return self\n     */\n    close() {\n        return this.disconnect();\n    }\n    /**\n     * Sets the compress flag.\n     *\n     * @example\n     * socket.compress(false).emit(\"hello\");\n     *\n     * @param compress - if `true`, compresses the sending data\n     * @return self\n     */\n    compress(compress) {\n        this.flags.compress = compress;\n        return this;\n    }\n    /**\n     * Sets a modifier for a subsequent event emission that the event message will be dropped when this socket is not\n     * ready to send messages.\n     *\n     * @example\n     * socket.volatile.emit(\"hello\"); // the server may or may not receive it\n     *\n     * @returns self\n     */\n    get volatile() {\n        this.flags.volatile = true;\n        return this;\n    }\n    /**\n     * Sets a modifier for a subsequent event emission that the callback will be called with an error when the\n     * given number of milliseconds have elapsed without an acknowledgement from the server:\n     *\n     * @example\n     * socket.timeout(5000).emit(\"my-event\", (err) => {\n     *   if (err) {\n     *     // the server did not acknowledge the event in the given delay\n     *   }\n     * });\n     *\n     * @returns self\n     */\n    timeout(timeout) {\n        this.flags.timeout = timeout;\n        return this;\n    }\n    /**\n     * Adds a listener that will be fired when any event is emitted. The event name is passed as the first argument to the\n     * callback.\n     *\n     * @example\n     * socket.onAny((event, ...args) => {\n     *   console.log(`got ${event}`);\n     * });\n     *\n     * @param listener\n     */\n    onAny(listener) {\n        this._anyListeners = this._anyListeners || [];\n        this._anyListeners.push(listener);\n        return this;\n    }\n    /**\n     * Adds a listener that will be fired when any event is emitted. The event name is passed as the first argument to the\n     * callback. The listener is added to the beginning of the listeners array.\n     *\n     * @example\n     * socket.prependAny((event, ...args) => {\n     *   console.log(`got event ${event}`);\n     * });\n     *\n     * @param listener\n     */\n    prependAny(listener) {\n        this._anyListeners = this._anyListeners || [];\n        this._anyListeners.unshift(listener);\n        return this;\n    }\n    /**\n     * Removes the listener that will be fired when any event is emitted.\n     *\n     * @example\n     * const catchAllListener = (event, ...args) => {\n     *   console.log(`got event ${event}`);\n     * }\n     *\n     * socket.onAny(catchAllListener);\n     *\n     * // remove a specific listener\n     * socket.offAny(catchAllListener);\n     *\n     * // or remove all listeners\n     * socket.offAny();\n     *\n     * @param listener\n     */\n    offAny(listener) {\n        if (!this._anyListeners) {\n            return this;\n        }\n        if (listener) {\n            const listeners = this._anyListeners;\n            for (let i = 0; i < listeners.length; i++) {\n                if (listener === listeners[i]) {\n                    listeners.splice(i, 1);\n                    return this;\n                }\n            }\n        }\n        else {\n            this._anyListeners = [];\n        }\n        return this;\n    }\n    /**\n     * Returns an array of listeners that are listening for any event that is specified. This array can be manipulated,\n     * e.g. to remove listeners.\n     */\n    listenersAny() {\n        return this._anyListeners || [];\n    }\n    /**\n     * Adds a listener that will be fired when any event is emitted. The event name is passed as the first argument to the\n     * callback.\n     *\n     * Note: acknowledgements sent to the server are not included.\n     *\n     * @example\n     * socket.onAnyOutgoing((event, ...args) => {\n     *   console.log(`sent event ${event}`);\n     * });\n     *\n     * @param listener\n     */\n    onAnyOutgoing(listener) {\n        this._anyOutgoingListeners = this._anyOutgoingListeners || [];\n        this._anyOutgoingListeners.push(listener);\n        return this;\n    }\n    /**\n     * Adds a listener that will be fired when any event is emitted. The event name is passed as the first argument to the\n     * callback. The listener is added to the beginning of the listeners array.\n     *\n     * Note: acknowledgements sent to the server are not included.\n     *\n     * @example\n     * socket.prependAnyOutgoing((event, ...args) => {\n     *   console.log(`sent event ${event}`);\n     * });\n     *\n     * @param listener\n     */\n    prependAnyOutgoing(listener) {\n        this._anyOutgoingListeners = this._anyOutgoingListeners || [];\n        this._anyOutgoingListeners.unshift(listener);\n        return this;\n    }\n    /**\n     * Removes the listener that will be fired when any event is emitted.\n     *\n     * @example\n     * const catchAllListener = (event, ...args) => {\n     *   console.log(`sent event ${event}`);\n     * }\n     *\n     * socket.onAnyOutgoing(catchAllListener);\n     *\n     * // remove a specific listener\n     * socket.offAnyOutgoing(catchAllListener);\n     *\n     * // or remove all listeners\n     * socket.offAnyOutgoing();\n     *\n     * @param [listener] - the catch-all listener (optional)\n     */\n    offAnyOutgoing(listener) {\n        if (!this._anyOutgoingListeners) {\n            return this;\n        }\n        if (listener) {\n            const listeners = this._anyOutgoingListeners;\n            for (let i = 0; i < listeners.length; i++) {\n                if (listener === listeners[i]) {\n                    listeners.splice(i, 1);\n                    return this;\n                }\n            }\n        }\n        else {\n            this._anyOutgoingListeners = [];\n        }\n        return this;\n    }\n    /**\n     * Returns an array of listeners that are listening for any event that is specified. This array can be manipulated,\n     * e.g. to remove listeners.\n     */\n    listenersAnyOutgoing() {\n        return this._anyOutgoingListeners || [];\n    }\n    /**\n     * Notify the listeners for each packet sent\n     *\n     * @param packet\n     *\n     * @private\n     */\n    notifyOutgoingListeners(packet) {\n        if (this._anyOutgoingListeners && this._anyOutgoingListeners.length) {\n            const listeners = this._anyOutgoingListeners.slice();\n            for (const listener of listeners) {\n                listener.apply(this, packet.data);\n            }\n        }\n    }\n}\n", "/**\n * Initialize backoff timer with `opts`.\n *\n * - `min` initial timeout in milliseconds [100]\n * - `max` max timeout [10000]\n * - `jitter` [0]\n * - `factor` [2]\n *\n * @param {Object} opts\n * @api public\n */\nexport function Backoff(opts) {\n    opts = opts || {};\n    this.ms = opts.min || 100;\n    this.max = opts.max || 10000;\n    this.factor = opts.factor || 2;\n    this.jitter = opts.jitter > 0 && opts.jitter <= 1 ? opts.jitter : 0;\n    this.attempts = 0;\n}\n/**\n * Return the backoff duration.\n *\n * @return {Number}\n * @api public\n */\nBackoff.prototype.duration = function () {\n    var ms = this.ms * Math.pow(this.factor, this.attempts++);\n    if (this.jitter) {\n        var rand = Math.random();\n        var deviation = Math.floor(rand * this.jitter * ms);\n        ms = (Math.floor(rand * 10) & 1) == 0 ? ms - deviation : ms + deviation;\n    }\n    return Math.min(ms, this.max) | 0;\n};\n/**\n * Reset the number of attempts.\n *\n * @api public\n */\nBackoff.prototype.reset = function () {\n    this.attempts = 0;\n};\n/**\n * Set the minimum duration\n *\n * @api public\n */\nBackoff.prototype.setMin = function (min) {\n    this.ms = min;\n};\n/**\n * Set the maximum duration\n *\n * @api public\n */\nBackoff.prototype.setMax = function (max) {\n    this.max = max;\n};\n/**\n * Set the jitter\n *\n * @api public\n */\nBackoff.prototype.setJitter = function (jitter) {\n    this.jitter = jitter;\n};\n", "import { Socket as Engine, installTimerFunctions, nextTick, } from \"engine.io-client\";\nimport { Socket } from \"./socket.js\";\nimport * as parser from \"socket.io-parser\";\nimport { on } from \"./on.js\";\nimport { Backoff } from \"./contrib/backo2.js\";\nimport { Emitter, } from \"@socket.io/component-emitter\";\nexport class Manager extends Emitter {\n    constructor(uri, opts) {\n        var _a;\n        super();\n        this.nsps = {};\n        this.subs = [];\n        if (uri && \"object\" === typeof uri) {\n            opts = uri;\n            uri = undefined;\n        }\n        opts = opts || {};\n        opts.path = opts.path || \"/socket.io\";\n        this.opts = opts;\n        installTimerFunctions(this, opts);\n        this.reconnection(opts.reconnection !== false);\n        this.reconnectionAttempts(opts.reconnectionAttempts || Infinity);\n        this.reconnectionDelay(opts.reconnectionDelay || 1000);\n        this.reconnectionDelayMax(opts.reconnectionDelayMax || 5000);\n        this.randomizationFactor((_a = opts.randomizationFactor) !== null && _a !== void 0 ? _a : 0.5);\n        this.backoff = new Backoff({\n            min: this.reconnectionDelay(),\n            max: this.reconnectionDelayMax(),\n            jitter: this.randomizationFactor(),\n        });\n        this.timeout(null == opts.timeout ? 20000 : opts.timeout);\n        this._readyState = \"closed\";\n        this.uri = uri;\n        const _parser = opts.parser || parser;\n        this.encoder = new _parser.Encoder();\n        this.decoder = new _parser.Decoder();\n        this._autoConnect = opts.autoConnect !== false;\n        if (this._autoConnect)\n            this.open();\n    }\n    reconnection(v) {\n        if (!arguments.length)\n            return this._reconnection;\n        this._reconnection = !!v;\n        return this;\n    }\n    reconnectionAttempts(v) {\n        if (v === undefined)\n            return this._reconnectionAttempts;\n        this._reconnectionAttempts = v;\n        return this;\n    }\n    reconnectionDelay(v) {\n        var _a;\n        if (v === undefined)\n            return this._reconnectionDelay;\n        this._reconnectionDelay = v;\n        (_a = this.backoff) === null || _a === void 0 ? void 0 : _a.setMin(v);\n        return this;\n    }\n    randomizationFactor(v) {\n        var _a;\n        if (v === undefined)\n            return this._randomizationFactor;\n        this._randomizationFactor = v;\n        (_a = this.backoff) === null || _a === void 0 ? void 0 : _a.setJitter(v);\n        return this;\n    }\n    reconnectionDelayMax(v) {\n        var _a;\n        if (v === undefined)\n            return this._reconnectionDelayMax;\n        this._reconnectionDelayMax = v;\n        (_a = this.backoff) === null || _a === void 0 ? void 0 : _a.setMax(v);\n        return this;\n    }\n    timeout(v) {\n        if (!arguments.length)\n            return this._timeout;\n        this._timeout = v;\n        return this;\n    }\n    /**\n     * Starts trying to reconnect if reconnection is enabled and we have not\n     * started reconnecting yet\n     *\n     * @private\n     */\n    maybeReconnectOnOpen() {\n        // Only try to reconnect if it's the first time we're connecting\n        if (!this._reconnecting &&\n            this._reconnection &&\n            this.backoff.attempts === 0) {\n            // keeps reconnection from firing twice for the same reconnection loop\n            this.reconnect();\n        }\n    }\n    /**\n     * Sets the current transport `socket`.\n     *\n     * @param {Function} fn - optional, callback\n     * @return self\n     * @public\n     */\n    open(fn) {\n        if (~this._readyState.indexOf(\"open\"))\n            return this;\n        this.engine = new Engine(this.uri, this.opts);\n        const socket = this.engine;\n        const self = this;\n        this._readyState = \"opening\";\n        this.skipReconnect = false;\n        // emit `open`\n        const openSubDestroy = on(socket, \"open\", function () {\n            self.onopen();\n            fn && fn();\n        });\n        const onError = (err) => {\n            this.cleanup();\n            this._readyState = \"closed\";\n            this.emitReserved(\"error\", err);\n            if (fn) {\n                fn(err);\n            }\n            else {\n                // Only do this if there is no fn to handle the error\n                this.maybeReconnectOnOpen();\n            }\n        };\n        // emit `error`\n        const errorSub = on(socket, \"error\", onError);\n        if (false !== this._timeout) {\n            const timeout = this._timeout;\n            // set timer\n            const timer = this.setTimeoutFn(() => {\n                openSubDestroy();\n                onError(new Error(\"timeout\"));\n                socket.close();\n            }, timeout);\n            if (this.opts.autoUnref) {\n                timer.unref();\n            }\n            this.subs.push(() => {\n                this.clearTimeoutFn(timer);\n            });\n        }\n        this.subs.push(openSubDestroy);\n        this.subs.push(errorSub);\n        return this;\n    }\n    /**\n     * Alias for open()\n     *\n     * @return self\n     * @public\n     */\n    connect(fn) {\n        return this.open(fn);\n    }\n    /**\n     * Called upon transport open.\n     *\n     * @private\n     */\n    onopen() {\n        // clear old subs\n        this.cleanup();\n        // mark as open\n        this._readyState = \"open\";\n        this.emitReserved(\"open\");\n        // add new subs\n        const socket = this.engine;\n        this.subs.push(on(socket, \"ping\", this.onping.bind(this)), on(socket, \"data\", this.ondata.bind(this)), on(socket, \"error\", this.onerror.bind(this)), on(socket, \"close\", this.onclose.bind(this)), on(this.decoder, \"decoded\", this.ondecoded.bind(this)));\n    }\n    /**\n     * Called upon a ping.\n     *\n     * @private\n     */\n    onping() {\n        this.emitReserved(\"ping\");\n    }\n    /**\n     * Called with data.\n     *\n     * @private\n     */\n    ondata(data) {\n        try {\n            this.decoder.add(data);\n        }\n        catch (e) {\n            this.onclose(\"parse error\", e);\n        }\n    }\n    /**\n     * Called when parser fully decodes a packet.\n     *\n     * @private\n     */\n    ondecoded(packet) {\n        // the nextTick call prevents an exception in a user-provided event listener from triggering a disconnection due to a \"parse error\"\n        nextTick(() => {\n            this.emitReserved(\"packet\", packet);\n        }, this.setTimeoutFn);\n    }\n    /**\n     * Called upon socket error.\n     *\n     * @private\n     */\n    onerror(err) {\n        this.emitReserved(\"error\", err);\n    }\n    /**\n     * Creates a new socket for the given `nsp`.\n     *\n     * @return {Socket}\n     * @public\n     */\n    socket(nsp, opts) {\n        let socket = this.nsps[nsp];\n        if (!socket) {\n            socket = new Socket(this, nsp, opts);\n            this.nsps[nsp] = socket;\n        }\n        else if (this._autoConnect && !socket.active) {\n            socket.connect();\n        }\n        return socket;\n    }\n    /**\n     * Called upon a socket close.\n     *\n     * @param socket\n     * @private\n     */\n    _destroy(socket) {\n        const nsps = Object.keys(this.nsps);\n        for (const nsp of nsps) {\n            const socket = this.nsps[nsp];\n            if (socket.active) {\n                return;\n            }\n        }\n        this._close();\n    }\n    /**\n     * Writes a packet.\n     *\n     * @param packet\n     * @private\n     */\n    _packet(packet) {\n        const encodedPackets = this.encoder.encode(packet);\n        for (let i = 0; i < encodedPackets.length; i++) {\n            this.engine.write(encodedPackets[i], packet.options);\n        }\n    }\n    /**\n     * Clean up transport subscriptions and packet buffer.\n     *\n     * @private\n     */\n    cleanup() {\n        this.subs.forEach((subDestroy) => subDestroy());\n        this.subs.length = 0;\n        this.decoder.destroy();\n    }\n    /**\n     * Close the current socket.\n     *\n     * @private\n     */\n    _close() {\n        this.skipReconnect = true;\n        this._reconnecting = false;\n        this.onclose(\"forced close\");\n        if (this.engine)\n            this.engine.close();\n    }\n    /**\n     * Alias for close()\n     *\n     * @private\n     */\n    disconnect() {\n        return this._close();\n    }\n    /**\n     * Called upon engine close.\n     *\n     * @private\n     */\n    onclose(reason, description) {\n        this.cleanup();\n        this.backoff.reset();\n        this._readyState = \"closed\";\n        this.emitReserved(\"close\", reason, description);\n        if (this._reconnection && !this.skipReconnect) {\n            this.reconnect();\n        }\n    }\n    /**\n     * Attempt a reconnection.\n     *\n     * @private\n     */\n    reconnect() {\n        if (this._reconnecting || this.skipReconnect)\n            return this;\n        const self = this;\n        if (this.backoff.attempts >= this._reconnectionAttempts) {\n            this.backoff.reset();\n            this.emitReserved(\"reconnect_failed\");\n            this._reconnecting = false;\n        }\n        else {\n            const delay = this.backoff.duration();\n            this._reconnecting = true;\n            const timer = this.setTimeoutFn(() => {\n                if (self.skipReconnect)\n                    return;\n                this.emitReserved(\"reconnect_attempt\", self.backoff.attempts);\n                // check again for the case socket closed in above events\n                if (self.skipReconnect)\n                    return;\n                self.open((err) => {\n                    if (err) {\n                        self._reconnecting = false;\n                        self.reconnect();\n                        this.emitReserved(\"reconnect_error\", err);\n                    }\n                    else {\n                        self.onreconnect();\n                    }\n                });\n            }, delay);\n            if (this.opts.autoUnref) {\n                timer.unref();\n            }\n            this.subs.push(() => {\n                this.clearTimeoutFn(timer);\n            });\n        }\n    }\n    /**\n     * Called upon successful reconnect.\n     *\n     * @private\n     */\n    onreconnect() {\n        const attempt = this.backoff.attempts;\n        this._reconnecting = false;\n        this.backoff.reset();\n        this.emitReserved(\"reconnect\", attempt);\n    }\n}\n", "import { url } from \"./url.js\";\nimport { Manager } from \"./manager.js\";\nimport { Socket } from \"./socket.js\";\n/**\n * Managers cache.\n */\nconst cache = {};\nfunction lookup(uri, opts) {\n    if (typeof uri === \"object\") {\n        opts = uri;\n        uri = undefined;\n    }\n    opts = opts || {};\n    const parsed = url(uri, opts.path || \"/socket.io\");\n    const source = parsed.source;\n    const id = parsed.id;\n    const path = parsed.path;\n    const sameNamespace = cache[id] && path in cache[id][\"nsps\"];\n    const newConnection = opts.forceNew ||\n        opts[\"force new connection\"] ||\n        false === opts.multiplex ||\n        sameNamespace;\n    let io;\n    if (newConnection) {\n        io = new Manager(source, opts);\n    }\n    else {\n        if (!cache[id]) {\n            cache[id] = new Manager(source, opts);\n        }\n        io = cache[id];\n    }\n    if (parsed.query && !opts.query) {\n        opts.query = parsed.queryKey;\n    }\n    return io.socket(parsed.path, opts);\n}\n// so that \"lookup\" can be used both as a function (e.g. `io(...)`) and as a\n// namespace (e.g. `io.connect(...)`), for backward compatibility\nObject.assign(lookup, {\n    Manager,\n    Socket,\n    io: lookup,\n    connect: lookup,\n});\n/**\n * Protocol version.\n *\n * @public\n */\nexport { protocol } from \"socket.io-parser\";\n/**\n * Expose constructors for standalone build.\n *\n * @public\n */\nexport { Manager, Socket, lookup as io, lookup as connect, lookup as default, };\n", "/** A zero dependency web component that will display a managed uibuilder variable.\n *\n * Version: 1.0.1 2023-12-27\n */\n/*\n  Copyright (c) 2023-2024 Julian Knight (Totally Information)\n\n  Licensed under the Apache License, Version 2.0 (the \"License\");\n  you may not use this file except in compliance with the License.\n  You may obtain a copy of the License at\n\n  http://www.apache.org/licenses/LICENSE-2.0\n\n  Unless required by applicable law or agreed to in writing, software\n  distributed under the License is distributed on an \"AS IS\" BASIS,\n  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  See the License for the specific language governing permissions and\n  limitations under the License.\n*/\n\n// const template = document.createElement('template')\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`<span></span>`\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`<link type=\"text/css\" rel=\"stylesheet\" href=\"\"../uibuilder/uib-brand.min.css\"\" media=\"all\"><span></span>`\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`\n// {/* <style>@import url(\"../uibuilder/uib-brand.min.css\");</style><span></span> */}\n// `\n\nexport default class UibVar extends HTMLElement {\n    //#region --- Class Properties ---\n    /** @type {string} Name of the uibuilder mangaged variable to use */\n    variable\n    /** Current value of the watched variable */\n    value\n    /** Whether to output if the variable is undefined */\n    undef = false\n    /** Whether to send update value to Node-RED on change */\n    report = false\n    /** What is the value type */\n    type = 'plain'\n    /** what are the available types? */\n    types = ['plain', 'html', 'markdown', 'object', 'json', 'table', 'list', 'array']\n    /** Holds uibuilder.onTopic listeners */\n    topicMonitors = {}\n    /** Is UIBUILDER loaded? */\n    uib = !!window['uibuilder']\n\n    /** Mini jQuery-like shadow dom selector (see constructor) */\n    $\n\n    /** Holds a count of how many instances of this component are on the page */\n    static _iCount = 0\n    /** @type {Array<string>} List of all of the html attribs (props) listened to */\n    static props = ['filter', 'id', 'name', 'report', 'topic', 'type', 'undefined', 'variable',]\n    //#endregion --- Class Properties ---\n\n    constructor() {\n        super()\n        this.shadow = this.attachShadow({ mode: 'open', delegatesFocus: true })\n        //  .append(template.content.cloneNode(true))\n\n        this.$ = this.shadowRoot.querySelector.bind(this.shadowRoot)\n\n        // Apply external styles to the shadow dom - assumes you use index.css in same url location as main url\n        this.css = document.createElement('link')\n        this.css.setAttribute('type', 'text/css')\n        this.css.setAttribute('rel', 'stylesheet')\n        this.css.setAttribute('href', './index.css')\n\n        this.dispatchEvent(new Event('uib-var:construction', { bubbles: true, composed: true }))\n    }\n\n    // Makes HTML attribute change watched\n    static get observedAttributes() {\n        return UibVar.props\n    }\n\n    /** Handle watched attributes\n     * NOTE: On initial startup, this is called for each watched attrib set in HTML - BEFORE connectedCallback is called.\n     * Attribute values can only ever be strings\n     * @param {string} attrib The name of the attribute that is changing\n     * @param {string} newVal The new value of the attribute\n     * @param {string} oldVal The old value of the attribute\n     */\n    attributeChangedCallback(attrib, oldVal, newVal) {\n        if ( oldVal === newVal ) return\n\n        switch (attrib) {\n            case 'variable': {\n                // NB Doesn't check if var exists because it might not be set yet\n                if (newVal === '') throw new Error('[uib-var] Attribute \"variable\" MUST be set to a UIBUILDER managed variable name')\n                this.variable = newVal\n                this.doWatch()\n                break\n            }\n            case 'undefined': {\n                if (newVal === '' || ['on', 'true', 'report'].includes(newVal.toLowerCase())) this.undef = true\n                else this.undef = false\n                break\n            }\n            case 'report': {\n                if (newVal === '' || ['on', 'true', 'report'].includes(newVal.toLowerCase())) this.report = true\n                else this.report = false\n                break\n            }\n            case 'type': {\n                if (newVal === '' || !this.types.includes(newVal.toLowerCase())) this.type = 'plain'\n                else this.type = newVal\n                break\n            }\n            case 'topic': {\n                // console.log(1, attrib, newVal)\n                // Handle empty topic\n                if (!newVal) break\n                // Ignore if not using uibuilder\n                if (!this.uib) break\n                // If variable attrib set, give warning and ignore\n                if (this.variable) {\n                    console.warn('\u26A0\uFE0F [uib-var] Cannot process both variable and topic attributes, use only 1. Using variable')\n                    break\n                }\n\n                this.topic = newVal\n\n                // Cancel old listener just in case\n                if (this.topicMonitors[newVal]) uibuilder.cancelTopic(newVal, this.topicMonitors[newVal])\n                // Set up a uibuilder listener for this topic - ASSUMES msg.payload contains the VALUE to show\n                this.topicMonitors[newVal] = uibuilder.onTopic(newVal, (msg) => {\n                    // console.log('\uD83D\uDD26 topicMonitor \u27EB', newVal, msg)\n                    this.value = msg.payload\n                    this.varDom()\n                    if (this.report === true) window['uibuilder'].send({ topic: this.variable, payload: this.value || undefined })\n                })\n                this.varDom()\n\n                break\n            }\n            case 'filter': {\n                this.filter = undefined\n                this.filterArgs = []\n\n                // Handle empty filter\n                if (!newVal) break\n\n                this.filter = newVal\n\n                // Filter the input - at least limit the length of the attr\n                newVal = newVal.slice(0, 127)\n                // Remove spaces and then separate fn name from potential extra arguments\n                const f = newVal.replace(/\\s/g, '').match(/([a-zA-Z_$][a-zA-Z_$0-9.-]+)(\\((.*)\\))?/)\n                if (!f) {\n                    console.warn(`\u26A0\uFE0F [uib-var] Filter function \"${newVal}\" invalid. Cannot process.`)\n                    break\n                }\n                // Fn name\n                this.filter = f[1]\n                // Fn arguments\n                if (f[3]) { // undefined if no args found\n                    // TODO Do we really want to try this?\n                    try {\n                        this.filterArgs = JSON.parse(f[3])\n                    } catch (e) {}\n\n                    this.filterArgs = f[3].split(',').map((x) => {\n                        // No objects/arrays allowed - if they have a , they are split\n                        x = x.trim()\n                        // @ts-ignore NB: Do NOT use Number.isNaN here, it is too narrow minded\n                        if (isNaN(x)) {\n                            // String inside string ends up double quoted so remove those\n                            let y = x.replace(/^[\"'`]/, '').replace(/[\"'`]$/, '')\n                            // Attempt very limited parse in case it is valid object/array\n                            try {\n                                y = new Function(`return ${y}`)() // eslint-disable-line no-new-func\n                            } catch (e) {}\n                            return y\n                        }\n                        return Number(x)\n                    })\n                }\n\n                // Apply the filter directly if neither variable nor topic attribs set\n                if (!this.variable && !this.topic) this.varDom(false)\n                break\n            }\n\n            default: {\n                this[attrib] = newVal\n                break\n            }\n        }\n    } // --- end of attributeChangedCallback --- //\n\n    // Runs when an instance is added to the DOM\n    connectedCallback() {\n        // Make sure instance has an ID. Create an id from name or calculation if needed\n        if (!this.id) {\n            if (!this.name) this.name = this.getAttribute('name')\n            if (this.name) this.id = this.name.toLowerCase().replace(/\\s/g, '_')\n            else this.id = `uib-var-${++UibVar._iCount}`\n        }\n    }  // ---- end of connectedCallback ---- //\n\n    // Runs when an instance is removed from the DOM\n    disconnectedCallback() {\n        // Ignore if not using uibuilder\n        if (this.uib) {\n            Object.keys(this.topicMonitors).forEach( topic => {\n                uibuilder.cancelTopic(topic, this.topicMonitors[topic])\n            })\n        }\n    } // ---- end of disconnectedCallback ---- //\n\n    /** Process changes to the required uibuilder variable */\n    doWatch() {\n        if (!this.variable) throw new Error('No variable name provided')\n        // if (!this.uib) throw new Error('UIBUILDER client library not loaded - this component must be loaded AFTER the UIBUILDER library')\n\n        this.value = window['uibuilder'].get(this.variable)\n        this.varDom()\n\n        // Watch for changes in the variable\n        window['uibuilder'].onChange(this.variable, (val) => {\n            this.value = val\n            this.varDom()\n            if (this.report === true) window['uibuilder'].send({ topic: this.variable, payload: this.value || undefined })\n        })\n    }\n\n    /** Convert this.value to DOM output (applies output filter if needed)\n     * @param {boolean} chkVal If true (default), check for undefined value. False used to run filter even with no value set.\n     */\n    varDom(chkVal = true) {\n        // If user doesn't want to show undefined vars, allow the component slot to show instead\n        if (chkVal === true && !this.value && this.undef !== true) {\n            this.shadow.innerHTML = '<slot></slot>'\n            return\n        }\n\n        // Apply the filter to the value before display\n        let val = chkVal ? this.doFilter(this.value) : this.doFilter()\n\n        // console.log('\uD83D\uDD26 varDOM \u27EB ', val, typeof val, this.type)\n\n        let out = val\n\n        switch (this.type) {\n            case 'markdown': {\n                if (this.uib) out = window['uibuilder'].convertMarkdown(val)\n                break\n            }\n\n            case 'json':\n            case 'object': {\n                // console.log(window['uibuilder'].syntaxHighlight(val))\n                out = `<pre class=\"syntax-highlight\">${this.uib ? window['uibuilder'].syntaxHighlight(val) : val}</pre>`\n                break\n            }\n\n            case 'table': {\n                // console.log('\uD83D\uDD26 val \u27EB', val)\n                // if (!Array.isArray(val)) {\n                //     out = '<code>Contents of msg.payload is not an array which is required for table output.</code>'\n                //     break\n                // }\n                out = window['uibuilder'].sanitiseHTML(window['uibuilder'].buildHtmlTable(val).outerHTML)\n                break\n            }\n\n            case 'array':\n            case 'list': {\n                if (!Array.isArray(val)) val = [val]\n                // console.log('\uD83D\uDD26 val \u27EB', val)\n                out = '<ul>'\n                val.forEach( li => {\n                    out += `<li>${window['uibuilder'].sanitiseHTML(li)}</li>`\n                })\n                out += '</ul>'\n                break\n            }\n\n            case 'plain':\n            case 'html':\n            default: {\n                const t = typeof val\n                if (Array.isArray(val) || t === '[object Object]' || t === 'object') {\n                    try {\n                        out = JSON.stringify(val)\n                    } catch (e) {}\n                }\n                break\n            }\n        }\n        if (this.uib) this.shadow.innerHTML = window['uibuilder'].sanitiseHTML(out)\n        else this.shadow.innerHTML = out\n\n        this.shadow.appendChild(this.css)\n    }\n\n    /** Apply value filter if specified\n     * @param {*} value The value to change\n     * @returns {*} The amended value that will be displayed\n     */\n    doFilter(value) {\n        if (this.filter) {\n            // Cater for dotted notation functions (e.g. uibuilder.get)\n            const splitFilter = this.filter.split('.')\n            let globalFn = globalThis[splitFilter[0]]\n            if (globalFn && splitFilter.length > 1) {\n                const parts = [splitFilter.pop()]\n                parts.forEach( part => {\n                    globalFn = globalFn[part]\n                } )\n            }\n            if (!globalFn && this.uib === true) globalFn = globalThis['uibuilder'][splitFilter[0]]\n            if (globalFn && typeof globalFn !== 'function' ) globalFn = undefined\n            if (globalFn) {\n                const argList = value === undefined ? [...this.filterArgs] : [value, ...this.filterArgs]\n                value = Reflect.apply(globalFn, value ?? globalFn, argList)\n            } else {\n                console.warn(`\u26A0\uFE0F [uib-var] Filter function \"${this.filter}\" ${typeof globalFn === 'object' ? 'is an object not a function' : 'not found'}`)\n            }\n        }\n\n        return value\n    }\n}\n\n// Add the class as a new Custom Element to the window object\n// customElements.define('uib-var', UibVar)\n", "/** A zero dependency web component that will display some metadata about the current web page.\n *\n * @version 1.0.0 2024-06-01\n *\n * @example\n *  <div id=\"more\">\n *    <uib-meta type=\"created\" format=\"t\"></uib-meta><br>\n *    <uib-meta format=\"d\"></uib-meta><br>\n *    <uib-meta type=\"updated\" format=\"dt\"></uib-meta><br>\n *    <uib-meta type=\"crup\" format=\"d\"></uib-meta><br>\n *    <uib-meta type=\"size\" format=\"k\"></uib-meta><br>\n *  </div>\n */\n/*\n  Copyright (c) 2024-2024 Julian Knight (Totally Information)\n\n  Licensed under the Apache License, Version 2.0 (the \"License\");\n  you may not use this file except in compliance with the License.\n  You may obtain a copy of the License at\n\n  http://www.apache.org/licenses/LICENSE-2.0\n\n  Unless required by applicable law or agreed to in writing, software\n  distributed under the License is distributed on an \"AS IS\" BASIS,\n  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  See the License for the specific language governing permissions and\n  limitations under the License.\n*/\n\n// const template = document.createElement('template')\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`<span></span>`\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`<link type=\"text/css\" rel=\"stylesheet\" href=\"\"../uibuilder/uib-brand.min.css\"\" media=\"all\"><span></span>`\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`\n// {/* <style>@import url(\"../uibuilder/uib-brand.min.css\");</style><span></span> */}\n// `\n\nexport default class UibMeta extends HTMLElement {\n    //#region --- Class Properties ---\n    /** @type {string} Name of the uibuilder mangaged variable to use */\n    variable = 'pageMeta'\n    /** Current value of the watched variable */\n    value\n    /** Whether to output if the variable is undefined */\n    undef = false\n    /** Whether to send update value to Node-RED on change */\n    report = false\n    /** What is the value type */\n    type = 'created'\n    /** what are the available types? */\n    types = ['created', 'updated', 'crup', 'size', 'modified',]\n    /** Chosen formatting - default to none */\n    format = ''\n    /** what are the available formats? */\n    formats = ['d', 'dt', 't', 'k', 'm']\n    /** Holds uibuilder.onTopic listeners */\n    topicMonitors = {}\n    /** Is UIBUILDER loaded? */\n    uib = !!window['uibuilder']\n\n    /** Mini jQuery-like shadow dom selector (see constructor) */\n    $\n\n    /** Holds a count of how many instances of this component are on the page */\n    static _iCount = 0\n    /** @type {Array<string>} List of all of the html attribs (props) listened to */\n    static props = ['type', 'format']\n    //#endregion --- Class Properties ---\n\n    constructor() {\n        super()\n        this.shadow = this.attachShadow({ mode: 'open', delegatesFocus: true })\n        //  .append(template.content.cloneNode(true))\n\n        this.$ = this.shadowRoot.querySelector.bind(this.shadowRoot)\n\n        // Apply external styles to the shadow dom - assumes you use index.css in same url location as main url\n        // this.css = document.createElement('link')\n        // this.css.setAttribute('type', 'text/css')\n        // this.css.setAttribute('rel', 'stylesheet')\n        // this.css.setAttribute('href', './index.css')\n\n        // Get the latest page metadata from the server\n        this.value = window['uibuilder'].get('pageMeta')\n        if (!this.value) window['uibuilder'].getPageMeta()\n        this.doWatch()\n\n        this.dispatchEvent(new Event('uib-meta:construction', { bubbles: true, composed: true }))\n    }\n\n    // Makes HTML attribute change watched\n    static get observedAttributes() {\n        return UibMeta.props\n    }\n\n    /** Handle watched attributes\n     * NOTE: On initial startup, this is called for each watched attrib set in HTML - BEFORE connectedCallback is called.\n     * Attribute values can only ever be strings\n     * @param {string} attrib The name of the attribute that is changing\n     * @param {string} newVal The new value of the attribute\n     * @param {string} oldVal The old value of the attribute\n     */\n    attributeChangedCallback(attrib, oldVal, newVal) {\n        if ( oldVal === newVal ) return\n\n        switch (attrib) {\n            case 'type': {\n                if (newVal === '' || !this.types.includes(newVal.toLowerCase())) this.type = 'created'\n                else this.type = newVal\n                break\n            }\n\n            case 'format': {\n                if (!this.formats.includes(newVal.toLowerCase())) this.type = ''\n                else this[attrib] = newVal\n                break\n            }\n\n            default: {\n                this[attrib] = newVal\n                break\n            }\n        }\n    } // --- end of attributeChangedCallback --- //\n\n    // Runs when an instance is added to the DOM\n    connectedCallback() {\n        // Make sure instance has an ID. Create an id from name or calculation if needed\n        if (!this.id) {\n            if (!this.name) this.name = this.getAttribute('name')\n            if (this.name) this.id = this.name.toLowerCase().replace(/\\s/g, '_')\n            else this.id = `uib-meta-${++UibMeta._iCount}`\n        }\n    }  // ---- end of connectedCallback ---- //\n\n    // Runs when an instance is removed from the DOM\n    // disconnectedCallback() {\n    //     // Ignore if not using uibuilder\n    //     if (this.uib) {\n    //         Object.keys(this.topicMonitors).forEach( topic => {\n    //             uibuilder.cancelTopic(topic, this.topicMonitors[topic])\n    //         })\n    //     }\n    // } // ---- end of disconnectedCallback ---- //\n\n    /** Process changes to the required uibuilder variable */\n    doWatch() {\n        // if (!this.variable) throw new Error('No variable name provided')\n        // if (!this.uib) throw new Error('UIBUILDER client library not loaded - this component must be loaded AFTER the UIBUILDER library')\n\n        // this.value = window['uibuilder'].get(this.variable)\n        this.varDom()\n\n        // Watch for changes in the variable\n        window['uibuilder'].onChange(this.variable, (val) => {\n            this.value = val\n            this.varDom()\n            if (this.report === true) window['uibuilder'].send({ topic: this.variable, payload: this.value || undefined })\n        })\n    }\n\n    /** Convert this.value to DOM output (applies output filter if needed)\n     * @param {boolean} chkVal If true (default), check for undefined value. False used to run filter even with no value set.\n     */\n    varDom(chkVal = true) {\n        // If user doesn't want to show undefined vars, allow the component slot to show instead\n        if (chkVal === true && !this.value && this.undef !== true) {\n            this.shadow.innerHTML = '<slot></slot>'\n            return\n        }\n\n        // Apply the filter to the value before display\n        // const val = chkVal ? this.doFilter(this.value) : this.doFilter()\n\n        // console.log('\uD83E\uDDEA varDOM: ', val, typeof val, this.type)\n\n        let out // = val\n\n        switch (this.type) {\n            case 'size': { // File size in bytes\n                out = `Size: ${this.doFormat(this.value.size, 'num')}b`\n                break\n            }\n\n            case 'modified':\n            case 'updated': { // both created and updated dates\n                out = `Updated: ${this.doFormat(this.value.modified, 'dt')}`\n                break\n            }\n\n            case 'crup': {\n                out = `Created: ${this.doFormat(this.value.created, 'dt')}, Updated: ${this.doFormat(this.value.modified, 'dt')}`\n                break\n            }\n\n            case 'created':\n            default: {\n                out = `Created: ${this.doFormat(this.value.created, 'dt')}`\n                break\n            }\n        }\n        // if (this.uib) this.shadow.innerHTML = window['uibuilder'].sanitiseHTML(out)\n        // else this.shadow.innerHTML = out\n        if (out !== undefined) this.shadow.innerHTML = out\n\n        // this.shadow.appendChild(this.css)\n    }\n\n    /** Format a value using this.format\n     * @param {Date|string|number} val Value to format\n     * @param {'num'|'dt'} type Type of of input\n     * @returns {*} Formatted value\n     */\n    doFormat(val, type) {\n        if (this.format === '') return val\n\n        // ['d', 'dt', 't', 'k', 'm']\n        let out\n        switch (this.format) {\n            case 'd': {\n                if (type === 'dt') out = (new Date(val)).toLocaleDateString()\n                else out = val\n                break\n            }\n\n            case 't': {\n                if (type === 'dt') out = (new Date(val)).toLocaleTimeString()\n                else out = val\n                break\n            }\n\n            case 'dt': {\n                if (type === 'dt') out = (new Date(val)).toLocaleString()\n                else out = val\n                break\n            }\n\n            case 'k': {\n                if (type === 'num') out = `${uibuilder.round(val/1024, 1)} k`\n                else out = val\n                break\n            }\n\n            case 'm': {\n                if (type === 'num') out = `${uibuilder.round(val/1048576, 2)} M`\n                else out = val\n                break\n            }\n\n            default: {\n                out = val\n                // break\n            }\n        }\n        return out\n    }\n\n    /** Apply value filter if specified\n     * @param {*} value The value to change\n     * @returns {*} The amended value that will be displayed\n     */\n    // doFilter(value) {\n    //     if (this.filter) {\n    //         // Cater for dotted notation functions (e.g. uibuilder.get)\n    //         const splitFilter = this.filter.split('.')\n    //         let globalFn = globalThis[splitFilter[0]]\n    //         if (globalFn && splitFilter.length > 1) {\n    //             const parts = [splitFilter.pop()]\n    //             parts.forEach( part => {\n    //                 globalFn = globalFn[part]\n    //             } )\n    //         }\n    //         if (!globalFn && this.uib === true) globalFn = globalThis['uibuilder'][splitFilter[0]]\n    //         if (globalFn && typeof globalFn !== 'function' ) globalFn = undefined\n    //         if (globalFn) {\n    //             const argList = value === undefined ? [...this.filterArgs] : [value, ...this.filterArgs]\n    //             value = Reflect.apply(globalFn, value ?? globalFn, argList)\n    //         } else {\n    //             console.warn(`\u26A0\uFE0F [uib-var] Filter function \"${this.filter}\" ${typeof globalFn === 'object' ? 'is an object not a function' : 'not found'}`)\n    //         }\n    //     }\n\n    //     return value\n    // }\n}\n\n// Add the class as a new Custom Element to the window object\n// customElements.define('uib-meta', UibMeta)\n", "/** A zero dependency web component that will display some metadata about the current web page.\n *\n * @version 1.0.0 2024-06-01\n *\n * @example\n *  <div id=\"more\">\n *    <uib-meta type=\"created\" format=\"t\"></uib-meta><br>\n *    <uib-meta format=\"d\"></uib-meta><br>\n *    <uib-meta type=\"updated\" format=\"dt\"></uib-meta><br>\n *    <uib-meta type=\"crup\" format=\"d\"></uib-meta><br>\n *    <uib-meta type=\"size\" format=\"k\"></uib-meta><br>\n *  </div>\n */\n/*\n  Copyright (c) 2024-2024 Julian Knight (Totally Information)\n\n  Licensed under the Apache License, Version 2.0 (the \"License\");\n  you may not use this file except in compliance with the License.\n  You may obtain a copy of the License at\n\n  http://www.apache.org/licenses/LICENSE-2.0\n\n  Unless required by applicable law or agreed to in writing, software\n  distributed under the License is distributed on an \"AS IS\" BASIS,\n  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  See the License for the specific language governing permissions and\n  limitations under the License.\n*/\n\nconst uib = window['uibuilder']\n\n// const template = document.createElement('template')\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`<span></span>`\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`<link type=\"text/css\" rel=\"stylesheet\" href=\"\"../uibuilder/uib-brand.min.css\"\" media=\"all\"><span></span>`\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`\n// {/* <style>@import url(\"../uibuilder/uib-brand.min.css\");</style><span></span> */}\n// `\n\nexport default class ApplyTemplate extends HTMLElement {\n    //#region --- Class Properties ---\n    /** Holds a count of how many instances of this component are on the page */\n    static _iCount = 0\n    /** @type {Array<string>} List of all of the html attribs (props) listened to */\n    static props = ['template-id', 'once']\n    // Holder for once attribute\n    once = false\n    // Holder for uibuilder log\n    log\n    //#endregion --- Class Properties ---\n\n    constructor() {\n        super()\n        // this.shadow = this.attachShadow({ mode: 'open', delegatesFocus: true })\n        //  .append(template.content.cloneNode(true))\n\n        // this.$ = this.shadowRoot.querySelector.bind(this.shadowRoot)\n\n        // Apply external styles to the shadow dom - assumes you use index.css in same url location as main url\n        // this.css = document.createElement('link')\n        // this.css.setAttribute('type', 'text/css')\n        // this.css.setAttribute('rel', 'stylesheet')\n        // this.css.setAttribute('href', './index.css')\n\n        // Get the latest page metadata from the server\n        // this.value = window['uibuilder'].get('pageMeta')\n        // if (!this.value) window['uibuilder'].getPageMeta()\n        // this.doWatch()\n\n        if (!window['uibuilder']) throw new Error('uibuilder client library not available')\n        this.log = window['uibuilder'].log\n        this.dispatchEvent(new Event('apply-template:construction', { bubbles: true, composed: true }))\n    }\n\n    // Makes HTML attribute change watched\n    static get observedAttributes() {\n        return ApplyTemplate.props\n    }\n\n    /** Handle watched attributes\n     * NOTE: On initial startup, this is called for each watched attrib set in HTML - BEFORE connectedCallback is called.\n     * Attribute values can only ever be strings\n     * @param {string} attrib The name of the attribute that is changing\n     * @param {string} newVal The new value of the attribute\n     * @param {string} oldVal The old value of the attribute\n     */\n    attributeChangedCallback(attrib, oldVal, newVal) {\n        if ( oldVal === newVal ) return\n        this[attrib] = newVal\n    } // --- end of attributeChangedCallback --- //\n\n    // Runs when an instance is added to the DOM\n    connectedCallback() {\n        const templateId = this['template-id']\n        const onceOnly = this['once']\n\n        if (templateId) {\n            const template = document.getElementById(templateId)\n\n            if (template) {\n                try {\n                    let content\n                    if (onceOnly === false) {\n                        content = document.importNode(template.content, true)\n                    } else {\n                        content = document.adoptNode(template.content)\n                    }\n                    // NB content.childElementCount = 0 after adoption\n                    this.appendChild(content)\n                } catch (e) {\n                    this.log('error', 'ApplyTemplate', `Source must be a <template>. id='${templateId}'`)\n                }\n            } else {\n                this.log('error', 'ApplyTemplate', `Source not found: id='${templateId}'`)\n            }\n        } else {\n            this.log('error', 'ApplyTemplate', 'Template id attribute not provided. Template must be identified by an id attribute.')\n        }\n    }\n}\n\n// Add the class as a new Custom Element to the window object\n// customElements.define('uib-meta', UibMeta)\n"],
+  "sourcesContent": ["/* Creates HTML UI's based on a standardised data input.\n  Works stand-alone, with uibuilder or with Node.js/jsdom.\n  See: https://totallyinformation.github.io/node-red-contrib-uibuilder/#/client-docs/config-driven-ui\n\n  Author: Julian Knight (Totally Information), March 2023\n\n  License: Apache 2.0\n  Copyright (c) 2022-2024 Julian Knight (Totally Information)\n\n  Licensed under the Apache License, Version 2.0 (the \"License\");\n  you may not use this file except in compliance with the License.\n  You may obtain a copy of the License at\n\n  http://www.apache.org/licenses/LICENSE-2.0\n\n  Unless required by applicable law or agreed to in writing, software\n  distributed under the License is distributed on an \"AS IS\" BASIS,\n  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  See the License for the specific language governing permissions and\n  limitations under the License.\n */\n/* globals module:true */\n\n// Namespaces - See https://stackoverflow.com/a/52572048/1309986\n// const NAMESPACES = {\n//     svg: 'http://www.w3.org/2000/svg',\n//     html: 'http://www.w3.org/1999/xhtml',\n//     xml: 'http://www.w3.org/XML/1998/namespace',\n//     xlink: 'http://www.w3.org/1999/xlink',\n//     xmlns: 'http://www.w3.org/2000/xmlns/' // sic for the final slash...\n// }\n\nconst Ui = class Ui {\n    //#region --- Class variables ---\n    version = '7.0.4-src'\n\n    // List of tags and attributes not in sanitise defaults but allowed in uibuilder.\n    sanitiseExtraTags = ['uib-var']\n    sanitiseExtraAttribs = ['variable', 'report', 'undefined']\n\n    /** Reference to DOM window - must be passed in the constructor\n     * Allows for use of this library/class with `jsdom` in Node.JS as well as the browser.\n     * @type {Window}\n     */\n    static win\n\n    /** Reference to the DOM top-level window.document for convenience - set in constructor @type {Document} */\n    static doc\n\n    /** Log function - passed in constructor or will be a dummy function\n     * @type {Function}\n     */\n    static log\n\n    /** Options for Markdown-IT if available (set in constructor) */\n    static mdOpts\n    /** Reference to pre-loaded Markdown-IT library */\n    static md\n    /** Optional Markdown-IT Plugins */\n    ui_md_plugins\n    //#endregion --- class variables ---\n\n    /** Called when `new Ui(...)` is called\n     * @param {globalThis} win Either the browser global window or jsdom dom.window\n     * @param {Function} [extLog] A function that returns a function for logging\n     * @param {Function} [jsonHighlight] A function that returns a highlighted HTML of JSON input\n     */\n    constructor(win, extLog, jsonHighlight) {\n        // window must be passed in as an arg to the constructor\n        // Should either be the global window for a browser or `dom.window` for jsdom in Node.js\n        // @ts-ignore\n        if (win) Ui.win = win\n        else {\n            // Ui.log(0, 'Ui:constructor', 'Current environment does not include `window`, UI functions cannot be used.')()\n            // return\n            throw new Error('Ui:constructor. Current environment does not include `window`, UI functions cannot be used.')\n        }\n\n        // For convenience\n        Ui.doc = Ui.win.document\n\n        // If a suitable function not passed in, create a dummy one\n        if (extLog) Ui.log = extLog\n        else Ui.log = function() { return function() {} }\n\n        // If a JSON HTML highlighting function passed then use it, else a dummy fn\n        if (jsonHighlight) this.syntaxHighlight = jsonHighlight\n        else this.syntaxHighlight = function() {}\n\n        // If Markdown-IT pre-loaded, then configure it now\n        if (Ui.win['markdownit']) {\n            Ui.mdOpts = {\n                html: true,\n                xhtmlOut: false,\n                linkify: true,\n                _highlight: true,\n                _strict: false,\n                _view: 'html',\n                langPrefix: 'language-',\n                // NB: the highlightjs (hljs) library must be loaded before markdown-it for this to work\n                highlight: function(str, lang) {\n                    // https://highlightjs.org\n                    if (lang && window['hljs'] && window['hljs'].getLanguage(lang)) {\n                        try {\n                            return `<pre class=\"\">\n                                    <code class=\"hljs border\">${window['hljs'].highlight(str, { language: lang, ignoreIllegals: true }).value}</code></pre>`\n                        } finally { } // eslint-disable-line no-empty\n                    }\n                    return `<pre class=\"hljs border\"><code>${Ui.md.utils.escapeHtml(str).trim()}</code></pre>`\n                },\n            }\n            Ui.md = Ui.win['markdownit'](Ui.mdOpts)\n        }\n    }\n\n    //#region ---- Internal Methods ----\n\n    _markDownIt() {\n        // If Markdown-IT pre-loaded, then configure it now\n        if (!Ui.win['markdownit']) return\n\n        // If plugins not yet defined, check if uibuilder has set them\n        if (!this.ui_md_plugins && Ui.win['uibuilder'] && Ui.win['uibuilder'].ui_md_plugins) this.ui_md_plugins = Ui.win['uibuilder'].ui_md_plugins\n\n        Ui.mdOpts = {\n            html: true,\n            xhtmlOut: false,\n            linkify: true,\n            _highlight: true,\n            _strict: false,\n            _view: 'html',\n            langPrefix: 'language-',\n            // NB: the highlightjs (hljs) library must be loaded before markdown-it for this to work\n            highlight: function(str, lang) {\n                if (window['hljs']) {\n                    if (lang && window['hljs'].getLanguage(lang)) {\n                        try {\n                            return `<pre><code class=\"hljs border language-${lang}\" data-language=\"${lang}\" title=\"Source language: '${lang}'\">${window['hljs'].highlight(str, { language: lang, ignoreIllegals: true }).value}</code></pre>`\n                        } finally { } // eslint-disable-line no-empty\n                    } else {\n                        try {\n                            const high = window['hljs'].highlightAuto(str)\n                            return `<pre><code class=\"hljs border language-${high.language}\" data-language=\"${high.language}\" title=\"Source language estimated by HighlightJS: '${high.language}'\">${high.value}</code></pre>`\n                        } finally { } // eslint-disable-line no-empty\n                    }\n                }\n                return `<pre><code class=\"border\">${Ui.md.utils.escapeHtml(str).trim()}</code></pre>`\n            },\n        }\n        Ui.md = Ui.win['markdownit'](Ui.mdOpts)\n        // Ui.md.use(Ui.win.markdownitTaskLists, {enabled: true})\n        if (this.ui_md_plugins) {\n            if (!Array.isArray(this.ui_md_plugins)) {\n                Ui.log('error', 'Ui:_markDownIt:plugins', 'Could not load plugins, ui_md_plugins is not an array')()\n                return\n            }\n            this.ui_md_plugins.forEach( plugin => {\n                if (typeof plugin === 'string') {\n                    Ui.md.use(Ui.win[plugin])\n                } else {\n                    const name = Object.keys(plugin)[0]\n                    Ui.md.use(Ui.win[name], plugin[name])\n                }\n            })\n        }\n    }\n\n    /** Show a browser notification if the browser and the user allows it\n     * @param {object} config Notification config data\n     * @returns {Promise} Resolves on close or click event, returns the event.\n     */\n    _showNotification(config) {\n        if ( config.topic && !config.title ) config.title = config.topic\n        if ( !config.title ) config.title = 'uibuilder notification'\n        if ( config.payload && !config.body ) config.body = config.payload\n        if ( !config.body ) config.body = ' No message given.'\n        // Wrap in try/catch since Chrome Android may throw an error\n        try {\n            const notify = new Notification(config.title, config)\n            return new Promise( (resolve, reject) => {\n                // Doesn't ever seem to fire (at least in Chromium)\n                notify.addEventListener('close', ev => {\n                    // @ts-ignore\n                    ev.currentTarget.userAction = 'close'\n                    resolve(ev)\n                })\n                notify.addEventListener('click', ev => {\n                    // @ts-ignore\n                    ev.currentTarget.userAction = 'click'\n                    resolve(ev)\n                })\n                notify.addEventListener('error', ev => {\n                    // @ts-ignore\n                    ev.currentTarget.userAction = 'error'\n                    reject(ev)\n                })\n            })\n        } catch (e) {\n            return Promise.reject(new Error('Browser refused to create a Notification'))\n        }\n    }\n\n    // Vue dynamic inserts Don't really work ...\n    // _uiAddVue(ui, isRecurse) {\n\n    //     // must be Vue\n    //     // must have only 1 root element\n    //     const compToAdd = ui.components[0]\n    //     const newEl = Ui.doc.createElement(compToAdd.type)\n\n    //     if (!compToAdd.slot && ui.payload) compToAdd.slot = ui.payload\n    //     this._uiComposeComponent(newEl, compToAdd)\n\n    //     // If nested components, go again - but don't pass payload to sub-components\n    //     if (compToAdd.components) {\n    //         this._uiExtendEl(newEl, compToAdd.components)\n    //     }\n\n    //     console.log('MAGIC: ', this.magick, newEl, newEl.outerHTML)()\n    //     this.set('magick', newEl.outerHTML)\n\n    //     // if (compToAdd.id) newEl.setAttribute('ref', compToAdd.id)\n    //     // if (elParent.id) newEl.setAttribute('data-parent', elParent.id)\n    // }\n\n    // TODO Add check if ID already exists\n    // TODO Allow single add without using components array\n    /** Handle incoming msg._ui add requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     * @param {boolean} isRecurse Is this a recursive call?\n     */\n    _uiAdd(ui, isRecurse) {\n        Ui.log('trace', 'Ui:_uiManager:add', 'Starting _uiAdd')()\n\n        // Vue dynamic inserts Don't really work ...\n        // if (this.#isVue && !isRecurse) {\n        //     this._uiAddVue(ui, false)\n        //     return\n        // }\n\n        ui.components.forEach((compToAdd, i) => {\n            Ui.log('trace', `Ui:_uiAdd:components-forEach:${i}`, 'Component to add: ', compToAdd)()\n\n            /** @type {*} Create the new component - some kind of HTML element */\n            let newEl\n            switch (compToAdd.type) {\n                // If trying to insert raw html, wrap in a div\n                case 'html': {\n                    compToAdd.ns = 'html'\n                    newEl = Ui.doc.createElement('div')\n                    break\n                }\n\n                // If trying to insert raw svg, need to create in namespace\n                case 'svg': {\n                    compToAdd.ns = 'svg'\n                    newEl = Ui.doc.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToAdd.ns = 'dom'\n                    newEl = Ui.doc.createElement(compToAdd.type)\n                    break\n                }\n            }\n\n            if (!compToAdd.slot && ui.payload) compToAdd.slot = ui.payload\n\n            // const parser = new DOMParser()\n            // const newDoc = parser.parseFromString(compToAdd.slot, 'text/html')\n            // console.log(compToAdd, newDoc.body)()\n\n            this._uiComposeComponent(newEl, compToAdd)\n\n            /** @type {HTMLElement} Where to add the new element? */\n            let elParent\n            if (compToAdd.parentEl) {\n                elParent = compToAdd.parentEl\n            } else if (ui.parentEl) {\n                elParent = ui.parentEl\n            } else if (compToAdd.parent) {\n                elParent = Ui.doc.querySelector(compToAdd.parent)\n            } else if (ui.parent) {\n                elParent = Ui.doc.querySelector(ui.parent)\n            }\n            if (!elParent) {\n                Ui.log('info', 'Ui:_uiAdd', 'No parent found, adding to body')()\n                elParent = Ui.doc.querySelector('body')\n            }\n\n            if (compToAdd.position && compToAdd.position === 'first') {\n                // Insert new el before the first child of the parent. Ref: https://developer.mozilla.org/en-US/docs/Web/API/Node/insertBefore#example_3\n                elParent.insertBefore(newEl, elParent.firstChild)\n            } else if (compToAdd.position && Number.isInteger(Number(compToAdd.position))) {\n                elParent.insertBefore(newEl, elParent.children[compToAdd.position])\n            } else {\n                // Append to the required parent\n                elParent.appendChild(newEl)\n            }\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToAdd.components) {\n                // this._uiAdd({\n                //     method: ui.method,\n                //     parentEl: newEl,\n                //     components: compToAdd.components,\n                // }, true)\n                this._uiExtendEl(newEl, compToAdd.components, compToAdd.ns)\n            }\n        })\n    } // --- end of _uiAdd ---\n\n    /** Enhance an HTML element that is being composed with ui data\n     *  such as ID, attribs, event handlers, custom props, etc.\n     * @param {*} el HTML Element to enhance\n     * @param {*} comp Individual uibuilder ui component spec\n     */\n    _uiComposeComponent(el, comp) {\n        // Add attributes\n        if (comp.attributes) {\n            Object.keys(comp.attributes).forEach((attrib) => {\n                if (attrib === 'class' && Array.isArray(comp.attributes[attrib])) comp.attributes[attrib].join(' ')\n\n                Ui.log('trace', '_uiComposeComponent:attributes-forEach', `Attribute: '${attrib}', value: '${comp.attributes[attrib]}'`)()\n\n                // For values, set the actual value as well since the attrib only changes the DEFAULT value\n                if (attrib === 'value') el.value = comp.attributes[attrib]\n\n                if (attrib.startsWith('xlink:')) el.setAttributeNS('http://www.w3.org/1999/xlink', attrib, comp.attributes[attrib])\n                else el.setAttribute(attrib, comp.attributes[attrib])\n            })\n        }\n\n        // ID if set\n        if (comp.id) el.setAttribute('id', comp.id)\n\n        // If an SVG tag, ensure we have the appropriate namespaces added\n        if (comp.type === 'svg') {\n            el.setAttributeNS('http://www.w3.org/2000/xmlns/', 'xmlns', 'http://www.w3.org/2000/svg')\n            el.setAttributeNS('http://www.w3.org/2000/xmlns/', 'xmlns:xlink', 'http://www.w3.org/1999/xlink')\n        }\n\n        // Add event handlers\n        if (comp.events) {\n            Object.keys(comp.events).forEach((type) => {\n                // @ts-ignore  I'm forever getting this wrong!\n                if (type.toLowerCase === 'onclick') type = 'click'\n                // Add the event listener\n                try {\n                    el.addEventListener(type, (evt) => {\n                        // Use new Function to ensure that esbuild works: https://esbuild.github.io/content-types/#direct-eval\n                        (new Function('evt', `${comp.events[type]}(evt)`))(evt) // eslint-disable-line no-new-func\n                    })\n                    // newEl.setAttribute( 'onClick', `${comp.events[type]}()` )\n                } catch (err) {\n                    Ui.log('error', 'Ui:_uiComposeComponent', `Add event '${type}' for element '${comp.type}': Cannot add event handler. ${err.message}`)()\n                }\n            })\n        }\n\n        // Add custom properties to the dataset\n        if (comp.properties) {\n            Object.keys(comp.properties).forEach((prop) => {\n                // TODO break a.b into sub properties\n                el[prop] = comp.properties[prop]\n                // Auto-dispatch events if changing value or changed since DOM does not do this automatically\n                if (['value', 'checked'].includes(prop)) {\n                    el.dispatchEvent(new Event('input'))\n                    el.dispatchEvent(new Event('change'))\n                }\n            })\n        }\n\n        //#region Add Slot content to innerHTML\n        if (comp.slot) {\n            this.replaceSlot(el, comp.slot)\n        }\n        //#endregion\n\n        // TODO Add multi-slot capability (default slot must always be processed first as innerHTML is replaced)\n\n        //#region Add Slot Markdown content to innerHTML IF marked library is available\n        if (comp.slotMarkdown) {\n            this.replaceSlotMarkdown(el, comp)\n        }\n        //#endregion\n    }\n\n    /** Extend an HTML Element with appended elements using ui components\n     * NOTE: This fn follows a strict hierarchy of added components.\n     * @param {HTMLElement} parentEl The parent HTML Element we want to append to\n     * @param {*} components The ui component(s) we want to add\n     * @param {string} [ns] Optional. The namespace to use.\n     */\n    _uiExtendEl(parentEl, components, ns = '') {\n        components.forEach((compToAdd, i) => {\n            Ui.log('trace', `Ui:_uiExtendEl:components-forEach:${i}`, compToAdd)()\n\n            /** @type {HTMLElement} Create the new component */\n            let newEl\n\n            compToAdd.ns = ns\n\n            if (compToAdd.ns === 'html') {\n                newEl = parentEl\n                // newEl.outerHTML = compToAdd.slot\n                // parentEl.innerHTML = compToAdd.slot\n                this.replaceSlot(parentEl, compToAdd.slot)\n            } else if (compToAdd.ns === 'svg') {\n                newEl = Ui.doc.createElementNS('http://www.w3.org/2000/svg', compToAdd.type)\n                // Updates newEl\n                this._uiComposeComponent(newEl, compToAdd)\n                parentEl.appendChild(newEl)\n            } else {\n                newEl = Ui.doc.createElement(compToAdd.type === 'html' ? 'div' : compToAdd.type)\n                // Updates newEl\n                this._uiComposeComponent(newEl, compToAdd)\n                parentEl.appendChild(newEl)\n            }\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToAdd.components) {\n                this._uiExtendEl(newEl, compToAdd.components, compToAdd.ns)\n            }\n        })\n    }\n\n    // TODO Add more error handling and parameter validation\n    /** Handle incoming _ui load requests\n     * Can load JavaScript modules, JavaScript scripts and CSS.\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     */\n    _uiLoad(ui) {\n\n        // Self-loading ECMA Modules (e.g. web components)\n        if (ui.components) {\n            if (!Array.isArray(ui.components)) ui.components = [ui.components]\n\n            ui.components.forEach(async component => {\n                // NOTE: This happens asynchronously but we don't wait\n                import(component)\n            })\n        }\n        // Remote Scripts\n        if (ui.srcScripts) {\n            if (!Array.isArray(ui.srcScripts)) ui.srcScripts = [ui.srcScripts]\n\n            ui.srcScripts.forEach(script => {\n                this.loadScriptSrc(script)\n            })\n        }\n        // Scripts passed as text\n        if (ui.txtScripts) {\n            if (!Array.isArray(ui.txtScripts)) ui.txtScripts = [ui.txtScripts]\n\n            this.loadScriptTxt(ui.txtScripts.join('\\n'))\n        }\n        // Remote Stylesheets\n        if (ui.srcStyles) {\n            if (!Array.isArray(ui.srcStyles)) ui.srcStyles = [ui.srcStyles]\n\n            ui.srcStyles.forEach(sheet => {\n                this.loadStyleSrc(sheet)\n            })\n        }\n        // Styles passed as text\n        if (ui.txtStyles) {\n            if (!Array.isArray(ui.txtStyles)) ui.txtStyles = [ui.txtStyles]\n\n            this.loadStyleTxt(ui.txtStyles.join('\\n'))\n        }\n\n    } // --- end of _uiLoad ---\n\n    /** Handle incoming _ui messages and loaded UI JSON files\n     * Called from start()\n     * @param {*} msg Standardised msg object containing a _ui property object\n     */\n    _uiManager(msg) {\n        if (!msg._ui) return\n\n        // Make sure that _ui is an array\n        if (!Array.isArray(msg._ui)) msg._ui = [msg._ui]\n\n        msg._ui.forEach((ui, i) => {\n            if (ui.mode && !ui.method) ui.method = ui.mode\n            if (!ui.method) {\n                Ui.log('error', 'Ui:_uiManager', `No method defined for msg._ui[${i}]. Ignoring. `, ui)()\n                return\n            }\n\n            ui.payload = msg.payload\n            ui.topic = msg.topic\n            switch (ui.method) {\n                case 'add': {\n                    this._uiAdd(ui, false)\n                    break\n                }\n\n                case 'remove': {\n                    this._uiRemove(ui, false)\n                    break\n                }\n\n                case 'removeAll': {\n                    this._uiRemove(ui, true)\n                    break\n                }\n\n                case 'replace': {\n                    this._uiReplace(ui)\n                    break\n                }\n\n                case 'update': {\n                    this._uiUpdate(ui)\n                    break\n                }\n\n                case 'load': {\n                    this._uiLoad(ui)\n                    break\n                }\n\n                case 'reload': {\n                    this._uiReload()\n                    break\n                }\n\n                case 'notify': {\n                    this.showDialog('notify', ui, msg)\n                    break\n                }\n\n                case 'alert': {\n                    this.showDialog('alert', ui, msg)\n                    break\n                }\n\n                default: {\n                    Ui.log('error', 'Ui:_uiManager', `Invalid msg._ui[${i}].method (${ui.method}). Ignoring`)()\n                    break\n                }\n            }\n        })\n    } // --- end of _uiManager ---\n\n    /** Handle a reload request */\n    _uiReload() {\n        Ui.log('trace', 'Ui:uiManager:reload', 'reloading')()\n        location.reload()\n    }\n\n    // TODO Add better tests for failures (see comments)\n    /** Handle incoming _ui remove requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     * @param {boolean} all Optional, default=false. If true, will remove ALL found elements, otherwise only the 1st is removed\n     */\n    _uiRemove(ui, all = false) {\n        ui.components.forEach((compToRemove) => {\n            let els\n            if (all !== true) els = [Ui.doc.querySelector(compToRemove)]\n            else els = Ui.doc.querySelectorAll(compToRemove)\n\n            els.forEach(el => {\n                try {\n                    el.remove()\n                } catch (err) {\n                    // Could not remove. Cannot read properties of null <= no need to report this one\n                    // Could not remove. Failed to execute 'querySelector' on 'Ui.doc': '##testbutton1' is not a valid selector\n                    Ui.log('trace', 'Ui:_uiRemove', `Could not remove. ${err.message}`)()\n                }\n            })\n        })\n    } // --- end of _uiRemove ---\n\n    /** Handle incoming _ui replace requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     */\n    _uiReplace(ui) {\n        Ui.log('trace', 'Ui:_uiReplace', 'Starting')()\n\n        ui.components.forEach((compToReplace, /** @type {number} */ i) => {\n            Ui.log('trace', `Ui:_uiReplace:components-forEach:${i}`, 'Component to replace: ', compToReplace)()\n\n            /** @type {HTMLElement} */\n            let elToReplace\n\n            // Either the id, CSS selector, name or type (element type) must be given in order to identify the element to change. FIRST element matching is updated.\n            if (compToReplace.id) {\n                elToReplace = Ui.doc.getElementById(compToReplace.id) // .querySelector(`#${compToReplace.id}`)\n            } else if (compToReplace.selector || compToReplace.select) {\n                elToReplace = Ui.doc.querySelector(compToReplace.selector)\n            } else if (compToReplace.name) {\n                elToReplace = Ui.doc.querySelector(`[name=\"${compToReplace.name}\"]`)\n            } else if (compToReplace.type) {\n                elToReplace = Ui.doc.querySelector(compToReplace.type)\n            }\n\n            Ui.log('trace', `Ui:_uiReplace:components-forEach:${i}`, 'Element to replace: ', elToReplace)()\n\n            // Nothing was found so ADD the element instead\n            if (elToReplace === undefined || elToReplace === null) {\n                Ui.log('trace', `Ui:_uiReplace:components-forEach:${i}:noReplace`, 'Cannot find the DOM element. Adding instead.', compToReplace)()\n                this._uiAdd({ components: [compToReplace] }, false)\n                return\n            }\n\n            /** @type {*} Create the new component - some kind of HTML element */\n            let newEl\n            switch (compToReplace.type) {\n                // If trying to insert raw html, wrap in a div\n                case 'html': {\n                    compToReplace.ns = 'html'\n                    newEl = Ui.doc.createElement('div')\n                    break\n                }\n\n                // If trying to insert raw svg, need to create in namespace\n                case 'svg': {\n                    compToReplace.ns = 'svg'\n                    newEl = Ui.doc.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToReplace.ns = 'dom'\n                    newEl = Ui.doc.createElement(compToReplace.type)\n                    break\n                }\n            }\n\n            // Updates the newEl and maybe the ui\n            this._uiComposeComponent(newEl, compToReplace)\n\n            // Replace the current element\n            elToReplace.replaceWith(newEl)\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToReplace.components) {\n                this._uiExtendEl(newEl, compToReplace.components, compToReplace.ns)\n            }\n        })\n    } // --- end of _uiReplace ---\n\n    // TODO Allow single add without using components array\n    // TODO Allow sub-components\n    // TODO Add multi-slot capability\n    /** Handle incoming _ui update requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     */\n    _uiUpdate(ui) {\n        Ui.log('trace', 'UI:_uiUpdate:update', 'Starting _uiUpdate', ui)()\n\n        // We allow an update not to actually need to spec a component\n        if (!ui.components) ui.components = [Object.assign({}, ui)]\n\n        ui.components.forEach((compToUpd, i) => {\n            Ui.log('trace', '_uiUpdate:components-forEach', `Start loop #${i}`, compToUpd)()\n\n            /** @type {NodeListOf<Element>} */\n            let elToUpd\n\n            // If a parent element is passed, use that as the update target (only allowed internally)\n            // Otherwise either the id, CSS selector, name or type (element type) must be given in order to identify the element to change. ALL elements matching are updated.\n            if (compToUpd.parentEl) {\n                elToUpd = compToUpd.parentEl\n            } else if (compToUpd.id) {\n                // NB We don't use get by id because this way the code is simpler later on\n                elToUpd = Ui.doc.querySelectorAll(`#${compToUpd.id}`)\n            } else if (compToUpd.selector || compToUpd.select) {\n                elToUpd = Ui.doc.querySelectorAll(compToUpd.selector)\n            } else if (compToUpd.name) {\n                elToUpd = Ui.doc.querySelectorAll(`[name=\"${compToUpd.name}\"]`)\n            } else if (compToUpd.type) {\n                elToUpd = Ui.doc.querySelectorAll(compToUpd.type)\n            }\n\n            // @ts-ignore Nothing was found so give up\n            if (elToUpd === undefined || elToUpd.length < 1) {\n                Ui.log('warn', 'Ui:_uiManager:update', 'Cannot find the DOM element. Ignoring.', compToUpd)()\n                return\n            }\n\n            Ui.log('trace', '_uiUpdate:components-forEach', `Element(s) to update. Count: ${elToUpd.length}`, elToUpd)()\n\n            // If slot not specified but payload is, use the payload in the slot\n            if (!compToUpd.slot && compToUpd.payload) compToUpd.slot = compToUpd.payload\n\n            // Might have >1 element to update - so update them all\n            elToUpd.forEach((el, j) => {\n                Ui.log('trace', '_uiUpdate:components-forEach', `Updating element #${j}`, el)()\n                this._uiComposeComponent(el, compToUpd)\n                // Try to go down another level of nesting if needed\n                // ! NOT CONVINCED THIS ACTUALLY WORKS !\n                if (compToUpd.components) {\n                    Ui.log('trace', '_uiUpdate:nested-component', `Element #${j} - nested-component`, compToUpd, el)()\n                    const nc = { _ui: [] }\n                    compToUpd.components.forEach((nestedComp, k) => {\n                        const method = nestedComp.method || compToUpd.method || ui.method\n                        if (nestedComp.method) delete nestedComp.method\n                        if (!Array.isArray(nestedComp)) nestedComp = [nestedComp]\n                        // nestedComp.parentEl = el\n                        // nestedComp.components = [nestedComp]\n                        Ui.log('trace', '_uiUpdate:nested-component', `Element #${j} - nested-component #${k}`, nestedComp)()\n                        nc._ui.push( {\n                            method: method,\n                            parentEl: el,\n                            components: nestedComp,\n                        })\n                    })\n                    Ui.log('trace', '_uiUpdate:nested-component', `Element #${j} - nested-component new manager`, nc)()\n                    this._uiManager(nc)\n                }\n            })\n\n            // If nested components, apply to every found element - but don't pass payload to sub-components\n            // if (compToUpd.components) {\n            //     compToUpd.components.forEach((el, k) => {\n            //         Ui.log('trace', '_uiUpdate:nested-component', `Updating nested-component #${k}`, el)()\n            //         this._uiUpdate({\n            //             method: el.method || ui.method,\n            //             parentEl: el,\n            //             components: el.components,\n            //         })\n            //     })\n            // }\n        })\n    } // --- end of _uiUpdate ---\n\n    //#endregion ---- -------- ----\n\n    //#region ---- External Methods ----\n\n    /** Simplistic jQuery-like document CSS query selector, returns an HTML Element\n     * NOTE that this fn returns the element itself. Use $$ to get the properties of 1 or more elements.\n     * If the selected element is a <template>, returns the first child element.\n     * type {HTMLElement}\n     * @param {string} cssSelector A CSS Selector that identifies the element to return\n     * @param {\"el\"|\"text\"|\"html\"|\"attributes\"|\"attr\"} [output] Optional. What type of output to return. Defaults to \"el\", the DOM element reference\n     * @returns {HTMLElement|string|InnerHTML|array|null} Selected HTML DOM element, innerText, innerHTML, attribute list or null\n     */\n    $(cssSelector, output) {\n        /** @type {*} Some kind of HTML element */\n        let el = Ui.doc.querySelector(cssSelector)\n\n        if (!el) {\n            Ui.log(1, 'Uib:$', `No element found for CSS selector ${cssSelector}`)()\n            return null\n        }\n\n        if ( el.nodeName === 'TEMPLATE' ) {\n            el = el.content.firstElementChild\n            if (!el) {\n                Ui.log(0, 'Uib:$', `Template selected for CSS selector ${cssSelector} but it is empty`)()\n                return null\n            }\n        }\n\n        if (!output) output = 'el'\n        let out\n\n        try {\n            switch (output.toLowerCase()) {\n                case 'text': {\n                    out = el.innerText\n                    break\n                }\n\n                case 'html': {\n                    out = el.innerHTML\n                    break\n                }\n\n                case 'attr':\n                case 'attributes': {\n                    out = {}\n                    for (const attr of el.attributes) {\n                        out[attr.name] = attr.value\n                    }\n                    break\n                }\n\n                default: {\n                    out = el\n                    break\n                }\n            }\n        } catch (e) {\n            out = el\n            Ui.log(1, 'Uib:$', `Could not process output type \"${output}\" for CSS selector ${cssSelector}, returned the DOM element. ${e.message}`, e)()\n        }\n\n        return out\n    }\n\n    /** CSS query selector that returns ALL found selections. Matches the Chromium DevTools feature of the same name.\n     * NOTE that this fn returns an array showing the PROPERTIES of the elements whereas $ returns the element itself\n     * @param {string} cssSelector A CSS Selector that identifies the elements to return\n     * @returns {HTMLElement[]} Array of DOM elements/nodes. Array is empty if selector is not found.\n     */\n    $$(cssSelector) {\n        return Array.from(Ui.doc.querySelectorAll(cssSelector))\n    }\n\n    /** Add 1 or several class names to an element\n     * @param {string|string[]} classNames Single or array of classnames\n     * @param {HTMLElement} el HTML Element to add class(es) to\n     */\n    addClass(classNames, el) {\n        if (!Array.isArray(classNames)) classNames = [classNames]\n        if (el) el.classList.add(...classNames)\n    }\n\n    /** Apply a source template tag to a target html element\n     * NOTES:\n     * - styles in ALL templates are accessible to all templates.\n     * - scripts in templates are run AT TIME OF APPLICATION (so may run multiple times).\n     * - scripts in templates are applied in order of application, so variables may not yet exist if defined in subsequent templates\n     * @param {string} sourceId The HTML ID of the source element\n     * @param {string} targetId The HTML ID of the target element\n     * @param {object} config Configuration options\n     * @param {boolean=} config.onceOnly If true, the source will be adopted (the source is moved)\n     * @param {object=} config.attributes A set of key:value pairs that will be applied as attributes to the target\n     */\n    applyTemplate(sourceId, targetId, config) {\n        if (!config) config = { onceOnly: false }\n\n        const template = Ui.doc.getElementById(sourceId)\n        const target = Ui.doc.getElementById(targetId)\n\n        if (template && target) {\n            let content\n            try {\n                if (config.onceOnly !== true) content = Ui.doc.importNode(template.content, true)\n                else content = Ui.doc.adoptNode(template.content)\n                // NB content.childElementCount = 0 after adoption\n            } catch (e) {\n                Ui.log('error', 'Ui:applyTemplate', `Source must be a <template>. id='${sourceId}'`)()\n                return\n            }\n            if (content) {\n                // Apply config.attributes to the 1st element of the template content\n                if (config.attributes) {\n                    const el = content.firstElementChild\n                    Object.keys(config.attributes).forEach( attrib => {\n                        // Apply each attribute and value\n                        el.setAttribute(attrib, config.attributes[attrib])\n                    })\n                }\n                // ! TODO Add ability to change slot content\n                // Apply to the target\n                target.appendChild(content)\n            }\n        } else {\n            if (!template) Ui.log('error', 'Ui:applyTemplate', `Source not found: id='${sourceId}'`)()\n            if (!target) Ui.log('error', 'Ui:applyTemplate', `Target not found: id='${targetId}'`)()\n        }\n    }\n\n    /** Builds an HTML table from an array (or object) of objects\n     * 1st row is used for columns. If an object of objects, the outer keys\n     * are used as row ID's (prefixed with \"r-\").\n     * @param {Array<object>|Object} data Input data array or object\n     * @returns {HTMLTableElement|HTMLParagraphElement} Output HTML Element\n     */\n    buildHtmlTable(data) {\n        // If data is an object of objects, convert it to an array of objects\n        let keys\n        if (!Array.isArray(data)) {\n            if (typeof data === 'object') {\n                keys = Object.keys(data)\n                data = Object.values(data)\n            }\n            // Ensure input is an array of objects\n            if (!Array.isArray(data)) {\n                const out = Ui.doc.createElement('p')\n                out.textContent = 'Input data is not an array or an object, cannot create a table.'\n                return out\n            }\n        }\n\n        const tbl = Ui.doc.createElement('table')\n        // Heading row\n        const thead = Ui.doc.createElement('thead')\n        const headerRow = Ui.doc.createElement('tr')\n        // Get the headers from the keys of the first object\n        const headers = Object.keys(data[0])\n        headers.forEach(header => {\n            const th = Ui.doc.createElement('th')\n            th.textContent = header\n            headerRow.appendChild(th)\n        })\n        thead.appendChild(headerRow)\n        tbl.appendChild(thead)\n\n        // body\n        const tbody = Ui.doc.createElement('tbody')\n        data.forEach( (item, i) => {\n            const row = Ui.doc.createElement('tr')\n            if (keys) row.id = `r-${keys[i]}`\n            headers.forEach(header => {\n                const cell = Ui.doc.createElement('td')\n                // cell.textContent = item[header]\n                cell.innerHTML = this.sanitiseHTML(item[header])\n                row.appendChild(cell)\n            })\n            tbody.appendChild(row)\n        })\n        tbl.appendChild(tbody)\n\n        return tbl\n    }\n\n    /** Converts markdown text input to HTML if the Markdown-IT library is loaded\n     * Otherwise simply returns the text\n     * @param {string} mdText The input markdown string\n     * @returns {string} HTML (if Markdown-IT library loaded and parse successful) or original text\n     */\n    convertMarkdown(mdText) {\n        if (!mdText) return ''\n        if (!Ui.win['markdownit']) return mdText\n        if (!Ui.md) this._markDownIt() // To handle case where the library is late loaded\n        // Convert from markdown to HTML\n        try {\n            return Ui.md.render(mdText.trim())\n        } catch (e) {\n            Ui.log(0, 'uibuilder:convertMarkdown', `Could not render Markdown. ${e.message}`, e)()\n            return '<p class=\"border error\">Could not render Markdown<p>'\n        }\n    }\n\n    /** Include HTML fragment, img, video, text, json, form data, pdf or anything else from an external file or API\n     * Wraps the included object in a div tag.\n     * PDF's, text or unknown MIME types are also wrapped in an iFrame.\n     * @param {string} url The URL of the source file to include\n     * @param {object} uiOptions Object containing properties recognised by the _uiReplace function. Must at least contain an id\n     * param {string} uiOptions.id The HTML ID given to the wrapping DIV tag\n     * param {string} uiOptions.parentSelector The CSS selector for a parent element to insert the new HTML under (defaults to 'body')\n     * @returns {Promise<any>} Status\n     */\n    async include(url, uiOptions) { // eslint-disable-line sonarjs/cognitive-complexity\n        // TODO: src, id, parent must all be a strings\n        if (!fetch) {\n            Ui.log(0, 'Ui:include', 'Current environment does not include `fetch`, skipping.')()\n            return 'Current environment does not include `fetch`, skipping.'\n        }\n        if (!url) {\n            Ui.log(0, 'Ui:include', 'url parameter must be provided, skipping.')()\n            return 'url parameter must be provided, skipping.'\n        }\n        if (!uiOptions || !uiOptions.id) {\n            Ui.log(0, 'Ui:include', 'uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.')()\n            return 'uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.'\n        }\n\n        // Try to get the content via the URL\n        let response\n        try {\n            response = await fetch(url)\n        } catch (error) {\n            Ui.log(0, 'Ui:include', `Fetch of file '${url}' failed. `, error.message)()\n            return error.message\n        }\n        if (!response.ok) {\n            Ui.log(0, 'Ui:include', `Fetch of file '${url}' failed. Status='${response.statusText}'`)()\n            return response.statusText\n        }\n\n        // Work out what type of data we got\n        const contentType = await response.headers.get('content-type')\n        let type = null\n        if (contentType) {\n            if (contentType.includes('text/html')) {\n                type = 'html'\n            } else if (contentType.includes('application/json')) {\n                type = 'json'\n            } else if (contentType.includes('multipart/form-data')) {\n                type = 'form'\n            } else if (contentType.includes('image/')) {\n                type = 'image'\n            } else if (contentType.includes('video/')) {\n                type = 'video'\n            } else if (contentType.includes('application/pdf')) {\n                type = 'pdf'\n            } else if (contentType.includes('text/plain')) {\n                type = 'text'\n            } // else type = null\n        }\n\n        // Create the HTML to include on the page based on type\n        let slot = ''\n        let txtReturn = 'Include successful'\n        let data\n        switch (type) {\n            case 'html': {\n                data = await response.text()\n                slot = data\n                break\n            }\n\n            case 'json': {\n                data = await response.json()\n                slot = '<pre class=\"syntax-highlight\">'\n                slot += this.syntaxHighlight(data)\n                slot += '</pre>'\n                break\n            }\n\n            case 'form': {\n                data = await response.formData()\n                slot = '<pre class=\"syntax-highlight\">'\n                slot += this.syntaxHighlight(data)\n                slot += '</pre>'\n                break\n            }\n\n            case 'image': {\n                data = await response.blob()\n                slot = `<img src=\"${URL.createObjectURL(data)}\">`\n                if (Ui.win['DOMPurify']) {\n                    txtReturn = 'Include successful. BUT DOMPurify loaded which may block its use.'\n                    Ui.log('warn', 'Ui:include:image', txtReturn)()\n                }\n                break\n            }\n\n            case 'video': {\n                data = await response.blob()\n                slot = `<video controls autoplay><source src=\"${URL.createObjectURL(data)}\"></video>`\n                if (Ui.win['DOMPurify']) {\n                    txtReturn = 'Include successful. BUT DOMPurify loaded which may block its use.'\n                    Ui.log('warn', 'Ui:include:video', txtReturn)()\n                }\n                break\n            }\n\n            case 'pdf':\n            case 'text':\n            default: {\n                data = await response.blob()\n                slot = `<iframe style=\"resize:both;width:inherit;height:inherit;\" src=\"${URL.createObjectURL(data)}\">`\n                if (Ui.win['DOMPurify']) {\n                    txtReturn = 'Include successful. BUT DOMPurify loaded which may block its use.'\n                    Ui.log('warn', `Ui:include:${type}`, txtReturn)()\n                }\n                break\n            }\n        }\n\n        // Wrap it all in a <div id=\"...\" class=\"included\">\n        uiOptions.type = 'div'\n        uiOptions.slot = slot\n        if (!uiOptions.parent) uiOptions.parent = 'body'\n        if (!uiOptions.attributes) uiOptions.attributes = { class: 'included' }\n\n        // Use uibuilder's standard ui processing to turn the instructions into HTML\n        this._uiReplace({\n            components: [\n                uiOptions\n            ]\n        })\n\n        Ui.log('trace', `Ui:include:${type}`, txtReturn)()\n        return txtReturn\n    } // ---- End of include() ---- //\n\n    /** Attach a new remote script to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} url The url to be used in the script src attribute\n     */\n    loadScriptSrc(url) {\n        const newScript = Ui.doc.createElement('script')\n        newScript.src = url\n        newScript.async = false\n        Ui.doc.head.appendChild(newScript)\n    }\n\n    /** Attach a new text script to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} textFn The text to be loaded as a script\n     */\n    loadScriptTxt(textFn) {\n        const newScript = Ui.doc.createElement('script')\n        newScript.async = false\n        newScript.textContent = textFn\n        Ui.doc.head.appendChild(newScript)\n    }\n\n    /** Attach a new remote stylesheet link to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} url The url to be used in the style link href attribute\n     */\n    loadStyleSrc(url) {\n        const newStyle = Ui.doc.createElement('link')\n        newStyle.href = url\n        newStyle.rel = 'stylesheet'\n        newStyle.type = 'text/css'\n\n        Ui.doc.head.appendChild(newStyle)\n    }\n\n    /** Attach a new text stylesheet to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} textFn The text to be loaded as a stylesheet\n     */\n    loadStyleTxt(textFn) {\n        const newStyle = Ui.doc.createElement('style')\n        newStyle.textContent = textFn\n        Ui.doc.head.appendChild(newStyle)\n    }\n\n    /** Load a dynamic UI from a JSON web reponse\n     * @param {string} url URL that will return the ui JSON\n     */\n    loadui(url) {\n        if (!fetch) {\n            Ui.log(0, 'Ui:loadui', 'Current environment does not include `fetch`, skipping.')()\n            return\n        }\n        if (!url) {\n            Ui.log(0, 'Ui:loadui', 'url parameter must be provided, skipping.')()\n            return\n        }\n\n        fetch(url)\n            .then(response => {\n                if (response.ok === false) {\n                    // Ui.log('warn', 'Ui:loadui:then1', `Could not load '${url}'. Status ${response.status}, Error: ${response.statusText}`)()\n                    throw new Error(`Could not load '${url}'. Status ${response.status}, Error: ${response.statusText}`)\n                }\n\n                Ui.log('trace', 'Ui:loadui:then1', `Loaded '${url}'. Status ${response.status}, ${response.statusText}`)()\n                // Did we get json?\n                const contentType = response.headers.get('content-type')\n                if (!contentType || !contentType.includes('application/json')) {\n                    throw new TypeError(`Fetch '${url}' did not return JSON, ignoring`)\n                }\n                // Returns parsed json to next .then\n                return response.json()\n            })\n            .then(data => {\n                if (data !== undefined) {\n                    Ui.log('trace', 'Ui:loadui:then2', 'Parsed JSON successfully obtained')()\n                    // Call the _uiManager\n                    this._uiManager({ _ui: data })\n                    return true\n                }\n                return false\n            })\n            .catch(err => {\n                Ui.log('warn', 'Ui:loadui:catch', 'Error. ', err)()\n            })\n    } // --- end of loadui\n\n    /** ! NOT COMPLETE Move an element from one position to another\n     * @param {object} opts Options\n     * @param {string} opts.sourceSelector Required, CSS Selector that identifies the element to be moved\n     * @param {string} opts.targetSelector Required, CSS Selector that identifies the element to be moved\n     */\n    moveElement(opts) {\n        const { sourceSelector, targetSelector, moveType, position } = opts\n        const sourceEl = document.querySelector(sourceSelector)\n        if (!sourceEl) {\n            Ui.log(0, 'Ui:moveElement', 'Source element not found')()\n            return\n        }\n        const targetEl = document.querySelector(targetSelector)\n        if (!targetEl) {\n            Ui.log(0, 'Ui:moveElement', 'Target element not found')()\n            return\n        }\n    }\n\n    /** Get standard data from a DOM node.\n     * @param {*} node DOM node to examine\n     * @param {string} cssSelector Identify the DOM element to get data from\n     * @returns {object} Standardised data object\n     */\n    nodeGet(node, cssSelector) {\n        const thisOut = {\n            id: node.id === '' ? undefined : node.id,\n            name: node.name,\n            children: node.childNodes.length,\n            type: node.nodeName,\n            attributes: undefined,\n\n            isUserInput: node.validity ? true : false, // eslint-disable-line no-unneeded-ternary\n            userInput: !node.validity ? undefined : { // eslint-disable-line multiline-ternary\n                value: node.value,\n                validity: undefined,\n                willValidate: node.willValidate,\n                valueAsDate: node.valueAsDate,\n                valueAsNumber: node.valueAsNumber,\n                type: node.type,\n            },\n        }\n\n        if (['UL', 'OL'].includes(node.nodeName)) {\n            const listEntries = Ui.doc.querySelectorAll(`${cssSelector} li`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'DL') {\n            const listEntries = Ui.doc.querySelectorAll(`${cssSelector} dt`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'TABLE') {\n            const bodyEntries = Ui.doc.querySelectorAll(`${cssSelector} > tbody > tr`)\n            const headEntries = Ui.doc.querySelectorAll(`${cssSelector} > thead > tr`)\n            const cols = Ui.doc.querySelectorAll(`${cssSelector} > tbody > tr:last-child > *`)  // #eltest > table > tbody > tr:nth-child(3)\n            if (bodyEntries || headEntries || cols) {\n                thisOut.table = {\n                    'headRows': headEntries ? headEntries.length : 0,\n                    'bodyRows': bodyEntries ? bodyEntries.length : 0,\n                    'columns': cols ? cols.length : 0,\n                }\n            }\n        }\n        if (node.nodeName !== '#text' && node.attributes && node.attributes.length > 0) {\n            thisOut.attributes = {}\n            // @ts-ignore\n            for (const attrib of node.attributes) {\n                if (attrib.name !== 'id') {\n                    thisOut.attributes[attrib.name] = node.attributes[attrib.name].value\n                }\n                if (attrib.name === 'class') thisOut.classes = Array.from(node.classList)\n            }\n        }\n        if (node.nodeName === '#text') {\n            thisOut.text = node.textContent\n        }\n        if (node.validity) thisOut.userInput.validity = {}\n        for (const v in node.validity) {\n            thisOut.userInput.validity[v] = node.validity[v]\n        }\n\n        return thisOut\n    } // --- end of nodeGet --- //\n\n    /** Show a browser notification if possible. Returns a promise\n     * Config can be a simple string, a Node-RED msg (topic as title, payload as body)\n     * or a Notifications API options object + config.title string.\n     * Config ref: https://developer.mozilla.org/en-US/docs/Web/API/Notification/Notification\n     * @param {object|string} config Notification config object or simple message string\n     * @returns {Promise} Resolves on close or click event, returns the event.\n     */\n    async notification(config) {\n        if (typeof config === 'string') {\n            config = { body: config }\n        }\n        // Are notifications available?\n        if (typeof Notification === 'undefined') return Promise.reject(new Error('Notifications not available in this browser'))\n        // Do we have permission? If not, ask for permission\n        let permit = Notification.permission\n        if (permit === 'denied') {\n            return Promise.reject(new Error('Notifications not permitted by user')) // eslint-disable-line no-useless-return\n        } else if (permit === 'granted') {\n            return this._showNotification(config)\n        } else { // if (permit === 'default') {\n            permit = await Notification.requestPermission()\n            if (permit === 'granted') {\n                return this._showNotification(config)\n            }\n            return Promise.reject(new Error('Notifications not permitted by user'))\n        }\n    }\n\n    /** Remove All, 1 or more class names from an element\n     * @param {undefined|null|\"\"|string|string[]} classNames Single or array of classnames. If undefined, \"\" or null, remove all classes\n     * @param {HTMLElement} el HTML Element to add class(es) to\n     */\n    removeClass(classNames, el) {\n        if (!classNames) {\n            el.removeAttribute('class')\n            return\n        }\n        if (!Array.isArray(classNames)) classNames = [classNames]\n        if (el) el.classList.remove(...classNames)\n    }\n\n    /** Replace or add an HTML element's slot from text or an HTML string\n     * WARNING: Executes <script> tags! And will process <style> tags.\n     * Will use DOMPurify if that library has been loaded to window.\n     * param {*} ui Single entry from the msg._ui property\n     * @param {Element} el Reference to the element that we want to update\n     * @param {*} slot The slot content we are trying to add/replace (defaults to empty string)\n     */\n    replaceSlot(el, slot) {\n        if (!el) return\n        if (!slot) slot = ''\n\n        // If DOMPurify is loaded, apply it now\n        slot = this.sanitiseHTML(slot)\n\n        // Create doc frag and apply html string (msg.payload or the slot property)\n        const tempFrag = Ui.doc.createRange().createContextualFragment(slot)\n\n        // Remove content of el and replace with tempFrag\n        const elRange = Ui.doc.createRange()\n        elRange.selectNodeContents(el)\n        elRange.deleteContents()\n        el.append(tempFrag)\n    }\n\n    /** Replace or add an HTML element's slot from a Markdown string\n     * Only does something if the markdownit library has been loaded to window.\n     * Will use DOMPurify if that library has been loaded to window.\n     * @param {Element} el Reference to the element that we want to update\n     * @param {*} component The component we are trying to add/replace\n     */\n    replaceSlotMarkdown(el, component) {\n        if (!el) return\n        if (!component.slotMarkdown) return\n\n        // Convert from markdown to HTML\n        component.slotMarkdown = this.convertMarkdown(component.slotMarkdown)\n        // If DOMPurify is loaded, apply it now\n        component.slotMarkdown = this.sanitiseHTML(component.slotMarkdown)\n        // Set the component content to the the converted slotMarkdown property\n        el.innerHTML = component.slotMarkdown\n    }\n\n    /** Sanitise HTML to make it safe - if the DOMPurify library is loaded\n     * Otherwise just returns that HTML as-is.\n     * @param {string} html The input HTML string\n     * @returns {string} The sanitised HTML or the original if DOMPurify not loaded\n     */\n    sanitiseHTML(html) {\n        if (!Ui.win['DOMPurify']) return html\n        return Ui.win['DOMPurify'].sanitize(html, { ADD_TAGS: this.sanitiseExtraTags, ADD_ATTR: this.sanitiseExtraAttribs })\n    }\n\n    /** Show a pop-over \"toast\" dialog or a modal alert // TODO - Allow notify to sit in corners rather than take over the screen\n     * Refs: https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/alertdialog.html,\n     *       https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/dialog.html,\n     *       https://www.w3.org/WAI/ARIA/apg/patterns/dialogmodal/\n     * @param {\"notify\"|\"alert\"} type Dialog type\n     * @param {object} ui standardised ui data\n     * @param {object} [msg] msg.payload/msg.topic - only used if a string. Optional.\n     * @returns {void}\n     */\n    showDialog(type, ui, msg) { // eslint-disable-line sonarjs/cognitive-complexity\n\n        //#region -- Check properties --\n\n        let content = ''\n        // Main body content\n        if (msg.payload && typeof msg.payload === 'string') content += `<div>${msg.payload}</div>`\n        if (ui.content) content += `<div>${ui.content}</div>`\n        // Toast wont show anyway if content is empty, may as well warn user\n        if (content === '') {\n            Ui.log(1, 'Ui:showDialog', 'Toast content is blank. Not shown.')()\n            return\n        }\n\n        // Use msg.topic as title if no title provided\n        if (!ui.title && msg.topic) ui.title = msg.topic\n        if (ui.title) content = `<p class=\"toast-head\">${ui.title}</p><p>${content}</p>`\n\n        // Allow for variants - @since v6.1 - don't bother - since this now sets CSS class, not tied to bootstrap-vue\n        // if ( !ui.variant || !['', 'primary', 'secondary', 'success', 'info', 'warn', 'warning', 'failure', 'error', 'danger'].includes(ui.variant)) ui.variant = ''\n\n        // Toasts auto-hide by default after 10s but alerts do not auto-hide\n        if (ui.noAutohide) ui.noAutoHide = ui.noAutohide\n        if (ui.noAutoHide) ui.autohide = !ui.noAutoHide\n        // If set, number of ms until toast is auto-hidden\n        if (ui.autoHideDelay) {\n            if (!ui.autohide) ui.autohide = true\n            ui.delay = ui.autoHideDelay\n        } else ui.autoHideDelay = 10000 // default = 10s\n        if (!Object.prototype.hasOwnProperty.call(ui, 'autohide')) ui.autohide = true\n\n        if (type === 'alert') {\n            ui.modal = true\n            ui.autohide = false\n            content = `<svg viewBox=\"0 0 192.146 192.146\" style=\"width:30;background-color:transparent;\"><path d=\"M108.186 144.372c0 7.054-4.729 12.32-12.037 12.32h-.254c-7.054 0-11.92-5.266-11.92-12.32 0-7.298 5.012-12.31 12.174-12.31s11.91 4.992 12.037 12.31zM88.44 125.301h15.447l2.951-61.298H85.46l2.98 61.298zm101.932 51.733c-2.237 3.664-6.214 5.921-10.493 5.921H12.282c-4.426 0-8.51-2.384-10.698-6.233a12.34 12.34 0 0 1 .147-12.349l84.111-149.22c2.208-3.722 6.204-5.96 10.522-5.96h.332c4.445.107 8.441 2.618 10.513 6.546l83.515 149.229c1.993 3.8 1.905 8.363-.352 12.066zm-10.493-6.4L96.354 21.454l-84.062 149.18h167.587z\" /></svg> ${content}`\n        }\n\n        //#endregion -- -- --\n\n        // Create a toaster container element if not already created - or get a ref to it\n        let toaster = Ui.doc.getElementById('toaster')\n        if (toaster === null) {\n            toaster = Ui.doc.createElement('div')\n            toaster.id = 'toaster'\n            toaster.title = 'Click to clear all notifcations'\n            toaster.setAttribute('class', 'toaster')\n            toaster.setAttribute('role', 'dialog')\n            toaster.setAttribute('arial-label', 'Toast message')\n            toaster.onclick = function () {\n                // @ts-ignore\n                toaster.remove()\n            }\n            Ui.doc.body.insertAdjacentElement('afterbegin', toaster)\n        }\n\n        // Create a toast element. Would be nice to use <dialog> but that isn't well supported yet - come on Apple!\n        const toast = Ui.doc.createElement('div')\n        toast.title = 'Click to clear this notifcation'\n        toast.setAttribute('class', `toast ${ui.variant ? ui.variant : ''} ${type}`)\n        toast.innerHTML = content\n        toast.setAttribute('role', 'alertdialog')\n        if (ui.modal) toast.setAttribute('aria-modal', ui.modal)\n        toast.onclick = function (evt) {\n            evt.stopPropagation()\n            toast.remove()\n            // @ts-ignore\n            if (toaster.childElementCount < 1) toaster.remove()\n        }\n\n        // TODO\n        if (type === 'alert') {\n            // newD.setAttribute('aria-labelledby', '')\n            // newD.setAttribute('aria-describedby', '')\n        }\n\n        toaster.insertAdjacentElement(ui.appendToast === true ? 'beforeend' : 'afterbegin', toast)\n\n        // Auto-hide\n        if (ui.autohide === true) {\n            setInterval(() => {\n                toast.remove()\n                // @ts-ignore\n                if (toaster.childElementCount < 1) toaster.remove()\n            }, ui.autoHideDelay)\n        }\n    } // --- End of showDialog ---\n\n    /** Directly manage UI via JSON\n     * @param {object} json Either an object containing {_ui: {}} or simply simple {} containing ui instructions\n     */\n    ui(json) {\n        // Simulate a msg and process\n        let msg = {}\n        if (json._ui) msg = json\n        else msg._ui = json\n\n        this._uiManager(msg)\n    }\n\n    /** Get data from the DOM. Returns selection of useful props unless a specific prop requested.\n     * @param {string} cssSelector Identify the DOM element to get data from\n     * @param {string} [propName] Optional. Specific name of property to get from the element\n     * @returns {Array<*>} Array of objects containing either specific requested property or a selection of useful properties\n     */\n    uiGet(cssSelector, propName = null) {\n        // The type cast below not really correct but it gets rid of the other typescript errors\n        const selection = /** @type {NodeListOf<HTMLInputElement>} */ (Ui.doc.querySelectorAll(cssSelector))\n\n        const out = []\n\n        selection.forEach(node => {\n            // Specific property asked for ...\n            if (propName) {\n                if (propName === 'classes') propName = 'class'\n                // Try assuming the prop is an attribute first (will return null or \"\" if not present)\n                let prop = node.getAttribute(propName)\n                // If not an attribute, try getting as a property of the element\n                if (prop === undefined || prop === null) {\n                    try {\n                        prop = node[propName]\n                    } catch (error) {}\n                }\n                // We didn't find as either an attribute or a property\n                if (prop === undefined || prop === null) {\n                    // If 'value' was requested, return the innerText\n                    if (propName.toLowerCase() === 'value') out.push(node.innerText)\n                    else out.push(`Property '${propName}' not found`)\n                } else {\n                    const p = {}\n                    // Nightmare of different object types in a DOM Element!\n                    const cType = prop.constructor.name.toLowerCase()\n                    if (cType === 'namednodemap') {\n                        for (const key of prop) {\n                            // @ts-ignore\n                            p[key.name] = prop[key.name].value\n                        }\n                    } else if (!cType.includes('map')) { // Ordinary properties (not a mapped type)\n                        p[propName] = prop\n                    } else { // Other MAP types\n                        const p = {}\n                        // @ts-ignore\n                        for (const key in prop) {\n                            p[key] = prop[key]\n                        }\n                    }\n                    if (p.class) p.classes = Array.from(node.classList)\n                    out.push(p)\n                }\n            } else { // Otherwise, grab everything useful\n                out.push(this.nodeGet(node, cssSelector))\n            }\n        })\n\n        return out\n    } // --- end of uiGet --- //\n\n    /** External alias for _uiComposeComponent\n     * @param {*} el HTML Element to enhance\n     * @param {*} comp Individual uibuilder ui component spec\n     */\n    uiEnhanceElement(el, comp) {\n        this._uiComposeComponent(el, comp)\n    }\n\n    //#endregion ---- -------- ----\n}\n\nmodule.exports = Ui\n\n// if (window) window['$ui'] = new Ui(window)\n\n// export Ui\n", "// @ts-nocheck\n/* This is the Front-End JavaScript for uibuilder  in HTML Module form\n  It provides a number of global objects that can be used in your own javascript.\n  see the docs folder `./docs/uibuilder.module.md` for details of how to use this fully.\n\n  Please use the default index.js file for your own code and leave this as-is.\n  See Uib._meta for client version string\n\n  Copyright (c) 2022-2024 Julian Knight (Totally Information)\n\n  Licensed under the Apache License, Version 2.0 (the \"License\");\n  you may not use this file except in compliance with the License.\n  You may obtain a copy of the License at\n\n  http://www.apache.org/licenses/LICENSE-2.0\n\n  Unless required by applicable law or agreed to in writing, software\n  distributed under the License is distributed on an \"AS IS\" BASIS,\n  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  See the License for the specific language governing permissions and\n  limitations under the License.\n*/\n\n//#region --- Type Defs --- //\n/**\n * A string containing HTML markup\n * @typedef {string} html\n */\n//#endregion --- Type Defs --- //\n\n// We need the Socket.IO & ui libraries & the uib-var component  --- //\n// @ts-ignore - Note: Only works when using esbuild to bundle\nimport Ui from './ui'\nimport io from 'socket.io-client'\nimport UibVar from '../components/uib-var'\nimport UibMeta from '../components/uib-meta'\nimport ApplyTemplate from '../components/apply-template'\n\nconst version = '7.0.4-src'\n\n// TODO Add option to allow log events to be sent back to Node-RED as uib ctrl msgs\n//#region --- Module-level utility functions --- //\n\n// Detect whether the loaded library is minified or not\nconst isMinified = !(/param/).test(function (param) { })\n\n//#region --- print/console - debugging output functions --- //\n\n/** Custom logging. e.g. log(2, 'here:there', 'jiminy', {fred:'jim'})()\n * @returns {Function} Log function @example log(2, 'here:there', 'jiminy', {fred:'jim'})()\n */\nfunction log() {\n    // Get the args\n    const args = Array.prototype.slice.call(arguments)\n\n    // 1st arg is the log level/type\n    let level = args.shift()\n    let strLevel\n    switch (level) {\n        case 'trace':\n        case 5: {\n            if (log.level < 5) break\n            level = 5 // make sure level is numeric\n            strLevel = 'trace'\n            break\n        }\n\n        case 'debug':\n        case 4: {\n            if (log.level < 4) break\n            level = 4\n            strLevel = 'debug'\n            break\n        }\n\n        case 'log':\n        case 3: {\n            if (log.level < 3) break\n            level = 3\n            strLevel = 'log'\n            break\n        }\n\n        case 'info':\n        case '':\n        case 2: {\n            if (log.level < 2) break\n            level = 2\n            strLevel = 'info'\n            break\n        }\n\n        case 'warn':\n        case 1: {\n            if (log.level < 1) break\n            level = 1\n            strLevel = 'warn'\n            break\n        }\n\n        case 'error':\n        case 'err':\n        case 0: {\n            if (log.level < 0) break\n            level = 0\n            strLevel = 'error'\n            break\n        }\n\n        default: {\n            level = -1\n            break\n        }\n    }\n\n    // If set to something unknown, no log output\n    if (strLevel === undefined) return function () { }\n\n    // 2nd arg is a heading that will be colour highlighted\n    const head = args.shift()\n\n    // Bind back to console.log (could use console[strLevel] but some levels ignore some formatting, use console.xxx directly or dedicated fn)\n    return Function.prototype.bind.call(\n        console[log.LOG_STYLES[strLevel].console],\n        console,\n        `%c${log.LOG_STYLES[strLevel].pre}${strLevel}%c [${head}]`, `${log.LOG_STYLES.level} ${log.LOG_STYLES[strLevel].css}`, `${log.LOG_STYLES.head} ${log.LOG_STYLES[strLevel].txtCss}`,\n        ...args\n    )\n}\n\n// Nice console styling\nlog.LOG_STYLES = {\n    // 0\n    error: {\n        css: 'background: red; color: black;',\n        txtCss: 'color: red; ',\n        pre: '\u26D4 ',\n        console: 'error',  // or trace\n    },\n    // 1\n    warn: {\n        css: 'background: darkorange; color: black;',\n        txtCss: 'color: darkorange; ',\n        pre: '\u26A0 ',\n        console: 'warn',\n    },\n    // 2\n    info: {\n        css: 'background: aqua; color: black;',\n        txtCss: 'color: aqua;',\n        pre: '\u2757 ',\n        console: 'info',\n    },\n    // 3\n    log: {\n        css: 'background: grey; color: yellow;',\n        txtCss: 'color: grey;',\n        pre: '',\n        console: 'log',\n    },\n    // 4\n    debug: {\n        css: 'background: chartreuse; color: black;',\n        txtCss: 'color: chartreuse;',\n        pre: '',\n        console: 'debug',\n    },\n    // 5\n    trace: {\n        css: 'background: indigo; color: yellow;',\n        txtCss: 'color: hotpink;',\n        pre: '',\n        console: 'log',\n    },\n\n    names: ['error', 'warn', 'info', 'log', 'debug', 'trace'],\n    reset: 'color: inherit;',\n    head: 'font-weight:bold; font-style:italic;',\n    level: 'font-weight:bold; border-radius: 3px; padding: 2px 5px; display:inline-block;',\n}\n\n/** Default log level - Error */\nlog.default = 0\nlet ll\n\n// Check if the script element was found and get the data-log-level attribute (only numeric levels allowed here)\ntry {\n    const scriptElement = document.currentScript\n    ll = scriptElement.getAttribute('logLevel')\n} catch (e) {}\n\n// Otherwise check if the import url (for ESM only) has a logLevel query param\nif (ll === undefined) {\n    try {\n        const url = new URL(import.meta.url).searchParams\n        ll = url.get('logLevel')\n    } catch (e) {}\n}\n\n// If either found, check numeric and set default level if so\nif (ll !== undefined) {\n    ll = Number(ll)\n    if (isNaN(ll)) {\n        console.warn( `[Uib:constructor] Cannot set logLevel to \"${scriptElement.getAttribute('logLevel')}\". Defaults to 0 (error).`)\n        log.default = 0\n    } else log.default = ll\n}\n\n// Set current level to default\nlog.level = log.default\n\n// log.default = isMinified ? 0 : 1  // When using minified lib, assume production and only log errors otherwise also log warn\n\n//#endregion\n\n/** A hack to dynamically load a remote module and wait until it is loaded\n * @param {string} url The URL of the module to load\n * @returns {object|null} Either the result object or null (if the load fails)\n */\n// function loadModule(url) { // eslint-disable-line no-unused-vars\n//     let done\n\n//     import(url)\n//         .then(res => {\n//             log('debug', '>> then >>', res)()\n//             done = res\n//         })\n//         .catch(err => {\n//             console.error(`[uibuilder:loadModule] Could not load module ${url}`, err)\n//             done = null\n//         })\n\n//     //  eslint-disable-next-line no-empty\n//     while (!done) { } // eslint-disable-line no-unmodified-loop-condition\n\n//     return done\n// }\n\n/** Convert JSON to Syntax Highlighted HTML\n * @param {object} json A JSON/JavaScript Object\n * @returns {html} Object reformatted as highlighted HTML\n */\nfunction syntaxHighlight(json) {\n    if (json === undefined) {\n        json = '<span class=\"undefined\">undefined</span>'\n    } else {\n        try {\n            json = JSON.stringify(json, undefined, 4)\n            // json = json.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;') // eslint-disable-line newline-per-chained-call\n            json = json.replace(/(\"(\\\\u[a-zA-Z0-9]{4}|\\\\[^u]|[^\\\\\"])*\"(\\s*:)?|\\b(true|false|null)\\b|-?\\d+(?:\\.\\d*)?(?:[eE][+-]?\\d+)?)/g, function (match) { // eslint-disable-line prefer-named-capture-group\n                let cls = 'number'\n                if ((/^\"/).test(match)) {\n                    if ((/:$/).test(match)) {\n                        cls = 'key'\n                    } else {\n                        cls = 'string'\n                    }\n                } else if ((/true|false/).test(match)) {\n                    cls = 'boolean'\n                } else if ((/null/).test(match)) {\n                    cls = 'null'\n                }\n                return `<span class=\"${cls}\">${match}</span>`\n            })\n        } catch (e) {\n            json = `Syntax Highlight ERROR: ${e.message}`\n        }\n    }\n    return json\n}\n\n/** msg._ui handling functions */\nconst _ui = new Ui(window, log, syntaxHighlight)\n\n//#endregion --- Module-level utility functions --- //\n\n/** Define and export the Uib class - note that an instance of the class is also exported in the wrap-up\n * @typicalname uibuilder\n */\nexport const Uib = class Uib {\n\n    //#region --- Static variables ---\n    static _meta = {\n        version: version,\n        type: 'module',\n        displayName: 'uibuilder',\n    }\n    //#endregion ---- ---- ---- ----\n\n    //#region private class vars\n\n    // How many times has the loaded instance connected to Socket.IO (detect if not a new load?)\n    connectedNum = 0\n    // event listener callbacks by property name\n    // #events = {}\n    // Socket.IO channel names\n    _ioChannels = { control: 'uiBuilderControl', client: 'uiBuilderClient', server: 'uiBuilder' }\n    /** setInterval holder for pings @type {function|undefined} */\n    #pingInterval\n    // onChange event callbacks\n    #propChangeCallbacks = {}\n    // onTopic event callbacks\n    #msgRecvdByTopicCallbacks = {}\n    // Is Vue available?\n    isVue = false\n    // What version? Set in startup if Vue is loaded. Won't always work\n    vueVersion = undefined\n    /** setInterval id holder for Socket.IO checkConnect\n     * @type {number|null}\n     */\n    #timerid = null\n    // Holds the reference ID for the internal msg change event handler so that it can be cancelled\n    #MsgHandler\n    // Placeholder for io.socket - can't make a # var until # fns allowed in all browsers\n    _socket\n    // Placeholder for an observer that watches the whole DOM for changes - can't make a # var until # fns allowed in all browsers\n    _htmlObserver\n    // Has showMsg been turned on?\n    #isShowMsg = false\n    // Has showStatus been turned on?\n    #isShowStatus = false\n    // If true, URL hash changes send msg back to node-red. Controlled by watchUrlHash()\n    #sendUrlHash = false\n    // Used to help create unique element ID's if one hasn't been provided, increment on use\n    #uniqueElID = 0\n    // Externally accessible command functions (NB: Case must match) - remember to update _uibCommand for new commands\n    #extCommands = [\n        'elementExists', 'get', 'getManagedVarList', 'getWatchedVars', 'htmlSend', 'include',\n        'navigate', 'scrollTo', 'set', 'showMsg', 'showStatus', 'uiGet', 'uiWatch', 'watchUrlHash',\n    ]\n\n    /** @type {{[key: string]: string}} Managed uibuilder variables */\n    #managedVars = {}\n\n    // What status variables to show via showStatus()\n    #showStatus = {\n        online: { 'var': 'online', 'label': 'Online?', 'description': 'Is the browser online?', },\n        ioConnected: { 'var': 'ioConnected', 'label': 'Socket.IO connected?', 'description': 'Is Socket.IO connected?', },\n        connectedNum: { 'var': 'connectedNum', 'label': '# reconnections', 'description': 'How many times has Socket.IO had to reconnect since last page load?', },\n\n        clientId: { 'var': 'clientId', 'label': 'Client ID', 'description': 'Static client unique id set in Node-RED. Only changes when browser is restarted.', },\n        tabId: { 'var': 'tabId', 'label': 'Browser tab ID', 'description': 'Static unique id for the browser\\'s current tab', },\n        cookies: { 'var': 'cookies', 'label': 'Cookies', 'description': 'Cookies set in Node-RED', },\n        httpNodeRoot: { 'var': 'httpNodeRoot', 'label': 'httpNodeRoot', 'description': 'From Node-RED\\' settings.js, affects URL\\'s. May be wrong for pages in sub-folders', },\n        pageName: { 'var': 'pageName', 'label': 'Page name', 'description': 'Actual name of this page', },\n\n        ioNamespace: { 'var': 'ioNamespace', 'label': 'SIO namespace', 'description': 'Socket.IO namespace - unique to each uibuilder node instance', },\n        // ioPath: { 'var': 'ioPath', 'label': 'SIO path', 'description': '', }, // no longer needed in the modern client\n        socketError: { 'var': 'socketError', 'label': 'Socket error', 'description': 'If the Socket.IO connection has failed, says why', },\n\n        msgsSent: { 'var': 'msgsSent', 'label': '# msgs sent', 'description': 'How many standard messages have been sent to Node-RED?', },\n        msgsReceived: { 'var': 'msgsReceived', 'label': '# msgs received', 'description': 'How many standard messages have been received from Node-RED?', },\n        msgsSentCtrl: { 'var': 'msgsSentCtrl', 'label': '# control msgs sent', 'description': 'How many control messages have been sent to Node-RED?', },\n        msgsCtrlReceived: { 'var': 'msgsCtrlReceived', 'label': '# control msgs received', 'description': 'How many control messages have been received from Node-RED?', },\n        originator: { 'var': 'originator', 'label': 'Node Originator', 'description': 'If the last msg from Node-RED was from a `uib-sender` node, this will be its node id so that messasges can be returned to it', },\n        topic: { 'var': 'topic', 'label': 'Default topic', 'description': 'Optional default topic to be included in outgoing standard messages', },\n\n        started: { 'var': 'started', 'label': 'Has uibuilder client started?', 'description': 'Whether `uibuilder.start()` ran successfully. This should self-run and should not need to be run manually', },\n        version: { 'var': 'version', 'label': 'uibuilder client version', 'description': 'The version of the loaded uibuilder client library', },\n        serverTimeOffset: { 'var': 'serverTimeOffset', 'label': 'Server time offset (Hrs)', 'description': 'The number of hours difference between the Node-red server and the client', },\n    }\n\n    // Track ui observers (see uiWatch)\n    #uiObservers = {}\n\n    // List of uib specific attributes that will be watched and processed dynamically\n    uibAttribs = ['uib-topic', 'data-uib-topic']\n    #uibAttrSel = `[${this.uibAttribs.join('], [')}]`\n\n    //#endregion\n\n    //#region public class vars\n\n    // TODO Move to proper getters\n    //#region ---- Externally read-only (via .get method) ---- //\n    // version - moved to _meta\n    /** Client ID set by uibuilder on connect */\n    clientId = ''\n    /** The collection of cookies provided by uibuilder */\n    cookies = {}\n    /** Copy of last control msg object received from sever */\n    ctrlMsg = {}\n    /** Is Socket.IO client connected to the server? */\n    ioConnected = false\n    // Is the library running from a minified version?\n    isMinified = isMinified\n    // Is the browser tab containing this page visible or not?\n    isVisible = false\n    // Remember the last page (re)load/navigation type: navigate, reload, back_forward, prerender\n    lastNavType = ''\n    // Max msg size that can be sent over Socket.IO - updated by \"client connect\" msg receipt\n    maxHttpBufferSize = 1048576\n    /** Last std msg received from Node-RED */\n    msg = {}\n    /** number of messages sent to server since page load */\n    msgsSent = 0\n    /** number of messages received from server since page load */\n    msgsReceived = 0\n    /** number of control messages sent to server since page load */\n    msgsSentCtrl = 0\n    /** number of control messages received from server since page load */\n    msgsCtrlReceived = 0\n    /** Is the client online or offline? */\n    online = navigator.onLine\n    /** last control msg object sent via uibuilder.send() @since v2.0.0-dev3 */\n    sentCtrlMsg = {}\n    /** last std msg object sent via uibuilder.send() */\n    sentMsg = {}\n    /** placeholder to track time offset from server, see fn socket.on(ioChannels.server ...) */\n    serverTimeOffset = null\n    /** placeholder for a socket error message */\n    socketError = null\n    // tab identifier from session storage\n    tabId = ''\n    // Actual name of current page (set in constructor)\n    pageName = null\n    // Is the DOMPurify library loaded? Updated in start()\n    purify = false\n    // Is the Markdown-IT library loaded? Updated in start()\n    markdown = false\n    // Current URL hash. Initial set is done from start->watchHashChanges via a set to make it watched\n    urlHash = location.hash\n    //#endregion ---- ---- ---- ---- //\n\n    // TODO Move to proper getters/setters\n    //#region ---- Externally Writable (via .set method, read via .get method) ---- //\n    /** Default originator node id - empty string by default\n     * @type {string}\n     */\n    originator = ''\n    /** Default topic - used by send if set and no topic provided\n     * @type {(string|undefined)}\n     */\n    topic = undefined\n    /** Either undefined or a reference to a uib router instance\n     * Set by uibrouter, do not set manually.\n     */\n    uibrouterinstance\n    /** Set by uibrouter, do not set manually */\n    uibrouter_CurrentRoute\n    //#endregion ---- ---- ---- ---- //\n\n    //#region ---- These are unlikely to be needed externally: ----\n    autoSendReady = true\n    httpNodeRoot = '' // Node-RED setting (via cookie)\n    ioNamespace = ''\n    ioPath = ''\n    retryFactor = 1.5       // starting delay factor for subsequent reconnect attempts\n    retryMs = 2000          // starting retry ms period for manual socket reconnections workaround\n    storePrefix = 'uib_'    // Prefix for all uib-related localStorage\n    started = false\n    // NOTE: These can only change when a client (re)connects\n    socketOptions = {\n        path: this.ioPath,\n        // https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API\n        // https://developer.mozilla.org/en-US/docs/Web/API/WebTransport_API\n        // https://socket.io/get-started/webtransport\n        // NOTE: webtransport requires HTTP/3 and TLS. HTTP/2 & 3 not yet available in Node.js\n        // transports: ['polling', 'websocket', 'webtransport'],\n        transports: ['polling', 'websocket'],\n        // Using callback so that they are updated automatically on (re)connect\n        // Only put things in here that will be valid for a websocket connected session\n        auth: (cb) => {\n            cb({ // eslint-disable-line n/no-callback-literal\n                clientVersion: version,\n                clientId: this.clientId,\n                pathName: window.location.pathname,\n                urlParams: Object.fromEntries(new URLSearchParams(location.search)),\n                pageName: this.pageName,\n                tabId: this.tabId,\n                lastNavType: this.lastNavType,\n                connectedNum: ++this.connectedNum,\n                // Used to calculate the diff between the server and client connection timestamps - reported if >1 minute\n                browserConnectTimestamp: (new Date()).toISOString(),\n            })\n        },\n        transportOptions: {\n            // Can only set headers when polling\n            polling: {\n                extraHeaders: {\n                    'x-clientid': `${Uib._meta.displayName}; ${Uib._meta.type}; ${Uib._meta.version}; ${this.clientId}`,\n                }\n            },\n        },\n    }\n    //#endregion -- not external --\n\n    //#endregion --- End of variables ---\n\n    //#region ------- Getters and Setters ------- //\n\n    // Change logging level dynamically (affects both console. and print.)\n    set logLevel(level) { log.level = level; console.log('%c\u2757 info%c [logLevel]', `${log.LOG_STYLES.level} ${log.LOG_STYLES.info.css}`, `${log.LOG_STYLES.head} ${log.LOG_STYLES.info.txtCss}`, `Set to ${level} (${log.LOG_STYLES.names[level]})`) /* changeLogLevel(level)*/ }\n    get logLevel() { return log.level }\n\n    get meta() { return Uib._meta }\n\n    /** Function to set uibuilder properties to a new value - works on any property except _* or #*\n     * Also triggers any event listeners.\n     * Example: this.set('msg', {topic:'uibuilder', payload:42});\n     * @param {string} prop Any uibuilder property who's name does not start with a _ or #\n     * @param {*} val The set value of the property or a string declaring that a protected property cannot be changed\n     * @param {boolean} [store] If true, the variable is also saved to the browser localStorage if possible\n     * @param {boolean} [autoload] If true & store is true, on load, uib will try to restore the value from the store automatically\n     * @returns {*} Input value\n     */\n    set(prop, val, store = false, autoload = false) {\n        // Check for excluded properties - we don't want people to set these\n        // if (this.#excludedSet.indexOf(prop) !== -1) {\n        if (prop.startsWith('_') || prop.startsWith('#')) {\n            log('warn', 'Uib:set', `Cannot use set() on protected property \"${prop}\"`)()\n            return `Cannot use set() on protected property \"${prop}\"`\n        }\n\n        // We must add the var to the uibuilder object\n        this[prop] = val\n\n        // Keep track of all managed variables\n        this.#managedVars[prop] = prop\n\n        // If requested, save to store\n        if (store === true) this.setStore(prop, val, autoload)\n\n        log('trace', 'Uib:set', `prop set - prop: ${prop}, val: `, val, ` store: ${store}, autoload: ${autoload}`)()\n\n        // Trigger this prop's event callbacks (listeners which are set by this.onChange)\n        // this.emit(prop, val)\n\n        // trigger an event on the prop name, pass both the name and value to the event details\n        this._dispatchCustomEvent('uibuilder:propertyChanged', { 'prop': prop, 'value': val, 'store': store, 'autoload': autoload })\n\n        return val\n    }\n\n    /** Function to get the value of a uibuilder property\n     * Example: uibuilder.get('msg')\n     * @param {string} prop The name of the property to get as long as it does not start with a _ or #\n     * @returns {*|undefined} The current value of the property\n     */\n    get(prop) {\n        if (prop.startsWith('_') || prop.startsWith('#')) {\n            log('warn', 'Uib:get', `Cannot use get() on protected property \"${prop}\"`)()\n            return\n        }\n        if (prop === 'version') return Uib._meta.version\n        if (prop === 'msgsCtrl') return this.msgsCtrlReceived\n        if (prop === 'reconnections') return this.connectedNum\n        if (this[prop] === undefined) {\n            log('warn', 'Uib:get', `get() - property \"${prop}\" is undefined`)()\n        }\n        return this[prop]\n    }\n\n    /** Write to localStorage if possible. console error output if can't write\n     * Also uses this.storePrefix\n     * @example\n     *   uibuilder.setStore('fred', 42)\n     *   console.log(uibuilder.getStore('fred'))\n     * @param {string} id localStorage var name to be used (prefixed with 'uib_')\n     * @param {*} value value to write to localstore\n     * @param {boolean} [autoload] If true, on load, uib will try to restore the value from the store\n     * @returns {boolean} True if succeeded else false\n     */\n    setStore(id, value, autoload = false) {\n        let autoVars = {}\n        if (autoload === true) {\n            try {\n                autoVars = this.getStore('_uibAutoloadVars') || {}\n            } catch (e) {}\n        }\n        if (typeof value === 'object') {\n            try {\n                value = JSON.stringify(value)\n            } catch (e) {\n                log('error', 'Uib:setStore', 'Cannot stringify object, not storing. ', e)()\n                return false\n            }\n        }\n        try {\n            localStorage.setItem(this.storePrefix + id, value)\n            if (autoload) {\n                autoVars[id] = id\n                try {\n                    localStorage.setItem(this.storePrefix + '_uibAutoloadVars', JSON.stringify(autoVars))\n                } catch (e) {\n                    log('error', 'Uib:setStore', 'Cannot save autoload list. ', e)()\n                }\n            }\n            this._dispatchCustomEvent('uibuilder:propertyStored', { 'prop': id, 'value': value, 'autoload': autoload })\n            return true\n        } catch (e) {\n            log('error', 'Uib:setStore', 'Cannot write to localStorage. ', e)()\n            return false\n        }\n    } // --- end of setStore --- //\n\n    /** Attempt to get and re-hydrate a key value from localStorage\n     * Note that all uib storage is automatically prefixed using this.storePrefix\n     * @param {*} id The key of the value to attempt to retrieve\n     * @returns {*|null|undefined} The re-hydrated value of the key or null if key not found, undefined on error\n     */\n    getStore(id) {\n        try {\n            // @ts-ignore\n            return JSON.parse(localStorage.getItem(this.storePrefix + id))\n        } catch (e) { }\n        try {\n            return localStorage.getItem(this.storePrefix + id)\n        } catch (e) {\n            return undefined\n        }\n    }\n\n    /** Remove a given id from the uib keys in localStorage\n     * @param {*} id The key to remove\n     */\n    removeStore(id) {\n        try {\n            localStorage.removeItem(this.storePrefix + id)\n        } catch (e) { }\n    }\n\n    /** Returns a list of uibuilder properties (variables) that can be watched with onChange\n     * @returns {{[key: string]: string}} List of uibuilder managed variables\n     */\n    getManagedVarList() {\n        return this.#managedVars\n    }\n\n    getWatchedVars() {\n        return Object.keys(this.#propChangeCallbacks)\n    }\n\n    //#endregion ------- -------- ------- //\n\n    //#region ------- Our own event handling system ---------- //\n\n    /** Standard fn to create a custom event with details & dispatch it\n     * @param {string} title The event name\n     * @param {*} details Any details to pass to event output\n     */\n    _dispatchCustomEvent(title, details) {\n        const event = new CustomEvent(title, { detail: details })\n        document.dispatchEvent(event)\n    }\n\n    // See the this.#propChangeCallbacks & msgRecvdByTopicCallbacks private vars\n\n    /** Register on-change event listeners for uibuilder tracked properties\n     * Make it possible to register a function that will be run when the property changes.\n     * Note that you can create listeners for non-existant properties\n     * @example: uibuilder.onChange('msg', (msg) => { console.log('uibuilder.msg changed! It is now: ', msg) })\n     *\n     * @param {string} prop The property of uibuilder that we want to monitor\n     * @param {Function} callback The function that will run when the property changes, parameter is the new value of the property after change\n     * @returns {number} A reference to the callback to cancel, save and pass to uibuilder.cancelChange if you need to remove a listener\n     */\n    onChange(prop, callback) {\n        // Note: Property does not have to exist yet\n\n        // console.debug(`[Uib:onchange] pushing new callback (event listener) for property: ${prop}`)\n\n        // Create a new array or add to the array of callback functions for the property in the events object\n        // if (this.#events[prop]) {\n        //     this.#events[prop].push(callback)\n        // } else {\n        //     this.#events[prop] = [callback]\n        // }\n\n        // Make sure we have an object to receive the saved callback, update the latest reference number\n        if (!this.#propChangeCallbacks[prop]) this.#propChangeCallbacks[prop] = { _nextRef: 1 }\n        else this.#propChangeCallbacks[prop]._nextRef++\n\n        const nextCbRef = this.#propChangeCallbacks[prop]._nextRef\n\n        // Register the callback function. It is saved so that we can remove the event listener if we need to\n        const propChangeCallback = this.#propChangeCallbacks[prop][nextCbRef] = function propChangeCallback(e) {\n            // If the prop name matches the 1st arg in the onChange fn:\n            if (prop === e.detail.prop) {\n                const value = e.detail.value\n                // console.warn('[Uib:onChange:evt] uibuilder:propertyChanged. ', e.detail)\n                // Set the callback fn's `this` and its single argument to the msg\n                callback.call(value, value)\n            }\n        }\n\n        document.addEventListener('uibuilder:propertyChanged', propChangeCallback)\n\n        return nextCbRef\n    } // ---- End of onChange() ---- //\n\n    cancelChange(prop, cbRef) {\n        document.removeEventListener('uibuilder:propertyChanged', this.#propChangeCallbacks[prop][cbRef])\n        delete this.#propChangeCallbacks[prop][cbRef]\n        // this.#propChangeCallbacks[topic]._nextRef-- // Don't bother, let the ref# increase\n    }\n\n    /** Register a change callback for a specific msg.topic\n     * Similar to onChange but more convenient if needing to differentiate by msg.topic.\n     * @example: let otRef = uibuilder.onTopic('mytopic', function(){ console.log('Received a msg with msg.topic=`mytopic`. msg: ', this) })\n     * To cancel a change listener: uibuilder.cancelTopic('mytopic', otRef)\n     *\n     * @param {string} topic The msg.topic we want to listen for\n     * @param {Function} callback The function that will run when an appropriate msg is received. `this` inside the callback as well as the cb's single argument is the received msg.\n     * @returns {number} A reference to the callback to cancel, save and pass to uibuilder.cancelTopic if you need to remove a listener\n     */\n    onTopic(topic, callback) {\n        // Make sure we have an object to receive the saved callback, update the latest reference number\n        if (!this.#msgRecvdByTopicCallbacks[topic]) this.#msgRecvdByTopicCallbacks[topic] = { _nextRef: 1 }\n        else this.#msgRecvdByTopicCallbacks[topic]._nextRef++\n\n        const nextCbRef = this.#msgRecvdByTopicCallbacks[topic]._nextRef\n\n        // Register the callback function. It is saved so that we can remove the event listener if we need to\n        const msgRecvdEvtCallback = this.#msgRecvdByTopicCallbacks[topic][nextCbRef] = function msgRecvdEvtCallback(e) {\n            const msg = e.detail\n            // console.log('[Uib:onTopic:evt] uibuilder:stdMsgReceived where topic matches. ', e.detail)\n            if (msg.topic === topic) {\n                // Set the callback fn's `this` and its single argument to the msg\n                callback.call(msg, msg)\n            }\n        }\n\n        document.addEventListener('uibuilder:stdMsgReceived', msgRecvdEvtCallback)\n\n        return nextCbRef\n    }\n\n    cancelTopic(topic, cbRef) {\n        document.removeEventListener('uibuilder:stdMsgReceived', this.#msgRecvdByTopicCallbacks[topic][cbRef])\n        delete this.#msgRecvdByTopicCallbacks[topic][cbRef]\n        // this.#msgRecvdCallbacks[topic]._nextRef-- // Don't bother, let the ref# increase\n    }\n\n    /** Trigger event listener for a given property\n     * Called when uibuilder.set is used\n     *\n     * @param {*} prop The property for which to run the callback functions\n     * arguments: Additional arguments contain the value to pass to the event callback (e.g. newValue)\n     */\n    // emit(prop) {\n    //     var evt = this.#events[prop]\n    //     if (!evt) {\n    //         return\n    //     }\n    //     var args = Array.prototype.slice.call(arguments, 1)\n    //     for (var i = 0; i < evt.length; i++) {\n    //         evt[i].apply(this, args)\n    //     }\n    //     log('trace', 'Uib:emit', `${evt.length} listeners run for prop ${prop} `)()\n    // }\n\n    /** Forcibly removes all event listeners from the events array\n     * Use if you need to re-initialise the environment\n     */\n    // clearEventListeners() {\n    //     this.#events = []\n    // } // ---- End of clearEventListeners() ---- //\n\n    /** Clear a single property event listeners\n     * @param {string} prop The property of uibuilder for which we want to clear the event listener\n     */\n    // clearListener(prop) {\n    //     if (this.#events[prop]) delete this.#events[prop]\n    // }\n\n    //#endregion ---------- End of event handling system ---------- //\n\n    //#region ------- General Utility Functions -------- //\n\n    /** Check supplied msg from server for a timestamp - if received, work out & store difference to browser time\n     * @param {object} receivedMsg A message object recieved from Node-RED\n     * @returns {void} Updates self.serverTimeOffset if different to previous value\n     */\n    _checkTimestamp(receivedMsg) {\n        if (Object.prototype.hasOwnProperty.call(receivedMsg, 'serverTimestamp')) {\n            const serverTimestamp = new Date(receivedMsg.serverTimestamp)\n            // @ts-ignore\n            const offset = Math.round(((new Date()) - serverTimestamp) / 3600000) // in ms /3.6m to get hours\n            if (offset !== this.serverTimeOffset) {\n                log('trace', `Uib:checkTimestamp:${this._ioChannels.server} (server)`, `Offset changed to: ${offset} from: ${this.serverTimeOffset}`)()\n                this.set('serverTimeOffset', offset)\n            }\n        }\n    }\n\n    /** Set up an event listener to watch for hash changes\n     * and set the watchable urlHash variable\n     */\n    _watchHashChanges() {\n        this.set('urlHash', location.hash)\n        window.addEventListener('hashchange', (event) => {\n            this.set('urlHash', location.hash)\n            if (this.#sendUrlHash === true) {\n                this.send({ topic: 'hashChange', payload: location.hash, newHash: this.keepHashFromUrl(event.newURL), oldHash: this.keepHashFromUrl(event.oldURL) })\n            }\n        })\n    }\n\n    /** Returns a new array containing the intersection of the 2 input arrays\n     * @param {Array} a1 Array to check\n     * @param {Array} a2 Array to intersect\n     * @returns {Array} The intersection of the 2 arrays (may be an empty array)\n     */\n    arrayIntersect(a1, a2) {\n        return a1.filter(uName => a2.includes(uName))\n    }\n\n    /** Copies a uibuilder variable to the browser clipboard\n     * @param {string} varToCopy The name of the uibuilder variable to copy to the clipboard\n     */\n    copyToClipboard(varToCopy) {\n        let data = ''\n        try {\n            data = JSON.stringify(this.get(varToCopy))\n        } catch (e) {\n            log('error', 'copyToClipboard', `Could not copy \"${varToCopy}\" to clipboard.`, e.message)()\n        }\n        navigator.clipboard.writeText(data)\n    } // --- End of copyToClipboard --- //\n\n    /** Does the chosen CSS Selector currently exist?\n     * Automatically sends a msg back to Node-RED unless turned off.\n     * @param {string} cssSelector Required. CSS Selector to examine for visibility\n     * @param {boolean} [msg] Optional, default=true. If true also sends a message back to Node-RED\n     * @returns {boolean} True if the element exists\n     */\n    elementExists(cssSelector, msg = true) {\n        const el = document.querySelector(cssSelector)\n\n        let exists = false\n        if (el !== null) exists = true\n\n        if (msg === true) {\n            this.send({\n                payload: exists,\n                info: `Element \"${cssSelector}\" ${exists ? 'exists' : 'does not exist'}`\n            })\n        }\n\n        return exists\n    } // --- End of elementExists --- //\n\n    /** Format a number using the INTL standard library - compatible with uib-var filter function\n     * @param {number} value Number to format\n     * @param {number} decimalPlaces Number of decimal places to include. Default=no default\n     * @param {string} intl standard locale spec, e.g. \"ja-JP\" or \"en-GB\". Default=navigator.language\n     * @param {object} opts INTL library options object. Optional\n     * @returns {string} formatted number\n     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString\n     */\n    formatNumber(value, decimalPlaces, intl, opts) {\n        if (isNaN(value)) {\n            log('error', 'formatNumber', `Value must be a number. Value type: \"${typeof value}\"`)()\n            return 'NaN'\n        }\n        if (!opts) opts = {}\n        if (!intl) intl = navigator.language ? navigator.language : 'en-GB'\n        if (decimalPlaces) {\n            opts.minimumFractionDigits = decimalPlaces\n            opts.maximumFractionDigits = decimalPlaces\n        }\n        let out\n        try {\n            out = Number(value).toLocaleString(intl, opts)\n        } catch (e) {\n            log('error', 'formatNumber', `${e.message}. value=${value}, dp=${decimalPlaces}, intl=\"${intl}\", opts=${JSON.stringify(opts)}`)()\n            return 'NaN'\n        }\n        return out\n    }\n\n    /** Attempt to get rough size of an object\n     * @param {*} obj Any serialisable object\n     * @returns {number|undefined} Rough size of object in bytes or undefined\n     */\n    getObjectSize(obj) {\n        let size\n        try {\n            const jsonString = JSON.stringify(obj)\n            // Encode the string to a Uint8Array and measure its length\n            const encoder = new TextEncoder()\n            const uint8Array = encoder.encode(jsonString)\n            size = uint8Array.length\n        } catch (e) {\n            log('error', 'uibuilder:getObjectSize', 'Could not stringify, cannot determine size', obj, e)\n        }\n        return size\n    }\n\n    /** Returns true if a uibrouter instance is loaded, otherwise returns false\n     * @returns {boolean} true if uibrouter instance loaded else false\n     */\n    hasUibRouter() {\n        return !!this.uibrouterinstance\n    }\n\n    /** Only keep the URL Hash & ignoring query params\n     * @param {string} url URL to extract the hash from\n     * @returns {string} Just the route id\n     */\n    keepHashFromUrl(url) {\n        if (!url) return ''\n        return '#' + url.replace(/^.*#(.*)/, '$1').replace(/\\?.*$/, '')\n    }\n\n    log() {\n        log(...arguments)()\n    }\n\n    /** Makes a null or non-object into an object. If thing is already an object.\n     * If not null, moves \"thing\" to {payload:thing}\n     * @param {*} thing Thing to check\n     * @param {string} [property='payload'] property that \"thing\" is moved to if not null and not an object\n     * @returns {!object} _\n     */\n    makeMeAnObject(thing, property) {\n        if (!property) property = 'payload'\n        if (typeof property !== 'string') {\n            log('warn', 'uibuilder:makeMeAnObject', `WARNING: property parameter must be a string and not: ${typeof property}`)()\n            property = 'payload'\n        }\n        let out = {}\n        if ( thing !== null && thing.constructor.name === 'Object' ) {\n            out = thing\n        } else if (thing !== null) {\n            out[property] = thing\n        }\n        return out\n    } // --- End of make me an object --- //\n\n    /** Navigate to a new page or a new route (hash)\n     * @param {string} url URL to navigate to. Can be absolute or relative (to current page) or just a hash for a route change\n     * @returns {Location} The new window.location string\n     */\n    navigate(url) {\n        if (url) window.location.href = url\n        return window.location\n    }\n\n    /** Fast but accurate number rounding (https://stackoverflow.com/a/48764436/1309986 solution 2)\n     * Half away from zero method (AKA \"commercial\" rounding), most common type\n     * @param {number} num The number to be rounded\n     * @param {number} decimalPlaces Number of DP's to round to\n     * @returns Rounded number\n     */\n    round(num, decimalPlaces) {\n        const p = Math.pow(10, decimalPlaces || 0)\n        const n = (num * p) * (1 + Number.EPSILON)\n        return Math.round(n) / p\n    }\n\n    /** Set the default originator. Set to '' to ignore. Used with uib-sender.\n     * @param {string} [originator] A Node-RED node ID to return the message to\n     */\n    setOriginator(originator = '') {\n        this.set('originator', originator)\n    } // ---- End of setOriginator ---- //\n\n    /** HTTP Ping/Keep-alive - makes a call back to uibuilder's ExpressJS server and receives a 204 response\n     * Can be used to keep sessions alive.\n     * @example\n     *   uibuilder.setPing(2000) // repeat every 2 sec. Re-issue with ping(0) to turn off repeat.\n     *   uibuilder.onChange('ping', function(data) {\n     *      console.log('pinger', data)\n     *   })\n     * @param {number} ms Repeat interval in ms\n     */\n    setPing(ms = 0) {\n        const oReq = new XMLHttpRequest()\n        oReq.addEventListener('load', () => {\n            const headers = (oReq.getAllResponseHeaders()).split('\\r\\n')\n            const elapsedTime = Number(new Date()) - Number((oReq.responseURL.split('='))[1])\n            this.set('ping', {\n                success: !!((oReq.status === 201) || (oReq.status === 204)), // true if one of the listed codes else false\n                status: oReq.status,\n                headers: headers,\n                url: oReq.responseURL,\n                elapsedTime: elapsedTime,\n            })\n        })\n\n        if (this.#pingInterval) {\n            clearInterval(this.#pingInterval)\n            this.#pingInterval = undefined\n        }\n\n        oReq.open('GET', `${this.httpNodeRoot}/uibuilder/ping?t=${Number(new Date())}`)\n        oReq.send()\n\n        if (ms > 0) {\n            this.#pingInterval = setInterval(() => {\n                oReq.open('GET', `${this.httpNodeRoot}/uibuilder/ping?t=${Number(new Date())}`)\n                oReq.send()\n            }, ms)\n        }\n    } // ---- End of ping ---- //\n\n    /** Convert JSON to Syntax Highlighted HTML\n     * @param {object} json A JSON/JavaScript Object\n     * @returns {html} Object reformatted as highlighted HTML\n     */\n    syntaxHighlight(json) {\n        return syntaxHighlight(json)\n    } // --- End of syntaxHighlight --- //\n\n    /** Returns true/false or a default value for truthy/falsy and other values\n     * @param {string|number|boolean|*} val The value to test\n     * @param {any} deflt Default value to use if the value is not truthy/falsy\n     * @returns {boolean|any} The truth! Or the default\n     */\n    truthy(val, deflt) {\n        let ret\n        if (['on', 'On', 'ON', 'true', 'True', 'TRUE', '1', true, 1].includes(val)) ret = true\n        else if (['off', 'Off', 'OFF', 'false', 'False', 'FALSE', '0', false, 0].includes(val)) ret = false\n        else ret = deflt\n        return ret\n    }\n\n    /** Joins all arguments as a URL string\n     * see http://stackoverflow.com/a/28592528/3016654\n     * since v1.0.10, fixed potential double // issue\n     * arguments {string} URL fragments\n     * @returns {string} _\n     */\n    urlJoin() {\n        const paths = Array.prototype.slice.call(arguments)\n        const url = '/' + paths.map(function (e) {\n            return e.replace(/^\\/|\\/$/g, '')\n        })\n            .filter(function (e) {\n                return e\n            })\n            .join('/')\n        return url.replace('//', '/')\n    } // ---- End of urlJoin ---- //\n\n    /** Turn on/off/toggle sending URL hash changes back to Node-RED\n     * @param {string|number|boolean|undefined} [toggle] Optional on/off/etc\n     * @returns {boolean} True if we will send a msg to Node-RED on a hash change\n     */\n    watchUrlHash(toggle) {\n        this.#sendUrlHash = this.truthy(toggle, this.#sendUrlHash !== true)\n        return this.#sendUrlHash\n    }\n\n    /** DEPRECATED FOR NOW - wasn't working properly.\n     * Is the chosen CSS Selector currently visible to the user? NB: Only finds the FIRST element of the selection.\n     * Requires IntersectionObserver (available to all mainstream browsers from early 2019)\n     * Automatically sends a msg back to Node-RED.\n     * Requires the element to already exist.\n     * @returns {false} False if not visible\n     */\n    elementIsVisible() {\n        const info = 'elementIsVisible has been temporarily DEPRECATED as it was not working correctly and a fix is complex'\n        log('error', 'uib:elementIsVisible', info)()\n        this.send({ payload: 'elementIsVisible has been temporarily DEPRECATED as it was not working correctly and a fix is complex' })\n        return false\n    } // --- End of elementIsVisible --- //\n\n    //#endregion -------- -------- -------- //\n\n    //#region ------- UI handlers --------- //\n\n    //#region -- Direct to _ui --\n    // ! NOTE: Direct assignments change the target `this` to here. Use with caution\n    // However, also note that the window/jsdom and the window.document\n    // references are now static in _ui so not impacted by this.\n\n    /** Simplistic jQuery-like document CSS query selector, returns an HTML Element\n     * NOTE that this fn returns the element itself. Use $$ to get the properties of 1 or more elements.\n     * If the selected element is a <template>, returns the first child element.\n     * type {HTMLElement}\n     * @param {string} cssSelector A CSS Selector that identifies the element to return\n     * @returns {HTMLElement|null} Selected HTML element or null\n     */\n    $ = _ui.$\n\n    /** CSS query selector that returns ALL found selections. Matches the Chromium DevTools feature of the same name.\n     * NOTE that this fn returns an array showing the PROPERTIES of the elements whereas $ returns the element itself\n     * @param {string} cssSelector A CSS Selector that identifies the elements to return\n     * @returns {HTMLElement[]} Array of DOM elements/nodes. Array is empty if selector is not found.\n     */\n    $$ = _ui.$$\n\n    /** Reference to the full ui library */\n    $ui = _ui\n\n    /** Add 1 or several class names to an element\n     * @param {string|string[]} classNames Single or array of classnames\n     * @param {HTMLElement} el HTML Element to add class(es) to\n     */\n    addClass = _ui.addClass\n\n    /** Apply a source template tag to a target html element\n     * NOTES:\n     * - styles in ALL templates are accessible to all templates.\n     * - scripts in templates are run AT TIME OF APPLICATION (so may run multiple times).\n     * - scripts in templates are applied in order of application, so variables may not yet exist if defined in subsequent templates\n     * @param {HTMLElement} source The source element\n     * @param {HTMLElement} target The target element\n     * @param {boolean} onceOnly If true, the source will be adopted (the source is moved)\n     */\n    applyTemplate = _ui.applyTemplate\n\n    buildHtmlTable = _ui.buildHtmlTable\n\n    /** Converts markdown text input to HTML if the Markdown-IT library is loaded\n     * Otherwise simply returns the text\n     * @param {string} mdText The input markdown string\n     * @returns {string} HTML (if Markdown-IT library loaded and parse successful) or original text\n     */\n    convertMarkdown(mdText) {\n        return _ui.convertMarkdown\n    }\n\n    /** ASYNC: Include HTML fragment, img, video, text, json, form data, pdf or anything else from an external file or API\n     * Wraps the included object in a div tag.\n     * PDF's, text or unknown MIME types are also wrapped in an iFrame.\n     * @param {string} url The URL of the source file to include\n     * @param {object} uiOptions Object containing properties recognised by the _uiReplace function. Must at least contain an id\n     * param {string} uiOptions.id The HTML ID given to the wrapping DIV tag\n     * param {string} uiOptions.parentSelector The CSS selector for a parent element to insert the new HTML under (defaults to 'body')\n     */\n    async include(url, uiOptions) {\n        await _ui.include(url, uiOptions)\n    }\n\n    /** Attach a new remote script to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} url The url to be used in the script src attribute\n     */\n    loadScriptSrc(url) {\n        _ui.loadScriptSrc(url)\n    }\n\n    /** Attach a new remote stylesheet link to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} url The url to be used in the style link href attribute\n     */\n    loadStyleSrc(url) {\n        _ui.loadStyleSrc(url)\n    }\n\n    /** Attach a new text script to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} textFn The text to be loaded as a script\n     */\n    loadScriptTxt(textFn) {\n        _ui.loadScriptTxt(textFn)\n    }\n\n    /** Attach a new text stylesheet to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} textFn The text to be loaded as a stylesheet\n     */\n    loadStyleTxt(textFn) {\n        _ui.loadStyleTxt(textFn)\n    }\n\n    /** Load a dynamic UI from a JSON web reponse\n     * @param {string} url URL that will return the ui JSON\n     */\n    loadui(url) {\n        _ui.loadui(url)\n    }\n\n    /** Remove All, 1 or more class names from an element\n     * @param {undefined|null|\"\"|string|string[]} classNames Single or array of classnames. If undefined, \"\" or null, remove all classes\n     * @param {HTMLElement} el HTML Element to add class(es) to\n     */\n    removeClass = _ui.removeClass\n\n    /** Replace or add an HTML element's slot from text or an HTML string\n     * WARNING: Executes <script> tags! And will process <style> tags.\n     * Will use DOMPurify if that library has been loaded to window.\n     * param {*} ui Single entry from the msg._ui property\n     * @param {Element} el Reference to the element that we want to update\n     * @param {*} slot The slot content we are trying to add/replace (defaults to empty string)\n     */\n    replaceSlot(el, slot) {\n        _ui.replaceSlot(el, slot)\n    }\n\n    /** Replace or add an HTML element's slot from a Markdown string\n     * Only does something if the markdownit library has been loaded to window.\n     * Will use DOMPurify if that library has been loaded to window.\n     * @param {Element} el Reference to the element that we want to update\n     * @param {*} component The component we are trying to add/replace\n     */\n    replaceSlotMarkdown(el, component) {\n        _ui.replaceSlotMarkdown(el, component)\n    }\n\n    /** Sanitise HTML to make it safe - if the DOMPurify library is loaded\n     * Otherwise just returns that HTML as-is.\n     * @param {string} html The input HTML string\n     * @returns {string} The sanitised HTML or the original if DOMPurify not loaded\n     */\n    sanitiseHTML(html) {\n        return _ui.sanitiseHTML(html)\n    }\n\n    /** Show a pop-over \"toast\" dialog or a modal alert\n     * Refs: https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/alertdialog.html,\n     *       https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/dialog.html,\n     *       https://www.w3.org/WAI/ARIA/apg/patterns/dialogmodal/\n     * @param {\"notify\"|\"alert\"} type Dialog type\n     * @param {object} ui standardised ui data\n     * @param {object} [msg] msg.payload/msg.topic - only used if a string. Optional.\n     * @returns {void}\n     */\n    showDialog(type, ui, msg) {\n        _ui.showDialog(type, ui, msg)\n    }\n\n    /** Directly manage UI via JSON\n     * @param {object} json Either an object containing {_ui: {}} or simply simple {} containing ui instructions\n     */\n    ui(json) {\n        _ui.ui(json)\n    }\n\n    /** Get data from the DOM. Returns selection of useful props unless a specific prop requested.\n     * @param {string} cssSelector Identify the DOM element to get data from\n     * @param {string} [propName] Optional. Specific name of property to get from the element\n     * @returns {Array<*>} Array of objects containing either specific requested property or a selection of useful properties\n     */\n    uiGet(cssSelector, propName = null) {\n        return _ui.uiGet(cssSelector, propName)\n    }\n\n    /** Enhance an HTML element that is being composed with ui data\n     *  such as ID, attribs, event handlers, custom props, etc.\n     * @param {*} el HTML Element to enhance\n     * @param {*} component Individual uibuilder ui component spec\n     */\n    uiEnhanceElement(el, component) {\n        _ui.uiEnhanceElement(el, component)\n    }\n\n    //#endregion -- direct to _ui --\n\n    /** DOM Mutation observer callback to watch for new/amended elements with uib-* or data-uib-* attributes\n     * WARNING: Mutation observers can receive a LOT of mutations very rapidly. So make sure this runs as fast\n     *          as possible. Async so that calling function does not need to wait.\n     * Observer is set up in the start() function\n     * @param {MutationRecord[]} mutations Array of Mutation Records\n     */\n    async _uibAttribObserver(mutations/* , observer */) {\n        mutations.forEach( async m => { // async so process does not wait\n            log('trace', 'uibuilder:_uibAttribObserver', 'Mutations ', m)()\n            // Deal with attribute changes\n            if (m.attributeName && (m.attributeName.startsWith('uib') || m.attributeName.startsWith('data-uib'))) {\n                // log(0, 'attribute mutation', m.attributeName, m.target.getAttribute(m.attributeName), m.oldValue, m )()\n                this._uibAttrScanOne(m.target)\n            } else if (m.addedNodes.length > 0) {\n                // And deal with newly added elements (e.g. from route change)\n                // Check for added nodes with uib attribs\n                m.addedNodes.forEach( async n => { // async so process does not wait\n                    // Attributes are a map and we need an array\n                    let aNames = []\n                    try { // Nodes might not always have attributes\n                        aNames = [...n.attributes]\n                    } catch (e) {}\n                    // Get any added elements that have uib attribs\n                    const intersect = this.arrayIntersect(this.uibAttribs, aNames)\n                    // Process them\n                    intersect.forEach( async el => {\n                        this._uibAttrScanOne(el)\n                    })\n                    // And get any children of the added elements that have uib attribs (a node might not have querySelectorAll method)\n                    let uibChildren = []\n                    if (n.querySelectorAll) uibChildren = n.querySelectorAll(this.#uibAttrSel)\n                    // Process them\n                    uibChildren.forEach( async el => {\n                        this._uibAttrScanOne(el)\n                    })\n                })\n            }\n        })\n    }\n\n    /** Check a single HTML element for uib attributes and add auto-processors as needed.\n     * Async so that calling function does not need to wait.\n     * Understands only uib-topic at present. Msgs received on the topic can have:\n     *   msg.payload - replaces innerHTML (but also runs <script>s and applies <style>s)\n     *   msg.attributes - An object containing attribute names as keys with attribute values as values. e.g. {title: 'HTML tooltip', href='#route03'}\n     * @param {Element} el HTML Element to check for uib-* or data-uib-* attributes\n     */\n    async _uibAttrScanOne(el) {\n        log('trace', 'uibuilder:_uibAttrScanOne', 'Setting up auto-processor for: ', el)()\n        const topic = el.getAttribute('uib-topic') || el.getAttribute('data-uib-topic')\n        // Create a topic listener\n        this.onTopic(topic, (msg) => {\n            log('trace', 'uibuilder:_uibAttrScanOne', `Msg with topic \"${topic}\" received. msg content: `, msg)()\n            msg._uib_processed_by = '_uibAttrScanOne' // record that this has already been processed\n            // Process msg.attributes\n            if (Object.prototype.hasOwnProperty.call(msg, 'attributes')) {\n                try {\n                    for (const [k, v] of Object.entries(msg.attributes)) {\n                        el.setAttribute(k, v)\n                    }\n                } catch (e) {\n                    log(0, 'uibuilder:attribute-processing', 'Failed to set attributes. Ensure that msg.attributes is an object containing key/value pairs with each key a valid attribute name. Note that attribute values have to be a string.')()\n                }\n            }\n\n            // Process msg.value (or set checked if boolean - for checkboxes)\n            // TODO Move this to a common function\n            const hasChecked = Object.prototype.hasOwnProperty.call(msg, 'checked')\n            const hasValue = Object.prototype.hasOwnProperty.call(msg, 'value')\n            if ( hasValue || hasChecked ) {\n                if (el.type && (el.type === 'checkbox' || el.type === 'radio')) {\n                    if (hasChecked) el.checked = this.truthy(msg.checked, false)\n                    else if (hasValue) el.checked = this.truthy(msg.value, false)\n                } else {\n                    if (hasValue) el.value = msg.value\n                    else if (hasChecked) el.value = this.truthy(msg.checked, false)\n                }\n            }\n\n            // TODO (MAYBE) Process msg.classes and msg.styles. msg.props (for non-string data)?\n\n            // Process msg.payload (applied as slot HTML) - NB: Will process <script> & <style>\n            if (Object.prototype.hasOwnProperty.call(msg, 'payload')) this.replaceSlot(el, msg.payload)\n        })\n    }\n\n    /** Check all children of an array of or a single HTML element(s) for uib attributes and add auto-processors as needed.\n     * Async so that calling function does not need to wait.\n     * @param {Element|Element[]} parentEl HTML Element to check for uib-* or data-uib-* attributes\n     */\n    async _uibAttrScanAll(parentEl) {\n        if (!Array.isArray(parentEl)) parentEl = [parentEl]\n        parentEl.forEach( async p => { // async so process does not wait\n            const uibChildren = p.querySelectorAll(this.#uibAttrSel)\n            // log('trace', 'uibuilder:_uibAttrScanAll:forEach:children', 'p, uibChildren: ', p, uibChildren)()\n            if (uibChildren.length > 0) {\n                // console.log('existing elements uib attrib', uibChildren)\n                uibChildren.forEach( el => {\n                    this._uibAttrScanOne(el) // async so process does not wait\n                })\n            }\n        })\n    }\n\n    /** Given a FileList array, send each file to Node-RED and return file metadata\n     * @param {FileList} files FileList array\n     * @param {boolean=} noSend If true, don't send the file to Node-RED. Default is to send.\n     * @returns {Array<object>} Metadata values from all files\n     */\n    _processFilesInput(files, noSend = false) {\n        const value = []\n        for (const file of files) {\n            const props = {}\n            // Walk through each file property\n            for (const prop in file) {\n                props[prop] = file[prop]\n            }\n            // Create a temp URL allowing access to download the file\n            // Automatically destroyed on page reload\n            props.tempUrl = window.URL.createObjectURL(file)\n\n            value.push(props)\n\n            // Auto-upload to Node-RED over Socket.IO\n            if (noSend !== true) this.uploadFile(file)\n        }\n        return value\n    }\n\n    /** Attempt to get target attributs - can fail for certain target types, if so, returns empty object\n     * @param {HTMLElement} el Target element\n     * @returns {object} Array of key/value HTML attribute objects\n     */\n    getElementAttributes(el) {\n        const ignoreAttribs = ['class', 'id', 'name']\n        let attribs\n        try {\n            attribs = Object.assign({},\n                ...Array.from(el.attributes,\n                    ( { name, value } ) => {\n                        if ( !ignoreAttribs.includes(name) ) {\n                            return ({ [name]: value })\n                        }\n                        return undefined\n                    }\n                )\n            )\n        } catch (e) {}\n\n        return attribs\n    }\n\n    /** Check for CSS Classes and return as array if found or undefined if not\n     * @param {HTMLElement} el Target element\n     * @returns {Array|undefined} Array of class names\n     */\n    getElementClasses(el) {\n        let classes\n        try {\n            classes = Array.from(el.classList)\n        } catch (e) {}\n        return classes\n    }\n\n    /** Get target custom properties - only shows custom props not element default ones\n     * Excludes custom props starting with _\n     * @param {HTMLElement} el Target element\n     * @returns {object} Object of propname/value pairs\n     */\n    getElementCustomProps(el) {\n        const props = {}\n        Object.keys(el).forEach( key => {\n            if (key.startsWith('_')) return // Exclude private\n            props[key] = el[key]\n        })\n        return props\n    }\n\n    /** Check for el.value and el.checked. el.checked will also set the value return for ease of use.\n     * Only 2 input types use el.checked, different from all other input types - this is annoying.\n     * @param {HTMLElement} el HTML Element to be checked\n     * @returns {{value:boolean|null, checked:boolean|null}} Return null if properties not present, else the appropriate value\n     */\n    getFormElementValue(el) {\n        let value = null\n        let checked = null\n\n        switch (el.type) {\n            case 'checkbox':\n            case 'radio': {\n                value = checked = el.checked\n                // HTML does not normally return any value if not checked but we do for ease of use,\n                break\n            }\n\n            case 'select-multiple': {\n                // value = Array.from(el.selectedOptions).forEach( (sel) => sel.value )\n                value = Array.from(el.selectedOptions).map(option => option.value)\n                break\n            }\n\n            default: {\n                if (el.value) value = el.value\n\n                // Probably not really needed\n                if (el.checked) {\n                    value = checked = el.checked\n                    // HTML does not normally return any value if not checked but we do for ease of use,\n                }\n\n                // If the value is a valid number, use that instead of the text version - probably only applies to range inputs\n                if (el.valueAsNumber && !isNaN(el.valueAsNumber)) {\n                    value = el.valueAsNumber\n                }\n\n                break\n            }\n        }\n\n        return { value, checked }\n    }\n\n    // ! TODO - Handle fieldsets\n    /** For HTML Form elements (e.g. input, textarea, select), return the details\n     * @param {HTMLFormElement} el Source form element\n     * @returns {object|null} Form element key details\n     */\n    getFormElementDetails(el) {\n        if (!el.type) {\n            log(1, 'uibuilder:getFormElementDetails', 'Cannot get form element details as this is not an input type element')()\n            return null\n        }\n\n        // Get or create a (hopefully) unique ID\n        const id = this.returnElementId(el)\n        if (!id) {\n            log(1, 'uibuilder:getFormElementDetails', 'Cannot get form element details as no id is present and could not be generated')()\n            return null\n        }\n\n        let { value, checked } = this.getFormElementValue(el)\n\n        // For multi file input, get the file details as the value\n        // el.files is a FileList type & each entry is a File type - have to process these manually - stupid HTML!\n        // https://developer.mozilla.org/en-US/docs/Web/API/File_API/Using_files_from_web_applications\n        // NOTE: The eventSend fn calls uploadFiles if files present in form.\n        if (el.type === 'file' && el.files.length > 0) {\n            // Walk through each file in the FileList, get the details and send the file to Node-RED\n            value = this._processFilesInput(el.files)\n        }\n\n        const formDetails = {\n            'id': id,\n            'name': el.name,\n            'valid': el.checkValidity(),\n            'type': el.type,\n        }\n        if (value !== null) formDetails.value = value\n        if (checked !== null) formDetails.checked = checked\n\n        // If the form element has invalid content, try to report why\n        if (formDetails.valid === false) {\n            const v = el.validity\n            formDetails.validity = {\n                badInput: v.badInput === true ? v.badInput : undefined,\n                customError: v.customError === true ? v.customError : undefined,\n                patternMismatch: v.patternMismatch === true ? v.patternMismatch : undefined,\n                rangeOverflow: v.rangeOverflow === true ? v.rangeOverflow : undefined,\n                rangeUnderflow: v.rangeUnderflow === true ? v.rangeUnderflow : undefined,\n                stepMismatch: v.stepMismatch === true ? v.stepMismatch : undefined,\n                tooLong: v.tooLong === true ? v.tooLong : undefined,\n                tooShort: v.tooShort === true ? v.tooShort : undefined,\n                typeMismatch: v.typeMismatch === true ? v.typeMismatch : undefined,\n                valueMissing: v.valueMissing === true ? v.valueMissing : undefined,\n            }\n        }\n\n        // If any data-* attribs defined\n        if (Object.keys(el.dataset).length > 0) formDetails.data = el.dataset\n\n        return formDetails\n    }\n\n    /** Show a browser notification if possible.\n     * Config can be a simple string, a Node-RED msg (topic as title, payload as body)\n     * or a Notifications API options object + config.title string.\n     * @example uibuilder.notify( 'My simple message to the user' )\n     * @example uibuilder.notify( {topic: 'My Title', payload: 'My simple message to the user'} )\n     * @example uibuilder.notify( {title: 'My Title', body: 'My simple message to the user'} )\n     * @example // If config.return = true, a promise is returned.\n     * // The resolved promise is only returned if the notification is clicked by the user.\n     * // Can be used to send the response back to Node-RED\n     * uibuilder.notify(notifyConfig).then( res => uibuilder.eventSend(res) )\n     * @ref https://developer.mozilla.org/en-US/docs/Web/API/Notification/Notification\n     * @param {object|string} config Notification config data or simple message string\n     * @returns {Promise<Event>|null} A promise that resolves to the click event or null\n     */\n    notify(config) {\n        if (config.return) return _ui.notification(config)\n\n        _ui.notification(config)\n            .then( res => { // eslint-disable-line promise/always-return\n                log('info', 'Uib:notification', 'Notification completed event', res)()\n                // if (config.return) return res\n            })\n            .catch( err => {\n                log('error', 'Uib:notification', 'Notification error event', err)()\n            })\n        return null\n    }\n\n    /** Get or create a (hopefully) unique ID\n     * @param {HTMLFormElement} el Source form element\n     * @returns {string|null} A hopefully unique element ID\n     */\n    returnElementId(el) {\n        return el.id !== '' ? el.id : (el.name !== '' ? `${el.name}-${++this.#uniqueElID}` : (el.type ? `${el.type}-${++this.#uniqueElID}` : `${el.localName}-${++this.#uniqueElID}`))\n    }\n\n    /** Scroll the page\n     * https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView\n     * @param {string} [cssSelector] Optional. If not set, scrolls to top of page.\n     * @param {{block:(string|undefined),inline:(string|undefined),behavior:(string|undefined)}} [opts] Optional. DOM scrollIntoView options\n     * @returns {boolean} True if element was found, false otherwise\n     */\n    scrollTo(cssSelector, opts) {\n        // @ts-ignore\n        if (!opts) opts = {}\n        if (!cssSelector || cssSelector === 'top'  || cssSelector === 'start') cssSelector = 'body'\n        else if (cssSelector === 'bottom' || cssSelector === 'end') {\n            cssSelector = 'body'\n            opts.block = 'end'\n        }\n        const el = this.$(cssSelector)\n        if (el) {\n            el.scrollIntoView(opts)\n            return true\n        }\n        return false\n    }\n\n    /** * Show/hide a display card on the end of the visible HTML that will dynamically display the last incoming msg from Node-RED\n     * The card has the id `uib_last_msg`. Updates are done from a listener set up in the start function.\n     * @param {boolean|undefined} showHide true=show, false=hide. undefined=toggle.\n     * @param {string|undefined} parent Optional. If not undefined, a CSS selector to attach the display to. Defaults to `body`\n     * @returns {boolean} New state\n     */\n    showMsg(showHide, parent = 'body') {\n        if ( showHide === undefined ) showHide = !this.#isShowMsg\n        this.#isShowMsg = showHide\n        let slot = 'Waiting for a message from Node-RED'\n\n        if (this.msg && Object.keys(this.msg).length > 0) {\n            slot = this.syntaxHighlight(this.msg)\n        }\n\n        if ( showHide === false ) {\n            _ui._uiRemove( {\n                components: [\n                    '#uib_last_msg_wrap',\n                ],\n            })\n        } else {\n            _ui._uiReplace({\n                components: [\n                    {\n                        type: 'div',\n                        id: 'uib_last_msg_wrap',\n                        parent: parent,\n                        attributes: {\n                            title: 'Last message from Node-RED',\n                        },\n                        components: [\n                            {\n                                type: 'button',\n                                attributes: {\n                                    onclick: 'uibuilder.copyToClipboard(\"msg\")',\n                                    class: 'compact',\n                                    style: 'right:3em;',\n                                },\n                                slot: '\uD83D\uDCCB',\n                            },\n                            {\n                                type: 'button',\n                                attributes: {\n                                    onclick: 'uibuilder.showMsg()',\n                                    class: 'compact',\n                                    style: 'right:.5em;',\n                                },\n                                slot: '\u26D4',\n                            },\n                            {\n                                type: 'pre',\n                                id: 'uib_last_msg',\n                                // parent: 'uib_last_msg_wrap',\n                                attributes: {\n                                    class: 'syntax-highlight',\n                                },\n                                slot: slot,\n                            },\n                        ],\n                    },\n                ],\n            })\n        }\n\n        return showHide\n    }\n\n    /** Show/hide a display card on the end of the visible HTML that will dynamically display the current status of the uibuilder client\n     * The card has the id `uib_status`.\n     * The display is updated by an event listener created in the class constructor.\n     * @param {boolean|undefined} showHide true=show, false=hide. undefined=toggle.\n     * @param {string|undefined} parent Optional. If not undefined, a CSS selector to attach the display to. Defaults to `body`\n     * @returns {boolean} New state\n     */\n    showStatus(showHide, parent = 'body') {\n        if ( showHide === undefined ) showHide = !this.#isShowStatus\n        this.#isShowStatus = showHide\n\n        if ( showHide === false ) {\n            _ui._uiRemove( {\n                components: [\n                    '#uib_status',\n                ],\n            })\n            return showHide\n        }\n\n        const root = {\n            components: [\n                {\n                    type: 'div',\n                    id: 'uib_status',\n                    parent: parent,\n                    attributes: {\n                        title: 'Current status of the uibuilder client',\n                        class: 'text-smaller',\n                    },\n                    components: [\n                        {\n                            'type': 'table',\n                            'components': [\n                                {\n                                    'type': 'tbody',\n                                    'components': []\n                                }\n                            ]\n                        }\n                    ]\n                }\n            ]\n        }\n        const details = root.components[0].components[0].components[0].components\n\n        Object.values(this.#showStatus).forEach( entry => {\n            details.push({\n                'type': 'tr',\n                'attributes': {\n                    title: entry.description,\n                },\n                'components': [\n                    {\n                        'type': 'th',\n                        'slot': entry.label,\n                    },\n                    {\n                        'type': 'td',\n                        'attributes': {\n                            'data-varType': entry.var,\n                        },\n                        'slot': entry.var === 'version' ? Uib._meta.version : JSON.stringify(this[entry.var]),\n                    }\n                ],\n            })\n        })\n\n        _ui._uiReplace(root)\n\n        return showHide\n    }\n\n    /** Use the Mutation Observer browser API to watch for changes to a single element on the page.\n     * OMG! It is sooo hard to turn the data into something that successfully serialises so it can be sent back to Node-RED!\n     * NB: Each cssSelector creates a unique watcher. Sending the same selector overwrites the previous one.\n     * @param {string} cssSelector A CSS Selector that selects the element to watch for changes\n     * @param {boolean|\"toggle\"} [startStop] true=start watching the DOM, false=stop. Default='toggle'\n     * @param {boolean} [send] true=Send changes to Node-RED, false=Don't send. Default=true\n     * @param {boolean} [showLog] true=Output changes to log, false=stop. Default=true. Log level is 2 (Info)\n     * @returns {boolean} True if the watch is on, false otherwise\n     */\n    uiWatch(cssSelector, startStop = 'toggle', send = true, showLog = true) {\n        // Select the node that will be observed for mutations\n        const targetNode = document.querySelector(cssSelector)\n        if (!targetNode) {\n            log('warn', 'uibuilder.module.js:uiWatch', `CSS Selector '${cssSelector}' not found.`)()\n            return false\n        }\n\n        if (startStop === 'toggle' || startStop === undefined || startStop === null) {\n            if (this.#uiObservers[cssSelector]) startStop = false\n            else startStop = true\n        }\n\n        // Need a ref to the Uib this\n        const that = this\n\n        if (startStop === true) {\n            // Create an observer instance\n            this.#uiObservers[cssSelector] = new MutationObserver( function( mutationList /* , observer */ ) {\n                const out = []\n\n                mutationList.forEach( mu => {\n                    // console.log({ mu })\n                    const oMu = {\n                        type: mu.type,\n                        oldValue: mu.oldValue !== null ? mu.oldValue : undefined,\n                    }\n\n                    if (mu.addedNodes.length > 0) {\n                        oMu.addedNodes = []\n                        mu.addedNodes.forEach( (an, i) => {\n                            oMu.addedNodes.push(_ui.nodeGet(mu.addedNodes[i]))\n                        })\n                    }\n\n                    if (mu.removedNodes.length > 0) {\n                        oMu.removedNodes = []\n                        mu.removedNodes.forEach( (an, i) => {\n                            oMu.removedNodes.push(_ui.nodeGet(mu.removedNodes[i]))\n                        })\n                    }\n\n                    if ( mu.type === 'attributes' ) {\n                        oMu.attributeName = mu.attributeName\n                        // @ts-ignore\n                        oMu.newValue = mu.target.attributes[mu.attributeName].value\n                    }\n\n                    out.push(oMu)\n                })\n\n                // Custom event\n                that._dispatchCustomEvent('uibuilder:domChange', out)\n                // Send a msg back to node-red\n                if (send === true) {\n                    that.send({\n                        _ui: {\n                            cssSelector: cssSelector,\n                            uiChanges: out\n                        },\n                        topic: that.topic || `DOM Changes for '${cssSelector}'`,\n                    })\n                }\n                // Log to info\n                if (showLog === true) {\n                    log('info', 'uibuilder.module.js:uiWatch', `DOM Changes for '${cssSelector}'`, { uiChanges: out }, { mutationList })()\n                }\n            } )\n\n            // Start observing the target node for configured mutations\n            this.#uiObservers[cssSelector].observe(targetNode, { attributes: true, childList: true, subtree: true, characterData: true })\n            log('trace', 'uibuilder.module.js:uiWatch', `Started Watching DOM changes for '${cssSelector}'`)()\n        } else {\n            this.#uiObservers[cssSelector].disconnect()\n            delete this.#uiObservers[cssSelector]\n            log('trace', 'uibuilder.module.js:uiWatch', `Stopped Watching DOM changes for '${cssSelector}'`)()\n        }\n\n        return startStop\n    } // ---- End of watchDom ---- //\n\n    /** Use the Mutation Observer browser API to watch for and save changes to the HTML\n     * Once the observer is created, it will be reused.\n     * Sending true or undefined will turn on the observer, false turns it off.\n     * saveHtmlCache is called whenever anything changes in the dom. This allows\n     * users to call restoreHtmlFromCache() on page load if desired to completely reload\n     * to the last saved state.\n     * @param {boolean} startStop true=start watching the DOM, false=stop\n     */\n    watchDom(startStop) {\n        // Select the node that will be observed for mutations\n        const targetNode = document.documentElement\n\n        // Need a ref to the Uib this\n        const that = this\n\n        // Create an observer instance\n        if (!this._htmlObserver) {\n            this._htmlObserver = new MutationObserver( function(/* mutationList, observer */) {\n                // We don't need to know the details - so kill off any outstanding mutation records\n                this.takeRecords()\n                // Save the updated entire HTML in localStorage\n                that.saveHtmlCache()\n            } )\n        }\n\n        if (startStop === true || startStop === undefined) {\n            // Start observing the target node for configured mutations\n            this._htmlObserver.observe(targetNode, { attributes: true, childList: true, subtree: true, characterData: true })\n            log('trace', 'uibuilder.module.js:watchDom', 'Started Watching and saving DOM changes')()\n        } else {\n            this._htmlObserver.disconnect()\n            log('trace', 'uibuilder.module.js:watchDom', 'Stopped Watching and saving DOM changes')()\n        }\n    } // ---- End of watchDom ---- //\n\n    //#endregion -------- -------- -------- //\n\n    //#region ------- HTML cache --------- //\n\n    /** Clear the saved DOM from localStorage */\n    clearHtmlCache() {\n        this.removeStore('htmlCache')\n        log('trace', 'uibuilder.module.js:clearHtmlCache', 'HTML cache cleared')()\n    }\n\n    /** Restore the complete DOM (the whole web page) from browser localStorage if available */\n    restoreHtmlFromCache() {\n        // Is the html cached? If so, restore it\n        const htmlCache = this.getStore('htmlCache')\n        if (htmlCache) {\n            const targetNode = document.getElementsByTagName('html')[0]\n            // Restore the entire HTML\n            targetNode.innerHTML = htmlCache\n            log('trace', 'uibuilder.module.js:restoreHtmlFromCache', 'Restored HTML from cache')()\n        } else {\n            log('trace', 'uibuilder.module.js:restoreHtmlFromCache', 'No cache to restore')()\n        }\n    }\n\n    /** Save the current DOM state to browser localStorage.\n     * localStorage is persistent and so can be recovered even after a browser restart.\n     */\n    saveHtmlCache() {\n        // Save the updated entire HTML in localStorage\n        this.setStore('htmlCache', document.documentElement.innerHTML)\n    }\n\n    //#endregion -------- -------- -------- //\n\n    //#region ------- Message Handling (To/From Node-RED) -------- //\n\n    /** Handles original control msgs (not to be confused with \"new\" msg._uib controls)\n     * @param {*} receivedCtrlMsg The msg received on the socket.io control channel\n     */\n    _ctrlMsgFromServer(receivedCtrlMsg) {\n\n        // Make sure that msg is an object & not null\n        if (receivedCtrlMsg === null) {\n            receivedCtrlMsg = {}\n        } else if (typeof receivedCtrlMsg !== 'object') {\n            const msg = {}\n            msg['uibuilderCtrl:' + this._ioChannels.control] = receivedCtrlMsg\n            receivedCtrlMsg = msg\n        }\n\n        // @since 2018-10-07 v1.0.9: Work out local time offset from server\n        this._checkTimestamp(receivedCtrlMsg)\n\n        this.set('ctrlMsg', receivedCtrlMsg)\n        this.set('msgsCtrlReceived', ++this.msgsCtrlReceived)\n\n        log('trace', 'Uib:ioSetup:_ctrlMsgFromServer', `Channel '${this._ioChannels.control}'. Received control msg #${this.msgsCtrlReceived}`, receivedCtrlMsg)()\n\n        /** Process control msg types */\n        switch (receivedCtrlMsg.uibuilderCtrl) {\n            // Node-RED is shutting down\n            case 'shutdown': {\n                log('info', `Uib:ioSetup:${this._ioChannels.control}`, '\u274C Received \"shutdown\" from server')()\n                this.set('serverShutdown', undefined)\n                break\n            }\n\n            /** We are connected to the server - 1st msg from server */\n            case 'client connect': {\n                log('trace', `Uib:ioSetup:${this._ioChannels.control}`, 'Received \"client connect\" from server', receivedCtrlMsg)()\n                log('info', `Uib:ioSetup:${this._ioChannels.control}`, `\u2705 Server connected. Version: ${receivedCtrlMsg.version}\\nServer time: ${receivedCtrlMsg.serverTimestamp}, Sever time offset: ${this.serverTimeOffset} hours. Max msg size: ${receivedCtrlMsg.maxHttpBufferSize}`)()\n\n                if ( !Uib._meta.version.startsWith(receivedCtrlMsg.version.split('-')[0]) ) {\n                    log('warn', `Uib:ioSetup:${this._ioChannels.control}`, `Server version (${receivedCtrlMsg.version}) not the same as the client version (${Uib._meta.version})`)()\n                }\n\n                if (this.autoSendReady === true) { // eslint-disable-line no-lonely-if\n                    log('trace', `Uib:ioSetup:${this._ioChannels.control}/client connect`, 'Auto-sending ready-for-content/replay msg to server')\n                    // @since 0.4.8c Add cacheControl property for use with node-red-contrib-infocache\n                    // @since 6.1.0 Don't bother, we use the \"client connect\" msg\n                    // this._send({\n                    //     'uibuilderCtrl': 'ready for content',\n                    //     'cacheControl': 'REPLAY',\n                    // }, this._ioChannels.control)\n                }\n\n                // Save the current server max msg size - defaults to 1mb, change in settings.js\n                this.maxHttpBufferSize = receivedCtrlMsg.maxHttpBufferSize\n\n                break\n            }\n\n            // We requested this page's metadata from the server using getPageMeta() - this handles the response\n            case 'get page meta': {\n                this.set('pageMeta', receivedCtrlMsg.payload)\n                break\n            }\n\n            default: {\n                log('trace', `uibuilder:ioSetup:${this._ioChannels.control}`, `Received ${receivedCtrlMsg.uibuilderCtrl} from server`)\n                // Anything else to do for other control msgs?\n            }\n        } // ---- End of process control msg types ---- //\n    } // -- End of websocket receive CONTROL msg from Node-RED -- //\n\n    /** Do we want to process something? Check pageName, clientId, tabId. Defaults to yes.\n     * @param {*} obj Either a msg._ui or msg._uib object to check\n     * @returns {boolean} True if we should process the inbound _ui/_uib msg, false if not.\n     */\n    _forThis(obj) {\n        let r = true\n\n        // Is this msg for this pageName?\n        if (obj.pageName && obj.pageName !== this.pageName) {\n            log('trace', 'Uib:_msgRcvdEvents:_uib', 'Not for this page')()\n            r = false\n        }\n\n        // Is this msg for this clientId?\n        if (obj.clientId && obj.clientId !== this.clientId) {\n            log('trace', 'Uib:_msgRcvdEvents:_uib', 'Not for this clientId')()\n            r = false\n        }\n\n        // Is this msg for this tabId?\n        if (obj.tabId && obj.tabId !== this.tabId) {\n            log('trace', 'Uib:_msgRcvdEvents:_uib', 'Not for this tabId')()\n            r = false\n        }\n\n        return r\n    }\n\n    // Handle received messages - Process some msgs internally, emit specific events on document that make it easy for coders to use\n    _msgRcvdEvents(msg) {\n        // Message received\n        this._dispatchCustomEvent('uibuilder:stdMsgReceived', msg)\n\n        // Topic\n        if ( msg.topic ) this._dispatchCustomEvent(`uibuilder:msg:topic:${msg.topic}`, msg)\n\n        // Check whether the msg has already been processed - if so, we don't need to process again\n        if (msg._uib_processed_by) return\n        else msg._uib_processed_by = '_msgRcvdEvents'\n\n        // Handle msg._uib special requests\n        if (msg._uib) {\n            // Don't process if the inbound msg is not for us\n            if (!this._forThis(msg._uib)) return\n\n            /** Process a client reload request from Node-RED - as the page is reloaded, everything else is ignored\n             * Note that msg._ui.reload is also actioned via the _ui processing below */\n            if (msg._uib.reload === true) {\n                log('trace', 'Uib:_msgRcvdEvents:_uib:reload', 'reloading')()\n                msg._uib_processed_by = '_msgRcvdEvents - reload'\n                location.reload()\n                return\n            }\n\n            // Process msg._uib.command messages - allows Node-RED to run uibuilder FE functions\n            if (msg._uib.command) {\n                msg._uib_processed_by = '_msgRcvdEvents - remote command'\n                this._uibCommand(msg)\n                return\n            }\n\n            // Better to request via msg._ui - these are for backwards compatibility\n            if ( msg._uib.componentRef === 'globalNotification' ) {\n                msg._uib_processed_by = '_msgRcvdEvents - globalNotification'\n                _ui.showDialog('notify', msg._uib.options, msg)\n            }\n            if ( msg._uib.componentRef === 'globalAlert' ) {\n                msg._uib_processed_by = '_msgRcvdEvents - globalAlert'\n                _ui.showDialog('alert', msg._uib.options, msg)\n            }\n        }\n\n        // Handle msg._ui requests\n        if ( msg._ui ) {\n            // Don't process if the inbound msg is not for us\n            if (!this._forThis(msg._ui)) return\n\n            log('trace', 'Uib:_msgRcvdEvents:_ui', 'Calling _uiManager')()\n            msg._uib_processed_by = '_msgRcvdEvents - _ui'\n            this._dispatchCustomEvent('uibuilder:msg:_ui', msg)\n            _ui._uiManager(msg)\n        }\n    } // --- end of _msgRcvdEvents ---\n\n    /** Internal send fn. Send a standard or control msg back to Node-RED via Socket.IO\n     * NR will generally expect the msg to contain a payload topic\n     * @param {object} msgToSend The msg object to send.\n     * @param {string} [channel=uiBuilderClient] The Socket.IO channel to use, must be in self.ioChannels or it will be ignored\n     * @param {string} [originator] A Node-RED node ID to return the message to\n     */\n    _send(msgToSend, channel, originator = '') {\n        if (channel === null || channel === undefined) channel = this._ioChannels.client\n\n        // Make sure msgToSend is an object & add props to control msgs\n        if (channel === this._ioChannels.client) {\n            msgToSend = this.makeMeAnObject(msgToSend, 'payload')\n            if (this.hasUibRouter()) {\n                if (!msgToSend._uib) msgToSend._uib = {}\n                msgToSend._uib.routeId = this.uibrouter_CurrentRoute\n            }\n        } else if (channel === this._ioChannels.control) {\n            msgToSend = this.makeMeAnObject(msgToSend, 'uibuilderCtrl')\n            if (!Object.prototype.hasOwnProperty.call(msgToSend, 'uibuilderCtrl')) {\n                msgToSend.uibuilderCtrl = 'manual send'\n            }\n            // help remember where this came from as ctrl msgs can come from server or client\n            msgToSend.from = 'client'\n            // Add current route id if needed\n            if (this.hasUibRouter()) msgToSend.routeId = this.uibrouter_CurrentRoute\n        }\n\n        /** since 2020-01-02 Added _socketId which should be the same as the _socketId on the server */\n        msgToSend._socketId = this._socket.id\n\n        // WARNING: You cannot change any of the this._socket.auth settings at this point\n\n        // Add the originator metadata if required\n        if (originator === '' && this.originator !== '') originator = this.originator\n        if (originator !== '') Object.assign(msgToSend, { '_uib': { 'originator': originator } })\n\n        // If the msg does not have a topic - see if we want to add one\n        if ( !Object.prototype.hasOwnProperty.call(msgToSend, 'topic') ) {\n            // From the default (`uibuilder.set('topic', 'some topic')`)\n            if (this.topic !== undefined && this.topic !== '') msgToSend.topic = this.topic\n            else {\n                // Did the last inbound msg have a topic?\n                if ( Object.prototype.hasOwnProperty.call(this, 'msg') && Object.prototype.hasOwnProperty.call(this.msg, 'topic') ) {\n                    msgToSend.topic = this.msg.topic\n                }\n            }\n        }\n\n        // If a standard send & _ui property exists, make sure to add _ui.from = 'client' & routerId if needed\n        if (msgToSend._ui) {\n            msgToSend._ui.from = 'client'\n            if (this.hasUibRouter()) msgToSend._ui.routeId = this.uibrouter_CurrentRoute\n        }\n\n        // Check size and warn if may be too large - doesn't work if obj contains a buffer\n        // const approxMsgSize = this.getObjectSize(msgToSend)\n        // console.log(approxMsgSize, this.maxHttpBufferSize, approxMsgSize >= this.maxHttpBufferSize, msgToSend, this.getObjectSize(msgToSend))\n        // if (approxMsgSize >= this.maxHttpBufferSize) {\n        //     log('error', 'Uib:_send', `Message may be too large to send. Approx msg size: ${approxMsgSize}. Max msg size: ${this.maxHttpBufferSize}`)()\n        // }\n\n        // Track how many messages have been sent & last msg sent\n        let numMsgs\n        if (channel === this._ioChannels.client) {\n            this.set('sentMsg', msgToSend)\n            numMsgs = this.set('msgsSent', ++this.msgsSent)\n        } else if (channel === this._ioChannels.control) {\n            this.set('sentCtrlMsg', msgToSend)\n            numMsgs = this.set('msgsSentCtrl', ++this.msgsSentCtrl)\n        }\n        log('trace', 'Uib:_send', ` Channel '${channel}'. Sending msg #${numMsgs}`, msgToSend)()\n\n        this._socket.emit(channel, msgToSend)\n    } // --- End of Send Msg Fn --- //\n\n    /** Callback handler for messages from Node-RED\n     * NOTE: `this` is the class here rather the `socket` as would be normal since we bind the correct `this` in the call.\n     *       Use this._socket if needing reference to the socket.\n     * @callback ioSetupFromServer Called from ioSetup/this._socket.on(this.#ioChannels.server, this.stdMsgFromServer.bind(this))\n     * @param {object} receivedMsg The msg object from Node-RED\n     * @this Uib\n     */\n    _stdMsgFromServer(receivedMsg) {\n\n        // Make sure that msg is an object & not null\n        receivedMsg = this.makeMeAnObject(receivedMsg, 'payload')\n\n        // Don't process if the inbound msg is not for us\n        if (receivedMsg._uib && !this._forThis(receivedMsg._uib)) return\n        if (receivedMsg._ui && !this._forThis(receivedMsg._ui)) return\n\n        // @since 2018-10-07 v1.0.9: Work out local time offset from server\n        this._checkTimestamp(receivedMsg)\n\n        // Track how many messages have been received\n        this.set('msgsReceived', ++this.msgsReceived)\n\n        // Emit specific document events on msg receipt that make it easy for coders to use\n        this._msgRcvdEvents(receivedMsg)\n\n        if ( !('_ui' in receivedMsg && !('payload' in receivedMsg)) ) {\n            // Save the msg for further processing\n            this.set('msg', receivedMsg)\n        }\n\n        log('info', 'Uib:ioSetup:stdMsgFromServer', `Channel '${this._ioChannels.server}'. Received msg #${this.msgsReceived}.`, receivedMsg)()\n\n        // ! NOTE: Don't try to handle specialist messages here. See _msgRcvdEvents.\n    } // -- End of websocket receive DATA msg from Node-RED -- //\n\n    /** Process msg._uib.command - Remember to update #extCommands with new allowed commands\n     * @param {object} msg Msg from Node-RED containing a msg._uib object\n     */\n    _uibCommand(msg) {\n        if (!msg._uib || !msg._uib.command) {\n            log('error', 'uibuilder:_uibCommand', 'Invalid command message received', { msg })()\n            msg.payload = msg.error = 'Invalid command message received'\n            this.send(msg)\n            return\n        }\n        const cmd = msg._uib.command\n        // Disallowed command request outputs error and ignores the msg (NB: Case must match)\n        if (!this.#extCommands.includes(cmd.trim())) {\n            log('error', 'Uib:_uibCommand', `Command '${cmd} is not allowed to be called externally`)()\n            return\n        }\n        const prop = msg._uib.prop\n        const value = msg._uib.value\n        const quiet = msg._uib.quiet ?? false\n        let response, info\n\n        // Don't forget to update `#extCommands`, `docs/client-docs/control-from-node-red.md` & `functions.md`\n        switch (cmd) {\n            case 'elementIsVisible': {\n                response = this.elementIsVisible(prop)\n                // info = `Element \"${prop}\" ${response ? 'is visible' : 'is not visible'}`\n                break\n            }\n\n            case 'elementExists': {\n                response = this.elementExists(prop, false)\n                info = `Element \"${prop}\" ${response ? 'exists' : 'does not exist'}`\n                break\n            }\n\n            case 'get': {\n                response = this.get(prop)\n                break\n            }\n\n            case 'getManagedVarList': {\n                if (prop === 'full') response = this.getManagedVarList()\n                else response = Object.values(this.getManagedVarList())\n                break\n            }\n\n            case 'getWatchedVars': {\n                if (prop === 'full') response = this.getWatchedVars()\n                else response = Object.values(this.getWatchedVars())\n                break\n            }\n\n            case 'htmlSend': {\n                response = this.htmlSend('', false)\n                break\n            }\n\n            case 'include': {\n                // include is async\n                response = _ui.include(prop, value)\n                break\n            }\n\n            case 'navigate': {\n                let newUrl\n                if (prop) newUrl = prop\n                else if (value) newUrl = value\n                response = this.navigate(newUrl)\n                break\n            }\n\n            case 'scrollTo': {\n                response = this.scrollTo(prop, value)\n                break\n            }\n\n            case 'set': {\n                let store = false\n                let autoload = false\n                if (msg._uib.options && msg._uib.options.store) {\n                    if (msg._uib.options.store === true) store = true\n                    if (msg._uib.options.autoload === true) autoload = true\n                }\n                response = this.set(prop, value, store, autoload)\n                break\n            }\n\n            case 'showMsg': {\n                response = this.showMsg(value, prop)\n                break\n            }\n\n            case 'showStatus': {\n                response = this.showStatus(value, prop)\n                break\n            }\n\n            case 'uiGet': {\n                response = _ui.uiGet(prop, value)\n                break\n            }\n\n            case 'uiWatch': {\n                response = this.uiWatch(prop)\n                break\n            }\n\n            case 'watchUrlHash': {\n                response = this.watchUrlHash(prop)\n                break\n            }\n\n            default: {\n                log('warning', 'Uib:_uibCommand', `Command '${cmd}' not yet implemented`)()\n                break\n            }\n        }\n\n        if (quiet !== true) {\n            if (response === undefined) {\n                response = `'${prop}' is undefined`\n            }\n            if (Object(response).constructor === Promise) {\n                // response = `'${cmd} ${prop}' submitted. Cmd is async, no response available`\n                response\n                    .then( (/** @type {any} */ data) => {\n                        msg.payload = msg._uib.response = data\n                        msg.info = msg._uib.info = info\n                        if (!msg.topic) msg.topic = this.topic || `uib ${cmd} for '${prop}'`\n                        this.send(msg)\n                        return true\n                    })\n                    .catch( err => {\n                        log(0, 'Uib:_uibCommand', 'Error: ', err)()\n                    })\n            } else {\n                msg.payload = msg._uib.response = response\n                msg.info = msg._uib.info = info\n                if (!msg.topic) msg.topic = this.topic || `uib ${cmd} for '${prop}'`\n                this.send(msg)\n            }\n        }\n    } // --- end of _uibCommand ---\n\n    /** Send log text to uibuilder's beacon endpoint (works even if socket.io not connected)\n     * @param {string} txtToSend Text string to send\n     * @param {string|undefined} logLevel Log level to use. If not supplied, will default to debug\n     */\n    beaconLog(txtToSend, logLevel) {\n        if (!logLevel) logLevel = 'debug'\n        navigator.sendBeacon('./_clientLog', `${logLevel}::${txtToSend}`)\n    }\n\n    /** Request the current page's metadata from the server - response is handled automatically in _ctrlMsgFromServer */\n    getPageMeta() {\n        this.sendCtrl({\n            uibuilderCtrl: 'get page meta'\n        })\n    }\n\n    /** Easily send the entire DOM/HTML msg back to Node-RED\n     * @param {string} [originator] A Node-RED node ID to return the message to\n     * @param {boolean} [send] If true (default) directly send response to Node-RED. Is false when calling from Node-RED as a command.\n     * @returns {string} The HTML as a string\n     */\n    htmlSend(originator = '', send = true) {\n        const out = `<!doctype html>\\n${document.documentElement.outerHTML}`\n\n        // Set up the msg to send - NB: Topic may be added by this._send\n        const msg = {\n            payload: out,\n            length: out.length,\n            topic: this.topic,\n        }\n\n        log('trace', 'Uib:htmlSend', 'Sending full HTML to Node-RED', msg)()\n\n        if (send === true) this._send(msg, this._ioChannels.client, originator)\n        return out\n    }\n\n    /** Send log info back to Node-RED over uibuilder's websocket control output (Port #2)\n     * @param {...*} arguments All arguments passed to the function are added to the msg.payload\n     */\n    logToServer() {\n        this.sendCtrl({\n            uibuilderCtrl: 'client log message',\n            payload: arguments,\n            // \"version\":\"6.1.0-iife.min\",\n            _socketId: this._socket.id,\n            // \"ip\":\"::1\",\n            clientId: this.clientId,\n            tabId: this.tabId,\n            // \"url\":\"esp-test\",\n            pageName: this.pageName,\n            connections: this.connectedNum,\n            lastNavType: this.lastNavType,\n        })\n    }\n\n    /** Easily send a msg back to Node-RED on a DOM event\n     * @example In plain HTML/JavaScript\n     *    `<button id=\"button1\" name=\"button 1\" data-fred=\"jim\"></button>`\n     *    $('#button1').onclick = (evt) => {\n     *      uibuilder.eventSend(evt)\n     *    }\n     * @example\n     * In VueJS: `<b-button id=\"myButton1\" @click=\"doEvent\" data-something=\"hello\"></b-button>`\n     * In VueJS methods: `doEvent: uibuilder.eventSend,`\n     *\n     * All `data-` attributes will be passed back to Node-RED,\n     *    use them instead of arguments in the click function.\n     *    All target._ui custom properties are also passed back to Node-RED.\n     *\n     * @param {MouseEvent|any} domevent DOM Event object\n     * @param {string} [originator] A Node-RED node ID to return the message to\n     */\n    eventSend(domevent, originator = '') { // eslint-disable-line sonarjs/cognitive-complexity\n        // @ts-ignore Handle case where vue messes up `this`\n        if ( this.$attrs ) {\n            log('error', 'Uib:eventSend', '`this` has been usurped by VueJS. Make sure that you wrap the call in a function: `doEvent: function (event) { uibuilder.eventSend(event) },`' )()\n            return\n        }\n        if (!domevent && !event) {\n            log('warn', 'Uib:eventSend', 'Neither the domevent nor the hidden event properties are set. You probably called this function directly rather than applying to an on click event.' )()\n            return\n        }\n        // Handle no argument, e.g. <button onClick=\"uibuilder.eventSend()\"> - event is a hidden variable when fn used in addEventListener\n        if (!domevent || !domevent.constructor) domevent = event\n\n        // The argument must be a DOM event\n        if ((!domevent.constructor.name.endsWith('Event')) || (!domevent.currentTarget)) {\n            log('warn', 'Uib:eventSend', `ARGUMENT NOT A DOM EVENT - use data attributes not function arguments to pass data. Arg Type: ${domevent.constructor.name}`, domevent)()\n            return\n        }\n\n        // Prevent default event action\n        domevent.preventDefault()\n\n        // The target element\n        const target = domevent.currentTarget\n\n        // Get target custom properties - only shows custom props not element default ones\n        const props = this.getElementCustomProps(target)\n\n        // Attempt to get target attributs - can fail for certain target types\n        const attribs = this.getElementAttributes(target)\n\n        // Msg.payload\n        let payload = {}\n\n        // If target is embedded in a form, include ALL the form data in the output\n        let formDetails\n        if ( target.form ) {\n            formDetails = {\n                id: this.returnElementId(target.form),\n                valid: target.form.checkValidity(),\n            }\n\n            Object.values(target.form).forEach( (frmEl, i) => {\n                // Ignore <fieldset>, <object> - they don't have values\n                if (['fieldset', 'object'].includes(frmEl.type)) return\n\n                // NB: If type=files, this also sends the file to Node-RED\n                const details = this.getFormElementDetails(frmEl)\n                if (details) {\n                    formDetails[details.id] = details\n                    // simplified for addition to msg.payload\n                    payload[details.id] = details.value\n                }\n            })\n        } else {\n            if (target.type === 'file') {\n                // Walk through each file in the FileList, get the details and send the file to Node-RED\n                payload = this._processFilesInput(target.files)\n            }\n        }\n\n        // Check for CSS Classes\n        const classes = this.getElementClasses(target)\n\n        // Each `data-xxxx` attribute is added as a property\n        if (Object.keys(target.dataset).length > 0) payload = { ...payload, ...target.dataset }\n\n        // Check for element value/check props\n        const { value, checked } = this.getFormElementValue(target)\n        if (value !== null) payload.value = value\n        if (checked !== null) payload.checked = checked\n\n        // Handle Notification events\n        let nprops\n        if ( Object.prototype.toString.call(target) === '[object Notification]') {\n            // Fixed payload for convenience\n            payload = `notification-${target.userAction}`\n            // Capture the notification properties\n            nprops = {\n                // userAction: target.userAction, // uib custom prop: click, close or error\n                actions: target.actions,\n                badge: target.badge,\n                body: target.body,\n                data: target.data,\n                dir: target.dir,\n                icon: target.icon,\n                image: target.image,\n                lang: target.lang,\n                renotify: target.renotify,\n                requireInteraction: target.requireInteraction,\n                silent: target.silent,\n                tag: target.tag,\n                timestamp: target.timestamp,\n                title: target.title,\n                vibrate: target.vibrate,\n            }\n        }\n\n        // Set up the msg to send - NB: Topic may be added by this._send\n        const msg = {\n            // - this may be an empty Object if no data attributes defined\n            payload: payload,\n\n            _ui: {\n                type: 'eventSend',\n                id: target.id !== '' ? target.id : undefined,\n                name: target.name !== '' ? target.name : undefined,\n                slotText: target.textContent ? target.textContent.substring(0, 255) : undefined,\n\n                form: formDetails,\n                props: props,\n                attribs: attribs,\n                classes: classes,\n\n                notification: nprops,\n\n                event: domevent.type,\n                altKey: domevent.altKey,\n                ctrlKey: domevent.ctrlKey,\n                shiftKey: domevent.shiftKey,\n                metaKey: domevent.metaKey,\n\n                pointerType: domevent.pointerType,\n                nodeName: target.nodeName,\n\n                clientId: this.clientId,\n                pageName: this.pageName,\n                tabId: this.tabId,\n            }\n        }\n\n        log('trace', 'Uib:eventSend', 'Sending msg to Node-RED', msg)()\n\n        this._send(msg, this._ioChannels.client, originator)\n    }\n\n    /** Send a standard message to NR\n     * @example uibuilder.send({payload:'Hello'})\n     * @param {object} msg Message to send\n     * @param {string} [originator] A Node-RED node ID to return the message to\n     */\n    send(msg, originator = '') {\n        this._send(msg, this._ioChannels.client, originator)\n    }\n\n    // ! TODO: Rooms do not auto-reconnect. Add tracking and update _onConnect\n    // ! TODO: Add receipt handler on joining a room.\n\n    // NOTE: Rooms only understood by server not client so we have to use custom emits\n    //       They do not auto-reconnect\n\n    /** Send a msg to a pre-defined Socket.IO room\n     * @link https://socket.io/docs/v4/rooms/\n     * @param {string} room Name of a Socket.IO pre-defined room.\n     * @param {*} msg Message to send\n     */\n    sendRoom(room, msg) {\n        this._socket.emit('uib-room-send', room, msg )\n    }\n\n    joinRoom(room) {\n        this._socket.emit('uib-room-join', room)\n    }\n\n    leaveRoom(room) {\n        this._socket.emit('uib-room-leave', room)\n    }\n\n    /** Send a control msg to NR\n     * @param {object} msg Message to send\n     */\n    sendCtrl(msg) {\n        this._send(msg, this._ioChannels.control)\n    }\n\n    /**\n     * Send a message to Node-RED on a custom channel - use for UIBUILDER 3rd-party custom nodes\n     * @param {string} channel The custom channel name to use\n     * @param {object} msg The message to send\n     */\n    sendCustom(channel, msg) {\n        this._socket.emit(channel, msg)\n    }\n\n    /** Upload a file to Node-RED over Socket.IO\n     * https://developer.mozilla.org/en-US/docs/Web/API/FileReader\n     * @param {File} file Reference to File API object to upload\n     */\n    uploadFile(file) {\n        // Create a new FileReader instance\n        const reader = new FileReader()\n\n        // Define the onload event for the FileReader\n        reader.onload = (e) => {\n            // Get the binary content of the file\n            const arrayBuffer = e.target.result\n\n            // Send the binary content to the server\n            const msg = {\n                topic: this.topic || 'file-upload',\n                payload: arrayBuffer,\n                fileName: file.name,\n                type: file.type,\n                lastModified: file.lastModifiedDate,\n                size: file.size,\n            }\n\n            // Only send if content not too large\n            const maxSize = this.maxHttpBufferSize - 500\n            if (arrayBuffer.byteLength >= maxSize) {\n                msg.payload = undefined\n                msg.error = `File is too large to send. File size: ${arrayBuffer.byteLength}. Max msg size: ${maxSize}`\n                log('error', 'Uib:uploadFile', msg.error)()\n\n            }\n\n            this.send(msg)\n        }\n\n        // Read the file as an ArrayBuffer\n        reader.readAsArrayBuffer(file)\n    }\n    //#endregion -------- ------------ -------- //\n\n    //#region ------- Socket.IO -------- //\n\n    /** Return the Socket.IO namespace\n     * The cookie method is the most reliable but this falls back to trying to work it\n     * out from the URL if cookies not available. That won't work if page is in a sub-folder.\n     * since 2017-10-21 Improve method to cope with more complex paths - thanks to Steve Rickus @shrickus\n     * since 2017-11-10 v1.0.1 Check cookie first then url. cookie works even if the path is more complex (e.g. sub-folder)\n     * since 2020-01-25 Removed httpRoot from namespace to prevent proxy induced errors\n     * @returns {string} Socket.IO namespace\n     */\n    _getIOnamespace() {\n\n        let ioNamespace\n\n        /** Try getting the namespace cookie. */\n        ioNamespace = this.cookies['uibuilder-namespace']\n\n        // if it wasn't available, try using the current url path\n        if (ioNamespace === undefined || ioNamespace === '') {\n            // split url path & eliminate any blank elements, and trailing or double slashes\n            const u = window.location.pathname.split('/')\n                .filter(function (t) { return t.trim() !== '' })\n\n            /** since v2.0.5 Extra check for 0 length, Issue #73. since 2017-11-06 If the last element of the path is an .html file name, remove it */\n            if (u.length > 0 && (u[u.length - 1].endsWith('.html'))) u.pop()\n\n            // Get the last part of the url path, this MUST match the namespace in uibuilder\n            ioNamespace = u.pop()\n\n            log('trace', 'uibuilder.module.js:getIOnamespace', `Socket.IO namespace found via url path: ${ioNamespace}`)()\n        } else {\n            log('trace', 'uibuilder.module.js:getIOnamespace', `Socket.IO namespace found via cookie: ${ioNamespace}`)()\n        }\n\n        this.url = ioNamespace\n        // Namespace HAS to start with a /\n        ioNamespace = '/' + ioNamespace\n\n        log('trace', 'uibuilder.module.js:getIOnamespace', `Final Socket.IO namespace: ${ioNamespace}`)()\n\n        return ioNamespace\n    } // --- End of set IO namespace --- //\n\n    /** Function used to check whether Socket.IO is connected to the server, reconnect if not (recursive)\n     * @param {number} [delay] Initial delay before checking (ms). Default=2000ms\n     * @param {number} [factor] Multiplication factor for subsequent checks (delay*factor). Default=1.5\n     * @param {number} [depth] Recursion depth\n     * @returns {boolean|undefined} Whether or not Socket.IO is connected to uibuilder in Node-RED\n     */\n    _checkConnect(delay, factor, depth = 1) {\n        if ( navigator.onLine === false ) return // Don't bother if we know we are offline\n\n        if (!delay) delay = this.retryMs\n        if (!factor) factor = this.retryFactor\n\n        log('trace', 'Uib:checkConnect', `Checking connection. Connected: ${this._socket.connected}. Timer: ${this.#timerid}. Depth: ${depth}. Delay: ${delay}. Factor: ${factor}`, this._socket)()\n\n        // If we are connected ...\n        if (this._socket.connected === true) {\n            // Clear the setTimeout\n            if (this.#timerid) {\n                window.clearTimeout(this.#timerid)\n                this.#timerid = null\n            }\n            this.set('ioConnected', true)\n            this.set('socketError', null)\n            return true\n        }\n\n        // ... we aren't connected so:\n        this.set('ioConnected', false)\n\n        // we only want one running at a time\n        if (this.#timerid) window.clearTimeout(this.#timerid)\n\n        // Create the new timer\n        this.#timerid = window.setTimeout(() => {\n            log('warn', 'Uib:checkConnect:setTimeout', `Socket.IO reconnection attempt. Current delay: ${delay}. Depth: ${depth}`)()\n\n            // this is necessary sometimes when the socket fails to connect on startup\n            this._socket.disconnect()\n\n            // Try to reconnect\n            this._socket.connect()\n\n            // don't need to check whether we have connected as the timer will have been cleared if we have\n            this.#timerid = null\n\n            // @ts-ignore Create new timer for next time round with extended delay\n            this._checkConnect(delay * factor, factor, depth++)\n        }, delay)\n\n        return false\n    } // --- End of checkConnect Fn--- //\n\n    // See message handling section for msg receipt handlers\n\n    /** Called by _ioSetup when Socket.IO connects to Node-RED */\n    _onConnect() {\n        // WARNING: You cannot change any of the this._socket.auth settings at this point\n        log('info', 'Uib:ioSetup', `\u2705 SOCKET CONNECTED. Connection count: ${this.connectedNum}, Is a Recovery?: ${this._socket.recovered}. \\nNamespace: ${this.ioNamespace}`)()\n        this._dispatchCustomEvent('uibuilder:socket:connected', { 'numConnections': this.connectedNum, 'isRecovery': this._socket.recovered })\n\n        this._checkConnect() // resets any reconnection timers & sets connected flag\n    }\n\n    /** Called by _ioSetup when Socket.IO disconnects from Node-RED\n     * @param {string} reason Disconnection title\n     */\n    _onDisconnect(reason) {\n        // reason === 'io server disconnect' - redeploy of Node instance\n        // reason === 'transport close' - Node-RED terminating\n        // reason === 'ping timeout' - didn't receive a pong response?\n        log('info', 'Uib:ioSetup:socket-disconnect', `\u26D4 Socket Disconnected. Reason: ${reason}`)()\n\n        this._dispatchCustomEvent('uibuilder:socket:disconnected', reason)\n\n        /** A workaround for SIO's failure to reconnect after a disconnection */\n        this._checkConnect()\n    }\n\n    /** Setup Socket.io\n     * since v2.0.0-beta2 Moved to a function and called by the user (uibuilder.start()) so that namespace & path can be passed manually if needed\n     * @returns {boolean} Attaches socket.io manager to self._socket and updates self.ioNamespace & self.ioPath as needed\n     */\n    _ioSetup() {\n\n        // Just a notification, actual load is done outside the class (see start of file)\n        if (io === undefined) {\n            log('error', 'Uib:ioSetup', 'Socket.IO client not loaded, Node-RED comms will not work')()\n            return false\n        }\n\n        // If socket is already set up, close it and remove all of the listeners\n        if (this._socket) {\n            log('trace', 'Uib:ioSetup', 'Removing listeners in preparation for redoing Socket.IO connections')()\n            if (this.#timerid) {\n                window.clearTimeout(this.#timerid)\n                this.#timerid = null\n            }\n            this._socket.close()\n            this._socket.offAny()\n            this._socket = undefined\n            this.set('ioConnected', false)\n        }\n\n        // Update the URL path to make sure we have the right one\n        this.socketOptions.path = this.ioPath\n\n        // Create the socket - make sure client uses Socket.IO version from the uibuilder module (using path)\n        log('trace', 'Uib:ioSetup', `About to create IO object. Transports: [${this.socketOptions.transports.join(', ')}]`)()\n        this._socket = io(this.ioNamespace, this.socketOptions)\n\n        this._connectGlobal()\n\n        /** When the socket is connected - set ioConnected flag and reset connect timer  */\n        this._socket.on('connect', this._onConnect.bind(this))\n\n        // RECEIVE a STANDARD, non-control msg from Node-RED server\n        this._socket.on(this._ioChannels.server, this._stdMsgFromServer.bind(this))\n\n        // RECEIVE a CONTROL msg from Node-RED server - see also sendCtrl()\n        this._socket.on(this._ioChannels.control, this._ctrlMsgFromServer.bind(this))\n\n        // When the socket is disconnected ..............\n        this._socket.on('disconnect', this._onDisconnect.bind(this))\n\n        // Socket.io connection error - probably the wrong ioPath - or client is offline\n        this._socket.on('connect_error', (err) => {\n            if ( navigator.onLine === false ) return // Don't bother with an error if we know we are offline\n            log('error', 'Uib:ioSetup:connect_error', `\u274C Socket.IO Connect Error. Reason: ${err.message}`, err)()\n            this.set('ioConnected', false)\n            this.set('socketError', err)\n            this._dispatchCustomEvent('uibuilder:socket:disconnected', err)\n        }) // --- End of socket connect error processing ---\n\n        // Socket.io error - from the server (socket.use middleware triggered an error response)\n        this._socket.on('error', (err) => {\n            log('error', 'Uib:ioSetup:error', `\u274C Socket.IO Error. Reason: ${err.message}`, err)()\n            this.set('ioConnected', false)\n            this.set('socketError', err)\n            this._dispatchCustomEvent('uibuilder:socket:disconnected', err)\n        }) // --- End of socket error processing ---\n\n        // Ensure we are connected, retry if not\n        this._checkConnect()\n\n        return true\n\n        /* We really don't need these, just for interest\n            self._socket.io.on('packet', function onPacket(data){\n                // we get one of these for each REAL msg (not ping/pong)\n                console.debug('PACKET', data)\n            })\n            self._socket.on('pong', function(latency) {\n                console.debug('SOCKET PONG - Latency: ', latency)\n                //console.dir(self._socket)\n            }) // --- End of socket pong processing ---\n            self._socket.io.on('packet', function(data){\n                // We get one of these for actual messages, not ping/pong\n                console.debug('PACKET', data)\n            })\n            self._socket.on('connect_timeout', function(timeout) {\n                console.debug('SOCKET CONNECT TIMEOUT - Namespace: ' + ioNamespace + ', Timeout: ' + timeout)\n            }) // --- End of socket connect timeout processing ---\n            self._socket.on('reconnect', function(attemptNum) {\n                console.debug('SOCKET RECONNECTED - Namespace: ' + ioNamespace + ', Attempt #: ' + attemptNum)\n            }) // --- End of socket reconnect processing ---\n            self._socket.on('reconnect_attempt', function(attemptNum) {\n                console.debug('SOCKET RECONNECT ATTEMPT - Namespace: ' + ioNamespace + ', Attempt #: ' + attemptNum)\n            }) // --- End of socket reconnect_attempt processing ---\n            self._socket.on('reconnecting', function(attemptNum) {\n                console.debug('SOCKET RECONNECTING - Namespace: ' + ioNamespace + ', Attempt #: ' + attemptNum)\n            }) // --- End of socket reconnecting processing ---\n            self._socket.on('reconnect_error', function(err) {\n                console.debug('SOCKET RECONNECT ERROR - Namespace: ' + ioNamespace + ', Reason: ' + err.message)\n                //console.dir(err)\n            }) // --- End of socket reconnect_error processing ---\n            self._socket.on('reconnect_failed', function() {\n                console.debug('SOCKET RECONNECT FAILED - Namespace: ' + ioNamespace)\n            }) // --- End of socket reconnect_failed processing ---\n            self._socket.on('ping', function() {\n                console.debug('SOCKET PING')\n            }) // --- End of socket ping processing ---\n            self._socket.on('pong', function(latency) {\n                console.debug('SOCKET PONG - Latency: ', latency)\n            }) // --- End of socket pong processing ---\n            */\n    } // ---- End of ioSetup ---- //\n\n    /** Connect to global namespace & create global listener that updates the `globalMsg` var */\n    _connectGlobal() {\n        this._socketGlobal = io('/', this.socketOptions)\n        this._socketGlobal.onAny( (...args) => {\n            this.set('globalMsg', args.slice(0, -1))\n        })\n    }\n\n    /** Manually (re)connect socket.io */\n    connect() {\n        // ? Should I use this._checkConnect()?\n        this._socket.connect()\n    }\n\n    /** Manually disconnect socket.io and stop any auto-reconnect timer */\n    disconnect() {\n        this._socket.disconnect()\n        // As this is a manual disconnect, stop any reconnect timers\n        if (this.#timerid) window.clearTimeout(this.#timerid)\n    }\n\n    //#endregion -------- ------------ -------- //\n\n    //#region ! EXPERIMENTAL: Watch for and process uib-* or data-uib-* attributes in HTML and auto-process\n\n    /** Attempt to load a service worker\n     * https://yonatankra.com/how-service-workers-sped-up-our-website-by-97-5/\n     * @param {string} fileName Name of service worker js file (without .js extension)\n     */\n    // async registerServiceWorker(fileName) {\n    //     if (!navigator.serviceWorker) return\n\n    //     await navigator.serviceWorker.register(\n    //         `./${fileName}.js`,\n    //         {\n    //             scope: './',\n    //         }\n    //     )\n    // }\n\n    /** Wrap an object in a JS proxy\n     * WARNING: Sadly, `let x = uib.createProxy( [1,2] ); x.push(3);` Does not trigger a send because that is classed as a\n     * GET, not a SET.\n     * param {*} target The target object to proxy\n     * returns {Proxy} A proxied version of the target object\n     */\n    // createProxy(target) {\n    //     return new Proxy(target, {\n    //         _doSend(prop, val, oldVal) {\n    //             uibuilder.send({\n    //                 topic: 'uibuilder/proxy/change',\n    //                 _uib: {\n    //                     varChange: {\n    //                         name: self.$name,\n    //                         property: prop,\n    //                         oldValue: oldVal,\n    //                         newValue: val,\n    //                     }\n    //                 },\n    //                 payload: target,\n    //             })\n    //         },\n    //         get(target, prop, receiver) {\n    //             console.log('uib proxy - GET: ', prop, target)\n    //             let val = Reflect.get(...arguments)\n    //             if (typeof val === 'function') val = val.bind(target)\n    //             if (self.$sendChanges) this._doSend(prop, Reflect.get(target))\n    //             return val\n    //         },\n    //         set(target, prop, val, receiver) {\n    //             if (prop === '$sendChanges') {\n    //                 self.$sendChanges = typeof val === 'boolean' ? val : false\n    //                 return true\n    //             }\n    //             if (prop === '$name') {\n    //                 self.$name = typeof val === 'string' ? val : undefined\n    //                 return true\n    //             }\n    //             console.log('uib proxy - SET: ', val, prop, target)\n    //             const oldVal = Reflect.get(...arguments)\n    //             const worked = Reflect.set(target, prop, val, receiver)\n    //             if (self.$sendChanges && worked) {\n    //                 self._doSend(prop, val, oldVal)\n    //             }\n    //             return worked\n    //         },\n    //     })\n    // }\n\n    //#endregion ! EXPERIMENTAL\n\n    //#region ------- Class construction & startup method -------- //\n\n    constructor() {\n        log('trace', 'Uib:constructor', 'Starting')()\n\n        // Track whether the client is online or offline\n        window.addEventListener('offline', (e) => {\n            this.set('online', false)\n            this.set('ioConnected', false)\n            log('warn', 'Browser', 'DISCONNECTED from network')()\n        })\n        window.addEventListener('online', (e) => {\n            this.set('online', true)\n            log('warn', 'Browser', 'Reconnected to network')()\n            this._checkConnect()\n        })\n\n        document.cookie.split(';').forEach((c) => {\n            const splitC = c.split('=')\n            this.cookies[splitC[0].trim()] = splitC[1]\n        })\n\n        /** Client ID set by uibuilder - lasts until browser profile is closed, applies to all tabs */\n        this.set('clientId', this.cookies['uibuilder-client-id'])\n        log('trace', 'Uib:constructor', 'Client ID: ', this.clientId)()\n\n        /** Tab ID - lasts while the tab is open (even if reloaded)\n         * WARNING: Duplicating a tab retains the same tabId\n         */\n        this.set('tabId', window.sessionStorage.getItem('tabId'))\n        if (!this.tabId) {\n            this.set('tabId', `t${Math.floor(Math.random() * 1000000)}`)\n            window.sessionStorage.setItem('tabId', this.tabId)\n        }\n\n        // document.addEventListener('pagehide', (event) => {\n        //     // console.log(`pagehide. From Cache?: ${event.persisted}`)\n        //     navigator.sendBeacon('./_clientLog', `pagehide. From Cache?: ${event.persisted}`)\n        // })\n        // document.addEventListener('pageshow', (event) => {\n        //     // console.log(`pageshow. From Cache?: ${event.persisted}`)\n        //     navigator.sendBeacon('./_clientLog', `pageshow. From Cache?: ${event.persisted}`)\n        // })\n        document.addEventListener('load', () => {\n            this.set('isVisible', true)\n        })\n        document.addEventListener('visibilitychange', () => {\n            // hidden=unload, minimise. visible=un-minimise (not fired on load)\n            this.set('isVisible', document.visibilityState === 'visible')\n            this.sendCtrl({ uibuilderCtrl: 'visibility', isVisible: this.isVisible })\n            // navigator.userActivation is experimental Chromium only\n            // console.log('visibilitychange', ':', `Document Event: visibilitychange. Visibility State: ${document.visibilityState}. User Activity- Has:${navigator.userActivation.hasBeenActive}, Is:${navigator.userActivation.isActive}`)\n            // navigator.sendBeacon('./_clientLog', `${(new Date()).toISOString()} Document Event: visibilitychange. Visibility State: ${document.visibilityState}. User Activity- Has:${navigator.userActivation.hasBeenActive}, Is:${navigator.userActivation.isActive}`)\n        })\n\n        // Set a listener to update showStatus table if it is active\n        document.addEventListener('uibuilder:propertyChanged', (event) => {\n            if (!this.#isShowStatus) return\n\n            // @ts-ignore\n            if (event.detail.prop in this.#showStatus) {\n                // @ts-ignore\n                document.querySelector(`td[data-vartype=\"${event.detail.prop}\"]`).innerText = JSON.stringify(event.detail.value)\n            }\n        })\n\n        this.set('ioNamespace', this._getIOnamespace())\n\n        //#region - Try to make sure client uses Socket.IO client version from the uibuilder module (using cookie or path) @since v2.0.0 2019-02-24 allows for httpNodeRoot\n\n        /** httpNodeRoot (to set path) */\n        if ('uibuilder-webRoot' in this.cookies) {\n            this.set('httpNodeRoot', this.cookies['uibuilder-webRoot'])\n            log('trace', 'Uib:constructor', `httpNodeRoot set by cookie to \"${this.httpNodeRoot}\"`)()\n        } else {\n            // split current url path, eliminate any blank elements and trailing or double slashes\n            const fullPath = window.location.pathname.split('/').filter(function (t) { return t.trim() !== '' })\n            /** handle url includes file name - @since v2.0.5 Extra check for 0 length, Issue #73. */\n            if (fullPath.length > 0 && fullPath[fullPath.length - 1].endsWith('.html')) fullPath.pop()\n            fullPath.pop() // gives the last path section of the url\n            this.set('httpNodeRoot', `/${fullPath.join('/')}`)\n            log('trace', '[Uib:constructor]', `httpNodeRoot set by URL parsing to \"${this.httpNodeRoot}\". NOTE: This may fail for pages in sub-folders.`)()\n        }\n        this.set('ioPath', this.urlJoin(this.httpNodeRoot, Uib._meta.displayName, 'vendor', 'socket.io'))\n        log('trace', 'Uib:constructor', `ioPath: \"${this.ioPath}\"`)()\n\n        //#endregion\n\n        // Work out pageName\n        this.set('pageName', window.location.pathname.replace(`${this.ioNamespace}/`, ''))\n        if ( this.pageName.endsWith('/') ) this.set('pageName', `${this.pageName}index.html`)\n        if ( this.pageName === '' ) this.set('pageName', 'index.html')\n\n        // Attempt to restore autoload variables\n        try {\n            const autoloadVars = this.getStore('_uibAutoloadVars')\n            if (Object.keys(autoloadVars).length > 0) {\n                Object.keys(autoloadVars).forEach( (id) => {\n                    this.set(id, this.getStore(id))\n                })\n            }\n        } catch (e) {}\n\n        // ! Experimental service worker\n        // this.registerServiceWorker('sw')\n\n        this._dispatchCustomEvent('uibuilder:constructorComplete')\n\n        log('trace', 'Uib:constructor', 'Ending')()\n    }\n\n    /** Start up Socket.IO comms and listeners\n     * This has to be done separately because if running from a web page in a sub-folder of src/dist, uibuilder cannot\n     * necessarily work out the correct ioPath to use.\n     * Also, if cookies aren't permitted in the browser, both ioPath and ioNamespace may need to be specified.\n     * @param {object} [options] The start options object.\n     * @returns {void}\n     */\n    start(options) {\n        log('trace', 'Uib:start', 'Starting')()\n\n        // Cancel the msg event handler if already present\n        if ( this.#MsgHandler ) this.cancelChange('msg', this.#MsgHandler)\n\n        if (this.started === true) {\n            log('info', 'Uib:start', 'Start function already called. Resetting Socket.IO and msg handler.')()\n        }\n\n        log('log', 'Uib:start', 'Cookies: ', this.cookies, `\\nClient ID: ${this.clientId}`)()\n        log('trace', 'Uib:start', 'ioNamespace: ', this.ioNamespace, `\\nioPath: ${this.ioPath}`)()\n\n        // Handle options\n        if (options) {\n            if (options.ioNamespace) this.set('ioNamespace', options.ioNamespace)\n            if (options.ioPath) this.set('ioPath', options.ioPath)\n            if (options.nopolling && this.socketOptions.transports[0] === 'polling') this.socketOptions.transports.shift()\n        }\n\n        /** Handle specialist messages like reload and _ui -> Moved to _msgRcvdEvents */\n\n        // Track last browser navigation type: navigate, reload, back_forward, prerender\n        // TODO Needs more work - updates on navigation needed?\n        const [entry] = performance.getEntriesByType('navigation')\n        // @ts-ignore\n        this.set('lastNavType', entry.type)\n\n        // Start up (or restart) Socket.IO connections and listeners. Returns false if io not found\n        this.set('started', this._ioSetup())\n\n        if ( this.started === true ) {\n            log('trace', 'Uib:start', 'Start completed. Socket.IO client library loaded.')()\n        } else {\n            log('error', 'Uib:start', 'Start completed. ERROR: Socket.IO client library NOT LOADED.')()\n        }\n\n        // Watch for URL hash changes in case using a front-end router. Updates watched var `urlHash` and socket.io `auth.urlHash`\n        this._watchHashChanges()\n\n        // Check if Vue is present (used for dynamic UI processing)\n        if (window['Vue']) {\n            this.set('isVue', true)\n            try {\n                this.set('vueVersion', window['Vue'].version)\n            } catch (e) { }\n            log('trace', 'Uib:start', `VueJS is loaded. Version: ${this.vueVersion}`)()\n        } else {\n            log('trace', 'Uib:start', 'VueJS is not loaded.')()\n        }\n\n        // Check if DOMPurify library is loaded\n        if (window['DOMPurify']) {\n            this.set('purify', true)\n            log('trace', 'Uib:start', 'DOMPurify is loaded.')()\n        } else {\n            log('trace', 'Uib:start', 'DOMPurify is not loaded.')()\n        }\n        // Check if Markdown-IT library is loaded\n        if (window['markdownit']) {\n            this.set('markdown', true)\n            log('trace', 'Uib:start', 'Markdown-IT is loaded.')()\n        } else {\n            log('trace', 'Uib:start', 'Markdown-IT is not loaded.')()\n        }\n\n        // Set up msg listener for the optional showMsg\n        this.onChange('msg', (msg) => {\n            if (this.#isShowMsg === true) {\n                const eMsg = document.getElementById('uib_last_msg')\n                if (eMsg) eMsg.innerHTML = this.syntaxHighlight(msg)\n            }\n        })\n\n        // Initial scan for uib-* attributes & add suitable change processors\n        this._uibAttrScanAll(document)\n        // Observer to watch for new/changed elements & add suitable change processors\n        const observer = new MutationObserver(this._uibAttribObserver.bind(this))\n        observer.observe(document, {\n            subtree: true,\n            attributes: true,\n            attributeOldValue: true,\n            attributeFilter: this.uibAttribs,\n            childList: true\n        })\n\n        this._dispatchCustomEvent('uibuilder:startComplete')\n    }\n\n    //#endregion -------- ------------ -------- //\n} // ==== End of Class Uib ====\n\n//#region --- Wrap up - get things started, define globals & web components ---\n\n// Create an instance (we will only ever want one)\nconst uibuilder = new Uib()\n\n// Assign reference to the instance to the global `window` object\n// Only useful if loading via <script> tag - prefer loading via `import uibuilder from ...`\nif (!window['uibuilder']) {\n    window['uibuilder'] = uibuilder\n} else {\n    log('error', 'uibuilder.module.js', '`uibuilder` already assigned to window. Have you tried to load it more than once?')\n}\nif (!window['uib']) {\n    window['uib'] = uibuilder\n} else {\n    log('warn', 'uibuilder.module.js', '`uib` shortcut already assigned to window.')\n}\n\n// Assign `$` to global window object unless it is already in use.\n// Note that this is also available as `uibuilder.$`.\nif (!window['$']) {\n    /** @type {HTMLElement} */\n    window['$'] = window['uibuilder'].$ // document.querySelector.bind(document)\n} else {\n    log('warn', 'uibuilder.module.js', 'Cannot allocate the global `$`, it is already in use. Use `uibuilder.$` or `uib.$` instead.')\n}\n// Assign `$$` to global window object unless it is already in use.\n// Note that this is also available as `uibuilder.$$`.\nif (!window['$$']) {\n    /** @type {HTMLElement} */\n    window['$$'] = window['uibuilder'].$$ // document.querySelectorAll.bind(document)\n} else {\n    log('warn', 'uibuilder.module.js', 'Cannot allocate the global `$$`, it is already in use. Use `uibuilder.$$` or `uib.$$` instead.')\n}\n\n// Assign `$ui` to global window object unless it is already in use.\nif (!window['$ui']) {\n    /** @type {HTMLElement} */\n    window['$ui'] = window['uibuilder'].$ui\n} else {\n    log('warn', 'uibuilder.module.js', 'Cannot allocate the global `$ui`, it is already in use. Use `uibuilder.$ui` or `uib.$ui` instead.')\n}\n\nif (!('on' in document)) {\n    document.on = function (event, callback) {\n        this.addEventListener(event, callback)\n    }\n}\nif (!('on' in window)) {\n    window.on = function (event, callback) {\n        this.addEventListener(event, callback)\n    }\n}\n\ntry {\n    if (!('query' in Element)) {\n        Element.prototype.query = function(selector) {\n            return this.querySelector(selector)\n        }\n    }\n    if (!('queryAll' in Element)) {\n        Element.prototype.queryAll = function(selector) {\n            return this.querySelectorAll(selector)\n        }\n    }\n    if (!('on' in Element)) {\n        Element.prototype.on = function (event, callback) {\n            this.addEventListener(event, callback)\n        }\n    }\n} finally { } // eslint-disable-line no-empty\n\n// Can import as `import uibuilder from ...` OR `import {uibuilder} from ...`\nexport { uibuilder }\nexport default uibuilder\n\n// Attempt to run start fn\nuibuilder.start()\n\n// Add built-in web component classes as a new Custom Element to the window object\ncustomElements.define('uib-var', UibVar)\ncustomElements.define('uib-meta', UibMeta)\ncustomElements.define('apply-template', ApplyTemplate)\n\n//#endregion --- Wrap up ---\n\n// EOF\n", "const PACKET_TYPES = Object.create(null); // no Map = no polyfill\nPACKET_TYPES[\"open\"] = \"0\";\nPACKET_TYPES[\"close\"] = \"1\";\nPACKET_TYPES[\"ping\"] = \"2\";\nPACKET_TYPES[\"pong\"] = \"3\";\nPACKET_TYPES[\"message\"] = \"4\";\nPACKET_TYPES[\"upgrade\"] = \"5\";\nPACKET_TYPES[\"noop\"] = \"6\";\nconst PACKET_TYPES_REVERSE = Object.create(null);\nObject.keys(PACKET_TYPES).forEach((key) => {\n    PACKET_TYPES_REVERSE[PACKET_TYPES[key]] = key;\n});\nconst ERROR_PACKET = { type: \"error\", data: \"parser error\" };\nexport { PACKET_TYPES, PACKET_TYPES_REVERSE, ERROR_PACKET };\n", "import { PACKET_TYPES } from \"./commons.js\";\nconst withNativeBlob = typeof Blob === \"function\" ||\n    (typeof Blob !== \"undefined\" &&\n        Object.prototype.toString.call(Blob) === \"[object BlobConstructor]\");\nconst withNativeArrayBuffer = typeof ArrayBuffer === \"function\";\n// ArrayBuffer.isView method is not defined in IE10\nconst isView = (obj) => {\n    return typeof ArrayBuffer.isView === \"function\"\n        ? ArrayBuffer.isView(obj)\n        : obj && obj.buffer instanceof ArrayBuffer;\n};\nconst encodePacket = ({ type, data }, supportsBinary, callback) => {\n    if (withNativeBlob && data instanceof Blob) {\n        if (supportsBinary) {\n            return callback(data);\n        }\n        else {\n            return encodeBlobAsBase64(data, callback);\n        }\n    }\n    else if (withNativeArrayBuffer &&\n        (data instanceof ArrayBuffer || isView(data))) {\n        if (supportsBinary) {\n            return callback(data);\n        }\n        else {\n            return encodeBlobAsBase64(new Blob([data]), callback);\n        }\n    }\n    // plain string\n    return callback(PACKET_TYPES[type] + (data || \"\"));\n};\nconst encodeBlobAsBase64 = (data, callback) => {\n    const fileReader = new FileReader();\n    fileReader.onload = function () {\n        const content = fileReader.result.split(\",\")[1];\n        callback(\"b\" + (content || \"\"));\n    };\n    return fileReader.readAsDataURL(data);\n};\nfunction toArray(data) {\n    if (data instanceof Uint8Array) {\n        return data;\n    }\n    else if (data instanceof ArrayBuffer) {\n        return new Uint8Array(data);\n    }\n    else {\n        return new Uint8Array(data.buffer, data.byteOffset, data.byteLength);\n    }\n}\nlet TEXT_ENCODER;\nexport function encodePacketToBinary(packet, callback) {\n    if (withNativeBlob && packet.data instanceof Blob) {\n        return packet.data.arrayBuffer().then(toArray).then(callback);\n    }\n    else if (withNativeArrayBuffer &&\n        (packet.data instanceof ArrayBuffer || isView(packet.data))) {\n        return callback(toArray(packet.data));\n    }\n    encodePacket(packet, false, (encoded) => {\n        if (!TEXT_ENCODER) {\n            TEXT_ENCODER = new TextEncoder();\n        }\n        callback(TEXT_ENCODER.encode(encoded));\n    });\n}\nexport { encodePacket };\n", "// imported from https://github.com/socketio/base64-arraybuffer\nconst chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';\n// Use a lookup table to find the index.\nconst lookup = typeof Uint8Array === 'undefined' ? [] : new Uint8Array(256);\nfor (let i = 0; i < chars.length; i++) {\n    lookup[chars.charCodeAt(i)] = i;\n}\nexport const encode = (arraybuffer) => {\n    let bytes = new Uint8Array(arraybuffer), i, len = bytes.length, base64 = '';\n    for (i = 0; i < len; i += 3) {\n        base64 += chars[bytes[i] >> 2];\n        base64 += chars[((bytes[i] & 3) << 4) | (bytes[i + 1] >> 4)];\n        base64 += chars[((bytes[i + 1] & 15) << 2) | (bytes[i + 2] >> 6)];\n        base64 += chars[bytes[i + 2] & 63];\n    }\n    if (len % 3 === 2) {\n        base64 = base64.substring(0, base64.length - 1) + '=';\n    }\n    else if (len % 3 === 1) {\n        base64 = base64.substring(0, base64.length - 2) + '==';\n    }\n    return base64;\n};\nexport const decode = (base64) => {\n    let bufferLength = base64.length * 0.75, len = base64.length, i, p = 0, encoded1, encoded2, encoded3, encoded4;\n    if (base64[base64.length - 1] === '=') {\n        bufferLength--;\n        if (base64[base64.length - 2] === '=') {\n            bufferLength--;\n        }\n    }\n    const arraybuffer = new ArrayBuffer(bufferLength), bytes = new Uint8Array(arraybuffer);\n    for (i = 0; i < len; i += 4) {\n        encoded1 = lookup[base64.charCodeAt(i)];\n        encoded2 = lookup[base64.charCodeAt(i + 1)];\n        encoded3 = lookup[base64.charCodeAt(i + 2)];\n        encoded4 = lookup[base64.charCodeAt(i + 3)];\n        bytes[p++] = (encoded1 << 2) | (encoded2 >> 4);\n        bytes[p++] = ((encoded2 & 15) << 4) | (encoded3 >> 2);\n        bytes[p++] = ((encoded3 & 3) << 6) | (encoded4 & 63);\n    }\n    return arraybuffer;\n};\n", "import { ERROR_PACKET, PACKET_TYPES_REVERSE, } from \"./commons.js\";\nimport { decode } from \"./contrib/base64-arraybuffer.js\";\nconst withNativeArrayBuffer = typeof ArrayBuffer === \"function\";\nexport const decodePacket = (encodedPacket, binaryType) => {\n    if (typeof encodedPacket !== \"string\") {\n        return {\n            type: \"message\",\n            data: mapBinary(encodedPacket, binaryType),\n        };\n    }\n    const type = encodedPacket.charAt(0);\n    if (type === \"b\") {\n        return {\n            type: \"message\",\n            data: decodeBase64Packet(encodedPacket.substring(1), binaryType),\n        };\n    }\n    const packetType = PACKET_TYPES_REVERSE[type];\n    if (!packetType) {\n        return ERROR_PACKET;\n    }\n    return encodedPacket.length > 1\n        ? {\n            type: PACKET_TYPES_REVERSE[type],\n            data: encodedPacket.substring(1),\n        }\n        : {\n            type: PACKET_TYPES_REVERSE[type],\n        };\n};\nconst decodeBase64Packet = (data, binaryType) => {\n    if (withNativeArrayBuffer) {\n        const decoded = decode(data);\n        return mapBinary(decoded, binaryType);\n    }\n    else {\n        return { base64: true, data }; // fallback for old browsers\n    }\n};\nconst mapBinary = (data, binaryType) => {\n    switch (binaryType) {\n        case \"blob\":\n            if (data instanceof Blob) {\n                // from WebSocket + binaryType \"blob\"\n                return data;\n            }\n            else {\n                // from HTTP long-polling or WebTransport\n                return new Blob([data]);\n            }\n        case \"arraybuffer\":\n        default:\n            if (data instanceof ArrayBuffer) {\n                // from HTTP long-polling (base64) or WebSocket + binaryType \"arraybuffer\"\n                return data;\n            }\n            else {\n                // from WebTransport (Uint8Array)\n                return data.buffer;\n            }\n    }\n};\n", "import { encodePacket, encodePacketToBinary } from \"./encodePacket.js\";\nimport { decodePacket } from \"./decodePacket.js\";\nimport { ERROR_PACKET, } from \"./commons.js\";\nconst SEPARATOR = String.fromCharCode(30); // see https://en.wikipedia.org/wiki/Delimiter#ASCII_delimited_text\nconst encodePayload = (packets, callback) => {\n    // some packets may be added to the array while encoding, so the initial length must be saved\n    const length = packets.length;\n    const encodedPackets = new Array(length);\n    let count = 0;\n    packets.forEach((packet, i) => {\n        // force base64 encoding for binary packets\n        encodePacket(packet, false, (encodedPacket) => {\n            encodedPackets[i] = encodedPacket;\n            if (++count === length) {\n                callback(encodedPackets.join(SEPARATOR));\n            }\n        });\n    });\n};\nconst decodePayload = (encodedPayload, binaryType) => {\n    const encodedPackets = encodedPayload.split(SEPARATOR);\n    const packets = [];\n    for (let i = 0; i < encodedPackets.length; i++) {\n        const decodedPacket = decodePacket(encodedPackets[i], binaryType);\n        packets.push(decodedPacket);\n        if (decodedPacket.type === \"error\") {\n            break;\n        }\n    }\n    return packets;\n};\nexport function createPacketEncoderStream() {\n    return new TransformStream({\n        transform(packet, controller) {\n            encodePacketToBinary(packet, (encodedPacket) => {\n                const payloadLength = encodedPacket.length;\n                let header;\n                // inspired by the WebSocket format: https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API/Writing_WebSocket_servers#decoding_payload_length\n                if (payloadLength < 126) {\n                    header = new Uint8Array(1);\n                    new DataView(header.buffer).setUint8(0, payloadLength);\n                }\n                else if (payloadLength < 65536) {\n                    header = new Uint8Array(3);\n                    const view = new DataView(header.buffer);\n                    view.setUint8(0, 126);\n                    view.setUint16(1, payloadLength);\n                }\n                else {\n                    header = new Uint8Array(9);\n                    const view = new DataView(header.buffer);\n                    view.setUint8(0, 127);\n                    view.setBigUint64(1, BigInt(payloadLength));\n                }\n                // first bit indicates whether the payload is plain text (0) or binary (1)\n                if (packet.data && typeof packet.data !== \"string\") {\n                    header[0] |= 0x80;\n                }\n                controller.enqueue(header);\n                controller.enqueue(encodedPacket);\n            });\n        },\n    });\n}\nlet TEXT_DECODER;\nfunction totalLength(chunks) {\n    return chunks.reduce((acc, chunk) => acc + chunk.length, 0);\n}\nfunction concatChunks(chunks, size) {\n    if (chunks[0].length === size) {\n        return chunks.shift();\n    }\n    const buffer = new Uint8Array(size);\n    let j = 0;\n    for (let i = 0; i < size; i++) {\n        buffer[i] = chunks[0][j++];\n        if (j === chunks[0].length) {\n            chunks.shift();\n            j = 0;\n        }\n    }\n    if (chunks.length && j < chunks[0].length) {\n        chunks[0] = chunks[0].slice(j);\n    }\n    return buffer;\n}\nexport function createPacketDecoderStream(maxPayload, binaryType) {\n    if (!TEXT_DECODER) {\n        TEXT_DECODER = new TextDecoder();\n    }\n    const chunks = [];\n    let state = 0 /* State.READ_HEADER */;\n    let expectedLength = -1;\n    let isBinary = false;\n    return new TransformStream({\n        transform(chunk, controller) {\n            chunks.push(chunk);\n            while (true) {\n                if (state === 0 /* State.READ_HEADER */) {\n                    if (totalLength(chunks) < 1) {\n                        break;\n                    }\n                    const header = concatChunks(chunks, 1);\n                    isBinary = (header[0] & 0x80) === 0x80;\n                    expectedLength = header[0] & 0x7f;\n                    if (expectedLength < 126) {\n                        state = 3 /* State.READ_PAYLOAD */;\n                    }\n                    else if (expectedLength === 126) {\n                        state = 1 /* State.READ_EXTENDED_LENGTH_16 */;\n                    }\n                    else {\n                        state = 2 /* State.READ_EXTENDED_LENGTH_64 */;\n                    }\n                }\n                else if (state === 1 /* State.READ_EXTENDED_LENGTH_16 */) {\n                    if (totalLength(chunks) < 2) {\n                        break;\n                    }\n                    const headerArray = concatChunks(chunks, 2);\n                    expectedLength = new DataView(headerArray.buffer, headerArray.byteOffset, headerArray.length).getUint16(0);\n                    state = 3 /* State.READ_PAYLOAD */;\n                }\n                else if (state === 2 /* State.READ_EXTENDED_LENGTH_64 */) {\n                    if (totalLength(chunks) < 8) {\n                        break;\n                    }\n                    const headerArray = concatChunks(chunks, 8);\n                    const view = new DataView(headerArray.buffer, headerArray.byteOffset, headerArray.length);\n                    const n = view.getUint32(0);\n                    if (n > Math.pow(2, 53 - 32) - 1) {\n                        // the maximum safe integer in JavaScript is 2^53 - 1\n                        controller.enqueue(ERROR_PACKET);\n                        break;\n                    }\n                    expectedLength = n * Math.pow(2, 32) + view.getUint32(4);\n                    state = 3 /* State.READ_PAYLOAD */;\n                }\n                else {\n                    if (totalLength(chunks) < expectedLength) {\n                        break;\n                    }\n                    const data = concatChunks(chunks, expectedLength);\n                    controller.enqueue(decodePacket(isBinary ? data : TEXT_DECODER.decode(data), binaryType));\n                    state = 0 /* State.READ_HEADER */;\n                }\n                if (expectedLength === 0 || expectedLength > maxPayload) {\n                    controller.enqueue(ERROR_PACKET);\n                    break;\n                }\n            }\n        },\n    });\n}\nexport const protocol = 4;\nexport { encodePacket, encodePayload, decodePacket, decodePayload, };\n", "/**\n * Initialize a new `Emitter`.\n *\n * @api public\n */\n\nexport function Emitter(obj) {\n  if (obj) return mixin(obj);\n}\n\n/**\n * Mixin the emitter properties.\n *\n * @param {Object} obj\n * @return {Object}\n * @api private\n */\n\nfunction mixin(obj) {\n  for (var key in Emitter.prototype) {\n    obj[key] = Emitter.prototype[key];\n  }\n  return obj;\n}\n\n/**\n * Listen on the given `event` with `fn`.\n *\n * @param {String} event\n * @param {Function} fn\n * @return {Emitter}\n * @api public\n */\n\nEmitter.prototype.on =\nEmitter.prototype.addEventListener = function(event, fn){\n  this._callbacks = this._callbacks || {};\n  (this._callbacks['$' + event] = this._callbacks['$' + event] || [])\n    .push(fn);\n  return this;\n};\n\n/**\n * Adds an `event` listener that will be invoked a single\n * time then automatically removed.\n *\n * @param {String} event\n * @param {Function} fn\n * @return {Emitter}\n * @api public\n */\n\nEmitter.prototype.once = function(event, fn){\n  function on() {\n    this.off(event, on);\n    fn.apply(this, arguments);\n  }\n\n  on.fn = fn;\n  this.on(event, on);\n  return this;\n};\n\n/**\n * Remove the given callback for `event` or all\n * registered callbacks.\n *\n * @param {String} event\n * @param {Function} fn\n * @return {Emitter}\n * @api public\n */\n\nEmitter.prototype.off =\nEmitter.prototype.removeListener =\nEmitter.prototype.removeAllListeners =\nEmitter.prototype.removeEventListener = function(event, fn){\n  this._callbacks = this._callbacks || {};\n\n  // all\n  if (0 == arguments.length) {\n    this._callbacks = {};\n    return this;\n  }\n\n  // specific event\n  var callbacks = this._callbacks['$' + event];\n  if (!callbacks) return this;\n\n  // remove all handlers\n  if (1 == arguments.length) {\n    delete this._callbacks['$' + event];\n    return this;\n  }\n\n  // remove specific handler\n  var cb;\n  for (var i = 0; i < callbacks.length; i++) {\n    cb = callbacks[i];\n    if (cb === fn || cb.fn === fn) {\n      callbacks.splice(i, 1);\n      break;\n    }\n  }\n\n  // Remove event specific arrays for event types that no\n  // one is subscribed for to avoid memory leak.\n  if (callbacks.length === 0) {\n    delete this._callbacks['$' + event];\n  }\n\n  return this;\n};\n\n/**\n * Emit `event` with the given args.\n *\n * @param {String} event\n * @param {Mixed} ...\n * @return {Emitter}\n */\n\nEmitter.prototype.emit = function(event){\n  this._callbacks = this._callbacks || {};\n\n  var args = new Array(arguments.length - 1)\n    , callbacks = this._callbacks['$' + event];\n\n  for (var i = 1; i < arguments.length; i++) {\n    args[i - 1] = arguments[i];\n  }\n\n  if (callbacks) {\n    callbacks = callbacks.slice(0);\n    for (var i = 0, len = callbacks.length; i < len; ++i) {\n      callbacks[i].apply(this, args);\n    }\n  }\n\n  return this;\n};\n\n// alias used for reserved events (protected method)\nEmitter.prototype.emitReserved = Emitter.prototype.emit;\n\n/**\n * Return array of callbacks for `event`.\n *\n * @param {String} event\n * @return {Array}\n * @api public\n */\n\nEmitter.prototype.listeners = function(event){\n  this._callbacks = this._callbacks || {};\n  return this._callbacks['$' + event] || [];\n};\n\n/**\n * Check if this emitter has `event` handlers.\n *\n * @param {String} event\n * @return {Boolean}\n * @api public\n */\n\nEmitter.prototype.hasListeners = function(event){\n  return !! this.listeners(event).length;\n};\n", "export const globalThisShim = (() => {\n    if (typeof self !== \"undefined\") {\n        return self;\n    }\n    else if (typeof window !== \"undefined\") {\n        return window;\n    }\n    else {\n        return Function(\"return this\")();\n    }\n})();\n", "import { globalThisShim as globalThis } from \"./globalThis.js\";\nexport function pick(obj, ...attr) {\n    return attr.reduce((acc, k) => {\n        if (obj.hasOwnProperty(k)) {\n            acc[k] = obj[k];\n        }\n        return acc;\n    }, {});\n}\n// Keep a reference to the real timeout functions so they can be used when overridden\nconst NATIVE_SET_TIMEOUT = globalThis.setTimeout;\nconst NATIVE_CLEAR_TIMEOUT = globalThis.clearTimeout;\nexport function installTimerFunctions(obj, opts) {\n    if (opts.useNativeTimers) {\n        obj.setTimeoutFn = NATIVE_SET_TIMEOUT.bind(globalThis);\n        obj.clearTimeoutFn = NATIVE_CLEAR_TIMEOUT.bind(globalThis);\n    }\n    else {\n        obj.setTimeoutFn = globalThis.setTimeout.bind(globalThis);\n        obj.clearTimeoutFn = globalThis.clearTimeout.bind(globalThis);\n    }\n}\n// base64 encoded buffers are about 33% bigger (https://en.wikipedia.org/wiki/Base64)\nconst BASE64_OVERHEAD = 1.33;\n// we could also have used `new Blob([obj]).size`, but it isn't supported in IE9\nexport function byteLength(obj) {\n    if (typeof obj === \"string\") {\n        return utf8Length(obj);\n    }\n    // arraybuffer or blob\n    return Math.ceil((obj.byteLength || obj.size) * BASE64_OVERHEAD);\n}\nfunction utf8Length(str) {\n    let c = 0, length = 0;\n    for (let i = 0, l = str.length; i < l; i++) {\n        c = str.charCodeAt(i);\n        if (c < 0x80) {\n            length += 1;\n        }\n        else if (c < 0x800) {\n            length += 2;\n        }\n        else if (c < 0xd800 || c >= 0xe000) {\n            length += 3;\n        }\n        else {\n            i++;\n            length += 4;\n        }\n    }\n    return length;\n}\n", "// imported from https://github.com/galkn/querystring\n/**\n * Compiles a querystring\n * Returns string representation of the object\n *\n * @param {Object}\n * @api private\n */\nexport function encode(obj) {\n    let str = '';\n    for (let i in obj) {\n        if (obj.hasOwnProperty(i)) {\n            if (str.length)\n                str += '&';\n            str += encodeURIComponent(i) + '=' + encodeURIComponent(obj[i]);\n        }\n    }\n    return str;\n}\n/**\n * Parses a simple querystring into an object\n *\n * @param {String} qs\n * @api private\n */\nexport function decode(qs) {\n    let qry = {};\n    let pairs = qs.split('&');\n    for (let i = 0, l = pairs.length; i < l; i++) {\n        let pair = pairs[i].split('=');\n        qry[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1]);\n    }\n    return qry;\n}\n", "import { decodePacket } from \"engine.io-parser\";\nimport { Emitter } from \"@socket.io/component-emitter\";\nimport { installTimerFunctions } from \"./util.js\";\nimport { encode } from \"./contrib/parseqs.js\";\nexport class TransportError extends Error {\n    constructor(reason, description, context) {\n        super(reason);\n        this.description = description;\n        this.context = context;\n        this.type = \"TransportError\";\n    }\n}\nexport class Transport extends Emitter {\n    /**\n     * Transport abstract constructor.\n     *\n     * @param {Object} opts - options\n     * @protected\n     */\n    constructor(opts) {\n        super();\n        this.writable = false;\n        installTimerFunctions(this, opts);\n        this.opts = opts;\n        this.query = opts.query;\n        this.socket = opts.socket;\n    }\n    /**\n     * Emits an error.\n     *\n     * @param {String} reason\n     * @param description\n     * @param context - the error context\n     * @return {Transport} for chaining\n     * @protected\n     */\n    onError(reason, description, context) {\n        super.emitReserved(\"error\", new TransportError(reason, description, context));\n        return this;\n    }\n    /**\n     * Opens the transport.\n     */\n    open() {\n        this.readyState = \"opening\";\n        this.doOpen();\n        return this;\n    }\n    /**\n     * Closes the transport.\n     */\n    close() {\n        if (this.readyState === \"opening\" || this.readyState === \"open\") {\n            this.doClose();\n            this.onClose();\n        }\n        return this;\n    }\n    /**\n     * Sends multiple packets.\n     *\n     * @param {Array} packets\n     */\n    send(packets) {\n        if (this.readyState === \"open\") {\n            this.write(packets);\n        }\n        else {\n            // this might happen if the transport was silently closed in the beforeunload event handler\n        }\n    }\n    /**\n     * Called upon open\n     *\n     * @protected\n     */\n    onOpen() {\n        this.readyState = \"open\";\n        this.writable = true;\n        super.emitReserved(\"open\");\n    }\n    /**\n     * Called with data.\n     *\n     * @param {String} data\n     * @protected\n     */\n    onData(data) {\n        const packet = decodePacket(data, this.socket.binaryType);\n        this.onPacket(packet);\n    }\n    /**\n     * Called with a decoded packet.\n     *\n     * @protected\n     */\n    onPacket(packet) {\n        super.emitReserved(\"packet\", packet);\n    }\n    /**\n     * Called upon close.\n     *\n     * @protected\n     */\n    onClose(details) {\n        this.readyState = \"closed\";\n        super.emitReserved(\"close\", details);\n    }\n    /**\n     * Pauses the transport, in order not to lose packets during an upgrade.\n     *\n     * @param onPause\n     */\n    pause(onPause) { }\n    createUri(schema, query = {}) {\n        return (schema +\n            \"://\" +\n            this._hostname() +\n            this._port() +\n            this.opts.path +\n            this._query(query));\n    }\n    _hostname() {\n        const hostname = this.opts.hostname;\n        return hostname.indexOf(\":\") === -1 ? hostname : \"[\" + hostname + \"]\";\n    }\n    _port() {\n        if (this.opts.port &&\n            ((this.opts.secure && Number(this.opts.port !== 443)) ||\n                (!this.opts.secure && Number(this.opts.port) !== 80))) {\n            return \":\" + this.opts.port;\n        }\n        else {\n            return \"\";\n        }\n    }\n    _query(query) {\n        const encodedQuery = encode(query);\n        return encodedQuery.length ? \"?\" + encodedQuery : \"\";\n    }\n}\n", "// imported from https://github.com/unshiftio/yeast\n'use strict';\nconst alphabet = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz-_'.split(''), length = 64, map = {};\nlet seed = 0, i = 0, prev;\n/**\n * Return a string representing the specified number.\n *\n * @param {Number} num The number to convert.\n * @returns {String} The string representation of the number.\n * @api public\n */\nexport function encode(num) {\n    let encoded = '';\n    do {\n        encoded = alphabet[num % length] + encoded;\n        num = Math.floor(num / length);\n    } while (num > 0);\n    return encoded;\n}\n/**\n * Return the integer value specified by the given string.\n *\n * @param {String} str The string to convert.\n * @returns {Number} The integer value represented by the string.\n * @api public\n */\nexport function decode(str) {\n    let decoded = 0;\n    for (i = 0; i < str.length; i++) {\n        decoded = decoded * length + map[str.charAt(i)];\n    }\n    return decoded;\n}\n/**\n * Yeast: A tiny growing id generator.\n *\n * @returns {String} A unique id.\n * @api public\n */\nexport function yeast() {\n    const now = encode(+new Date());\n    if (now !== prev)\n        return seed = 0, prev = now;\n    return now + '.' + encode(seed++);\n}\n//\n// Map each character to its index.\n//\nfor (; i < length; i++)\n    map[alphabet[i]] = i;\n", "// imported from https://github.com/component/has-cors\nlet value = false;\ntry {\n    value = typeof XMLHttpRequest !== 'undefined' &&\n        'withCredentials' in new XMLHttpRequest();\n}\ncatch (err) {\n    // if XMLHttp support is disabled in IE then it will throw\n    // when trying to create\n}\nexport const hasCORS = value;\n", "// browser shim for xmlhttprequest module\nimport { hasCORS } from \"../contrib/has-cors.js\";\nimport { globalThisShim as globalThis } from \"../globalThis.js\";\nexport function XHR(opts) {\n    const xdomain = opts.xdomain;\n    // XMLHttpRequest can be disabled on IE\n    try {\n        if (\"undefined\" !== typeof XMLHttpRequest && (!xdomain || hasCORS)) {\n            return new XMLHttpRequest();\n        }\n    }\n    catch (e) { }\n    if (!xdomain) {\n        try {\n            return new globalThis[[\"Active\"].concat(\"Object\").join(\"X\")](\"Microsoft.XMLHTTP\");\n        }\n        catch (e) { }\n    }\n}\nexport function createCookieJar() { }\n", "import { Transport } from \"../transport.js\";\nimport { yeast } from \"../contrib/yeast.js\";\nimport { encodePayload, decodePayload } from \"engine.io-parser\";\nimport { createCookieJar, XHR as XMLHttpRequest, } from \"./xmlhttprequest.js\";\nimport { Emitter } from \"@socket.io/component-emitter\";\nimport { installTimerFunctions, pick } from \"../util.js\";\nimport { globalThisShim as globalThis } from \"../globalThis.js\";\nfunction empty() { }\nconst hasXHR2 = (function () {\n    const xhr = new XMLHttpRequest({\n        xdomain: false,\n    });\n    return null != xhr.responseType;\n})();\nexport class Polling extends Transport {\n    /**\n     * XHR Polling constructor.\n     *\n     * @param {Object} opts\n     * @package\n     */\n    constructor(opts) {\n        super(opts);\n        this.polling = false;\n        if (typeof location !== \"undefined\") {\n            const isSSL = \"https:\" === location.protocol;\n            let port = location.port;\n            // some user agents have empty `location.port`\n            if (!port) {\n                port = isSSL ? \"443\" : \"80\";\n            }\n            this.xd =\n                (typeof location !== \"undefined\" &&\n                    opts.hostname !== location.hostname) ||\n                    port !== opts.port;\n        }\n        /**\n         * XHR supports binary\n         */\n        const forceBase64 = opts && opts.forceBase64;\n        this.supportsBinary = hasXHR2 && !forceBase64;\n        if (this.opts.withCredentials) {\n            this.cookieJar = createCookieJar();\n        }\n    }\n    get name() {\n        return \"polling\";\n    }\n    /**\n     * Opens the socket (triggers polling). We write a PING message to determine\n     * when the transport is open.\n     *\n     * @protected\n     */\n    doOpen() {\n        this.poll();\n    }\n    /**\n     * Pauses polling.\n     *\n     * @param {Function} onPause - callback upon buffers are flushed and transport is paused\n     * @package\n     */\n    pause(onPause) {\n        this.readyState = \"pausing\";\n        const pause = () => {\n            this.readyState = \"paused\";\n            onPause();\n        };\n        if (this.polling || !this.writable) {\n            let total = 0;\n            if (this.polling) {\n                total++;\n                this.once(\"pollComplete\", function () {\n                    --total || pause();\n                });\n            }\n            if (!this.writable) {\n                total++;\n                this.once(\"drain\", function () {\n                    --total || pause();\n                });\n            }\n        }\n        else {\n            pause();\n        }\n    }\n    /**\n     * Starts polling cycle.\n     *\n     * @private\n     */\n    poll() {\n        this.polling = true;\n        this.doPoll();\n        this.emitReserved(\"poll\");\n    }\n    /**\n     * Overloads onData to detect payloads.\n     *\n     * @protected\n     */\n    onData(data) {\n        const callback = (packet) => {\n            // if its the first message we consider the transport open\n            if (\"opening\" === this.readyState && packet.type === \"open\") {\n                this.onOpen();\n            }\n            // if its a close packet, we close the ongoing requests\n            if (\"close\" === packet.type) {\n                this.onClose({ description: \"transport closed by the server\" });\n                return false;\n            }\n            // otherwise bypass onData and handle the message\n            this.onPacket(packet);\n        };\n        // decode payload\n        decodePayload(data, this.socket.binaryType).forEach(callback);\n        // if an event did not trigger closing\n        if (\"closed\" !== this.readyState) {\n            // if we got data we're not polling\n            this.polling = false;\n            this.emitReserved(\"pollComplete\");\n            if (\"open\" === this.readyState) {\n                this.poll();\n            }\n            else {\n            }\n        }\n    }\n    /**\n     * For polling, send a close packet.\n     *\n     * @protected\n     */\n    doClose() {\n        const close = () => {\n            this.write([{ type: \"close\" }]);\n        };\n        if (\"open\" === this.readyState) {\n            close();\n        }\n        else {\n            // in case we're trying to close while\n            // handshaking is in progress (GH-164)\n            this.once(\"open\", close);\n        }\n    }\n    /**\n     * Writes a packets payload.\n     *\n     * @param {Array} packets - data packets\n     * @protected\n     */\n    write(packets) {\n        this.writable = false;\n        encodePayload(packets, (data) => {\n            this.doWrite(data, () => {\n                this.writable = true;\n                this.emitReserved(\"drain\");\n            });\n        });\n    }\n    /**\n     * Generates uri for connection.\n     *\n     * @private\n     */\n    uri() {\n        const schema = this.opts.secure ? \"https\" : \"http\";\n        const query = this.query || {};\n        // cache busting is forced\n        if (false !== this.opts.timestampRequests) {\n            query[this.opts.timestampParam] = yeast();\n        }\n        if (!this.supportsBinary && !query.sid) {\n            query.b64 = 1;\n        }\n        return this.createUri(schema, query);\n    }\n    /**\n     * Creates a request.\n     *\n     * @param {String} method\n     * @private\n     */\n    request(opts = {}) {\n        Object.assign(opts, { xd: this.xd, cookieJar: this.cookieJar }, this.opts);\n        return new Request(this.uri(), opts);\n    }\n    /**\n     * Sends data.\n     *\n     * @param {String} data to send.\n     * @param {Function} called upon flush.\n     * @private\n     */\n    doWrite(data, fn) {\n        const req = this.request({\n            method: \"POST\",\n            data: data,\n        });\n        req.on(\"success\", fn);\n        req.on(\"error\", (xhrStatus, context) => {\n            this.onError(\"xhr post error\", xhrStatus, context);\n        });\n    }\n    /**\n     * Starts a poll cycle.\n     *\n     * @private\n     */\n    doPoll() {\n        const req = this.request();\n        req.on(\"data\", this.onData.bind(this));\n        req.on(\"error\", (xhrStatus, context) => {\n            this.onError(\"xhr poll error\", xhrStatus, context);\n        });\n        this.pollXhr = req;\n    }\n}\nexport class Request extends Emitter {\n    /**\n     * Request constructor\n     *\n     * @param {Object} options\n     * @package\n     */\n    constructor(uri, opts) {\n        super();\n        installTimerFunctions(this, opts);\n        this.opts = opts;\n        this.method = opts.method || \"GET\";\n        this.uri = uri;\n        this.data = undefined !== opts.data ? opts.data : null;\n        this.create();\n    }\n    /**\n     * Creates the XHR object and sends the request.\n     *\n     * @private\n     */\n    create() {\n        var _a;\n        const opts = pick(this.opts, \"agent\", \"pfx\", \"key\", \"passphrase\", \"cert\", \"ca\", \"ciphers\", \"rejectUnauthorized\", \"autoUnref\");\n        opts.xdomain = !!this.opts.xd;\n        const xhr = (this.xhr = new XMLHttpRequest(opts));\n        try {\n            xhr.open(this.method, this.uri, true);\n            try {\n                if (this.opts.extraHeaders) {\n                    xhr.setDisableHeaderCheck && xhr.setDisableHeaderCheck(true);\n                    for (let i in this.opts.extraHeaders) {\n                        if (this.opts.extraHeaders.hasOwnProperty(i)) {\n                            xhr.setRequestHeader(i, this.opts.extraHeaders[i]);\n                        }\n                    }\n                }\n            }\n            catch (e) { }\n            if (\"POST\" === this.method) {\n                try {\n                    xhr.setRequestHeader(\"Content-type\", \"text/plain;charset=UTF-8\");\n                }\n                catch (e) { }\n            }\n            try {\n                xhr.setRequestHeader(\"Accept\", \"*/*\");\n            }\n            catch (e) { }\n            (_a = this.opts.cookieJar) === null || _a === void 0 ? void 0 : _a.addCookies(xhr);\n            // ie6 check\n            if (\"withCredentials\" in xhr) {\n                xhr.withCredentials = this.opts.withCredentials;\n            }\n            if (this.opts.requestTimeout) {\n                xhr.timeout = this.opts.requestTimeout;\n            }\n            xhr.onreadystatechange = () => {\n                var _a;\n                if (xhr.readyState === 3) {\n                    (_a = this.opts.cookieJar) === null || _a === void 0 ? void 0 : _a.parseCookies(xhr);\n                }\n                if (4 !== xhr.readyState)\n                    return;\n                if (200 === xhr.status || 1223 === xhr.status) {\n                    this.onLoad();\n                }\n                else {\n                    // make sure the `error` event handler that's user-set\n                    // does not throw in the same tick and gets caught here\n                    this.setTimeoutFn(() => {\n                        this.onError(typeof xhr.status === \"number\" ? xhr.status : 0);\n                    }, 0);\n                }\n            };\n            xhr.send(this.data);\n        }\n        catch (e) {\n            // Need to defer since .create() is called directly from the constructor\n            // and thus the 'error' event can only be only bound *after* this exception\n            // occurs.  Therefore, also, we cannot throw here at all.\n            this.setTimeoutFn(() => {\n                this.onError(e);\n            }, 0);\n            return;\n        }\n        if (typeof document !== \"undefined\") {\n            this.index = Request.requestsCount++;\n            Request.requests[this.index] = this;\n        }\n    }\n    /**\n     * Called upon error.\n     *\n     * @private\n     */\n    onError(err) {\n        this.emitReserved(\"error\", err, this.xhr);\n        this.cleanup(true);\n    }\n    /**\n     * Cleans up house.\n     *\n     * @private\n     */\n    cleanup(fromError) {\n        if (\"undefined\" === typeof this.xhr || null === this.xhr) {\n            return;\n        }\n        this.xhr.onreadystatechange = empty;\n        if (fromError) {\n            try {\n                this.xhr.abort();\n            }\n            catch (e) { }\n        }\n        if (typeof document !== \"undefined\") {\n            delete Request.requests[this.index];\n        }\n        this.xhr = null;\n    }\n    /**\n     * Called upon load.\n     *\n     * @private\n     */\n    onLoad() {\n        const data = this.xhr.responseText;\n        if (data !== null) {\n            this.emitReserved(\"data\", data);\n            this.emitReserved(\"success\");\n            this.cleanup();\n        }\n    }\n    /**\n     * Aborts the request.\n     *\n     * @package\n     */\n    abort() {\n        this.cleanup();\n    }\n}\nRequest.requestsCount = 0;\nRequest.requests = {};\n/**\n * Aborts pending requests when unloading the window. This is needed to prevent\n * memory leaks (e.g. when using IE) and to ensure that no spurious error is\n * emitted.\n */\nif (typeof document !== \"undefined\") {\n    // @ts-ignore\n    if (typeof attachEvent === \"function\") {\n        // @ts-ignore\n        attachEvent(\"onunload\", unloadHandler);\n    }\n    else if (typeof addEventListener === \"function\") {\n        const terminationEvent = \"onpagehide\" in globalThis ? \"pagehide\" : \"unload\";\n        addEventListener(terminationEvent, unloadHandler, false);\n    }\n}\nfunction unloadHandler() {\n    for (let i in Request.requests) {\n        if (Request.requests.hasOwnProperty(i)) {\n            Request.requests[i].abort();\n        }\n    }\n}\n", "import { globalThisShim as globalThis } from \"../globalThis.js\";\nexport const nextTick = (() => {\n    const isPromiseAvailable = typeof Promise === \"function\" && typeof Promise.resolve === \"function\";\n    if (isPromiseAvailable) {\n        return (cb) => Promise.resolve().then(cb);\n    }\n    else {\n        return (cb, setTimeoutFn) => setTimeoutFn(cb, 0);\n    }\n})();\nexport const WebSocket = globalThis.WebSocket || globalThis.MozWebSocket;\nexport const usingBrowserWebSocket = true;\nexport const defaultBinaryType = \"arraybuffer\";\n", "import { Transport } from \"../transport.js\";\nimport { yeast } from \"../contrib/yeast.js\";\nimport { pick } from \"../util.js\";\nimport { nextTick, usingBrowserWebSocket, WebSocket, } from \"./websocket-constructor.js\";\nimport { encodePacket } from \"engine.io-parser\";\n// detect ReactNative environment\nconst isReactNative = typeof navigator !== \"undefined\" &&\n    typeof navigator.product === \"string\" &&\n    navigator.product.toLowerCase() === \"reactnative\";\nexport class WS extends Transport {\n    /**\n     * WebSocket transport constructor.\n     *\n     * @param {Object} opts - connection options\n     * @protected\n     */\n    constructor(opts) {\n        super(opts);\n        this.supportsBinary = !opts.forceBase64;\n    }\n    get name() {\n        return \"websocket\";\n    }\n    doOpen() {\n        if (!this.check()) {\n            // let probe timeout\n            return;\n        }\n        const uri = this.uri();\n        const protocols = this.opts.protocols;\n        // React Native only supports the 'headers' option, and will print a warning if anything else is passed\n        const opts = isReactNative\n            ? {}\n            : pick(this.opts, \"agent\", \"perMessageDeflate\", \"pfx\", \"key\", \"passphrase\", \"cert\", \"ca\", \"ciphers\", \"rejectUnauthorized\", \"localAddress\", \"protocolVersion\", \"origin\", \"maxPayload\", \"family\", \"checkServerIdentity\");\n        if (this.opts.extraHeaders) {\n            opts.headers = this.opts.extraHeaders;\n        }\n        try {\n            this.ws =\n                usingBrowserWebSocket && !isReactNative\n                    ? protocols\n                        ? new WebSocket(uri, protocols)\n                        : new WebSocket(uri)\n                    : new WebSocket(uri, protocols, opts);\n        }\n        catch (err) {\n            return this.emitReserved(\"error\", err);\n        }\n        this.ws.binaryType = this.socket.binaryType;\n        this.addEventListeners();\n    }\n    /**\n     * Adds event listeners to the socket\n     *\n     * @private\n     */\n    addEventListeners() {\n        this.ws.onopen = () => {\n            if (this.opts.autoUnref) {\n                this.ws._socket.unref();\n            }\n            this.onOpen();\n        };\n        this.ws.onclose = (closeEvent) => this.onClose({\n            description: \"websocket connection closed\",\n            context: closeEvent,\n        });\n        this.ws.onmessage = (ev) => this.onData(ev.data);\n        this.ws.onerror = (e) => this.onError(\"websocket error\", e);\n    }\n    write(packets) {\n        this.writable = false;\n        // encodePacket efficient as it uses WS framing\n        // no need for encodePayload\n        for (let i = 0; i < packets.length; i++) {\n            const packet = packets[i];\n            const lastPacket = i === packets.length - 1;\n            encodePacket(packet, this.supportsBinary, (data) => {\n                // always create a new object (GH-437)\n                const opts = {};\n                if (!usingBrowserWebSocket) {\n                    if (packet.options) {\n                        opts.compress = packet.options.compress;\n                    }\n                    if (this.opts.perMessageDeflate) {\n                        const len = \n                        // @ts-ignore\n                        \"string\" === typeof data ? Buffer.byteLength(data) : data.length;\n                        if (len < this.opts.perMessageDeflate.threshold) {\n                            opts.compress = false;\n                        }\n                    }\n                }\n                // Sometimes the websocket has already been closed but the browser didn't\n                // have a chance of informing us about it yet, in that case send will\n                // throw an error\n                try {\n                    if (usingBrowserWebSocket) {\n                        // TypeError is thrown when passing the second argument on Safari\n                        this.ws.send(data);\n                    }\n                    else {\n                        this.ws.send(data, opts);\n                    }\n                }\n                catch (e) {\n                }\n                if (lastPacket) {\n                    // fake drain\n                    // defer to next tick to allow Socket to clear writeBuffer\n                    nextTick(() => {\n                        this.writable = true;\n                        this.emitReserved(\"drain\");\n                    }, this.setTimeoutFn);\n                }\n            });\n        }\n    }\n    doClose() {\n        if (typeof this.ws !== \"undefined\") {\n            this.ws.close();\n            this.ws = null;\n        }\n    }\n    /**\n     * Generates uri for connection.\n     *\n     * @private\n     */\n    uri() {\n        const schema = this.opts.secure ? \"wss\" : \"ws\";\n        const query = this.query || {};\n        // append timestamp to URI\n        if (this.opts.timestampRequests) {\n            query[this.opts.timestampParam] = yeast();\n        }\n        // communicate binary support capabilities\n        if (!this.supportsBinary) {\n            query.b64 = 1;\n        }\n        return this.createUri(schema, query);\n    }\n    /**\n     * Feature detection for WebSocket.\n     *\n     * @return {Boolean} whether this transport is available.\n     * @private\n     */\n    check() {\n        return !!WebSocket;\n    }\n}\n", "import { Transport } from \"../transport.js\";\nimport { nextTick } from \"./websocket-constructor.js\";\nimport { createPacketDecoderStream, createPacketEncoderStream, } from \"engine.io-parser\";\nexport class WT extends Transport {\n    get name() {\n        return \"webtransport\";\n    }\n    doOpen() {\n        // @ts-ignore\n        if (typeof WebTransport !== \"function\") {\n            return;\n        }\n        // @ts-ignore\n        this.transport = new WebTransport(this.createUri(\"https\"), this.opts.transportOptions[this.name]);\n        this.transport.closed\n            .then(() => {\n            this.onClose();\n        })\n            .catch((err) => {\n            this.onError(\"webtransport error\", err);\n        });\n        // note: we could have used async/await, but that would require some additional polyfills\n        this.transport.ready.then(() => {\n            this.transport.createBidirectionalStream().then((stream) => {\n                const decoderStream = createPacketDecoderStream(Number.MAX_SAFE_INTEGER, this.socket.binaryType);\n                const reader = stream.readable.pipeThrough(decoderStream).getReader();\n                const encoderStream = createPacketEncoderStream();\n                encoderStream.readable.pipeTo(stream.writable);\n                this.writer = encoderStream.writable.getWriter();\n                const read = () => {\n                    reader\n                        .read()\n                        .then(({ done, value }) => {\n                        if (done) {\n                            return;\n                        }\n                        this.onPacket(value);\n                        read();\n                    })\n                        .catch((err) => {\n                    });\n                };\n                read();\n                const packet = { type: \"open\" };\n                if (this.query.sid) {\n                    packet.data = `{\"sid\":\"${this.query.sid}\"}`;\n                }\n                this.writer.write(packet).then(() => this.onOpen());\n            });\n        });\n    }\n    write(packets) {\n        this.writable = false;\n        for (let i = 0; i < packets.length; i++) {\n            const packet = packets[i];\n            const lastPacket = i === packets.length - 1;\n            this.writer.write(packet).then(() => {\n                if (lastPacket) {\n                    nextTick(() => {\n                        this.writable = true;\n                        this.emitReserved(\"drain\");\n                    }, this.setTimeoutFn);\n                }\n            });\n        }\n    }\n    doClose() {\n        var _a;\n        (_a = this.transport) === null || _a === void 0 ? void 0 : _a.close();\n    }\n}\n", "import { Polling } from \"./polling.js\";\nimport { WS } from \"./websocket.js\";\nimport { WT } from \"./webtransport.js\";\nexport const transports = {\n    websocket: WS,\n    webtransport: WT,\n    polling: Polling,\n};\n", "// imported from https://github.com/galkn/parseuri\n/**\n * Parses a URI\n *\n * Note: we could also have used the built-in URL object, but it isn't supported on all platforms.\n *\n * See:\n * - https://developer.mozilla.org/en-US/docs/Web/API/URL\n * - https://caniuse.com/url\n * - https://www.rfc-editor.org/rfc/rfc3986#appendix-B\n *\n * History of the parse() method:\n * - first commit: https://github.com/socketio/socket.io-client/commit/4ee1d5d94b3906a9c052b459f1a818b15f38f91c\n * - export into its own module: https://github.com/socketio/engine.io-client/commit/de2c561e4564efeb78f1bdb1ba39ef81b2822cb3\n * - reimport: https://github.com/socketio/engine.io-client/commit/df32277c3f6d622eec5ed09f493cae3f3391d242\n *\n * @author Steven Levithan <stevenlevithan.com> (MIT license)\n * @api private\n */\nconst re = /^(?:(?![^:@\\/?#]+:[^:@\\/]*@)(http|https|ws|wss):\\/\\/)?((?:(([^:@\\/?#]*)(?::([^:@\\/?#]*))?)?@)?((?:[a-f0-9]{0,4}:){2,7}[a-f0-9]{0,4}|[^:\\/?#]*)(?::(\\d*))?)(((\\/(?:[^?#](?![^?#\\/]*\\.[^?#\\/.]+(?:[?#]|$)))*\\/?)?([^?#\\/]*))(?:\\?([^#]*))?(?:#(.*))?)/;\nconst parts = [\n    'source', 'protocol', 'authority', 'userInfo', 'user', 'password', 'host', 'port', 'relative', 'path', 'directory', 'file', 'query', 'anchor'\n];\nexport function parse(str) {\n    if (str.length > 2000) {\n        throw \"URI too long\";\n    }\n    const src = str, b = str.indexOf('['), e = str.indexOf(']');\n    if (b != -1 && e != -1) {\n        str = str.substring(0, b) + str.substring(b, e).replace(/:/g, ';') + str.substring(e, str.length);\n    }\n    let m = re.exec(str || ''), uri = {}, i = 14;\n    while (i--) {\n        uri[parts[i]] = m[i] || '';\n    }\n    if (b != -1 && e != -1) {\n        uri.source = src;\n        uri.host = uri.host.substring(1, uri.host.length - 1).replace(/;/g, ':');\n        uri.authority = uri.authority.replace('[', '').replace(']', '').replace(/;/g, ':');\n        uri.ipv6uri = true;\n    }\n    uri.pathNames = pathNames(uri, uri['path']);\n    uri.queryKey = queryKey(uri, uri['query']);\n    return uri;\n}\nfunction pathNames(obj, path) {\n    const regx = /\\/{2,9}/g, names = path.replace(regx, \"/\").split(\"/\");\n    if (path.slice(0, 1) == '/' || path.length === 0) {\n        names.splice(0, 1);\n    }\n    if (path.slice(-1) == '/') {\n        names.splice(names.length - 1, 1);\n    }\n    return names;\n}\nfunction queryKey(uri, query) {\n    const data = {};\n    query.replace(/(?:^|&)([^&=]*)=?([^&]*)/g, function ($0, $1, $2) {\n        if ($1) {\n            data[$1] = $2;\n        }\n    });\n    return data;\n}\n", "import { transports } from \"./transports/index.js\";\nimport { installTimerFunctions, byteLength } from \"./util.js\";\nimport { decode } from \"./contrib/parseqs.js\";\nimport { parse } from \"./contrib/parseuri.js\";\nimport { Emitter } from \"@socket.io/component-emitter\";\nimport { protocol } from \"engine.io-parser\";\nimport { defaultBinaryType } from \"./transports/websocket-constructor.js\";\nexport class Socket extends Emitter {\n    /**\n     * Socket constructor.\n     *\n     * @param {String|Object} uri - uri or options\n     * @param {Object} opts - options\n     */\n    constructor(uri, opts = {}) {\n        super();\n        this.binaryType = defaultBinaryType;\n        this.writeBuffer = [];\n        if (uri && \"object\" === typeof uri) {\n            opts = uri;\n            uri = null;\n        }\n        if (uri) {\n            uri = parse(uri);\n            opts.hostname = uri.host;\n            opts.secure = uri.protocol === \"https\" || uri.protocol === \"wss\";\n            opts.port = uri.port;\n            if (uri.query)\n                opts.query = uri.query;\n        }\n        else if (opts.host) {\n            opts.hostname = parse(opts.host).host;\n        }\n        installTimerFunctions(this, opts);\n        this.secure =\n            null != opts.secure\n                ? opts.secure\n                : typeof location !== \"undefined\" && \"https:\" === location.protocol;\n        if (opts.hostname && !opts.port) {\n            // if no port is specified manually, use the protocol default\n            opts.port = this.secure ? \"443\" : \"80\";\n        }\n        this.hostname =\n            opts.hostname ||\n                (typeof location !== \"undefined\" ? location.hostname : \"localhost\");\n        this.port =\n            opts.port ||\n                (typeof location !== \"undefined\" && location.port\n                    ? location.port\n                    : this.secure\n                        ? \"443\"\n                        : \"80\");\n        this.transports = opts.transports || [\n            \"polling\",\n            \"websocket\",\n            \"webtransport\",\n        ];\n        this.writeBuffer = [];\n        this.prevBufferLen = 0;\n        this.opts = Object.assign({\n            path: \"/engine.io\",\n            agent: false,\n            withCredentials: false,\n            upgrade: true,\n            timestampParam: \"t\",\n            rememberUpgrade: false,\n            addTrailingSlash: true,\n            rejectUnauthorized: true,\n            perMessageDeflate: {\n                threshold: 1024,\n            },\n            transportOptions: {},\n            closeOnBeforeunload: false,\n        }, opts);\n        this.opts.path =\n            this.opts.path.replace(/\\/$/, \"\") +\n                (this.opts.addTrailingSlash ? \"/\" : \"\");\n        if (typeof this.opts.query === \"string\") {\n            this.opts.query = decode(this.opts.query);\n        }\n        // set on handshake\n        this.id = null;\n        this.upgrades = null;\n        this.pingInterval = null;\n        this.pingTimeout = null;\n        // set on heartbeat\n        this.pingTimeoutTimer = null;\n        if (typeof addEventListener === \"function\") {\n            if (this.opts.closeOnBeforeunload) {\n                // Firefox closes the connection when the \"beforeunload\" event is emitted but not Chrome. This event listener\n                // ensures every browser behaves the same (no \"disconnect\" event at the Socket.IO level when the page is\n                // closed/reloaded)\n                this.beforeunloadEventListener = () => {\n                    if (this.transport) {\n                        // silently close the transport\n                        this.transport.removeAllListeners();\n                        this.transport.close();\n                    }\n                };\n                addEventListener(\"beforeunload\", this.beforeunloadEventListener, false);\n            }\n            if (this.hostname !== \"localhost\") {\n                this.offlineEventListener = () => {\n                    this.onClose(\"transport close\", {\n                        description: \"network connection lost\",\n                    });\n                };\n                addEventListener(\"offline\", this.offlineEventListener, false);\n            }\n        }\n        this.open();\n    }\n    /**\n     * Creates transport of the given type.\n     *\n     * @param {String} name - transport name\n     * @return {Transport}\n     * @private\n     */\n    createTransport(name) {\n        const query = Object.assign({}, this.opts.query);\n        // append engine.io protocol identifier\n        query.EIO = protocol;\n        // transport name\n        query.transport = name;\n        // session id if we already have one\n        if (this.id)\n            query.sid = this.id;\n        const opts = Object.assign({}, this.opts, {\n            query,\n            socket: this,\n            hostname: this.hostname,\n            secure: this.secure,\n            port: this.port,\n        }, this.opts.transportOptions[name]);\n        return new transports[name](opts);\n    }\n    /**\n     * Initializes transport to use and starts probe.\n     *\n     * @private\n     */\n    open() {\n        let transport;\n        if (this.opts.rememberUpgrade &&\n            Socket.priorWebsocketSuccess &&\n            this.transports.indexOf(\"websocket\") !== -1) {\n            transport = \"websocket\";\n        }\n        else if (0 === this.transports.length) {\n            // Emit error on next tick so it can be listened to\n            this.setTimeoutFn(() => {\n                this.emitReserved(\"error\", \"No transports available\");\n            }, 0);\n            return;\n        }\n        else {\n            transport = this.transports[0];\n        }\n        this.readyState = \"opening\";\n        // Retry with the next transport if the transport is disabled (jsonp: false)\n        try {\n            transport = this.createTransport(transport);\n        }\n        catch (e) {\n            this.transports.shift();\n            this.open();\n            return;\n        }\n        transport.open();\n        this.setTransport(transport);\n    }\n    /**\n     * Sets the current transport. Disables the existing one (if any).\n     *\n     * @private\n     */\n    setTransport(transport) {\n        if (this.transport) {\n            this.transport.removeAllListeners();\n        }\n        // set up transport\n        this.transport = transport;\n        // set up transport listeners\n        transport\n            .on(\"drain\", this.onDrain.bind(this))\n            .on(\"packet\", this.onPacket.bind(this))\n            .on(\"error\", this.onError.bind(this))\n            .on(\"close\", (reason) => this.onClose(\"transport close\", reason));\n    }\n    /**\n     * Probes a transport.\n     *\n     * @param {String} name - transport name\n     * @private\n     */\n    probe(name) {\n        let transport = this.createTransport(name);\n        let failed = false;\n        Socket.priorWebsocketSuccess = false;\n        const onTransportOpen = () => {\n            if (failed)\n                return;\n            transport.send([{ type: \"ping\", data: \"probe\" }]);\n            transport.once(\"packet\", (msg) => {\n                if (failed)\n                    return;\n                if (\"pong\" === msg.type && \"probe\" === msg.data) {\n                    this.upgrading = true;\n                    this.emitReserved(\"upgrading\", transport);\n                    if (!transport)\n                        return;\n                    Socket.priorWebsocketSuccess = \"websocket\" === transport.name;\n                    this.transport.pause(() => {\n                        if (failed)\n                            return;\n                        if (\"closed\" === this.readyState)\n                            return;\n                        cleanup();\n                        this.setTransport(transport);\n                        transport.send([{ type: \"upgrade\" }]);\n                        this.emitReserved(\"upgrade\", transport);\n                        transport = null;\n                        this.upgrading = false;\n                        this.flush();\n                    });\n                }\n                else {\n                    const err = new Error(\"probe error\");\n                    // @ts-ignore\n                    err.transport = transport.name;\n                    this.emitReserved(\"upgradeError\", err);\n                }\n            });\n        };\n        function freezeTransport() {\n            if (failed)\n                return;\n            // Any callback called by transport should be ignored since now\n            failed = true;\n            cleanup();\n            transport.close();\n            transport = null;\n        }\n        // Handle any error that happens while probing\n        const onerror = (err) => {\n            const error = new Error(\"probe error: \" + err);\n            // @ts-ignore\n            error.transport = transport.name;\n            freezeTransport();\n            this.emitReserved(\"upgradeError\", error);\n        };\n        function onTransportClose() {\n            onerror(\"transport closed\");\n        }\n        // When the socket is closed while we're probing\n        function onclose() {\n            onerror(\"socket closed\");\n        }\n        // When the socket is upgraded while we're probing\n        function onupgrade(to) {\n            if (transport && to.name !== transport.name) {\n                freezeTransport();\n            }\n        }\n        // Remove all listeners on the transport and on self\n        const cleanup = () => {\n            transport.removeListener(\"open\", onTransportOpen);\n            transport.removeListener(\"error\", onerror);\n            transport.removeListener(\"close\", onTransportClose);\n            this.off(\"close\", onclose);\n            this.off(\"upgrading\", onupgrade);\n        };\n        transport.once(\"open\", onTransportOpen);\n        transport.once(\"error\", onerror);\n        transport.once(\"close\", onTransportClose);\n        this.once(\"close\", onclose);\n        this.once(\"upgrading\", onupgrade);\n        if (this.upgrades.indexOf(\"webtransport\") !== -1 &&\n            name !== \"webtransport\") {\n            // favor WebTransport\n            this.setTimeoutFn(() => {\n                if (!failed) {\n                    transport.open();\n                }\n            }, 200);\n        }\n        else {\n            transport.open();\n        }\n    }\n    /**\n     * Called when connection is deemed open.\n     *\n     * @private\n     */\n    onOpen() {\n        this.readyState = \"open\";\n        Socket.priorWebsocketSuccess = \"websocket\" === this.transport.name;\n        this.emitReserved(\"open\");\n        this.flush();\n        // we check for `readyState` in case an `open`\n        // listener already closed the socket\n        if (\"open\" === this.readyState && this.opts.upgrade) {\n            let i = 0;\n            const l = this.upgrades.length;\n            for (; i < l; i++) {\n                this.probe(this.upgrades[i]);\n            }\n        }\n    }\n    /**\n     * Handles a packet.\n     *\n     * @private\n     */\n    onPacket(packet) {\n        if (\"opening\" === this.readyState ||\n            \"open\" === this.readyState ||\n            \"closing\" === this.readyState) {\n            this.emitReserved(\"packet\", packet);\n            // Socket is live - any packet counts\n            this.emitReserved(\"heartbeat\");\n            this.resetPingTimeout();\n            switch (packet.type) {\n                case \"open\":\n                    this.onHandshake(JSON.parse(packet.data));\n                    break;\n                case \"ping\":\n                    this.sendPacket(\"pong\");\n                    this.emitReserved(\"ping\");\n                    this.emitReserved(\"pong\");\n                    break;\n                case \"error\":\n                    const err = new Error(\"server error\");\n                    // @ts-ignore\n                    err.code = packet.data;\n                    this.onError(err);\n                    break;\n                case \"message\":\n                    this.emitReserved(\"data\", packet.data);\n                    this.emitReserved(\"message\", packet.data);\n                    break;\n            }\n        }\n        else {\n        }\n    }\n    /**\n     * Called upon handshake completion.\n     *\n     * @param {Object} data - handshake obj\n     * @private\n     */\n    onHandshake(data) {\n        this.emitReserved(\"handshake\", data);\n        this.id = data.sid;\n        this.transport.query.sid = data.sid;\n        this.upgrades = this.filterUpgrades(data.upgrades);\n        this.pingInterval = data.pingInterval;\n        this.pingTimeout = data.pingTimeout;\n        this.maxPayload = data.maxPayload;\n        this.onOpen();\n        // In case open handler closes socket\n        if (\"closed\" === this.readyState)\n            return;\n        this.resetPingTimeout();\n    }\n    /**\n     * Sets and resets ping timeout timer based on server pings.\n     *\n     * @private\n     */\n    resetPingTimeout() {\n        this.clearTimeoutFn(this.pingTimeoutTimer);\n        this.pingTimeoutTimer = this.setTimeoutFn(() => {\n            this.onClose(\"ping timeout\");\n        }, this.pingInterval + this.pingTimeout);\n        if (this.opts.autoUnref) {\n            this.pingTimeoutTimer.unref();\n        }\n    }\n    /**\n     * Called on `drain` event\n     *\n     * @private\n     */\n    onDrain() {\n        this.writeBuffer.splice(0, this.prevBufferLen);\n        // setting prevBufferLen = 0 is very important\n        // for example, when upgrading, upgrade packet is sent over,\n        // and a nonzero prevBufferLen could cause problems on `drain`\n        this.prevBufferLen = 0;\n        if (0 === this.writeBuffer.length) {\n            this.emitReserved(\"drain\");\n        }\n        else {\n            this.flush();\n        }\n    }\n    /**\n     * Flush write buffers.\n     *\n     * @private\n     */\n    flush() {\n        if (\"closed\" !== this.readyState &&\n            this.transport.writable &&\n            !this.upgrading &&\n            this.writeBuffer.length) {\n            const packets = this.getWritablePackets();\n            this.transport.send(packets);\n            // keep track of current length of writeBuffer\n            // splice writeBuffer and callbackBuffer on `drain`\n            this.prevBufferLen = packets.length;\n            this.emitReserved(\"flush\");\n        }\n    }\n    /**\n     * Ensure the encoded size of the writeBuffer is below the maxPayload value sent by the server (only for HTTP\n     * long-polling)\n     *\n     * @private\n     */\n    getWritablePackets() {\n        const shouldCheckPayloadSize = this.maxPayload &&\n            this.transport.name === \"polling\" &&\n            this.writeBuffer.length > 1;\n        if (!shouldCheckPayloadSize) {\n            return this.writeBuffer;\n        }\n        let payloadSize = 1; // first packet type\n        for (let i = 0; i < this.writeBuffer.length; i++) {\n            const data = this.writeBuffer[i].data;\n            if (data) {\n                payloadSize += byteLength(data);\n            }\n            if (i > 0 && payloadSize > this.maxPayload) {\n                return this.writeBuffer.slice(0, i);\n            }\n            payloadSize += 2; // separator + packet type\n        }\n        return this.writeBuffer;\n    }\n    /**\n     * Sends a message.\n     *\n     * @param {String} msg - message.\n     * @param {Object} options.\n     * @param {Function} callback function.\n     * @return {Socket} for chaining.\n     */\n    write(msg, options, fn) {\n        this.sendPacket(\"message\", msg, options, fn);\n        return this;\n    }\n    send(msg, options, fn) {\n        this.sendPacket(\"message\", msg, options, fn);\n        return this;\n    }\n    /**\n     * Sends a packet.\n     *\n     * @param {String} type: packet type.\n     * @param {String} data.\n     * @param {Object} options.\n     * @param {Function} fn - callback function.\n     * @private\n     */\n    sendPacket(type, data, options, fn) {\n        if (\"function\" === typeof data) {\n            fn = data;\n            data = undefined;\n        }\n        if (\"function\" === typeof options) {\n            fn = options;\n            options = null;\n        }\n        if (\"closing\" === this.readyState || \"closed\" === this.readyState) {\n            return;\n        }\n        options = options || {};\n        options.compress = false !== options.compress;\n        const packet = {\n            type: type,\n            data: data,\n            options: options,\n        };\n        this.emitReserved(\"packetCreate\", packet);\n        this.writeBuffer.push(packet);\n        if (fn)\n            this.once(\"flush\", fn);\n        this.flush();\n    }\n    /**\n     * Closes the connection.\n     */\n    close() {\n        const close = () => {\n            this.onClose(\"forced close\");\n            this.transport.close();\n        };\n        const cleanupAndClose = () => {\n            this.off(\"upgrade\", cleanupAndClose);\n            this.off(\"upgradeError\", cleanupAndClose);\n            close();\n        };\n        const waitForUpgrade = () => {\n            // wait for upgrade to finish since we can't send packets while pausing a transport\n            this.once(\"upgrade\", cleanupAndClose);\n            this.once(\"upgradeError\", cleanupAndClose);\n        };\n        if (\"opening\" === this.readyState || \"open\" === this.readyState) {\n            this.readyState = \"closing\";\n            if (this.writeBuffer.length) {\n                this.once(\"drain\", () => {\n                    if (this.upgrading) {\n                        waitForUpgrade();\n                    }\n                    else {\n                        close();\n                    }\n                });\n            }\n            else if (this.upgrading) {\n                waitForUpgrade();\n            }\n            else {\n                close();\n            }\n        }\n        return this;\n    }\n    /**\n     * Called upon transport error\n     *\n     * @private\n     */\n    onError(err) {\n        Socket.priorWebsocketSuccess = false;\n        this.emitReserved(\"error\", err);\n        this.onClose(\"transport error\", err);\n    }\n    /**\n     * Called upon transport close.\n     *\n     * @private\n     */\n    onClose(reason, description) {\n        if (\"opening\" === this.readyState ||\n            \"open\" === this.readyState ||\n            \"closing\" === this.readyState) {\n            // clear timers\n            this.clearTimeoutFn(this.pingTimeoutTimer);\n            // stop event from firing again for transport\n            this.transport.removeAllListeners(\"close\");\n            // ensure transport won't stay open\n            this.transport.close();\n            // ignore further transport communication\n            this.transport.removeAllListeners();\n            if (typeof removeEventListener === \"function\") {\n                removeEventListener(\"beforeunload\", this.beforeunloadEventListener, false);\n                removeEventListener(\"offline\", this.offlineEventListener, false);\n            }\n            // set ready state\n            this.readyState = \"closed\";\n            // clear session id\n            this.id = null;\n            // emit close event\n            this.emitReserved(\"close\", reason, description);\n            // clean buffers after, so users can still\n            // grab the buffers on `close` event\n            this.writeBuffer = [];\n            this.prevBufferLen = 0;\n        }\n    }\n    /**\n     * Filters upgrades, returning only those matching client transports.\n     *\n     * @param {Array} upgrades - server upgrades\n     * @private\n     */\n    filterUpgrades(upgrades) {\n        const filteredUpgrades = [];\n        let i = 0;\n        const j = upgrades.length;\n        for (; i < j; i++) {\n            if (~this.transports.indexOf(upgrades[i]))\n                filteredUpgrades.push(upgrades[i]);\n        }\n        return filteredUpgrades;\n    }\n}\nSocket.protocol = protocol;\n", "import { Socket } from \"./socket.js\";\nexport { Socket };\nexport const protocol = Socket.protocol;\nexport { Transport, TransportError } from \"./transport.js\";\nexport { transports } from \"./transports/index.js\";\nexport { installTimerFunctions } from \"./util.js\";\nexport { parse } from \"./contrib/parseuri.js\";\nexport { nextTick } from \"./transports/websocket-constructor.js\";\n", "import { parse } from \"engine.io-client\";\n/**\n * URL parser.\n *\n * @param uri - url\n * @param path - the request path of the connection\n * @param loc - An object meant to mimic window.location.\n *        Defaults to window.location.\n * @public\n */\nexport function url(uri, path = \"\", loc) {\n    let obj = uri;\n    // default to window.location\n    loc = loc || (typeof location !== \"undefined\" && location);\n    if (null == uri)\n        uri = loc.protocol + \"//\" + loc.host;\n    // relative path support\n    if (typeof uri === \"string\") {\n        if (\"/\" === uri.charAt(0)) {\n            if (\"/\" === uri.charAt(1)) {\n                uri = loc.protocol + uri;\n            }\n            else {\n                uri = loc.host + uri;\n            }\n        }\n        if (!/^(https?|wss?):\\/\\//.test(uri)) {\n            if (\"undefined\" !== typeof loc) {\n                uri = loc.protocol + \"//\" + uri;\n            }\n            else {\n                uri = \"https://\" + uri;\n            }\n        }\n        // parse\n        obj = parse(uri);\n    }\n    // make sure we treat `localhost:80` and `localhost` equally\n    if (!obj.port) {\n        if (/^(http|ws)$/.test(obj.protocol)) {\n            obj.port = \"80\";\n        }\n        else if (/^(http|ws)s$/.test(obj.protocol)) {\n            obj.port = \"443\";\n        }\n    }\n    obj.path = obj.path || \"/\";\n    const ipv6 = obj.host.indexOf(\":\") !== -1;\n    const host = ipv6 ? \"[\" + obj.host + \"]\" : obj.host;\n    // define unique id\n    obj.id = obj.protocol + \"://\" + host + \":\" + obj.port + path;\n    // define href\n    obj.href =\n        obj.protocol +\n            \"://\" +\n            host +\n            (loc && loc.port === obj.port ? \"\" : \":\" + obj.port);\n    return obj;\n}\n", "import { Emitter } from \"@socket.io/component-emitter\";\nimport { deconstructPacket, reconstructPacket } from \"./binary.js\";\nimport { isBinary, hasBinary } from \"./is-binary.js\";\n/**\n * These strings must not be used as event names, as they have a special meaning.\n */\nconst RESERVED_EVENTS = [\n    \"connect\",\n    \"connect_error\",\n    \"disconnect\",\n    \"disconnecting\",\n    \"newListener\",\n    \"removeListener\", // used by the Node.js EventEmitter\n];\n/**\n * Protocol version.\n *\n * @public\n */\nexport const protocol = 5;\nexport var PacketType;\n(function (PacketType) {\n    PacketType[PacketType[\"CONNECT\"] = 0] = \"CONNECT\";\n    PacketType[PacketType[\"DISCONNECT\"] = 1] = \"DISCONNECT\";\n    PacketType[PacketType[\"EVENT\"] = 2] = \"EVENT\";\n    PacketType[PacketType[\"ACK\"] = 3] = \"ACK\";\n    PacketType[PacketType[\"CONNECT_ERROR\"] = 4] = \"CONNECT_ERROR\";\n    PacketType[PacketType[\"BINARY_EVENT\"] = 5] = \"BINARY_EVENT\";\n    PacketType[PacketType[\"BINARY_ACK\"] = 6] = \"BINARY_ACK\";\n})(PacketType || (PacketType = {}));\n/**\n * A socket.io Encoder instance\n */\nexport class Encoder {\n    /**\n     * Encoder constructor\n     *\n     * @param {function} replacer - custom replacer to pass down to JSON.parse\n     */\n    constructor(replacer) {\n        this.replacer = replacer;\n    }\n    /**\n     * Encode a packet as a single string if non-binary, or as a\n     * buffer sequence, depending on packet type.\n     *\n     * @param {Object} obj - packet object\n     */\n    encode(obj) {\n        if (obj.type === PacketType.EVENT || obj.type === PacketType.ACK) {\n            if (hasBinary(obj)) {\n                return this.encodeAsBinary({\n                    type: obj.type === PacketType.EVENT\n                        ? PacketType.BINARY_EVENT\n                        : PacketType.BINARY_ACK,\n                    nsp: obj.nsp,\n                    data: obj.data,\n                    id: obj.id,\n                });\n            }\n        }\n        return [this.encodeAsString(obj)];\n    }\n    /**\n     * Encode packet as string.\n     */\n    encodeAsString(obj) {\n        // first is type\n        let str = \"\" + obj.type;\n        // attachments if we have them\n        if (obj.type === PacketType.BINARY_EVENT ||\n            obj.type === PacketType.BINARY_ACK) {\n            str += obj.attachments + \"-\";\n        }\n        // if we have a namespace other than `/`\n        // we append it followed by a comma `,`\n        if (obj.nsp && \"/\" !== obj.nsp) {\n            str += obj.nsp + \",\";\n        }\n        // immediately followed by the id\n        if (null != obj.id) {\n            str += obj.id;\n        }\n        // json data\n        if (null != obj.data) {\n            str += JSON.stringify(obj.data, this.replacer);\n        }\n        return str;\n    }\n    /**\n     * Encode packet as 'buffer sequence' by removing blobs, and\n     * deconstructing packet into object with placeholders and\n     * a list of buffers.\n     */\n    encodeAsBinary(obj) {\n        const deconstruction = deconstructPacket(obj);\n        const pack = this.encodeAsString(deconstruction.packet);\n        const buffers = deconstruction.buffers;\n        buffers.unshift(pack); // add packet info to beginning of data list\n        return buffers; // write all the buffers\n    }\n}\n// see https://stackoverflow.com/questions/8511281/check-if-a-value-is-an-object-in-javascript\nfunction isObject(value) {\n    return Object.prototype.toString.call(value) === \"[object Object]\";\n}\n/**\n * A socket.io Decoder instance\n *\n * @return {Object} decoder\n */\nexport class Decoder extends Emitter {\n    /**\n     * Decoder constructor\n     *\n     * @param {function} reviver - custom reviver to pass down to JSON.stringify\n     */\n    constructor(reviver) {\n        super();\n        this.reviver = reviver;\n    }\n    /**\n     * Decodes an encoded packet string into packet JSON.\n     *\n     * @param {String} obj - encoded packet\n     */\n    add(obj) {\n        let packet;\n        if (typeof obj === \"string\") {\n            if (this.reconstructor) {\n                throw new Error(\"got plaintext data when reconstructing a packet\");\n            }\n            packet = this.decodeString(obj);\n            const isBinaryEvent = packet.type === PacketType.BINARY_EVENT;\n            if (isBinaryEvent || packet.type === PacketType.BINARY_ACK) {\n                packet.type = isBinaryEvent ? PacketType.EVENT : PacketType.ACK;\n                // binary packet's json\n                this.reconstructor = new BinaryReconstructor(packet);\n                // no attachments, labeled binary but no binary data to follow\n                if (packet.attachments === 0) {\n                    super.emitReserved(\"decoded\", packet);\n                }\n            }\n            else {\n                // non-binary full packet\n                super.emitReserved(\"decoded\", packet);\n            }\n        }\n        else if (isBinary(obj) || obj.base64) {\n            // raw binary data\n            if (!this.reconstructor) {\n                throw new Error(\"got binary data when not reconstructing a packet\");\n            }\n            else {\n                packet = this.reconstructor.takeBinaryData(obj);\n                if (packet) {\n                    // received final buffer\n                    this.reconstructor = null;\n                    super.emitReserved(\"decoded\", packet);\n                }\n            }\n        }\n        else {\n            throw new Error(\"Unknown type: \" + obj);\n        }\n    }\n    /**\n     * Decode a packet String (JSON data)\n     *\n     * @param {String} str\n     * @return {Object} packet\n     */\n    decodeString(str) {\n        let i = 0;\n        // look up type\n        const p = {\n            type: Number(str.charAt(0)),\n        };\n        if (PacketType[p.type] === undefined) {\n            throw new Error(\"unknown packet type \" + p.type);\n        }\n        // look up attachments if type binary\n        if (p.type === PacketType.BINARY_EVENT ||\n            p.type === PacketType.BINARY_ACK) {\n            const start = i + 1;\n            while (str.charAt(++i) !== \"-\" && i != str.length) { }\n            const buf = str.substring(start, i);\n            if (buf != Number(buf) || str.charAt(i) !== \"-\") {\n                throw new Error(\"Illegal attachments\");\n            }\n            p.attachments = Number(buf);\n        }\n        // look up namespace (if any)\n        if (\"/\" === str.charAt(i + 1)) {\n            const start = i + 1;\n            while (++i) {\n                const c = str.charAt(i);\n                if (\",\" === c)\n                    break;\n                if (i === str.length)\n                    break;\n            }\n            p.nsp = str.substring(start, i);\n        }\n        else {\n            p.nsp = \"/\";\n        }\n        // look up id\n        const next = str.charAt(i + 1);\n        if (\"\" !== next && Number(next) == next) {\n            const start = i + 1;\n            while (++i) {\n                const c = str.charAt(i);\n                if (null == c || Number(c) != c) {\n                    --i;\n                    break;\n                }\n                if (i === str.length)\n                    break;\n            }\n            p.id = Number(str.substring(start, i + 1));\n        }\n        // look up json data\n        if (str.charAt(++i)) {\n            const payload = this.tryParse(str.substr(i));\n            if (Decoder.isPayloadValid(p.type, payload)) {\n                p.data = payload;\n            }\n            else {\n                throw new Error(\"invalid payload\");\n            }\n        }\n        return p;\n    }\n    tryParse(str) {\n        try {\n            return JSON.parse(str, this.reviver);\n        }\n        catch (e) {\n            return false;\n        }\n    }\n    static isPayloadValid(type, payload) {\n        switch (type) {\n            case PacketType.CONNECT:\n                return isObject(payload);\n            case PacketType.DISCONNECT:\n                return payload === undefined;\n            case PacketType.CONNECT_ERROR:\n                return typeof payload === \"string\" || isObject(payload);\n            case PacketType.EVENT:\n            case PacketType.BINARY_EVENT:\n                return (Array.isArray(payload) &&\n                    (typeof payload[0] === \"number\" ||\n                        (typeof payload[0] === \"string\" &&\n                            RESERVED_EVENTS.indexOf(payload[0]) === -1)));\n            case PacketType.ACK:\n            case PacketType.BINARY_ACK:\n                return Array.isArray(payload);\n        }\n    }\n    /**\n     * Deallocates a parser's resources\n     */\n    destroy() {\n        if (this.reconstructor) {\n            this.reconstructor.finishedReconstruction();\n            this.reconstructor = null;\n        }\n    }\n}\n/**\n * A manager of a binary event's 'buffer sequence'. Should\n * be constructed whenever a packet of type BINARY_EVENT is\n * decoded.\n *\n * @param {Object} packet\n * @return {BinaryReconstructor} initialized reconstructor\n */\nclass BinaryReconstructor {\n    constructor(packet) {\n        this.packet = packet;\n        this.buffers = [];\n        this.reconPack = packet;\n    }\n    /**\n     * Method to be called when binary data received from connection\n     * after a BINARY_EVENT packet.\n     *\n     * @param {Buffer | ArrayBuffer} binData - the raw binary data received\n     * @return {null | Object} returns null if more binary data is expected or\n     *   a reconstructed packet object if all buffers have been received.\n     */\n    takeBinaryData(binData) {\n        this.buffers.push(binData);\n        if (this.buffers.length === this.reconPack.attachments) {\n            // done with buffer list\n            const packet = reconstructPacket(this.reconPack, this.buffers);\n            this.finishedReconstruction();\n            return packet;\n        }\n        return null;\n    }\n    /**\n     * Cleans up binary packet reconstruction variables.\n     */\n    finishedReconstruction() {\n        this.reconPack = null;\n        this.buffers = [];\n    }\n}\n", "const withNativeArrayBuffer = typeof ArrayBuffer === \"function\";\nconst isView = (obj) => {\n    return typeof ArrayBuffer.isView === \"function\"\n        ? ArrayBuffer.isView(obj)\n        : obj.buffer instanceof ArrayBuffer;\n};\nconst toString = Object.prototype.toString;\nconst withNativeBlob = typeof Blob === \"function\" ||\n    (typeof Blob !== \"undefined\" &&\n        toString.call(Blob) === \"[object BlobConstructor]\");\nconst withNativeFile = typeof File === \"function\" ||\n    (typeof File !== \"undefined\" &&\n        toString.call(File) === \"[object FileConstructor]\");\n/**\n * Returns true if obj is a Buffer, an ArrayBuffer, a Blob or a File.\n *\n * @private\n */\nexport function isBinary(obj) {\n    return ((withNativeArrayBuffer && (obj instanceof ArrayBuffer || isView(obj))) ||\n        (withNativeBlob && obj instanceof Blob) ||\n        (withNativeFile && obj instanceof File));\n}\nexport function hasBinary(obj, toJSON) {\n    if (!obj || typeof obj !== \"object\") {\n        return false;\n    }\n    if (Array.isArray(obj)) {\n        for (let i = 0, l = obj.length; i < l; i++) {\n            if (hasBinary(obj[i])) {\n                return true;\n            }\n        }\n        return false;\n    }\n    if (isBinary(obj)) {\n        return true;\n    }\n    if (obj.toJSON &&\n        typeof obj.toJSON === \"function\" &&\n        arguments.length === 1) {\n        return hasBinary(obj.toJSON(), true);\n    }\n    for (const key in obj) {\n        if (Object.prototype.hasOwnProperty.call(obj, key) && hasBinary(obj[key])) {\n            return true;\n        }\n    }\n    return false;\n}\n", "import { isBinary } from \"./is-binary.js\";\n/**\n * Replaces every Buffer | ArrayBuffer | Blob | File in packet with a numbered placeholder.\n *\n * @param {Object} packet - socket.io event packet\n * @return {Object} with deconstructed packet and list of buffers\n * @public\n */\nexport function deconstructPacket(packet) {\n    const buffers = [];\n    const packetData = packet.data;\n    const pack = packet;\n    pack.data = _deconstructPacket(packetData, buffers);\n    pack.attachments = buffers.length; // number of binary 'attachments'\n    return { packet: pack, buffers: buffers };\n}\nfunction _deconstructPacket(data, buffers) {\n    if (!data)\n        return data;\n    if (isBinary(data)) {\n        const placeholder = { _placeholder: true, num: buffers.length };\n        buffers.push(data);\n        return placeholder;\n    }\n    else if (Array.isArray(data)) {\n        const newData = new Array(data.length);\n        for (let i = 0; i < data.length; i++) {\n            newData[i] = _deconstructPacket(data[i], buffers);\n        }\n        return newData;\n    }\n    else if (typeof data === \"object\" && !(data instanceof Date)) {\n        const newData = {};\n        for (const key in data) {\n            if (Object.prototype.hasOwnProperty.call(data, key)) {\n                newData[key] = _deconstructPacket(data[key], buffers);\n            }\n        }\n        return newData;\n    }\n    return data;\n}\n/**\n * Reconstructs a binary packet from its placeholder packet and buffers\n *\n * @param {Object} packet - event packet with placeholders\n * @param {Array} buffers - binary buffers to put in placeholder positions\n * @return {Object} reconstructed packet\n * @public\n */\nexport function reconstructPacket(packet, buffers) {\n    packet.data = _reconstructPacket(packet.data, buffers);\n    delete packet.attachments; // no longer useful\n    return packet;\n}\nfunction _reconstructPacket(data, buffers) {\n    if (!data)\n        return data;\n    if (data && data._placeholder === true) {\n        const isIndexValid = typeof data.num === \"number\" &&\n            data.num >= 0 &&\n            data.num < buffers.length;\n        if (isIndexValid) {\n            return buffers[data.num]; // appropriate buffer (should be natural order anyway)\n        }\n        else {\n            throw new Error(\"illegal attachments\");\n        }\n    }\n    else if (Array.isArray(data)) {\n        for (let i = 0; i < data.length; i++) {\n            data[i] = _reconstructPacket(data[i], buffers);\n        }\n    }\n    else if (typeof data === \"object\") {\n        for (const key in data) {\n            if (Object.prototype.hasOwnProperty.call(data, key)) {\n                data[key] = _reconstructPacket(data[key], buffers);\n            }\n        }\n    }\n    return data;\n}\n", "export function on(obj, ev, fn) {\n    obj.on(ev, fn);\n    return function subDestroy() {\n        obj.off(ev, fn);\n    };\n}\n", "import { PacketType } from \"socket.io-parser\";\nimport { on } from \"./on.js\";\nimport { Emitter, } from \"@socket.io/component-emitter\";\n/**\n * Internal events.\n * These events can't be emitted by the user.\n */\nconst RESERVED_EVENTS = Object.freeze({\n    connect: 1,\n    connect_error: 1,\n    disconnect: 1,\n    disconnecting: 1,\n    // EventEmitter reserved events: https://nodejs.org/api/events.html#events_event_newlistener\n    newListener: 1,\n    removeListener: 1,\n});\n/**\n * A Socket is the fundamental class for interacting with the server.\n *\n * A Socket belongs to a certain Namespace (by default /) and uses an underlying {@link Manager} to communicate.\n *\n * @example\n * const socket = io();\n *\n * socket.on(\"connect\", () => {\n *   console.log(\"connected\");\n * });\n *\n * // send an event to the server\n * socket.emit(\"foo\", \"bar\");\n *\n * socket.on(\"foobar\", () => {\n *   // an event was received from the server\n * });\n *\n * // upon disconnection\n * socket.on(\"disconnect\", (reason) => {\n *   console.log(`disconnected due to ${reason}`);\n * });\n */\nexport class Socket extends Emitter {\n    /**\n     * `Socket` constructor.\n     */\n    constructor(io, nsp, opts) {\n        super();\n        /**\n         * Whether the socket is currently connected to the server.\n         *\n         * @example\n         * const socket = io();\n         *\n         * socket.on(\"connect\", () => {\n         *   console.log(socket.connected); // true\n         * });\n         *\n         * socket.on(\"disconnect\", () => {\n         *   console.log(socket.connected); // false\n         * });\n         */\n        this.connected = false;\n        /**\n         * Whether the connection state was recovered after a temporary disconnection. In that case, any missed packets will\n         * be transmitted by the server.\n         */\n        this.recovered = false;\n        /**\n         * Buffer for packets received before the CONNECT packet\n         */\n        this.receiveBuffer = [];\n        /**\n         * Buffer for packets that will be sent once the socket is connected\n         */\n        this.sendBuffer = [];\n        /**\n         * The queue of packets to be sent with retry in case of failure.\n         *\n         * Packets are sent one by one, each waiting for the server acknowledgement, in order to guarantee the delivery order.\n         * @private\n         */\n        this._queue = [];\n        /**\n         * A sequence to generate the ID of the {@link QueuedPacket}.\n         * @private\n         */\n        this._queueSeq = 0;\n        this.ids = 0;\n        /**\n         * A map containing acknowledgement handlers.\n         *\n         * The `withError` attribute is used to differentiate handlers that accept an error as first argument:\n         *\n         * - `socket.emit(\"test\", (err, value) => { ... })` with `ackTimeout` option\n         * - `socket.timeout(5000).emit(\"test\", (err, value) => { ... })`\n         * - `const value = await socket.emitWithAck(\"test\")`\n         *\n         * From those that don't:\n         *\n         * - `socket.emit(\"test\", (value) => { ... });`\n         *\n         * In the first case, the handlers will be called with an error when:\n         *\n         * - the timeout is reached\n         * - the socket gets disconnected\n         *\n         * In the second case, the handlers will be simply discarded upon disconnection, since the client will never receive\n         * an acknowledgement from the server.\n         *\n         * @private\n         */\n        this.acks = {};\n        this.flags = {};\n        this.io = io;\n        this.nsp = nsp;\n        if (opts && opts.auth) {\n            this.auth = opts.auth;\n        }\n        this._opts = Object.assign({}, opts);\n        if (this.io._autoConnect)\n            this.open();\n    }\n    /**\n     * Whether the socket is currently disconnected\n     *\n     * @example\n     * const socket = io();\n     *\n     * socket.on(\"connect\", () => {\n     *   console.log(socket.disconnected); // false\n     * });\n     *\n     * socket.on(\"disconnect\", () => {\n     *   console.log(socket.disconnected); // true\n     * });\n     */\n    get disconnected() {\n        return !this.connected;\n    }\n    /**\n     * Subscribe to open, close and packet events\n     *\n     * @private\n     */\n    subEvents() {\n        if (this.subs)\n            return;\n        const io = this.io;\n        this.subs = [\n            on(io, \"open\", this.onopen.bind(this)),\n            on(io, \"packet\", this.onpacket.bind(this)),\n            on(io, \"error\", this.onerror.bind(this)),\n            on(io, \"close\", this.onclose.bind(this)),\n        ];\n    }\n    /**\n     * Whether the Socket will try to reconnect when its Manager connects or reconnects.\n     *\n     * @example\n     * const socket = io();\n     *\n     * console.log(socket.active); // true\n     *\n     * socket.on(\"disconnect\", (reason) => {\n     *   if (reason === \"io server disconnect\") {\n     *     // the disconnection was initiated by the server, you need to manually reconnect\n     *     console.log(socket.active); // false\n     *   }\n     *   // else the socket will automatically try to reconnect\n     *   console.log(socket.active); // true\n     * });\n     */\n    get active() {\n        return !!this.subs;\n    }\n    /**\n     * \"Opens\" the socket.\n     *\n     * @example\n     * const socket = io({\n     *   autoConnect: false\n     * });\n     *\n     * socket.connect();\n     */\n    connect() {\n        if (this.connected)\n            return this;\n        this.subEvents();\n        if (!this.io[\"_reconnecting\"])\n            this.io.open(); // ensure open\n        if (\"open\" === this.io._readyState)\n            this.onopen();\n        return this;\n    }\n    /**\n     * Alias for {@link connect()}.\n     */\n    open() {\n        return this.connect();\n    }\n    /**\n     * Sends a `message` event.\n     *\n     * This method mimics the WebSocket.send() method.\n     *\n     * @see https://developer.mozilla.org/en-US/docs/Web/API/WebSocket/send\n     *\n     * @example\n     * socket.send(\"hello\");\n     *\n     * // this is equivalent to\n     * socket.emit(\"message\", \"hello\");\n     *\n     * @return self\n     */\n    send(...args) {\n        args.unshift(\"message\");\n        this.emit.apply(this, args);\n        return this;\n    }\n    /**\n     * Override `emit`.\n     * If the event is in `events`, it's emitted normally.\n     *\n     * @example\n     * socket.emit(\"hello\", \"world\");\n     *\n     * // all serializable datastructures are supported (no need to call JSON.stringify)\n     * socket.emit(\"hello\", 1, \"2\", { 3: [\"4\"], 5: Uint8Array.from([6]) });\n     *\n     * // with an acknowledgement from the server\n     * socket.emit(\"hello\", \"world\", (val) => {\n     *   // ...\n     * });\n     *\n     * @return self\n     */\n    emit(ev, ...args) {\n        if (RESERVED_EVENTS.hasOwnProperty(ev)) {\n            throw new Error('\"' + ev.toString() + '\" is a reserved event name');\n        }\n        args.unshift(ev);\n        if (this._opts.retries && !this.flags.fromQueue && !this.flags.volatile) {\n            this._addToQueue(args);\n            return this;\n        }\n        const packet = {\n            type: PacketType.EVENT,\n            data: args,\n        };\n        packet.options = {};\n        packet.options.compress = this.flags.compress !== false;\n        // event ack callback\n        if (\"function\" === typeof args[args.length - 1]) {\n            const id = this.ids++;\n            const ack = args.pop();\n            this._registerAckCallback(id, ack);\n            packet.id = id;\n        }\n        const isTransportWritable = this.io.engine &&\n            this.io.engine.transport &&\n            this.io.engine.transport.writable;\n        const discardPacket = this.flags.volatile && (!isTransportWritable || !this.connected);\n        if (discardPacket) {\n        }\n        else if (this.connected) {\n            this.notifyOutgoingListeners(packet);\n            this.packet(packet);\n        }\n        else {\n            this.sendBuffer.push(packet);\n        }\n        this.flags = {};\n        return this;\n    }\n    /**\n     * @private\n     */\n    _registerAckCallback(id, ack) {\n        var _a;\n        const timeout = (_a = this.flags.timeout) !== null && _a !== void 0 ? _a : this._opts.ackTimeout;\n        if (timeout === undefined) {\n            this.acks[id] = ack;\n            return;\n        }\n        // @ts-ignore\n        const timer = this.io.setTimeoutFn(() => {\n            delete this.acks[id];\n            for (let i = 0; i < this.sendBuffer.length; i++) {\n                if (this.sendBuffer[i].id === id) {\n                    this.sendBuffer.splice(i, 1);\n                }\n            }\n            ack.call(this, new Error(\"operation has timed out\"));\n        }, timeout);\n        const fn = (...args) => {\n            // @ts-ignore\n            this.io.clearTimeoutFn(timer);\n            ack.apply(this, args);\n        };\n        fn.withError = true;\n        this.acks[id] = fn;\n    }\n    /**\n     * Emits an event and waits for an acknowledgement\n     *\n     * @example\n     * // without timeout\n     * const response = await socket.emitWithAck(\"hello\", \"world\");\n     *\n     * // with a specific timeout\n     * try {\n     *   const response = await socket.timeout(1000).emitWithAck(\"hello\", \"world\");\n     * } catch (err) {\n     *   // the server did not acknowledge the event in the given delay\n     * }\n     *\n     * @return a Promise that will be fulfilled when the server acknowledges the event\n     */\n    emitWithAck(ev, ...args) {\n        return new Promise((resolve, reject) => {\n            const fn = (arg1, arg2) => {\n                return arg1 ? reject(arg1) : resolve(arg2);\n            };\n            fn.withError = true;\n            args.push(fn);\n            this.emit(ev, ...args);\n        });\n    }\n    /**\n     * Add the packet to the queue.\n     * @param args\n     * @private\n     */\n    _addToQueue(args) {\n        let ack;\n        if (typeof args[args.length - 1] === \"function\") {\n            ack = args.pop();\n        }\n        const packet = {\n            id: this._queueSeq++,\n            tryCount: 0,\n            pending: false,\n            args,\n            flags: Object.assign({ fromQueue: true }, this.flags),\n        };\n        args.push((err, ...responseArgs) => {\n            if (packet !== this._queue[0]) {\n                // the packet has already been acknowledged\n                return;\n            }\n            const hasError = err !== null;\n            if (hasError) {\n                if (packet.tryCount > this._opts.retries) {\n                    this._queue.shift();\n                    if (ack) {\n                        ack(err);\n                    }\n                }\n            }\n            else {\n                this._queue.shift();\n                if (ack) {\n                    ack(null, ...responseArgs);\n                }\n            }\n            packet.pending = false;\n            return this._drainQueue();\n        });\n        this._queue.push(packet);\n        this._drainQueue();\n    }\n    /**\n     * Send the first packet of the queue, and wait for an acknowledgement from the server.\n     * @param force - whether to resend a packet that has not been acknowledged yet\n     *\n     * @private\n     */\n    _drainQueue(force = false) {\n        if (!this.connected || this._queue.length === 0) {\n            return;\n        }\n        const packet = this._queue[0];\n        if (packet.pending && !force) {\n            return;\n        }\n        packet.pending = true;\n        packet.tryCount++;\n        this.flags = packet.flags;\n        this.emit.apply(this, packet.args);\n    }\n    /**\n     * Sends a packet.\n     *\n     * @param packet\n     * @private\n     */\n    packet(packet) {\n        packet.nsp = this.nsp;\n        this.io._packet(packet);\n    }\n    /**\n     * Called upon engine `open`.\n     *\n     * @private\n     */\n    onopen() {\n        if (typeof this.auth == \"function\") {\n            this.auth((data) => {\n                this._sendConnectPacket(data);\n            });\n        }\n        else {\n            this._sendConnectPacket(this.auth);\n        }\n    }\n    /**\n     * Sends a CONNECT packet to initiate the Socket.IO session.\n     *\n     * @param data\n     * @private\n     */\n    _sendConnectPacket(data) {\n        this.packet({\n            type: PacketType.CONNECT,\n            data: this._pid\n                ? Object.assign({ pid: this._pid, offset: this._lastOffset }, data)\n                : data,\n        });\n    }\n    /**\n     * Called upon engine or manager `error`.\n     *\n     * @param err\n     * @private\n     */\n    onerror(err) {\n        if (!this.connected) {\n            this.emitReserved(\"connect_error\", err);\n        }\n    }\n    /**\n     * Called upon engine `close`.\n     *\n     * @param reason\n     * @param description\n     * @private\n     */\n    onclose(reason, description) {\n        this.connected = false;\n        delete this.id;\n        this.emitReserved(\"disconnect\", reason, description);\n        this._clearAcks();\n    }\n    /**\n     * Clears the acknowledgement handlers upon disconnection, since the client will never receive an acknowledgement from\n     * the server.\n     *\n     * @private\n     */\n    _clearAcks() {\n        Object.keys(this.acks).forEach((id) => {\n            const isBuffered = this.sendBuffer.some((packet) => String(packet.id) === id);\n            if (!isBuffered) {\n                // note: handlers that do not accept an error as first argument are ignored here\n                const ack = this.acks[id];\n                delete this.acks[id];\n                if (ack.withError) {\n                    ack.call(this, new Error(\"socket has been disconnected\"));\n                }\n            }\n        });\n    }\n    /**\n     * Called with socket packet.\n     *\n     * @param packet\n     * @private\n     */\n    onpacket(packet) {\n        const sameNamespace = packet.nsp === this.nsp;\n        if (!sameNamespace)\n            return;\n        switch (packet.type) {\n            case PacketType.CONNECT:\n                if (packet.data && packet.data.sid) {\n                    this.onconnect(packet.data.sid, packet.data.pid);\n                }\n                else {\n                    this.emitReserved(\"connect_error\", new Error(\"It seems you are trying to reach a Socket.IO server in v2.x with a v3.x client, but they are not compatible (more information here: https://socket.io/docs/v3/migrating-from-2-x-to-3-0/)\"));\n                }\n                break;\n            case PacketType.EVENT:\n            case PacketType.BINARY_EVENT:\n                this.onevent(packet);\n                break;\n            case PacketType.ACK:\n            case PacketType.BINARY_ACK:\n                this.onack(packet);\n                break;\n            case PacketType.DISCONNECT:\n                this.ondisconnect();\n                break;\n            case PacketType.CONNECT_ERROR:\n                this.destroy();\n                const err = new Error(packet.data.message);\n                // @ts-ignore\n                err.data = packet.data.data;\n                this.emitReserved(\"connect_error\", err);\n                break;\n        }\n    }\n    /**\n     * Called upon a server event.\n     *\n     * @param packet\n     * @private\n     */\n    onevent(packet) {\n        const args = packet.data || [];\n        if (null != packet.id) {\n            args.push(this.ack(packet.id));\n        }\n        if (this.connected) {\n            this.emitEvent(args);\n        }\n        else {\n            this.receiveBuffer.push(Object.freeze(args));\n        }\n    }\n    emitEvent(args) {\n        if (this._anyListeners && this._anyListeners.length) {\n            const listeners = this._anyListeners.slice();\n            for (const listener of listeners) {\n                listener.apply(this, args);\n            }\n        }\n        super.emit.apply(this, args);\n        if (this._pid && args.length && typeof args[args.length - 1] === \"string\") {\n            this._lastOffset = args[args.length - 1];\n        }\n    }\n    /**\n     * Produces an ack callback to emit with an event.\n     *\n     * @private\n     */\n    ack(id) {\n        const self = this;\n        let sent = false;\n        return function (...args) {\n            // prevent double callbacks\n            if (sent)\n                return;\n            sent = true;\n            self.packet({\n                type: PacketType.ACK,\n                id: id,\n                data: args,\n            });\n        };\n    }\n    /**\n     * Called upon a server acknowledgement.\n     *\n     * @param packet\n     * @private\n     */\n    onack(packet) {\n        const ack = this.acks[packet.id];\n        if (typeof ack !== \"function\") {\n            return;\n        }\n        delete this.acks[packet.id];\n        // @ts-ignore FIXME ack is incorrectly inferred as 'never'\n        if (ack.withError) {\n            packet.data.unshift(null);\n        }\n        // @ts-ignore\n        ack.apply(this, packet.data);\n    }\n    /**\n     * Called upon server connect.\n     *\n     * @private\n     */\n    onconnect(id, pid) {\n        this.id = id;\n        this.recovered = pid && this._pid === pid;\n        this._pid = pid; // defined only if connection state recovery is enabled\n        this.connected = true;\n        this.emitBuffered();\n        this.emitReserved(\"connect\");\n        this._drainQueue(true);\n    }\n    /**\n     * Emit buffered events (received and emitted).\n     *\n     * @private\n     */\n    emitBuffered() {\n        this.receiveBuffer.forEach((args) => this.emitEvent(args));\n        this.receiveBuffer = [];\n        this.sendBuffer.forEach((packet) => {\n            this.notifyOutgoingListeners(packet);\n            this.packet(packet);\n        });\n        this.sendBuffer = [];\n    }\n    /**\n     * Called upon server disconnect.\n     *\n     * @private\n     */\n    ondisconnect() {\n        this.destroy();\n        this.onclose(\"io server disconnect\");\n    }\n    /**\n     * Called upon forced client/server side disconnections,\n     * this method ensures the manager stops tracking us and\n     * that reconnections don't get triggered for this.\n     *\n     * @private\n     */\n    destroy() {\n        if (this.subs) {\n            // clean subscriptions to avoid reconnections\n            this.subs.forEach((subDestroy) => subDestroy());\n            this.subs = undefined;\n        }\n        this.io[\"_destroy\"](this);\n    }\n    /**\n     * Disconnects the socket manually. In that case, the socket will not try to reconnect.\n     *\n     * If this is the last active Socket instance of the {@link Manager}, the low-level connection will be closed.\n     *\n     * @example\n     * const socket = io();\n     *\n     * socket.on(\"disconnect\", (reason) => {\n     *   // console.log(reason); prints \"io client disconnect\"\n     * });\n     *\n     * socket.disconnect();\n     *\n     * @return self\n     */\n    disconnect() {\n        if (this.connected) {\n            this.packet({ type: PacketType.DISCONNECT });\n        }\n        // remove socket from pool\n        this.destroy();\n        if (this.connected) {\n            // fire events\n            this.onclose(\"io client disconnect\");\n        }\n        return this;\n    }\n    /**\n     * Alias for {@link disconnect()}.\n     *\n     * @return self\n     */\n    close() {\n        return this.disconnect();\n    }\n    /**\n     * Sets the compress flag.\n     *\n     * @example\n     * socket.compress(false).emit(\"hello\");\n     *\n     * @param compress - if `true`, compresses the sending data\n     * @return self\n     */\n    compress(compress) {\n        this.flags.compress = compress;\n        return this;\n    }\n    /**\n     * Sets a modifier for a subsequent event emission that the event message will be dropped when this socket is not\n     * ready to send messages.\n     *\n     * @example\n     * socket.volatile.emit(\"hello\"); // the server may or may not receive it\n     *\n     * @returns self\n     */\n    get volatile() {\n        this.flags.volatile = true;\n        return this;\n    }\n    /**\n     * Sets a modifier for a subsequent event emission that the callback will be called with an error when the\n     * given number of milliseconds have elapsed without an acknowledgement from the server:\n     *\n     * @example\n     * socket.timeout(5000).emit(\"my-event\", (err) => {\n     *   if (err) {\n     *     // the server did not acknowledge the event in the given delay\n     *   }\n     * });\n     *\n     * @returns self\n     */\n    timeout(timeout) {\n        this.flags.timeout = timeout;\n        return this;\n    }\n    /**\n     * Adds a listener that will be fired when any event is emitted. The event name is passed as the first argument to the\n     * callback.\n     *\n     * @example\n     * socket.onAny((event, ...args) => {\n     *   console.log(`got ${event}`);\n     * });\n     *\n     * @param listener\n     */\n    onAny(listener) {\n        this._anyListeners = this._anyListeners || [];\n        this._anyListeners.push(listener);\n        return this;\n    }\n    /**\n     * Adds a listener that will be fired when any event is emitted. The event name is passed as the first argument to the\n     * callback. The listener is added to the beginning of the listeners array.\n     *\n     * @example\n     * socket.prependAny((event, ...args) => {\n     *   console.log(`got event ${event}`);\n     * });\n     *\n     * @param listener\n     */\n    prependAny(listener) {\n        this._anyListeners = this._anyListeners || [];\n        this._anyListeners.unshift(listener);\n        return this;\n    }\n    /**\n     * Removes the listener that will be fired when any event is emitted.\n     *\n     * @example\n     * const catchAllListener = (event, ...args) => {\n     *   console.log(`got event ${event}`);\n     * }\n     *\n     * socket.onAny(catchAllListener);\n     *\n     * // remove a specific listener\n     * socket.offAny(catchAllListener);\n     *\n     * // or remove all listeners\n     * socket.offAny();\n     *\n     * @param listener\n     */\n    offAny(listener) {\n        if (!this._anyListeners) {\n            return this;\n        }\n        if (listener) {\n            const listeners = this._anyListeners;\n            for (let i = 0; i < listeners.length; i++) {\n                if (listener === listeners[i]) {\n                    listeners.splice(i, 1);\n                    return this;\n                }\n            }\n        }\n        else {\n            this._anyListeners = [];\n        }\n        return this;\n    }\n    /**\n     * Returns an array of listeners that are listening for any event that is specified. This array can be manipulated,\n     * e.g. to remove listeners.\n     */\n    listenersAny() {\n        return this._anyListeners || [];\n    }\n    /**\n     * Adds a listener that will be fired when any event is emitted. The event name is passed as the first argument to the\n     * callback.\n     *\n     * Note: acknowledgements sent to the server are not included.\n     *\n     * @example\n     * socket.onAnyOutgoing((event, ...args) => {\n     *   console.log(`sent event ${event}`);\n     * });\n     *\n     * @param listener\n     */\n    onAnyOutgoing(listener) {\n        this._anyOutgoingListeners = this._anyOutgoingListeners || [];\n        this._anyOutgoingListeners.push(listener);\n        return this;\n    }\n    /**\n     * Adds a listener that will be fired when any event is emitted. The event name is passed as the first argument to the\n     * callback. The listener is added to the beginning of the listeners array.\n     *\n     * Note: acknowledgements sent to the server are not included.\n     *\n     * @example\n     * socket.prependAnyOutgoing((event, ...args) => {\n     *   console.log(`sent event ${event}`);\n     * });\n     *\n     * @param listener\n     */\n    prependAnyOutgoing(listener) {\n        this._anyOutgoingListeners = this._anyOutgoingListeners || [];\n        this._anyOutgoingListeners.unshift(listener);\n        return this;\n    }\n    /**\n     * Removes the listener that will be fired when any event is emitted.\n     *\n     * @example\n     * const catchAllListener = (event, ...args) => {\n     *   console.log(`sent event ${event}`);\n     * }\n     *\n     * socket.onAnyOutgoing(catchAllListener);\n     *\n     * // remove a specific listener\n     * socket.offAnyOutgoing(catchAllListener);\n     *\n     * // or remove all listeners\n     * socket.offAnyOutgoing();\n     *\n     * @param [listener] - the catch-all listener (optional)\n     */\n    offAnyOutgoing(listener) {\n        if (!this._anyOutgoingListeners) {\n            return this;\n        }\n        if (listener) {\n            const listeners = this._anyOutgoingListeners;\n            for (let i = 0; i < listeners.length; i++) {\n                if (listener === listeners[i]) {\n                    listeners.splice(i, 1);\n                    return this;\n                }\n            }\n        }\n        else {\n            this._anyOutgoingListeners = [];\n        }\n        return this;\n    }\n    /**\n     * Returns an array of listeners that are listening for any event that is specified. This array can be manipulated,\n     * e.g. to remove listeners.\n     */\n    listenersAnyOutgoing() {\n        return this._anyOutgoingListeners || [];\n    }\n    /**\n     * Notify the listeners for each packet sent\n     *\n     * @param packet\n     *\n     * @private\n     */\n    notifyOutgoingListeners(packet) {\n        if (this._anyOutgoingListeners && this._anyOutgoingListeners.length) {\n            const listeners = this._anyOutgoingListeners.slice();\n            for (const listener of listeners) {\n                listener.apply(this, packet.data);\n            }\n        }\n    }\n}\n", "/**\n * Initialize backoff timer with `opts`.\n *\n * - `min` initial timeout in milliseconds [100]\n * - `max` max timeout [10000]\n * - `jitter` [0]\n * - `factor` [2]\n *\n * @param {Object} opts\n * @api public\n */\nexport function Backoff(opts) {\n    opts = opts || {};\n    this.ms = opts.min || 100;\n    this.max = opts.max || 10000;\n    this.factor = opts.factor || 2;\n    this.jitter = opts.jitter > 0 && opts.jitter <= 1 ? opts.jitter : 0;\n    this.attempts = 0;\n}\n/**\n * Return the backoff duration.\n *\n * @return {Number}\n * @api public\n */\nBackoff.prototype.duration = function () {\n    var ms = this.ms * Math.pow(this.factor, this.attempts++);\n    if (this.jitter) {\n        var rand = Math.random();\n        var deviation = Math.floor(rand * this.jitter * ms);\n        ms = (Math.floor(rand * 10) & 1) == 0 ? ms - deviation : ms + deviation;\n    }\n    return Math.min(ms, this.max) | 0;\n};\n/**\n * Reset the number of attempts.\n *\n * @api public\n */\nBackoff.prototype.reset = function () {\n    this.attempts = 0;\n};\n/**\n * Set the minimum duration\n *\n * @api public\n */\nBackoff.prototype.setMin = function (min) {\n    this.ms = min;\n};\n/**\n * Set the maximum duration\n *\n * @api public\n */\nBackoff.prototype.setMax = function (max) {\n    this.max = max;\n};\n/**\n * Set the jitter\n *\n * @api public\n */\nBackoff.prototype.setJitter = function (jitter) {\n    this.jitter = jitter;\n};\n", "import { Socket as Engine, installTimerFunctions, nextTick, } from \"engine.io-client\";\nimport { Socket } from \"./socket.js\";\nimport * as parser from \"socket.io-parser\";\nimport { on } from \"./on.js\";\nimport { Backoff } from \"./contrib/backo2.js\";\nimport { Emitter, } from \"@socket.io/component-emitter\";\nexport class Manager extends Emitter {\n    constructor(uri, opts) {\n        var _a;\n        super();\n        this.nsps = {};\n        this.subs = [];\n        if (uri && \"object\" === typeof uri) {\n            opts = uri;\n            uri = undefined;\n        }\n        opts = opts || {};\n        opts.path = opts.path || \"/socket.io\";\n        this.opts = opts;\n        installTimerFunctions(this, opts);\n        this.reconnection(opts.reconnection !== false);\n        this.reconnectionAttempts(opts.reconnectionAttempts || Infinity);\n        this.reconnectionDelay(opts.reconnectionDelay || 1000);\n        this.reconnectionDelayMax(opts.reconnectionDelayMax || 5000);\n        this.randomizationFactor((_a = opts.randomizationFactor) !== null && _a !== void 0 ? _a : 0.5);\n        this.backoff = new Backoff({\n            min: this.reconnectionDelay(),\n            max: this.reconnectionDelayMax(),\n            jitter: this.randomizationFactor(),\n        });\n        this.timeout(null == opts.timeout ? 20000 : opts.timeout);\n        this._readyState = \"closed\";\n        this.uri = uri;\n        const _parser = opts.parser || parser;\n        this.encoder = new _parser.Encoder();\n        this.decoder = new _parser.Decoder();\n        this._autoConnect = opts.autoConnect !== false;\n        if (this._autoConnect)\n            this.open();\n    }\n    reconnection(v) {\n        if (!arguments.length)\n            return this._reconnection;\n        this._reconnection = !!v;\n        return this;\n    }\n    reconnectionAttempts(v) {\n        if (v === undefined)\n            return this._reconnectionAttempts;\n        this._reconnectionAttempts = v;\n        return this;\n    }\n    reconnectionDelay(v) {\n        var _a;\n        if (v === undefined)\n            return this._reconnectionDelay;\n        this._reconnectionDelay = v;\n        (_a = this.backoff) === null || _a === void 0 ? void 0 : _a.setMin(v);\n        return this;\n    }\n    randomizationFactor(v) {\n        var _a;\n        if (v === undefined)\n            return this._randomizationFactor;\n        this._randomizationFactor = v;\n        (_a = this.backoff) === null || _a === void 0 ? void 0 : _a.setJitter(v);\n        return this;\n    }\n    reconnectionDelayMax(v) {\n        var _a;\n        if (v === undefined)\n            return this._reconnectionDelayMax;\n        this._reconnectionDelayMax = v;\n        (_a = this.backoff) === null || _a === void 0 ? void 0 : _a.setMax(v);\n        return this;\n    }\n    timeout(v) {\n        if (!arguments.length)\n            return this._timeout;\n        this._timeout = v;\n        return this;\n    }\n    /**\n     * Starts trying to reconnect if reconnection is enabled and we have not\n     * started reconnecting yet\n     *\n     * @private\n     */\n    maybeReconnectOnOpen() {\n        // Only try to reconnect if it's the first time we're connecting\n        if (!this._reconnecting &&\n            this._reconnection &&\n            this.backoff.attempts === 0) {\n            // keeps reconnection from firing twice for the same reconnection loop\n            this.reconnect();\n        }\n    }\n    /**\n     * Sets the current transport `socket`.\n     *\n     * @param {Function} fn - optional, callback\n     * @return self\n     * @public\n     */\n    open(fn) {\n        if (~this._readyState.indexOf(\"open\"))\n            return this;\n        this.engine = new Engine(this.uri, this.opts);\n        const socket = this.engine;\n        const self = this;\n        this._readyState = \"opening\";\n        this.skipReconnect = false;\n        // emit `open`\n        const openSubDestroy = on(socket, \"open\", function () {\n            self.onopen();\n            fn && fn();\n        });\n        const onError = (err) => {\n            this.cleanup();\n            this._readyState = \"closed\";\n            this.emitReserved(\"error\", err);\n            if (fn) {\n                fn(err);\n            }\n            else {\n                // Only do this if there is no fn to handle the error\n                this.maybeReconnectOnOpen();\n            }\n        };\n        // emit `error`\n        const errorSub = on(socket, \"error\", onError);\n        if (false !== this._timeout) {\n            const timeout = this._timeout;\n            // set timer\n            const timer = this.setTimeoutFn(() => {\n                openSubDestroy();\n                onError(new Error(\"timeout\"));\n                socket.close();\n            }, timeout);\n            if (this.opts.autoUnref) {\n                timer.unref();\n            }\n            this.subs.push(() => {\n                this.clearTimeoutFn(timer);\n            });\n        }\n        this.subs.push(openSubDestroy);\n        this.subs.push(errorSub);\n        return this;\n    }\n    /**\n     * Alias for open()\n     *\n     * @return self\n     * @public\n     */\n    connect(fn) {\n        return this.open(fn);\n    }\n    /**\n     * Called upon transport open.\n     *\n     * @private\n     */\n    onopen() {\n        // clear old subs\n        this.cleanup();\n        // mark as open\n        this._readyState = \"open\";\n        this.emitReserved(\"open\");\n        // add new subs\n        const socket = this.engine;\n        this.subs.push(on(socket, \"ping\", this.onping.bind(this)), on(socket, \"data\", this.ondata.bind(this)), on(socket, \"error\", this.onerror.bind(this)), on(socket, \"close\", this.onclose.bind(this)), on(this.decoder, \"decoded\", this.ondecoded.bind(this)));\n    }\n    /**\n     * Called upon a ping.\n     *\n     * @private\n     */\n    onping() {\n        this.emitReserved(\"ping\");\n    }\n    /**\n     * Called with data.\n     *\n     * @private\n     */\n    ondata(data) {\n        try {\n            this.decoder.add(data);\n        }\n        catch (e) {\n            this.onclose(\"parse error\", e);\n        }\n    }\n    /**\n     * Called when parser fully decodes a packet.\n     *\n     * @private\n     */\n    ondecoded(packet) {\n        // the nextTick call prevents an exception in a user-provided event listener from triggering a disconnection due to a \"parse error\"\n        nextTick(() => {\n            this.emitReserved(\"packet\", packet);\n        }, this.setTimeoutFn);\n    }\n    /**\n     * Called upon socket error.\n     *\n     * @private\n     */\n    onerror(err) {\n        this.emitReserved(\"error\", err);\n    }\n    /**\n     * Creates a new socket for the given `nsp`.\n     *\n     * @return {Socket}\n     * @public\n     */\n    socket(nsp, opts) {\n        let socket = this.nsps[nsp];\n        if (!socket) {\n            socket = new Socket(this, nsp, opts);\n            this.nsps[nsp] = socket;\n        }\n        else if (this._autoConnect && !socket.active) {\n            socket.connect();\n        }\n        return socket;\n    }\n    /**\n     * Called upon a socket close.\n     *\n     * @param socket\n     * @private\n     */\n    _destroy(socket) {\n        const nsps = Object.keys(this.nsps);\n        for (const nsp of nsps) {\n            const socket = this.nsps[nsp];\n            if (socket.active) {\n                return;\n            }\n        }\n        this._close();\n    }\n    /**\n     * Writes a packet.\n     *\n     * @param packet\n     * @private\n     */\n    _packet(packet) {\n        const encodedPackets = this.encoder.encode(packet);\n        for (let i = 0; i < encodedPackets.length; i++) {\n            this.engine.write(encodedPackets[i], packet.options);\n        }\n    }\n    /**\n     * Clean up transport subscriptions and packet buffer.\n     *\n     * @private\n     */\n    cleanup() {\n        this.subs.forEach((subDestroy) => subDestroy());\n        this.subs.length = 0;\n        this.decoder.destroy();\n    }\n    /**\n     * Close the current socket.\n     *\n     * @private\n     */\n    _close() {\n        this.skipReconnect = true;\n        this._reconnecting = false;\n        this.onclose(\"forced close\");\n        if (this.engine)\n            this.engine.close();\n    }\n    /**\n     * Alias for close()\n     *\n     * @private\n     */\n    disconnect() {\n        return this._close();\n    }\n    /**\n     * Called upon engine close.\n     *\n     * @private\n     */\n    onclose(reason, description) {\n        this.cleanup();\n        this.backoff.reset();\n        this._readyState = \"closed\";\n        this.emitReserved(\"close\", reason, description);\n        if (this._reconnection && !this.skipReconnect) {\n            this.reconnect();\n        }\n    }\n    /**\n     * Attempt a reconnection.\n     *\n     * @private\n     */\n    reconnect() {\n        if (this._reconnecting || this.skipReconnect)\n            return this;\n        const self = this;\n        if (this.backoff.attempts >= this._reconnectionAttempts) {\n            this.backoff.reset();\n            this.emitReserved(\"reconnect_failed\");\n            this._reconnecting = false;\n        }\n        else {\n            const delay = this.backoff.duration();\n            this._reconnecting = true;\n            const timer = this.setTimeoutFn(() => {\n                if (self.skipReconnect)\n                    return;\n                this.emitReserved(\"reconnect_attempt\", self.backoff.attempts);\n                // check again for the case socket closed in above events\n                if (self.skipReconnect)\n                    return;\n                self.open((err) => {\n                    if (err) {\n                        self._reconnecting = false;\n                        self.reconnect();\n                        this.emitReserved(\"reconnect_error\", err);\n                    }\n                    else {\n                        self.onreconnect();\n                    }\n                });\n            }, delay);\n            if (this.opts.autoUnref) {\n                timer.unref();\n            }\n            this.subs.push(() => {\n                this.clearTimeoutFn(timer);\n            });\n        }\n    }\n    /**\n     * Called upon successful reconnect.\n     *\n     * @private\n     */\n    onreconnect() {\n        const attempt = this.backoff.attempts;\n        this._reconnecting = false;\n        this.backoff.reset();\n        this.emitReserved(\"reconnect\", attempt);\n    }\n}\n", "import { url } from \"./url.js\";\nimport { Manager } from \"./manager.js\";\nimport { Socket } from \"./socket.js\";\n/**\n * Managers cache.\n */\nconst cache = {};\nfunction lookup(uri, opts) {\n    if (typeof uri === \"object\") {\n        opts = uri;\n        uri = undefined;\n    }\n    opts = opts || {};\n    const parsed = url(uri, opts.path || \"/socket.io\");\n    const source = parsed.source;\n    const id = parsed.id;\n    const path = parsed.path;\n    const sameNamespace = cache[id] && path in cache[id][\"nsps\"];\n    const newConnection = opts.forceNew ||\n        opts[\"force new connection\"] ||\n        false === opts.multiplex ||\n        sameNamespace;\n    let io;\n    if (newConnection) {\n        io = new Manager(source, opts);\n    }\n    else {\n        if (!cache[id]) {\n            cache[id] = new Manager(source, opts);\n        }\n        io = cache[id];\n    }\n    if (parsed.query && !opts.query) {\n        opts.query = parsed.queryKey;\n    }\n    return io.socket(parsed.path, opts);\n}\n// so that \"lookup\" can be used both as a function (e.g. `io(...)`) and as a\n// namespace (e.g. `io.connect(...)`), for backward compatibility\nObject.assign(lookup, {\n    Manager,\n    Socket,\n    io: lookup,\n    connect: lookup,\n});\n/**\n * Protocol version.\n *\n * @public\n */\nexport { protocol } from \"socket.io-parser\";\n/**\n * Expose constructors for standalone build.\n *\n * @public\n */\nexport { Manager, Socket, lookup as io, lookup as connect, lookup as default, };\n", "/** A zero dependency web component that will display a managed uibuilder variable.\n *\n * Version: 1.0.1 2023-12-27\n */\n/*\n  Copyright (c) 2023-2024 Julian Knight (Totally Information)\n\n  Licensed under the Apache License, Version 2.0 (the \"License\");\n  you may not use this file except in compliance with the License.\n  You may obtain a copy of the License at\n\n  http://www.apache.org/licenses/LICENSE-2.0\n\n  Unless required by applicable law or agreed to in writing, software\n  distributed under the License is distributed on an \"AS IS\" BASIS,\n  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  See the License for the specific language governing permissions and\n  limitations under the License.\n*/\n\n// const template = document.createElement('template')\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`<span></span>`\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`<link type=\"text/css\" rel=\"stylesheet\" href=\"\"../uibuilder/uib-brand.min.css\"\" media=\"all\"><span></span>`\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`\n// {/* <style>@import url(\"../uibuilder/uib-brand.min.css\");</style><span></span> */}\n// `\n\nexport default class UibVar extends HTMLElement {\n    //#region --- Class Properties ---\n    /** @type {string} Name of the uibuilder mangaged variable to use */\n    variable\n    /** Current value of the watched variable */\n    value\n    /** Whether to output if the variable is undefined */\n    undef = false\n    /** Whether to send update value to Node-RED on change */\n    report = false\n    /** What is the value type */\n    type = 'plain'\n    /** what are the available types? */\n    types = ['plain', 'html', 'markdown', 'object', 'json', 'table', 'list', 'array']\n    /** Holds uibuilder.onTopic listeners */\n    topicMonitors = {}\n    /** Is UIBUILDER loaded? */\n    uib = !!window['uibuilder']\n\n    /** Mini jQuery-like shadow dom selector (see constructor) */\n    $\n\n    /** Holds a count of how many instances of this component are on the page */\n    static _iCount = 0\n    /** @type {Array<string>} List of all of the html attribs (props) listened to */\n    static props = ['filter', 'id', 'name', 'report', 'topic', 'type', 'undefined', 'variable',]\n    //#endregion --- Class Properties ---\n\n    constructor() {\n        super()\n        this.shadow = this.attachShadow({ mode: 'open', delegatesFocus: true })\n        //  .append(template.content.cloneNode(true))\n\n        this.$ = this.shadowRoot.querySelector.bind(this.shadowRoot)\n\n        // Apply external styles to the shadow dom - assumes you use index.css in same url location as main url\n        this.css = document.createElement('link')\n        this.css.setAttribute('type', 'text/css')\n        this.css.setAttribute('rel', 'stylesheet')\n        this.css.setAttribute('href', './index.css')\n\n        this.dispatchEvent(new Event('uib-var:construction', { bubbles: true, composed: true }))\n    }\n\n    // Makes HTML attribute change watched\n    static get observedAttributes() {\n        return UibVar.props\n    }\n\n    /** Handle watched attributes\n     * NOTE: On initial startup, this is called for each watched attrib set in HTML - BEFORE connectedCallback is called.\n     * Attribute values can only ever be strings\n     * @param {string} attrib The name of the attribute that is changing\n     * @param {string} newVal The new value of the attribute\n     * @param {string} oldVal The old value of the attribute\n     */\n    attributeChangedCallback(attrib, oldVal, newVal) {\n        if ( oldVal === newVal ) return\n\n        switch (attrib) {\n            case 'variable': {\n                // NB Doesn't check if var exists because it might not be set yet\n                if (newVal === '') throw new Error('[uib-var] Attribute \"variable\" MUST be set to a UIBUILDER managed variable name')\n                this.variable = newVal\n                this.doWatch()\n                break\n            }\n            case 'undefined': {\n                if (newVal === '' || ['on', 'true', 'report'].includes(newVal.toLowerCase())) this.undef = true\n                else this.undef = false\n                break\n            }\n            case 'report': {\n                if (newVal === '' || ['on', 'true', 'report'].includes(newVal.toLowerCase())) this.report = true\n                else this.report = false\n                break\n            }\n            case 'type': {\n                if (newVal === '' || !this.types.includes(newVal.toLowerCase())) this.type = 'plain'\n                else this.type = newVal\n                break\n            }\n            case 'topic': {\n                // console.log(1, attrib, newVal)\n                // Handle empty topic\n                if (!newVal) break\n                // Ignore if not using uibuilder\n                if (!this.uib) break\n                // If variable attrib set, give warning and ignore\n                if (this.variable) {\n                    console.warn('\u26A0\uFE0F [uib-var] Cannot process both variable and topic attributes, use only 1. Using variable')\n                    break\n                }\n\n                this.topic = newVal\n\n                // Cancel old listener just in case\n                if (this.topicMonitors[newVal]) uibuilder.cancelTopic(newVal, this.topicMonitors[newVal])\n                // Set up a uibuilder listener for this topic - ASSUMES msg.payload contains the VALUE to show\n                this.topicMonitors[newVal] = uibuilder.onTopic(newVal, (msg) => {\n                    // console.log('\uD83D\uDD26 topicMonitor \u27EB', newVal, msg)\n                    this.value = msg.payload\n                    this.varDom()\n                    if (this.report === true) window['uibuilder'].send({ topic: this.variable, payload: this.value || undefined })\n                })\n                this.varDom()\n\n                break\n            }\n            case 'filter': {\n                this.filter = undefined\n                this.filterArgs = []\n\n                // Handle empty filter\n                if (!newVal) break\n\n                this.filter = newVal\n\n                // Filter the input - at least limit the length of the attr\n                newVal = newVal.slice(0, 127)\n                // Remove spaces and then separate fn name from potential extra arguments\n                const f = newVal.replace(/\\s/g, '').match(/([a-zA-Z_$][a-zA-Z_$0-9.-]+)(\\((.*)\\))?/)\n                if (!f) {\n                    console.warn(`\u26A0\uFE0F [uib-var] Filter function \"${newVal}\" invalid. Cannot process.`)\n                    break\n                }\n                // Fn name\n                this.filter = f[1]\n                // Fn arguments\n                if (f[3]) { // undefined if no args found\n                    // TODO Do we really want to try this?\n                    try {\n                        this.filterArgs = JSON.parse(f[3])\n                    } catch (e) {}\n\n                    this.filterArgs = f[3].split(',').map((x) => {\n                        // No objects/arrays allowed - if they have a , they are split\n                        x = x.trim()\n                        // @ts-ignore NB: Do NOT use Number.isNaN here, it is too narrow minded\n                        if (isNaN(x)) {\n                            // String inside string ends up double quoted so remove those\n                            let y = x.replace(/^[\"'`]/, '').replace(/[\"'`]$/, '')\n                            // Attempt very limited parse in case it is valid object/array\n                            try {\n                                y = new Function(`return ${y}`)() // eslint-disable-line no-new-func\n                            } catch (e) {}\n                            return y\n                        }\n                        return Number(x)\n                    })\n                }\n\n                // Apply the filter directly if neither variable nor topic attribs set\n                if (!this.variable && !this.topic) this.varDom(false)\n                break\n            }\n\n            default: {\n                this[attrib] = newVal\n                break\n            }\n        }\n    } // --- end of attributeChangedCallback --- //\n\n    // Runs when an instance is added to the DOM\n    connectedCallback() {\n        // Make sure instance has an ID. Create an id from name or calculation if needed\n        if (!this.id) {\n            if (!this.name) this.name = this.getAttribute('name')\n            if (this.name) this.id = this.name.toLowerCase().replace(/\\s/g, '_')\n            else this.id = `uib-var-${++UibVar._iCount}`\n        }\n    }  // ---- end of connectedCallback ---- //\n\n    // Runs when an instance is removed from the DOM\n    disconnectedCallback() {\n        // Ignore if not using uibuilder\n        if (this.uib) {\n            Object.keys(this.topicMonitors).forEach( topic => {\n                uibuilder.cancelTopic(topic, this.topicMonitors[topic])\n            })\n        }\n    } // ---- end of disconnectedCallback ---- //\n\n    /** Process changes to the required uibuilder variable */\n    doWatch() {\n        if (!this.variable) throw new Error('No variable name provided')\n        // if (!this.uib) throw new Error('UIBUILDER client library not loaded - this component must be loaded AFTER the UIBUILDER library')\n\n        this.value = window['uibuilder'].get(this.variable)\n        this.varDom()\n\n        // Watch for changes in the variable\n        window['uibuilder'].onChange(this.variable, (val) => {\n            this.value = val\n            this.varDom()\n            if (this.report === true) window['uibuilder'].send({ topic: this.variable, payload: this.value || undefined })\n        })\n    }\n\n    /** Convert this.value to DOM output (applies output filter if needed)\n     * @param {boolean} chkVal If true (default), check for undefined value. False used to run filter even with no value set.\n     */\n    varDom(chkVal = true) {\n        // If user doesn't want to show undefined vars, allow the component slot to show instead\n        if (chkVal === true && !this.value && this.undef !== true) {\n            this.shadow.innerHTML = '<slot></slot>'\n            return\n        }\n\n        // Apply the filter to the value before display\n        let val = chkVal ? this.doFilter(this.value) : this.doFilter()\n\n        // console.log('\uD83D\uDD26 varDOM \u27EB ', val, typeof val, this.type)\n\n        let out = val\n\n        switch (this.type) {\n            case 'markdown': {\n                if (this.uib) out = window['uibuilder'].convertMarkdown(val)\n                break\n            }\n\n            case 'json':\n            case 'object': {\n                // console.log(window['uibuilder'].syntaxHighlight(val))\n                out = `<pre class=\"syntax-highlight\">${this.uib ? window['uibuilder'].syntaxHighlight(val) : val}</pre>`\n                break\n            }\n\n            case 'table': {\n                // console.log('\uD83D\uDD26 val \u27EB', val)\n                // if (!Array.isArray(val)) {\n                //     out = '<code>Contents of msg.payload is not an array which is required for table output.</code>'\n                //     break\n                // }\n                out = window['uibuilder'].sanitiseHTML(window['uibuilder'].buildHtmlTable(val).outerHTML)\n                break\n            }\n\n            case 'array':\n            case 'list': {\n                if (!Array.isArray(val)) val = [val]\n                // console.log('\uD83D\uDD26 val \u27EB', val)\n                out = '<ul>'\n                val.forEach( li => {\n                    out += `<li>${window['uibuilder'].sanitiseHTML(li)}</li>`\n                })\n                out += '</ul>'\n                break\n            }\n\n            case 'plain':\n            case 'html':\n            default: {\n                const t = typeof val\n                if (Array.isArray(val) || t === '[object Object]' || t === 'object') {\n                    try {\n                        out = JSON.stringify(val)\n                    } catch (e) {}\n                }\n                break\n            }\n        }\n        if (this.uib) this.shadow.innerHTML = window['uibuilder'].sanitiseHTML(out)\n        else this.shadow.innerHTML = out\n\n        this.shadow.appendChild(this.css)\n    }\n\n    /** Apply value filter if specified\n     * @param {*} value The value to change\n     * @returns {*} The amended value that will be displayed\n     */\n    doFilter(value) {\n        if (this.filter) {\n            // Cater for dotted notation functions (e.g. uibuilder.get)\n            const splitFilter = this.filter.split('.')\n            let globalFn = globalThis[splitFilter[0]]\n            if (globalFn && splitFilter.length > 1) {\n                const parts = [splitFilter.pop()]\n                parts.forEach( part => {\n                    globalFn = globalFn[part]\n                } )\n            }\n            if (!globalFn && this.uib === true) globalFn = globalThis['uibuilder'][splitFilter[0]]\n            if (globalFn && typeof globalFn !== 'function' ) globalFn = undefined\n            if (globalFn) {\n                const argList = value === undefined ? [...this.filterArgs] : [value, ...this.filterArgs]\n                value = Reflect.apply(globalFn, value ?? globalFn, argList)\n            } else {\n                console.warn(`\u26A0\uFE0F [uib-var] Filter function \"${this.filter}\" ${typeof globalFn === 'object' ? 'is an object not a function' : 'not found'}`)\n            }\n        }\n\n        return value\n    }\n}\n\n// Add the class as a new Custom Element to the window object\n// customElements.define('uib-var', UibVar)\n", "/** A zero dependency web component that will display some metadata about the current web page.\n *\n * @version 1.0.0 2024-06-01\n *\n * @example\n *  <div id=\"more\">\n *    <uib-meta type=\"created\" format=\"t\"></uib-meta><br>\n *    <uib-meta format=\"d\"></uib-meta><br>\n *    <uib-meta type=\"updated\" format=\"dt\"></uib-meta><br>\n *    <uib-meta type=\"crup\" format=\"d\"></uib-meta><br>\n *    <uib-meta type=\"size\" format=\"k\"></uib-meta><br>\n *  </div>\n */\n/*\n  Copyright (c) 2024-2024 Julian Knight (Totally Information)\n\n  Licensed under the Apache License, Version 2.0 (the \"License\");\n  you may not use this file except in compliance with the License.\n  You may obtain a copy of the License at\n\n  http://www.apache.org/licenses/LICENSE-2.0\n\n  Unless required by applicable law or agreed to in writing, software\n  distributed under the License is distributed on an \"AS IS\" BASIS,\n  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  See the License for the specific language governing permissions and\n  limitations under the License.\n*/\n\n// const template = document.createElement('template')\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`<span></span>`\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`<link type=\"text/css\" rel=\"stylesheet\" href=\"\"../uibuilder/uib-brand.min.css\"\" media=\"all\"><span></span>`\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`\n// {/* <style>@import url(\"../uibuilder/uib-brand.min.css\");</style><span></span> */}\n// `\n\nexport default class UibMeta extends HTMLElement {\n    //#region --- Class Properties ---\n    /** @type {string} Name of the uibuilder mangaged variable to use */\n    variable = 'pageMeta'\n    /** Current value of the watched variable */\n    value\n    /** Whether to output if the variable is undefined */\n    undef = false\n    /** Whether to send update value to Node-RED on change */\n    report = false\n    /** What is the value type */\n    type = 'created'\n    /** what are the available types? */\n    types = ['created', 'updated', 'crup', 'size', 'modified',]\n    /** Chosen formatting - default to none */\n    format = ''\n    /** what are the available formats? */\n    formats = ['d', 'dt', 't', 'k', 'm']\n    /** Holds uibuilder.onTopic listeners */\n    topicMonitors = {}\n    /** Is UIBUILDER loaded? */\n    uib = !!window['uibuilder']\n\n    /** Mini jQuery-like shadow dom selector (see constructor) */\n    $\n\n    /** Holds a count of how many instances of this component are on the page */\n    static _iCount = 0\n    /** @type {Array<string>} List of all of the html attribs (props) listened to */\n    static props = ['type', 'format']\n    //#endregion --- Class Properties ---\n\n    constructor() {\n        super()\n        this.shadow = this.attachShadow({ mode: 'open', delegatesFocus: true })\n        //  .append(template.content.cloneNode(true))\n\n        this.$ = this.shadowRoot.querySelector.bind(this.shadowRoot)\n\n        // Apply external styles to the shadow dom - assumes you use index.css in same url location as main url\n        // this.css = document.createElement('link')\n        // this.css.setAttribute('type', 'text/css')\n        // this.css.setAttribute('rel', 'stylesheet')\n        // this.css.setAttribute('href', './index.css')\n\n        // Get the latest page metadata from the server\n        this.value = window['uibuilder'].get('pageMeta')\n        if (!this.value) window['uibuilder'].getPageMeta()\n        this.doWatch()\n\n        this.dispatchEvent(new Event('uib-meta:construction', { bubbles: true, composed: true }))\n    }\n\n    // Makes HTML attribute change watched\n    static get observedAttributes() {\n        return UibMeta.props\n    }\n\n    /** Handle watched attributes\n     * NOTE: On initial startup, this is called for each watched attrib set in HTML - BEFORE connectedCallback is called.\n     * Attribute values can only ever be strings\n     * @param {string} attrib The name of the attribute that is changing\n     * @param {string} newVal The new value of the attribute\n     * @param {string} oldVal The old value of the attribute\n     */\n    attributeChangedCallback(attrib, oldVal, newVal) {\n        if ( oldVal === newVal ) return\n\n        switch (attrib) {\n            case 'type': {\n                if (newVal === '' || !this.types.includes(newVal.toLowerCase())) this.type = 'created'\n                else this.type = newVal\n                break\n            }\n\n            case 'format': {\n                if (!this.formats.includes(newVal.toLowerCase())) this.type = ''\n                else this[attrib] = newVal\n                break\n            }\n\n            default: {\n                this[attrib] = newVal\n                break\n            }\n        }\n    } // --- end of attributeChangedCallback --- //\n\n    // Runs when an instance is added to the DOM\n    connectedCallback() {\n        // Make sure instance has an ID. Create an id from name or calculation if needed\n        if (!this.id) {\n            if (!this.name) this.name = this.getAttribute('name')\n            if (this.name) this.id = this.name.toLowerCase().replace(/\\s/g, '_')\n            else this.id = `uib-meta-${++UibMeta._iCount}`\n        }\n    }  // ---- end of connectedCallback ---- //\n\n    // Runs when an instance is removed from the DOM\n    // disconnectedCallback() {\n    //     // Ignore if not using uibuilder\n    //     if (this.uib) {\n    //         Object.keys(this.topicMonitors).forEach( topic => {\n    //             uibuilder.cancelTopic(topic, this.topicMonitors[topic])\n    //         })\n    //     }\n    // } // ---- end of disconnectedCallback ---- //\n\n    /** Process changes to the required uibuilder variable */\n    doWatch() {\n        // if (!this.variable) throw new Error('No variable name provided')\n        // if (!this.uib) throw new Error('UIBUILDER client library not loaded - this component must be loaded AFTER the UIBUILDER library')\n\n        // this.value = window['uibuilder'].get(this.variable)\n        this.varDom()\n\n        // Watch for changes in the variable\n        window['uibuilder'].onChange(this.variable, (val) => {\n            this.value = val\n            this.varDom()\n            if (this.report === true) window['uibuilder'].send({ topic: this.variable, payload: this.value || undefined })\n        })\n    }\n\n    /** Convert this.value to DOM output (applies output filter if needed)\n     * @param {boolean} chkVal If true (default), check for undefined value. False used to run filter even with no value set.\n     */\n    varDom(chkVal = true) {\n        // If user doesn't want to show undefined vars, allow the component slot to show instead\n        if (chkVal === true && !this.value && this.undef !== true) {\n            this.shadow.innerHTML = '<slot></slot>'\n            return\n        }\n\n        // Apply the filter to the value before display\n        // const val = chkVal ? this.doFilter(this.value) : this.doFilter()\n\n        // console.log('\uD83E\uDDEA varDOM: ', val, typeof val, this.type)\n\n        let out // = val\n\n        switch (this.type) {\n            case 'size': { // File size in bytes\n                out = `Size: ${this.doFormat(this.value.size, 'num')}b`\n                break\n            }\n\n            case 'modified':\n            case 'updated': { // both created and updated dates\n                out = `Updated: ${this.doFormat(this.value.modified, 'dt')}`\n                break\n            }\n\n            case 'crup': {\n                out = `Created: ${this.doFormat(this.value.created, 'dt')}, Updated: ${this.doFormat(this.value.modified, 'dt')}`\n                break\n            }\n\n            case 'created':\n            default: {\n                out = `Created: ${this.doFormat(this.value.created, 'dt')}`\n                break\n            }\n        }\n        // if (this.uib) this.shadow.innerHTML = window['uibuilder'].sanitiseHTML(out)\n        // else this.shadow.innerHTML = out\n        if (out !== undefined) this.shadow.innerHTML = out\n\n        // this.shadow.appendChild(this.css)\n    }\n\n    /** Format a value using this.format\n     * @param {Date|string|number} val Value to format\n     * @param {'num'|'dt'} type Type of of input\n     * @returns {*} Formatted value\n     */\n    doFormat(val, type) {\n        if (this.format === '') return val\n\n        // ['d', 'dt', 't', 'k', 'm']\n        let out\n        switch (this.format) {\n            case 'd': {\n                if (type === 'dt') out = (new Date(val)).toLocaleDateString()\n                else out = val\n                break\n            }\n\n            case 't': {\n                if (type === 'dt') out = (new Date(val)).toLocaleTimeString()\n                else out = val\n                break\n            }\n\n            case 'dt': {\n                if (type === 'dt') out = (new Date(val)).toLocaleString()\n                else out = val\n                break\n            }\n\n            case 'k': {\n                if (type === 'num') out = `${uibuilder.round(val/1024, 1)} k`\n                else out = val\n                break\n            }\n\n            case 'm': {\n                if (type === 'num') out = `${uibuilder.round(val/1048576, 2)} M`\n                else out = val\n                break\n            }\n\n            default: {\n                out = val\n                // break\n            }\n        }\n        return out\n    }\n\n    /** Apply value filter if specified\n     * @param {*} value The value to change\n     * @returns {*} The amended value that will be displayed\n     */\n    // doFilter(value) {\n    //     if (this.filter) {\n    //         // Cater for dotted notation functions (e.g. uibuilder.get)\n    //         const splitFilter = this.filter.split('.')\n    //         let globalFn = globalThis[splitFilter[0]]\n    //         if (globalFn && splitFilter.length > 1) {\n    //             const parts = [splitFilter.pop()]\n    //             parts.forEach( part => {\n    //                 globalFn = globalFn[part]\n    //             } )\n    //         }\n    //         if (!globalFn && this.uib === true) globalFn = globalThis['uibuilder'][splitFilter[0]]\n    //         if (globalFn && typeof globalFn !== 'function' ) globalFn = undefined\n    //         if (globalFn) {\n    //             const argList = value === undefined ? [...this.filterArgs] : [value, ...this.filterArgs]\n    //             value = Reflect.apply(globalFn, value ?? globalFn, argList)\n    //         } else {\n    //             console.warn(`\u26A0\uFE0F [uib-var] Filter function \"${this.filter}\" ${typeof globalFn === 'object' ? 'is an object not a function' : 'not found'}`)\n    //         }\n    //     }\n\n    //     return value\n    // }\n}\n\n// Add the class as a new Custom Element to the window object\n// customElements.define('uib-meta', UibMeta)\n", "/** A zero dependency web component that will display some metadata about the current web page.\n *\n * @version 1.0.0 2024-06-01\n *\n * @example\n *  <div id=\"more\">\n *    <uib-meta type=\"created\" format=\"t\"></uib-meta><br>\n *    <uib-meta format=\"d\"></uib-meta><br>\n *    <uib-meta type=\"updated\" format=\"dt\"></uib-meta><br>\n *    <uib-meta type=\"crup\" format=\"d\"></uib-meta><br>\n *    <uib-meta type=\"size\" format=\"k\"></uib-meta><br>\n *  </div>\n */\n/*\n  Copyright (c) 2024-2024 Julian Knight (Totally Information)\n\n  Licensed under the Apache License, Version 2.0 (the \"License\");\n  you may not use this file except in compliance with the License.\n  You may obtain a copy of the License at\n\n  http://www.apache.org/licenses/LICENSE-2.0\n\n  Unless required by applicable law or agreed to in writing, software\n  distributed under the License is distributed on an \"AS IS\" BASIS,\n  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  See the License for the specific language governing permissions and\n  limitations under the License.\n*/\n\nconst uib = window['uibuilder']\n\n// const template = document.createElement('template')\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`<span></span>`\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`<link type=\"text/css\" rel=\"stylesheet\" href=\"\"../uibuilder/uib-brand.min.css\"\" media=\"all\"><span></span>`\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`\n// {/* <style>@import url(\"../uibuilder/uib-brand.min.css\");</style><span></span> */}\n// `\n\nexport default class ApplyTemplate extends HTMLElement {\n    //#region --- Class Properties ---\n    /** Holds a count of how many instances of this component are on the page */\n    static _iCount = 0\n    /** @type {Array<string>} List of all of the html attribs (props) listened to */\n    static props = ['template-id', 'once']\n    // Holder for once attribute\n    once = false\n    // Holder for uibuilder log\n    log\n    //#endregion --- Class Properties ---\n\n    constructor() {\n        super()\n        // this.shadow = this.attachShadow({ mode: 'open', delegatesFocus: true })\n        //  .append(template.content.cloneNode(true))\n\n        // this.$ = this.shadowRoot.querySelector.bind(this.shadowRoot)\n\n        // Apply external styles to the shadow dom - assumes you use index.css in same url location as main url\n        // this.css = document.createElement('link')\n        // this.css.setAttribute('type', 'text/css')\n        // this.css.setAttribute('rel', 'stylesheet')\n        // this.css.setAttribute('href', './index.css')\n\n        // Get the latest page metadata from the server\n        // this.value = window['uibuilder'].get('pageMeta')\n        // if (!this.value) window['uibuilder'].getPageMeta()\n        // this.doWatch()\n\n        if (!window['uibuilder']) throw new Error('uibuilder client library not available')\n        this.log = window['uibuilder'].log\n        this.dispatchEvent(new Event('apply-template:construction', { bubbles: true, composed: true }))\n    }\n\n    // Makes HTML attribute change watched\n    static get observedAttributes() {\n        return ApplyTemplate.props\n    }\n\n    /** Handle watched attributes\n     * NOTE: On initial startup, this is called for each watched attrib set in HTML - BEFORE connectedCallback is called.\n     * Attribute values can only ever be strings\n     * @param {string} attrib The name of the attribute that is changing\n     * @param {string} newVal The new value of the attribute\n     * @param {string} oldVal The old value of the attribute\n     */\n    attributeChangedCallback(attrib, oldVal, newVal) {\n        if ( oldVal === newVal ) return\n        this[attrib] = newVal\n    } // --- end of attributeChangedCallback --- //\n\n    // Runs when an instance is added to the DOM\n    connectedCallback() {\n        const templateId = this['template-id']\n        const onceOnly = this['once']\n\n        if (templateId) {\n            const template = document.getElementById(templateId)\n\n            if (template) {\n                try {\n                    let content\n                    if (onceOnly === false) {\n                        content = document.importNode(template.content, true)\n                    } else {\n                        content = document.adoptNode(template.content)\n                    }\n                    // NB content.childElementCount = 0 after adoption\n                    this.appendChild(content)\n                } catch (e) {\n                    this.log('error', 'ApplyTemplate', `Source must be a <template>. id='${templateId}'`)\n                }\n            } else {\n                this.log('error', 'ApplyTemplate', `Source not found: id='${templateId}'`)\n            }\n        } else {\n            this.log('error', 'ApplyTemplate', 'Template id attribute not provided. Template must be identified by an id attribute.')\n        }\n    }\n}\n\n// Add the class as a new Custom Element to the window object\n// customElements.define('uib-meta', UibMeta)\n"],
   "mappings": "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",
   "names": ["require_ui", "__commonJSMin", "exports", "module", "_a", "Ui", "win", "extLog", "jsonHighlight", "__publicField", "str", "lang", "high", "plugin", "name", "config", "notify", "resolve", "reject", "ev", "ui", "isRecurse", "compToAdd", "i", "newEl", "elParent", "el", "comp", "attrib", "type", "evt", "err", "prop", "parentEl", "components", "ns", "component", "__toESM", "__require", "script", "sheet", "msg", "all", "compToRemove", "els", "compToReplace", "elToReplace", "compToUpd", "elToUpd", "j", "nc", "nestedComp", "k", "method", "cssSelector", "output", "out", "attr", "e", "classNames", "sourceId", "targetId", "template", "target", "content", "data", "keys", "tbl", "thead", "headerRow", "headers", "header", "th", "tbody", "item", "row", "cell", "mdText", "url", "uiOptions", "response", "error", "contentType", "slot", "txtReturn", "newScript", "textFn", "newStyle", "opts", "sourceSelector", "targetSelector", "moveType", "position", "node", "thisOut", "listEntries", "bodyEntries", "headEntries", "cols", "v", "permit", "tempFrag", "elRange", "html", "toaster", "toast", "json", "propName", "selection", "p", "cType", "key", "import_ui", "PACKET_TYPES", "PACKET_TYPES_REVERSE", "key", "ERROR_PACKET", "withNativeBlob", "withNativeArrayBuffer", "isView", "obj", "encodePacket", "type", "data", "supportsBinary", "callback", "encodeBlobAsBase64", "PACKET_TYPES", "fileReader", "content", "toArray", "TEXT_ENCODER", "encodePacketToBinary", "packet", "encoded", "chars", "lookup", "i", "decode", "base64", "bufferLength", "len", "p", "encoded1", "encoded2", "encoded3", "encoded4", "arraybuffer", "bytes", "lookup", "withNativeArrayBuffer", "decodePacket", "encodedPacket", "binaryType", "mapBinary", "type", "decodeBase64Packet", "PACKET_TYPES_REVERSE", "ERROR_PACKET", "data", "decoded", "decode", "SEPARATOR", "encodePayload", "packets", "callback", "length", "encodedPackets", "count", "packet", "i", "encodePacket", "encodedPacket", "decodePayload", "encodedPayload", "binaryType", "decodedPacket", "decodePacket", "createPacketEncoderStream", "controller", "encodePacketToBinary", "payloadLength", "header", "view", "TEXT_DECODER", "totalLength", "chunks", "acc", "chunk", "concatChunks", "size", "buffer", "j", "createPacketDecoderStream", "maxPayload", "state", "expectedLength", "isBinary", "headerArray", "n", "ERROR_PACKET", "data", "protocol", "Emitter", "obj", "mixin", "key", "event", "fn", "on", "callbacks", "cb", "i", "args", "len", "globalThisShim", "pick", "obj", "attr", "acc", "k", "NATIVE_SET_TIMEOUT", "globalThisShim", "NATIVE_CLEAR_TIMEOUT", "installTimerFunctions", "opts", "BASE64_OVERHEAD", "byteLength", "utf8Length", "str", "c", "length", "l", "encode", "obj", "str", "i", "decode", "qs", "qry", "pairs", "l", "pair", "TransportError", "reason", "description", "context", "Transport", "Emitter", "opts", "installTimerFunctions", "packets", "data", "packet", "decodePacket", "details", "onPause", "schema", "query", "hostname", "encodedQuery", "encode", "alphabet", "length", "map", "seed", "i", "prev", "encode", "num", "encoded", "yeast", "now", "encode", "prev", "seed", "i", "length", "map", "alphabet", "value", "hasCORS", "XHR", "opts", "xdomain", "hasCORS", "globalThisShim", "empty", "hasXHR2", "XHR", "Polling", "Transport", "opts", "isSSL", "port", "forceBase64", "onPause", "pause", "total", "data", "callback", "packet", "decodePayload", "close", "packets", "encodePayload", "schema", "query", "yeast", "Request", "fn", "req", "xhrStatus", "context", "_Request", "Emitter", "uri", "installTimerFunctions", "_a", "pick", "xhr", "i", "e", "err", "fromError", "unloadHandler", "terminationEvent", "globalThisShim", "nextTick", "cb", "setTimeoutFn", "WebSocket", "globalThisShim", "usingBrowserWebSocket", "defaultBinaryType", "isReactNative", "WS", "Transport", "opts", "uri", "protocols", "pick", "usingBrowserWebSocket", "WebSocket", "err", "closeEvent", "ev", "packets", "i", "packet", "lastPacket", "encodePacket", "data", "nextTick", "schema", "query", "yeast", "WT", "Transport", "err", "stream", "decoderStream", "createPacketDecoderStream", "reader", "encoderStream", "createPacketEncoderStream", "read", "done", "value", "packet", "packets", "i", "lastPacket", "nextTick", "_a", "transports", "WS", "WT", "Polling", "re", "parts", "parse", "str", "src", "b", "e", "m", "uri", "i", "pathNames", "queryKey", "obj", "path", "regx", "names", "query", "data", "$0", "$1", "$2", "Socket", "_Socket", "Emitter", "uri", "opts", "defaultBinaryType", "parse", "installTimerFunctions", "decode", "name", "query", "protocol", "transports", "transport", "reason", "failed", "onTransportOpen", "msg", "cleanup", "err", "freezeTransport", "onerror", "error", "onTransportClose", "onclose", "onupgrade", "to", "i", "l", "packet", "data", "packets", "payloadSize", "byteLength", "options", "fn", "type", "close", "cleanupAndClose", "waitForUpgrade", "description", "upgrades", "filteredUpgrades", "j", "protocol", "Socket", "url", "uri", "path", "loc", "obj", "parse", "host", "esm_exports", "__export", "Decoder", "Encoder", "PacketType", "protocol", "withNativeArrayBuffer", "isView", "obj", "toString", "withNativeBlob", "withNativeFile", "isBinary", "hasBinary", "toJSON", "i", "l", "key", "deconstructPacket", "packet", "buffers", "packetData", "pack", "_deconstructPacket", "data", "isBinary", "placeholder", "newData", "key", "reconstructPacket", "_reconstructPacket", "i", "RESERVED_EVENTS", "protocol", "PacketType", "Encoder", "replacer", "obj", "hasBinary", "str", "deconstruction", "deconstructPacket", "pack", "buffers", "isObject", "value", "Decoder", "_Decoder", "Emitter", "reviver", "packet", "isBinaryEvent", "BinaryReconstructor", "isBinary", "i", "p", "start", "buf", "next", "c", "payload", "type", "binData", "reconstructPacket", "on", "obj", "ev", "fn", "RESERVED_EVENTS", "Socket", "Emitter", "io", "nsp", "opts", "on", "args", "ev", "packet", "PacketType", "id", "ack", "isTransportWritable", "_a", "timeout", "timer", "i", "fn", "resolve", "reject", "arg1", "arg2", "err", "responseArgs", "force", "data", "reason", "description", "listeners", "listener", "self", "sent", "pid", "subDestroy", "compress", "Backoff", "opts", "ms", "rand", "deviation", "min", "max", "jitter", "Manager", "Emitter", "uri", "opts", "_a", "installTimerFunctions", "Backoff", "_parser", "esm_exports", "v", "fn", "Socket", "socket", "self", "openSubDestroy", "on", "onError", "err", "errorSub", "timeout", "timer", "data", "e", "packet", "nextTick", "nsp", "nsps", "encodedPackets", "subDestroy", "reason", "description", "delay", "attempt", "cache", "lookup", "uri", "opts", "parsed", "url", "source", "id", "path", "sameNamespace", "newConnection", "io", "Manager", "Socket", "_UibVar", "__publicField", "attrib", "oldVal", "newVal", "msg", "f", "x", "y", "topic", "val", "chkVal", "out", "li", "t", "value", "splitFilter", "globalFn", "part", "argList", "UibVar", "_UibMeta", "__publicField", "attrib", "oldVal", "newVal", "val", "chkVal", "out", "type", "UibMeta", "uib", "_ApplyTemplate", "__publicField", "attrib", "oldVal", "newVal", "templateId", "onceOnly", "template", "content", "ApplyTemplate", "version", "isMinified", "param", "log", "args", "level", "strLevel", "head", "ll", "syntaxHighlight", "json", "match", "cls", "_ui", "Ui", "_a", "_pingInterval", "_propChangeCallbacks", "_msgRecvdByTopicCallbacks", "_timerid", "_MsgHandler", "_isShowMsg", "_isShowStatus", "_sendUrlHash", "_uniqueElID", "_extCommands", "_managedVars", "_showStatus", "_uiObservers", "_uibAttrSel", "Uib", "__publicField", "__privateAdd", "cb", "c", "splitC", "event", "__privateGet", "fullPath", "autoloadVars", "id", "prop", "val", "store", "autoload", "value", "autoVars", "e", "title", "details", "callback", "nextCbRef", "propChangeCallback", "cbRef", "topic", "msgRecvdEvtCallback", "msg", "receivedMsg", "serverTimestamp", "offset", "a1", "a2", "uName", "varToCopy", "data", "cssSelector", "el", "exists", "decimalPlaces", "intl", "opts", "out", "obj", "size", "jsonString", "url", "thing", "property", "num", "p", "n", "originator", "ms", "oReq", "headers", "elapsedTime", "__privateSet", "deflt", "ret", "toggle", "mdText", "uiOptions", "textFn", "slot", "component", "html", "type", "ui", "propName", "mutations", "m", "aNames", "uibChildren", "k", "v", "hasChecked", "hasValue", "parentEl", "files", "noSend", "file", "props", "ignoreAttribs", "attribs", "name", "classes", "key", "checked", "option", "formDetails", "config", "res", "err", "__privateWrapper", "showHide", "parent", "root", "entry", "startStop", "send", "showLog", "targetNode", "that", "mutationList", "mu", "oMu", "an", "i", "htmlCache", "receivedCtrlMsg", "r", "msgToSend", "channel", "numMsgs", "cmd", "quiet", "response", "info", "newUrl", "txtToSend", "logLevel", "domevent", "target", "payload", "frmEl", "nprops", "room", "reader", "arrayBuffer", "maxSize", "ioNamespace", "u", "t", "delay", "factor", "depth", "reason", "lookup", "options", "eMsg", "uibuilder", "selector", "uibuilder_module_default", "uibuilder", "UibVar", "UibMeta", "ApplyTemplate"]
 }
diff --git a/front-end/uibuilder.iife.js b/front-end/uibuilder.iife.js
index a63b2374..7fc14e8a 100644
--- a/front-end/uibuilder.iife.js
+++ b/front-end/uibuilder.iife.js
@@ -59,7 +59,7 @@
          */
         constructor(win, extLog, jsonHighlight) {
           //#region --- Class variables ---
-          __publicField(this, "version", "7.0.3-src");
+          __publicField(this, "version", "7.0.4-src");
           // List of tags and attributes not in sanitise defaults but allowed in uibuilder.
           __publicField(this, "sanitiseExtraTags", ["uib-var"]);
           __publicField(this, "sanitiseExtraAttribs", ["variable", "report", "undefined"]);
@@ -5059,7 +5059,7 @@
 
   // src/front-end-module/uibuilder.module.js
   var import_meta = {};
-  var version = "7.0.3-iife";
+  var version = "7.0.4-iife";
   var isMinified = !/param/.test(function(param) {
   });
   function log() {
diff --git a/front-end/uibuilder.iife.min.js b/front-end/uibuilder.iife.min.js
index 30eb69eb..db2bbe6d 100644
--- a/front-end/uibuilder.iife.min.js
+++ b/front-end/uibuilder.iife.min.js
@@ -1,2 +1,2 @@
-(()=>{var Ot=Object.create;var de=Object.defineProperty;var xt=Object.getOwnPropertyDescriptor;var At=Object.getOwnPropertyNames;var Nt=Object.getPrototypeOf,Rt=Object.prototype.hasOwnProperty;var qe=r=>{throw TypeError(r)};var $t=(r,e,t)=>e in r?de(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;var He=(r=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(r,{get:(e,t)=>(typeof require<"u"?require:e)[t]}):r)(function(r){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+r+'" is not supported')});var Tt=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports),Lt=(r,e)=>{for(var t in e)de(r,t,{get:e[t],enumerable:!0})},Ut=(r,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of At(e))!Rt.call(r,s)&&s!==t&&de(r,s,{get:()=>e[s],enumerable:!(i=xt(e,s))||i.enumerable});return r};var Oe=(r,e,t)=>(t=r!=null?Ot(Nt(r)):{},Ut(e||!r||!r.__esModule?de(t,"default",{value:r,enumerable:!0}):t,r));var h=(r,e,t)=>$t(r,typeof e!="symbol"?e+"":e,t),Fe=(r,e,t)=>e.has(r)||qe("Cannot "+t);var f=(r,e,t)=>(Fe(r,e,"read from private field"),t?t.call(r):e.get(r)),k=(r,e,t)=>e.has(r)?qe("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(r):e.set(r,t),S=(r,e,t,i)=>(Fe(r,e,"write to private field"),i?i.call(r,t):e.set(r,t),t);var fe=(r,e,t,i)=>({set _(s){S(r,e,s,t)},get _(){return f(r,e,i)}});var Ve=Tt((ai,je)=>{var a,It=(a=class{constructor(e,t,i){h(this,"version","7.0.3-src");h(this,"sanitiseExtraTags",["uib-var"]);h(this,"sanitiseExtraAttribs",["variable","report","undefined"]);h(this,"ui_md_plugins");if(e)a.win=e;else throw new Error("Ui:constructor. Current environment does not include `window`, UI functions cannot be used.");a.doc=a.win.document,t?a.log=t:a.log=function(){return function(){}},i?this.syntaxHighlight=i:this.syntaxHighlight=function(){},a.win.markdownit&&(a.mdOpts={html:!0,xhtmlOut:!1,linkify:!0,_highlight:!0,_strict:!1,_view:"html",langPrefix:"language-",highlight:function(s,n){if(n&&window.hljs&&window.hljs.getLanguage(n))try{return'<pre class="">\n                                    <code class="hljs border">'.concat(window.hljs.highlight(s,{language:n,ignoreIllegals:!0}).value,"</code></pre>")}finally{}return'<pre class="hljs border"><code>'.concat(a.md.utils.escapeHtml(s).trim(),"</code></pre>")}},a.md=a.win.markdownit(a.mdOpts))}_markDownIt(){if(a.win.markdownit&&(!this.ui_md_plugins&&a.win.uibuilder&&a.win.uibuilder.ui_md_plugins&&(this.ui_md_plugins=a.win.uibuilder.ui_md_plugins),a.mdOpts={html:!0,xhtmlOut:!1,linkify:!0,_highlight:!0,_strict:!1,_view:"html",langPrefix:"language-",highlight:function(e,t){if(window.hljs)if(t&&window.hljs.getLanguage(t))try{return'<pre><code class="hljs border language-'.concat(t,'" data-language="').concat(t,'" title="Source language: \'').concat(t,"'\">").concat(window.hljs.highlight(e,{language:t,ignoreIllegals:!0}).value,"</code></pre>")}finally{}else try{let i=window.hljs.highlightAuto(e);return'<pre><code class="hljs border language-'.concat(i.language,'" data-language="').concat(i.language,'" title="Source language estimated by HighlightJS: \'').concat(i.language,"'\">").concat(i.value,"</code></pre>")}finally{}return'<pre><code class="border">'.concat(a.md.utils.escapeHtml(e).trim(),"</code></pre>")}},a.md=a.win.markdownit(a.mdOpts),this.ui_md_plugins)){if(!Array.isArray(this.ui_md_plugins)){a.log("error","Ui:_markDownIt:plugins","Could not load plugins, ui_md_plugins is not an array")();return}this.ui_md_plugins.forEach(e=>{if(typeof e=="string")a.md.use(a.win[e]);else{let t=Object.keys(e)[0];a.md.use(a.win[t],e[t])}})}}_showNotification(e){e.topic&&!e.title&&(e.title=e.topic),e.title||(e.title="uibuilder notification"),e.payload&&!e.body&&(e.body=e.payload),e.body||(e.body=" No message given.");try{let t=new Notification(e.title,e);return new Promise((i,s)=>{t.addEventListener("close",n=>{n.currentTarget.userAction="close",i(n)}),t.addEventListener("click",n=>{n.currentTarget.userAction="click",i(n)}),t.addEventListener("error",n=>{n.currentTarget.userAction="error",s(n)})})}catch{return Promise.reject(new Error("Browser refused to create a Notification"))}}_uiAdd(e,t){a.log("trace","Ui:_uiManager:add","Starting _uiAdd")(),e.components.forEach((i,s)=>{a.log("trace","Ui:_uiAdd:components-forEach:".concat(s),"Component to add: ",i)();let n;switch(i.type){case"html":{i.ns="html",n=a.doc.createElement("div");break}case"svg":{i.ns="svg",n=a.doc.createElementNS("http://www.w3.org/2000/svg","svg");break}default:{i.ns="dom",n=a.doc.createElement(i.type);break}}!i.slot&&e.payload&&(i.slot=e.payload),this._uiComposeComponent(n,i);let o;i.parentEl?o=i.parentEl:e.parentEl?o=e.parentEl:i.parent?o=a.doc.querySelector(i.parent):e.parent&&(o=a.doc.querySelector(e.parent)),o||(a.log("info","Ui:_uiAdd","No parent found, adding to body")(),o=a.doc.querySelector("body")),i.position&&i.position==="first"?o.insertBefore(n,o.firstChild):i.position&&Number.isInteger(Number(i.position))?o.insertBefore(n,o.children[i.position]):o.appendChild(n),i.components&&this._uiExtendEl(n,i.components,i.ns)})}_uiComposeComponent(e,t){t.attributes&&Object.keys(t.attributes).forEach(i=>{i==="class"&&Array.isArray(t.attributes[i])&&t.attributes[i].join(" "),a.log("trace","_uiComposeComponent:attributes-forEach","Attribute: '".concat(i,"', value: '").concat(t.attributes[i],"'"))(),i==="value"&&(e.value=t.attributes[i]),i.startsWith("xlink:")?e.setAttributeNS("http://www.w3.org/1999/xlink",i,t.attributes[i]):e.setAttribute(i,t.attributes[i])}),t.id&&e.setAttribute("id",t.id),t.type==="svg"&&(e.setAttributeNS("http://www.w3.org/2000/xmlns/","xmlns","http://www.w3.org/2000/svg"),e.setAttributeNS("http://www.w3.org/2000/xmlns/","xmlns:xlink","http://www.w3.org/1999/xlink")),t.events&&Object.keys(t.events).forEach(i=>{i.toLowerCase==="onclick"&&(i="click");try{e.addEventListener(i,s=>{new Function("evt","".concat(t.events[i],"(evt)"))(s)})}catch(s){a.log("error","Ui:_uiComposeComponent","Add event '".concat(i,"' for element '").concat(t.type,"': Cannot add event handler. ").concat(s.message))()}}),t.properties&&Object.keys(t.properties).forEach(i=>{e[i]=t.properties[i],["value","checked"].includes(i)&&(e.dispatchEvent(new Event("input")),e.dispatchEvent(new Event("change")))}),t.slot&&this.replaceSlot(e,t.slot),t.slotMarkdown&&this.replaceSlotMarkdown(e,t)}_uiExtendEl(e,t,i=""){t.forEach((s,n)=>{a.log("trace","Ui:_uiExtendEl:components-forEach:".concat(n),s)();let o;s.ns=i,s.ns==="html"?(o=e,this.replaceSlot(e,s.slot)):s.ns==="svg"?(o=a.doc.createElementNS("http://www.w3.org/2000/svg",s.type),this._uiComposeComponent(o,s),e.appendChild(o)):(o=a.doc.createElement(s.type==="html"?"div":s.type),this._uiComposeComponent(o,s),e.appendChild(o)),s.components&&this._uiExtendEl(o,s.components,s.ns)})}_uiLoad(e){e.components&&(Array.isArray(e.components)||(e.components=[e.components]),e.components.forEach(async t=>{Promise.resolve().then(()=>Oe(He(t)))})),e.srcScripts&&(Array.isArray(e.srcScripts)||(e.srcScripts=[e.srcScripts]),e.srcScripts.forEach(t=>{this.loadScriptSrc(t)})),e.txtScripts&&(Array.isArray(e.txtScripts)||(e.txtScripts=[e.txtScripts]),this.loadScriptTxt(e.txtScripts.join("\n"))),e.srcStyles&&(Array.isArray(e.srcStyles)||(e.srcStyles=[e.srcStyles]),e.srcStyles.forEach(t=>{this.loadStyleSrc(t)})),e.txtStyles&&(Array.isArray(e.txtStyles)||(e.txtStyles=[e.txtStyles]),this.loadStyleTxt(e.txtStyles.join("\n")))}_uiManager(e){e._ui&&(Array.isArray(e._ui)||(e._ui=[e._ui]),e._ui.forEach((t,i)=>{if(t.mode&&!t.method&&(t.method=t.mode),!t.method){a.log("error","Ui:_uiManager","No method defined for msg._ui[".concat(i,"]. Ignoring. "),t)();return}switch(t.payload=e.payload,t.topic=e.topic,t.method){case"add":{this._uiAdd(t,!1);break}case"remove":{this._uiRemove(t,!1);break}case"removeAll":{this._uiRemove(t,!0);break}case"replace":{this._uiReplace(t);break}case"update":{this._uiUpdate(t);break}case"load":{this._uiLoad(t);break}case"reload":{this._uiReload();break}case"notify":{this.showDialog("notify",t,e);break}case"alert":{this.showDialog("alert",t,e);break}default:{a.log("error","Ui:_uiManager","Invalid msg._ui[".concat(i,"].method (").concat(t.method,"). Ignoring"))();break}}}))}_uiReload(){a.log("trace","Ui:uiManager:reload","reloading")(),location.reload()}_uiRemove(e,t=!1){e.components.forEach(i=>{let s;t!==!0?s=[a.doc.querySelector(i)]:s=a.doc.querySelectorAll(i),s.forEach(n=>{try{n.remove()}catch(o){a.log("trace","Ui:_uiRemove","Could not remove. ".concat(o.message))()}})})}_uiReplace(e){a.log("trace","Ui:_uiReplace","Starting")(),e.components.forEach((t,i)=>{a.log("trace","Ui:_uiReplace:components-forEach:".concat(i),"Component to replace: ",t)();let s;if(t.id?s=a.doc.getElementById(t.id):t.selector||t.select?s=a.doc.querySelector(t.selector):t.name?s=a.doc.querySelector('[name="'.concat(t.name,'"]')):t.type&&(s=a.doc.querySelector(t.type)),a.log("trace","Ui:_uiReplace:components-forEach:".concat(i),"Element to replace: ",s)(),s==null){a.log("trace","Ui:_uiReplace:components-forEach:".concat(i,":noReplace"),"Cannot find the DOM element. Adding instead.",t)(),this._uiAdd({components:[t]},!1);return}let n;switch(t.type){case"html":{t.ns="html",n=a.doc.createElement("div");break}case"svg":{t.ns="svg",n=a.doc.createElementNS("http://www.w3.org/2000/svg","svg");break}default:{t.ns="dom",n=a.doc.createElement(t.type);break}}this._uiComposeComponent(n,t),s.replaceWith(n),t.components&&this._uiExtendEl(n,t.components,t.ns)})}_uiUpdate(e){a.log("trace","UI:_uiUpdate:update","Starting _uiUpdate",e)(),e.components||(e.components=[Object.assign({},e)]),e.components.forEach((t,i)=>{a.log("trace","_uiUpdate:components-forEach","Start loop #".concat(i),t)();let s;if(t.parentEl?s=t.parentEl:t.id?s=a.doc.querySelectorAll("#".concat(t.id)):t.selector||t.select?s=a.doc.querySelectorAll(t.selector):t.name?s=a.doc.querySelectorAll('[name="'.concat(t.name,'"]')):t.type&&(s=a.doc.querySelectorAll(t.type)),s===void 0||s.length<1){a.log("warn","Ui:_uiManager:update","Cannot find the DOM element. Ignoring.",t)();return}a.log("trace","_uiUpdate:components-forEach","Element(s) to update. Count: ".concat(s.length),s)(),!t.slot&&t.payload&&(t.slot=t.payload),s.forEach((n,o)=>{if(a.log("trace","_uiUpdate:components-forEach","Updating element #".concat(o),n)(),this._uiComposeComponent(n,t),t.components){a.log("trace","_uiUpdate:nested-component","Element #".concat(o," - nested-component"),t,n)();let l={_ui:[]};t.components.forEach((u,d)=>{let b=u.method||t.method||e.method;u.method&&delete u.method,Array.isArray(u)||(u=[u]),a.log("trace","_uiUpdate:nested-component","Element #".concat(o," - nested-component #").concat(d),u)(),l._ui.push({method:b,parentEl:n,components:u})}),a.log("trace","_uiUpdate:nested-component","Element #".concat(o," - nested-component new manager"),l)(),this._uiManager(l)}})})}$(e,t){let i=a.doc.querySelector(e);if(!i)return a.log(1,"Uib:$","No element found for CSS selector ".concat(e))(),null;if(i.nodeName==="TEMPLATE"&&(i=i.content.firstElementChild,!i))return a.log(0,"Uib:$","Template selected for CSS selector ".concat(e," but it is empty"))(),null;t||(t="el");let s;try{switch(t.toLowerCase()){case"text":{s=i.innerText;break}case"html":{s=i.innerHTML;break}case"attr":case"attributes":{s={};for(let n of i.attributes)s[n.name]=n.value;break}default:{s=i;break}}}catch(n){s=i,a.log(1,"Uib:$",'Could not process output type "'.concat(t,'" for CSS selector ').concat(e,", returned the DOM element. ").concat(n.message),n)()}return s}$$(e){return Array.from(a.doc.querySelectorAll(e))}addClass(e,t){Array.isArray(e)||(e=[e]),t&&t.classList.add(...e)}applyTemplate(e,t,i){i||(i={onceOnly:!1});let s=a.doc.getElementById(e),n=a.doc.getElementById(t);if(s&&n){let o;try{i.onceOnly!==!0?o=a.doc.importNode(s.content,!0):o=a.doc.adoptNode(s.content)}catch{a.log("error","Ui:applyTemplate","Source must be a <template>. id='".concat(e,"'"))();return}if(o){if(i.attributes){let l=o.firstElementChild;Object.keys(i.attributes).forEach(u=>{l.setAttribute(u,i.attributes[u])})}n.appendChild(o)}}else s||a.log("error","Ui:applyTemplate","Source not found: id='".concat(e,"'"))(),n||a.log("error","Ui:applyTemplate","Target not found: id='".concat(t,"'"))()}buildHtmlTable(e){let t;if(!Array.isArray(e)&&(typeof e=="object"&&(t=Object.keys(e),e=Object.values(e)),!Array.isArray(e))){let u=a.doc.createElement("p");return u.textContent="Input data is not an array or an object, cannot create a table.",u}let i=a.doc.createElement("table"),s=a.doc.createElement("thead"),n=a.doc.createElement("tr"),o=Object.keys(e[0]);o.forEach(u=>{let d=a.doc.createElement("th");d.textContent=u,n.appendChild(d)}),s.appendChild(n),i.appendChild(s);let l=a.doc.createElement("tbody");return e.forEach((u,d)=>{let b=a.doc.createElement("tr");t&&(b.id="r-".concat(t[d])),o.forEach(C=>{let v=a.doc.createElement("td");v.innerHTML=this.sanitiseHTML(u[C]),b.appendChild(v)}),l.appendChild(b)}),i.appendChild(l),i}convertMarkdown(e){if(!e)return"";if(!a.win.markdownit)return e;a.md||this._markDownIt();try{return a.md.render(e.trim())}catch(t){return a.log(0,"uibuilder:convertMarkdown","Could not render Markdown. ".concat(t.message),t)(),'<p class="border error">Could not render Markdown<p>'}}async include(e,t){if(!fetch)return a.log(0,"Ui:include","Current environment does not include `fetch`, skipping.")(),"Current environment does not include `fetch`, skipping.";if(!e)return a.log(0,"Ui:include","url parameter must be provided, skipping.")(),"url parameter must be provided, skipping.";if(!t||!t.id)return a.log(0,"Ui:include","uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.")(),"uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.";let i;try{i=await fetch(e)}catch(d){return a.log(0,"Ui:include","Fetch of file '".concat(e,"' failed. "),d.message)(),d.message}if(!i.ok)return a.log(0,"Ui:include","Fetch of file '".concat(e,"' failed. Status='").concat(i.statusText,"'"))(),i.statusText;let s=await i.headers.get("content-type"),n=null;s&&(s.includes("text/html")?n="html":s.includes("application/json")?n="json":s.includes("multipart/form-data")?n="form":s.includes("image/")?n="image":s.includes("video/")?n="video":s.includes("application/pdf")?n="pdf":s.includes("text/plain")&&(n="text"));let o="",l="Include successful",u;switch(n){case"html":{u=await i.text(),o=u;break}case"json":{u=await i.json(),o='<pre class="syntax-highlight">',o+=this.syntaxHighlight(u),o+="</pre>";break}case"form":{u=await i.formData(),o='<pre class="syntax-highlight">',o+=this.syntaxHighlight(u),o+="</pre>";break}case"image":{u=await i.blob(),o='<img src="'.concat(URL.createObjectURL(u),'">'),a.win.DOMPurify&&(l="Include successful. BUT DOMPurify loaded which may block its use.",a.log("warn","Ui:include:image",l)());break}case"video":{u=await i.blob(),o='<video controls autoplay><source src="'.concat(URL.createObjectURL(u),'"></video>'),a.win.DOMPurify&&(l="Include successful. BUT DOMPurify loaded which may block its use.",a.log("warn","Ui:include:video",l)());break}case"pdf":case"text":default:{u=await i.blob(),o='<iframe style="resize:both;width:inherit;height:inherit;" src="'.concat(URL.createObjectURL(u),'">'),a.win.DOMPurify&&(l="Include successful. BUT DOMPurify loaded which may block its use.",a.log("warn","Ui:include:".concat(n),l)());break}}return t.type="div",t.slot=o,t.parent||(t.parent="body"),t.attributes||(t.attributes={class:"included"}),this._uiReplace({components:[t]}),a.log("trace","Ui:include:".concat(n),l)(),l}loadScriptSrc(e){let t=a.doc.createElement("script");t.src=e,t.async=!1,a.doc.head.appendChild(t)}loadScriptTxt(e){let t=a.doc.createElement("script");t.async=!1,t.textContent=e,a.doc.head.appendChild(t)}loadStyleSrc(e){let t=a.doc.createElement("link");t.href=e,t.rel="stylesheet",t.type="text/css",a.doc.head.appendChild(t)}loadStyleTxt(e){let t=a.doc.createElement("style");t.textContent=e,a.doc.head.appendChild(t)}loadui(e){if(!fetch){a.log(0,"Ui:loadui","Current environment does not include `fetch`, skipping.")();return}if(!e){a.log(0,"Ui:loadui","url parameter must be provided, skipping.")();return}fetch(e).then(t=>{if(t.ok===!1)throw new Error("Could not load '".concat(e,"'. Status ").concat(t.status,", Error: ").concat(t.statusText));a.log("trace","Ui:loadui:then1","Loaded '".concat(e,"'. Status ").concat(t.status,", ").concat(t.statusText))();let i=t.headers.get("content-type");if(!i||!i.includes("application/json"))throw new TypeError("Fetch '".concat(e,"' did not return JSON, ignoring"));return t.json()}).then(t=>t!==void 0?(a.log("trace","Ui:loadui:then2","Parsed JSON successfully obtained")(),this._uiManager({_ui:t}),!0):!1).catch(t=>{a.log("warn","Ui:loadui:catch","Error. ",t)()})}moveElement(e){let{sourceSelector:t,targetSelector:i,moveType:s,position:n}=e;if(!document.querySelector(t)){a.log(0,"Ui:moveElement","Source element not found")();return}if(!document.querySelector(i)){a.log(0,"Ui:moveElement","Target element not found")();return}}nodeGet(e,t){let i={id:e.id===""?void 0:e.id,name:e.name,children:e.childNodes.length,type:e.nodeName,attributes:void 0,isUserInput:!!e.validity,userInput:e.validity?{value:e.value,validity:void 0,willValidate:e.willValidate,valueAsDate:e.valueAsDate,valueAsNumber:e.valueAsNumber,type:e.type}:void 0};if(["UL","OL"].includes(e.nodeName)){let s=a.doc.querySelectorAll("".concat(t," li"));s&&(i.list={entries:s.length})}if(e.nodeName==="DL"){let s=a.doc.querySelectorAll("".concat(t," dt"));s&&(i.list={entries:s.length})}if(e.nodeName==="TABLE"){let s=a.doc.querySelectorAll("".concat(t," > tbody > tr")),n=a.doc.querySelectorAll("".concat(t," > thead > tr")),o=a.doc.querySelectorAll("".concat(t," > tbody > tr:last-child > *"));(s||n||o)&&(i.table={headRows:n?n.length:0,bodyRows:s?s.length:0,columns:o?o.length:0})}if(e.nodeName!=="#text"&&e.attributes&&e.attributes.length>0){i.attributes={};for(let s of e.attributes)s.name!=="id"&&(i.attributes[s.name]=e.attributes[s.name].value),s.name==="class"&&(i.classes=Array.from(e.classList))}e.nodeName==="#text"&&(i.text=e.textContent),e.validity&&(i.userInput.validity={});for(let s in e.validity)i.userInput.validity[s]=e.validity[s];return i}async notification(e){if(typeof e=="string"&&(e={body:e}),typeof Notification>"u")return Promise.reject(new Error("Notifications not available in this browser"));let t=Notification.permission;return t==="denied"?Promise.reject(new Error("Notifications not permitted by user")):t==="granted"?this._showNotification(e):(t=await Notification.requestPermission(),t==="granted"?this._showNotification(e):Promise.reject(new Error("Notifications not permitted by user")))}removeClass(e,t){if(!e){t.removeAttribute("class");return}Array.isArray(e)||(e=[e]),t&&t.classList.remove(...e)}replaceSlot(e,t){if(!e)return;t||(t=""),t=this.sanitiseHTML(t);let i=a.doc.createRange().createContextualFragment(t),s=a.doc.createRange();s.selectNodeContents(e),s.deleteContents(),e.append(i)}replaceSlotMarkdown(e,t){e&&t.slotMarkdown&&(t.slotMarkdown=this.convertMarkdown(t.slotMarkdown),t.slotMarkdown=this.sanitiseHTML(t.slotMarkdown),e.innerHTML=t.slotMarkdown)}sanitiseHTML(e){return a.win.DOMPurify?a.win.DOMPurify.sanitize(e,{ADD_TAGS:this.sanitiseExtraTags,ADD_ATTR:this.sanitiseExtraAttribs}):e}showDialog(e,t,i){let s="";if(i.payload&&typeof i.payload=="string"&&(s+="<div>".concat(i.payload,"</div>")),t.content&&(s+="<div>".concat(t.content,"</div>")),s===""){a.log(1,"Ui:showDialog","Toast content is blank. Not shown.")();return}!t.title&&i.topic&&(t.title=i.topic),t.title&&(s='<p class="toast-head">'.concat(t.title,"</p><p>").concat(s,"</p>")),t.noAutohide&&(t.noAutoHide=t.noAutohide),t.noAutoHide&&(t.autohide=!t.noAutoHide),t.autoHideDelay?(t.autohide||(t.autohide=!0),t.delay=t.autoHideDelay):t.autoHideDelay=1e4,Object.prototype.hasOwnProperty.call(t,"autohide")||(t.autohide=!0),e==="alert"&&(t.modal=!0,t.autohide=!1,s='<svg viewBox="0 0 192.146 192.146" style="width:30;background-color:transparent;"><path d="M108.186 144.372c0 7.054-4.729 12.32-12.037 12.32h-.254c-7.054 0-11.92-5.266-11.92-12.32 0-7.298 5.012-12.31 12.174-12.31s11.91 4.992 12.037 12.31zM88.44 125.301h15.447l2.951-61.298H85.46l2.98 61.298zm101.932 51.733c-2.237 3.664-6.214 5.921-10.493 5.921H12.282c-4.426 0-8.51-2.384-10.698-6.233a12.34 12.34 0 0 1 .147-12.349l84.111-149.22c2.208-3.722 6.204-5.96 10.522-5.96h.332c4.445.107 8.441 2.618 10.513 6.546l83.515 149.229c1.993 3.8 1.905 8.363-.352 12.066zm-10.493-6.4L96.354 21.454l-84.062 149.18h167.587z" /></svg> '.concat(s));let n=a.doc.getElementById("toaster");n===null&&(n=a.doc.createElement("div"),n.id="toaster",n.title="Click to clear all notifcations",n.setAttribute("class","toaster"),n.setAttribute("role","dialog"),n.setAttribute("arial-label","Toast message"),n.onclick=function(){n.remove()},a.doc.body.insertAdjacentElement("afterbegin",n));let o=a.doc.createElement("div");o.title="Click to clear this notifcation",o.setAttribute("class","toast ".concat(t.variant?t.variant:""," ").concat(e)),o.innerHTML=s,o.setAttribute("role","alertdialog"),t.modal&&o.setAttribute("aria-modal",t.modal),o.onclick=function(l){l.stopPropagation(),o.remove(),n.childElementCount<1&&n.remove()},n.insertAdjacentElement(t.appendToast===!0?"beforeend":"afterbegin",o),t.autohide===!0&&setInterval(()=>{o.remove(),n.childElementCount<1&&n.remove()},t.autoHideDelay)}ui(e){let t={};e._ui?t=e:t._ui=e,this._uiManager(t)}uiGet(e,t=null){let i=a.doc.querySelectorAll(e),s=[];return i.forEach(n=>{if(t){t==="classes"&&(t="class");let o=n.getAttribute(t);if(o==null)try{o=n[t]}catch{}if(o==null)t.toLowerCase()==="value"?s.push(n.innerText):s.push("Property '".concat(t,"' not found"));else{let l={},u=o.constructor.name.toLowerCase();if(u==="namednodemap")for(let d of o)l[d.name]=o[d.name].value;else if(!u.includes("map"))l[t]=o;else{let d={};for(let b in o)d[b]=o[b]}l.class&&(l.classes=Array.from(n.classList)),s.push(l)}}else s.push(this.nodeGet(n,e))}),s}uiEnhanceElement(e,t){this._uiComposeComponent(e,t)}},h(a,"win"),h(a,"doc"),h(a,"log"),h(a,"mdOpts"),h(a,"md"),a);je.exports=It});var _t=Oe(Ve());var O=Object.create(null);O.open="0";O.close="1";O.ping="2";O.pong="3";O.message="4";O.upgrade="5";O.noop="6";var K=Object.create(null);Object.keys(O).forEach(r=>{K[O[r]]=r});var Y={type:"error",data:"parser error"};var Je=typeof Blob=="function"||typeof Blob<"u"&&Object.prototype.toString.call(Blob)==="[object BlobConstructor]",Ge=typeof ArrayBuffer=="function",Ke=r=>typeof ArrayBuffer.isView=="function"?ArrayBuffer.isView(r):r&&r.buffer instanceof ArrayBuffer,X=({type:r,data:e},t,i)=>Je&&e instanceof Blob?t?i(e):We(e,i):Ge&&(e instanceof ArrayBuffer||Ke(e))?t?i(e):We(new Blob([e]),i):i(O[r]+(e||"")),We=(r,e)=>{let t=new FileReader;return t.onload=function(){let i=t.result.split(",")[1];e("b"+(i||""))},t.readAsDataURL(r)};function ze(r){return r instanceof Uint8Array?r:r instanceof ArrayBuffer?new Uint8Array(r):new Uint8Array(r.buffer,r.byteOffset,r.byteLength)}var xe;function Ye(r,e){if(Je&&r.data instanceof Blob)return r.data.arrayBuffer().then(ze).then(e);if(Ge&&(r.data instanceof ArrayBuffer||Ke(r.data)))return e(ze(r.data));X(r,!1,t=>{xe||(xe=new TextEncoder),e(xe.encode(t))})}var Xe="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",Q=typeof Uint8Array>"u"?[]:new Uint8Array(256);for(let r=0;r<Xe.length;r++)Q[Xe.charCodeAt(r)]=r;var Qe=r=>{let e=r.length*.75,t=r.length,i,s=0,n,o,l,u;r[r.length-1]==="="&&(e--,r[r.length-2]==="="&&e--);let d=new ArrayBuffer(e),b=new Uint8Array(d);for(i=0;i<t;i+=4)n=Q[r.charCodeAt(i)],o=Q[r.charCodeAt(i+1)],l=Q[r.charCodeAt(i+2)],u=Q[r.charCodeAt(i+3)],b[s++]=n<<2|o>>4,b[s++]=(o&15)<<4|l>>2,b[s++]=(l&3)<<6|u&63;return d};var Mt=typeof ArrayBuffer=="function",Z=(r,e)=>{if(typeof r!="string")return{type:"message",data:Ze(r,e)};let t=r.charAt(0);return t==="b"?{type:"message",data:Dt(r.substring(1),e)}:K[t]?r.length>1?{type:K[t],data:r.substring(1)}:{type:K[t]}:Y},Dt=(r,e)=>{if(Mt){let t=Qe(r);return Ze(t,e)}else return{base64:!0,data:r}},Ze=(r,e)=>{switch(e){case"blob":return r instanceof Blob?r:new Blob([r]);case"arraybuffer":default:return r instanceof ArrayBuffer?r:r.buffer}};var et="",tt=(r,e)=>{let t=r.length,i=new Array(t),s=0;r.forEach((n,o)=>{X(n,!1,l=>{i[o]=l,++s===t&&e(i.join(et))})})},it=(r,e)=>{let t=r.split(et),i=[];for(let s=0;s<t.length;s++){let n=Z(t[s],e);if(i.push(n),n.type==="error")break}return i};function st(){return new TransformStream({transform(r,e){Ye(r,t=>{let i=t.length,s;if(i<126)s=new Uint8Array(1),new DataView(s.buffer).setUint8(0,i);else if(i<65536){s=new Uint8Array(3);let n=new DataView(s.buffer);n.setUint8(0,126),n.setUint16(1,i)}else{s=new Uint8Array(9);let n=new DataView(s.buffer);n.setUint8(0,127),n.setBigUint64(1,BigInt(i))}r.data&&typeof r.data!="string"&&(s[0]|=128),e.enqueue(s),e.enqueue(t)})}})}var Ae;function pe(r){return r.reduce((e,t)=>e+t.length,0)}function me(r,e){if(r[0].length===e)return r.shift();let t=new Uint8Array(e),i=0;for(let s=0;s<e;s++)t[s]=r[0][i++],i===r[0].length&&(r.shift(),i=0);return r.length&&i<r[0].length&&(r[0]=r[0].slice(i)),t}function rt(r,e){Ae||(Ae=new TextDecoder);let t=[],i=0,s=-1,n=!1;return new TransformStream({transform(o,l){for(t.push(o);;){if(i===0){if(pe(t)<1)break;let u=me(t,1);n=(u[0]&128)===128,s=u[0]&127,s<126?i=3:s===126?i=1:i=2}else if(i===1){if(pe(t)<2)break;let u=me(t,2);s=new DataView(u.buffer,u.byteOffset,u.length).getUint16(0),i=3}else if(i===2){if(pe(t)<8)break;let u=me(t,8),d=new DataView(u.buffer,u.byteOffset,u.length),b=d.getUint32(0);if(b>Math.pow(2,21)-1){l.enqueue(Y);break}s=b*Math.pow(2,32)+d.getUint32(4),i=3}else{if(pe(t)<s)break;let u=me(t,s);l.enqueue(Z(n?u:Ae.decode(u),e)),i=0}if(s===0||s>r){l.enqueue(Y);break}}}})}var Ne=4;function g(r){if(r)return Bt(r)}function Bt(r){for(var e in g.prototype)r[e]=g.prototype[e];return r}g.prototype.on=g.prototype.addEventListener=function(r,e){return this._callbacks=this._callbacks||{},(this._callbacks["$"+r]=this._callbacks["$"+r]||[]).push(e),this};g.prototype.once=function(r,e){function t(){this.off(r,t),e.apply(this,arguments)}return t.fn=e,this.on(r,t),this};g.prototype.off=g.prototype.removeListener=g.prototype.removeAllListeners=g.prototype.removeEventListener=function(r,e){if(this._callbacks=this._callbacks||{},arguments.length==0)return this._callbacks={},this;var t=this._callbacks["$"+r];if(!t)return this;if(arguments.length==1)return delete this._callbacks["$"+r],this;for(var i,s=0;s<t.length;s++)if(i=t[s],i===e||i.fn===e){t.splice(s,1);break}return t.length===0&&delete this._callbacks["$"+r],this};g.prototype.emit=function(r){this._callbacks=this._callbacks||{};for(var e=new Array(arguments.length-1),t=this._callbacks["$"+r],i=1;i<arguments.length;i++)e[i-1]=arguments[i];if(t){t=t.slice(0);for(var i=0,s=t.length;i<s;++i)t[i].apply(this,e)}return this};g.prototype.emitReserved=g.prototype.emit;g.prototype.listeners=function(r){return this._callbacks=this._callbacks||{},this._callbacks["$"+r]||[]};g.prototype.hasListeners=function(r){return!!this.listeners(r).length};var y=typeof self<"u"?self:typeof window<"u"?window:Function("return this")();function be(r,...e){return e.reduce((t,i)=>(r.hasOwnProperty(i)&&(t[i]=r[i]),t),{})}var Pt=y.setTimeout,qt=y.clearTimeout;function N(r,e){e.useNativeTimers?(r.setTimeoutFn=Pt.bind(y),r.clearTimeoutFn=qt.bind(y)):(r.setTimeoutFn=y.setTimeout.bind(y),r.clearTimeoutFn=y.clearTimeout.bind(y))}var Ht=1.33;function nt(r){return typeof r=="string"?Ft(r):Math.ceil((r.byteLength||r.size)*Ht)}function Ft(r){let e=0,t=0;for(let i=0,s=r.length;i<s;i++)e=r.charCodeAt(i),e<128?t+=1:e<2048?t+=2:e<55296||e>=57344?t+=3:(i++,t+=4);return t}function ot(r){let e="";for(let t in r)r.hasOwnProperty(t)&&(e.length&&(e+="&"),e+=encodeURIComponent(t)+"="+encodeURIComponent(r[t]));return e}function at(r){let e={},t=r.split("&");for(let i=0,s=t.length;i<s;i++){let n=t[i].split("=");e[decodeURIComponent(n[0])]=decodeURIComponent(n[1])}return e}var ge=class extends Error{constructor(e,t,i){super(e),this.description=t,this.context=i,this.type="TransportError"}},R=class extends g{constructor(e){super(),this.writable=!1,N(this,e),this.opts=e,this.query=e.query,this.socket=e.socket}onError(e,t,i){return super.emitReserved("error",new ge(e,t,i)),this}open(){return this.readyState="opening",this.doOpen(),this}close(){return(this.readyState==="opening"||this.readyState==="open")&&(this.doClose(),this.onClose()),this}send(e){this.readyState==="open"&&this.write(e)}onOpen(){this.readyState="open",this.writable=!0,super.emitReserved("open")}onData(e){let t=Z(e,this.socket.binaryType);this.onPacket(t)}onPacket(e){super.emitReserved("packet",e)}onClose(e){this.readyState="closed",super.emitReserved("close",e)}pause(e){}createUri(e,t={}){return e+"://"+this._hostname()+this._port()+this.opts.path+this._query(t)}_hostname(){let e=this.opts.hostname;return e.indexOf(":")===-1?e:"["+e+"]"}_port(){return this.opts.port&&(this.opts.secure&&+(this.opts.port!==443)||!this.opts.secure&&Number(this.opts.port)!==80)?":"+this.opts.port:""}_query(e){let t=ot(e);return t.length?"?"+t:""}};var ut="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz-_".split(""),Re=64,jt={},ct=0,ye=0,lt;function ht(r){let e="";do e=ut[r%Re]+e,r=Math.floor(r/Re);while(r>0);return e}function we(){let r=ht(+new Date);return r!==lt?(ct=0,lt=r):r+"."+ht(ct++)}for(;ye<Re;ye++)jt[ut[ye]]=ye;var dt=!1;try{dt=typeof XMLHttpRequest<"u"&&"withCredentials"in new XMLHttpRequest}catch{}var ft=dt;function $e(r){let e=r.xdomain;try{if(typeof XMLHttpRequest<"u"&&(!e||ft))return new XMLHttpRequest}catch{}if(!e)try{return new y[["Active"].concat("Object").join("X")]("Microsoft.XMLHTTP")}catch{}}function Vt(){}var Wt=function(){return new $e({xdomain:!1}).responseType!=null}(),ve=class extends R{constructor(e){if(super(e),this.polling=!1,typeof location<"u"){let i=location.protocol==="https:",s=location.port;s||(s=i?"443":"80"),this.xd=typeof location<"u"&&e.hostname!==location.hostname||s!==e.port}let t=e&&e.forceBase64;this.supportsBinary=Wt&&!t,this.opts.withCredentials&&(this.cookieJar=void 0)}get name(){return"polling"}doOpen(){this.poll()}pause(e){this.readyState="pausing";let t=()=>{this.readyState="paused",e()};if(this.polling||!this.writable){let i=0;this.polling&&(i++,this.once("pollComplete",function(){--i||t()})),this.writable||(i++,this.once("drain",function(){--i||t()}))}else t()}poll(){this.polling=!0,this.doPoll(),this.emitReserved("poll")}onData(e){let t=i=>{if(this.readyState==="opening"&&i.type==="open"&&this.onOpen(),i.type==="close")return this.onClose({description:"transport closed by the server"}),!1;this.onPacket(i)};it(e,this.socket.binaryType).forEach(t),this.readyState!=="closed"&&(this.polling=!1,this.emitReserved("pollComplete"),this.readyState==="open"&&this.poll())}doClose(){let e=()=>{this.write([{type:"close"}])};this.readyState==="open"?e():this.once("open",e)}write(e){this.writable=!1,tt(e,t=>{this.doWrite(t,()=>{this.writable=!0,this.emitReserved("drain")})})}uri(){let e=this.opts.secure?"https":"http",t=this.query||{};return this.opts.timestampRequests!==!1&&(t[this.opts.timestampParam]=we()),!this.supportsBinary&&!t.sid&&(t.b64=1),this.createUri(e,t)}request(e={}){return Object.assign(e,{xd:this.xd,cookieJar:this.cookieJar},this.opts),new $(this.uri(),e)}doWrite(e,t){let i=this.request({method:"POST",data:e});i.on("success",t),i.on("error",(s,n)=>{this.onError("xhr post error",s,n)})}doPoll(){let e=this.request();e.on("data",this.onData.bind(this)),e.on("error",(t,i)=>{this.onError("xhr poll error",t,i)}),this.pollXhr=e}},$=class r extends g{constructor(e,t){super(),N(this,t),this.opts=t,this.method=t.method||"GET",this.uri=e,this.data=t.data!==void 0?t.data:null,this.create()}create(){var e;let t=be(this.opts,"agent","pfx","key","passphrase","cert","ca","ciphers","rejectUnauthorized","autoUnref");t.xdomain=!!this.opts.xd;let i=this.xhr=new $e(t);try{i.open(this.method,this.uri,!0);try{if(this.opts.extraHeaders){i.setDisableHeaderCheck&&i.setDisableHeaderCheck(!0);for(let s in this.opts.extraHeaders)this.opts.extraHeaders.hasOwnProperty(s)&&i.setRequestHeader(s,this.opts.extraHeaders[s])}}catch{}if(this.method==="POST")try{i.setRequestHeader("Content-type","text/plain;charset=UTF-8")}catch{}try{i.setRequestHeader("Accept","*/*")}catch{}(e=this.opts.cookieJar)===null||e===void 0||e.addCookies(i),"withCredentials"in i&&(i.withCredentials=this.opts.withCredentials),this.opts.requestTimeout&&(i.timeout=this.opts.requestTimeout),i.onreadystatechange=()=>{var s;i.readyState===3&&((s=this.opts.cookieJar)===null||s===void 0||s.parseCookies(i)),i.readyState===4&&(i.status===200||i.status===1223?this.onLoad():this.setTimeoutFn(()=>{this.onError(typeof i.status=="number"?i.status:0)},0))},i.send(this.data)}catch(s){this.setTimeoutFn(()=>{this.onError(s)},0);return}typeof document<"u"&&(this.index=r.requestsCount++,r.requests[this.index]=this)}onError(e){this.emitReserved("error",e,this.xhr),this.cleanup(!0)}cleanup(e){if(!(typeof this.xhr>"u"||this.xhr===null)){if(this.xhr.onreadystatechange=Vt,e)try{this.xhr.abort()}catch{}typeof document<"u"&&delete r.requests[this.index],this.xhr=null}}onLoad(){let e=this.xhr.responseText;e!==null&&(this.emitReserved("data",e),this.emitReserved("success"),this.cleanup())}abort(){this.cleanup()}};$.requestsCount=0;$.requests={};if(typeof document<"u"){if(typeof attachEvent=="function")attachEvent("onunload",pt);else if(typeof addEventListener=="function"){let r="onpagehide"in y?"pagehide":"unload";addEventListener(r,pt,!1)}}function pt(){for(let r in $.requests)$.requests.hasOwnProperty(r)&&$.requests[r].abort()}var U=typeof Promise=="function"&&typeof Promise.resolve=="function"?e=>Promise.resolve().then(e):(e,t)=>t(e,0),ee=y.WebSocket||y.MozWebSocket,ke=!0,mt="arraybuffer";var bt=typeof navigator<"u"&&typeof navigator.product=="string"&&navigator.product.toLowerCase()==="reactnative",Ee=class extends R{constructor(e){super(e),this.supportsBinary=!e.forceBase64}get name(){return"websocket"}doOpen(){if(!this.check())return;let e=this.uri(),t=this.opts.protocols,i=bt?{}:be(this.opts,"agent","perMessageDeflate","pfx","key","passphrase","cert","ca","ciphers","rejectUnauthorized","localAddress","protocolVersion","origin","maxPayload","family","checkServerIdentity");this.opts.extraHeaders&&(i.headers=this.opts.extraHeaders);try{this.ws=ke&&!bt?t?new ee(e,t):new ee(e):new ee(e,t,i)}catch(s){return this.emitReserved("error",s)}this.ws.binaryType=this.socket.binaryType,this.addEventListeners()}addEventListeners(){this.ws.onopen=()=>{this.opts.autoUnref&&this.ws._socket.unref(),this.onOpen()},this.ws.onclose=e=>this.onClose({description:"websocket connection closed",context:e}),this.ws.onmessage=e=>this.onData(e.data),this.ws.onerror=e=>this.onError("websocket error",e)}write(e){this.writable=!1;for(let t=0;t<e.length;t++){let i=e[t],s=t===e.length-1;X(i,this.supportsBinary,n=>{let o={};ke||(i.options&&(o.compress=i.options.compress),this.opts.perMessageDeflate&&(typeof n=="string"?Buffer.byteLength(n):n.length)<this.opts.perMessageDeflate.threshold&&(o.compress=!1));try{ke?this.ws.send(n):this.ws.send(n,o)}catch{}s&&U(()=>{this.writable=!0,this.emitReserved("drain")},this.setTimeoutFn)})}}doClose(){typeof this.ws<"u"&&(this.ws.close(),this.ws=null)}uri(){let e=this.opts.secure?"wss":"ws",t=this.query||{};return this.opts.timestampRequests&&(t[this.opts.timestampParam]=we()),this.supportsBinary||(t.b64=1),this.createUri(e,t)}check(){return!!ee}};var Ce=class extends R{get name(){return"webtransport"}doOpen(){typeof WebTransport=="function"&&(this.transport=new WebTransport(this.createUri("https"),this.opts.transportOptions[this.name]),this.transport.closed.then(()=>{this.onClose()}).catch(e=>{this.onError("webtransport error",e)}),this.transport.ready.then(()=>{this.transport.createBidirectionalStream().then(e=>{let t=rt(Number.MAX_SAFE_INTEGER,this.socket.binaryType),i=e.readable.pipeThrough(t).getReader(),s=st();s.readable.pipeTo(e.writable),this.writer=s.writable.getWriter();let n=()=>{i.read().then(({done:l,value:u})=>{l||(this.onPacket(u),n())}).catch(l=>{})};n();let o={type:"open"};this.query.sid&&(o.data='{"sid":"'.concat(this.query.sid,'"}')),this.writer.write(o).then(()=>this.onOpen())})}))}write(e){this.writable=!1;for(let t=0;t<e.length;t++){let i=e[t],s=t===e.length-1;this.writer.write(i).then(()=>{s&&U(()=>{this.writable=!0,this.emitReserved("drain")},this.setTimeoutFn)})}}doClose(){var e;(e=this.transport)===null||e===void 0||e.close()}};var Te={websocket:Ee,webtransport:Ce,polling:ve};var zt=/^(?:(?![^:@\/?#]+:[^:@\/]*@)(http|https|ws|wss):\/\/)?((?:(([^:@\/?#]*)(?::([^:@\/?#]*))?)?@)?((?:[a-f0-9]{0,4}:){2,7}[a-f0-9]{0,4}|[^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/,Jt=["source","protocol","authority","userInfo","user","password","host","port","relative","path","directory","file","query","anchor"];function q(r){if(r.length>2e3)throw"URI too long";let e=r,t=r.indexOf("["),i=r.indexOf("]");t!=-1&&i!=-1&&(r=r.substring(0,t)+r.substring(t,i).replace(/:/g,";")+r.substring(i,r.length));let s=zt.exec(r||""),n={},o=14;for(;o--;)n[Jt[o]]=s[o]||"";return t!=-1&&i!=-1&&(n.source=e,n.host=n.host.substring(1,n.host.length-1).replace(/;/g,":"),n.authority=n.authority.replace("[","").replace("]","").replace(/;/g,":"),n.ipv6uri=!0),n.pathNames=Gt(n,n.path),n.queryKey=Kt(n,n.query),n}function Gt(r,e){let t=/\/{2,9}/g,i=e.replace(t,"/").split("/");return(e.slice(0,1)=="/"||e.length===0)&&i.splice(0,1),e.slice(-1)=="/"&&i.splice(i.length-1,1),i}function Kt(r,e){let t={};return e.replace(/(?:^|&)([^&=]*)=?([^&]*)/g,function(i,s,n){s&&(t[s]=n)}),t}var I=class r extends g{constructor(e,t={}){super(),this.binaryType=mt,this.writeBuffer=[],e&&typeof e=="object"&&(t=e,e=null),e?(e=q(e),t.hostname=e.host,t.secure=e.protocol==="https"||e.protocol==="wss",t.port=e.port,e.query&&(t.query=e.query)):t.host&&(t.hostname=q(t.host).host),N(this,t),this.secure=t.secure!=null?t.secure:typeof location<"u"&&location.protocol==="https:",t.hostname&&!t.port&&(t.port=this.secure?"443":"80"),this.hostname=t.hostname||(typeof location<"u"?location.hostname:"localhost"),this.port=t.port||(typeof location<"u"&&location.port?location.port:this.secure?"443":"80"),this.transports=t.transports||["polling","websocket","webtransport"],this.writeBuffer=[],this.prevBufferLen=0,this.opts=Object.assign({path:"/engine.io",agent:!1,withCredentials:!1,upgrade:!0,timestampParam:"t",rememberUpgrade:!1,addTrailingSlash:!0,rejectUnauthorized:!0,perMessageDeflate:{threshold:1024},transportOptions:{},closeOnBeforeunload:!1},t),this.opts.path=this.opts.path.replace(/\/$/,"")+(this.opts.addTrailingSlash?"/":""),typeof this.opts.query=="string"&&(this.opts.query=at(this.opts.query)),this.id=null,this.upgrades=null,this.pingInterval=null,this.pingTimeout=null,this.pingTimeoutTimer=null,typeof addEventListener=="function"&&(this.opts.closeOnBeforeunload&&(this.beforeunloadEventListener=()=>{this.transport&&(this.transport.removeAllListeners(),this.transport.close())},addEventListener("beforeunload",this.beforeunloadEventListener,!1)),this.hostname!=="localhost"&&(this.offlineEventListener=()=>{this.onClose("transport close",{description:"network connection lost"})},addEventListener("offline",this.offlineEventListener,!1))),this.open()}createTransport(e){let t=Object.assign({},this.opts.query);t.EIO=Ne,t.transport=e,this.id&&(t.sid=this.id);let i=Object.assign({},this.opts,{query:t,socket:this,hostname:this.hostname,secure:this.secure,port:this.port},this.opts.transportOptions[e]);return new Te[e](i)}open(){let e;if(this.opts.rememberUpgrade&&r.priorWebsocketSuccess&&this.transports.indexOf("websocket")!==-1)e="websocket";else if(this.transports.length===0){this.setTimeoutFn(()=>{this.emitReserved("error","No transports available")},0);return}else e=this.transports[0];this.readyState="opening";try{e=this.createTransport(e)}catch{this.transports.shift(),this.open();return}e.open(),this.setTransport(e)}setTransport(e){this.transport&&this.transport.removeAllListeners(),this.transport=e,e.on("drain",this.onDrain.bind(this)).on("packet",this.onPacket.bind(this)).on("error",this.onError.bind(this)).on("close",t=>this.onClose("transport close",t))}probe(e){let t=this.createTransport(e),i=!1;r.priorWebsocketSuccess=!1;let s=()=>{i||(t.send([{type:"ping",data:"probe"}]),t.once("packet",C=>{if(!i)if(C.type==="pong"&&C.data==="probe"){if(this.upgrading=!0,this.emitReserved("upgrading",t),!t)return;r.priorWebsocketSuccess=t.name==="websocket",this.transport.pause(()=>{i||this.readyState!=="closed"&&(b(),this.setTransport(t),t.send([{type:"upgrade"}]),this.emitReserved("upgrade",t),t=null,this.upgrading=!1,this.flush())})}else{let v=new Error("probe error");v.transport=t.name,this.emitReserved("upgradeError",v)}}))};function n(){i||(i=!0,b(),t.close(),t=null)}let o=C=>{let v=new Error("probe error: "+C);v.transport=t.name,n(),this.emitReserved("upgradeError",v)};function l(){o("transport closed")}function u(){o("socket closed")}function d(C){t&&C.name!==t.name&&n()}let b=()=>{t.removeListener("open",s),t.removeListener("error",o),t.removeListener("close",l),this.off("close",u),this.off("upgrading",d)};t.once("open",s),t.once("error",o),t.once("close",l),this.once("close",u),this.once("upgrading",d),this.upgrades.indexOf("webtransport")!==-1&&e!=="webtransport"?this.setTimeoutFn(()=>{i||t.open()},200):t.open()}onOpen(){if(this.readyState="open",r.priorWebsocketSuccess=this.transport.name==="websocket",this.emitReserved("open"),this.flush(),this.readyState==="open"&&this.opts.upgrade){let e=0,t=this.upgrades.length;for(;e<t;e++)this.probe(this.upgrades[e])}}onPacket(e){if(this.readyState==="opening"||this.readyState==="open"||this.readyState==="closing")switch(this.emitReserved("packet",e),this.emitReserved("heartbeat"),this.resetPingTimeout(),e.type){case"open":this.onHandshake(JSON.parse(e.data));break;case"ping":this.sendPacket("pong"),this.emitReserved("ping"),this.emitReserved("pong");break;case"error":let t=new Error("server error");t.code=e.data,this.onError(t);break;case"message":this.emitReserved("data",e.data),this.emitReserved("message",e.data);break}}onHandshake(e){this.emitReserved("handshake",e),this.id=e.sid,this.transport.query.sid=e.sid,this.upgrades=this.filterUpgrades(e.upgrades),this.pingInterval=e.pingInterval,this.pingTimeout=e.pingTimeout,this.maxPayload=e.maxPayload,this.onOpen(),this.readyState!=="closed"&&this.resetPingTimeout()}resetPingTimeout(){this.clearTimeoutFn(this.pingTimeoutTimer),this.pingTimeoutTimer=this.setTimeoutFn(()=>{this.onClose("ping timeout")},this.pingInterval+this.pingTimeout),this.opts.autoUnref&&this.pingTimeoutTimer.unref()}onDrain(){this.writeBuffer.splice(0,this.prevBufferLen),this.prevBufferLen=0,this.writeBuffer.length===0?this.emitReserved("drain"):this.flush()}flush(){if(this.readyState!=="closed"&&this.transport.writable&&!this.upgrading&&this.writeBuffer.length){let e=this.getWritablePackets();this.transport.send(e),this.prevBufferLen=e.length,this.emitReserved("flush")}}getWritablePackets(){if(!(this.maxPayload&&this.transport.name==="polling"&&this.writeBuffer.length>1))return this.writeBuffer;let t=1;for(let i=0;i<this.writeBuffer.length;i++){let s=this.writeBuffer[i].data;if(s&&(t+=nt(s)),i>0&&t>this.maxPayload)return this.writeBuffer.slice(0,i);t+=2}return this.writeBuffer}write(e,t,i){return this.sendPacket("message",e,t,i),this}send(e,t,i){return this.sendPacket("message",e,t,i),this}sendPacket(e,t,i,s){if(typeof t=="function"&&(s=t,t=void 0),typeof i=="function"&&(s=i,i=null),this.readyState==="closing"||this.readyState==="closed")return;i=i||{},i.compress=i.compress!==!1;let n={type:e,data:t,options:i};this.emitReserved("packetCreate",n),this.writeBuffer.push(n),s&&this.once("flush",s),this.flush()}close(){let e=()=>{this.onClose("forced close"),this.transport.close()},t=()=>{this.off("upgrade",t),this.off("upgradeError",t),e()},i=()=>{this.once("upgrade",t),this.once("upgradeError",t)};return(this.readyState==="opening"||this.readyState==="open")&&(this.readyState="closing",this.writeBuffer.length?this.once("drain",()=>{this.upgrading?i():e()}):this.upgrading?i():e()),this}onError(e){r.priorWebsocketSuccess=!1,this.emitReserved("error",e),this.onClose("transport error",e)}onClose(e,t){(this.readyState==="opening"||this.readyState==="open"||this.readyState==="closing")&&(this.clearTimeoutFn(this.pingTimeoutTimer),this.transport.removeAllListeners("close"),this.transport.close(),this.transport.removeAllListeners(),typeof removeEventListener=="function"&&(removeEventListener("beforeunload",this.beforeunloadEventListener,!1),removeEventListener("offline",this.offlineEventListener,!1)),this.readyState="closed",this.id=null,this.emitReserved("close",e,t),this.writeBuffer=[],this.prevBufferLen=0)}filterUpgrades(e){let t=[],i=0,s=e.length;for(;i<s;i++)~this.transports.indexOf(e[i])&&t.push(e[i]);return t}};I.protocol=Ne;var bs=I.protocol;function gt(r,e="",t){let i=r;t=t||typeof location<"u"&&location,r==null&&(r=t.protocol+"//"+t.host),typeof r=="string"&&(r.charAt(0)==="/"&&(r.charAt(1)==="/"?r=t.protocol+r:r=t.host+r),/^(https?|wss?):\/\//.test(r)||(typeof t<"u"?r=t.protocol+"//"+r:r="https://"+r),i=q(r)),i.port||(/^(http|ws)$/.test(i.protocol)?i.port="80":/^(http|ws)s$/.test(i.protocol)&&(i.port="443")),i.path=i.path||"/";let n=i.host.indexOf(":")!==-1?"["+i.host+"]":i.host;return i.id=i.protocol+"://"+n+":"+i.port+e,i.href=i.protocol+"://"+n+(t&&t.port===i.port?"":":"+i.port),i}var Be={};Lt(Be,{Decoder:()=>Me,Encoder:()=>Ie,PacketType:()=>p,protocol:()=>Et});var Yt=typeof ArrayBuffer=="function",Xt=r=>typeof ArrayBuffer.isView=="function"?ArrayBuffer.isView(r):r.buffer instanceof ArrayBuffer,yt=Object.prototype.toString,Qt=typeof Blob=="function"||typeof Blob<"u"&&yt.call(Blob)==="[object BlobConstructor]",Zt=typeof File=="function"||typeof File<"u"&&yt.call(File)==="[object FileConstructor]";function ie(r){return Yt&&(r instanceof ArrayBuffer||Xt(r))||Qt&&r instanceof Blob||Zt&&r instanceof File}function te(r,e){if(!r||typeof r!="object")return!1;if(Array.isArray(r)){for(let t=0,i=r.length;t<i;t++)if(te(r[t]))return!0;return!1}if(ie(r))return!0;if(r.toJSON&&typeof r.toJSON=="function"&&arguments.length===1)return te(r.toJSON(),!0);for(let t in r)if(Object.prototype.hasOwnProperty.call(r,t)&&te(r[t]))return!0;return!1}function wt(r){let e=[],t=r.data,i=r;return i.data=Le(t,e),i.attachments=e.length,{packet:i,buffers:e}}function Le(r,e){if(!r)return r;if(ie(r)){let t={_placeholder:!0,num:e.length};return e.push(r),t}else if(Array.isArray(r)){let t=new Array(r.length);for(let i=0;i<r.length;i++)t[i]=Le(r[i],e);return t}else if(typeof r=="object"&&!(r instanceof Date)){let t={};for(let i in r)Object.prototype.hasOwnProperty.call(r,i)&&(t[i]=Le(r[i],e));return t}return r}function vt(r,e){return r.data=Ue(r.data,e),delete r.attachments,r}function Ue(r,e){if(!r)return r;if(r&&r._placeholder===!0){if(typeof r.num=="number"&&r.num>=0&&r.num<e.length)return e[r.num];throw new Error("illegal attachments")}else if(Array.isArray(r))for(let t=0;t<r.length;t++)r[t]=Ue(r[t],e);else if(typeof r=="object")for(let t in r)Object.prototype.hasOwnProperty.call(r,t)&&(r[t]=Ue(r[t],e));return r}var ei=["connect","connect_error","disconnect","disconnecting","newListener","removeListener"],Et=5,p;(function(r){r[r.CONNECT=0]="CONNECT",r[r.DISCONNECT=1]="DISCONNECT",r[r.EVENT=2]="EVENT",r[r.ACK=3]="ACK",r[r.CONNECT_ERROR=4]="CONNECT_ERROR",r[r.BINARY_EVENT=5]="BINARY_EVENT",r[r.BINARY_ACK=6]="BINARY_ACK"})(p||(p={}));var Ie=class{constructor(e){this.replacer=e}encode(e){return(e.type===p.EVENT||e.type===p.ACK)&&te(e)?this.encodeAsBinary({type:e.type===p.EVENT?p.BINARY_EVENT:p.BINARY_ACK,nsp:e.nsp,data:e.data,id:e.id}):[this.encodeAsString(e)]}encodeAsString(e){let t=""+e.type;return(e.type===p.BINARY_EVENT||e.type===p.BINARY_ACK)&&(t+=e.attachments+"-"),e.nsp&&e.nsp!=="/"&&(t+=e.nsp+","),e.id!=null&&(t+=e.id),e.data!=null&&(t+=JSON.stringify(e.data,this.replacer)),t}encodeAsBinary(e){let t=wt(e),i=this.encodeAsString(t.packet),s=t.buffers;return s.unshift(i),s}};function kt(r){return Object.prototype.toString.call(r)==="[object Object]"}var Me=class r extends g{constructor(e){super(),this.reviver=e}add(e){let t;if(typeof e=="string"){if(this.reconstructor)throw new Error("got plaintext data when reconstructing a packet");t=this.decodeString(e);let i=t.type===p.BINARY_EVENT;i||t.type===p.BINARY_ACK?(t.type=i?p.EVENT:p.ACK,this.reconstructor=new De(t),t.attachments===0&&super.emitReserved("decoded",t)):super.emitReserved("decoded",t)}else if(ie(e)||e.base64)if(this.reconstructor)t=this.reconstructor.takeBinaryData(e),t&&(this.reconstructor=null,super.emitReserved("decoded",t));else throw new Error("got binary data when not reconstructing a packet");else throw new Error("Unknown type: "+e)}decodeString(e){let t=0,i={type:Number(e.charAt(0))};if(p[i.type]===void 0)throw new Error("unknown packet type "+i.type);if(i.type===p.BINARY_EVENT||i.type===p.BINARY_ACK){let n=t+1;for(;e.charAt(++t)!=="-"&&t!=e.length;);let o=e.substring(n,t);if(o!=Number(o)||e.charAt(t)!=="-")throw new Error("Illegal attachments");i.attachments=Number(o)}if(e.charAt(t+1)==="/"){let n=t+1;for(;++t&&!(e.charAt(t)===","||t===e.length););i.nsp=e.substring(n,t)}else i.nsp="/";let s=e.charAt(t+1);if(s!==""&&Number(s)==s){let n=t+1;for(;++t;){let o=e.charAt(t);if(o==null||Number(o)!=o){--t;break}if(t===e.length)break}i.id=Number(e.substring(n,t+1))}if(e.charAt(++t)){let n=this.tryParse(e.substr(t));if(r.isPayloadValid(i.type,n))i.data=n;else throw new Error("invalid payload")}return i}tryParse(e){try{return JSON.parse(e,this.reviver)}catch{return!1}}static isPayloadValid(e,t){switch(e){case p.CONNECT:return kt(t);case p.DISCONNECT:return t===void 0;case p.CONNECT_ERROR:return typeof t=="string"||kt(t);case p.EVENT:case p.BINARY_EVENT:return Array.isArray(t)&&(typeof t[0]=="number"||typeof t[0]=="string"&&ei.indexOf(t[0])===-1);case p.ACK:case p.BINARY_ACK:return Array.isArray(t)}}destroy(){this.reconstructor&&(this.reconstructor.finishedReconstruction(),this.reconstructor=null)}},De=class{constructor(e){this.packet=e,this.buffers=[],this.reconPack=e}takeBinaryData(e){if(this.buffers.push(e),this.buffers.length===this.reconPack.attachments){let t=vt(this.reconPack,this.buffers);return this.finishedReconstruction(),t}return null}finishedReconstruction(){this.reconPack=null,this.buffers=[]}};function _(r,e,t){return r.on(e,t),function(){r.off(e,t)}}var ti=Object.freeze({connect:1,connect_error:1,disconnect:1,disconnecting:1,newListener:1,removeListener:1}),H=class extends g{constructor(e,t,i){super(),this.connected=!1,this.recovered=!1,this.receiveBuffer=[],this.sendBuffer=[],this._queue=[],this._queueSeq=0,this.ids=0,this.acks={},this.flags={},this.io=e,this.nsp=t,i&&i.auth&&(this.auth=i.auth),this._opts=Object.assign({},i),this.io._autoConnect&&this.open()}get disconnected(){return!this.connected}subEvents(){if(this.subs)return;let e=this.io;this.subs=[_(e,"open",this.onopen.bind(this)),_(e,"packet",this.onpacket.bind(this)),_(e,"error",this.onerror.bind(this)),_(e,"close",this.onclose.bind(this))]}get active(){return!!this.subs}connect(){return this.connected?this:(this.subEvents(),this.io._reconnecting||this.io.open(),this.io._readyState==="open"&&this.onopen(),this)}open(){return this.connect()}send(...e){return e.unshift("message"),this.emit.apply(this,e),this}emit(e,...t){if(ti.hasOwnProperty(e))throw new Error('"'+e.toString()+'" is a reserved event name');if(t.unshift(e),this._opts.retries&&!this.flags.fromQueue&&!this.flags.volatile)return this._addToQueue(t),this;let i={type:p.EVENT,data:t};if(i.options={},i.options.compress=this.flags.compress!==!1,typeof t[t.length-1]=="function"){let o=this.ids++,l=t.pop();this._registerAckCallback(o,l),i.id=o}let s=this.io.engine&&this.io.engine.transport&&this.io.engine.transport.writable;return this.flags.volatile&&(!s||!this.connected)||(this.connected?(this.notifyOutgoingListeners(i),this.packet(i)):this.sendBuffer.push(i)),this.flags={},this}_registerAckCallback(e,t){var i;let s=(i=this.flags.timeout)!==null&&i!==void 0?i:this._opts.ackTimeout;if(s===void 0){this.acks[e]=t;return}let n=this.io.setTimeoutFn(()=>{delete this.acks[e];for(let l=0;l<this.sendBuffer.length;l++)this.sendBuffer[l].id===e&&this.sendBuffer.splice(l,1);t.call(this,new Error("operation has timed out"))},s),o=(...l)=>{this.io.clearTimeoutFn(n),t.apply(this,l)};o.withError=!0,this.acks[e]=o}emitWithAck(e,...t){return new Promise((i,s)=>{let n=(o,l)=>o?s(o):i(l);n.withError=!0,t.push(n),this.emit(e,...t)})}_addToQueue(e){let t;typeof e[e.length-1]=="function"&&(t=e.pop());let i={id:this._queueSeq++,tryCount:0,pending:!1,args:e,flags:Object.assign({fromQueue:!0},this.flags)};e.push((s,...n)=>i!==this._queue[0]?void 0:(s!==null?i.tryCount>this._opts.retries&&(this._queue.shift(),t&&t(s)):(this._queue.shift(),t&&t(null,...n)),i.pending=!1,this._drainQueue())),this._queue.push(i),this._drainQueue()}_drainQueue(e=!1){if(!this.connected||this._queue.length===0)return;let t=this._queue[0];t.pending&&!e||(t.pending=!0,t.tryCount++,this.flags=t.flags,this.emit.apply(this,t.args))}packet(e){e.nsp=this.nsp,this.io._packet(e)}onopen(){typeof this.auth=="function"?this.auth(e=>{this._sendConnectPacket(e)}):this._sendConnectPacket(this.auth)}_sendConnectPacket(e){this.packet({type:p.CONNECT,data:this._pid?Object.assign({pid:this._pid,offset:this._lastOffset},e):e})}onerror(e){this.connected||this.emitReserved("connect_error",e)}onclose(e,t){this.connected=!1,delete this.id,this.emitReserved("disconnect",e,t),this._clearAcks()}_clearAcks(){Object.keys(this.acks).forEach(e=>{if(!this.sendBuffer.some(i=>String(i.id)===e)){let i=this.acks[e];delete this.acks[e],i.withError&&i.call(this,new Error("socket has been disconnected"))}})}onpacket(e){if(e.nsp===this.nsp)switch(e.type){case p.CONNECT:e.data&&e.data.sid?this.onconnect(e.data.sid,e.data.pid):this.emitReserved("connect_error",new Error("It seems you are trying to reach a Socket.IO server in v2.x with a v3.x client, but they are not compatible (more information here: https://socket.io/docs/v3/migrating-from-2-x-to-3-0/)"));break;case p.EVENT:case p.BINARY_EVENT:this.onevent(e);break;case p.ACK:case p.BINARY_ACK:this.onack(e);break;case p.DISCONNECT:this.ondisconnect();break;case p.CONNECT_ERROR:this.destroy();let i=new Error(e.data.message);i.data=e.data.data,this.emitReserved("connect_error",i);break}}onevent(e){let t=e.data||[];e.id!=null&&t.push(this.ack(e.id)),this.connected?this.emitEvent(t):this.receiveBuffer.push(Object.freeze(t))}emitEvent(e){if(this._anyListeners&&this._anyListeners.length){let t=this._anyListeners.slice();for(let i of t)i.apply(this,e)}super.emit.apply(this,e),this._pid&&e.length&&typeof e[e.length-1]=="string"&&(this._lastOffset=e[e.length-1])}ack(e){let t=this,i=!1;return function(...s){i||(i=!0,t.packet({type:p.ACK,id:e,data:s}))}}onack(e){let t=this.acks[e.id];typeof t=="function"&&(delete this.acks[e.id],t.withError&&e.data.unshift(null),t.apply(this,e.data))}onconnect(e,t){this.id=e,this.recovered=t&&this._pid===t,this._pid=t,this.connected=!0,this.emitBuffered(),this.emitReserved("connect"),this._drainQueue(!0)}emitBuffered(){this.receiveBuffer.forEach(e=>this.emitEvent(e)),this.receiveBuffer=[],this.sendBuffer.forEach(e=>{this.notifyOutgoingListeners(e),this.packet(e)}),this.sendBuffer=[]}ondisconnect(){this.destroy(),this.onclose("io server disconnect")}destroy(){this.subs&&(this.subs.forEach(e=>e()),this.subs=void 0),this.io._destroy(this)}disconnect(){return this.connected&&this.packet({type:p.DISCONNECT}),this.destroy(),this.connected&&this.onclose("io client disconnect"),this}close(){return this.disconnect()}compress(e){return this.flags.compress=e,this}get volatile(){return this.flags.volatile=!0,this}timeout(e){return this.flags.timeout=e,this}onAny(e){return this._anyListeners=this._anyListeners||[],this._anyListeners.push(e),this}prependAny(e){return this._anyListeners=this._anyListeners||[],this._anyListeners.unshift(e),this}offAny(e){if(!this._anyListeners)return this;if(e){let t=this._anyListeners;for(let i=0;i<t.length;i++)if(e===t[i])return t.splice(i,1),this}else this._anyListeners=[];return this}listenersAny(){return this._anyListeners||[]}onAnyOutgoing(e){return this._anyOutgoingListeners=this._anyOutgoingListeners||[],this._anyOutgoingListeners.push(e),this}prependAnyOutgoing(e){return this._anyOutgoingListeners=this._anyOutgoingListeners||[],this._anyOutgoingListeners.unshift(e),this}offAnyOutgoing(e){if(!this._anyOutgoingListeners)return this;if(e){let t=this._anyOutgoingListeners;for(let i=0;i<t.length;i++)if(e===t[i])return t.splice(i,1),this}else this._anyOutgoingListeners=[];return this}listenersAnyOutgoing(){return this._anyOutgoingListeners||[]}notifyOutgoingListeners(e){if(this._anyOutgoingListeners&&this._anyOutgoingListeners.length){let t=this._anyOutgoingListeners.slice();for(let i of t)i.apply(this,e.data)}}};function M(r){r=r||{},this.ms=r.min||100,this.max=r.max||1e4,this.factor=r.factor||2,this.jitter=r.jitter>0&&r.jitter<=1?r.jitter:0,this.attempts=0}M.prototype.duration=function(){var r=this.ms*Math.pow(this.factor,this.attempts++);if(this.jitter){var e=Math.random(),t=Math.floor(e*this.jitter*r);r=Math.floor(e*10)&1?r+t:r-t}return Math.min(r,this.max)|0};M.prototype.reset=function(){this.attempts=0};M.prototype.setMin=function(r){this.ms=r};M.prototype.setMax=function(r){this.max=r};M.prototype.setJitter=function(r){this.jitter=r};var F=class extends g{constructor(e,t){var i;super(),this.nsps={},this.subs=[],e&&typeof e=="object"&&(t=e,e=void 0),t=t||{},t.path=t.path||"/socket.io",this.opts=t,N(this,t),this.reconnection(t.reconnection!==!1),this.reconnectionAttempts(t.reconnectionAttempts||1/0),this.reconnectionDelay(t.reconnectionDelay||1e3),this.reconnectionDelayMax(t.reconnectionDelayMax||5e3),this.randomizationFactor((i=t.randomizationFactor)!==null&&i!==void 0?i:.5),this.backoff=new M({min:this.reconnectionDelay(),max:this.reconnectionDelayMax(),jitter:this.randomizationFactor()}),this.timeout(t.timeout==null?2e4:t.timeout),this._readyState="closed",this.uri=e;let s=t.parser||Be;this.encoder=new s.Encoder,this.decoder=new s.Decoder,this._autoConnect=t.autoConnect!==!1,this._autoConnect&&this.open()}reconnection(e){return arguments.length?(this._reconnection=!!e,this):this._reconnection}reconnectionAttempts(e){return e===void 0?this._reconnectionAttempts:(this._reconnectionAttempts=e,this)}reconnectionDelay(e){var t;return e===void 0?this._reconnectionDelay:(this._reconnectionDelay=e,(t=this.backoff)===null||t===void 0||t.setMin(e),this)}randomizationFactor(e){var t;return e===void 0?this._randomizationFactor:(this._randomizationFactor=e,(t=this.backoff)===null||t===void 0||t.setJitter(e),this)}reconnectionDelayMax(e){var t;return e===void 0?this._reconnectionDelayMax:(this._reconnectionDelayMax=e,(t=this.backoff)===null||t===void 0||t.setMax(e),this)}timeout(e){return arguments.length?(this._timeout=e,this):this._timeout}maybeReconnectOnOpen(){!this._reconnecting&&this._reconnection&&this.backoff.attempts===0&&this.reconnect()}open(e){if(~this._readyState.indexOf("open"))return this;this.engine=new I(this.uri,this.opts);let t=this.engine,i=this;this._readyState="opening",this.skipReconnect=!1;let s=_(t,"open",function(){i.onopen(),e&&e()}),n=l=>{this.cleanup(),this._readyState="closed",this.emitReserved("error",l),e?e(l):this.maybeReconnectOnOpen()},o=_(t,"error",n);if(this._timeout!==!1){let l=this._timeout,u=this.setTimeoutFn(()=>{s(),n(new Error("timeout")),t.close()},l);this.opts.autoUnref&&u.unref(),this.subs.push(()=>{this.clearTimeoutFn(u)})}return this.subs.push(s),this.subs.push(o),this}connect(e){return this.open(e)}onopen(){this.cleanup(),this._readyState="open",this.emitReserved("open");let e=this.engine;this.subs.push(_(e,"ping",this.onping.bind(this)),_(e,"data",this.ondata.bind(this)),_(e,"error",this.onerror.bind(this)),_(e,"close",this.onclose.bind(this)),_(this.decoder,"decoded",this.ondecoded.bind(this)))}onping(){this.emitReserved("ping")}ondata(e){try{this.decoder.add(e)}catch(t){this.onclose("parse error",t)}}ondecoded(e){U(()=>{this.emitReserved("packet",e)},this.setTimeoutFn)}onerror(e){this.emitReserved("error",e)}socket(e,t){let i=this.nsps[e];return i?this._autoConnect&&!i.active&&i.connect():(i=new H(this,e,t),this.nsps[e]=i),i}_destroy(e){let t=Object.keys(this.nsps);for(let i of t)if(this.nsps[i].active)return;this._close()}_packet(e){let t=this.encoder.encode(e);for(let i=0;i<t.length;i++)this.engine.write(t[i],e.options)}cleanup(){this.subs.forEach(e=>e()),this.subs.length=0,this.decoder.destroy()}_close(){this.skipReconnect=!0,this._reconnecting=!1,this.onclose("forced close"),this.engine&&this.engine.close()}disconnect(){return this._close()}onclose(e,t){this.cleanup(),this.backoff.reset(),this._readyState="closed",this.emitReserved("close",e,t),this._reconnection&&!this.skipReconnect&&this.reconnect()}reconnect(){if(this._reconnecting||this.skipReconnect)return this;let e=this;if(this.backoff.attempts>=this._reconnectionAttempts)this.backoff.reset(),this.emitReserved("reconnect_failed"),this._reconnecting=!1;else{let t=this.backoff.duration();this._reconnecting=!0;let i=this.setTimeoutFn(()=>{e.skipReconnect||(this.emitReserved("reconnect_attempt",e.backoff.attempts),!e.skipReconnect&&e.open(s=>{s?(e._reconnecting=!1,e.reconnect(),this.emitReserved("reconnect_error",s)):e.onreconnect()}))},t);this.opts.autoUnref&&i.unref(),this.subs.push(()=>{this.clearTimeoutFn(i)})}}onreconnect(){let e=this.backoff.attempts;this._reconnecting=!1,this.backoff.reset(),this.emitReserved("reconnect",e)}};var se={};function D(r,e){typeof r=="object"&&(e=r,r=void 0),e=e||{};let t=gt(r,e.path||"/socket.io"),i=t.source,s=t.id,n=t.path,o=se[s]&&n in se[s].nsps,l=e.forceNew||e["force new connection"]||e.multiplex===!1||o,u;return l?u=new F(i,e):(se[s]||(se[s]=new F(i,e)),u=se[s]),t.query&&!e.query&&(e.query=t.queryKey),u.socket(t.path,e)}Object.assign(D,{Manager:F,Socket:H,io:D,connect:D});var j=class j extends HTMLElement{constructor(){super();h(this,"variable");h(this,"value");h(this,"undef",!1);h(this,"report",!1);h(this,"type","plain");h(this,"types",["plain","html","markdown","object","json","table","list","array"]);h(this,"topicMonitors",{});h(this,"uib",!!window.uibuilder);h(this,"$");this.shadow=this.attachShadow({mode:"open",delegatesFocus:!0}),this.$=this.shadowRoot.querySelector.bind(this.shadowRoot),this.css=document.createElement("link"),this.css.setAttribute("type","text/css"),this.css.setAttribute("rel","stylesheet"),this.css.setAttribute("href","./index.css"),this.dispatchEvent(new Event("uib-var:construction",{bubbles:!0,composed:!0}))}static get observedAttributes(){return j.props}attributeChangedCallback(t,i,s){if(i!==s)switch(t){case"variable":{if(s==="")throw new Error('[uib-var] Attribute "variable" MUST be set to a UIBUILDER managed variable name');this.variable=s,this.doWatch();break}case"undefined":{s===""||["on","true","report"].includes(s.toLowerCase())?this.undef=!0:this.undef=!1;break}case"report":{s===""||["on","true","report"].includes(s.toLowerCase())?this.report=!0:this.report=!1;break}case"type":{s===""||!this.types.includes(s.toLowerCase())?this.type="plain":this.type=s;break}case"topic":{if(!s||!this.uib)break;if(this.variable){console.warn("\u26A0\uFE0F [uib-var] Cannot process both variable and topic attributes, use only 1. Using variable");break}this.topic=s,this.topicMonitors[s]&&uibuilder.cancelTopic(s,this.topicMonitors[s]),this.topicMonitors[s]=uibuilder.onTopic(s,n=>{this.value=n.payload,this.varDom(),this.report===!0&&window.uibuilder.send({topic:this.variable,payload:this.value||void 0})}),this.varDom();break}case"filter":{if(this.filter=void 0,this.filterArgs=[],!s)break;this.filter=s,s=s.slice(0,127);let n=s.replace(/\s/g,"").match(/([a-zA-Z_$][a-zA-Z_$0-9.-]+)(\((.*)\))?/);if(!n){console.warn('\u26A0\uFE0F [uib-var] Filter function "'.concat(s,'" invalid. Cannot process.'));break}if(this.filter=n[1],n[3]){try{this.filterArgs=JSON.parse(n[3])}catch{}this.filterArgs=n[3].split(",").map(o=>{if(o=o.trim(),isNaN(o)){let l=o.replace(/^["'`]/,"").replace(/["'`]$/,"");try{l=new Function("return ".concat(l))()}catch{}return l}return Number(o)})}!this.variable&&!this.topic&&this.varDom(!1);break}default:{this[t]=s;break}}}connectedCallback(){this.id||(this.name||(this.name=this.getAttribute("name")),this.name?this.id=this.name.toLowerCase().replace(/\s/g,"_"):this.id="uib-var-".concat(++j._iCount))}disconnectedCallback(){this.uib&&Object.keys(this.topicMonitors).forEach(t=>{uibuilder.cancelTopic(t,this.topicMonitors[t])})}doWatch(){if(!this.variable)throw new Error("No variable name provided");this.value=window.uibuilder.get(this.variable),this.varDom(),window.uibuilder.onChange(this.variable,t=>{this.value=t,this.varDom(),this.report===!0&&window.uibuilder.send({topic:this.variable,payload:this.value||void 0})})}varDom(t=!0){if(t===!0&&!this.value&&this.undef!==!0){this.shadow.innerHTML="<slot></slot>";return}let i=t?this.doFilter(this.value):this.doFilter(),s=i;switch(this.type){case"markdown":{this.uib&&(s=window.uibuilder.convertMarkdown(i));break}case"json":case"object":{s='<pre class="syntax-highlight">'.concat(this.uib?window.uibuilder.syntaxHighlight(i):i,"</pre>");break}case"table":{s=window.uibuilder.sanitiseHTML(window.uibuilder.buildHtmlTable(i).outerHTML);break}case"array":case"list":{Array.isArray(i)||(i=[i]),s="<ul>",i.forEach(n=>{s+="<li>".concat(window.uibuilder.sanitiseHTML(n),"</li>")}),s+="</ul>";break}case"plain":case"html":default:{let n=typeof i;if(Array.isArray(i)||n==="[object Object]"||n==="object")try{s=JSON.stringify(i)}catch{}break}}this.uib?this.shadow.innerHTML=window.uibuilder.sanitiseHTML(s):this.shadow.innerHTML=s,this.shadow.appendChild(this.css)}doFilter(t){if(this.filter){let i=this.filter.split("."),s=globalThis[i[0]];if(s&&i.length>1&&[i.pop()].forEach(o=>{s=s[o]}),!s&&this.uib===!0&&(s=globalThis.uibuilder[i[0]]),s&&typeof s!="function"&&(s=void 0),s){let n=t===void 0?[...this.filterArgs]:[t,...this.filterArgs];t=Reflect.apply(s,t!=null?t:s,n)}else console.warn('\u26A0\uFE0F [uib-var] Filter function "'.concat(this.filter,'" ').concat(typeof s=="object"?"is an object not a function":"not found"))}return t}};h(j,"_iCount",0),h(j,"props",["filter","id","name","report","topic","type","undefined","variable"]);var re=j;var V=class V extends HTMLElement{constructor(){super();h(this,"variable","pageMeta");h(this,"value");h(this,"undef",!1);h(this,"report",!1);h(this,"type","created");h(this,"types",["created","updated","crup","size","modified"]);h(this,"format","");h(this,"formats",["d","dt","t","k","m"]);h(this,"topicMonitors",{});h(this,"uib",!!window.uibuilder);h(this,"$");this.shadow=this.attachShadow({mode:"open",delegatesFocus:!0}),this.$=this.shadowRoot.querySelector.bind(this.shadowRoot),this.value=window.uibuilder.get("pageMeta"),this.value||window.uibuilder.getPageMeta(),this.doWatch(),this.dispatchEvent(new Event("uib-meta:construction",{bubbles:!0,composed:!0}))}static get observedAttributes(){return V.props}attributeChangedCallback(t,i,s){if(i!==s)switch(t){case"type":{s===""||!this.types.includes(s.toLowerCase())?this.type="created":this.type=s;break}case"format":{this.formats.includes(s.toLowerCase())?this[t]=s:this.type="";break}default:{this[t]=s;break}}}connectedCallback(){this.id||(this.name||(this.name=this.getAttribute("name")),this.name?this.id=this.name.toLowerCase().replace(/\s/g,"_"):this.id="uib-meta-".concat(++V._iCount))}doWatch(){this.varDom(),window.uibuilder.onChange(this.variable,t=>{this.value=t,this.varDom(),this.report===!0&&window.uibuilder.send({topic:this.variable,payload:this.value||void 0})})}varDom(t=!0){if(t===!0&&!this.value&&this.undef!==!0){this.shadow.innerHTML="<slot></slot>";return}let i;switch(this.type){case"size":{i="Size: ".concat(this.doFormat(this.value.size,"num"),"b");break}case"modified":case"updated":{i="Updated: ".concat(this.doFormat(this.value.modified,"dt"));break}case"crup":{i="Created: ".concat(this.doFormat(this.value.created,"dt"),", Updated: ").concat(this.doFormat(this.value.modified,"dt"));break}case"created":default:{i="Created: ".concat(this.doFormat(this.value.created,"dt"));break}}i!==void 0&&(this.shadow.innerHTML=i)}doFormat(t,i){if(this.format==="")return t;let s;switch(this.format){case"d":{i==="dt"?s=new Date(t).toLocaleDateString():s=t;break}case"t":{i==="dt"?s=new Date(t).toLocaleTimeString():s=t;break}case"dt":{i==="dt"?s=new Date(t).toLocaleString():s=t;break}case"k":{i==="num"?s="".concat(uibuilder.round(t/1024,1)," k"):s=t;break}case"m":{i==="num"?s="".concat(uibuilder.round(t/1048576,2)," M"):s=t;break}default:s=t}return s}};h(V,"_iCount",0),h(V,"props",["type","format"]);var ne=V;var Qs=window.uibuilder,oe=class oe extends HTMLElement{constructor(){super();h(this,"once",!1);h(this,"log");if(!window.uibuilder)throw new Error("uibuilder client library not available");this.log=window.uibuilder.log,this.dispatchEvent(new Event("apply-template:construction",{bubbles:!0,composed:!0}))}static get observedAttributes(){return oe.props}attributeChangedCallback(t,i,s){i!==s&&(this[t]=s)}connectedCallback(){let t=this["template-id"],i=this.once;if(t){let s=document.getElementById(t);if(s)try{let n;i===!1?n=document.importNode(s.content,!0):n=document.adoptNode(s.content),this.appendChild(n)}catch{this.log("error","ApplyTemplate","Source must be a <template>. id='".concat(t,"'"))}else this.log("error","ApplyTemplate","Source not found: id='".concat(t,"'"))}else this.log("error","ApplyTemplate","Template id attribute not provided. Template must be identified by an id attribute.")}};h(oe,"_iCount",0),h(oe,"props",["template-id","once"]);var ae=oe;var ri={};var Ct="7.0.3-iife.min",ii=!/param/.test(function(r){});function c(){let r=Array.prototype.slice.call(arguments),e=r.shift(),t;switch(e){case"trace":case 5:{if(c.level<5)break;e=5,t="trace";break}case"debug":case 4:{if(c.level<4)break;e=4,t="debug";break}case"log":case 3:{if(c.level<3)break;e=3,t="log";break}case"info":case"":case 2:{if(c.level<2)break;e=2,t="info";break}case"warn":case 1:{if(c.level<1)break;e=1,t="warn";break}case"error":case"err":case 0:{if(c.level<0)break;e=0,t="error";break}default:{e=-1;break}}if(t===void 0)return function(){};let i=r.shift();return Function.prototype.bind.call(console[c.LOG_STYLES[t].console],console,"%c".concat(c.LOG_STYLES[t].pre).concat(t,"%c [").concat(i,"]"),"".concat(c.LOG_STYLES.level," ").concat(c.LOG_STYLES[t].css),"".concat(c.LOG_STYLES.head," ").concat(c.LOG_STYLES[t].txtCss),...r)}c.LOG_STYLES={error:{css:"background: red; color: black;",txtCss:"color: red; ",pre:"\u26D4 ",console:"error"},warn:{css:"background: darkorange; color: black;",txtCss:"color: darkorange; ",pre:"\u26A0 ",console:"warn"},info:{css:"background: aqua; color: black;",txtCss:"color: aqua;",pre:"\u2757 ",console:"info"},log:{css:"background: grey; color: yellow;",txtCss:"color: grey;",pre:"",console:"log"},debug:{css:"background: chartreuse; color: black;",txtCss:"color: chartreuse;",pre:"",console:"debug"},trace:{css:"background: indigo; color: yellow;",txtCss:"color: hotpink;",pre:"",console:"log"},names:["error","warn","info","log","debug","trace"],reset:"color: inherit;",head:"font-weight:bold; font-style:italic;",level:"font-weight:bold; border-radius: 3px; padding: 2px 5px; display:inline-block;"};c.default=0;var T;try{T=document.currentScript.getAttribute("logLevel")}catch{}if(T===void 0)try{T=new URL(ri.url).searchParams.get("logLevel")}catch{}T!==void 0&&(T=Number(T),isNaN(T)?(console.warn('[Uib:constructor] Cannot set logLevel to "'.concat(scriptElement.getAttribute("logLevel"),'". Defaults to 0 (error).')),c.default=0):c.default=T);c.level=c.default;function St(r){if(r===void 0)r='<span class="undefined">undefined</span>';else try{r=JSON.stringify(r,void 0,4),r=r.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+-]?\d+)?)/g,function(e){let t="number";return/^"/.test(e)?/:$/.test(e)?t="key":t="string":/true|false/.test(e)?t="boolean":/null/.test(e)&&(t="null"),'<span class="'.concat(t,'">').concat(e,"</span>")})}catch(e){r="Syntax Highlight ERROR: ".concat(e.message)}return r}var m=new _t.default(window,c,St),E,B,x,A,w,ce,W,z,P,J,_e,le,he,L,ue,si=(E=class{constructor(){h(this,"connectedNum",0);h(this,"_ioChannels",{control:"uiBuilderControl",client:"uiBuilderClient",server:"uiBuilder"});k(this,B);k(this,x,{});k(this,A,{});h(this,"isVue",!1);h(this,"vueVersion");k(this,w,null);k(this,ce);h(this,"_socket");h(this,"_htmlObserver");k(this,W,!1);k(this,z,!1);k(this,P,!1);k(this,J,0);k(this,_e,["elementExists","get","getManagedVarList","getWatchedVars","htmlSend","include","navigate","scrollTo","set","showMsg","showStatus","uiGet","uiWatch","watchUrlHash"]);k(this,le,{});k(this,he,{online:{var:"online",label:"Online?",description:"Is the browser online?"},ioConnected:{var:"ioConnected",label:"Socket.IO connected?",description:"Is Socket.IO connected?"},connectedNum:{var:"connectedNum",label:"# reconnections",description:"How many times has Socket.IO had to reconnect since last page load?"},clientId:{var:"clientId",label:"Client ID",description:"Static client unique id set in Node-RED. Only changes when browser is restarted."},tabId:{var:"tabId",label:"Browser tab ID",description:"Static unique id for the browser's current tab"},cookies:{var:"cookies",label:"Cookies",description:"Cookies set in Node-RED"},httpNodeRoot:{var:"httpNodeRoot",label:"httpNodeRoot",description:"From Node-RED' settings.js, affects URL's. May be wrong for pages in sub-folders"},pageName:{var:"pageName",label:"Page name",description:"Actual name of this page"},ioNamespace:{var:"ioNamespace",label:"SIO namespace",description:"Socket.IO namespace - unique to each uibuilder node instance"},socketError:{var:"socketError",label:"Socket error",description:"If the Socket.IO connection has failed, says why"},msgsSent:{var:"msgsSent",label:"# msgs sent",description:"How many standard messages have been sent to Node-RED?"},msgsReceived:{var:"msgsReceived",label:"# msgs received",description:"How many standard messages have been received from Node-RED?"},msgsSentCtrl:{var:"msgsSentCtrl",label:"# control msgs sent",description:"How many control messages have been sent to Node-RED?"},msgsCtrlReceived:{var:"msgsCtrlReceived",label:"# control msgs received",description:"How many control messages have been received from Node-RED?"},originator:{var:"originator",label:"Node Originator",description:"If the last msg from Node-RED was from a `uib-sender` node, this will be its node id so that messasges can be returned to it"},topic:{var:"topic",label:"Default topic",description:"Optional default topic to be included in outgoing standard messages"},started:{var:"started",label:"Has uibuilder client started?",description:"Whether `uibuilder.start()` ran successfully. This should self-run and should not need to be run manually"},version:{var:"version",label:"uibuilder client version",description:"The version of the loaded uibuilder client library"},serverTimeOffset:{var:"serverTimeOffset",label:"Server time offset (Hrs)",description:"The number of hours difference between the Node-red server and the client"}});k(this,L,{});h(this,"uibAttribs",["uib-topic","data-uib-topic"]);k(this,ue,"[".concat(this.uibAttribs.join("], ["),"]"));h(this,"clientId","");h(this,"cookies",{});h(this,"ctrlMsg",{});h(this,"ioConnected",!1);h(this,"isMinified",ii);h(this,"isVisible",!1);h(this,"lastNavType","");h(this,"maxHttpBufferSize",1048576);h(this,"msg",{});h(this,"msgsSent",0);h(this,"msgsReceived",0);h(this,"msgsSentCtrl",0);h(this,"msgsCtrlReceived",0);h(this,"online",navigator.onLine);h(this,"sentCtrlMsg",{});h(this,"sentMsg",{});h(this,"serverTimeOffset",null);h(this,"socketError",null);h(this,"tabId","");h(this,"pageName",null);h(this,"purify",!1);h(this,"markdown",!1);h(this,"urlHash",location.hash);h(this,"originator","");h(this,"topic");h(this,"uibrouterinstance");h(this,"uibrouter_CurrentRoute");h(this,"autoSendReady",!0);h(this,"httpNodeRoot","");h(this,"ioNamespace","");h(this,"ioPath","");h(this,"retryFactor",1.5);h(this,"retryMs",2e3);h(this,"storePrefix","uib_");h(this,"started",!1);h(this,"socketOptions",{path:this.ioPath,transports:["polling","websocket"],auth:e=>{e({clientVersion:Ct,clientId:this.clientId,pathName:window.location.pathname,urlParams:Object.fromEntries(new URLSearchParams(location.search)),pageName:this.pageName,tabId:this.tabId,lastNavType:this.lastNavType,connectedNum:++this.connectedNum,browserConnectTimestamp:new Date().toISOString()})},transportOptions:{polling:{extraHeaders:{"x-clientid":"".concat(E._meta.displayName,"; ").concat(E._meta.type,"; ").concat(E._meta.version,"; ").concat(this.clientId)}}}});h(this,"$",m.$);h(this,"$$",m.$$);h(this,"$ui",m);h(this,"addClass",m.addClass);h(this,"applyTemplate",m.applyTemplate);h(this,"buildHtmlTable",m.buildHtmlTable);h(this,"removeClass",m.removeClass);if(c("trace","Uib:constructor","Starting")(),window.addEventListener("offline",e=>{this.set("online",!1),this.set("ioConnected",!1),c("warn","Browser","DISCONNECTED from network")()}),window.addEventListener("online",e=>{this.set("online",!0),c("warn","Browser","Reconnected to network")(),this._checkConnect()}),document.cookie.split(";").forEach(e=>{let t=e.split("=");this.cookies[t[0].trim()]=t[1]}),this.set("clientId",this.cookies["uibuilder-client-id"]),c("trace","Uib:constructor","Client ID: ",this.clientId)(),this.set("tabId",window.sessionStorage.getItem("tabId")),this.tabId||(this.set("tabId","t".concat(Math.floor(Math.random()*1e6))),window.sessionStorage.setItem("tabId",this.tabId)),document.addEventListener("load",()=>{this.set("isVisible",!0)}),document.addEventListener("visibilitychange",()=>{this.set("isVisible",document.visibilityState==="visible"),this.sendCtrl({uibuilderCtrl:"visibility",isVisible:this.isVisible})}),document.addEventListener("uibuilder:propertyChanged",e=>{f(this,z)&&e.detail.prop in f(this,he)&&(document.querySelector('td[data-vartype="'.concat(e.detail.prop,'"]')).innerText=JSON.stringify(e.detail.value))}),this.set("ioNamespace",this._getIOnamespace()),"uibuilder-webRoot"in this.cookies)this.set("httpNodeRoot",this.cookies["uibuilder-webRoot"]),c("trace","Uib:constructor",'httpNodeRoot set by cookie to "'.concat(this.httpNodeRoot,'"'))();else{let e=window.location.pathname.split("/").filter(function(t){return t.trim()!==""});e.length>0&&e[e.length-1].endsWith(".html")&&e.pop(),e.pop(),this.set("httpNodeRoot","/".concat(e.join("/"))),c("trace","[Uib:constructor]",'httpNodeRoot set by URL parsing to "'.concat(this.httpNodeRoot,'". NOTE: This may fail for pages in sub-folders.'))()}this.set("ioPath",this.urlJoin(this.httpNodeRoot,E._meta.displayName,"vendor","socket.io")),c("trace","Uib:constructor",'ioPath: "'.concat(this.ioPath,'"'))(),this.set("pageName",window.location.pathname.replace("".concat(this.ioNamespace,"/"),"")),this.pageName.endsWith("/")&&this.set("pageName","".concat(this.pageName,"index.html")),this.pageName===""&&this.set("pageName","index.html");try{let e=this.getStore("_uibAutoloadVars");Object.keys(e).length>0&&Object.keys(e).forEach(t=>{this.set(t,this.getStore(t))})}catch{}this._dispatchCustomEvent("uibuilder:constructorComplete"),c("trace","Uib:constructor","Ending")()}set logLevel(e){c.level=e,console.log("%c\u2757 info%c [logLevel]","".concat(c.LOG_STYLES.level," ").concat(c.LOG_STYLES.info.css),"".concat(c.LOG_STYLES.head," ").concat(c.LOG_STYLES.info.txtCss),"Set to ".concat(e," (").concat(c.LOG_STYLES.names[e],")"))}get logLevel(){return c.level}get meta(){return E._meta}set(e,t,i=!1,s=!1){return e.startsWith("_")||e.startsWith("#")?(c("warn","Uib:set",'Cannot use set() on protected property "'.concat(e,'"'))(),'Cannot use set() on protected property "'.concat(e,'"')):(this[e]=t,f(this,le)[e]=e,i===!0&&this.setStore(e,t,s),c("trace","Uib:set","prop set - prop: ".concat(e,", val: "),t," store: ".concat(i,", autoload: ").concat(s))(),this._dispatchCustomEvent("uibuilder:propertyChanged",{prop:e,value:t,store:i,autoload:s}),t)}get(e){if(e.startsWith("_")||e.startsWith("#")){c("warn","Uib:get",'Cannot use get() on protected property "'.concat(e,'"'))();return}return e==="version"?E._meta.version:e==="msgsCtrl"?this.msgsCtrlReceived:e==="reconnections"?this.connectedNum:(this[e]===void 0&&c("warn","Uib:get",'get() - property "'.concat(e,'" is undefined'))(),this[e])}setStore(e,t,i=!1){let s={};if(i===!0)try{s=this.getStore("_uibAutoloadVars")||{}}catch{}if(typeof t=="object")try{t=JSON.stringify(t)}catch(n){return c("error","Uib:setStore","Cannot stringify object, not storing. ",n)(),!1}try{if(localStorage.setItem(this.storePrefix+e,t),i){s[e]=e;try{localStorage.setItem(this.storePrefix+"_uibAutoloadVars",JSON.stringify(s))}catch(n){c("error","Uib:setStore","Cannot save autoload list. ",n)()}}return this._dispatchCustomEvent("uibuilder:propertyStored",{prop:e,value:t,autoload:i}),!0}catch(n){return c("error","Uib:setStore","Cannot write to localStorage. ",n)(),!1}}getStore(e){try{return JSON.parse(localStorage.getItem(this.storePrefix+e))}catch{}try{return localStorage.getItem(this.storePrefix+e)}catch{return}}removeStore(e){try{localStorage.removeItem(this.storePrefix+e)}catch{}}getManagedVarList(){return f(this,le)}getWatchedVars(){return Object.keys(f(this,x))}_dispatchCustomEvent(e,t){let i=new CustomEvent(e,{detail:t});document.dispatchEvent(i)}onChange(e,t){f(this,x)[e]?f(this,x)[e]._nextRef++:f(this,x)[e]={_nextRef:1};let i=f(this,x)[e]._nextRef,s=f(this,x)[e][i]=function(o){if(e===o.detail.prop){let l=o.detail.value;t.call(l,l)}};return document.addEventListener("uibuilder:propertyChanged",s),i}cancelChange(e,t){document.removeEventListener("uibuilder:propertyChanged",f(this,x)[e][t]),delete f(this,x)[e][t]}onTopic(e,t){f(this,A)[e]?f(this,A)[e]._nextRef++:f(this,A)[e]={_nextRef:1};let i=f(this,A)[e]._nextRef,s=f(this,A)[e][i]=function(o){let l=o.detail;l.topic===e&&t.call(l,l)};return document.addEventListener("uibuilder:stdMsgReceived",s),i}cancelTopic(e,t){document.removeEventListener("uibuilder:stdMsgReceived",f(this,A)[e][t]),delete f(this,A)[e][t]}_checkTimestamp(e){if(Object.prototype.hasOwnProperty.call(e,"serverTimestamp")){let t=new Date(e.serverTimestamp),i=Math.round((new Date-t)/36e5);i!==this.serverTimeOffset&&(c("trace","Uib:checkTimestamp:".concat(this._ioChannels.server," (server)"),"Offset changed to: ".concat(i," from: ").concat(this.serverTimeOffset))(),this.set("serverTimeOffset",i))}}_watchHashChanges(){this.set("urlHash",location.hash),window.addEventListener("hashchange",e=>{this.set("urlHash",location.hash),f(this,P)===!0&&this.send({topic:"hashChange",payload:location.hash,newHash:this.keepHashFromUrl(e.newURL),oldHash:this.keepHashFromUrl(e.oldURL)})})}arrayIntersect(e,t){return e.filter(i=>t.includes(i))}copyToClipboard(e){let t="";try{t=JSON.stringify(this.get(e))}catch(i){c("error","copyToClipboard",'Could not copy "'.concat(e,'" to clipboard.'),i.message)()}navigator.clipboard.writeText(t)}elementExists(e,t=!0){let i=document.querySelector(e),s=!1;return i!==null&&(s=!0),t===!0&&this.send({payload:s,info:'Element "'.concat(e,'" ').concat(s?"exists":"does not exist")}),s}formatNumber(e,t,i,s){if(isNaN(e))return c("error","formatNumber",'Value must be a number. Value type: "'.concat(typeof e,'"'))(),"NaN";s||(s={}),i||(i=navigator.language?navigator.language:"en-GB"),t&&(s.minimumFractionDigits=t,s.maximumFractionDigits=t);let n;try{n=Number(e).toLocaleString(i,s)}catch(o){return c("error","formatNumber","".concat(o.message,". value=").concat(e,", dp=").concat(t,', intl="').concat(i,'", opts=').concat(JSON.stringify(s)))(),"NaN"}return n}getObjectSize(e){let t;try{let i=JSON.stringify(e);t=new TextEncoder().encode(i).length}catch(i){c("error","uibuilder:getObjectSize","Could not stringify, cannot determine size",e,i)}return t}hasUibRouter(){return!!this.uibrouterinstance}keepHashFromUrl(e){return e?"#"+e.replace(/^.*#(.*)/,"$1").replace(/\?.*$/,""):""}log(){c(...arguments)()}makeMeAnObject(e,t){t||(t="payload"),typeof t!="string"&&(c("warn","uibuilder:makeMeAnObject","WARNING: property parameter must be a string and not: ".concat(typeof t))(),t="payload");let i={};return e!==null&&e.constructor.name==="Object"?i=e:e!==null&&(i[t]=e),i}navigate(e){return e&&(window.location.href=e),window.location}round(e,t){let i=Math.pow(10,t||0),s=e*i*(1+Number.EPSILON);return Math.round(s)/i}setOriginator(e=""){this.set("originator",e)}setPing(e=0){let t=new XMLHttpRequest;t.addEventListener("load",()=>{let i=t.getAllResponseHeaders().split("\r\n"),s=Number(new Date)-Number(t.responseURL.split("=")[1]);this.set("ping",{success:t.status===201||t.status===204,status:t.status,headers:i,url:t.responseURL,elapsedTime:s})}),f(this,B)&&(clearInterval(f(this,B)),S(this,B,void 0)),t.open("GET","".concat(this.httpNodeRoot,"/uibuilder/ping?t=").concat(Number(new Date))),t.send(),e>0&&S(this,B,setInterval(()=>{t.open("GET","".concat(this.httpNodeRoot,"/uibuilder/ping?t=").concat(Number(new Date))),t.send()},e))}syntaxHighlight(e){return St(e)}truthy(e,t){let i;return["on","On","ON","true","True","TRUE","1",!0,1].includes(e)?i=!0:["off","Off","OFF","false","False","FALSE","0",!1,0].includes(e)?i=!1:i=t,i}urlJoin(){return("/"+Array.prototype.slice.call(arguments).map(function(i){return i.replace(/^\/|\/$/g,"")}).filter(function(i){return i}).join("/")).replace("//","/")}watchUrlHash(e){return S(this,P,this.truthy(e,f(this,P)!==!0)),f(this,P)}elementIsVisible(){return c("error","uib:elementIsVisible","elementIsVisible has been temporarily DEPRECATED as it was not working correctly and a fix is complex")(),this.send({payload:"elementIsVisible has been temporarily DEPRECATED as it was not working correctly and a fix is complex"}),!1}convertMarkdown(e){return m.convertMarkdown}async include(e,t){await m.include(e,t)}loadScriptSrc(e){m.loadScriptSrc(e)}loadStyleSrc(e){m.loadStyleSrc(e)}loadScriptTxt(e){m.loadScriptTxt(e)}loadStyleTxt(e){m.loadStyleTxt(e)}loadui(e){m.loadui(e)}replaceSlot(e,t){m.replaceSlot(e,t)}replaceSlotMarkdown(e,t){m.replaceSlotMarkdown(e,t)}sanitiseHTML(e){return m.sanitiseHTML(e)}showDialog(e,t,i){m.showDialog(e,t,i)}ui(e){m.ui(e)}uiGet(e,t=null){return m.uiGet(e,t)}uiEnhanceElement(e,t){m.uiEnhanceElement(e,t)}async _uibAttribObserver(e){e.forEach(async t=>{c("trace","uibuilder:_uibAttribObserver","Mutations ",t)(),t.attributeName&&(t.attributeName.startsWith("uib")||t.attributeName.startsWith("data-uib"))?this._uibAttrScanOne(t.target):t.addedNodes.length>0&&t.addedNodes.forEach(async i=>{let s=[];try{s=[...i.attributes]}catch{}this.arrayIntersect(this.uibAttribs,s).forEach(async l=>{this._uibAttrScanOne(l)});let o=[];i.querySelectorAll&&(o=i.querySelectorAll(f(this,ue))),o.forEach(async l=>{this._uibAttrScanOne(l)})})})}async _uibAttrScanOne(e){c("trace","uibuilder:_uibAttrScanOne","Setting up auto-processor for: ",e)();let t=e.getAttribute("uib-topic")||e.getAttribute("data-uib-topic");this.onTopic(t,i=>{if(c("trace","uibuilder:_uibAttrScanOne",'Msg with topic "'.concat(t,'" received. msg content: '),i)(),i._uib_processed_by="_uibAttrScanOne",Object.prototype.hasOwnProperty.call(i,"attributes"))try{for(let[o,l]of Object.entries(i.attributes))e.setAttribute(o,l)}catch{c(0,"uibuilder:attribute-processing","Failed to set attributes. Ensure that msg.attributes is an object containing key/value pairs with each key a valid attribute name. Note that attribute values have to be a string.")()}let s=Object.prototype.hasOwnProperty.call(i,"checked"),n=Object.prototype.hasOwnProperty.call(i,"value");(n||s)&&(e.type&&(e.type==="checkbox"||e.type==="radio")?s?e.checked=this.truthy(i.checked,!1):n&&(e.checked=this.truthy(i.value,!1)):n?e.value=i.value:s&&(e.value=this.truthy(i.checked,!1))),Object.prototype.hasOwnProperty.call(i,"payload")&&this.replaceSlot(e,i.payload)})}async _uibAttrScanAll(e){Array.isArray(e)||(e=[e]),e.forEach(async t=>{let i=t.querySelectorAll(f(this,ue));i.length>0&&i.forEach(s=>{this._uibAttrScanOne(s)})})}_processFilesInput(e,t=!1){let i=[];for(let s of e){let n={};for(let o in s)n[o]=s[o];n.tempUrl=window.URL.createObjectURL(s),i.push(n),t!==!0&&this.uploadFile(s)}return i}getElementAttributes(e){let t=["class","id","name"],i;try{i=Object.assign({},...Array.from(e.attributes,({name:s,value:n})=>{if(!t.includes(s))return{[s]:n}}))}catch{}return i}getElementClasses(e){let t;try{t=Array.from(e.classList)}catch{}return t}getElementCustomProps(e){let t={};return Object.keys(e).forEach(i=>{i.startsWith("_")||(t[i]=e[i])}),t}getFormElementValue(e){let t=null,i=null;switch(e.type){case"checkbox":case"radio":{t=i=e.checked;break}case"select-multiple":{t=Array.from(e.selectedOptions).map(s=>s.value);break}default:{e.value&&(t=e.value),e.checked&&(t=i=e.checked),e.valueAsNumber&&!isNaN(e.valueAsNumber)&&(t=e.valueAsNumber);break}}return{value:t,checked:i}}getFormElementDetails(e){if(!e.type)return c(1,"uibuilder:getFormElementDetails","Cannot get form element details as this is not an input type element")(),null;let t=this.returnElementId(e);if(!t)return c(1,"uibuilder:getFormElementDetails","Cannot get form element details as no id is present and could not be generated")(),null;let{value:i,checked:s}=this.getFormElementValue(e);e.type==="file"&&e.files.length>0&&(i=this._processFilesInput(e.files));let n={id:t,name:e.name,valid:e.checkValidity(),type:e.type};if(i!==null&&(n.value=i),s!==null&&(n.checked=s),n.valid===!1){let o=e.validity;n.validity={badInput:o.badInput===!0?o.badInput:void 0,customError:o.customError===!0?o.customError:void 0,patternMismatch:o.patternMismatch===!0?o.patternMismatch:void 0,rangeOverflow:o.rangeOverflow===!0?o.rangeOverflow:void 0,rangeUnderflow:o.rangeUnderflow===!0?o.rangeUnderflow:void 0,stepMismatch:o.stepMismatch===!0?o.stepMismatch:void 0,tooLong:o.tooLong===!0?o.tooLong:void 0,tooShort:o.tooShort===!0?o.tooShort:void 0,typeMismatch:o.typeMismatch===!0?o.typeMismatch:void 0,valueMissing:o.valueMissing===!0?o.valueMissing:void 0}}return Object.keys(e.dataset).length>0&&(n.data=e.dataset),n}notify(e){return e.return?m.notification(e):(m.notification(e).then(t=>{c("info","Uib:notification","Notification completed event",t)()}).catch(t=>{c("error","Uib:notification","Notification error event",t)()}),null)}returnElementId(e){return e.id!==""?e.id:e.name!==""?"".concat(e.name,"-").concat(++fe(this,J)._):e.type?"".concat(e.type,"-").concat(++fe(this,J)._):"".concat(e.localName,"-").concat(++fe(this,J)._)}scrollTo(e,t){t||(t={}),!e||e==="top"||e==="start"?e="body":(e==="bottom"||e==="end")&&(e="body",t.block="end");let i=this.$(e);return i?(i.scrollIntoView(t),!0):!1}showMsg(e,t="body"){e===void 0&&(e=!f(this,W)),S(this,W,e);let i="Waiting for a message from Node-RED";return this.msg&&Object.keys(this.msg).length>0&&(i=this.syntaxHighlight(this.msg)),e===!1?m._uiRemove({components:["#uib_last_msg_wrap"]}):m._uiReplace({components:[{type:"div",id:"uib_last_msg_wrap",parent:t,attributes:{title:"Last message from Node-RED"},components:[{type:"button",attributes:{onclick:'uibuilder.copyToClipboard("msg")',class:"compact",style:"right:3em;"},slot:"\u{1F4CB}"},{type:"button",attributes:{onclick:"uibuilder.showMsg()",class:"compact",style:"right:.5em;"},slot:"\u26D4"},{type:"pre",id:"uib_last_msg",attributes:{class:"syntax-highlight"},slot:i}]}]}),e}showStatus(e,t="body"){if(e===void 0&&(e=!f(this,z)),S(this,z,e),e===!1)return m._uiRemove({components:["#uib_status"]}),e;let i={components:[{type:"div",id:"uib_status",parent:t,attributes:{title:"Current status of the uibuilder client",class:"text-smaller"},components:[{type:"table",components:[{type:"tbody",components:[]}]}]}]},s=i.components[0].components[0].components[0].components;return Object.values(f(this,he)).forEach(n=>{s.push({type:"tr",attributes:{title:n.description},components:[{type:"th",slot:n.label},{type:"td",attributes:{"data-varType":n.var},slot:n.var==="version"?E._meta.version:JSON.stringify(this[n.var])}]})}),m._uiReplace(i),e}uiWatch(e,t="toggle",i=!0,s=!0){let n=document.querySelector(e);if(!n)return c("warn","uibuilder.module.js:uiWatch","CSS Selector '".concat(e,"' not found."))(),!1;(t==="toggle"||t===void 0||t===null)&&(f(this,L)[e]?t=!1:t=!0);let o=this;return t===!0?(f(this,L)[e]=new MutationObserver(function(l){let u=[];l.forEach(d=>{let b={type:d.type,oldValue:d.oldValue!==null?d.oldValue:void 0};d.addedNodes.length>0&&(b.addedNodes=[],d.addedNodes.forEach((C,v)=>{b.addedNodes.push(m.nodeGet(d.addedNodes[v]))})),d.removedNodes.length>0&&(b.removedNodes=[],d.removedNodes.forEach((C,v)=>{b.removedNodes.push(m.nodeGet(d.removedNodes[v]))})),d.type==="attributes"&&(b.attributeName=d.attributeName,b.newValue=d.target.attributes[d.attributeName].value),u.push(b)}),o._dispatchCustomEvent("uibuilder:domChange",u),i===!0&&o.send({_ui:{cssSelector:e,uiChanges:u},topic:o.topic||"DOM Changes for '".concat(e,"'")}),s===!0&&c("info","uibuilder.module.js:uiWatch","DOM Changes for '".concat(e,"'"),{uiChanges:u},{mutationList:l})()}),f(this,L)[e].observe(n,{attributes:!0,childList:!0,subtree:!0,characterData:!0}),c("trace","uibuilder.module.js:uiWatch","Started Watching DOM changes for '".concat(e,"'"))()):(f(this,L)[e].disconnect(),delete f(this,L)[e],c("trace","uibuilder.module.js:uiWatch","Stopped Watching DOM changes for '".concat(e,"'"))()),t}watchDom(e){let t=document.documentElement,i=this;this._htmlObserver||(this._htmlObserver=new MutationObserver(function(){this.takeRecords(),i.saveHtmlCache()})),e===!0||e===void 0?(this._htmlObserver.observe(t,{attributes:!0,childList:!0,subtree:!0,characterData:!0}),c("trace","uibuilder.module.js:watchDom","Started Watching and saving DOM changes")()):(this._htmlObserver.disconnect(),c("trace","uibuilder.module.js:watchDom","Stopped Watching and saving DOM changes")())}clearHtmlCache(){this.removeStore("htmlCache"),c("trace","uibuilder.module.js:clearHtmlCache","HTML cache cleared")()}restoreHtmlFromCache(){let e=this.getStore("htmlCache");if(e){let t=document.getElementsByTagName("html")[0];t.innerHTML=e,c("trace","uibuilder.module.js:restoreHtmlFromCache","Restored HTML from cache")()}else c("trace","uibuilder.module.js:restoreHtmlFromCache","No cache to restore")()}saveHtmlCache(){this.setStore("htmlCache",document.documentElement.innerHTML)}_ctrlMsgFromServer(e){if(e===null)e={};else if(typeof e!="object"){let t={};t["uibuilderCtrl:"+this._ioChannels.control]=e,e=t}switch(this._checkTimestamp(e),this.set("ctrlMsg",e),this.set("msgsCtrlReceived",++this.msgsCtrlReceived),c("trace","Uib:ioSetup:_ctrlMsgFromServer","Channel '".concat(this._ioChannels.control,"'. Received control msg #").concat(this.msgsCtrlReceived),e)(),e.uibuilderCtrl){case"shutdown":{c("info","Uib:ioSetup:".concat(this._ioChannels.control),'\u274C Received "shutdown" from server')(),this.set("serverShutdown",void 0);break}case"client connect":{c("trace","Uib:ioSetup:".concat(this._ioChannels.control),'Received "client connect" from server',e)(),c("info","Uib:ioSetup:".concat(this._ioChannels.control),"\u2705 Server connected. Version: ".concat(e.version,"\nServer time: ").concat(e.serverTimestamp,", Sever time offset: ").concat(this.serverTimeOffset," hours. Max msg size: ").concat(e.maxHttpBufferSize))(),E._meta.version.startsWith(e.version.split("-")[0])||c("warn","Uib:ioSetup:".concat(this._ioChannels.control),"Server version (".concat(e.version,") not the same as the client version (").concat(E._meta.version,")"))(),this.autoSendReady===!0&&c("trace","Uib:ioSetup:".concat(this._ioChannels.control,"/client connect"),"Auto-sending ready-for-content/replay msg to server"),this.maxHttpBufferSize=e.maxHttpBufferSize;break}case"get page meta":{this.set("pageMeta",e.payload);break}default:c("trace","uibuilder:ioSetup:".concat(this._ioChannels.control),"Received ".concat(e.uibuilderCtrl," from server"))}}_forThis(e){let t=!0;return e.pageName&&e.pageName!==this.pageName&&(c("trace","Uib:_msgRcvdEvents:_uib","Not for this page")(),t=!1),e.clientId&&e.clientId!==this.clientId&&(c("trace","Uib:_msgRcvdEvents:_uib","Not for this clientId")(),t=!1),e.tabId&&e.tabId!==this.tabId&&(c("trace","Uib:_msgRcvdEvents:_uib","Not for this tabId")(),t=!1),t}_msgRcvdEvents(e){if(this._dispatchCustomEvent("uibuilder:stdMsgReceived",e),e.topic&&this._dispatchCustomEvent("uibuilder:msg:topic:".concat(e.topic),e),!e._uib_processed_by){if(e._uib_processed_by="_msgRcvdEvents",e._uib){if(!this._forThis(e._uib))return;if(e._uib.reload===!0){c("trace","Uib:_msgRcvdEvents:_uib:reload","reloading")(),e._uib_processed_by="_msgRcvdEvents - reload",location.reload();return}if(e._uib.command){e._uib_processed_by="_msgRcvdEvents - remote command",this._uibCommand(e);return}e._uib.componentRef==="globalNotification"&&(e._uib_processed_by="_msgRcvdEvents - globalNotification",m.showDialog("notify",e._uib.options,e)),e._uib.componentRef==="globalAlert"&&(e._uib_processed_by="_msgRcvdEvents - globalAlert",m.showDialog("alert",e._uib.options,e))}if(e._ui){if(!this._forThis(e._ui))return;c("trace","Uib:_msgRcvdEvents:_ui","Calling _uiManager")(),e._uib_processed_by="_msgRcvdEvents - _ui",this._dispatchCustomEvent("uibuilder:msg:_ui",e),m._uiManager(e)}}}_send(e,t,i=""){t==null&&(t=this._ioChannels.client),t===this._ioChannels.client?(e=this.makeMeAnObject(e,"payload"),this.hasUibRouter()&&(e._uib||(e._uib={}),e._uib.routeId=this.uibrouter_CurrentRoute)):t===this._ioChannels.control&&(e=this.makeMeAnObject(e,"uibuilderCtrl"),Object.prototype.hasOwnProperty.call(e,"uibuilderCtrl")||(e.uibuilderCtrl="manual send"),e.from="client",this.hasUibRouter()&&(e.routeId=this.uibrouter_CurrentRoute)),e._socketId=this._socket.id,i===""&&this.originator!==""&&(i=this.originator),i!==""&&Object.assign(e,{_uib:{originator:i}}),Object.prototype.hasOwnProperty.call(e,"topic")||(this.topic!==void 0&&this.topic!==""?e.topic=this.topic:Object.prototype.hasOwnProperty.call(this,"msg")&&Object.prototype.hasOwnProperty.call(this.msg,"topic")&&(e.topic=this.msg.topic)),e._ui&&(e._ui.from="client",this.hasUibRouter()&&(e._ui.routeId=this.uibrouter_CurrentRoute));let s;t===this._ioChannels.client?(this.set("sentMsg",e),s=this.set("msgsSent",++this.msgsSent)):t===this._ioChannels.control&&(this.set("sentCtrlMsg",e),s=this.set("msgsSentCtrl",++this.msgsSentCtrl)),c("trace","Uib:_send"," Channel '".concat(t,"'. Sending msg #").concat(s),e)(),this._socket.emit(t,e)}_stdMsgFromServer(e){e=this.makeMeAnObject(e,"payload"),!(e._uib&&!this._forThis(e._uib))&&(e._ui&&!this._forThis(e._ui)||(this._checkTimestamp(e),this.set("msgsReceived",++this.msgsReceived),this._msgRcvdEvents(e),"_ui"in e&&!("payload"in e)||this.set("msg",e),c("info","Uib:ioSetup:stdMsgFromServer","Channel '".concat(this._ioChannels.server,"'. Received msg #").concat(this.msgsReceived,"."),e)()))}_uibCommand(e){var u;if(!e._uib||!e._uib.command){c("error","uibuilder:_uibCommand","Invalid command message received",{msg:e})(),e.payload=e.error="Invalid command message received",this.send(e);return}let t=e._uib.command;if(!f(this,_e).includes(t.trim())){c("error","Uib:_uibCommand","Command '".concat(t," is not allowed to be called externally"))();return}let i=e._uib.prop,s=e._uib.value,n=(u=e._uib.quiet)!=null?u:!1,o,l;switch(t){case"elementIsVisible":{o=this.elementIsVisible(i);break}case"elementExists":{o=this.elementExists(i,!1),l='Element "'.concat(i,'" ').concat(o?"exists":"does not exist");break}case"get":{o=this.get(i);break}case"getManagedVarList":{i==="full"?o=this.getManagedVarList():o=Object.values(this.getManagedVarList());break}case"getWatchedVars":{i==="full"?o=this.getWatchedVars():o=Object.values(this.getWatchedVars());break}case"htmlSend":{o=this.htmlSend("",!1);break}case"include":{o=m.include(i,s);break}case"navigate":{let d;i?d=i:s&&(d=s),o=this.navigate(d);break}case"scrollTo":{o=this.scrollTo(i,s);break}case"set":{let d=!1,b=!1;e._uib.options&&e._uib.options.store&&(e._uib.options.store===!0&&(d=!0),e._uib.options.autoload===!0&&(b=!0)),o=this.set(i,s,d,b);break}case"showMsg":{o=this.showMsg(s,i);break}case"showStatus":{o=this.showStatus(s,i);break}case"uiGet":{o=m.uiGet(i,s);break}case"uiWatch":{o=this.uiWatch(i);break}case"watchUrlHash":{o=this.watchUrlHash(i);break}default:{c("warning","Uib:_uibCommand","Command '".concat(t,"' not yet implemented"))();break}}n!==!0&&(o===void 0&&(o="'".concat(i,"' is undefined")),Object(o).constructor===Promise?o.then(d=>(e.payload=e._uib.response=d,e.info=e._uib.info=l,e.topic||(e.topic=this.topic||"uib ".concat(t," for '").concat(i,"'")),this.send(e),!0)).catch(d=>{c(0,"Uib:_uibCommand","Error: ",d)()}):(e.payload=e._uib.response=o,e.info=e._uib.info=l,e.topic||(e.topic=this.topic||"uib ".concat(t," for '").concat(i,"'")),this.send(e)))}beaconLog(e,t){t||(t="debug"),navigator.sendBeacon("./_clientLog","".concat(t,"::").concat(e))}getPageMeta(){this.sendCtrl({uibuilderCtrl:"get page meta"})}htmlSend(e="",t=!0){let i="<!doctype html>\n".concat(document.documentElement.outerHTML),s={payload:i,length:i.length,topic:this.topic};return c("trace","Uib:htmlSend","Sending full HTML to Node-RED",s)(),t===!0&&this._send(s,this._ioChannels.client,e),i}logToServer(){this.sendCtrl({uibuilderCtrl:"client log message",payload:arguments,_socketId:this._socket.id,clientId:this.clientId,tabId:this.tabId,pageName:this.pageName,connections:this.connectedNum,lastNavType:this.lastNavType})}eventSend(e,t=""){if(this.$attrs){c("error","Uib:eventSend","`this` has been usurped by VueJS. Make sure that you wrap the call in a function: `doEvent: function (event) { uibuilder.eventSend(event) },`")();return}if(!e&&!event){c("warn","Uib:eventSend","Neither the domevent nor the hidden event properties are set. You probably called this function directly rather than applying to an on click event.")();return}if((!e||!e.constructor)&&(e=event),!e.constructor.name.endsWith("Event")||!e.currentTarget){c("warn","Uib:eventSend","ARGUMENT NOT A DOM EVENT - use data attributes not function arguments to pass data. Arg Type: ".concat(e.constructor.name),e)();return}e.preventDefault();let i=e.currentTarget,s=this.getElementCustomProps(i),n=this.getElementAttributes(i),o={},l;i.form?(l={id:this.returnElementId(i.form),valid:i.form.checkValidity()},Object.values(i.form).forEach((Pe,ni)=>{if(["fieldset","object"].includes(Pe.type))return;let G=this.getFormElementDetails(Pe);G&&(l[G.id]=G,o[G.id]=G.value)})):i.type==="file"&&(o=this._processFilesInput(i.files));let u=this.getElementClasses(i);Object.keys(i.dataset).length>0&&(o={...o,...i.dataset});let{value:d,checked:b}=this.getFormElementValue(i);d!==null&&(o.value=d),b!==null&&(o.checked=b);let C;Object.prototype.toString.call(i)==="[object Notification]"&&(o="notification-".concat(i.userAction),C={actions:i.actions,badge:i.badge,body:i.body,data:i.data,dir:i.dir,icon:i.icon,image:i.image,lang:i.lang,renotify:i.renotify,requireInteraction:i.requireInteraction,silent:i.silent,tag:i.tag,timestamp:i.timestamp,title:i.title,vibrate:i.vibrate});let v={payload:o,_ui:{type:"eventSend",id:i.id!==""?i.id:void 0,name:i.name!==""?i.name:void 0,slotText:i.textContent?i.textContent.substring(0,255):void 0,form:l,props:s,attribs:n,classes:u,notification:C,event:e.type,altKey:e.altKey,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,metaKey:e.metaKey,pointerType:e.pointerType,nodeName:i.nodeName,clientId:this.clientId,pageName:this.pageName,tabId:this.tabId}};c("trace","Uib:eventSend","Sending msg to Node-RED",v)(),this._send(v,this._ioChannels.client,t)}send(e,t=""){this._send(e,this._ioChannels.client,t)}sendRoom(e,t){this._socket.emit("uib-room-send",e,t)}joinRoom(e){this._socket.emit("uib-room-join",e)}leaveRoom(e){this._socket.emit("uib-room-leave",e)}sendCtrl(e){this._send(e,this._ioChannels.control)}sendCustom(e,t){this._socket.emit(e,t)}uploadFile(e){let t=new FileReader;t.onload=i=>{let s=i.target.result,n={topic:this.topic||"file-upload",payload:s,fileName:e.name,type:e.type,lastModified:e.lastModifiedDate,size:e.size},o=this.maxHttpBufferSize-500;s.byteLength>=o&&(n.payload=void 0,n.error="File is too large to send. File size: ".concat(s.byteLength,". Max msg size: ").concat(o),c("error","Uib:uploadFile",n.error)()),this.send(n)},t.readAsArrayBuffer(e)}_getIOnamespace(){let e;if(e=this.cookies["uibuilder-namespace"],e===void 0||e===""){let t=window.location.pathname.split("/").filter(function(i){return i.trim()!==""});t.length>0&&t[t.length-1].endsWith(".html")&&t.pop(),e=t.pop(),c("trace","uibuilder.module.js:getIOnamespace","Socket.IO namespace found via url path: ".concat(e))()}else c("trace","uibuilder.module.js:getIOnamespace","Socket.IO namespace found via cookie: ".concat(e))();return this.url=e,e="/"+e,c("trace","uibuilder.module.js:getIOnamespace","Final Socket.IO namespace: ".concat(e))(),e}_checkConnect(e,t,i=1){if(navigator.onLine!==!1)return e||(e=this.retryMs),t||(t=this.retryFactor),c("trace","Uib:checkConnect","Checking connection. Connected: ".concat(this._socket.connected,". Timer: ").concat(f(this,w),". Depth: ").concat(i,". Delay: ").concat(e,". Factor: ").concat(t),this._socket)(),this._socket.connected===!0?(f(this,w)&&(window.clearTimeout(f(this,w)),S(this,w,null)),this.set("ioConnected",!0),this.set("socketError",null),!0):(this.set("ioConnected",!1),f(this,w)&&window.clearTimeout(f(this,w)),S(this,w,window.setTimeout(()=>{c("warn","Uib:checkConnect:setTimeout","Socket.IO reconnection attempt. Current delay: ".concat(e,". Depth: ").concat(i))(),this._socket.disconnect(),this._socket.connect(),S(this,w,null),this._checkConnect(e*t,t,i++)},e)),!1)}_onConnect(){c("info","Uib:ioSetup","\u2705 SOCKET CONNECTED. Connection count: ".concat(this.connectedNum,", Is a Recovery?: ").concat(this._socket.recovered,". \nNamespace: ").concat(this.ioNamespace))(),this._dispatchCustomEvent("uibuilder:socket:connected",{numConnections:this.connectedNum,isRecovery:this._socket.recovered}),this._checkConnect()}_onDisconnect(e){c("info","Uib:ioSetup:socket-disconnect","\u26D4 Socket Disconnected. Reason: ".concat(e))(),this._dispatchCustomEvent("uibuilder:socket:disconnected",e),this._checkConnect()}_ioSetup(){return D===void 0?(c("error","Uib:ioSetup","Socket.IO client not loaded, Node-RED comms will not work")(),!1):(this._socket&&(c("trace","Uib:ioSetup","Removing listeners in preparation for redoing Socket.IO connections")(),f(this,w)&&(window.clearTimeout(f(this,w)),S(this,w,null)),this._socket.close(),this._socket.offAny(),this._socket=void 0,this.set("ioConnected",!1)),this.socketOptions.path=this.ioPath,c("trace","Uib:ioSetup","About to create IO object. Transports: [".concat(this.socketOptions.transports.join(", "),"]"))(),this._socket=D(this.ioNamespace,this.socketOptions),this._connectGlobal(),this._socket.on("connect",this._onConnect.bind(this)),this._socket.on(this._ioChannels.server,this._stdMsgFromServer.bind(this)),this._socket.on(this._ioChannels.control,this._ctrlMsgFromServer.bind(this)),this._socket.on("disconnect",this._onDisconnect.bind(this)),this._socket.on("connect_error",e=>{navigator.onLine!==!1&&(c("error","Uib:ioSetup:connect_error","\u274C Socket.IO Connect Error. Reason: ".concat(e.message),e)(),this.set("ioConnected",!1),this.set("socketError",e),this._dispatchCustomEvent("uibuilder:socket:disconnected",e))}),this._socket.on("error",e=>{c("error","Uib:ioSetup:error","\u274C Socket.IO Error. Reason: ".concat(e.message),e)(),this.set("ioConnected",!1),this.set("socketError",e),this._dispatchCustomEvent("uibuilder:socket:disconnected",e)}),this._checkConnect(),!0)}_connectGlobal(){this._socketGlobal=D("/",this.socketOptions),this._socketGlobal.onAny((...e)=>{this.set("globalMsg",e.slice(0,-1))})}connect(){this._socket.connect()}disconnect(){this._socket.disconnect(),f(this,w)&&window.clearTimeout(f(this,w))}start(e){c("trace","Uib:start","Starting")(),f(this,ce)&&this.cancelChange("msg",f(this,ce)),this.started===!0&&c("info","Uib:start","Start function already called. Resetting Socket.IO and msg handler.")(),c("log","Uib:start","Cookies: ",this.cookies,"\nClient ID: ".concat(this.clientId))(),c("trace","Uib:start","ioNamespace: ",this.ioNamespace,"\nioPath: ".concat(this.ioPath))(),e&&(e.ioNamespace&&this.set("ioNamespace",e.ioNamespace),e.ioPath&&this.set("ioPath",e.ioPath),e.nopolling&&this.socketOptions.transports[0]==="polling"&&this.socketOptions.transports.shift());let[t]=performance.getEntriesByType("navigation");if(this.set("lastNavType",t.type),this.set("started",this._ioSetup()),this.started===!0?c("trace","Uib:start","Start completed. Socket.IO client library loaded.")():c("error","Uib:start","Start completed. ERROR: Socket.IO client library NOT LOADED.")(),this._watchHashChanges(),window.Vue){this.set("isVue",!0);try{this.set("vueVersion",window.Vue.version)}catch{}c("trace","Uib:start","VueJS is loaded. Version: ".concat(this.vueVersion))()}else c("trace","Uib:start","VueJS is not loaded.")();window.DOMPurify?(this.set("purify",!0),c("trace","Uib:start","DOMPurify is loaded.")()):c("trace","Uib:start","DOMPurify is not loaded.")(),window.markdownit?(this.set("markdown",!0),c("trace","Uib:start","Markdown-IT is loaded.")()):c("trace","Uib:start","Markdown-IT is not loaded.")(),this.onChange("msg",s=>{if(f(this,W)===!0){let n=document.getElementById("uib_last_msg");n&&(n.innerHTML=this.syntaxHighlight(s))}}),this._uibAttrScanAll(document),new MutationObserver(this._uibAttribObserver.bind(this)).observe(document,{subtree:!0,attributes:!0,attributeOldValue:!0,attributeFilter:this.uibAttribs,childList:!0}),this._dispatchCustomEvent("uibuilder:startComplete")}},B=new WeakMap,x=new WeakMap,A=new WeakMap,w=new WeakMap,ce=new WeakMap,W=new WeakMap,z=new WeakMap,P=new WeakMap,J=new WeakMap,_e=new WeakMap,le=new WeakMap,he=new WeakMap,L=new WeakMap,ue=new WeakMap,h(E,"_meta",{version:Ct,type:"module",displayName:"uibuilder"}),E),Se=new si;window.uibuilder?c("error","uibuilder.module.js","`uibuilder` already assigned to window. Have you tried to load it more than once?"):window.uibuilder=Se;window.uib?c("warn","uibuilder.module.js","`uib` shortcut already assigned to window."):window.uib=Se;window.$?c("warn","uibuilder.module.js","Cannot allocate the global `$`, it is already in use. Use `uibuilder.$` or `uib.$` instead."):window.$=window.uibuilder.$;window.$$?c("warn","uibuilder.module.js","Cannot allocate the global `$$`, it is already in use. Use `uibuilder.$$` or `uib.$$` instead."):window.$$=window.uibuilder.$$;window.$ui?c("warn","uibuilder.module.js","Cannot allocate the global `$ui`, it is already in use. Use `uibuilder.$ui` or `uib.$ui` instead."):window.$ui=window.uibuilder.$ui;"on"in document||(document.on=function(r,e){this.addEventListener(r,e)});"on"in window||(window.on=function(r,e){this.addEventListener(r,e)});try{"query"in Element||(Element.prototype.query=function(r){return this.querySelector(r)}),"queryAll"in Element||(Element.prototype.queryAll=function(r){return this.querySelectorAll(r)}),"on"in Element||(Element.prototype.on=function(r,e){this.addEventListener(r,e)})}finally{}var nr=Se;Se.start();customElements.define("uib-var",re);customElements.define("uib-meta",ne);customElements.define("apply-template",ae);})();
+(()=>{var Ot=Object.create;var de=Object.defineProperty;var xt=Object.getOwnPropertyDescriptor;var At=Object.getOwnPropertyNames;var Nt=Object.getPrototypeOf,Rt=Object.prototype.hasOwnProperty;var qe=r=>{throw TypeError(r)};var $t=(r,e,t)=>e in r?de(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;var He=(r=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(r,{get:(e,t)=>(typeof require<"u"?require:e)[t]}):r)(function(r){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+r+'" is not supported')});var Tt=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports),Lt=(r,e)=>{for(var t in e)de(r,t,{get:e[t],enumerable:!0})},Ut=(r,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of At(e))!Rt.call(r,s)&&s!==t&&de(r,s,{get:()=>e[s],enumerable:!(i=xt(e,s))||i.enumerable});return r};var Oe=(r,e,t)=>(t=r!=null?Ot(Nt(r)):{},Ut(e||!r||!r.__esModule?de(t,"default",{value:r,enumerable:!0}):t,r));var h=(r,e,t)=>$t(r,typeof e!="symbol"?e+"":e,t),Fe=(r,e,t)=>e.has(r)||qe("Cannot "+t);var f=(r,e,t)=>(Fe(r,e,"read from private field"),t?t.call(r):e.get(r)),k=(r,e,t)=>e.has(r)?qe("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(r):e.set(r,t),S=(r,e,t,i)=>(Fe(r,e,"write to private field"),i?i.call(r,t):e.set(r,t),t);var fe=(r,e,t,i)=>({set _(s){S(r,e,s,t)},get _(){return f(r,e,i)}});var Ve=Tt((ai,je)=>{var a,It=(a=class{constructor(e,t,i){h(this,"version","7.0.4-src");h(this,"sanitiseExtraTags",["uib-var"]);h(this,"sanitiseExtraAttribs",["variable","report","undefined"]);h(this,"ui_md_plugins");if(e)a.win=e;else throw new Error("Ui:constructor. Current environment does not include `window`, UI functions cannot be used.");a.doc=a.win.document,t?a.log=t:a.log=function(){return function(){}},i?this.syntaxHighlight=i:this.syntaxHighlight=function(){},a.win.markdownit&&(a.mdOpts={html:!0,xhtmlOut:!1,linkify:!0,_highlight:!0,_strict:!1,_view:"html",langPrefix:"language-",highlight:function(s,n){if(n&&window.hljs&&window.hljs.getLanguage(n))try{return'<pre class="">\n                                    <code class="hljs border">'.concat(window.hljs.highlight(s,{language:n,ignoreIllegals:!0}).value,"</code></pre>")}finally{}return'<pre class="hljs border"><code>'.concat(a.md.utils.escapeHtml(s).trim(),"</code></pre>")}},a.md=a.win.markdownit(a.mdOpts))}_markDownIt(){if(a.win.markdownit&&(!this.ui_md_plugins&&a.win.uibuilder&&a.win.uibuilder.ui_md_plugins&&(this.ui_md_plugins=a.win.uibuilder.ui_md_plugins),a.mdOpts={html:!0,xhtmlOut:!1,linkify:!0,_highlight:!0,_strict:!1,_view:"html",langPrefix:"language-",highlight:function(e,t){if(window.hljs)if(t&&window.hljs.getLanguage(t))try{return'<pre><code class="hljs border language-'.concat(t,'" data-language="').concat(t,'" title="Source language: \'').concat(t,"'\">").concat(window.hljs.highlight(e,{language:t,ignoreIllegals:!0}).value,"</code></pre>")}finally{}else try{let i=window.hljs.highlightAuto(e);return'<pre><code class="hljs border language-'.concat(i.language,'" data-language="').concat(i.language,'" title="Source language estimated by HighlightJS: \'').concat(i.language,"'\">").concat(i.value,"</code></pre>")}finally{}return'<pre><code class="border">'.concat(a.md.utils.escapeHtml(e).trim(),"</code></pre>")}},a.md=a.win.markdownit(a.mdOpts),this.ui_md_plugins)){if(!Array.isArray(this.ui_md_plugins)){a.log("error","Ui:_markDownIt:plugins","Could not load plugins, ui_md_plugins is not an array")();return}this.ui_md_plugins.forEach(e=>{if(typeof e=="string")a.md.use(a.win[e]);else{let t=Object.keys(e)[0];a.md.use(a.win[t],e[t])}})}}_showNotification(e){e.topic&&!e.title&&(e.title=e.topic),e.title||(e.title="uibuilder notification"),e.payload&&!e.body&&(e.body=e.payload),e.body||(e.body=" No message given.");try{let t=new Notification(e.title,e);return new Promise((i,s)=>{t.addEventListener("close",n=>{n.currentTarget.userAction="close",i(n)}),t.addEventListener("click",n=>{n.currentTarget.userAction="click",i(n)}),t.addEventListener("error",n=>{n.currentTarget.userAction="error",s(n)})})}catch{return Promise.reject(new Error("Browser refused to create a Notification"))}}_uiAdd(e,t){a.log("trace","Ui:_uiManager:add","Starting _uiAdd")(),e.components.forEach((i,s)=>{a.log("trace","Ui:_uiAdd:components-forEach:".concat(s),"Component to add: ",i)();let n;switch(i.type){case"html":{i.ns="html",n=a.doc.createElement("div");break}case"svg":{i.ns="svg",n=a.doc.createElementNS("http://www.w3.org/2000/svg","svg");break}default:{i.ns="dom",n=a.doc.createElement(i.type);break}}!i.slot&&e.payload&&(i.slot=e.payload),this._uiComposeComponent(n,i);let o;i.parentEl?o=i.parentEl:e.parentEl?o=e.parentEl:i.parent?o=a.doc.querySelector(i.parent):e.parent&&(o=a.doc.querySelector(e.parent)),o||(a.log("info","Ui:_uiAdd","No parent found, adding to body")(),o=a.doc.querySelector("body")),i.position&&i.position==="first"?o.insertBefore(n,o.firstChild):i.position&&Number.isInteger(Number(i.position))?o.insertBefore(n,o.children[i.position]):o.appendChild(n),i.components&&this._uiExtendEl(n,i.components,i.ns)})}_uiComposeComponent(e,t){t.attributes&&Object.keys(t.attributes).forEach(i=>{i==="class"&&Array.isArray(t.attributes[i])&&t.attributes[i].join(" "),a.log("trace","_uiComposeComponent:attributes-forEach","Attribute: '".concat(i,"', value: '").concat(t.attributes[i],"'"))(),i==="value"&&(e.value=t.attributes[i]),i.startsWith("xlink:")?e.setAttributeNS("http://www.w3.org/1999/xlink",i,t.attributes[i]):e.setAttribute(i,t.attributes[i])}),t.id&&e.setAttribute("id",t.id),t.type==="svg"&&(e.setAttributeNS("http://www.w3.org/2000/xmlns/","xmlns","http://www.w3.org/2000/svg"),e.setAttributeNS("http://www.w3.org/2000/xmlns/","xmlns:xlink","http://www.w3.org/1999/xlink")),t.events&&Object.keys(t.events).forEach(i=>{i.toLowerCase==="onclick"&&(i="click");try{e.addEventListener(i,s=>{new Function("evt","".concat(t.events[i],"(evt)"))(s)})}catch(s){a.log("error","Ui:_uiComposeComponent","Add event '".concat(i,"' for element '").concat(t.type,"': Cannot add event handler. ").concat(s.message))()}}),t.properties&&Object.keys(t.properties).forEach(i=>{e[i]=t.properties[i],["value","checked"].includes(i)&&(e.dispatchEvent(new Event("input")),e.dispatchEvent(new Event("change")))}),t.slot&&this.replaceSlot(e,t.slot),t.slotMarkdown&&this.replaceSlotMarkdown(e,t)}_uiExtendEl(e,t,i=""){t.forEach((s,n)=>{a.log("trace","Ui:_uiExtendEl:components-forEach:".concat(n),s)();let o;s.ns=i,s.ns==="html"?(o=e,this.replaceSlot(e,s.slot)):s.ns==="svg"?(o=a.doc.createElementNS("http://www.w3.org/2000/svg",s.type),this._uiComposeComponent(o,s),e.appendChild(o)):(o=a.doc.createElement(s.type==="html"?"div":s.type),this._uiComposeComponent(o,s),e.appendChild(o)),s.components&&this._uiExtendEl(o,s.components,s.ns)})}_uiLoad(e){e.components&&(Array.isArray(e.components)||(e.components=[e.components]),e.components.forEach(async t=>{Promise.resolve().then(()=>Oe(He(t)))})),e.srcScripts&&(Array.isArray(e.srcScripts)||(e.srcScripts=[e.srcScripts]),e.srcScripts.forEach(t=>{this.loadScriptSrc(t)})),e.txtScripts&&(Array.isArray(e.txtScripts)||(e.txtScripts=[e.txtScripts]),this.loadScriptTxt(e.txtScripts.join("\n"))),e.srcStyles&&(Array.isArray(e.srcStyles)||(e.srcStyles=[e.srcStyles]),e.srcStyles.forEach(t=>{this.loadStyleSrc(t)})),e.txtStyles&&(Array.isArray(e.txtStyles)||(e.txtStyles=[e.txtStyles]),this.loadStyleTxt(e.txtStyles.join("\n")))}_uiManager(e){e._ui&&(Array.isArray(e._ui)||(e._ui=[e._ui]),e._ui.forEach((t,i)=>{if(t.mode&&!t.method&&(t.method=t.mode),!t.method){a.log("error","Ui:_uiManager","No method defined for msg._ui[".concat(i,"]. Ignoring. "),t)();return}switch(t.payload=e.payload,t.topic=e.topic,t.method){case"add":{this._uiAdd(t,!1);break}case"remove":{this._uiRemove(t,!1);break}case"removeAll":{this._uiRemove(t,!0);break}case"replace":{this._uiReplace(t);break}case"update":{this._uiUpdate(t);break}case"load":{this._uiLoad(t);break}case"reload":{this._uiReload();break}case"notify":{this.showDialog("notify",t,e);break}case"alert":{this.showDialog("alert",t,e);break}default:{a.log("error","Ui:_uiManager","Invalid msg._ui[".concat(i,"].method (").concat(t.method,"). Ignoring"))();break}}}))}_uiReload(){a.log("trace","Ui:uiManager:reload","reloading")(),location.reload()}_uiRemove(e,t=!1){e.components.forEach(i=>{let s;t!==!0?s=[a.doc.querySelector(i)]:s=a.doc.querySelectorAll(i),s.forEach(n=>{try{n.remove()}catch(o){a.log("trace","Ui:_uiRemove","Could not remove. ".concat(o.message))()}})})}_uiReplace(e){a.log("trace","Ui:_uiReplace","Starting")(),e.components.forEach((t,i)=>{a.log("trace","Ui:_uiReplace:components-forEach:".concat(i),"Component to replace: ",t)();let s;if(t.id?s=a.doc.getElementById(t.id):t.selector||t.select?s=a.doc.querySelector(t.selector):t.name?s=a.doc.querySelector('[name="'.concat(t.name,'"]')):t.type&&(s=a.doc.querySelector(t.type)),a.log("trace","Ui:_uiReplace:components-forEach:".concat(i),"Element to replace: ",s)(),s==null){a.log("trace","Ui:_uiReplace:components-forEach:".concat(i,":noReplace"),"Cannot find the DOM element. Adding instead.",t)(),this._uiAdd({components:[t]},!1);return}let n;switch(t.type){case"html":{t.ns="html",n=a.doc.createElement("div");break}case"svg":{t.ns="svg",n=a.doc.createElementNS("http://www.w3.org/2000/svg","svg");break}default:{t.ns="dom",n=a.doc.createElement(t.type);break}}this._uiComposeComponent(n,t),s.replaceWith(n),t.components&&this._uiExtendEl(n,t.components,t.ns)})}_uiUpdate(e){a.log("trace","UI:_uiUpdate:update","Starting _uiUpdate",e)(),e.components||(e.components=[Object.assign({},e)]),e.components.forEach((t,i)=>{a.log("trace","_uiUpdate:components-forEach","Start loop #".concat(i),t)();let s;if(t.parentEl?s=t.parentEl:t.id?s=a.doc.querySelectorAll("#".concat(t.id)):t.selector||t.select?s=a.doc.querySelectorAll(t.selector):t.name?s=a.doc.querySelectorAll('[name="'.concat(t.name,'"]')):t.type&&(s=a.doc.querySelectorAll(t.type)),s===void 0||s.length<1){a.log("warn","Ui:_uiManager:update","Cannot find the DOM element. Ignoring.",t)();return}a.log("trace","_uiUpdate:components-forEach","Element(s) to update. Count: ".concat(s.length),s)(),!t.slot&&t.payload&&(t.slot=t.payload),s.forEach((n,o)=>{if(a.log("trace","_uiUpdate:components-forEach","Updating element #".concat(o),n)(),this._uiComposeComponent(n,t),t.components){a.log("trace","_uiUpdate:nested-component","Element #".concat(o," - nested-component"),t,n)();let l={_ui:[]};t.components.forEach((u,d)=>{let b=u.method||t.method||e.method;u.method&&delete u.method,Array.isArray(u)||(u=[u]),a.log("trace","_uiUpdate:nested-component","Element #".concat(o," - nested-component #").concat(d),u)(),l._ui.push({method:b,parentEl:n,components:u})}),a.log("trace","_uiUpdate:nested-component","Element #".concat(o," - nested-component new manager"),l)(),this._uiManager(l)}})})}$(e,t){let i=a.doc.querySelector(e);if(!i)return a.log(1,"Uib:$","No element found for CSS selector ".concat(e))(),null;if(i.nodeName==="TEMPLATE"&&(i=i.content.firstElementChild,!i))return a.log(0,"Uib:$","Template selected for CSS selector ".concat(e," but it is empty"))(),null;t||(t="el");let s;try{switch(t.toLowerCase()){case"text":{s=i.innerText;break}case"html":{s=i.innerHTML;break}case"attr":case"attributes":{s={};for(let n of i.attributes)s[n.name]=n.value;break}default:{s=i;break}}}catch(n){s=i,a.log(1,"Uib:$",'Could not process output type "'.concat(t,'" for CSS selector ').concat(e,", returned the DOM element. ").concat(n.message),n)()}return s}$$(e){return Array.from(a.doc.querySelectorAll(e))}addClass(e,t){Array.isArray(e)||(e=[e]),t&&t.classList.add(...e)}applyTemplate(e,t,i){i||(i={onceOnly:!1});let s=a.doc.getElementById(e),n=a.doc.getElementById(t);if(s&&n){let o;try{i.onceOnly!==!0?o=a.doc.importNode(s.content,!0):o=a.doc.adoptNode(s.content)}catch{a.log("error","Ui:applyTemplate","Source must be a <template>. id='".concat(e,"'"))();return}if(o){if(i.attributes){let l=o.firstElementChild;Object.keys(i.attributes).forEach(u=>{l.setAttribute(u,i.attributes[u])})}n.appendChild(o)}}else s||a.log("error","Ui:applyTemplate","Source not found: id='".concat(e,"'"))(),n||a.log("error","Ui:applyTemplate","Target not found: id='".concat(t,"'"))()}buildHtmlTable(e){let t;if(!Array.isArray(e)&&(typeof e=="object"&&(t=Object.keys(e),e=Object.values(e)),!Array.isArray(e))){let u=a.doc.createElement("p");return u.textContent="Input data is not an array or an object, cannot create a table.",u}let i=a.doc.createElement("table"),s=a.doc.createElement("thead"),n=a.doc.createElement("tr"),o=Object.keys(e[0]);o.forEach(u=>{let d=a.doc.createElement("th");d.textContent=u,n.appendChild(d)}),s.appendChild(n),i.appendChild(s);let l=a.doc.createElement("tbody");return e.forEach((u,d)=>{let b=a.doc.createElement("tr");t&&(b.id="r-".concat(t[d])),o.forEach(C=>{let v=a.doc.createElement("td");v.innerHTML=this.sanitiseHTML(u[C]),b.appendChild(v)}),l.appendChild(b)}),i.appendChild(l),i}convertMarkdown(e){if(!e)return"";if(!a.win.markdownit)return e;a.md||this._markDownIt();try{return a.md.render(e.trim())}catch(t){return a.log(0,"uibuilder:convertMarkdown","Could not render Markdown. ".concat(t.message),t)(),'<p class="border error">Could not render Markdown<p>'}}async include(e,t){if(!fetch)return a.log(0,"Ui:include","Current environment does not include `fetch`, skipping.")(),"Current environment does not include `fetch`, skipping.";if(!e)return a.log(0,"Ui:include","url parameter must be provided, skipping.")(),"url parameter must be provided, skipping.";if(!t||!t.id)return a.log(0,"Ui:include","uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.")(),"uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.";let i;try{i=await fetch(e)}catch(d){return a.log(0,"Ui:include","Fetch of file '".concat(e,"' failed. "),d.message)(),d.message}if(!i.ok)return a.log(0,"Ui:include","Fetch of file '".concat(e,"' failed. Status='").concat(i.statusText,"'"))(),i.statusText;let s=await i.headers.get("content-type"),n=null;s&&(s.includes("text/html")?n="html":s.includes("application/json")?n="json":s.includes("multipart/form-data")?n="form":s.includes("image/")?n="image":s.includes("video/")?n="video":s.includes("application/pdf")?n="pdf":s.includes("text/plain")&&(n="text"));let o="",l="Include successful",u;switch(n){case"html":{u=await i.text(),o=u;break}case"json":{u=await i.json(),o='<pre class="syntax-highlight">',o+=this.syntaxHighlight(u),o+="</pre>";break}case"form":{u=await i.formData(),o='<pre class="syntax-highlight">',o+=this.syntaxHighlight(u),o+="</pre>";break}case"image":{u=await i.blob(),o='<img src="'.concat(URL.createObjectURL(u),'">'),a.win.DOMPurify&&(l="Include successful. BUT DOMPurify loaded which may block its use.",a.log("warn","Ui:include:image",l)());break}case"video":{u=await i.blob(),o='<video controls autoplay><source src="'.concat(URL.createObjectURL(u),'"></video>'),a.win.DOMPurify&&(l="Include successful. BUT DOMPurify loaded which may block its use.",a.log("warn","Ui:include:video",l)());break}case"pdf":case"text":default:{u=await i.blob(),o='<iframe style="resize:both;width:inherit;height:inherit;" src="'.concat(URL.createObjectURL(u),'">'),a.win.DOMPurify&&(l="Include successful. BUT DOMPurify loaded which may block its use.",a.log("warn","Ui:include:".concat(n),l)());break}}return t.type="div",t.slot=o,t.parent||(t.parent="body"),t.attributes||(t.attributes={class:"included"}),this._uiReplace({components:[t]}),a.log("trace","Ui:include:".concat(n),l)(),l}loadScriptSrc(e){let t=a.doc.createElement("script");t.src=e,t.async=!1,a.doc.head.appendChild(t)}loadScriptTxt(e){let t=a.doc.createElement("script");t.async=!1,t.textContent=e,a.doc.head.appendChild(t)}loadStyleSrc(e){let t=a.doc.createElement("link");t.href=e,t.rel="stylesheet",t.type="text/css",a.doc.head.appendChild(t)}loadStyleTxt(e){let t=a.doc.createElement("style");t.textContent=e,a.doc.head.appendChild(t)}loadui(e){if(!fetch){a.log(0,"Ui:loadui","Current environment does not include `fetch`, skipping.")();return}if(!e){a.log(0,"Ui:loadui","url parameter must be provided, skipping.")();return}fetch(e).then(t=>{if(t.ok===!1)throw new Error("Could not load '".concat(e,"'. Status ").concat(t.status,", Error: ").concat(t.statusText));a.log("trace","Ui:loadui:then1","Loaded '".concat(e,"'. Status ").concat(t.status,", ").concat(t.statusText))();let i=t.headers.get("content-type");if(!i||!i.includes("application/json"))throw new TypeError("Fetch '".concat(e,"' did not return JSON, ignoring"));return t.json()}).then(t=>t!==void 0?(a.log("trace","Ui:loadui:then2","Parsed JSON successfully obtained")(),this._uiManager({_ui:t}),!0):!1).catch(t=>{a.log("warn","Ui:loadui:catch","Error. ",t)()})}moveElement(e){let{sourceSelector:t,targetSelector:i,moveType:s,position:n}=e;if(!document.querySelector(t)){a.log(0,"Ui:moveElement","Source element not found")();return}if(!document.querySelector(i)){a.log(0,"Ui:moveElement","Target element not found")();return}}nodeGet(e,t){let i={id:e.id===""?void 0:e.id,name:e.name,children:e.childNodes.length,type:e.nodeName,attributes:void 0,isUserInput:!!e.validity,userInput:e.validity?{value:e.value,validity:void 0,willValidate:e.willValidate,valueAsDate:e.valueAsDate,valueAsNumber:e.valueAsNumber,type:e.type}:void 0};if(["UL","OL"].includes(e.nodeName)){let s=a.doc.querySelectorAll("".concat(t," li"));s&&(i.list={entries:s.length})}if(e.nodeName==="DL"){let s=a.doc.querySelectorAll("".concat(t," dt"));s&&(i.list={entries:s.length})}if(e.nodeName==="TABLE"){let s=a.doc.querySelectorAll("".concat(t," > tbody > tr")),n=a.doc.querySelectorAll("".concat(t," > thead > tr")),o=a.doc.querySelectorAll("".concat(t," > tbody > tr:last-child > *"));(s||n||o)&&(i.table={headRows:n?n.length:0,bodyRows:s?s.length:0,columns:o?o.length:0})}if(e.nodeName!=="#text"&&e.attributes&&e.attributes.length>0){i.attributes={};for(let s of e.attributes)s.name!=="id"&&(i.attributes[s.name]=e.attributes[s.name].value),s.name==="class"&&(i.classes=Array.from(e.classList))}e.nodeName==="#text"&&(i.text=e.textContent),e.validity&&(i.userInput.validity={});for(let s in e.validity)i.userInput.validity[s]=e.validity[s];return i}async notification(e){if(typeof e=="string"&&(e={body:e}),typeof Notification>"u")return Promise.reject(new Error("Notifications not available in this browser"));let t=Notification.permission;return t==="denied"?Promise.reject(new Error("Notifications not permitted by user")):t==="granted"?this._showNotification(e):(t=await Notification.requestPermission(),t==="granted"?this._showNotification(e):Promise.reject(new Error("Notifications not permitted by user")))}removeClass(e,t){if(!e){t.removeAttribute("class");return}Array.isArray(e)||(e=[e]),t&&t.classList.remove(...e)}replaceSlot(e,t){if(!e)return;t||(t=""),t=this.sanitiseHTML(t);let i=a.doc.createRange().createContextualFragment(t),s=a.doc.createRange();s.selectNodeContents(e),s.deleteContents(),e.append(i)}replaceSlotMarkdown(e,t){e&&t.slotMarkdown&&(t.slotMarkdown=this.convertMarkdown(t.slotMarkdown),t.slotMarkdown=this.sanitiseHTML(t.slotMarkdown),e.innerHTML=t.slotMarkdown)}sanitiseHTML(e){return a.win.DOMPurify?a.win.DOMPurify.sanitize(e,{ADD_TAGS:this.sanitiseExtraTags,ADD_ATTR:this.sanitiseExtraAttribs}):e}showDialog(e,t,i){let s="";if(i.payload&&typeof i.payload=="string"&&(s+="<div>".concat(i.payload,"</div>")),t.content&&(s+="<div>".concat(t.content,"</div>")),s===""){a.log(1,"Ui:showDialog","Toast content is blank. Not shown.")();return}!t.title&&i.topic&&(t.title=i.topic),t.title&&(s='<p class="toast-head">'.concat(t.title,"</p><p>").concat(s,"</p>")),t.noAutohide&&(t.noAutoHide=t.noAutohide),t.noAutoHide&&(t.autohide=!t.noAutoHide),t.autoHideDelay?(t.autohide||(t.autohide=!0),t.delay=t.autoHideDelay):t.autoHideDelay=1e4,Object.prototype.hasOwnProperty.call(t,"autohide")||(t.autohide=!0),e==="alert"&&(t.modal=!0,t.autohide=!1,s='<svg viewBox="0 0 192.146 192.146" style="width:30;background-color:transparent;"><path d="M108.186 144.372c0 7.054-4.729 12.32-12.037 12.32h-.254c-7.054 0-11.92-5.266-11.92-12.32 0-7.298 5.012-12.31 12.174-12.31s11.91 4.992 12.037 12.31zM88.44 125.301h15.447l2.951-61.298H85.46l2.98 61.298zm101.932 51.733c-2.237 3.664-6.214 5.921-10.493 5.921H12.282c-4.426 0-8.51-2.384-10.698-6.233a12.34 12.34 0 0 1 .147-12.349l84.111-149.22c2.208-3.722 6.204-5.96 10.522-5.96h.332c4.445.107 8.441 2.618 10.513 6.546l83.515 149.229c1.993 3.8 1.905 8.363-.352 12.066zm-10.493-6.4L96.354 21.454l-84.062 149.18h167.587z" /></svg> '.concat(s));let n=a.doc.getElementById("toaster");n===null&&(n=a.doc.createElement("div"),n.id="toaster",n.title="Click to clear all notifcations",n.setAttribute("class","toaster"),n.setAttribute("role","dialog"),n.setAttribute("arial-label","Toast message"),n.onclick=function(){n.remove()},a.doc.body.insertAdjacentElement("afterbegin",n));let o=a.doc.createElement("div");o.title="Click to clear this notifcation",o.setAttribute("class","toast ".concat(t.variant?t.variant:""," ").concat(e)),o.innerHTML=s,o.setAttribute("role","alertdialog"),t.modal&&o.setAttribute("aria-modal",t.modal),o.onclick=function(l){l.stopPropagation(),o.remove(),n.childElementCount<1&&n.remove()},n.insertAdjacentElement(t.appendToast===!0?"beforeend":"afterbegin",o),t.autohide===!0&&setInterval(()=>{o.remove(),n.childElementCount<1&&n.remove()},t.autoHideDelay)}ui(e){let t={};e._ui?t=e:t._ui=e,this._uiManager(t)}uiGet(e,t=null){let i=a.doc.querySelectorAll(e),s=[];return i.forEach(n=>{if(t){t==="classes"&&(t="class");let o=n.getAttribute(t);if(o==null)try{o=n[t]}catch{}if(o==null)t.toLowerCase()==="value"?s.push(n.innerText):s.push("Property '".concat(t,"' not found"));else{let l={},u=o.constructor.name.toLowerCase();if(u==="namednodemap")for(let d of o)l[d.name]=o[d.name].value;else if(!u.includes("map"))l[t]=o;else{let d={};for(let b in o)d[b]=o[b]}l.class&&(l.classes=Array.from(n.classList)),s.push(l)}}else s.push(this.nodeGet(n,e))}),s}uiEnhanceElement(e,t){this._uiComposeComponent(e,t)}},h(a,"win"),h(a,"doc"),h(a,"log"),h(a,"mdOpts"),h(a,"md"),a);je.exports=It});var _t=Oe(Ve());var O=Object.create(null);O.open="0";O.close="1";O.ping="2";O.pong="3";O.message="4";O.upgrade="5";O.noop="6";var K=Object.create(null);Object.keys(O).forEach(r=>{K[O[r]]=r});var Y={type:"error",data:"parser error"};var Je=typeof Blob=="function"||typeof Blob<"u"&&Object.prototype.toString.call(Blob)==="[object BlobConstructor]",Ge=typeof ArrayBuffer=="function",Ke=r=>typeof ArrayBuffer.isView=="function"?ArrayBuffer.isView(r):r&&r.buffer instanceof ArrayBuffer,X=({type:r,data:e},t,i)=>Je&&e instanceof Blob?t?i(e):We(e,i):Ge&&(e instanceof ArrayBuffer||Ke(e))?t?i(e):We(new Blob([e]),i):i(O[r]+(e||"")),We=(r,e)=>{let t=new FileReader;return t.onload=function(){let i=t.result.split(",")[1];e("b"+(i||""))},t.readAsDataURL(r)};function ze(r){return r instanceof Uint8Array?r:r instanceof ArrayBuffer?new Uint8Array(r):new Uint8Array(r.buffer,r.byteOffset,r.byteLength)}var xe;function Ye(r,e){if(Je&&r.data instanceof Blob)return r.data.arrayBuffer().then(ze).then(e);if(Ge&&(r.data instanceof ArrayBuffer||Ke(r.data)))return e(ze(r.data));X(r,!1,t=>{xe||(xe=new TextEncoder),e(xe.encode(t))})}var Xe="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",Q=typeof Uint8Array>"u"?[]:new Uint8Array(256);for(let r=0;r<Xe.length;r++)Q[Xe.charCodeAt(r)]=r;var Qe=r=>{let e=r.length*.75,t=r.length,i,s=0,n,o,l,u;r[r.length-1]==="="&&(e--,r[r.length-2]==="="&&e--);let d=new ArrayBuffer(e),b=new Uint8Array(d);for(i=0;i<t;i+=4)n=Q[r.charCodeAt(i)],o=Q[r.charCodeAt(i+1)],l=Q[r.charCodeAt(i+2)],u=Q[r.charCodeAt(i+3)],b[s++]=n<<2|o>>4,b[s++]=(o&15)<<4|l>>2,b[s++]=(l&3)<<6|u&63;return d};var Mt=typeof ArrayBuffer=="function",Z=(r,e)=>{if(typeof r!="string")return{type:"message",data:Ze(r,e)};let t=r.charAt(0);return t==="b"?{type:"message",data:Dt(r.substring(1),e)}:K[t]?r.length>1?{type:K[t],data:r.substring(1)}:{type:K[t]}:Y},Dt=(r,e)=>{if(Mt){let t=Qe(r);return Ze(t,e)}else return{base64:!0,data:r}},Ze=(r,e)=>{switch(e){case"blob":return r instanceof Blob?r:new Blob([r]);case"arraybuffer":default:return r instanceof ArrayBuffer?r:r.buffer}};var et="",tt=(r,e)=>{let t=r.length,i=new Array(t),s=0;r.forEach((n,o)=>{X(n,!1,l=>{i[o]=l,++s===t&&e(i.join(et))})})},it=(r,e)=>{let t=r.split(et),i=[];for(let s=0;s<t.length;s++){let n=Z(t[s],e);if(i.push(n),n.type==="error")break}return i};function st(){return new TransformStream({transform(r,e){Ye(r,t=>{let i=t.length,s;if(i<126)s=new Uint8Array(1),new DataView(s.buffer).setUint8(0,i);else if(i<65536){s=new Uint8Array(3);let n=new DataView(s.buffer);n.setUint8(0,126),n.setUint16(1,i)}else{s=new Uint8Array(9);let n=new DataView(s.buffer);n.setUint8(0,127),n.setBigUint64(1,BigInt(i))}r.data&&typeof r.data!="string"&&(s[0]|=128),e.enqueue(s),e.enqueue(t)})}})}var Ae;function pe(r){return r.reduce((e,t)=>e+t.length,0)}function me(r,e){if(r[0].length===e)return r.shift();let t=new Uint8Array(e),i=0;for(let s=0;s<e;s++)t[s]=r[0][i++],i===r[0].length&&(r.shift(),i=0);return r.length&&i<r[0].length&&(r[0]=r[0].slice(i)),t}function rt(r,e){Ae||(Ae=new TextDecoder);let t=[],i=0,s=-1,n=!1;return new TransformStream({transform(o,l){for(t.push(o);;){if(i===0){if(pe(t)<1)break;let u=me(t,1);n=(u[0]&128)===128,s=u[0]&127,s<126?i=3:s===126?i=1:i=2}else if(i===1){if(pe(t)<2)break;let u=me(t,2);s=new DataView(u.buffer,u.byteOffset,u.length).getUint16(0),i=3}else if(i===2){if(pe(t)<8)break;let u=me(t,8),d=new DataView(u.buffer,u.byteOffset,u.length),b=d.getUint32(0);if(b>Math.pow(2,21)-1){l.enqueue(Y);break}s=b*Math.pow(2,32)+d.getUint32(4),i=3}else{if(pe(t)<s)break;let u=me(t,s);l.enqueue(Z(n?u:Ae.decode(u),e)),i=0}if(s===0||s>r){l.enqueue(Y);break}}}})}var Ne=4;function g(r){if(r)return Bt(r)}function Bt(r){for(var e in g.prototype)r[e]=g.prototype[e];return r}g.prototype.on=g.prototype.addEventListener=function(r,e){return this._callbacks=this._callbacks||{},(this._callbacks["$"+r]=this._callbacks["$"+r]||[]).push(e),this};g.prototype.once=function(r,e){function t(){this.off(r,t),e.apply(this,arguments)}return t.fn=e,this.on(r,t),this};g.prototype.off=g.prototype.removeListener=g.prototype.removeAllListeners=g.prototype.removeEventListener=function(r,e){if(this._callbacks=this._callbacks||{},arguments.length==0)return this._callbacks={},this;var t=this._callbacks["$"+r];if(!t)return this;if(arguments.length==1)return delete this._callbacks["$"+r],this;for(var i,s=0;s<t.length;s++)if(i=t[s],i===e||i.fn===e){t.splice(s,1);break}return t.length===0&&delete this._callbacks["$"+r],this};g.prototype.emit=function(r){this._callbacks=this._callbacks||{};for(var e=new Array(arguments.length-1),t=this._callbacks["$"+r],i=1;i<arguments.length;i++)e[i-1]=arguments[i];if(t){t=t.slice(0);for(var i=0,s=t.length;i<s;++i)t[i].apply(this,e)}return this};g.prototype.emitReserved=g.prototype.emit;g.prototype.listeners=function(r){return this._callbacks=this._callbacks||{},this._callbacks["$"+r]||[]};g.prototype.hasListeners=function(r){return!!this.listeners(r).length};var y=typeof self<"u"?self:typeof window<"u"?window:Function("return this")();function be(r,...e){return e.reduce((t,i)=>(r.hasOwnProperty(i)&&(t[i]=r[i]),t),{})}var Pt=y.setTimeout,qt=y.clearTimeout;function N(r,e){e.useNativeTimers?(r.setTimeoutFn=Pt.bind(y),r.clearTimeoutFn=qt.bind(y)):(r.setTimeoutFn=y.setTimeout.bind(y),r.clearTimeoutFn=y.clearTimeout.bind(y))}var Ht=1.33;function nt(r){return typeof r=="string"?Ft(r):Math.ceil((r.byteLength||r.size)*Ht)}function Ft(r){let e=0,t=0;for(let i=0,s=r.length;i<s;i++)e=r.charCodeAt(i),e<128?t+=1:e<2048?t+=2:e<55296||e>=57344?t+=3:(i++,t+=4);return t}function ot(r){let e="";for(let t in r)r.hasOwnProperty(t)&&(e.length&&(e+="&"),e+=encodeURIComponent(t)+"="+encodeURIComponent(r[t]));return e}function at(r){let e={},t=r.split("&");for(let i=0,s=t.length;i<s;i++){let n=t[i].split("=");e[decodeURIComponent(n[0])]=decodeURIComponent(n[1])}return e}var ge=class extends Error{constructor(e,t,i){super(e),this.description=t,this.context=i,this.type="TransportError"}},R=class extends g{constructor(e){super(),this.writable=!1,N(this,e),this.opts=e,this.query=e.query,this.socket=e.socket}onError(e,t,i){return super.emitReserved("error",new ge(e,t,i)),this}open(){return this.readyState="opening",this.doOpen(),this}close(){return(this.readyState==="opening"||this.readyState==="open")&&(this.doClose(),this.onClose()),this}send(e){this.readyState==="open"&&this.write(e)}onOpen(){this.readyState="open",this.writable=!0,super.emitReserved("open")}onData(e){let t=Z(e,this.socket.binaryType);this.onPacket(t)}onPacket(e){super.emitReserved("packet",e)}onClose(e){this.readyState="closed",super.emitReserved("close",e)}pause(e){}createUri(e,t={}){return e+"://"+this._hostname()+this._port()+this.opts.path+this._query(t)}_hostname(){let e=this.opts.hostname;return e.indexOf(":")===-1?e:"["+e+"]"}_port(){return this.opts.port&&(this.opts.secure&&+(this.opts.port!==443)||!this.opts.secure&&Number(this.opts.port)!==80)?":"+this.opts.port:""}_query(e){let t=ot(e);return t.length?"?"+t:""}};var ut="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz-_".split(""),Re=64,jt={},ct=0,ye=0,lt;function ht(r){let e="";do e=ut[r%Re]+e,r=Math.floor(r/Re);while(r>0);return e}function we(){let r=ht(+new Date);return r!==lt?(ct=0,lt=r):r+"."+ht(ct++)}for(;ye<Re;ye++)jt[ut[ye]]=ye;var dt=!1;try{dt=typeof XMLHttpRequest<"u"&&"withCredentials"in new XMLHttpRequest}catch{}var ft=dt;function $e(r){let e=r.xdomain;try{if(typeof XMLHttpRequest<"u"&&(!e||ft))return new XMLHttpRequest}catch{}if(!e)try{return new y[["Active"].concat("Object").join("X")]("Microsoft.XMLHTTP")}catch{}}function Vt(){}var Wt=function(){return new $e({xdomain:!1}).responseType!=null}(),ve=class extends R{constructor(e){if(super(e),this.polling=!1,typeof location<"u"){let i=location.protocol==="https:",s=location.port;s||(s=i?"443":"80"),this.xd=typeof location<"u"&&e.hostname!==location.hostname||s!==e.port}let t=e&&e.forceBase64;this.supportsBinary=Wt&&!t,this.opts.withCredentials&&(this.cookieJar=void 0)}get name(){return"polling"}doOpen(){this.poll()}pause(e){this.readyState="pausing";let t=()=>{this.readyState="paused",e()};if(this.polling||!this.writable){let i=0;this.polling&&(i++,this.once("pollComplete",function(){--i||t()})),this.writable||(i++,this.once("drain",function(){--i||t()}))}else t()}poll(){this.polling=!0,this.doPoll(),this.emitReserved("poll")}onData(e){let t=i=>{if(this.readyState==="opening"&&i.type==="open"&&this.onOpen(),i.type==="close")return this.onClose({description:"transport closed by the server"}),!1;this.onPacket(i)};it(e,this.socket.binaryType).forEach(t),this.readyState!=="closed"&&(this.polling=!1,this.emitReserved("pollComplete"),this.readyState==="open"&&this.poll())}doClose(){let e=()=>{this.write([{type:"close"}])};this.readyState==="open"?e():this.once("open",e)}write(e){this.writable=!1,tt(e,t=>{this.doWrite(t,()=>{this.writable=!0,this.emitReserved("drain")})})}uri(){let e=this.opts.secure?"https":"http",t=this.query||{};return this.opts.timestampRequests!==!1&&(t[this.opts.timestampParam]=we()),!this.supportsBinary&&!t.sid&&(t.b64=1),this.createUri(e,t)}request(e={}){return Object.assign(e,{xd:this.xd,cookieJar:this.cookieJar},this.opts),new $(this.uri(),e)}doWrite(e,t){let i=this.request({method:"POST",data:e});i.on("success",t),i.on("error",(s,n)=>{this.onError("xhr post error",s,n)})}doPoll(){let e=this.request();e.on("data",this.onData.bind(this)),e.on("error",(t,i)=>{this.onError("xhr poll error",t,i)}),this.pollXhr=e}},$=class r extends g{constructor(e,t){super(),N(this,t),this.opts=t,this.method=t.method||"GET",this.uri=e,this.data=t.data!==void 0?t.data:null,this.create()}create(){var e;let t=be(this.opts,"agent","pfx","key","passphrase","cert","ca","ciphers","rejectUnauthorized","autoUnref");t.xdomain=!!this.opts.xd;let i=this.xhr=new $e(t);try{i.open(this.method,this.uri,!0);try{if(this.opts.extraHeaders){i.setDisableHeaderCheck&&i.setDisableHeaderCheck(!0);for(let s in this.opts.extraHeaders)this.opts.extraHeaders.hasOwnProperty(s)&&i.setRequestHeader(s,this.opts.extraHeaders[s])}}catch{}if(this.method==="POST")try{i.setRequestHeader("Content-type","text/plain;charset=UTF-8")}catch{}try{i.setRequestHeader("Accept","*/*")}catch{}(e=this.opts.cookieJar)===null||e===void 0||e.addCookies(i),"withCredentials"in i&&(i.withCredentials=this.opts.withCredentials),this.opts.requestTimeout&&(i.timeout=this.opts.requestTimeout),i.onreadystatechange=()=>{var s;i.readyState===3&&((s=this.opts.cookieJar)===null||s===void 0||s.parseCookies(i)),i.readyState===4&&(i.status===200||i.status===1223?this.onLoad():this.setTimeoutFn(()=>{this.onError(typeof i.status=="number"?i.status:0)},0))},i.send(this.data)}catch(s){this.setTimeoutFn(()=>{this.onError(s)},0);return}typeof document<"u"&&(this.index=r.requestsCount++,r.requests[this.index]=this)}onError(e){this.emitReserved("error",e,this.xhr),this.cleanup(!0)}cleanup(e){if(!(typeof this.xhr>"u"||this.xhr===null)){if(this.xhr.onreadystatechange=Vt,e)try{this.xhr.abort()}catch{}typeof document<"u"&&delete r.requests[this.index],this.xhr=null}}onLoad(){let e=this.xhr.responseText;e!==null&&(this.emitReserved("data",e),this.emitReserved("success"),this.cleanup())}abort(){this.cleanup()}};$.requestsCount=0;$.requests={};if(typeof document<"u"){if(typeof attachEvent=="function")attachEvent("onunload",pt);else if(typeof addEventListener=="function"){let r="onpagehide"in y?"pagehide":"unload";addEventListener(r,pt,!1)}}function pt(){for(let r in $.requests)$.requests.hasOwnProperty(r)&&$.requests[r].abort()}var U=typeof Promise=="function"&&typeof Promise.resolve=="function"?e=>Promise.resolve().then(e):(e,t)=>t(e,0),ee=y.WebSocket||y.MozWebSocket,ke=!0,mt="arraybuffer";var bt=typeof navigator<"u"&&typeof navigator.product=="string"&&navigator.product.toLowerCase()==="reactnative",Ee=class extends R{constructor(e){super(e),this.supportsBinary=!e.forceBase64}get name(){return"websocket"}doOpen(){if(!this.check())return;let e=this.uri(),t=this.opts.protocols,i=bt?{}:be(this.opts,"agent","perMessageDeflate","pfx","key","passphrase","cert","ca","ciphers","rejectUnauthorized","localAddress","protocolVersion","origin","maxPayload","family","checkServerIdentity");this.opts.extraHeaders&&(i.headers=this.opts.extraHeaders);try{this.ws=ke&&!bt?t?new ee(e,t):new ee(e):new ee(e,t,i)}catch(s){return this.emitReserved("error",s)}this.ws.binaryType=this.socket.binaryType,this.addEventListeners()}addEventListeners(){this.ws.onopen=()=>{this.opts.autoUnref&&this.ws._socket.unref(),this.onOpen()},this.ws.onclose=e=>this.onClose({description:"websocket connection closed",context:e}),this.ws.onmessage=e=>this.onData(e.data),this.ws.onerror=e=>this.onError("websocket error",e)}write(e){this.writable=!1;for(let t=0;t<e.length;t++){let i=e[t],s=t===e.length-1;X(i,this.supportsBinary,n=>{let o={};ke||(i.options&&(o.compress=i.options.compress),this.opts.perMessageDeflate&&(typeof n=="string"?Buffer.byteLength(n):n.length)<this.opts.perMessageDeflate.threshold&&(o.compress=!1));try{ke?this.ws.send(n):this.ws.send(n,o)}catch{}s&&U(()=>{this.writable=!0,this.emitReserved("drain")},this.setTimeoutFn)})}}doClose(){typeof this.ws<"u"&&(this.ws.close(),this.ws=null)}uri(){let e=this.opts.secure?"wss":"ws",t=this.query||{};return this.opts.timestampRequests&&(t[this.opts.timestampParam]=we()),this.supportsBinary||(t.b64=1),this.createUri(e,t)}check(){return!!ee}};var Ce=class extends R{get name(){return"webtransport"}doOpen(){typeof WebTransport=="function"&&(this.transport=new WebTransport(this.createUri("https"),this.opts.transportOptions[this.name]),this.transport.closed.then(()=>{this.onClose()}).catch(e=>{this.onError("webtransport error",e)}),this.transport.ready.then(()=>{this.transport.createBidirectionalStream().then(e=>{let t=rt(Number.MAX_SAFE_INTEGER,this.socket.binaryType),i=e.readable.pipeThrough(t).getReader(),s=st();s.readable.pipeTo(e.writable),this.writer=s.writable.getWriter();let n=()=>{i.read().then(({done:l,value:u})=>{l||(this.onPacket(u),n())}).catch(l=>{})};n();let o={type:"open"};this.query.sid&&(o.data='{"sid":"'.concat(this.query.sid,'"}')),this.writer.write(o).then(()=>this.onOpen())})}))}write(e){this.writable=!1;for(let t=0;t<e.length;t++){let i=e[t],s=t===e.length-1;this.writer.write(i).then(()=>{s&&U(()=>{this.writable=!0,this.emitReserved("drain")},this.setTimeoutFn)})}}doClose(){var e;(e=this.transport)===null||e===void 0||e.close()}};var Te={websocket:Ee,webtransport:Ce,polling:ve};var zt=/^(?:(?![^:@\/?#]+:[^:@\/]*@)(http|https|ws|wss):\/\/)?((?:(([^:@\/?#]*)(?::([^:@\/?#]*))?)?@)?((?:[a-f0-9]{0,4}:){2,7}[a-f0-9]{0,4}|[^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/,Jt=["source","protocol","authority","userInfo","user","password","host","port","relative","path","directory","file","query","anchor"];function q(r){if(r.length>2e3)throw"URI too long";let e=r,t=r.indexOf("["),i=r.indexOf("]");t!=-1&&i!=-1&&(r=r.substring(0,t)+r.substring(t,i).replace(/:/g,";")+r.substring(i,r.length));let s=zt.exec(r||""),n={},o=14;for(;o--;)n[Jt[o]]=s[o]||"";return t!=-1&&i!=-1&&(n.source=e,n.host=n.host.substring(1,n.host.length-1).replace(/;/g,":"),n.authority=n.authority.replace("[","").replace("]","").replace(/;/g,":"),n.ipv6uri=!0),n.pathNames=Gt(n,n.path),n.queryKey=Kt(n,n.query),n}function Gt(r,e){let t=/\/{2,9}/g,i=e.replace(t,"/").split("/");return(e.slice(0,1)=="/"||e.length===0)&&i.splice(0,1),e.slice(-1)=="/"&&i.splice(i.length-1,1),i}function Kt(r,e){let t={};return e.replace(/(?:^|&)([^&=]*)=?([^&]*)/g,function(i,s,n){s&&(t[s]=n)}),t}var I=class r extends g{constructor(e,t={}){super(),this.binaryType=mt,this.writeBuffer=[],e&&typeof e=="object"&&(t=e,e=null),e?(e=q(e),t.hostname=e.host,t.secure=e.protocol==="https"||e.protocol==="wss",t.port=e.port,e.query&&(t.query=e.query)):t.host&&(t.hostname=q(t.host).host),N(this,t),this.secure=t.secure!=null?t.secure:typeof location<"u"&&location.protocol==="https:",t.hostname&&!t.port&&(t.port=this.secure?"443":"80"),this.hostname=t.hostname||(typeof location<"u"?location.hostname:"localhost"),this.port=t.port||(typeof location<"u"&&location.port?location.port:this.secure?"443":"80"),this.transports=t.transports||["polling","websocket","webtransport"],this.writeBuffer=[],this.prevBufferLen=0,this.opts=Object.assign({path:"/engine.io",agent:!1,withCredentials:!1,upgrade:!0,timestampParam:"t",rememberUpgrade:!1,addTrailingSlash:!0,rejectUnauthorized:!0,perMessageDeflate:{threshold:1024},transportOptions:{},closeOnBeforeunload:!1},t),this.opts.path=this.opts.path.replace(/\/$/,"")+(this.opts.addTrailingSlash?"/":""),typeof this.opts.query=="string"&&(this.opts.query=at(this.opts.query)),this.id=null,this.upgrades=null,this.pingInterval=null,this.pingTimeout=null,this.pingTimeoutTimer=null,typeof addEventListener=="function"&&(this.opts.closeOnBeforeunload&&(this.beforeunloadEventListener=()=>{this.transport&&(this.transport.removeAllListeners(),this.transport.close())},addEventListener("beforeunload",this.beforeunloadEventListener,!1)),this.hostname!=="localhost"&&(this.offlineEventListener=()=>{this.onClose("transport close",{description:"network connection lost"})},addEventListener("offline",this.offlineEventListener,!1))),this.open()}createTransport(e){let t=Object.assign({},this.opts.query);t.EIO=Ne,t.transport=e,this.id&&(t.sid=this.id);let i=Object.assign({},this.opts,{query:t,socket:this,hostname:this.hostname,secure:this.secure,port:this.port},this.opts.transportOptions[e]);return new Te[e](i)}open(){let e;if(this.opts.rememberUpgrade&&r.priorWebsocketSuccess&&this.transports.indexOf("websocket")!==-1)e="websocket";else if(this.transports.length===0){this.setTimeoutFn(()=>{this.emitReserved("error","No transports available")},0);return}else e=this.transports[0];this.readyState="opening";try{e=this.createTransport(e)}catch{this.transports.shift(),this.open();return}e.open(),this.setTransport(e)}setTransport(e){this.transport&&this.transport.removeAllListeners(),this.transport=e,e.on("drain",this.onDrain.bind(this)).on("packet",this.onPacket.bind(this)).on("error",this.onError.bind(this)).on("close",t=>this.onClose("transport close",t))}probe(e){let t=this.createTransport(e),i=!1;r.priorWebsocketSuccess=!1;let s=()=>{i||(t.send([{type:"ping",data:"probe"}]),t.once("packet",C=>{if(!i)if(C.type==="pong"&&C.data==="probe"){if(this.upgrading=!0,this.emitReserved("upgrading",t),!t)return;r.priorWebsocketSuccess=t.name==="websocket",this.transport.pause(()=>{i||this.readyState!=="closed"&&(b(),this.setTransport(t),t.send([{type:"upgrade"}]),this.emitReserved("upgrade",t),t=null,this.upgrading=!1,this.flush())})}else{let v=new Error("probe error");v.transport=t.name,this.emitReserved("upgradeError",v)}}))};function n(){i||(i=!0,b(),t.close(),t=null)}let o=C=>{let v=new Error("probe error: "+C);v.transport=t.name,n(),this.emitReserved("upgradeError",v)};function l(){o("transport closed")}function u(){o("socket closed")}function d(C){t&&C.name!==t.name&&n()}let b=()=>{t.removeListener("open",s),t.removeListener("error",o),t.removeListener("close",l),this.off("close",u),this.off("upgrading",d)};t.once("open",s),t.once("error",o),t.once("close",l),this.once("close",u),this.once("upgrading",d),this.upgrades.indexOf("webtransport")!==-1&&e!=="webtransport"?this.setTimeoutFn(()=>{i||t.open()},200):t.open()}onOpen(){if(this.readyState="open",r.priorWebsocketSuccess=this.transport.name==="websocket",this.emitReserved("open"),this.flush(),this.readyState==="open"&&this.opts.upgrade){let e=0,t=this.upgrades.length;for(;e<t;e++)this.probe(this.upgrades[e])}}onPacket(e){if(this.readyState==="opening"||this.readyState==="open"||this.readyState==="closing")switch(this.emitReserved("packet",e),this.emitReserved("heartbeat"),this.resetPingTimeout(),e.type){case"open":this.onHandshake(JSON.parse(e.data));break;case"ping":this.sendPacket("pong"),this.emitReserved("ping"),this.emitReserved("pong");break;case"error":let t=new Error("server error");t.code=e.data,this.onError(t);break;case"message":this.emitReserved("data",e.data),this.emitReserved("message",e.data);break}}onHandshake(e){this.emitReserved("handshake",e),this.id=e.sid,this.transport.query.sid=e.sid,this.upgrades=this.filterUpgrades(e.upgrades),this.pingInterval=e.pingInterval,this.pingTimeout=e.pingTimeout,this.maxPayload=e.maxPayload,this.onOpen(),this.readyState!=="closed"&&this.resetPingTimeout()}resetPingTimeout(){this.clearTimeoutFn(this.pingTimeoutTimer),this.pingTimeoutTimer=this.setTimeoutFn(()=>{this.onClose("ping timeout")},this.pingInterval+this.pingTimeout),this.opts.autoUnref&&this.pingTimeoutTimer.unref()}onDrain(){this.writeBuffer.splice(0,this.prevBufferLen),this.prevBufferLen=0,this.writeBuffer.length===0?this.emitReserved("drain"):this.flush()}flush(){if(this.readyState!=="closed"&&this.transport.writable&&!this.upgrading&&this.writeBuffer.length){let e=this.getWritablePackets();this.transport.send(e),this.prevBufferLen=e.length,this.emitReserved("flush")}}getWritablePackets(){if(!(this.maxPayload&&this.transport.name==="polling"&&this.writeBuffer.length>1))return this.writeBuffer;let t=1;for(let i=0;i<this.writeBuffer.length;i++){let s=this.writeBuffer[i].data;if(s&&(t+=nt(s)),i>0&&t>this.maxPayload)return this.writeBuffer.slice(0,i);t+=2}return this.writeBuffer}write(e,t,i){return this.sendPacket("message",e,t,i),this}send(e,t,i){return this.sendPacket("message",e,t,i),this}sendPacket(e,t,i,s){if(typeof t=="function"&&(s=t,t=void 0),typeof i=="function"&&(s=i,i=null),this.readyState==="closing"||this.readyState==="closed")return;i=i||{},i.compress=i.compress!==!1;let n={type:e,data:t,options:i};this.emitReserved("packetCreate",n),this.writeBuffer.push(n),s&&this.once("flush",s),this.flush()}close(){let e=()=>{this.onClose("forced close"),this.transport.close()},t=()=>{this.off("upgrade",t),this.off("upgradeError",t),e()},i=()=>{this.once("upgrade",t),this.once("upgradeError",t)};return(this.readyState==="opening"||this.readyState==="open")&&(this.readyState="closing",this.writeBuffer.length?this.once("drain",()=>{this.upgrading?i():e()}):this.upgrading?i():e()),this}onError(e){r.priorWebsocketSuccess=!1,this.emitReserved("error",e),this.onClose("transport error",e)}onClose(e,t){(this.readyState==="opening"||this.readyState==="open"||this.readyState==="closing")&&(this.clearTimeoutFn(this.pingTimeoutTimer),this.transport.removeAllListeners("close"),this.transport.close(),this.transport.removeAllListeners(),typeof removeEventListener=="function"&&(removeEventListener("beforeunload",this.beforeunloadEventListener,!1),removeEventListener("offline",this.offlineEventListener,!1)),this.readyState="closed",this.id=null,this.emitReserved("close",e,t),this.writeBuffer=[],this.prevBufferLen=0)}filterUpgrades(e){let t=[],i=0,s=e.length;for(;i<s;i++)~this.transports.indexOf(e[i])&&t.push(e[i]);return t}};I.protocol=Ne;var bs=I.protocol;function gt(r,e="",t){let i=r;t=t||typeof location<"u"&&location,r==null&&(r=t.protocol+"//"+t.host),typeof r=="string"&&(r.charAt(0)==="/"&&(r.charAt(1)==="/"?r=t.protocol+r:r=t.host+r),/^(https?|wss?):\/\//.test(r)||(typeof t<"u"?r=t.protocol+"//"+r:r="https://"+r),i=q(r)),i.port||(/^(http|ws)$/.test(i.protocol)?i.port="80":/^(http|ws)s$/.test(i.protocol)&&(i.port="443")),i.path=i.path||"/";let n=i.host.indexOf(":")!==-1?"["+i.host+"]":i.host;return i.id=i.protocol+"://"+n+":"+i.port+e,i.href=i.protocol+"://"+n+(t&&t.port===i.port?"":":"+i.port),i}var Be={};Lt(Be,{Decoder:()=>Me,Encoder:()=>Ie,PacketType:()=>p,protocol:()=>Et});var Yt=typeof ArrayBuffer=="function",Xt=r=>typeof ArrayBuffer.isView=="function"?ArrayBuffer.isView(r):r.buffer instanceof ArrayBuffer,yt=Object.prototype.toString,Qt=typeof Blob=="function"||typeof Blob<"u"&&yt.call(Blob)==="[object BlobConstructor]",Zt=typeof File=="function"||typeof File<"u"&&yt.call(File)==="[object FileConstructor]";function ie(r){return Yt&&(r instanceof ArrayBuffer||Xt(r))||Qt&&r instanceof Blob||Zt&&r instanceof File}function te(r,e){if(!r||typeof r!="object")return!1;if(Array.isArray(r)){for(let t=0,i=r.length;t<i;t++)if(te(r[t]))return!0;return!1}if(ie(r))return!0;if(r.toJSON&&typeof r.toJSON=="function"&&arguments.length===1)return te(r.toJSON(),!0);for(let t in r)if(Object.prototype.hasOwnProperty.call(r,t)&&te(r[t]))return!0;return!1}function wt(r){let e=[],t=r.data,i=r;return i.data=Le(t,e),i.attachments=e.length,{packet:i,buffers:e}}function Le(r,e){if(!r)return r;if(ie(r)){let t={_placeholder:!0,num:e.length};return e.push(r),t}else if(Array.isArray(r)){let t=new Array(r.length);for(let i=0;i<r.length;i++)t[i]=Le(r[i],e);return t}else if(typeof r=="object"&&!(r instanceof Date)){let t={};for(let i in r)Object.prototype.hasOwnProperty.call(r,i)&&(t[i]=Le(r[i],e));return t}return r}function vt(r,e){return r.data=Ue(r.data,e),delete r.attachments,r}function Ue(r,e){if(!r)return r;if(r&&r._placeholder===!0){if(typeof r.num=="number"&&r.num>=0&&r.num<e.length)return e[r.num];throw new Error("illegal attachments")}else if(Array.isArray(r))for(let t=0;t<r.length;t++)r[t]=Ue(r[t],e);else if(typeof r=="object")for(let t in r)Object.prototype.hasOwnProperty.call(r,t)&&(r[t]=Ue(r[t],e));return r}var ei=["connect","connect_error","disconnect","disconnecting","newListener","removeListener"],Et=5,p;(function(r){r[r.CONNECT=0]="CONNECT",r[r.DISCONNECT=1]="DISCONNECT",r[r.EVENT=2]="EVENT",r[r.ACK=3]="ACK",r[r.CONNECT_ERROR=4]="CONNECT_ERROR",r[r.BINARY_EVENT=5]="BINARY_EVENT",r[r.BINARY_ACK=6]="BINARY_ACK"})(p||(p={}));var Ie=class{constructor(e){this.replacer=e}encode(e){return(e.type===p.EVENT||e.type===p.ACK)&&te(e)?this.encodeAsBinary({type:e.type===p.EVENT?p.BINARY_EVENT:p.BINARY_ACK,nsp:e.nsp,data:e.data,id:e.id}):[this.encodeAsString(e)]}encodeAsString(e){let t=""+e.type;return(e.type===p.BINARY_EVENT||e.type===p.BINARY_ACK)&&(t+=e.attachments+"-"),e.nsp&&e.nsp!=="/"&&(t+=e.nsp+","),e.id!=null&&(t+=e.id),e.data!=null&&(t+=JSON.stringify(e.data,this.replacer)),t}encodeAsBinary(e){let t=wt(e),i=this.encodeAsString(t.packet),s=t.buffers;return s.unshift(i),s}};function kt(r){return Object.prototype.toString.call(r)==="[object Object]"}var Me=class r extends g{constructor(e){super(),this.reviver=e}add(e){let t;if(typeof e=="string"){if(this.reconstructor)throw new Error("got plaintext data when reconstructing a packet");t=this.decodeString(e);let i=t.type===p.BINARY_EVENT;i||t.type===p.BINARY_ACK?(t.type=i?p.EVENT:p.ACK,this.reconstructor=new De(t),t.attachments===0&&super.emitReserved("decoded",t)):super.emitReserved("decoded",t)}else if(ie(e)||e.base64)if(this.reconstructor)t=this.reconstructor.takeBinaryData(e),t&&(this.reconstructor=null,super.emitReserved("decoded",t));else throw new Error("got binary data when not reconstructing a packet");else throw new Error("Unknown type: "+e)}decodeString(e){let t=0,i={type:Number(e.charAt(0))};if(p[i.type]===void 0)throw new Error("unknown packet type "+i.type);if(i.type===p.BINARY_EVENT||i.type===p.BINARY_ACK){let n=t+1;for(;e.charAt(++t)!=="-"&&t!=e.length;);let o=e.substring(n,t);if(o!=Number(o)||e.charAt(t)!=="-")throw new Error("Illegal attachments");i.attachments=Number(o)}if(e.charAt(t+1)==="/"){let n=t+1;for(;++t&&!(e.charAt(t)===","||t===e.length););i.nsp=e.substring(n,t)}else i.nsp="/";let s=e.charAt(t+1);if(s!==""&&Number(s)==s){let n=t+1;for(;++t;){let o=e.charAt(t);if(o==null||Number(o)!=o){--t;break}if(t===e.length)break}i.id=Number(e.substring(n,t+1))}if(e.charAt(++t)){let n=this.tryParse(e.substr(t));if(r.isPayloadValid(i.type,n))i.data=n;else throw new Error("invalid payload")}return i}tryParse(e){try{return JSON.parse(e,this.reviver)}catch{return!1}}static isPayloadValid(e,t){switch(e){case p.CONNECT:return kt(t);case p.DISCONNECT:return t===void 0;case p.CONNECT_ERROR:return typeof t=="string"||kt(t);case p.EVENT:case p.BINARY_EVENT:return Array.isArray(t)&&(typeof t[0]=="number"||typeof t[0]=="string"&&ei.indexOf(t[0])===-1);case p.ACK:case p.BINARY_ACK:return Array.isArray(t)}}destroy(){this.reconstructor&&(this.reconstructor.finishedReconstruction(),this.reconstructor=null)}},De=class{constructor(e){this.packet=e,this.buffers=[],this.reconPack=e}takeBinaryData(e){if(this.buffers.push(e),this.buffers.length===this.reconPack.attachments){let t=vt(this.reconPack,this.buffers);return this.finishedReconstruction(),t}return null}finishedReconstruction(){this.reconPack=null,this.buffers=[]}};function _(r,e,t){return r.on(e,t),function(){r.off(e,t)}}var ti=Object.freeze({connect:1,connect_error:1,disconnect:1,disconnecting:1,newListener:1,removeListener:1}),H=class extends g{constructor(e,t,i){super(),this.connected=!1,this.recovered=!1,this.receiveBuffer=[],this.sendBuffer=[],this._queue=[],this._queueSeq=0,this.ids=0,this.acks={},this.flags={},this.io=e,this.nsp=t,i&&i.auth&&(this.auth=i.auth),this._opts=Object.assign({},i),this.io._autoConnect&&this.open()}get disconnected(){return!this.connected}subEvents(){if(this.subs)return;let e=this.io;this.subs=[_(e,"open",this.onopen.bind(this)),_(e,"packet",this.onpacket.bind(this)),_(e,"error",this.onerror.bind(this)),_(e,"close",this.onclose.bind(this))]}get active(){return!!this.subs}connect(){return this.connected?this:(this.subEvents(),this.io._reconnecting||this.io.open(),this.io._readyState==="open"&&this.onopen(),this)}open(){return this.connect()}send(...e){return e.unshift("message"),this.emit.apply(this,e),this}emit(e,...t){if(ti.hasOwnProperty(e))throw new Error('"'+e.toString()+'" is a reserved event name');if(t.unshift(e),this._opts.retries&&!this.flags.fromQueue&&!this.flags.volatile)return this._addToQueue(t),this;let i={type:p.EVENT,data:t};if(i.options={},i.options.compress=this.flags.compress!==!1,typeof t[t.length-1]=="function"){let o=this.ids++,l=t.pop();this._registerAckCallback(o,l),i.id=o}let s=this.io.engine&&this.io.engine.transport&&this.io.engine.transport.writable;return this.flags.volatile&&(!s||!this.connected)||(this.connected?(this.notifyOutgoingListeners(i),this.packet(i)):this.sendBuffer.push(i)),this.flags={},this}_registerAckCallback(e,t){var i;let s=(i=this.flags.timeout)!==null&&i!==void 0?i:this._opts.ackTimeout;if(s===void 0){this.acks[e]=t;return}let n=this.io.setTimeoutFn(()=>{delete this.acks[e];for(let l=0;l<this.sendBuffer.length;l++)this.sendBuffer[l].id===e&&this.sendBuffer.splice(l,1);t.call(this,new Error("operation has timed out"))},s),o=(...l)=>{this.io.clearTimeoutFn(n),t.apply(this,l)};o.withError=!0,this.acks[e]=o}emitWithAck(e,...t){return new Promise((i,s)=>{let n=(o,l)=>o?s(o):i(l);n.withError=!0,t.push(n),this.emit(e,...t)})}_addToQueue(e){let t;typeof e[e.length-1]=="function"&&(t=e.pop());let i={id:this._queueSeq++,tryCount:0,pending:!1,args:e,flags:Object.assign({fromQueue:!0},this.flags)};e.push((s,...n)=>i!==this._queue[0]?void 0:(s!==null?i.tryCount>this._opts.retries&&(this._queue.shift(),t&&t(s)):(this._queue.shift(),t&&t(null,...n)),i.pending=!1,this._drainQueue())),this._queue.push(i),this._drainQueue()}_drainQueue(e=!1){if(!this.connected||this._queue.length===0)return;let t=this._queue[0];t.pending&&!e||(t.pending=!0,t.tryCount++,this.flags=t.flags,this.emit.apply(this,t.args))}packet(e){e.nsp=this.nsp,this.io._packet(e)}onopen(){typeof this.auth=="function"?this.auth(e=>{this._sendConnectPacket(e)}):this._sendConnectPacket(this.auth)}_sendConnectPacket(e){this.packet({type:p.CONNECT,data:this._pid?Object.assign({pid:this._pid,offset:this._lastOffset},e):e})}onerror(e){this.connected||this.emitReserved("connect_error",e)}onclose(e,t){this.connected=!1,delete this.id,this.emitReserved("disconnect",e,t),this._clearAcks()}_clearAcks(){Object.keys(this.acks).forEach(e=>{if(!this.sendBuffer.some(i=>String(i.id)===e)){let i=this.acks[e];delete this.acks[e],i.withError&&i.call(this,new Error("socket has been disconnected"))}})}onpacket(e){if(e.nsp===this.nsp)switch(e.type){case p.CONNECT:e.data&&e.data.sid?this.onconnect(e.data.sid,e.data.pid):this.emitReserved("connect_error",new Error("It seems you are trying to reach a Socket.IO server in v2.x with a v3.x client, but they are not compatible (more information here: https://socket.io/docs/v3/migrating-from-2-x-to-3-0/)"));break;case p.EVENT:case p.BINARY_EVENT:this.onevent(e);break;case p.ACK:case p.BINARY_ACK:this.onack(e);break;case p.DISCONNECT:this.ondisconnect();break;case p.CONNECT_ERROR:this.destroy();let i=new Error(e.data.message);i.data=e.data.data,this.emitReserved("connect_error",i);break}}onevent(e){let t=e.data||[];e.id!=null&&t.push(this.ack(e.id)),this.connected?this.emitEvent(t):this.receiveBuffer.push(Object.freeze(t))}emitEvent(e){if(this._anyListeners&&this._anyListeners.length){let t=this._anyListeners.slice();for(let i of t)i.apply(this,e)}super.emit.apply(this,e),this._pid&&e.length&&typeof e[e.length-1]=="string"&&(this._lastOffset=e[e.length-1])}ack(e){let t=this,i=!1;return function(...s){i||(i=!0,t.packet({type:p.ACK,id:e,data:s}))}}onack(e){let t=this.acks[e.id];typeof t=="function"&&(delete this.acks[e.id],t.withError&&e.data.unshift(null),t.apply(this,e.data))}onconnect(e,t){this.id=e,this.recovered=t&&this._pid===t,this._pid=t,this.connected=!0,this.emitBuffered(),this.emitReserved("connect"),this._drainQueue(!0)}emitBuffered(){this.receiveBuffer.forEach(e=>this.emitEvent(e)),this.receiveBuffer=[],this.sendBuffer.forEach(e=>{this.notifyOutgoingListeners(e),this.packet(e)}),this.sendBuffer=[]}ondisconnect(){this.destroy(),this.onclose("io server disconnect")}destroy(){this.subs&&(this.subs.forEach(e=>e()),this.subs=void 0),this.io._destroy(this)}disconnect(){return this.connected&&this.packet({type:p.DISCONNECT}),this.destroy(),this.connected&&this.onclose("io client disconnect"),this}close(){return this.disconnect()}compress(e){return this.flags.compress=e,this}get volatile(){return this.flags.volatile=!0,this}timeout(e){return this.flags.timeout=e,this}onAny(e){return this._anyListeners=this._anyListeners||[],this._anyListeners.push(e),this}prependAny(e){return this._anyListeners=this._anyListeners||[],this._anyListeners.unshift(e),this}offAny(e){if(!this._anyListeners)return this;if(e){let t=this._anyListeners;for(let i=0;i<t.length;i++)if(e===t[i])return t.splice(i,1),this}else this._anyListeners=[];return this}listenersAny(){return this._anyListeners||[]}onAnyOutgoing(e){return this._anyOutgoingListeners=this._anyOutgoingListeners||[],this._anyOutgoingListeners.push(e),this}prependAnyOutgoing(e){return this._anyOutgoingListeners=this._anyOutgoingListeners||[],this._anyOutgoingListeners.unshift(e),this}offAnyOutgoing(e){if(!this._anyOutgoingListeners)return this;if(e){let t=this._anyOutgoingListeners;for(let i=0;i<t.length;i++)if(e===t[i])return t.splice(i,1),this}else this._anyOutgoingListeners=[];return this}listenersAnyOutgoing(){return this._anyOutgoingListeners||[]}notifyOutgoingListeners(e){if(this._anyOutgoingListeners&&this._anyOutgoingListeners.length){let t=this._anyOutgoingListeners.slice();for(let i of t)i.apply(this,e.data)}}};function M(r){r=r||{},this.ms=r.min||100,this.max=r.max||1e4,this.factor=r.factor||2,this.jitter=r.jitter>0&&r.jitter<=1?r.jitter:0,this.attempts=0}M.prototype.duration=function(){var r=this.ms*Math.pow(this.factor,this.attempts++);if(this.jitter){var e=Math.random(),t=Math.floor(e*this.jitter*r);r=Math.floor(e*10)&1?r+t:r-t}return Math.min(r,this.max)|0};M.prototype.reset=function(){this.attempts=0};M.prototype.setMin=function(r){this.ms=r};M.prototype.setMax=function(r){this.max=r};M.prototype.setJitter=function(r){this.jitter=r};var F=class extends g{constructor(e,t){var i;super(),this.nsps={},this.subs=[],e&&typeof e=="object"&&(t=e,e=void 0),t=t||{},t.path=t.path||"/socket.io",this.opts=t,N(this,t),this.reconnection(t.reconnection!==!1),this.reconnectionAttempts(t.reconnectionAttempts||1/0),this.reconnectionDelay(t.reconnectionDelay||1e3),this.reconnectionDelayMax(t.reconnectionDelayMax||5e3),this.randomizationFactor((i=t.randomizationFactor)!==null&&i!==void 0?i:.5),this.backoff=new M({min:this.reconnectionDelay(),max:this.reconnectionDelayMax(),jitter:this.randomizationFactor()}),this.timeout(t.timeout==null?2e4:t.timeout),this._readyState="closed",this.uri=e;let s=t.parser||Be;this.encoder=new s.Encoder,this.decoder=new s.Decoder,this._autoConnect=t.autoConnect!==!1,this._autoConnect&&this.open()}reconnection(e){return arguments.length?(this._reconnection=!!e,this):this._reconnection}reconnectionAttempts(e){return e===void 0?this._reconnectionAttempts:(this._reconnectionAttempts=e,this)}reconnectionDelay(e){var t;return e===void 0?this._reconnectionDelay:(this._reconnectionDelay=e,(t=this.backoff)===null||t===void 0||t.setMin(e),this)}randomizationFactor(e){var t;return e===void 0?this._randomizationFactor:(this._randomizationFactor=e,(t=this.backoff)===null||t===void 0||t.setJitter(e),this)}reconnectionDelayMax(e){var t;return e===void 0?this._reconnectionDelayMax:(this._reconnectionDelayMax=e,(t=this.backoff)===null||t===void 0||t.setMax(e),this)}timeout(e){return arguments.length?(this._timeout=e,this):this._timeout}maybeReconnectOnOpen(){!this._reconnecting&&this._reconnection&&this.backoff.attempts===0&&this.reconnect()}open(e){if(~this._readyState.indexOf("open"))return this;this.engine=new I(this.uri,this.opts);let t=this.engine,i=this;this._readyState="opening",this.skipReconnect=!1;let s=_(t,"open",function(){i.onopen(),e&&e()}),n=l=>{this.cleanup(),this._readyState="closed",this.emitReserved("error",l),e?e(l):this.maybeReconnectOnOpen()},o=_(t,"error",n);if(this._timeout!==!1){let l=this._timeout,u=this.setTimeoutFn(()=>{s(),n(new Error("timeout")),t.close()},l);this.opts.autoUnref&&u.unref(),this.subs.push(()=>{this.clearTimeoutFn(u)})}return this.subs.push(s),this.subs.push(o),this}connect(e){return this.open(e)}onopen(){this.cleanup(),this._readyState="open",this.emitReserved("open");let e=this.engine;this.subs.push(_(e,"ping",this.onping.bind(this)),_(e,"data",this.ondata.bind(this)),_(e,"error",this.onerror.bind(this)),_(e,"close",this.onclose.bind(this)),_(this.decoder,"decoded",this.ondecoded.bind(this)))}onping(){this.emitReserved("ping")}ondata(e){try{this.decoder.add(e)}catch(t){this.onclose("parse error",t)}}ondecoded(e){U(()=>{this.emitReserved("packet",e)},this.setTimeoutFn)}onerror(e){this.emitReserved("error",e)}socket(e,t){let i=this.nsps[e];return i?this._autoConnect&&!i.active&&i.connect():(i=new H(this,e,t),this.nsps[e]=i),i}_destroy(e){let t=Object.keys(this.nsps);for(let i of t)if(this.nsps[i].active)return;this._close()}_packet(e){let t=this.encoder.encode(e);for(let i=0;i<t.length;i++)this.engine.write(t[i],e.options)}cleanup(){this.subs.forEach(e=>e()),this.subs.length=0,this.decoder.destroy()}_close(){this.skipReconnect=!0,this._reconnecting=!1,this.onclose("forced close"),this.engine&&this.engine.close()}disconnect(){return this._close()}onclose(e,t){this.cleanup(),this.backoff.reset(),this._readyState="closed",this.emitReserved("close",e,t),this._reconnection&&!this.skipReconnect&&this.reconnect()}reconnect(){if(this._reconnecting||this.skipReconnect)return this;let e=this;if(this.backoff.attempts>=this._reconnectionAttempts)this.backoff.reset(),this.emitReserved("reconnect_failed"),this._reconnecting=!1;else{let t=this.backoff.duration();this._reconnecting=!0;let i=this.setTimeoutFn(()=>{e.skipReconnect||(this.emitReserved("reconnect_attempt",e.backoff.attempts),!e.skipReconnect&&e.open(s=>{s?(e._reconnecting=!1,e.reconnect(),this.emitReserved("reconnect_error",s)):e.onreconnect()}))},t);this.opts.autoUnref&&i.unref(),this.subs.push(()=>{this.clearTimeoutFn(i)})}}onreconnect(){let e=this.backoff.attempts;this._reconnecting=!1,this.backoff.reset(),this.emitReserved("reconnect",e)}};var se={};function D(r,e){typeof r=="object"&&(e=r,r=void 0),e=e||{};let t=gt(r,e.path||"/socket.io"),i=t.source,s=t.id,n=t.path,o=se[s]&&n in se[s].nsps,l=e.forceNew||e["force new connection"]||e.multiplex===!1||o,u;return l?u=new F(i,e):(se[s]||(se[s]=new F(i,e)),u=se[s]),t.query&&!e.query&&(e.query=t.queryKey),u.socket(t.path,e)}Object.assign(D,{Manager:F,Socket:H,io:D,connect:D});var j=class j extends HTMLElement{constructor(){super();h(this,"variable");h(this,"value");h(this,"undef",!1);h(this,"report",!1);h(this,"type","plain");h(this,"types",["plain","html","markdown","object","json","table","list","array"]);h(this,"topicMonitors",{});h(this,"uib",!!window.uibuilder);h(this,"$");this.shadow=this.attachShadow({mode:"open",delegatesFocus:!0}),this.$=this.shadowRoot.querySelector.bind(this.shadowRoot),this.css=document.createElement("link"),this.css.setAttribute("type","text/css"),this.css.setAttribute("rel","stylesheet"),this.css.setAttribute("href","./index.css"),this.dispatchEvent(new Event("uib-var:construction",{bubbles:!0,composed:!0}))}static get observedAttributes(){return j.props}attributeChangedCallback(t,i,s){if(i!==s)switch(t){case"variable":{if(s==="")throw new Error('[uib-var] Attribute "variable" MUST be set to a UIBUILDER managed variable name');this.variable=s,this.doWatch();break}case"undefined":{s===""||["on","true","report"].includes(s.toLowerCase())?this.undef=!0:this.undef=!1;break}case"report":{s===""||["on","true","report"].includes(s.toLowerCase())?this.report=!0:this.report=!1;break}case"type":{s===""||!this.types.includes(s.toLowerCase())?this.type="plain":this.type=s;break}case"topic":{if(!s||!this.uib)break;if(this.variable){console.warn("\u26A0\uFE0F [uib-var] Cannot process both variable and topic attributes, use only 1. Using variable");break}this.topic=s,this.topicMonitors[s]&&uibuilder.cancelTopic(s,this.topicMonitors[s]),this.topicMonitors[s]=uibuilder.onTopic(s,n=>{this.value=n.payload,this.varDom(),this.report===!0&&window.uibuilder.send({topic:this.variable,payload:this.value||void 0})}),this.varDom();break}case"filter":{if(this.filter=void 0,this.filterArgs=[],!s)break;this.filter=s,s=s.slice(0,127);let n=s.replace(/\s/g,"").match(/([a-zA-Z_$][a-zA-Z_$0-9.-]+)(\((.*)\))?/);if(!n){console.warn('\u26A0\uFE0F [uib-var] Filter function "'.concat(s,'" invalid. Cannot process.'));break}if(this.filter=n[1],n[3]){try{this.filterArgs=JSON.parse(n[3])}catch{}this.filterArgs=n[3].split(",").map(o=>{if(o=o.trim(),isNaN(o)){let l=o.replace(/^["'`]/,"").replace(/["'`]$/,"");try{l=new Function("return ".concat(l))()}catch{}return l}return Number(o)})}!this.variable&&!this.topic&&this.varDom(!1);break}default:{this[t]=s;break}}}connectedCallback(){this.id||(this.name||(this.name=this.getAttribute("name")),this.name?this.id=this.name.toLowerCase().replace(/\s/g,"_"):this.id="uib-var-".concat(++j._iCount))}disconnectedCallback(){this.uib&&Object.keys(this.topicMonitors).forEach(t=>{uibuilder.cancelTopic(t,this.topicMonitors[t])})}doWatch(){if(!this.variable)throw new Error("No variable name provided");this.value=window.uibuilder.get(this.variable),this.varDom(),window.uibuilder.onChange(this.variable,t=>{this.value=t,this.varDom(),this.report===!0&&window.uibuilder.send({topic:this.variable,payload:this.value||void 0})})}varDom(t=!0){if(t===!0&&!this.value&&this.undef!==!0){this.shadow.innerHTML="<slot></slot>";return}let i=t?this.doFilter(this.value):this.doFilter(),s=i;switch(this.type){case"markdown":{this.uib&&(s=window.uibuilder.convertMarkdown(i));break}case"json":case"object":{s='<pre class="syntax-highlight">'.concat(this.uib?window.uibuilder.syntaxHighlight(i):i,"</pre>");break}case"table":{s=window.uibuilder.sanitiseHTML(window.uibuilder.buildHtmlTable(i).outerHTML);break}case"array":case"list":{Array.isArray(i)||(i=[i]),s="<ul>",i.forEach(n=>{s+="<li>".concat(window.uibuilder.sanitiseHTML(n),"</li>")}),s+="</ul>";break}case"plain":case"html":default:{let n=typeof i;if(Array.isArray(i)||n==="[object Object]"||n==="object")try{s=JSON.stringify(i)}catch{}break}}this.uib?this.shadow.innerHTML=window.uibuilder.sanitiseHTML(s):this.shadow.innerHTML=s,this.shadow.appendChild(this.css)}doFilter(t){if(this.filter){let i=this.filter.split("."),s=globalThis[i[0]];if(s&&i.length>1&&[i.pop()].forEach(o=>{s=s[o]}),!s&&this.uib===!0&&(s=globalThis.uibuilder[i[0]]),s&&typeof s!="function"&&(s=void 0),s){let n=t===void 0?[...this.filterArgs]:[t,...this.filterArgs];t=Reflect.apply(s,t!=null?t:s,n)}else console.warn('\u26A0\uFE0F [uib-var] Filter function "'.concat(this.filter,'" ').concat(typeof s=="object"?"is an object not a function":"not found"))}return t}};h(j,"_iCount",0),h(j,"props",["filter","id","name","report","topic","type","undefined","variable"]);var re=j;var V=class V extends HTMLElement{constructor(){super();h(this,"variable","pageMeta");h(this,"value");h(this,"undef",!1);h(this,"report",!1);h(this,"type","created");h(this,"types",["created","updated","crup","size","modified"]);h(this,"format","");h(this,"formats",["d","dt","t","k","m"]);h(this,"topicMonitors",{});h(this,"uib",!!window.uibuilder);h(this,"$");this.shadow=this.attachShadow({mode:"open",delegatesFocus:!0}),this.$=this.shadowRoot.querySelector.bind(this.shadowRoot),this.value=window.uibuilder.get("pageMeta"),this.value||window.uibuilder.getPageMeta(),this.doWatch(),this.dispatchEvent(new Event("uib-meta:construction",{bubbles:!0,composed:!0}))}static get observedAttributes(){return V.props}attributeChangedCallback(t,i,s){if(i!==s)switch(t){case"type":{s===""||!this.types.includes(s.toLowerCase())?this.type="created":this.type=s;break}case"format":{this.formats.includes(s.toLowerCase())?this[t]=s:this.type="";break}default:{this[t]=s;break}}}connectedCallback(){this.id||(this.name||(this.name=this.getAttribute("name")),this.name?this.id=this.name.toLowerCase().replace(/\s/g,"_"):this.id="uib-meta-".concat(++V._iCount))}doWatch(){this.varDom(),window.uibuilder.onChange(this.variable,t=>{this.value=t,this.varDom(),this.report===!0&&window.uibuilder.send({topic:this.variable,payload:this.value||void 0})})}varDom(t=!0){if(t===!0&&!this.value&&this.undef!==!0){this.shadow.innerHTML="<slot></slot>";return}let i;switch(this.type){case"size":{i="Size: ".concat(this.doFormat(this.value.size,"num"),"b");break}case"modified":case"updated":{i="Updated: ".concat(this.doFormat(this.value.modified,"dt"));break}case"crup":{i="Created: ".concat(this.doFormat(this.value.created,"dt"),", Updated: ").concat(this.doFormat(this.value.modified,"dt"));break}case"created":default:{i="Created: ".concat(this.doFormat(this.value.created,"dt"));break}}i!==void 0&&(this.shadow.innerHTML=i)}doFormat(t,i){if(this.format==="")return t;let s;switch(this.format){case"d":{i==="dt"?s=new Date(t).toLocaleDateString():s=t;break}case"t":{i==="dt"?s=new Date(t).toLocaleTimeString():s=t;break}case"dt":{i==="dt"?s=new Date(t).toLocaleString():s=t;break}case"k":{i==="num"?s="".concat(uibuilder.round(t/1024,1)," k"):s=t;break}case"m":{i==="num"?s="".concat(uibuilder.round(t/1048576,2)," M"):s=t;break}default:s=t}return s}};h(V,"_iCount",0),h(V,"props",["type","format"]);var ne=V;var Qs=window.uibuilder,oe=class oe extends HTMLElement{constructor(){super();h(this,"once",!1);h(this,"log");if(!window.uibuilder)throw new Error("uibuilder client library not available");this.log=window.uibuilder.log,this.dispatchEvent(new Event("apply-template:construction",{bubbles:!0,composed:!0}))}static get observedAttributes(){return oe.props}attributeChangedCallback(t,i,s){i!==s&&(this[t]=s)}connectedCallback(){let t=this["template-id"],i=this.once;if(t){let s=document.getElementById(t);if(s)try{let n;i===!1?n=document.importNode(s.content,!0):n=document.adoptNode(s.content),this.appendChild(n)}catch{this.log("error","ApplyTemplate","Source must be a <template>. id='".concat(t,"'"))}else this.log("error","ApplyTemplate","Source not found: id='".concat(t,"'"))}else this.log("error","ApplyTemplate","Template id attribute not provided. Template must be identified by an id attribute.")}};h(oe,"_iCount",0),h(oe,"props",["template-id","once"]);var ae=oe;var ri={};var Ct="7.0.4-iife.min",ii=!/param/.test(function(r){});function c(){let r=Array.prototype.slice.call(arguments),e=r.shift(),t;switch(e){case"trace":case 5:{if(c.level<5)break;e=5,t="trace";break}case"debug":case 4:{if(c.level<4)break;e=4,t="debug";break}case"log":case 3:{if(c.level<3)break;e=3,t="log";break}case"info":case"":case 2:{if(c.level<2)break;e=2,t="info";break}case"warn":case 1:{if(c.level<1)break;e=1,t="warn";break}case"error":case"err":case 0:{if(c.level<0)break;e=0,t="error";break}default:{e=-1;break}}if(t===void 0)return function(){};let i=r.shift();return Function.prototype.bind.call(console[c.LOG_STYLES[t].console],console,"%c".concat(c.LOG_STYLES[t].pre).concat(t,"%c [").concat(i,"]"),"".concat(c.LOG_STYLES.level," ").concat(c.LOG_STYLES[t].css),"".concat(c.LOG_STYLES.head," ").concat(c.LOG_STYLES[t].txtCss),...r)}c.LOG_STYLES={error:{css:"background: red; color: black;",txtCss:"color: red; ",pre:"\u26D4 ",console:"error"},warn:{css:"background: darkorange; color: black;",txtCss:"color: darkorange; ",pre:"\u26A0 ",console:"warn"},info:{css:"background: aqua; color: black;",txtCss:"color: aqua;",pre:"\u2757 ",console:"info"},log:{css:"background: grey; color: yellow;",txtCss:"color: grey;",pre:"",console:"log"},debug:{css:"background: chartreuse; color: black;",txtCss:"color: chartreuse;",pre:"",console:"debug"},trace:{css:"background: indigo; color: yellow;",txtCss:"color: hotpink;",pre:"",console:"log"},names:["error","warn","info","log","debug","trace"],reset:"color: inherit;",head:"font-weight:bold; font-style:italic;",level:"font-weight:bold; border-radius: 3px; padding: 2px 5px; display:inline-block;"};c.default=0;var T;try{T=document.currentScript.getAttribute("logLevel")}catch{}if(T===void 0)try{T=new URL(ri.url).searchParams.get("logLevel")}catch{}T!==void 0&&(T=Number(T),isNaN(T)?(console.warn('[Uib:constructor] Cannot set logLevel to "'.concat(scriptElement.getAttribute("logLevel"),'". Defaults to 0 (error).')),c.default=0):c.default=T);c.level=c.default;function St(r){if(r===void 0)r='<span class="undefined">undefined</span>';else try{r=JSON.stringify(r,void 0,4),r=r.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+-]?\d+)?)/g,function(e){let t="number";return/^"/.test(e)?/:$/.test(e)?t="key":t="string":/true|false/.test(e)?t="boolean":/null/.test(e)&&(t="null"),'<span class="'.concat(t,'">').concat(e,"</span>")})}catch(e){r="Syntax Highlight ERROR: ".concat(e.message)}return r}var m=new _t.default(window,c,St),E,B,x,A,w,ce,W,z,P,J,_e,le,he,L,ue,si=(E=class{constructor(){h(this,"connectedNum",0);h(this,"_ioChannels",{control:"uiBuilderControl",client:"uiBuilderClient",server:"uiBuilder"});k(this,B);k(this,x,{});k(this,A,{});h(this,"isVue",!1);h(this,"vueVersion");k(this,w,null);k(this,ce);h(this,"_socket");h(this,"_htmlObserver");k(this,W,!1);k(this,z,!1);k(this,P,!1);k(this,J,0);k(this,_e,["elementExists","get","getManagedVarList","getWatchedVars","htmlSend","include","navigate","scrollTo","set","showMsg","showStatus","uiGet","uiWatch","watchUrlHash"]);k(this,le,{});k(this,he,{online:{var:"online",label:"Online?",description:"Is the browser online?"},ioConnected:{var:"ioConnected",label:"Socket.IO connected?",description:"Is Socket.IO connected?"},connectedNum:{var:"connectedNum",label:"# reconnections",description:"How many times has Socket.IO had to reconnect since last page load?"},clientId:{var:"clientId",label:"Client ID",description:"Static client unique id set in Node-RED. Only changes when browser is restarted."},tabId:{var:"tabId",label:"Browser tab ID",description:"Static unique id for the browser's current tab"},cookies:{var:"cookies",label:"Cookies",description:"Cookies set in Node-RED"},httpNodeRoot:{var:"httpNodeRoot",label:"httpNodeRoot",description:"From Node-RED' settings.js, affects URL's. May be wrong for pages in sub-folders"},pageName:{var:"pageName",label:"Page name",description:"Actual name of this page"},ioNamespace:{var:"ioNamespace",label:"SIO namespace",description:"Socket.IO namespace - unique to each uibuilder node instance"},socketError:{var:"socketError",label:"Socket error",description:"If the Socket.IO connection has failed, says why"},msgsSent:{var:"msgsSent",label:"# msgs sent",description:"How many standard messages have been sent to Node-RED?"},msgsReceived:{var:"msgsReceived",label:"# msgs received",description:"How many standard messages have been received from Node-RED?"},msgsSentCtrl:{var:"msgsSentCtrl",label:"# control msgs sent",description:"How many control messages have been sent to Node-RED?"},msgsCtrlReceived:{var:"msgsCtrlReceived",label:"# control msgs received",description:"How many control messages have been received from Node-RED?"},originator:{var:"originator",label:"Node Originator",description:"If the last msg from Node-RED was from a `uib-sender` node, this will be its node id so that messasges can be returned to it"},topic:{var:"topic",label:"Default topic",description:"Optional default topic to be included in outgoing standard messages"},started:{var:"started",label:"Has uibuilder client started?",description:"Whether `uibuilder.start()` ran successfully. This should self-run and should not need to be run manually"},version:{var:"version",label:"uibuilder client version",description:"The version of the loaded uibuilder client library"},serverTimeOffset:{var:"serverTimeOffset",label:"Server time offset (Hrs)",description:"The number of hours difference between the Node-red server and the client"}});k(this,L,{});h(this,"uibAttribs",["uib-topic","data-uib-topic"]);k(this,ue,"[".concat(this.uibAttribs.join("], ["),"]"));h(this,"clientId","");h(this,"cookies",{});h(this,"ctrlMsg",{});h(this,"ioConnected",!1);h(this,"isMinified",ii);h(this,"isVisible",!1);h(this,"lastNavType","");h(this,"maxHttpBufferSize",1048576);h(this,"msg",{});h(this,"msgsSent",0);h(this,"msgsReceived",0);h(this,"msgsSentCtrl",0);h(this,"msgsCtrlReceived",0);h(this,"online",navigator.onLine);h(this,"sentCtrlMsg",{});h(this,"sentMsg",{});h(this,"serverTimeOffset",null);h(this,"socketError",null);h(this,"tabId","");h(this,"pageName",null);h(this,"purify",!1);h(this,"markdown",!1);h(this,"urlHash",location.hash);h(this,"originator","");h(this,"topic");h(this,"uibrouterinstance");h(this,"uibrouter_CurrentRoute");h(this,"autoSendReady",!0);h(this,"httpNodeRoot","");h(this,"ioNamespace","");h(this,"ioPath","");h(this,"retryFactor",1.5);h(this,"retryMs",2e3);h(this,"storePrefix","uib_");h(this,"started",!1);h(this,"socketOptions",{path:this.ioPath,transports:["polling","websocket"],auth:e=>{e({clientVersion:Ct,clientId:this.clientId,pathName:window.location.pathname,urlParams:Object.fromEntries(new URLSearchParams(location.search)),pageName:this.pageName,tabId:this.tabId,lastNavType:this.lastNavType,connectedNum:++this.connectedNum,browserConnectTimestamp:new Date().toISOString()})},transportOptions:{polling:{extraHeaders:{"x-clientid":"".concat(E._meta.displayName,"; ").concat(E._meta.type,"; ").concat(E._meta.version,"; ").concat(this.clientId)}}}});h(this,"$",m.$);h(this,"$$",m.$$);h(this,"$ui",m);h(this,"addClass",m.addClass);h(this,"applyTemplate",m.applyTemplate);h(this,"buildHtmlTable",m.buildHtmlTable);h(this,"removeClass",m.removeClass);if(c("trace","Uib:constructor","Starting")(),window.addEventListener("offline",e=>{this.set("online",!1),this.set("ioConnected",!1),c("warn","Browser","DISCONNECTED from network")()}),window.addEventListener("online",e=>{this.set("online",!0),c("warn","Browser","Reconnected to network")(),this._checkConnect()}),document.cookie.split(";").forEach(e=>{let t=e.split("=");this.cookies[t[0].trim()]=t[1]}),this.set("clientId",this.cookies["uibuilder-client-id"]),c("trace","Uib:constructor","Client ID: ",this.clientId)(),this.set("tabId",window.sessionStorage.getItem("tabId")),this.tabId||(this.set("tabId","t".concat(Math.floor(Math.random()*1e6))),window.sessionStorage.setItem("tabId",this.tabId)),document.addEventListener("load",()=>{this.set("isVisible",!0)}),document.addEventListener("visibilitychange",()=>{this.set("isVisible",document.visibilityState==="visible"),this.sendCtrl({uibuilderCtrl:"visibility",isVisible:this.isVisible})}),document.addEventListener("uibuilder:propertyChanged",e=>{f(this,z)&&e.detail.prop in f(this,he)&&(document.querySelector('td[data-vartype="'.concat(e.detail.prop,'"]')).innerText=JSON.stringify(e.detail.value))}),this.set("ioNamespace",this._getIOnamespace()),"uibuilder-webRoot"in this.cookies)this.set("httpNodeRoot",this.cookies["uibuilder-webRoot"]),c("trace","Uib:constructor",'httpNodeRoot set by cookie to "'.concat(this.httpNodeRoot,'"'))();else{let e=window.location.pathname.split("/").filter(function(t){return t.trim()!==""});e.length>0&&e[e.length-1].endsWith(".html")&&e.pop(),e.pop(),this.set("httpNodeRoot","/".concat(e.join("/"))),c("trace","[Uib:constructor]",'httpNodeRoot set by URL parsing to "'.concat(this.httpNodeRoot,'". NOTE: This may fail for pages in sub-folders.'))()}this.set("ioPath",this.urlJoin(this.httpNodeRoot,E._meta.displayName,"vendor","socket.io")),c("trace","Uib:constructor",'ioPath: "'.concat(this.ioPath,'"'))(),this.set("pageName",window.location.pathname.replace("".concat(this.ioNamespace,"/"),"")),this.pageName.endsWith("/")&&this.set("pageName","".concat(this.pageName,"index.html")),this.pageName===""&&this.set("pageName","index.html");try{let e=this.getStore("_uibAutoloadVars");Object.keys(e).length>0&&Object.keys(e).forEach(t=>{this.set(t,this.getStore(t))})}catch{}this._dispatchCustomEvent("uibuilder:constructorComplete"),c("trace","Uib:constructor","Ending")()}set logLevel(e){c.level=e,console.log("%c\u2757 info%c [logLevel]","".concat(c.LOG_STYLES.level," ").concat(c.LOG_STYLES.info.css),"".concat(c.LOG_STYLES.head," ").concat(c.LOG_STYLES.info.txtCss),"Set to ".concat(e," (").concat(c.LOG_STYLES.names[e],")"))}get logLevel(){return c.level}get meta(){return E._meta}set(e,t,i=!1,s=!1){return e.startsWith("_")||e.startsWith("#")?(c("warn","Uib:set",'Cannot use set() on protected property "'.concat(e,'"'))(),'Cannot use set() on protected property "'.concat(e,'"')):(this[e]=t,f(this,le)[e]=e,i===!0&&this.setStore(e,t,s),c("trace","Uib:set","prop set - prop: ".concat(e,", val: "),t," store: ".concat(i,", autoload: ").concat(s))(),this._dispatchCustomEvent("uibuilder:propertyChanged",{prop:e,value:t,store:i,autoload:s}),t)}get(e){if(e.startsWith("_")||e.startsWith("#")){c("warn","Uib:get",'Cannot use get() on protected property "'.concat(e,'"'))();return}return e==="version"?E._meta.version:e==="msgsCtrl"?this.msgsCtrlReceived:e==="reconnections"?this.connectedNum:(this[e]===void 0&&c("warn","Uib:get",'get() - property "'.concat(e,'" is undefined'))(),this[e])}setStore(e,t,i=!1){let s={};if(i===!0)try{s=this.getStore("_uibAutoloadVars")||{}}catch{}if(typeof t=="object")try{t=JSON.stringify(t)}catch(n){return c("error","Uib:setStore","Cannot stringify object, not storing. ",n)(),!1}try{if(localStorage.setItem(this.storePrefix+e,t),i){s[e]=e;try{localStorage.setItem(this.storePrefix+"_uibAutoloadVars",JSON.stringify(s))}catch(n){c("error","Uib:setStore","Cannot save autoload list. ",n)()}}return this._dispatchCustomEvent("uibuilder:propertyStored",{prop:e,value:t,autoload:i}),!0}catch(n){return c("error","Uib:setStore","Cannot write to localStorage. ",n)(),!1}}getStore(e){try{return JSON.parse(localStorage.getItem(this.storePrefix+e))}catch{}try{return localStorage.getItem(this.storePrefix+e)}catch{return}}removeStore(e){try{localStorage.removeItem(this.storePrefix+e)}catch{}}getManagedVarList(){return f(this,le)}getWatchedVars(){return Object.keys(f(this,x))}_dispatchCustomEvent(e,t){let i=new CustomEvent(e,{detail:t});document.dispatchEvent(i)}onChange(e,t){f(this,x)[e]?f(this,x)[e]._nextRef++:f(this,x)[e]={_nextRef:1};let i=f(this,x)[e]._nextRef,s=f(this,x)[e][i]=function(o){if(e===o.detail.prop){let l=o.detail.value;t.call(l,l)}};return document.addEventListener("uibuilder:propertyChanged",s),i}cancelChange(e,t){document.removeEventListener("uibuilder:propertyChanged",f(this,x)[e][t]),delete f(this,x)[e][t]}onTopic(e,t){f(this,A)[e]?f(this,A)[e]._nextRef++:f(this,A)[e]={_nextRef:1};let i=f(this,A)[e]._nextRef,s=f(this,A)[e][i]=function(o){let l=o.detail;l.topic===e&&t.call(l,l)};return document.addEventListener("uibuilder:stdMsgReceived",s),i}cancelTopic(e,t){document.removeEventListener("uibuilder:stdMsgReceived",f(this,A)[e][t]),delete f(this,A)[e][t]}_checkTimestamp(e){if(Object.prototype.hasOwnProperty.call(e,"serverTimestamp")){let t=new Date(e.serverTimestamp),i=Math.round((new Date-t)/36e5);i!==this.serverTimeOffset&&(c("trace","Uib:checkTimestamp:".concat(this._ioChannels.server," (server)"),"Offset changed to: ".concat(i," from: ").concat(this.serverTimeOffset))(),this.set("serverTimeOffset",i))}}_watchHashChanges(){this.set("urlHash",location.hash),window.addEventListener("hashchange",e=>{this.set("urlHash",location.hash),f(this,P)===!0&&this.send({topic:"hashChange",payload:location.hash,newHash:this.keepHashFromUrl(e.newURL),oldHash:this.keepHashFromUrl(e.oldURL)})})}arrayIntersect(e,t){return e.filter(i=>t.includes(i))}copyToClipboard(e){let t="";try{t=JSON.stringify(this.get(e))}catch(i){c("error","copyToClipboard",'Could not copy "'.concat(e,'" to clipboard.'),i.message)()}navigator.clipboard.writeText(t)}elementExists(e,t=!0){let i=document.querySelector(e),s=!1;return i!==null&&(s=!0),t===!0&&this.send({payload:s,info:'Element "'.concat(e,'" ').concat(s?"exists":"does not exist")}),s}formatNumber(e,t,i,s){if(isNaN(e))return c("error","formatNumber",'Value must be a number. Value type: "'.concat(typeof e,'"'))(),"NaN";s||(s={}),i||(i=navigator.language?navigator.language:"en-GB"),t&&(s.minimumFractionDigits=t,s.maximumFractionDigits=t);let n;try{n=Number(e).toLocaleString(i,s)}catch(o){return c("error","formatNumber","".concat(o.message,". value=").concat(e,", dp=").concat(t,', intl="').concat(i,'", opts=').concat(JSON.stringify(s)))(),"NaN"}return n}getObjectSize(e){let t;try{let i=JSON.stringify(e);t=new TextEncoder().encode(i).length}catch(i){c("error","uibuilder:getObjectSize","Could not stringify, cannot determine size",e,i)}return t}hasUibRouter(){return!!this.uibrouterinstance}keepHashFromUrl(e){return e?"#"+e.replace(/^.*#(.*)/,"$1").replace(/\?.*$/,""):""}log(){c(...arguments)()}makeMeAnObject(e,t){t||(t="payload"),typeof t!="string"&&(c("warn","uibuilder:makeMeAnObject","WARNING: property parameter must be a string and not: ".concat(typeof t))(),t="payload");let i={};return e!==null&&e.constructor.name==="Object"?i=e:e!==null&&(i[t]=e),i}navigate(e){return e&&(window.location.href=e),window.location}round(e,t){let i=Math.pow(10,t||0),s=e*i*(1+Number.EPSILON);return Math.round(s)/i}setOriginator(e=""){this.set("originator",e)}setPing(e=0){let t=new XMLHttpRequest;t.addEventListener("load",()=>{let i=t.getAllResponseHeaders().split("\r\n"),s=Number(new Date)-Number(t.responseURL.split("=")[1]);this.set("ping",{success:t.status===201||t.status===204,status:t.status,headers:i,url:t.responseURL,elapsedTime:s})}),f(this,B)&&(clearInterval(f(this,B)),S(this,B,void 0)),t.open("GET","".concat(this.httpNodeRoot,"/uibuilder/ping?t=").concat(Number(new Date))),t.send(),e>0&&S(this,B,setInterval(()=>{t.open("GET","".concat(this.httpNodeRoot,"/uibuilder/ping?t=").concat(Number(new Date))),t.send()},e))}syntaxHighlight(e){return St(e)}truthy(e,t){let i;return["on","On","ON","true","True","TRUE","1",!0,1].includes(e)?i=!0:["off","Off","OFF","false","False","FALSE","0",!1,0].includes(e)?i=!1:i=t,i}urlJoin(){return("/"+Array.prototype.slice.call(arguments).map(function(i){return i.replace(/^\/|\/$/g,"")}).filter(function(i){return i}).join("/")).replace("//","/")}watchUrlHash(e){return S(this,P,this.truthy(e,f(this,P)!==!0)),f(this,P)}elementIsVisible(){return c("error","uib:elementIsVisible","elementIsVisible has been temporarily DEPRECATED as it was not working correctly and a fix is complex")(),this.send({payload:"elementIsVisible has been temporarily DEPRECATED as it was not working correctly and a fix is complex"}),!1}convertMarkdown(e){return m.convertMarkdown}async include(e,t){await m.include(e,t)}loadScriptSrc(e){m.loadScriptSrc(e)}loadStyleSrc(e){m.loadStyleSrc(e)}loadScriptTxt(e){m.loadScriptTxt(e)}loadStyleTxt(e){m.loadStyleTxt(e)}loadui(e){m.loadui(e)}replaceSlot(e,t){m.replaceSlot(e,t)}replaceSlotMarkdown(e,t){m.replaceSlotMarkdown(e,t)}sanitiseHTML(e){return m.sanitiseHTML(e)}showDialog(e,t,i){m.showDialog(e,t,i)}ui(e){m.ui(e)}uiGet(e,t=null){return m.uiGet(e,t)}uiEnhanceElement(e,t){m.uiEnhanceElement(e,t)}async _uibAttribObserver(e){e.forEach(async t=>{c("trace","uibuilder:_uibAttribObserver","Mutations ",t)(),t.attributeName&&(t.attributeName.startsWith("uib")||t.attributeName.startsWith("data-uib"))?this._uibAttrScanOne(t.target):t.addedNodes.length>0&&t.addedNodes.forEach(async i=>{let s=[];try{s=[...i.attributes]}catch{}this.arrayIntersect(this.uibAttribs,s).forEach(async l=>{this._uibAttrScanOne(l)});let o=[];i.querySelectorAll&&(o=i.querySelectorAll(f(this,ue))),o.forEach(async l=>{this._uibAttrScanOne(l)})})})}async _uibAttrScanOne(e){c("trace","uibuilder:_uibAttrScanOne","Setting up auto-processor for: ",e)();let t=e.getAttribute("uib-topic")||e.getAttribute("data-uib-topic");this.onTopic(t,i=>{if(c("trace","uibuilder:_uibAttrScanOne",'Msg with topic "'.concat(t,'" received. msg content: '),i)(),i._uib_processed_by="_uibAttrScanOne",Object.prototype.hasOwnProperty.call(i,"attributes"))try{for(let[o,l]of Object.entries(i.attributes))e.setAttribute(o,l)}catch{c(0,"uibuilder:attribute-processing","Failed to set attributes. Ensure that msg.attributes is an object containing key/value pairs with each key a valid attribute name. Note that attribute values have to be a string.")()}let s=Object.prototype.hasOwnProperty.call(i,"checked"),n=Object.prototype.hasOwnProperty.call(i,"value");(n||s)&&(e.type&&(e.type==="checkbox"||e.type==="radio")?s?e.checked=this.truthy(i.checked,!1):n&&(e.checked=this.truthy(i.value,!1)):n?e.value=i.value:s&&(e.value=this.truthy(i.checked,!1))),Object.prototype.hasOwnProperty.call(i,"payload")&&this.replaceSlot(e,i.payload)})}async _uibAttrScanAll(e){Array.isArray(e)||(e=[e]),e.forEach(async t=>{let i=t.querySelectorAll(f(this,ue));i.length>0&&i.forEach(s=>{this._uibAttrScanOne(s)})})}_processFilesInput(e,t=!1){let i=[];for(let s of e){let n={};for(let o in s)n[o]=s[o];n.tempUrl=window.URL.createObjectURL(s),i.push(n),t!==!0&&this.uploadFile(s)}return i}getElementAttributes(e){let t=["class","id","name"],i;try{i=Object.assign({},...Array.from(e.attributes,({name:s,value:n})=>{if(!t.includes(s))return{[s]:n}}))}catch{}return i}getElementClasses(e){let t;try{t=Array.from(e.classList)}catch{}return t}getElementCustomProps(e){let t={};return Object.keys(e).forEach(i=>{i.startsWith("_")||(t[i]=e[i])}),t}getFormElementValue(e){let t=null,i=null;switch(e.type){case"checkbox":case"radio":{t=i=e.checked;break}case"select-multiple":{t=Array.from(e.selectedOptions).map(s=>s.value);break}default:{e.value&&(t=e.value),e.checked&&(t=i=e.checked),e.valueAsNumber&&!isNaN(e.valueAsNumber)&&(t=e.valueAsNumber);break}}return{value:t,checked:i}}getFormElementDetails(e){if(!e.type)return c(1,"uibuilder:getFormElementDetails","Cannot get form element details as this is not an input type element")(),null;let t=this.returnElementId(e);if(!t)return c(1,"uibuilder:getFormElementDetails","Cannot get form element details as no id is present and could not be generated")(),null;let{value:i,checked:s}=this.getFormElementValue(e);e.type==="file"&&e.files.length>0&&(i=this._processFilesInput(e.files));let n={id:t,name:e.name,valid:e.checkValidity(),type:e.type};if(i!==null&&(n.value=i),s!==null&&(n.checked=s),n.valid===!1){let o=e.validity;n.validity={badInput:o.badInput===!0?o.badInput:void 0,customError:o.customError===!0?o.customError:void 0,patternMismatch:o.patternMismatch===!0?o.patternMismatch:void 0,rangeOverflow:o.rangeOverflow===!0?o.rangeOverflow:void 0,rangeUnderflow:o.rangeUnderflow===!0?o.rangeUnderflow:void 0,stepMismatch:o.stepMismatch===!0?o.stepMismatch:void 0,tooLong:o.tooLong===!0?o.tooLong:void 0,tooShort:o.tooShort===!0?o.tooShort:void 0,typeMismatch:o.typeMismatch===!0?o.typeMismatch:void 0,valueMissing:o.valueMissing===!0?o.valueMissing:void 0}}return Object.keys(e.dataset).length>0&&(n.data=e.dataset),n}notify(e){return e.return?m.notification(e):(m.notification(e).then(t=>{c("info","Uib:notification","Notification completed event",t)()}).catch(t=>{c("error","Uib:notification","Notification error event",t)()}),null)}returnElementId(e){return e.id!==""?e.id:e.name!==""?"".concat(e.name,"-").concat(++fe(this,J)._):e.type?"".concat(e.type,"-").concat(++fe(this,J)._):"".concat(e.localName,"-").concat(++fe(this,J)._)}scrollTo(e,t){t||(t={}),!e||e==="top"||e==="start"?e="body":(e==="bottom"||e==="end")&&(e="body",t.block="end");let i=this.$(e);return i?(i.scrollIntoView(t),!0):!1}showMsg(e,t="body"){e===void 0&&(e=!f(this,W)),S(this,W,e);let i="Waiting for a message from Node-RED";return this.msg&&Object.keys(this.msg).length>0&&(i=this.syntaxHighlight(this.msg)),e===!1?m._uiRemove({components:["#uib_last_msg_wrap"]}):m._uiReplace({components:[{type:"div",id:"uib_last_msg_wrap",parent:t,attributes:{title:"Last message from Node-RED"},components:[{type:"button",attributes:{onclick:'uibuilder.copyToClipboard("msg")',class:"compact",style:"right:3em;"},slot:"\u{1F4CB}"},{type:"button",attributes:{onclick:"uibuilder.showMsg()",class:"compact",style:"right:.5em;"},slot:"\u26D4"},{type:"pre",id:"uib_last_msg",attributes:{class:"syntax-highlight"},slot:i}]}]}),e}showStatus(e,t="body"){if(e===void 0&&(e=!f(this,z)),S(this,z,e),e===!1)return m._uiRemove({components:["#uib_status"]}),e;let i={components:[{type:"div",id:"uib_status",parent:t,attributes:{title:"Current status of the uibuilder client",class:"text-smaller"},components:[{type:"table",components:[{type:"tbody",components:[]}]}]}]},s=i.components[0].components[0].components[0].components;return Object.values(f(this,he)).forEach(n=>{s.push({type:"tr",attributes:{title:n.description},components:[{type:"th",slot:n.label},{type:"td",attributes:{"data-varType":n.var},slot:n.var==="version"?E._meta.version:JSON.stringify(this[n.var])}]})}),m._uiReplace(i),e}uiWatch(e,t="toggle",i=!0,s=!0){let n=document.querySelector(e);if(!n)return c("warn","uibuilder.module.js:uiWatch","CSS Selector '".concat(e,"' not found."))(),!1;(t==="toggle"||t===void 0||t===null)&&(f(this,L)[e]?t=!1:t=!0);let o=this;return t===!0?(f(this,L)[e]=new MutationObserver(function(l){let u=[];l.forEach(d=>{let b={type:d.type,oldValue:d.oldValue!==null?d.oldValue:void 0};d.addedNodes.length>0&&(b.addedNodes=[],d.addedNodes.forEach((C,v)=>{b.addedNodes.push(m.nodeGet(d.addedNodes[v]))})),d.removedNodes.length>0&&(b.removedNodes=[],d.removedNodes.forEach((C,v)=>{b.removedNodes.push(m.nodeGet(d.removedNodes[v]))})),d.type==="attributes"&&(b.attributeName=d.attributeName,b.newValue=d.target.attributes[d.attributeName].value),u.push(b)}),o._dispatchCustomEvent("uibuilder:domChange",u),i===!0&&o.send({_ui:{cssSelector:e,uiChanges:u},topic:o.topic||"DOM Changes for '".concat(e,"'")}),s===!0&&c("info","uibuilder.module.js:uiWatch","DOM Changes for '".concat(e,"'"),{uiChanges:u},{mutationList:l})()}),f(this,L)[e].observe(n,{attributes:!0,childList:!0,subtree:!0,characterData:!0}),c("trace","uibuilder.module.js:uiWatch","Started Watching DOM changes for '".concat(e,"'"))()):(f(this,L)[e].disconnect(),delete f(this,L)[e],c("trace","uibuilder.module.js:uiWatch","Stopped Watching DOM changes for '".concat(e,"'"))()),t}watchDom(e){let t=document.documentElement,i=this;this._htmlObserver||(this._htmlObserver=new MutationObserver(function(){this.takeRecords(),i.saveHtmlCache()})),e===!0||e===void 0?(this._htmlObserver.observe(t,{attributes:!0,childList:!0,subtree:!0,characterData:!0}),c("trace","uibuilder.module.js:watchDom","Started Watching and saving DOM changes")()):(this._htmlObserver.disconnect(),c("trace","uibuilder.module.js:watchDom","Stopped Watching and saving DOM changes")())}clearHtmlCache(){this.removeStore("htmlCache"),c("trace","uibuilder.module.js:clearHtmlCache","HTML cache cleared")()}restoreHtmlFromCache(){let e=this.getStore("htmlCache");if(e){let t=document.getElementsByTagName("html")[0];t.innerHTML=e,c("trace","uibuilder.module.js:restoreHtmlFromCache","Restored HTML from cache")()}else c("trace","uibuilder.module.js:restoreHtmlFromCache","No cache to restore")()}saveHtmlCache(){this.setStore("htmlCache",document.documentElement.innerHTML)}_ctrlMsgFromServer(e){if(e===null)e={};else if(typeof e!="object"){let t={};t["uibuilderCtrl:"+this._ioChannels.control]=e,e=t}switch(this._checkTimestamp(e),this.set("ctrlMsg",e),this.set("msgsCtrlReceived",++this.msgsCtrlReceived),c("trace","Uib:ioSetup:_ctrlMsgFromServer","Channel '".concat(this._ioChannels.control,"'. Received control msg #").concat(this.msgsCtrlReceived),e)(),e.uibuilderCtrl){case"shutdown":{c("info","Uib:ioSetup:".concat(this._ioChannels.control),'\u274C Received "shutdown" from server')(),this.set("serverShutdown",void 0);break}case"client connect":{c("trace","Uib:ioSetup:".concat(this._ioChannels.control),'Received "client connect" from server',e)(),c("info","Uib:ioSetup:".concat(this._ioChannels.control),"\u2705 Server connected. Version: ".concat(e.version,"\nServer time: ").concat(e.serverTimestamp,", Sever time offset: ").concat(this.serverTimeOffset," hours. Max msg size: ").concat(e.maxHttpBufferSize))(),E._meta.version.startsWith(e.version.split("-")[0])||c("warn","Uib:ioSetup:".concat(this._ioChannels.control),"Server version (".concat(e.version,") not the same as the client version (").concat(E._meta.version,")"))(),this.autoSendReady===!0&&c("trace","Uib:ioSetup:".concat(this._ioChannels.control,"/client connect"),"Auto-sending ready-for-content/replay msg to server"),this.maxHttpBufferSize=e.maxHttpBufferSize;break}case"get page meta":{this.set("pageMeta",e.payload);break}default:c("trace","uibuilder:ioSetup:".concat(this._ioChannels.control),"Received ".concat(e.uibuilderCtrl," from server"))}}_forThis(e){let t=!0;return e.pageName&&e.pageName!==this.pageName&&(c("trace","Uib:_msgRcvdEvents:_uib","Not for this page")(),t=!1),e.clientId&&e.clientId!==this.clientId&&(c("trace","Uib:_msgRcvdEvents:_uib","Not for this clientId")(),t=!1),e.tabId&&e.tabId!==this.tabId&&(c("trace","Uib:_msgRcvdEvents:_uib","Not for this tabId")(),t=!1),t}_msgRcvdEvents(e){if(this._dispatchCustomEvent("uibuilder:stdMsgReceived",e),e.topic&&this._dispatchCustomEvent("uibuilder:msg:topic:".concat(e.topic),e),!e._uib_processed_by){if(e._uib_processed_by="_msgRcvdEvents",e._uib){if(!this._forThis(e._uib))return;if(e._uib.reload===!0){c("trace","Uib:_msgRcvdEvents:_uib:reload","reloading")(),e._uib_processed_by="_msgRcvdEvents - reload",location.reload();return}if(e._uib.command){e._uib_processed_by="_msgRcvdEvents - remote command",this._uibCommand(e);return}e._uib.componentRef==="globalNotification"&&(e._uib_processed_by="_msgRcvdEvents - globalNotification",m.showDialog("notify",e._uib.options,e)),e._uib.componentRef==="globalAlert"&&(e._uib_processed_by="_msgRcvdEvents - globalAlert",m.showDialog("alert",e._uib.options,e))}if(e._ui){if(!this._forThis(e._ui))return;c("trace","Uib:_msgRcvdEvents:_ui","Calling _uiManager")(),e._uib_processed_by="_msgRcvdEvents - _ui",this._dispatchCustomEvent("uibuilder:msg:_ui",e),m._uiManager(e)}}}_send(e,t,i=""){t==null&&(t=this._ioChannels.client),t===this._ioChannels.client?(e=this.makeMeAnObject(e,"payload"),this.hasUibRouter()&&(e._uib||(e._uib={}),e._uib.routeId=this.uibrouter_CurrentRoute)):t===this._ioChannels.control&&(e=this.makeMeAnObject(e,"uibuilderCtrl"),Object.prototype.hasOwnProperty.call(e,"uibuilderCtrl")||(e.uibuilderCtrl="manual send"),e.from="client",this.hasUibRouter()&&(e.routeId=this.uibrouter_CurrentRoute)),e._socketId=this._socket.id,i===""&&this.originator!==""&&(i=this.originator),i!==""&&Object.assign(e,{_uib:{originator:i}}),Object.prototype.hasOwnProperty.call(e,"topic")||(this.topic!==void 0&&this.topic!==""?e.topic=this.topic:Object.prototype.hasOwnProperty.call(this,"msg")&&Object.prototype.hasOwnProperty.call(this.msg,"topic")&&(e.topic=this.msg.topic)),e._ui&&(e._ui.from="client",this.hasUibRouter()&&(e._ui.routeId=this.uibrouter_CurrentRoute));let s;t===this._ioChannels.client?(this.set("sentMsg",e),s=this.set("msgsSent",++this.msgsSent)):t===this._ioChannels.control&&(this.set("sentCtrlMsg",e),s=this.set("msgsSentCtrl",++this.msgsSentCtrl)),c("trace","Uib:_send"," Channel '".concat(t,"'. Sending msg #").concat(s),e)(),this._socket.emit(t,e)}_stdMsgFromServer(e){e=this.makeMeAnObject(e,"payload"),!(e._uib&&!this._forThis(e._uib))&&(e._ui&&!this._forThis(e._ui)||(this._checkTimestamp(e),this.set("msgsReceived",++this.msgsReceived),this._msgRcvdEvents(e),"_ui"in e&&!("payload"in e)||this.set("msg",e),c("info","Uib:ioSetup:stdMsgFromServer","Channel '".concat(this._ioChannels.server,"'. Received msg #").concat(this.msgsReceived,"."),e)()))}_uibCommand(e){var u;if(!e._uib||!e._uib.command){c("error","uibuilder:_uibCommand","Invalid command message received",{msg:e})(),e.payload=e.error="Invalid command message received",this.send(e);return}let t=e._uib.command;if(!f(this,_e).includes(t.trim())){c("error","Uib:_uibCommand","Command '".concat(t," is not allowed to be called externally"))();return}let i=e._uib.prop,s=e._uib.value,n=(u=e._uib.quiet)!=null?u:!1,o,l;switch(t){case"elementIsVisible":{o=this.elementIsVisible(i);break}case"elementExists":{o=this.elementExists(i,!1),l='Element "'.concat(i,'" ').concat(o?"exists":"does not exist");break}case"get":{o=this.get(i);break}case"getManagedVarList":{i==="full"?o=this.getManagedVarList():o=Object.values(this.getManagedVarList());break}case"getWatchedVars":{i==="full"?o=this.getWatchedVars():o=Object.values(this.getWatchedVars());break}case"htmlSend":{o=this.htmlSend("",!1);break}case"include":{o=m.include(i,s);break}case"navigate":{let d;i?d=i:s&&(d=s),o=this.navigate(d);break}case"scrollTo":{o=this.scrollTo(i,s);break}case"set":{let d=!1,b=!1;e._uib.options&&e._uib.options.store&&(e._uib.options.store===!0&&(d=!0),e._uib.options.autoload===!0&&(b=!0)),o=this.set(i,s,d,b);break}case"showMsg":{o=this.showMsg(s,i);break}case"showStatus":{o=this.showStatus(s,i);break}case"uiGet":{o=m.uiGet(i,s);break}case"uiWatch":{o=this.uiWatch(i);break}case"watchUrlHash":{o=this.watchUrlHash(i);break}default:{c("warning","Uib:_uibCommand","Command '".concat(t,"' not yet implemented"))();break}}n!==!0&&(o===void 0&&(o="'".concat(i,"' is undefined")),Object(o).constructor===Promise?o.then(d=>(e.payload=e._uib.response=d,e.info=e._uib.info=l,e.topic||(e.topic=this.topic||"uib ".concat(t," for '").concat(i,"'")),this.send(e),!0)).catch(d=>{c(0,"Uib:_uibCommand","Error: ",d)()}):(e.payload=e._uib.response=o,e.info=e._uib.info=l,e.topic||(e.topic=this.topic||"uib ".concat(t," for '").concat(i,"'")),this.send(e)))}beaconLog(e,t){t||(t="debug"),navigator.sendBeacon("./_clientLog","".concat(t,"::").concat(e))}getPageMeta(){this.sendCtrl({uibuilderCtrl:"get page meta"})}htmlSend(e="",t=!0){let i="<!doctype html>\n".concat(document.documentElement.outerHTML),s={payload:i,length:i.length,topic:this.topic};return c("trace","Uib:htmlSend","Sending full HTML to Node-RED",s)(),t===!0&&this._send(s,this._ioChannels.client,e),i}logToServer(){this.sendCtrl({uibuilderCtrl:"client log message",payload:arguments,_socketId:this._socket.id,clientId:this.clientId,tabId:this.tabId,pageName:this.pageName,connections:this.connectedNum,lastNavType:this.lastNavType})}eventSend(e,t=""){if(this.$attrs){c("error","Uib:eventSend","`this` has been usurped by VueJS. Make sure that you wrap the call in a function: `doEvent: function (event) { uibuilder.eventSend(event) },`")();return}if(!e&&!event){c("warn","Uib:eventSend","Neither the domevent nor the hidden event properties are set. You probably called this function directly rather than applying to an on click event.")();return}if((!e||!e.constructor)&&(e=event),!e.constructor.name.endsWith("Event")||!e.currentTarget){c("warn","Uib:eventSend","ARGUMENT NOT A DOM EVENT - use data attributes not function arguments to pass data. Arg Type: ".concat(e.constructor.name),e)();return}e.preventDefault();let i=e.currentTarget,s=this.getElementCustomProps(i),n=this.getElementAttributes(i),o={},l;i.form?(l={id:this.returnElementId(i.form),valid:i.form.checkValidity()},Object.values(i.form).forEach((Pe,ni)=>{if(["fieldset","object"].includes(Pe.type))return;let G=this.getFormElementDetails(Pe);G&&(l[G.id]=G,o[G.id]=G.value)})):i.type==="file"&&(o=this._processFilesInput(i.files));let u=this.getElementClasses(i);Object.keys(i.dataset).length>0&&(o={...o,...i.dataset});let{value:d,checked:b}=this.getFormElementValue(i);d!==null&&(o.value=d),b!==null&&(o.checked=b);let C;Object.prototype.toString.call(i)==="[object Notification]"&&(o="notification-".concat(i.userAction),C={actions:i.actions,badge:i.badge,body:i.body,data:i.data,dir:i.dir,icon:i.icon,image:i.image,lang:i.lang,renotify:i.renotify,requireInteraction:i.requireInteraction,silent:i.silent,tag:i.tag,timestamp:i.timestamp,title:i.title,vibrate:i.vibrate});let v={payload:o,_ui:{type:"eventSend",id:i.id!==""?i.id:void 0,name:i.name!==""?i.name:void 0,slotText:i.textContent?i.textContent.substring(0,255):void 0,form:l,props:s,attribs:n,classes:u,notification:C,event:e.type,altKey:e.altKey,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,metaKey:e.metaKey,pointerType:e.pointerType,nodeName:i.nodeName,clientId:this.clientId,pageName:this.pageName,tabId:this.tabId}};c("trace","Uib:eventSend","Sending msg to Node-RED",v)(),this._send(v,this._ioChannels.client,t)}send(e,t=""){this._send(e,this._ioChannels.client,t)}sendRoom(e,t){this._socket.emit("uib-room-send",e,t)}joinRoom(e){this._socket.emit("uib-room-join",e)}leaveRoom(e){this._socket.emit("uib-room-leave",e)}sendCtrl(e){this._send(e,this._ioChannels.control)}sendCustom(e,t){this._socket.emit(e,t)}uploadFile(e){let t=new FileReader;t.onload=i=>{let s=i.target.result,n={topic:this.topic||"file-upload",payload:s,fileName:e.name,type:e.type,lastModified:e.lastModifiedDate,size:e.size},o=this.maxHttpBufferSize-500;s.byteLength>=o&&(n.payload=void 0,n.error="File is too large to send. File size: ".concat(s.byteLength,". Max msg size: ").concat(o),c("error","Uib:uploadFile",n.error)()),this.send(n)},t.readAsArrayBuffer(e)}_getIOnamespace(){let e;if(e=this.cookies["uibuilder-namespace"],e===void 0||e===""){let t=window.location.pathname.split("/").filter(function(i){return i.trim()!==""});t.length>0&&t[t.length-1].endsWith(".html")&&t.pop(),e=t.pop(),c("trace","uibuilder.module.js:getIOnamespace","Socket.IO namespace found via url path: ".concat(e))()}else c("trace","uibuilder.module.js:getIOnamespace","Socket.IO namespace found via cookie: ".concat(e))();return this.url=e,e="/"+e,c("trace","uibuilder.module.js:getIOnamespace","Final Socket.IO namespace: ".concat(e))(),e}_checkConnect(e,t,i=1){if(navigator.onLine!==!1)return e||(e=this.retryMs),t||(t=this.retryFactor),c("trace","Uib:checkConnect","Checking connection. Connected: ".concat(this._socket.connected,". Timer: ").concat(f(this,w),". Depth: ").concat(i,". Delay: ").concat(e,". Factor: ").concat(t),this._socket)(),this._socket.connected===!0?(f(this,w)&&(window.clearTimeout(f(this,w)),S(this,w,null)),this.set("ioConnected",!0),this.set("socketError",null),!0):(this.set("ioConnected",!1),f(this,w)&&window.clearTimeout(f(this,w)),S(this,w,window.setTimeout(()=>{c("warn","Uib:checkConnect:setTimeout","Socket.IO reconnection attempt. Current delay: ".concat(e,". Depth: ").concat(i))(),this._socket.disconnect(),this._socket.connect(),S(this,w,null),this._checkConnect(e*t,t,i++)},e)),!1)}_onConnect(){c("info","Uib:ioSetup","\u2705 SOCKET CONNECTED. Connection count: ".concat(this.connectedNum,", Is a Recovery?: ").concat(this._socket.recovered,". \nNamespace: ").concat(this.ioNamespace))(),this._dispatchCustomEvent("uibuilder:socket:connected",{numConnections:this.connectedNum,isRecovery:this._socket.recovered}),this._checkConnect()}_onDisconnect(e){c("info","Uib:ioSetup:socket-disconnect","\u26D4 Socket Disconnected. Reason: ".concat(e))(),this._dispatchCustomEvent("uibuilder:socket:disconnected",e),this._checkConnect()}_ioSetup(){return D===void 0?(c("error","Uib:ioSetup","Socket.IO client not loaded, Node-RED comms will not work")(),!1):(this._socket&&(c("trace","Uib:ioSetup","Removing listeners in preparation for redoing Socket.IO connections")(),f(this,w)&&(window.clearTimeout(f(this,w)),S(this,w,null)),this._socket.close(),this._socket.offAny(),this._socket=void 0,this.set("ioConnected",!1)),this.socketOptions.path=this.ioPath,c("trace","Uib:ioSetup","About to create IO object. Transports: [".concat(this.socketOptions.transports.join(", "),"]"))(),this._socket=D(this.ioNamespace,this.socketOptions),this._connectGlobal(),this._socket.on("connect",this._onConnect.bind(this)),this._socket.on(this._ioChannels.server,this._stdMsgFromServer.bind(this)),this._socket.on(this._ioChannels.control,this._ctrlMsgFromServer.bind(this)),this._socket.on("disconnect",this._onDisconnect.bind(this)),this._socket.on("connect_error",e=>{navigator.onLine!==!1&&(c("error","Uib:ioSetup:connect_error","\u274C Socket.IO Connect Error. Reason: ".concat(e.message),e)(),this.set("ioConnected",!1),this.set("socketError",e),this._dispatchCustomEvent("uibuilder:socket:disconnected",e))}),this._socket.on("error",e=>{c("error","Uib:ioSetup:error","\u274C Socket.IO Error. Reason: ".concat(e.message),e)(),this.set("ioConnected",!1),this.set("socketError",e),this._dispatchCustomEvent("uibuilder:socket:disconnected",e)}),this._checkConnect(),!0)}_connectGlobal(){this._socketGlobal=D("/",this.socketOptions),this._socketGlobal.onAny((...e)=>{this.set("globalMsg",e.slice(0,-1))})}connect(){this._socket.connect()}disconnect(){this._socket.disconnect(),f(this,w)&&window.clearTimeout(f(this,w))}start(e){c("trace","Uib:start","Starting")(),f(this,ce)&&this.cancelChange("msg",f(this,ce)),this.started===!0&&c("info","Uib:start","Start function already called. Resetting Socket.IO and msg handler.")(),c("log","Uib:start","Cookies: ",this.cookies,"\nClient ID: ".concat(this.clientId))(),c("trace","Uib:start","ioNamespace: ",this.ioNamespace,"\nioPath: ".concat(this.ioPath))(),e&&(e.ioNamespace&&this.set("ioNamespace",e.ioNamespace),e.ioPath&&this.set("ioPath",e.ioPath),e.nopolling&&this.socketOptions.transports[0]==="polling"&&this.socketOptions.transports.shift());let[t]=performance.getEntriesByType("navigation");if(this.set("lastNavType",t.type),this.set("started",this._ioSetup()),this.started===!0?c("trace","Uib:start","Start completed. Socket.IO client library loaded.")():c("error","Uib:start","Start completed. ERROR: Socket.IO client library NOT LOADED.")(),this._watchHashChanges(),window.Vue){this.set("isVue",!0);try{this.set("vueVersion",window.Vue.version)}catch{}c("trace","Uib:start","VueJS is loaded. Version: ".concat(this.vueVersion))()}else c("trace","Uib:start","VueJS is not loaded.")();window.DOMPurify?(this.set("purify",!0),c("trace","Uib:start","DOMPurify is loaded.")()):c("trace","Uib:start","DOMPurify is not loaded.")(),window.markdownit?(this.set("markdown",!0),c("trace","Uib:start","Markdown-IT is loaded.")()):c("trace","Uib:start","Markdown-IT is not loaded.")(),this.onChange("msg",s=>{if(f(this,W)===!0){let n=document.getElementById("uib_last_msg");n&&(n.innerHTML=this.syntaxHighlight(s))}}),this._uibAttrScanAll(document),new MutationObserver(this._uibAttribObserver.bind(this)).observe(document,{subtree:!0,attributes:!0,attributeOldValue:!0,attributeFilter:this.uibAttribs,childList:!0}),this._dispatchCustomEvent("uibuilder:startComplete")}},B=new WeakMap,x=new WeakMap,A=new WeakMap,w=new WeakMap,ce=new WeakMap,W=new WeakMap,z=new WeakMap,P=new WeakMap,J=new WeakMap,_e=new WeakMap,le=new WeakMap,he=new WeakMap,L=new WeakMap,ue=new WeakMap,h(E,"_meta",{version:Ct,type:"module",displayName:"uibuilder"}),E),Se=new si;window.uibuilder?c("error","uibuilder.module.js","`uibuilder` already assigned to window. Have you tried to load it more than once?"):window.uibuilder=Se;window.uib?c("warn","uibuilder.module.js","`uib` shortcut already assigned to window."):window.uib=Se;window.$?c("warn","uibuilder.module.js","Cannot allocate the global `$`, it is already in use. Use `uibuilder.$` or `uib.$` instead."):window.$=window.uibuilder.$;window.$$?c("warn","uibuilder.module.js","Cannot allocate the global `$$`, it is already in use. Use `uibuilder.$$` or `uib.$$` instead."):window.$$=window.uibuilder.$$;window.$ui?c("warn","uibuilder.module.js","Cannot allocate the global `$ui`, it is already in use. Use `uibuilder.$ui` or `uib.$ui` instead."):window.$ui=window.uibuilder.$ui;"on"in document||(document.on=function(r,e){this.addEventListener(r,e)});"on"in window||(window.on=function(r,e){this.addEventListener(r,e)});try{"query"in Element||(Element.prototype.query=function(r){return this.querySelector(r)}),"queryAll"in Element||(Element.prototype.queryAll=function(r){return this.querySelectorAll(r)}),"on"in Element||(Element.prototype.on=function(r,e){this.addEventListener(r,e)})}finally{}var nr=Se;Se.start();customElements.define("uib-var",re);customElements.define("uib-meta",ne);customElements.define("apply-template",ae);})();
 //# sourceMappingURL=uibuilder.iife.min.js.map
diff --git a/front-end/uibuilder.iife.min.js.map b/front-end/uibuilder.iife.min.js.map
index f256dd5a..3e33ceac 100644
--- a/front-end/uibuilder.iife.min.js.map
+++ b/front-end/uibuilder.iife.min.js.map
@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["src/front-end-module/ui.js", "src/front-end-module/uibuilder.module.js", "node_modules/engine.io-parser/build/esm/commons.js", "node_modules/engine.io-parser/build/esm/encodePacket.browser.js", "node_modules/engine.io-parser/build/esm/contrib/base64-arraybuffer.js", "node_modules/engine.io-parser/build/esm/decodePacket.browser.js", "node_modules/engine.io-parser/build/esm/index.js", "node_modules/@socket.io/component-emitter/lib/esm/index.js", "node_modules/engine.io-client/build/esm/globalThis.browser.js", "node_modules/engine.io-client/build/esm/util.js", "node_modules/engine.io-client/build/esm/contrib/parseqs.js", "node_modules/engine.io-client/build/esm/transport.js", "node_modules/engine.io-client/build/esm/contrib/yeast.js", "node_modules/engine.io-client/build/esm/contrib/has-cors.js", "node_modules/engine.io-client/build/esm/transports/xmlhttprequest.browser.js", "node_modules/engine.io-client/build/esm/transports/polling.js", "node_modules/engine.io-client/build/esm/transports/websocket-constructor.browser.js", "node_modules/engine.io-client/build/esm/transports/websocket.js", "node_modules/engine.io-client/build/esm/transports/webtransport.js", "node_modules/engine.io-client/build/esm/transports/index.js", "node_modules/engine.io-client/build/esm/contrib/parseuri.js", "node_modules/engine.io-client/build/esm/socket.js", "node_modules/engine.io-client/build/esm/index.js", "node_modules/socket.io-client/build/esm/url.js", "node_modules/socket.io-parser/build/esm/index.js", "node_modules/socket.io-parser/build/esm/is-binary.js", "node_modules/socket.io-parser/build/esm/binary.js", "node_modules/socket.io-client/build/esm/on.js", "node_modules/socket.io-client/build/esm/socket.js", "node_modules/socket.io-client/build/esm/contrib/backo2.js", "node_modules/socket.io-client/build/esm/manager.js", "node_modules/socket.io-client/build/esm/index.js", "src/components/uib-var.js", "src/components/uib-meta.js", "src/components/apply-template.js"],
-  "sourcesContent": ["/* Creates HTML UI's based on a standardised data input.\n  Works stand-alone, with uibuilder or with Node.js/jsdom.\n  See: https://totallyinformation.github.io/node-red-contrib-uibuilder/#/client-docs/config-driven-ui\n\n  Author: Julian Knight (Totally Information), March 2023\n\n  License: Apache 2.0\n  Copyright (c) 2022-2024 Julian Knight (Totally Information)\n\n  Licensed under the Apache License, Version 2.0 (the \"License\");\n  you may not use this file except in compliance with the License.\n  You may obtain a copy of the License at\n\n  http://www.apache.org/licenses/LICENSE-2.0\n\n  Unless required by applicable law or agreed to in writing, software\n  distributed under the License is distributed on an \"AS IS\" BASIS,\n  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  See the License for the specific language governing permissions and\n  limitations under the License.\n */\n/* globals module:true */\n\n// Namespaces - See https://stackoverflow.com/a/52572048/1309986\n// const NAMESPACES = {\n//     svg: 'http://www.w3.org/2000/svg',\n//     html: 'http://www.w3.org/1999/xhtml',\n//     xml: 'http://www.w3.org/XML/1998/namespace',\n//     xlink: 'http://www.w3.org/1999/xlink',\n//     xmlns: 'http://www.w3.org/2000/xmlns/' // sic for the final slash...\n// }\n\nconst Ui = class Ui {\n    //#region --- Class variables ---\n    version = '7.0.3-src'\n\n    // List of tags and attributes not in sanitise defaults but allowed in uibuilder.\n    sanitiseExtraTags = ['uib-var']\n    sanitiseExtraAttribs = ['variable', 'report', 'undefined']\n\n    /** Reference to DOM window - must be passed in the constructor\n     * Allows for use of this library/class with `jsdom` in Node.JS as well as the browser.\n     * @type {Window}\n     */\n    static win\n\n    /** Reference to the DOM top-level window.document for convenience - set in constructor @type {Document} */\n    static doc\n\n    /** Log function - passed in constructor or will be a dummy function\n     * @type {Function}\n     */\n    static log\n\n    /** Options for Markdown-IT if available (set in constructor) */\n    static mdOpts\n    /** Reference to pre-loaded Markdown-IT library */\n    static md\n    /** Optional Markdown-IT Plugins */\n    ui_md_plugins\n    //#endregion --- class variables ---\n\n    /** Called when `new Ui(...)` is called\n     * @param {globalThis} win Either the browser global window or jsdom dom.window\n     * @param {Function} [extLog] A function that returns a function for logging\n     * @param {Function} [jsonHighlight] A function that returns a highlighted HTML of JSON input\n     */\n    constructor(win, extLog, jsonHighlight) {\n        // window must be passed in as an arg to the constructor\n        // Should either be the global window for a browser or `dom.window` for jsdom in Node.js\n        // @ts-ignore\n        if (win) Ui.win = win\n        else {\n            // Ui.log(0, 'Ui:constructor', 'Current environment does not include `window`, UI functions cannot be used.')()\n            // return\n            throw new Error('Ui:constructor. Current environment does not include `window`, UI functions cannot be used.')\n        }\n\n        // For convenience\n        Ui.doc = Ui.win.document\n\n        // If a suitable function not passed in, create a dummy one\n        if (extLog) Ui.log = extLog\n        else Ui.log = function() { return function() {} }\n\n        // If a JSON HTML highlighting function passed then use it, else a dummy fn\n        if (jsonHighlight) this.syntaxHighlight = jsonHighlight\n        else this.syntaxHighlight = function() {}\n\n        // If Markdown-IT pre-loaded, then configure it now\n        if (Ui.win['markdownit']) {\n            Ui.mdOpts = {\n                html: true,\n                xhtmlOut: false,\n                linkify: true,\n                _highlight: true,\n                _strict: false,\n                _view: 'html',\n                langPrefix: 'language-',\n                // NB: the highlightjs (hljs) library must be loaded before markdown-it for this to work\n                highlight: function(str, lang) {\n                    // https://highlightjs.org\n                    if (lang && window['hljs'] && window['hljs'].getLanguage(lang)) {\n                        try {\n                            return `<pre class=\"\">\n                                    <code class=\"hljs border\">${window['hljs'].highlight(str, { language: lang, ignoreIllegals: true }).value}</code></pre>`\n                        } finally { } // eslint-disable-line no-empty\n                    }\n                    return `<pre class=\"hljs border\"><code>${Ui.md.utils.escapeHtml(str).trim()}</code></pre>`\n                },\n            }\n            Ui.md = Ui.win['markdownit'](Ui.mdOpts)\n        }\n    }\n\n    //#region ---- Internal Methods ----\n\n    _markDownIt() {\n        // If Markdown-IT pre-loaded, then configure it now\n        if (!Ui.win['markdownit']) return\n\n        // If plugins not yet defined, check if uibuilder has set them\n        if (!this.ui_md_plugins && Ui.win['uibuilder'] && Ui.win['uibuilder'].ui_md_plugins) this.ui_md_plugins = Ui.win['uibuilder'].ui_md_plugins\n\n        Ui.mdOpts = {\n            html: true,\n            xhtmlOut: false,\n            linkify: true,\n            _highlight: true,\n            _strict: false,\n            _view: 'html',\n            langPrefix: 'language-',\n            // NB: the highlightjs (hljs) library must be loaded before markdown-it for this to work\n            highlight: function(str, lang) {\n                if (window['hljs']) {\n                    if (lang && window['hljs'].getLanguage(lang)) {\n                        try {\n                            return `<pre><code class=\"hljs border language-${lang}\" data-language=\"${lang}\" title=\"Source language: '${lang}'\">${window['hljs'].highlight(str, { language: lang, ignoreIllegals: true }).value}</code></pre>`\n                        } finally { } // eslint-disable-line no-empty\n                    } else {\n                        try {\n                            const high = window['hljs'].highlightAuto(str)\n                            return `<pre><code class=\"hljs border language-${high.language}\" data-language=\"${high.language}\" title=\"Source language estimated by HighlightJS: '${high.language}'\">${high.value}</code></pre>`\n                        } finally { } // eslint-disable-line no-empty\n                    }\n                }\n                return `<pre><code class=\"border\">${Ui.md.utils.escapeHtml(str).trim()}</code></pre>`\n            },\n        }\n        Ui.md = Ui.win['markdownit'](Ui.mdOpts)\n        // Ui.md.use(Ui.win.markdownitTaskLists, {enabled: true})\n        if (this.ui_md_plugins) {\n            if (!Array.isArray(this.ui_md_plugins)) {\n                Ui.log('error', 'Ui:_markDownIt:plugins', 'Could not load plugins, ui_md_plugins is not an array')()\n                return\n            }\n            this.ui_md_plugins.forEach( plugin => {\n                if (typeof plugin === 'string') {\n                    Ui.md.use(Ui.win[plugin])\n                } else {\n                    const name = Object.keys(plugin)[0]\n                    Ui.md.use(Ui.win[name], plugin[name])\n                }\n            })\n        }\n    }\n\n    /** Show a browser notification if the browser and the user allows it\n     * @param {object} config Notification config data\n     * @returns {Promise} Resolves on close or click event, returns the event.\n     */\n    _showNotification(config) {\n        if ( config.topic && !config.title ) config.title = config.topic\n        if ( !config.title ) config.title = 'uibuilder notification'\n        if ( config.payload && !config.body ) config.body = config.payload\n        if ( !config.body ) config.body = ' No message given.'\n        // Wrap in try/catch since Chrome Android may throw an error\n        try {\n            const notify = new Notification(config.title, config)\n            return new Promise( (resolve, reject) => {\n                // Doesn't ever seem to fire (at least in Chromium)\n                notify.addEventListener('close', ev => {\n                    // @ts-ignore\n                    ev.currentTarget.userAction = 'close'\n                    resolve(ev)\n                })\n                notify.addEventListener('click', ev => {\n                    // @ts-ignore\n                    ev.currentTarget.userAction = 'click'\n                    resolve(ev)\n                })\n                notify.addEventListener('error', ev => {\n                    // @ts-ignore\n                    ev.currentTarget.userAction = 'error'\n                    reject(ev)\n                })\n            })\n        } catch (e) {\n            return Promise.reject(new Error('Browser refused to create a Notification'))\n        }\n    }\n\n    // Vue dynamic inserts Don't really work ...\n    // _uiAddVue(ui, isRecurse) {\n\n    //     // must be Vue\n    //     // must have only 1 root element\n    //     const compToAdd = ui.components[0]\n    //     const newEl = Ui.doc.createElement(compToAdd.type)\n\n    //     if (!compToAdd.slot && ui.payload) compToAdd.slot = ui.payload\n    //     this._uiComposeComponent(newEl, compToAdd)\n\n    //     // If nested components, go again - but don't pass payload to sub-components\n    //     if (compToAdd.components) {\n    //         this._uiExtendEl(newEl, compToAdd.components)\n    //     }\n\n    //     console.log('MAGIC: ', this.magick, newEl, newEl.outerHTML)()\n    //     this.set('magick', newEl.outerHTML)\n\n    //     // if (compToAdd.id) newEl.setAttribute('ref', compToAdd.id)\n    //     // if (elParent.id) newEl.setAttribute('data-parent', elParent.id)\n    // }\n\n    // TODO Add check if ID already exists\n    // TODO Allow single add without using components array\n    /** Handle incoming msg._ui add requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     * @param {boolean} isRecurse Is this a recursive call?\n     */\n    _uiAdd(ui, isRecurse) {\n        Ui.log('trace', 'Ui:_uiManager:add', 'Starting _uiAdd')()\n\n        // Vue dynamic inserts Don't really work ...\n        // if (this.#isVue && !isRecurse) {\n        //     this._uiAddVue(ui, false)\n        //     return\n        // }\n\n        ui.components.forEach((compToAdd, i) => {\n            Ui.log('trace', `Ui:_uiAdd:components-forEach:${i}`, 'Component to add: ', compToAdd)()\n\n            /** @type {*} Create the new component - some kind of HTML element */\n            let newEl\n            switch (compToAdd.type) {\n                // If trying to insert raw html, wrap in a div\n                case 'html': {\n                    compToAdd.ns = 'html'\n                    newEl = Ui.doc.createElement('div')\n                    break\n                }\n\n                // If trying to insert raw svg, need to create in namespace\n                case 'svg': {\n                    compToAdd.ns = 'svg'\n                    newEl = Ui.doc.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToAdd.ns = 'dom'\n                    newEl = Ui.doc.createElement(compToAdd.type)\n                    break\n                }\n            }\n\n            if (!compToAdd.slot && ui.payload) compToAdd.slot = ui.payload\n\n            // const parser = new DOMParser()\n            // const newDoc = parser.parseFromString(compToAdd.slot, 'text/html')\n            // console.log(compToAdd, newDoc.body)()\n\n            this._uiComposeComponent(newEl, compToAdd)\n\n            /** @type {HTMLElement} Where to add the new element? */\n            let elParent\n            if (compToAdd.parentEl) {\n                elParent = compToAdd.parentEl\n            } else if (ui.parentEl) {\n                elParent = ui.parentEl\n            } else if (compToAdd.parent) {\n                elParent = Ui.doc.querySelector(compToAdd.parent)\n            } else if (ui.parent) {\n                elParent = Ui.doc.querySelector(ui.parent)\n            }\n            if (!elParent) {\n                Ui.log('info', 'Ui:_uiAdd', 'No parent found, adding to body')()\n                elParent = Ui.doc.querySelector('body')\n            }\n\n            if (compToAdd.position && compToAdd.position === 'first') {\n                // Insert new el before the first child of the parent. Ref: https://developer.mozilla.org/en-US/docs/Web/API/Node/insertBefore#example_3\n                elParent.insertBefore(newEl, elParent.firstChild)\n            } else if (compToAdd.position && Number.isInteger(Number(compToAdd.position))) {\n                elParent.insertBefore(newEl, elParent.children[compToAdd.position])\n            } else {\n                // Append to the required parent\n                elParent.appendChild(newEl)\n            }\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToAdd.components) {\n                // this._uiAdd({\n                //     method: ui.method,\n                //     parentEl: newEl,\n                //     components: compToAdd.components,\n                // }, true)\n                this._uiExtendEl(newEl, compToAdd.components, compToAdd.ns)\n            }\n        })\n    } // --- end of _uiAdd ---\n\n    /** Enhance an HTML element that is being composed with ui data\n     *  such as ID, attribs, event handlers, custom props, etc.\n     * @param {*} el HTML Element to enhance\n     * @param {*} comp Individual uibuilder ui component spec\n     */\n    _uiComposeComponent(el, comp) {\n        // Add attributes\n        if (comp.attributes) {\n            Object.keys(comp.attributes).forEach((attrib) => {\n                if (attrib === 'class' && Array.isArray(comp.attributes[attrib])) comp.attributes[attrib].join(' ')\n\n                Ui.log('trace', '_uiComposeComponent:attributes-forEach', `Attribute: '${attrib}', value: '${comp.attributes[attrib]}'`)()\n\n                // For values, set the actual value as well since the attrib only changes the DEFAULT value\n                if (attrib === 'value') el.value = comp.attributes[attrib]\n\n                if (attrib.startsWith('xlink:')) el.setAttributeNS('http://www.w3.org/1999/xlink', attrib, comp.attributes[attrib])\n                else el.setAttribute(attrib, comp.attributes[attrib])\n            })\n        }\n\n        // ID if set\n        if (comp.id) el.setAttribute('id', comp.id)\n\n        // If an SVG tag, ensure we have the appropriate namespaces added\n        if (comp.type === 'svg') {\n            el.setAttributeNS('http://www.w3.org/2000/xmlns/', 'xmlns', 'http://www.w3.org/2000/svg')\n            el.setAttributeNS('http://www.w3.org/2000/xmlns/', 'xmlns:xlink', 'http://www.w3.org/1999/xlink')\n        }\n\n        // Add event handlers\n        if (comp.events) {\n            Object.keys(comp.events).forEach((type) => {\n                // @ts-ignore  I'm forever getting this wrong!\n                if (type.toLowerCase === 'onclick') type = 'click'\n                // Add the event listener\n                try {\n                    el.addEventListener(type, (evt) => {\n                        // Use new Function to ensure that esbuild works: https://esbuild.github.io/content-types/#direct-eval\n                        (new Function('evt', `${comp.events[type]}(evt)`))(evt) // eslint-disable-line no-new-func\n                    })\n                    // newEl.setAttribute( 'onClick', `${comp.events[type]}()` )\n                } catch (err) {\n                    Ui.log('error', 'Ui:_uiComposeComponent', `Add event '${type}' for element '${comp.type}': Cannot add event handler. ${err.message}`)()\n                }\n            })\n        }\n\n        // Add custom properties to the dataset\n        if (comp.properties) {\n            Object.keys(comp.properties).forEach((prop) => {\n                // TODO break a.b into sub properties\n                el[prop] = comp.properties[prop]\n                // Auto-dispatch events if changing value or changed since DOM does not do this automatically\n                if (['value', 'checked'].includes(prop)) {\n                    el.dispatchEvent(new Event('input'))\n                    el.dispatchEvent(new Event('change'))\n                }\n            })\n        }\n\n        //#region Add Slot content to innerHTML\n        if (comp.slot) {\n            this.replaceSlot(el, comp.slot)\n        }\n        //#endregion\n\n        // TODO Add multi-slot capability (default slot must always be processed first as innerHTML is replaced)\n\n        //#region Add Slot Markdown content to innerHTML IF marked library is available\n        if (comp.slotMarkdown) {\n            this.replaceSlotMarkdown(el, comp)\n        }\n        //#endregion\n    }\n\n    /** Extend an HTML Element with appended elements using ui components\n     * NOTE: This fn follows a strict hierarchy of added components.\n     * @param {HTMLElement} parentEl The parent HTML Element we want to append to\n     * @param {*} components The ui component(s) we want to add\n     * @param {string} [ns] Optional. The namespace to use.\n     */\n    _uiExtendEl(parentEl, components, ns = '') {\n        components.forEach((compToAdd, i) => {\n            Ui.log('trace', `Ui:_uiExtendEl:components-forEach:${i}`, compToAdd)()\n\n            /** @type {HTMLElement} Create the new component */\n            let newEl\n\n            compToAdd.ns = ns\n\n            if (compToAdd.ns === 'html') {\n                newEl = parentEl\n                // newEl.outerHTML = compToAdd.slot\n                // parentEl.innerHTML = compToAdd.slot\n                this.replaceSlot(parentEl, compToAdd.slot)\n            } else if (compToAdd.ns === 'svg') {\n                newEl = Ui.doc.createElementNS('http://www.w3.org/2000/svg', compToAdd.type)\n                // Updates newEl\n                this._uiComposeComponent(newEl, compToAdd)\n                parentEl.appendChild(newEl)\n            } else {\n                newEl = Ui.doc.createElement(compToAdd.type === 'html' ? 'div' : compToAdd.type)\n                // Updates newEl\n                this._uiComposeComponent(newEl, compToAdd)\n                parentEl.appendChild(newEl)\n            }\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToAdd.components) {\n                this._uiExtendEl(newEl, compToAdd.components, compToAdd.ns)\n            }\n        })\n    }\n\n    // TODO Add more error handling and parameter validation\n    /** Handle incoming _ui load requests\n     * Can load JavaScript modules, JavaScript scripts and CSS.\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     */\n    _uiLoad(ui) {\n\n        // Self-loading ECMA Modules (e.g. web components)\n        if (ui.components) {\n            if (!Array.isArray(ui.components)) ui.components = [ui.components]\n\n            ui.components.forEach(async component => {\n                // NOTE: This happens asynchronously but we don't wait\n                import(component)\n            })\n        }\n        // Remote Scripts\n        if (ui.srcScripts) {\n            if (!Array.isArray(ui.srcScripts)) ui.srcScripts = [ui.srcScripts]\n\n            ui.srcScripts.forEach(script => {\n                this.loadScriptSrc(script)\n            })\n        }\n        // Scripts passed as text\n        if (ui.txtScripts) {\n            if (!Array.isArray(ui.txtScripts)) ui.txtScripts = [ui.txtScripts]\n\n            this.loadScriptTxt(ui.txtScripts.join('\\n'))\n        }\n        // Remote Stylesheets\n        if (ui.srcStyles) {\n            if (!Array.isArray(ui.srcStyles)) ui.srcStyles = [ui.srcStyles]\n\n            ui.srcStyles.forEach(sheet => {\n                this.loadStyleSrc(sheet)\n            })\n        }\n        // Styles passed as text\n        if (ui.txtStyles) {\n            if (!Array.isArray(ui.txtStyles)) ui.txtStyles = [ui.txtStyles]\n\n            this.loadStyleTxt(ui.txtStyles.join('\\n'))\n        }\n\n    } // --- end of _uiLoad ---\n\n    /** Handle incoming _ui messages and loaded UI JSON files\n     * Called from start()\n     * @param {*} msg Standardised msg object containing a _ui property object\n     */\n    _uiManager(msg) {\n        if (!msg._ui) return\n\n        // Make sure that _ui is an array\n        if (!Array.isArray(msg._ui)) msg._ui = [msg._ui]\n\n        msg._ui.forEach((ui, i) => {\n            if (ui.mode && !ui.method) ui.method = ui.mode\n            if (!ui.method) {\n                Ui.log('error', 'Ui:_uiManager', `No method defined for msg._ui[${i}]. Ignoring. `, ui)()\n                return\n            }\n\n            ui.payload = msg.payload\n            ui.topic = msg.topic\n            switch (ui.method) {\n                case 'add': {\n                    this._uiAdd(ui, false)\n                    break\n                }\n\n                case 'remove': {\n                    this._uiRemove(ui, false)\n                    break\n                }\n\n                case 'removeAll': {\n                    this._uiRemove(ui, true)\n                    break\n                }\n\n                case 'replace': {\n                    this._uiReplace(ui)\n                    break\n                }\n\n                case 'update': {\n                    this._uiUpdate(ui)\n                    break\n                }\n\n                case 'load': {\n                    this._uiLoad(ui)\n                    break\n                }\n\n                case 'reload': {\n                    this._uiReload()\n                    break\n                }\n\n                case 'notify': {\n                    this.showDialog('notify', ui, msg)\n                    break\n                }\n\n                case 'alert': {\n                    this.showDialog('alert', ui, msg)\n                    break\n                }\n\n                default: {\n                    Ui.log('error', 'Ui:_uiManager', `Invalid msg._ui[${i}].method (${ui.method}). Ignoring`)()\n                    break\n                }\n            }\n        })\n    } // --- end of _uiManager ---\n\n    /** Handle a reload request */\n    _uiReload() {\n        Ui.log('trace', 'Ui:uiManager:reload', 'reloading')()\n        location.reload()\n    }\n\n    // TODO Add better tests for failures (see comments)\n    /** Handle incoming _ui remove requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     * @param {boolean} all Optional, default=false. If true, will remove ALL found elements, otherwise only the 1st is removed\n     */\n    _uiRemove(ui, all = false) {\n        ui.components.forEach((compToRemove) => {\n            let els\n            if (all !== true) els = [Ui.doc.querySelector(compToRemove)]\n            else els = Ui.doc.querySelectorAll(compToRemove)\n\n            els.forEach(el => {\n                try {\n                    el.remove()\n                } catch (err) {\n                    // Could not remove. Cannot read properties of null <= no need to report this one\n                    // Could not remove. Failed to execute 'querySelector' on 'Ui.doc': '##testbutton1' is not a valid selector\n                    Ui.log('trace', 'Ui:_uiRemove', `Could not remove. ${err.message}`)()\n                }\n            })\n        })\n    } // --- end of _uiRemove ---\n\n    /** Handle incoming _ui replace requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     */\n    _uiReplace(ui) {\n        Ui.log('trace', 'Ui:_uiReplace', 'Starting')()\n\n        ui.components.forEach((compToReplace, /** @type {number} */ i) => {\n            Ui.log('trace', `Ui:_uiReplace:components-forEach:${i}`, 'Component to replace: ', compToReplace)()\n\n            /** @type {HTMLElement} */\n            let elToReplace\n\n            // Either the id, CSS selector, name or type (element type) must be given in order to identify the element to change. FIRST element matching is updated.\n            if (compToReplace.id) {\n                elToReplace = Ui.doc.getElementById(compToReplace.id) // .querySelector(`#${compToReplace.id}`)\n            } else if (compToReplace.selector || compToReplace.select) {\n                elToReplace = Ui.doc.querySelector(compToReplace.selector)\n            } else if (compToReplace.name) {\n                elToReplace = Ui.doc.querySelector(`[name=\"${compToReplace.name}\"]`)\n            } else if (compToReplace.type) {\n                elToReplace = Ui.doc.querySelector(compToReplace.type)\n            }\n\n            Ui.log('trace', `Ui:_uiReplace:components-forEach:${i}`, 'Element to replace: ', elToReplace)()\n\n            // Nothing was found so ADD the element instead\n            if (elToReplace === undefined || elToReplace === null) {\n                Ui.log('trace', `Ui:_uiReplace:components-forEach:${i}:noReplace`, 'Cannot find the DOM element. Adding instead.', compToReplace)()\n                this._uiAdd({ components: [compToReplace] }, false)\n                return\n            }\n\n            /** @type {*} Create the new component - some kind of HTML element */\n            let newEl\n            switch (compToReplace.type) {\n                // If trying to insert raw html, wrap in a div\n                case 'html': {\n                    compToReplace.ns = 'html'\n                    newEl = Ui.doc.createElement('div')\n                    break\n                }\n\n                // If trying to insert raw svg, need to create in namespace\n                case 'svg': {\n                    compToReplace.ns = 'svg'\n                    newEl = Ui.doc.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToReplace.ns = 'dom'\n                    newEl = Ui.doc.createElement(compToReplace.type)\n                    break\n                }\n            }\n\n            // Updates the newEl and maybe the ui\n            this._uiComposeComponent(newEl, compToReplace)\n\n            // Replace the current element\n            elToReplace.replaceWith(newEl)\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToReplace.components) {\n                this._uiExtendEl(newEl, compToReplace.components, compToReplace.ns)\n            }\n        })\n    } // --- end of _uiReplace ---\n\n    // TODO Allow single add without using components array\n    // TODO Allow sub-components\n    // TODO Add multi-slot capability\n    /** Handle incoming _ui update requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     */\n    _uiUpdate(ui) {\n        Ui.log('trace', 'UI:_uiUpdate:update', 'Starting _uiUpdate', ui)()\n\n        // We allow an update not to actually need to spec a component\n        if (!ui.components) ui.components = [Object.assign({}, ui)]\n\n        ui.components.forEach((compToUpd, i) => {\n            Ui.log('trace', '_uiUpdate:components-forEach', `Start loop #${i}`, compToUpd)()\n\n            /** @type {NodeListOf<Element>} */\n            let elToUpd\n\n            // If a parent element is passed, use that as the update target (only allowed internally)\n            // Otherwise either the id, CSS selector, name or type (element type) must be given in order to identify the element to change. ALL elements matching are updated.\n            if (compToUpd.parentEl) {\n                elToUpd = compToUpd.parentEl\n            } else if (compToUpd.id) {\n                // NB We don't use get by id because this way the code is simpler later on\n                elToUpd = Ui.doc.querySelectorAll(`#${compToUpd.id}`)\n            } else if (compToUpd.selector || compToUpd.select) {\n                elToUpd = Ui.doc.querySelectorAll(compToUpd.selector)\n            } else if (compToUpd.name) {\n                elToUpd = Ui.doc.querySelectorAll(`[name=\"${compToUpd.name}\"]`)\n            } else if (compToUpd.type) {\n                elToUpd = Ui.doc.querySelectorAll(compToUpd.type)\n            }\n\n            // @ts-ignore Nothing was found so give up\n            if (elToUpd === undefined || elToUpd.length < 1) {\n                Ui.log('warn', 'Ui:_uiManager:update', 'Cannot find the DOM element. Ignoring.', compToUpd)()\n                return\n            }\n\n            Ui.log('trace', '_uiUpdate:components-forEach', `Element(s) to update. Count: ${elToUpd.length}`, elToUpd)()\n\n            // If slot not specified but payload is, use the payload in the slot\n            if (!compToUpd.slot && compToUpd.payload) compToUpd.slot = compToUpd.payload\n\n            // Might have >1 element to update - so update them all\n            elToUpd.forEach((el, j) => {\n                Ui.log('trace', '_uiUpdate:components-forEach', `Updating element #${j}`, el)()\n                this._uiComposeComponent(el, compToUpd)\n                // Try to go down another level of nesting if needed\n                // ! NOT CONVINCED THIS ACTUALLY WORKS !\n                if (compToUpd.components) {\n                    Ui.log('trace', '_uiUpdate:nested-component', `Element #${j} - nested-component`, compToUpd, el)()\n                    const nc = { _ui: [] }\n                    compToUpd.components.forEach((nestedComp, k) => {\n                        const method = nestedComp.method || compToUpd.method || ui.method\n                        if (nestedComp.method) delete nestedComp.method\n                        if (!Array.isArray(nestedComp)) nestedComp = [nestedComp]\n                        // nestedComp.parentEl = el\n                        // nestedComp.components = [nestedComp]\n                        Ui.log('trace', '_uiUpdate:nested-component', `Element #${j} - nested-component #${k}`, nestedComp)()\n                        nc._ui.push( {\n                            method: method,\n                            parentEl: el,\n                            components: nestedComp,\n                        })\n                    })\n                    Ui.log('trace', '_uiUpdate:nested-component', `Element #${j} - nested-component new manager`, nc)()\n                    this._uiManager(nc)\n                }\n            })\n\n            // If nested components, apply to every found element - but don't pass payload to sub-components\n            // if (compToUpd.components) {\n            //     compToUpd.components.forEach((el, k) => {\n            //         Ui.log('trace', '_uiUpdate:nested-component', `Updating nested-component #${k}`, el)()\n            //         this._uiUpdate({\n            //             method: el.method || ui.method,\n            //             parentEl: el,\n            //             components: el.components,\n            //         })\n            //     })\n            // }\n        })\n    } // --- end of _uiUpdate ---\n\n    //#endregion ---- -------- ----\n\n    //#region ---- External Methods ----\n\n    /** Simplistic jQuery-like document CSS query selector, returns an HTML Element\n     * NOTE that this fn returns the element itself. Use $$ to get the properties of 1 or more elements.\n     * If the selected element is a <template>, returns the first child element.\n     * type {HTMLElement}\n     * @param {string} cssSelector A CSS Selector that identifies the element to return\n     * @param {\"el\"|\"text\"|\"html\"|\"attributes\"|\"attr\"} [output] Optional. What type of output to return. Defaults to \"el\", the DOM element reference\n     * @returns {HTMLElement|string|InnerHTML|array|null} Selected HTML DOM element, innerText, innerHTML, attribute list or null\n     */\n    $(cssSelector, output) {\n        /** @type {*} Some kind of HTML element */\n        let el = Ui.doc.querySelector(cssSelector)\n\n        if (!el) {\n            Ui.log(1, 'Uib:$', `No element found for CSS selector ${cssSelector}`)()\n            return null\n        }\n\n        if ( el.nodeName === 'TEMPLATE' ) {\n            el = el.content.firstElementChild\n            if (!el) {\n                Ui.log(0, 'Uib:$', `Template selected for CSS selector ${cssSelector} but it is empty`)()\n                return null\n            }\n        }\n\n        if (!output) output = 'el'\n        let out\n\n        try {\n            switch (output.toLowerCase()) {\n                case 'text': {\n                    out = el.innerText\n                    break\n                }\n\n                case 'html': {\n                    out = el.innerHTML\n                    break\n                }\n\n                case 'attr':\n                case 'attributes': {\n                    out = {}\n                    for (const attr of el.attributes) {\n                        out[attr.name] = attr.value\n                    }\n                    break\n                }\n\n                default: {\n                    out = el\n                    break\n                }\n            }\n        } catch (e) {\n            out = el\n            Ui.log(1, 'Uib:$', `Could not process output type \"${output}\" for CSS selector ${cssSelector}, returned the DOM element. ${e.message}`, e)()\n        }\n\n        return out\n    }\n\n    /** CSS query selector that returns ALL found selections. Matches the Chromium DevTools feature of the same name.\n     * NOTE that this fn returns an array showing the PROPERTIES of the elements whereas $ returns the element itself\n     * @param {string} cssSelector A CSS Selector that identifies the elements to return\n     * @returns {HTMLElement[]} Array of DOM elements/nodes. Array is empty if selector is not found.\n     */\n    $$(cssSelector) {\n        return Array.from(Ui.doc.querySelectorAll(cssSelector))\n    }\n\n    /** Add 1 or several class names to an element\n     * @param {string|string[]} classNames Single or array of classnames\n     * @param {HTMLElement} el HTML Element to add class(es) to\n     */\n    addClass(classNames, el) {\n        if (!Array.isArray(classNames)) classNames = [classNames]\n        if (el) el.classList.add(...classNames)\n    }\n\n    /** Apply a source template tag to a target html element\n     * NOTES:\n     * - styles in ALL templates are accessible to all templates.\n     * - scripts in templates are run AT TIME OF APPLICATION (so may run multiple times).\n     * - scripts in templates are applied in order of application, so variables may not yet exist if defined in subsequent templates\n     * @param {string} sourceId The HTML ID of the source element\n     * @param {string} targetId The HTML ID of the target element\n     * @param {object} config Configuration options\n     * @param {boolean=} config.onceOnly If true, the source will be adopted (the source is moved)\n     * @param {object=} config.attributes A set of key:value pairs that will be applied as attributes to the target\n     */\n    applyTemplate(sourceId, targetId, config) {\n        if (!config) config = { onceOnly: false }\n\n        const template = Ui.doc.getElementById(sourceId)\n        const target = Ui.doc.getElementById(targetId)\n\n        if (template && target) {\n            let content\n            try {\n                if (config.onceOnly !== true) content = Ui.doc.importNode(template.content, true)\n                else content = Ui.doc.adoptNode(template.content)\n                // NB content.childElementCount = 0 after adoption\n            } catch (e) {\n                Ui.log('error', 'Ui:applyTemplate', `Source must be a <template>. id='${sourceId}'`)()\n                return\n            }\n            if (content) {\n                // Apply config.attributes to the 1st element of the template content\n                if (config.attributes) {\n                    const el = content.firstElementChild\n                    Object.keys(config.attributes).forEach( attrib => {\n                        // Apply each attribute and value\n                        el.setAttribute(attrib, config.attributes[attrib])\n                    })\n                }\n                // ! TODO Add ability to change slot content\n                // Apply to the target\n                target.appendChild(content)\n            }\n        } else {\n            if (!template) Ui.log('error', 'Ui:applyTemplate', `Source not found: id='${sourceId}'`)()\n            if (!target) Ui.log('error', 'Ui:applyTemplate', `Target not found: id='${targetId}'`)()\n        }\n    }\n\n    /** Builds an HTML table from an array (or object) of objects\n     * 1st row is used for columns. If an object of objects, the outer keys\n     * are used as row ID's (prefixed with \"r-\").\n     * @param {Array<object>|Object} data Input data array or object\n     * @returns {HTMLTableElement|HTMLParagraphElement} Output HTML Element\n     */\n    buildHtmlTable(data) {\n        // If data is an object of objects, convert it to an array of objects\n        let keys\n        if (!Array.isArray(data)) {\n            if (typeof data === 'object') {\n                keys = Object.keys(data)\n                data = Object.values(data)\n            }\n            // Ensure input is an array of objects\n            if (!Array.isArray(data)) {\n                const out = Ui.doc.createElement('p')\n                out.textContent = 'Input data is not an array or an object, cannot create a table.'\n                return out\n            }\n        }\n\n        const tbl = Ui.doc.createElement('table')\n        // Heading row\n        const thead = Ui.doc.createElement('thead')\n        const headerRow = Ui.doc.createElement('tr')\n        // Get the headers from the keys of the first object\n        const headers = Object.keys(data[0])\n        headers.forEach(header => {\n            const th = Ui.doc.createElement('th')\n            th.textContent = header\n            headerRow.appendChild(th)\n        })\n        thead.appendChild(headerRow)\n        tbl.appendChild(thead)\n\n        // body\n        const tbody = Ui.doc.createElement('tbody')\n        data.forEach( (item, i) => {\n            const row = Ui.doc.createElement('tr')\n            if (keys) row.id = `r-${keys[i]}`\n            headers.forEach(header => {\n                const cell = Ui.doc.createElement('td')\n                // cell.textContent = item[header]\n                cell.innerHTML = this.sanitiseHTML(item[header])\n                row.appendChild(cell)\n            })\n            tbody.appendChild(row)\n        })\n        tbl.appendChild(tbody)\n\n        return tbl\n    }\n\n    /** Converts markdown text input to HTML if the Markdown-IT library is loaded\n     * Otherwise simply returns the text\n     * @param {string} mdText The input markdown string\n     * @returns {string} HTML (if Markdown-IT library loaded and parse successful) or original text\n     */\n    convertMarkdown(mdText) {\n        if (!mdText) return ''\n        if (!Ui.win['markdownit']) return mdText\n        if (!Ui.md) this._markDownIt() // To handle case where the library is late loaded\n        // Convert from markdown to HTML\n        try {\n            return Ui.md.render(mdText.trim())\n        } catch (e) {\n            Ui.log(0, 'uibuilder:convertMarkdown', `Could not render Markdown. ${e.message}`, e)()\n            return '<p class=\"border error\">Could not render Markdown<p>'\n        }\n    }\n\n    /** Include HTML fragment, img, video, text, json, form data, pdf or anything else from an external file or API\n     * Wraps the included object in a div tag.\n     * PDF's, text or unknown MIME types are also wrapped in an iFrame.\n     * @param {string} url The URL of the source file to include\n     * @param {object} uiOptions Object containing properties recognised by the _uiReplace function. Must at least contain an id\n     * param {string} uiOptions.id The HTML ID given to the wrapping DIV tag\n     * param {string} uiOptions.parentSelector The CSS selector for a parent element to insert the new HTML under (defaults to 'body')\n     * @returns {Promise<any>} Status\n     */\n    async include(url, uiOptions) { // eslint-disable-line sonarjs/cognitive-complexity\n        // TODO: src, id, parent must all be a strings\n        if (!fetch) {\n            Ui.log(0, 'Ui:include', 'Current environment does not include `fetch`, skipping.')()\n            return 'Current environment does not include `fetch`, skipping.'\n        }\n        if (!url) {\n            Ui.log(0, 'Ui:include', 'url parameter must be provided, skipping.')()\n            return 'url parameter must be provided, skipping.'\n        }\n        if (!uiOptions || !uiOptions.id) {\n            Ui.log(0, 'Ui:include', 'uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.')()\n            return 'uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.'\n        }\n\n        // Try to get the content via the URL\n        let response\n        try {\n            response = await fetch(url)\n        } catch (error) {\n            Ui.log(0, 'Ui:include', `Fetch of file '${url}' failed. `, error.message)()\n            return error.message\n        }\n        if (!response.ok) {\n            Ui.log(0, 'Ui:include', `Fetch of file '${url}' failed. Status='${response.statusText}'`)()\n            return response.statusText\n        }\n\n        // Work out what type of data we got\n        const contentType = await response.headers.get('content-type')\n        let type = null\n        if (contentType) {\n            if (contentType.includes('text/html')) {\n                type = 'html'\n            } else if (contentType.includes('application/json')) {\n                type = 'json'\n            } else if (contentType.includes('multipart/form-data')) {\n                type = 'form'\n            } else if (contentType.includes('image/')) {\n                type = 'image'\n            } else if (contentType.includes('video/')) {\n                type = 'video'\n            } else if (contentType.includes('application/pdf')) {\n                type = 'pdf'\n            } else if (contentType.includes('text/plain')) {\n                type = 'text'\n            } // else type = null\n        }\n\n        // Create the HTML to include on the page based on type\n        let slot = ''\n        let txtReturn = 'Include successful'\n        let data\n        switch (type) {\n            case 'html': {\n                data = await response.text()\n                slot = data\n                break\n            }\n\n            case 'json': {\n                data = await response.json()\n                slot = '<pre class=\"syntax-highlight\">'\n                slot += this.syntaxHighlight(data)\n                slot += '</pre>'\n                break\n            }\n\n            case 'form': {\n                data = await response.formData()\n                slot = '<pre class=\"syntax-highlight\">'\n                slot += this.syntaxHighlight(data)\n                slot += '</pre>'\n                break\n            }\n\n            case 'image': {\n                data = await response.blob()\n                slot = `<img src=\"${URL.createObjectURL(data)}\">`\n                if (Ui.win['DOMPurify']) {\n                    txtReturn = 'Include successful. BUT DOMPurify loaded which may block its use.'\n                    Ui.log('warn', 'Ui:include:image', txtReturn)()\n                }\n                break\n            }\n\n            case 'video': {\n                data = await response.blob()\n                slot = `<video controls autoplay><source src=\"${URL.createObjectURL(data)}\"></video>`\n                if (Ui.win['DOMPurify']) {\n                    txtReturn = 'Include successful. BUT DOMPurify loaded which may block its use.'\n                    Ui.log('warn', 'Ui:include:video', txtReturn)()\n                }\n                break\n            }\n\n            case 'pdf':\n            case 'text':\n            default: {\n                data = await response.blob()\n                slot = `<iframe style=\"resize:both;width:inherit;height:inherit;\" src=\"${URL.createObjectURL(data)}\">`\n                if (Ui.win['DOMPurify']) {\n                    txtReturn = 'Include successful. BUT DOMPurify loaded which may block its use.'\n                    Ui.log('warn', `Ui:include:${type}`, txtReturn)()\n                }\n                break\n            }\n        }\n\n        // Wrap it all in a <div id=\"...\" class=\"included\">\n        uiOptions.type = 'div'\n        uiOptions.slot = slot\n        if (!uiOptions.parent) uiOptions.parent = 'body'\n        if (!uiOptions.attributes) uiOptions.attributes = { class: 'included' }\n\n        // Use uibuilder's standard ui processing to turn the instructions into HTML\n        this._uiReplace({\n            components: [\n                uiOptions\n            ]\n        })\n\n        Ui.log('trace', `Ui:include:${type}`, txtReturn)()\n        return txtReturn\n    } // ---- End of include() ---- //\n\n    /** Attach a new remote script to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} url The url to be used in the script src attribute\n     */\n    loadScriptSrc(url) {\n        const newScript = Ui.doc.createElement('script')\n        newScript.src = url\n        newScript.async = false\n        Ui.doc.head.appendChild(newScript)\n    }\n\n    /** Attach a new text script to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} textFn The text to be loaded as a script\n     */\n    loadScriptTxt(textFn) {\n        const newScript = Ui.doc.createElement('script')\n        newScript.async = false\n        newScript.textContent = textFn\n        Ui.doc.head.appendChild(newScript)\n    }\n\n    /** Attach a new remote stylesheet link to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} url The url to be used in the style link href attribute\n     */\n    loadStyleSrc(url) {\n        const newStyle = Ui.doc.createElement('link')\n        newStyle.href = url\n        newStyle.rel = 'stylesheet'\n        newStyle.type = 'text/css'\n\n        Ui.doc.head.appendChild(newStyle)\n    }\n\n    /** Attach a new text stylesheet to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} textFn The text to be loaded as a stylesheet\n     */\n    loadStyleTxt(textFn) {\n        const newStyle = Ui.doc.createElement('style')\n        newStyle.textContent = textFn\n        Ui.doc.head.appendChild(newStyle)\n    }\n\n    /** Load a dynamic UI from a JSON web reponse\n     * @param {string} url URL that will return the ui JSON\n     */\n    loadui(url) {\n        if (!fetch) {\n            Ui.log(0, 'Ui:loadui', 'Current environment does not include `fetch`, skipping.')()\n            return\n        }\n        if (!url) {\n            Ui.log(0, 'Ui:loadui', 'url parameter must be provided, skipping.')()\n            return\n        }\n\n        fetch(url)\n            .then(response => {\n                if (response.ok === false) {\n                    // Ui.log('warn', 'Ui:loadui:then1', `Could not load '${url}'. Status ${response.status}, Error: ${response.statusText}`)()\n                    throw new Error(`Could not load '${url}'. Status ${response.status}, Error: ${response.statusText}`)\n                }\n\n                Ui.log('trace', 'Ui:loadui:then1', `Loaded '${url}'. Status ${response.status}, ${response.statusText}`)()\n                // Did we get json?\n                const contentType = response.headers.get('content-type')\n                if (!contentType || !contentType.includes('application/json')) {\n                    throw new TypeError(`Fetch '${url}' did not return JSON, ignoring`)\n                }\n                // Returns parsed json to next .then\n                return response.json()\n            })\n            .then(data => {\n                if (data !== undefined) {\n                    Ui.log('trace', 'Ui:loadui:then2', 'Parsed JSON successfully obtained')()\n                    // Call the _uiManager\n                    this._uiManager({ _ui: data })\n                    return true\n                }\n                return false\n            })\n            .catch(err => {\n                Ui.log('warn', 'Ui:loadui:catch', 'Error. ', err)()\n            })\n    } // --- end of loadui\n\n    /** ! NOT COMPLETE Move an element from one position to another\n     * @param {object} opts Options\n     * @param {string} opts.sourceSelector Required, CSS Selector that identifies the element to be moved\n     * @param {string} opts.targetSelector Required, CSS Selector that identifies the element to be moved\n     */\n    moveElement(opts) {\n        const { sourceSelector, targetSelector, moveType, position } = opts\n        const sourceEl = document.querySelector(sourceSelector)\n        if (!sourceEl) {\n            Ui.log(0, 'Ui:moveElement', 'Source element not found')()\n            return\n        }\n        const targetEl = document.querySelector(targetSelector)\n        if (!targetEl) {\n            Ui.log(0, 'Ui:moveElement', 'Target element not found')()\n            return\n        }\n    }\n\n    /** Get standard data from a DOM node.\n     * @param {*} node DOM node to examine\n     * @param {string} cssSelector Identify the DOM element to get data from\n     * @returns {object} Standardised data object\n     */\n    nodeGet(node, cssSelector) {\n        const thisOut = {\n            id: node.id === '' ? undefined : node.id,\n            name: node.name,\n            children: node.childNodes.length,\n            type: node.nodeName,\n            attributes: undefined,\n\n            isUserInput: node.validity ? true : false, // eslint-disable-line no-unneeded-ternary\n            userInput: !node.validity ? undefined : { // eslint-disable-line multiline-ternary\n                value: node.value,\n                validity: undefined,\n                willValidate: node.willValidate,\n                valueAsDate: node.valueAsDate,\n                valueAsNumber: node.valueAsNumber,\n                type: node.type,\n            },\n        }\n\n        if (['UL', 'OL'].includes(node.nodeName)) {\n            const listEntries = Ui.doc.querySelectorAll(`${cssSelector} li`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'DL') {\n            const listEntries = Ui.doc.querySelectorAll(`${cssSelector} dt`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'TABLE') {\n            const bodyEntries = Ui.doc.querySelectorAll(`${cssSelector} > tbody > tr`)\n            const headEntries = Ui.doc.querySelectorAll(`${cssSelector} > thead > tr`)\n            const cols = Ui.doc.querySelectorAll(`${cssSelector} > tbody > tr:last-child > *`)  // #eltest > table > tbody > tr:nth-child(3)\n            if (bodyEntries || headEntries || cols) {\n                thisOut.table = {\n                    'headRows': headEntries ? headEntries.length : 0,\n                    'bodyRows': bodyEntries ? bodyEntries.length : 0,\n                    'columns': cols ? cols.length : 0,\n                }\n            }\n        }\n        if (node.nodeName !== '#text' && node.attributes && node.attributes.length > 0) {\n            thisOut.attributes = {}\n            // @ts-ignore\n            for (const attrib of node.attributes) {\n                if (attrib.name !== 'id') {\n                    thisOut.attributes[attrib.name] = node.attributes[attrib.name].value\n                }\n                if (attrib.name === 'class') thisOut.classes = Array.from(node.classList)\n            }\n        }\n        if (node.nodeName === '#text') {\n            thisOut.text = node.textContent\n        }\n        if (node.validity) thisOut.userInput.validity = {}\n        for (const v in node.validity) {\n            thisOut.userInput.validity[v] = node.validity[v]\n        }\n\n        return thisOut\n    } // --- end of nodeGet --- //\n\n    /** Show a browser notification if possible. Returns a promise\n     * Config can be a simple string, a Node-RED msg (topic as title, payload as body)\n     * or a Notifications API options object + config.title string.\n     * Config ref: https://developer.mozilla.org/en-US/docs/Web/API/Notification/Notification\n     * @param {object|string} config Notification config object or simple message string\n     * @returns {Promise} Resolves on close or click event, returns the event.\n     */\n    async notification(config) {\n        if (typeof config === 'string') {\n            config = { body: config }\n        }\n        // Are notifications available?\n        if (typeof Notification === 'undefined') return Promise.reject(new Error('Notifications not available in this browser'))\n        // Do we have permission? If not, ask for permission\n        let permit = Notification.permission\n        if (permit === 'denied') {\n            return Promise.reject(new Error('Notifications not permitted by user')) // eslint-disable-line no-useless-return\n        } else if (permit === 'granted') {\n            return this._showNotification(config)\n        } else { // if (permit === 'default') {\n            permit = await Notification.requestPermission()\n            if (permit === 'granted') {\n                return this._showNotification(config)\n            }\n            return Promise.reject(new Error('Notifications not permitted by user'))\n        }\n    }\n\n    /** Remove All, 1 or more class names from an element\n     * @param {undefined|null|\"\"|string|string[]} classNames Single or array of classnames. If undefined, \"\" or null, remove all classes\n     * @param {HTMLElement} el HTML Element to add class(es) to\n     */\n    removeClass(classNames, el) {\n        if (!classNames) {\n            el.removeAttribute('class')\n            return\n        }\n        if (!Array.isArray(classNames)) classNames = [classNames]\n        if (el) el.classList.remove(...classNames)\n    }\n\n    /** Replace or add an HTML element's slot from text or an HTML string\n     * WARNING: Executes <script> tags! And will process <style> tags.\n     * Will use DOMPurify if that library has been loaded to window.\n     * param {*} ui Single entry from the msg._ui property\n     * @param {Element} el Reference to the element that we want to update\n     * @param {*} slot The slot content we are trying to add/replace (defaults to empty string)\n     */\n    replaceSlot(el, slot) {\n        if (!el) return\n        if (!slot) slot = ''\n\n        // If DOMPurify is loaded, apply it now\n        slot = this.sanitiseHTML(slot)\n\n        // Create doc frag and apply html string (msg.payload or the slot property)\n        const tempFrag = Ui.doc.createRange().createContextualFragment(slot)\n\n        // Remove content of el and replace with tempFrag\n        const elRange = Ui.doc.createRange()\n        elRange.selectNodeContents(el)\n        elRange.deleteContents()\n        el.append(tempFrag)\n    }\n\n    /** Replace or add an HTML element's slot from a Markdown string\n     * Only does something if the markdownit library has been loaded to window.\n     * Will use DOMPurify if that library has been loaded to window.\n     * @param {Element} el Reference to the element that we want to update\n     * @param {*} component The component we are trying to add/replace\n     */\n    replaceSlotMarkdown(el, component) {\n        if (!el) return\n        if (!component.slotMarkdown) return\n\n        // Convert from markdown to HTML\n        component.slotMarkdown = this.convertMarkdown(component.slotMarkdown)\n        // If DOMPurify is loaded, apply it now\n        component.slotMarkdown = this.sanitiseHTML(component.slotMarkdown)\n        // Set the component content to the the converted slotMarkdown property\n        el.innerHTML = component.slotMarkdown\n    }\n\n    /** Sanitise HTML to make it safe - if the DOMPurify library is loaded\n     * Otherwise just returns that HTML as-is.\n     * @param {string} html The input HTML string\n     * @returns {string} The sanitised HTML or the original if DOMPurify not loaded\n     */\n    sanitiseHTML(html) {\n        if (!Ui.win['DOMPurify']) return html\n        return Ui.win['DOMPurify'].sanitize(html, { ADD_TAGS: this.sanitiseExtraTags, ADD_ATTR: this.sanitiseExtraAttribs })\n    }\n\n    /** Show a pop-over \"toast\" dialog or a modal alert // TODO - Allow notify to sit in corners rather than take over the screen\n     * Refs: https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/alertdialog.html,\n     *       https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/dialog.html,\n     *       https://www.w3.org/WAI/ARIA/apg/patterns/dialogmodal/\n     * @param {\"notify\"|\"alert\"} type Dialog type\n     * @param {object} ui standardised ui data\n     * @param {object} [msg] msg.payload/msg.topic - only used if a string. Optional.\n     * @returns {void}\n     */\n    showDialog(type, ui, msg) { // eslint-disable-line sonarjs/cognitive-complexity\n\n        //#region -- Check properties --\n\n        let content = ''\n        // Main body content\n        if (msg.payload && typeof msg.payload === 'string') content += `<div>${msg.payload}</div>`\n        if (ui.content) content += `<div>${ui.content}</div>`\n        // Toast wont show anyway if content is empty, may as well warn user\n        if (content === '') {\n            Ui.log(1, 'Ui:showDialog', 'Toast content is blank. Not shown.')()\n            return\n        }\n\n        // Use msg.topic as title if no title provided\n        if (!ui.title && msg.topic) ui.title = msg.topic\n        if (ui.title) content = `<p class=\"toast-head\">${ui.title}</p><p>${content}</p>`\n\n        // Allow for variants - @since v6.1 - don't bother - since this now sets CSS class, not tied to bootstrap-vue\n        // if ( !ui.variant || !['', 'primary', 'secondary', 'success', 'info', 'warn', 'warning', 'failure', 'error', 'danger'].includes(ui.variant)) ui.variant = ''\n\n        // Toasts auto-hide by default after 10s but alerts do not auto-hide\n        if (ui.noAutohide) ui.noAutoHide = ui.noAutohide\n        if (ui.noAutoHide) ui.autohide = !ui.noAutoHide\n        // If set, number of ms until toast is auto-hidden\n        if (ui.autoHideDelay) {\n            if (!ui.autohide) ui.autohide = true\n            ui.delay = ui.autoHideDelay\n        } else ui.autoHideDelay = 10000 // default = 10s\n        if (!Object.prototype.hasOwnProperty.call(ui, 'autohide')) ui.autohide = true\n\n        if (type === 'alert') {\n            ui.modal = true\n            ui.autohide = false\n            content = `<svg viewBox=\"0 0 192.146 192.146\" style=\"width:30;background-color:transparent;\"><path d=\"M108.186 144.372c0 7.054-4.729 12.32-12.037 12.32h-.254c-7.054 0-11.92-5.266-11.92-12.32 0-7.298 5.012-12.31 12.174-12.31s11.91 4.992 12.037 12.31zM88.44 125.301h15.447l2.951-61.298H85.46l2.98 61.298zm101.932 51.733c-2.237 3.664-6.214 5.921-10.493 5.921H12.282c-4.426 0-8.51-2.384-10.698-6.233a12.34 12.34 0 0 1 .147-12.349l84.111-149.22c2.208-3.722 6.204-5.96 10.522-5.96h.332c4.445.107 8.441 2.618 10.513 6.546l83.515 149.229c1.993 3.8 1.905 8.363-.352 12.066zm-10.493-6.4L96.354 21.454l-84.062 149.18h167.587z\" /></svg> ${content}`\n        }\n\n        //#endregion -- -- --\n\n        // Create a toaster container element if not already created - or get a ref to it\n        let toaster = Ui.doc.getElementById('toaster')\n        if (toaster === null) {\n            toaster = Ui.doc.createElement('div')\n            toaster.id = 'toaster'\n            toaster.title = 'Click to clear all notifcations'\n            toaster.setAttribute('class', 'toaster')\n            toaster.setAttribute('role', 'dialog')\n            toaster.setAttribute('arial-label', 'Toast message')\n            toaster.onclick = function () {\n                // @ts-ignore\n                toaster.remove()\n            }\n            Ui.doc.body.insertAdjacentElement('afterbegin', toaster)\n        }\n\n        // Create a toast element. Would be nice to use <dialog> but that isn't well supported yet - come on Apple!\n        const toast = Ui.doc.createElement('div')\n        toast.title = 'Click to clear this notifcation'\n        toast.setAttribute('class', `toast ${ui.variant ? ui.variant : ''} ${type}`)\n        toast.innerHTML = content\n        toast.setAttribute('role', 'alertdialog')\n        if (ui.modal) toast.setAttribute('aria-modal', ui.modal)\n        toast.onclick = function (evt) {\n            evt.stopPropagation()\n            toast.remove()\n            // @ts-ignore\n            if (toaster.childElementCount < 1) toaster.remove()\n        }\n\n        // TODO\n        if (type === 'alert') {\n            // newD.setAttribute('aria-labelledby', '')\n            // newD.setAttribute('aria-describedby', '')\n        }\n\n        toaster.insertAdjacentElement(ui.appendToast === true ? 'beforeend' : 'afterbegin', toast)\n\n        // Auto-hide\n        if (ui.autohide === true) {\n            setInterval(() => {\n                toast.remove()\n                // @ts-ignore\n                if (toaster.childElementCount < 1) toaster.remove()\n            }, ui.autoHideDelay)\n        }\n    } // --- End of showDialog ---\n\n    /** Directly manage UI via JSON\n     * @param {object} json Either an object containing {_ui: {}} or simply simple {} containing ui instructions\n     */\n    ui(json) {\n        // Simulate a msg and process\n        let msg = {}\n        if (json._ui) msg = json\n        else msg._ui = json\n\n        this._uiManager(msg)\n    }\n\n    /** Get data from the DOM. Returns selection of useful props unless a specific prop requested.\n     * @param {string} cssSelector Identify the DOM element to get data from\n     * @param {string} [propName] Optional. Specific name of property to get from the element\n     * @returns {Array<*>} Array of objects containing either specific requested property or a selection of useful properties\n     */\n    uiGet(cssSelector, propName = null) {\n        // The type cast below not really correct but it gets rid of the other typescript errors\n        const selection = /** @type {NodeListOf<HTMLInputElement>} */ (Ui.doc.querySelectorAll(cssSelector))\n\n        const out = []\n\n        selection.forEach(node => {\n            // Specific property asked for ...\n            if (propName) {\n                if (propName === 'classes') propName = 'class'\n                // Try assuming the prop is an attribute first (will return null or \"\" if not present)\n                let prop = node.getAttribute(propName)\n                // If not an attribute, try getting as a property of the element\n                if (prop === undefined || prop === null) {\n                    try {\n                        prop = node[propName]\n                    } catch (error) {}\n                }\n                // We didn't find as either an attribute or a property\n                if (prop === undefined || prop === null) {\n                    // If 'value' was requested, return the innerText\n                    if (propName.toLowerCase() === 'value') out.push(node.innerText)\n                    else out.push(`Property '${propName}' not found`)\n                } else {\n                    const p = {}\n                    // Nightmare of different object types in a DOM Element!\n                    const cType = prop.constructor.name.toLowerCase()\n                    if (cType === 'namednodemap') {\n                        for (const key of prop) {\n                            // @ts-ignore\n                            p[key.name] = prop[key.name].value\n                        }\n                    } else if (!cType.includes('map')) { // Ordinary properties (not a mapped type)\n                        p[propName] = prop\n                    } else { // Other MAP types\n                        const p = {}\n                        // @ts-ignore\n                        for (const key in prop) {\n                            p[key] = prop[key]\n                        }\n                    }\n                    if (p.class) p.classes = Array.from(node.classList)\n                    out.push(p)\n                }\n            } else { // Otherwise, grab everything useful\n                out.push(this.nodeGet(node, cssSelector))\n            }\n        })\n\n        return out\n    } // --- end of uiGet --- //\n\n    /** External alias for _uiComposeComponent\n     * @param {*} el HTML Element to enhance\n     * @param {*} comp Individual uibuilder ui component spec\n     */\n    uiEnhanceElement(el, comp) {\n        this._uiComposeComponent(el, comp)\n    }\n\n    //#endregion ---- -------- ----\n}\n\nmodule.exports = Ui\n\n// if (window) window['$ui'] = new Ui(window)\n\n// export Ui\n", "// @ts-nocheck\n/* This is the Front-End JavaScript for uibuilder  in HTML Module form\n  It provides a number of global objects that can be used in your own javascript.\n  see the docs folder `./docs/uibuilder.module.md` for details of how to use this fully.\n\n  Please use the default index.js file for your own code and leave this as-is.\n  See Uib._meta for client version string\n\n  Copyright (c) 2022-2024 Julian Knight (Totally Information)\n\n  Licensed under the Apache License, Version 2.0 (the \"License\");\n  you may not use this file except in compliance with the License.\n  You may obtain a copy of the License at\n\n  http://www.apache.org/licenses/LICENSE-2.0\n\n  Unless required by applicable law or agreed to in writing, software\n  distributed under the License is distributed on an \"AS IS\" BASIS,\n  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  See the License for the specific language governing permissions and\n  limitations under the License.\n*/\n\n//#region --- Type Defs --- //\n/**\n * A string containing HTML markup\n * @typedef {string} html\n */\n//#endregion --- Type Defs --- //\n\n// We need the Socket.IO & ui libraries & the uib-var component  --- //\n// @ts-ignore - Note: Only works when using esbuild to bundle\nimport Ui from './ui'\nimport io from 'socket.io-client'\nimport UibVar from '../components/uib-var'\nimport UibMeta from '../components/uib-meta'\nimport ApplyTemplate from '../components/apply-template'\n\nconst version = '7.0.3-src'\n\n// TODO Add option to allow log events to be sent back to Node-RED as uib ctrl msgs\n//#region --- Module-level utility functions --- //\n\n// Detect whether the loaded library is minified or not\nconst isMinified = !(/param/).test(function (param) { })\n\n//#region --- print/console - debugging output functions --- //\n\n/** Custom logging. e.g. log(2, 'here:there', 'jiminy', {fred:'jim'})()\n * @returns {Function} Log function @example log(2, 'here:there', 'jiminy', {fred:'jim'})()\n */\nfunction log() {\n    // Get the args\n    const args = Array.prototype.slice.call(arguments)\n\n    // 1st arg is the log level/type\n    let level = args.shift()\n    let strLevel\n    switch (level) {\n        case 'trace':\n        case 5: {\n            if (log.level < 5) break\n            level = 5 // make sure level is numeric\n            strLevel = 'trace'\n            break\n        }\n\n        case 'debug':\n        case 4: {\n            if (log.level < 4) break\n            level = 4\n            strLevel = 'debug'\n            break\n        }\n\n        case 'log':\n        case 3: {\n            if (log.level < 3) break\n            level = 3\n            strLevel = 'log'\n            break\n        }\n\n        case 'info':\n        case '':\n        case 2: {\n            if (log.level < 2) break\n            level = 2\n            strLevel = 'info'\n            break\n        }\n\n        case 'warn':\n        case 1: {\n            if (log.level < 1) break\n            level = 1\n            strLevel = 'warn'\n            break\n        }\n\n        case 'error':\n        case 'err':\n        case 0: {\n            if (log.level < 0) break\n            level = 0\n            strLevel = 'error'\n            break\n        }\n\n        default: {\n            level = -1\n            break\n        }\n    }\n\n    // If set to something unknown, no log output\n    if (strLevel === undefined) return function () { }\n\n    // 2nd arg is a heading that will be colour highlighted\n    const head = args.shift()\n\n    // Bind back to console.log (could use console[strLevel] but some levels ignore some formatting, use console.xxx directly or dedicated fn)\n    return Function.prototype.bind.call(\n        console[log.LOG_STYLES[strLevel].console],\n        console,\n        `%c${log.LOG_STYLES[strLevel].pre}${strLevel}%c [${head}]`, `${log.LOG_STYLES.level} ${log.LOG_STYLES[strLevel].css}`, `${log.LOG_STYLES.head} ${log.LOG_STYLES[strLevel].txtCss}`,\n        ...args\n    )\n}\n\n// Nice console styling\nlog.LOG_STYLES = {\n    // 0\n    error: {\n        css: 'background: red; color: black;',\n        txtCss: 'color: red; ',\n        pre: '\u26D4 ',\n        console: 'error',  // or trace\n    },\n    // 1\n    warn: {\n        css: 'background: darkorange; color: black;',\n        txtCss: 'color: darkorange; ',\n        pre: '\u26A0 ',\n        console: 'warn',\n    },\n    // 2\n    info: {\n        css: 'background: aqua; color: black;',\n        txtCss: 'color: aqua;',\n        pre: '\u2757 ',\n        console: 'info',\n    },\n    // 3\n    log: {\n        css: 'background: grey; color: yellow;',\n        txtCss: 'color: grey;',\n        pre: '',\n        console: 'log',\n    },\n    // 4\n    debug: {\n        css: 'background: chartreuse; color: black;',\n        txtCss: 'color: chartreuse;',\n        pre: '',\n        console: 'debug',\n    },\n    // 5\n    trace: {\n        css: 'background: indigo; color: yellow;',\n        txtCss: 'color: hotpink;',\n        pre: '',\n        console: 'log',\n    },\n\n    names: ['error', 'warn', 'info', 'log', 'debug', 'trace'],\n    reset: 'color: inherit;',\n    head: 'font-weight:bold; font-style:italic;',\n    level: 'font-weight:bold; border-radius: 3px; padding: 2px 5px; display:inline-block;',\n}\n\n/** Default log level - Error */\nlog.default = 0\nlet ll\n\n// Check if the script element was found and get the data-log-level attribute (only numeric levels allowed here)\ntry {\n    const scriptElement = document.currentScript\n    ll = scriptElement.getAttribute('logLevel')\n} catch (e) {}\n\n// Otherwise check if the import url (for ESM only) has a logLevel query param\nif (ll === undefined) {\n    try {\n        const url = new URL(import.meta.url).searchParams\n        ll = url.get('logLevel')\n    } catch (e) {}\n}\n\n// If either found, check numeric and set default level if so\nif (ll !== undefined) {\n    ll = Number(ll)\n    if (isNaN(ll)) {\n        console.warn( `[Uib:constructor] Cannot set logLevel to \"${scriptElement.getAttribute('logLevel')}\". Defaults to 0 (error).`)\n        log.default = 0\n    } else log.default = ll\n}\n\n// Set current level to default\nlog.level = log.default\n\n// log.default = isMinified ? 0 : 1  // When using minified lib, assume production and only log errors otherwise also log warn\n\n//#endregion\n\n/** A hack to dynamically load a remote module and wait until it is loaded\n * @param {string} url The URL of the module to load\n * @returns {object|null} Either the result object or null (if the load fails)\n */\n// function loadModule(url) { // eslint-disable-line no-unused-vars\n//     let done\n\n//     import(url)\n//         .then(res => {\n//             log('debug', '>> then >>', res)()\n//             done = res\n//         })\n//         .catch(err => {\n//             console.error(`[uibuilder:loadModule] Could not load module ${url}`, err)\n//             done = null\n//         })\n\n//     //  eslint-disable-next-line no-empty\n//     while (!done) { } // eslint-disable-line no-unmodified-loop-condition\n\n//     return done\n// }\n\n/** Convert JSON to Syntax Highlighted HTML\n * @param {object} json A JSON/JavaScript Object\n * @returns {html} Object reformatted as highlighted HTML\n */\nfunction syntaxHighlight(json) {\n    if (json === undefined) {\n        json = '<span class=\"undefined\">undefined</span>'\n    } else {\n        try {\n            json = JSON.stringify(json, undefined, 4)\n            // json = json.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;') // eslint-disable-line newline-per-chained-call\n            json = json.replace(/(\"(\\\\u[a-zA-Z0-9]{4}|\\\\[^u]|[^\\\\\"])*\"(\\s*:)?|\\b(true|false|null)\\b|-?\\d+(?:\\.\\d*)?(?:[eE][+-]?\\d+)?)/g, function (match) { // eslint-disable-line prefer-named-capture-group\n                let cls = 'number'\n                if ((/^\"/).test(match)) {\n                    if ((/:$/).test(match)) {\n                        cls = 'key'\n                    } else {\n                        cls = 'string'\n                    }\n                } else if ((/true|false/).test(match)) {\n                    cls = 'boolean'\n                } else if ((/null/).test(match)) {\n                    cls = 'null'\n                }\n                return `<span class=\"${cls}\">${match}</span>`\n            })\n        } catch (e) {\n            json = `Syntax Highlight ERROR: ${e.message}`\n        }\n    }\n    return json\n}\n\n/** msg._ui handling functions */\nconst _ui = new Ui(window, log, syntaxHighlight)\n\n//#endregion --- Module-level utility functions --- //\n\n/** Define and export the Uib class - note that an instance of the class is also exported in the wrap-up\n * @typicalname uibuilder\n */\nexport const Uib = class Uib {\n\n    //#region --- Static variables ---\n    static _meta = {\n        version: version,\n        type: 'module',\n        displayName: 'uibuilder',\n    }\n    //#endregion ---- ---- ---- ----\n\n    //#region private class vars\n\n    // How many times has the loaded instance connected to Socket.IO (detect if not a new load?)\n    connectedNum = 0\n    // event listener callbacks by property name\n    // #events = {}\n    // Socket.IO channel names\n    _ioChannels = { control: 'uiBuilderControl', client: 'uiBuilderClient', server: 'uiBuilder' }\n    /** setInterval holder for pings @type {function|undefined} */\n    #pingInterval\n    // onChange event callbacks\n    #propChangeCallbacks = {}\n    // onTopic event callbacks\n    #msgRecvdByTopicCallbacks = {}\n    // Is Vue available?\n    isVue = false\n    // What version? Set in startup if Vue is loaded. Won't always work\n    vueVersion = undefined\n    /** setInterval id holder for Socket.IO checkConnect\n     * @type {number|null}\n     */\n    #timerid = null\n    // Holds the reference ID for the internal msg change event handler so that it can be cancelled\n    #MsgHandler\n    // Placeholder for io.socket - can't make a # var until # fns allowed in all browsers\n    _socket\n    // Placeholder for an observer that watches the whole DOM for changes - can't make a # var until # fns allowed in all browsers\n    _htmlObserver\n    // Has showMsg been turned on?\n    #isShowMsg = false\n    // Has showStatus been turned on?\n    #isShowStatus = false\n    // If true, URL hash changes send msg back to node-red. Controlled by watchUrlHash()\n    #sendUrlHash = false\n    // Used to help create unique element ID's if one hasn't been provided, increment on use\n    #uniqueElID = 0\n    // Externally accessible command functions (NB: Case must match) - remember to update _uibCommand for new commands\n    #extCommands = [\n        'elementExists', 'get', 'getManagedVarList', 'getWatchedVars', 'htmlSend', 'include',\n        'navigate', 'scrollTo', 'set', 'showMsg', 'showStatus', 'uiGet', 'uiWatch', 'watchUrlHash',\n    ]\n\n    /** @type {{[key: string]: string}} Managed uibuilder variables */\n    #managedVars = {}\n\n    // What status variables to show via showStatus()\n    #showStatus = {\n        online: { 'var': 'online', 'label': 'Online?', 'description': 'Is the browser online?', },\n        ioConnected: { 'var': 'ioConnected', 'label': 'Socket.IO connected?', 'description': 'Is Socket.IO connected?', },\n        connectedNum: { 'var': 'connectedNum', 'label': '# reconnections', 'description': 'How many times has Socket.IO had to reconnect since last page load?', },\n\n        clientId: { 'var': 'clientId', 'label': 'Client ID', 'description': 'Static client unique id set in Node-RED. Only changes when browser is restarted.', },\n        tabId: { 'var': 'tabId', 'label': 'Browser tab ID', 'description': 'Static unique id for the browser\\'s current tab', },\n        cookies: { 'var': 'cookies', 'label': 'Cookies', 'description': 'Cookies set in Node-RED', },\n        httpNodeRoot: { 'var': 'httpNodeRoot', 'label': 'httpNodeRoot', 'description': 'From Node-RED\\' settings.js, affects URL\\'s. May be wrong for pages in sub-folders', },\n        pageName: { 'var': 'pageName', 'label': 'Page name', 'description': 'Actual name of this page', },\n\n        ioNamespace: { 'var': 'ioNamespace', 'label': 'SIO namespace', 'description': 'Socket.IO namespace - unique to each uibuilder node instance', },\n        // ioPath: { 'var': 'ioPath', 'label': 'SIO path', 'description': '', }, // no longer needed in the modern client\n        socketError: { 'var': 'socketError', 'label': 'Socket error', 'description': 'If the Socket.IO connection has failed, says why', },\n\n        msgsSent: { 'var': 'msgsSent', 'label': '# msgs sent', 'description': 'How many standard messages have been sent to Node-RED?', },\n        msgsReceived: { 'var': 'msgsReceived', 'label': '# msgs received', 'description': 'How many standard messages have been received from Node-RED?', },\n        msgsSentCtrl: { 'var': 'msgsSentCtrl', 'label': '# control msgs sent', 'description': 'How many control messages have been sent to Node-RED?', },\n        msgsCtrlReceived: { 'var': 'msgsCtrlReceived', 'label': '# control msgs received', 'description': 'How many control messages have been received from Node-RED?', },\n        originator: { 'var': 'originator', 'label': 'Node Originator', 'description': 'If the last msg from Node-RED was from a `uib-sender` node, this will be its node id so that messasges can be returned to it', },\n        topic: { 'var': 'topic', 'label': 'Default topic', 'description': 'Optional default topic to be included in outgoing standard messages', },\n\n        started: { 'var': 'started', 'label': 'Has uibuilder client started?', 'description': 'Whether `uibuilder.start()` ran successfully. This should self-run and should not need to be run manually', },\n        version: { 'var': 'version', 'label': 'uibuilder client version', 'description': 'The version of the loaded uibuilder client library', },\n        serverTimeOffset: { 'var': 'serverTimeOffset', 'label': 'Server time offset (Hrs)', 'description': 'The number of hours difference between the Node-red server and the client', },\n    }\n\n    // Track ui observers (see uiWatch)\n    #uiObservers = {}\n\n    // List of uib specific attributes that will be watched and processed dynamically\n    uibAttribs = ['uib-topic', 'data-uib-topic']\n    #uibAttrSel = `[${this.uibAttribs.join('], [')}]`\n\n    //#endregion\n\n    //#region public class vars\n\n    // TODO Move to proper getters\n    //#region ---- Externally read-only (via .get method) ---- //\n    // version - moved to _meta\n    /** Client ID set by uibuilder on connect */\n    clientId = ''\n    /** The collection of cookies provided by uibuilder */\n    cookies = {}\n    /** Copy of last control msg object received from sever */\n    ctrlMsg = {}\n    /** Is Socket.IO client connected to the server? */\n    ioConnected = false\n    // Is the library running from a minified version?\n    isMinified = isMinified\n    // Is the browser tab containing this page visible or not?\n    isVisible = false\n    // Remember the last page (re)load/navigation type: navigate, reload, back_forward, prerender\n    lastNavType = ''\n    // Max msg size that can be sent over Socket.IO - updated by \"client connect\" msg receipt\n    maxHttpBufferSize = 1048576\n    /** Last std msg received from Node-RED */\n    msg = {}\n    /** number of messages sent to server since page load */\n    msgsSent = 0\n    /** number of messages received from server since page load */\n    msgsReceived = 0\n    /** number of control messages sent to server since page load */\n    msgsSentCtrl = 0\n    /** number of control messages received from server since page load */\n    msgsCtrlReceived = 0\n    /** Is the client online or offline? */\n    online = navigator.onLine\n    /** last control msg object sent via uibuilder.send() @since v2.0.0-dev3 */\n    sentCtrlMsg = {}\n    /** last std msg object sent via uibuilder.send() */\n    sentMsg = {}\n    /** placeholder to track time offset from server, see fn socket.on(ioChannels.server ...) */\n    serverTimeOffset = null\n    /** placeholder for a socket error message */\n    socketError = null\n    // tab identifier from session storage\n    tabId = ''\n    // Actual name of current page (set in constructor)\n    pageName = null\n    // Is the DOMPurify library loaded? Updated in start()\n    purify = false\n    // Is the Markdown-IT library loaded? Updated in start()\n    markdown = false\n    // Current URL hash. Initial set is done from start->watchHashChanges via a set to make it watched\n    urlHash = location.hash\n    //#endregion ---- ---- ---- ---- //\n\n    // TODO Move to proper getters/setters\n    //#region ---- Externally Writable (via .set method, read via .get method) ---- //\n    /** Default originator node id - empty string by default\n     * @type {string}\n     */\n    originator = ''\n    /** Default topic - used by send if set and no topic provided\n     * @type {(string|undefined)}\n     */\n    topic = undefined\n    /** Either undefined or a reference to a uib router instance\n     * Set by uibrouter, do not set manually.\n     */\n    uibrouterinstance\n    /** Set by uibrouter, do not set manually */\n    uibrouter_CurrentRoute\n    //#endregion ---- ---- ---- ---- //\n\n    //#region ---- These are unlikely to be needed externally: ----\n    autoSendReady = true\n    httpNodeRoot = '' // Node-RED setting (via cookie)\n    ioNamespace = ''\n    ioPath = ''\n    retryFactor = 1.5       // starting delay factor for subsequent reconnect attempts\n    retryMs = 2000          // starting retry ms period for manual socket reconnections workaround\n    storePrefix = 'uib_'    // Prefix for all uib-related localStorage\n    started = false\n    // NOTE: These can only change when a client (re)connects\n    socketOptions = {\n        path: this.ioPath,\n        // https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API\n        // https://developer.mozilla.org/en-US/docs/Web/API/WebTransport_API\n        // https://socket.io/get-started/webtransport\n        // NOTE: webtransport requires HTTP/3 and TLS. HTTP/2 & 3 not yet available in Node.js\n        // transports: ['polling', 'websocket', 'webtransport'],\n        transports: ['polling', 'websocket'],\n        // Using callback so that they are updated automatically on (re)connect\n        // Only put things in here that will be valid for a websocket connected session\n        auth: (cb) => {\n            cb({ // eslint-disable-line n/no-callback-literal\n                clientVersion: version,\n                clientId: this.clientId,\n                pathName: window.location.pathname,\n                urlParams: Object.fromEntries(new URLSearchParams(location.search)),\n                pageName: this.pageName,\n                tabId: this.tabId,\n                lastNavType: this.lastNavType,\n                connectedNum: ++this.connectedNum,\n                // Used to calculate the diff between the server and client connection timestamps - reported if >1 minute\n                browserConnectTimestamp: (new Date()).toISOString(),\n            })\n        },\n        transportOptions: {\n            // Can only set headers when polling\n            polling: {\n                extraHeaders: {\n                    'x-clientid': `${Uib._meta.displayName}; ${Uib._meta.type}; ${Uib._meta.version}; ${this.clientId}`,\n                }\n            },\n        },\n    }\n    //#endregion -- not external --\n\n    //#endregion --- End of variables ---\n\n    //#region ------- Getters and Setters ------- //\n\n    // Change logging level dynamically (affects both console. and print.)\n    set logLevel(level) { log.level = level; console.log('%c\u2757 info%c [logLevel]', `${log.LOG_STYLES.level} ${log.LOG_STYLES.info.css}`, `${log.LOG_STYLES.head} ${log.LOG_STYLES.info.txtCss}`, `Set to ${level} (${log.LOG_STYLES.names[level]})`) /* changeLogLevel(level)*/ }\n    get logLevel() { return log.level }\n\n    get meta() { return Uib._meta }\n\n    /** Function to set uibuilder properties to a new value - works on any property except _* or #*\n     * Also triggers any event listeners.\n     * Example: this.set('msg', {topic:'uibuilder', payload:42});\n     * @param {string} prop Any uibuilder property who's name does not start with a _ or #\n     * @param {*} val The set value of the property or a string declaring that a protected property cannot be changed\n     * @param {boolean} [store] If true, the variable is also saved to the browser localStorage if possible\n     * @param {boolean} [autoload] If true & store is true, on load, uib will try to restore the value from the store automatically\n     * @returns {*} Input value\n     */\n    set(prop, val, store = false, autoload = false) {\n        // Check for excluded properties - we don't want people to set these\n        // if (this.#excludedSet.indexOf(prop) !== -1) {\n        if (prop.startsWith('_') || prop.startsWith('#')) {\n            log('warn', 'Uib:set', `Cannot use set() on protected property \"${prop}\"`)()\n            return `Cannot use set() on protected property \"${prop}\"`\n        }\n\n        // We must add the var to the uibuilder object\n        this[prop] = val\n\n        // Keep track of all managed variables\n        this.#managedVars[prop] = prop\n\n        // If requested, save to store\n        if (store === true) this.setStore(prop, val, autoload)\n\n        log('trace', 'Uib:set', `prop set - prop: ${prop}, val: `, val, ` store: ${store}, autoload: ${autoload}`)()\n\n        // Trigger this prop's event callbacks (listeners which are set by this.onChange)\n        // this.emit(prop, val)\n\n        // trigger an event on the prop name, pass both the name and value to the event details\n        this._dispatchCustomEvent('uibuilder:propertyChanged', { 'prop': prop, 'value': val, 'store': store, 'autoload': autoload })\n\n        return val\n    }\n\n    /** Function to get the value of a uibuilder property\n     * Example: uibuilder.get('msg')\n     * @param {string} prop The name of the property to get as long as it does not start with a _ or #\n     * @returns {*|undefined} The current value of the property\n     */\n    get(prop) {\n        if (prop.startsWith('_') || prop.startsWith('#')) {\n            log('warn', 'Uib:get', `Cannot use get() on protected property \"${prop}\"`)()\n            return\n        }\n        if (prop === 'version') return Uib._meta.version\n        if (prop === 'msgsCtrl') return this.msgsCtrlReceived\n        if (prop === 'reconnections') return this.connectedNum\n        if (this[prop] === undefined) {\n            log('warn', 'Uib:get', `get() - property \"${prop}\" is undefined`)()\n        }\n        return this[prop]\n    }\n\n    /** Write to localStorage if possible. console error output if can't write\n     * Also uses this.storePrefix\n     * @example\n     *   uibuilder.setStore('fred', 42)\n     *   console.log(uibuilder.getStore('fred'))\n     * @param {string} id localStorage var name to be used (prefixed with 'uib_')\n     * @param {*} value value to write to localstore\n     * @param {boolean} [autoload] If true, on load, uib will try to restore the value from the store\n     * @returns {boolean} True if succeeded else false\n     */\n    setStore(id, value, autoload = false) {\n        let autoVars = {}\n        if (autoload === true) {\n            try {\n                autoVars = this.getStore('_uibAutoloadVars') || {}\n            } catch (e) {}\n        }\n        if (typeof value === 'object') {\n            try {\n                value = JSON.stringify(value)\n            } catch (e) {\n                log('error', 'Uib:setStore', 'Cannot stringify object, not storing. ', e)()\n                return false\n            }\n        }\n        try {\n            localStorage.setItem(this.storePrefix + id, value)\n            if (autoload) {\n                autoVars[id] = id\n                try {\n                    localStorage.setItem(this.storePrefix + '_uibAutoloadVars', JSON.stringify(autoVars))\n                } catch (e) {\n                    log('error', 'Uib:setStore', 'Cannot save autoload list. ', e)()\n                }\n            }\n            this._dispatchCustomEvent('uibuilder:propertyStored', { 'prop': id, 'value': value, 'autoload': autoload })\n            return true\n        } catch (e) {\n            log('error', 'Uib:setStore', 'Cannot write to localStorage. ', e)()\n            return false\n        }\n    } // --- end of setStore --- //\n\n    /** Attempt to get and re-hydrate a key value from localStorage\n     * Note that all uib storage is automatically prefixed using this.storePrefix\n     * @param {*} id The key of the value to attempt to retrieve\n     * @returns {*|null|undefined} The re-hydrated value of the key or null if key not found, undefined on error\n     */\n    getStore(id) {\n        try {\n            // @ts-ignore\n            return JSON.parse(localStorage.getItem(this.storePrefix + id))\n        } catch (e) { }\n        try {\n            return localStorage.getItem(this.storePrefix + id)\n        } catch (e) {\n            return undefined\n        }\n    }\n\n    /** Remove a given id from the uib keys in localStorage\n     * @param {*} id The key to remove\n     */\n    removeStore(id) {\n        try {\n            localStorage.removeItem(this.storePrefix + id)\n        } catch (e) { }\n    }\n\n    /** Returns a list of uibuilder properties (variables) that can be watched with onChange\n     * @returns {{[key: string]: string}} List of uibuilder managed variables\n     */\n    getManagedVarList() {\n        return this.#managedVars\n    }\n\n    getWatchedVars() {\n        return Object.keys(this.#propChangeCallbacks)\n    }\n\n    //#endregion ------- -------- ------- //\n\n    //#region ------- Our own event handling system ---------- //\n\n    /** Standard fn to create a custom event with details & dispatch it\n     * @param {string} title The event name\n     * @param {*} details Any details to pass to event output\n     */\n    _dispatchCustomEvent(title, details) {\n        const event = new CustomEvent(title, { detail: details })\n        document.dispatchEvent(event)\n    }\n\n    // See the this.#propChangeCallbacks & msgRecvdByTopicCallbacks private vars\n\n    /** Register on-change event listeners for uibuilder tracked properties\n     * Make it possible to register a function that will be run when the property changes.\n     * Note that you can create listeners for non-existant properties\n     * @example: uibuilder.onChange('msg', (msg) => { console.log('uibuilder.msg changed! It is now: ', msg) })\n     *\n     * @param {string} prop The property of uibuilder that we want to monitor\n     * @param {Function} callback The function that will run when the property changes, parameter is the new value of the property after change\n     * @returns {number} A reference to the callback to cancel, save and pass to uibuilder.cancelChange if you need to remove a listener\n     */\n    onChange(prop, callback) {\n        // Note: Property does not have to exist yet\n\n        // console.debug(`[Uib:onchange] pushing new callback (event listener) for property: ${prop}`)\n\n        // Create a new array or add to the array of callback functions for the property in the events object\n        // if (this.#events[prop]) {\n        //     this.#events[prop].push(callback)\n        // } else {\n        //     this.#events[prop] = [callback]\n        // }\n\n        // Make sure we have an object to receive the saved callback, update the latest reference number\n        if (!this.#propChangeCallbacks[prop]) this.#propChangeCallbacks[prop] = { _nextRef: 1 }\n        else this.#propChangeCallbacks[prop]._nextRef++\n\n        const nextCbRef = this.#propChangeCallbacks[prop]._nextRef\n\n        // Register the callback function. It is saved so that we can remove the event listener if we need to\n        const propChangeCallback = this.#propChangeCallbacks[prop][nextCbRef] = function propChangeCallback(e) {\n            // If the prop name matches the 1st arg in the onChange fn:\n            if (prop === e.detail.prop) {\n                const value = e.detail.value\n                // console.warn('[Uib:onChange:evt] uibuilder:propertyChanged. ', e.detail)\n                // Set the callback fn's `this` and its single argument to the msg\n                callback.call(value, value)\n            }\n        }\n\n        document.addEventListener('uibuilder:propertyChanged', propChangeCallback)\n\n        return nextCbRef\n    } // ---- End of onChange() ---- //\n\n    cancelChange(prop, cbRef) {\n        document.removeEventListener('uibuilder:propertyChanged', this.#propChangeCallbacks[prop][cbRef])\n        delete this.#propChangeCallbacks[prop][cbRef]\n        // this.#propChangeCallbacks[topic]._nextRef-- // Don't bother, let the ref# increase\n    }\n\n    /** Register a change callback for a specific msg.topic\n     * Similar to onChange but more convenient if needing to differentiate by msg.topic.\n     * @example: let otRef = uibuilder.onTopic('mytopic', function(){ console.log('Received a msg with msg.topic=`mytopic`. msg: ', this) })\n     * To cancel a change listener: uibuilder.cancelTopic('mytopic', otRef)\n     *\n     * @param {string} topic The msg.topic we want to listen for\n     * @param {Function} callback The function that will run when an appropriate msg is received. `this` inside the callback as well as the cb's single argument is the received msg.\n     * @returns {number} A reference to the callback to cancel, save and pass to uibuilder.cancelTopic if you need to remove a listener\n     */\n    onTopic(topic, callback) {\n        // Make sure we have an object to receive the saved callback, update the latest reference number\n        if (!this.#msgRecvdByTopicCallbacks[topic]) this.#msgRecvdByTopicCallbacks[topic] = { _nextRef: 1 }\n        else this.#msgRecvdByTopicCallbacks[topic]._nextRef++\n\n        const nextCbRef = this.#msgRecvdByTopicCallbacks[topic]._nextRef\n\n        // Register the callback function. It is saved so that we can remove the event listener if we need to\n        const msgRecvdEvtCallback = this.#msgRecvdByTopicCallbacks[topic][nextCbRef] = function msgRecvdEvtCallback(e) {\n            const msg = e.detail\n            // console.log('[Uib:onTopic:evt] uibuilder:stdMsgReceived where topic matches. ', e.detail)\n            if (msg.topic === topic) {\n                // Set the callback fn's `this` and its single argument to the msg\n                callback.call(msg, msg)\n            }\n        }\n\n        document.addEventListener('uibuilder:stdMsgReceived', msgRecvdEvtCallback)\n\n        return nextCbRef\n    }\n\n    cancelTopic(topic, cbRef) {\n        document.removeEventListener('uibuilder:stdMsgReceived', this.#msgRecvdByTopicCallbacks[topic][cbRef])\n        delete this.#msgRecvdByTopicCallbacks[topic][cbRef]\n        // this.#msgRecvdCallbacks[topic]._nextRef-- // Don't bother, let the ref# increase\n    }\n\n    /** Trigger event listener for a given property\n     * Called when uibuilder.set is used\n     *\n     * @param {*} prop The property for which to run the callback functions\n     * arguments: Additional arguments contain the value to pass to the event callback (e.g. newValue)\n     */\n    // emit(prop) {\n    //     var evt = this.#events[prop]\n    //     if (!evt) {\n    //         return\n    //     }\n    //     var args = Array.prototype.slice.call(arguments, 1)\n    //     for (var i = 0; i < evt.length; i++) {\n    //         evt[i].apply(this, args)\n    //     }\n    //     log('trace', 'Uib:emit', `${evt.length} listeners run for prop ${prop} `)()\n    // }\n\n    /** Forcibly removes all event listeners from the events array\n     * Use if you need to re-initialise the environment\n     */\n    // clearEventListeners() {\n    //     this.#events = []\n    // } // ---- End of clearEventListeners() ---- //\n\n    /** Clear a single property event listeners\n     * @param {string} prop The property of uibuilder for which we want to clear the event listener\n     */\n    // clearListener(prop) {\n    //     if (this.#events[prop]) delete this.#events[prop]\n    // }\n\n    //#endregion ---------- End of event handling system ---------- //\n\n    //#region ------- General Utility Functions -------- //\n\n    /** Check supplied msg from server for a timestamp - if received, work out & store difference to browser time\n     * @param {object} receivedMsg A message object recieved from Node-RED\n     * @returns {void} Updates self.serverTimeOffset if different to previous value\n     */\n    _checkTimestamp(receivedMsg) {\n        if (Object.prototype.hasOwnProperty.call(receivedMsg, 'serverTimestamp')) {\n            const serverTimestamp = new Date(receivedMsg.serverTimestamp)\n            // @ts-ignore\n            const offset = Math.round(((new Date()) - serverTimestamp) / 3600000) // in ms /3.6m to get hours\n            if (offset !== this.serverTimeOffset) {\n                log('trace', `Uib:checkTimestamp:${this._ioChannels.server} (server)`, `Offset changed to: ${offset} from: ${this.serverTimeOffset}`)()\n                this.set('serverTimeOffset', offset)\n            }\n        }\n    }\n\n    /** Set up an event listener to watch for hash changes\n     * and set the watchable urlHash variable\n     */\n    _watchHashChanges() {\n        this.set('urlHash', location.hash)\n        window.addEventListener('hashchange', (event) => {\n            this.set('urlHash', location.hash)\n            if (this.#sendUrlHash === true) {\n                this.send({ topic: 'hashChange', payload: location.hash, newHash: this.keepHashFromUrl(event.newURL), oldHash: this.keepHashFromUrl(event.oldURL) })\n            }\n        })\n    }\n\n    /** Returns a new array containing the intersection of the 2 input arrays\n     * @param {Array} a1 Array to check\n     * @param {Array} a2 Array to intersect\n     * @returns {Array} The intersection of the 2 arrays (may be an empty array)\n     */\n    arrayIntersect(a1, a2) {\n        return a1.filter(uName => a2.includes(uName))\n    }\n\n    /** Copies a uibuilder variable to the browser clipboard\n     * @param {string} varToCopy The name of the uibuilder variable to copy to the clipboard\n     */\n    copyToClipboard(varToCopy) {\n        let data = ''\n        try {\n            data = JSON.stringify(this.get(varToCopy))\n        } catch (e) {\n            log('error', 'copyToClipboard', `Could not copy \"${varToCopy}\" to clipboard.`, e.message)()\n        }\n        navigator.clipboard.writeText(data)\n    } // --- End of copyToClipboard --- //\n\n    /** Does the chosen CSS Selector currently exist?\n     * Automatically sends a msg back to Node-RED unless turned off.\n     * @param {string} cssSelector Required. CSS Selector to examine for visibility\n     * @param {boolean} [msg] Optional, default=true. If true also sends a message back to Node-RED\n     * @returns {boolean} True if the element exists\n     */\n    elementExists(cssSelector, msg = true) {\n        const el = document.querySelector(cssSelector)\n\n        let exists = false\n        if (el !== null) exists = true\n\n        if (msg === true) {\n            this.send({\n                payload: exists,\n                info: `Element \"${cssSelector}\" ${exists ? 'exists' : 'does not exist'}`\n            })\n        }\n\n        return exists\n    } // --- End of elementExists --- //\n\n    /** Format a number using the INTL standard library - compatible with uib-var filter function\n     * @param {number} value Number to format\n     * @param {number} decimalPlaces Number of decimal places to include. Default=no default\n     * @param {string} intl standard locale spec, e.g. \"ja-JP\" or \"en-GB\". Default=navigator.language\n     * @param {object} opts INTL library options object. Optional\n     * @returns {string} formatted number\n     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString\n     */\n    formatNumber(value, decimalPlaces, intl, opts) {\n        if (isNaN(value)) {\n            log('error', 'formatNumber', `Value must be a number. Value type: \"${typeof value}\"`)()\n            return 'NaN'\n        }\n        if (!opts) opts = {}\n        if (!intl) intl = navigator.language ? navigator.language : 'en-GB'\n        if (decimalPlaces) {\n            opts.minimumFractionDigits = decimalPlaces\n            opts.maximumFractionDigits = decimalPlaces\n        }\n        let out\n        try {\n            out = Number(value).toLocaleString(intl, opts)\n        } catch (e) {\n            log('error', 'formatNumber', `${e.message}. value=${value}, dp=${decimalPlaces}, intl=\"${intl}\", opts=${JSON.stringify(opts)}`)()\n            return 'NaN'\n        }\n        return out\n    }\n\n    /** Attempt to get rough size of an object\n     * @param {*} obj Any serialisable object\n     * @returns {number|undefined} Rough size of object in bytes or undefined\n     */\n    getObjectSize(obj) {\n        let size\n        try {\n            const jsonString = JSON.stringify(obj)\n            // Encode the string to a Uint8Array and measure its length\n            const encoder = new TextEncoder()\n            const uint8Array = encoder.encode(jsonString)\n            size = uint8Array.length\n        } catch (e) {\n            log('error', 'uibuilder:getObjectSize', 'Could not stringify, cannot determine size', obj, e)\n        }\n        return size\n    }\n\n    /** Returns true if a uibrouter instance is loaded, otherwise returns false\n     * @returns {boolean} true if uibrouter instance loaded else false\n     */\n    hasUibRouter() {\n        return !!this.uibrouterinstance\n    }\n\n    /** Only keep the URL Hash & ignoring query params\n     * @param {string} url URL to extract the hash from\n     * @returns {string} Just the route id\n     */\n    keepHashFromUrl(url) {\n        if (!url) return ''\n        return '#' + url.replace(/^.*#(.*)/, '$1').replace(/\\?.*$/, '')\n    }\n\n    log() {\n        log(...arguments)()\n    }\n\n    /** Makes a null or non-object into an object. If thing is already an object.\n     * If not null, moves \"thing\" to {payload:thing}\n     * @param {*} thing Thing to check\n     * @param {string} [property='payload'] property that \"thing\" is moved to if not null and not an object\n     * @returns {!object} _\n     */\n    makeMeAnObject(thing, property) {\n        if (!property) property = 'payload'\n        if (typeof property !== 'string') {\n            log('warn', 'uibuilder:makeMeAnObject', `WARNING: property parameter must be a string and not: ${typeof property}`)()\n            property = 'payload'\n        }\n        let out = {}\n        if ( thing !== null && thing.constructor.name === 'Object' ) {\n            out = thing\n        } else if (thing !== null) {\n            out[property] = thing\n        }\n        return out\n    } // --- End of make me an object --- //\n\n    /** Navigate to a new page or a new route (hash)\n     * @param {string} url URL to navigate to. Can be absolute or relative (to current page) or just a hash for a route change\n     * @returns {Location} The new window.location string\n     */\n    navigate(url) {\n        if (url) window.location.href = url\n        return window.location\n    }\n\n    /** Fast but accurate number rounding (https://stackoverflow.com/a/48764436/1309986 solution 2)\n     * Half away from zero method (AKA \"commercial\" rounding), most common type\n     * @param {number} num The number to be rounded\n     * @param {number} decimalPlaces Number of DP's to round to\n     * @returns Rounded number\n     */\n    round(num, decimalPlaces) {\n        const p = Math.pow(10, decimalPlaces || 0)\n        const n = (num * p) * (1 + Number.EPSILON)\n        return Math.round(n) / p\n    }\n\n    /** Set the default originator. Set to '' to ignore. Used with uib-sender.\n     * @param {string} [originator] A Node-RED node ID to return the message to\n     */\n    setOriginator(originator = '') {\n        this.set('originator', originator)\n    } // ---- End of setOriginator ---- //\n\n    /** HTTP Ping/Keep-alive - makes a call back to uibuilder's ExpressJS server and receives a 204 response\n     * Can be used to keep sessions alive.\n     * @example\n     *   uibuilder.setPing(2000) // repeat every 2 sec. Re-issue with ping(0) to turn off repeat.\n     *   uibuilder.onChange('ping', function(data) {\n     *      console.log('pinger', data)\n     *   })\n     * @param {number} ms Repeat interval in ms\n     */\n    setPing(ms = 0) {\n        const oReq = new XMLHttpRequest()\n        oReq.addEventListener('load', () => {\n            const headers = (oReq.getAllResponseHeaders()).split('\\r\\n')\n            const elapsedTime = Number(new Date()) - Number((oReq.responseURL.split('='))[1])\n            this.set('ping', {\n                success: !!((oReq.status === 201) || (oReq.status === 204)), // true if one of the listed codes else false\n                status: oReq.status,\n                headers: headers,\n                url: oReq.responseURL,\n                elapsedTime: elapsedTime,\n            })\n        })\n\n        if (this.#pingInterval) {\n            clearInterval(this.#pingInterval)\n            this.#pingInterval = undefined\n        }\n\n        oReq.open('GET', `${this.httpNodeRoot}/uibuilder/ping?t=${Number(new Date())}`)\n        oReq.send()\n\n        if (ms > 0) {\n            this.#pingInterval = setInterval(() => {\n                oReq.open('GET', `${this.httpNodeRoot}/uibuilder/ping?t=${Number(new Date())}`)\n                oReq.send()\n            }, ms)\n        }\n    } // ---- End of ping ---- //\n\n    /** Convert JSON to Syntax Highlighted HTML\n     * @param {object} json A JSON/JavaScript Object\n     * @returns {html} Object reformatted as highlighted HTML\n     */\n    syntaxHighlight(json) {\n        return syntaxHighlight(json)\n    } // --- End of syntaxHighlight --- //\n\n    /** Returns true/false or a default value for truthy/falsy and other values\n     * @param {string|number|boolean|*} val The value to test\n     * @param {any} deflt Default value to use if the value is not truthy/falsy\n     * @returns {boolean|any} The truth! Or the default\n     */\n    truthy(val, deflt) {\n        let ret\n        if (['on', 'On', 'ON', 'true', 'True', 'TRUE', '1', true, 1].includes(val)) ret = true\n        else if (['off', 'Off', 'OFF', 'false', 'False', 'FALSE', '0', false, 0].includes(val)) ret = false\n        else ret = deflt\n        return ret\n    }\n\n    /** Joins all arguments as a URL string\n     * see http://stackoverflow.com/a/28592528/3016654\n     * since v1.0.10, fixed potential double // issue\n     * arguments {string} URL fragments\n     * @returns {string} _\n     */\n    urlJoin() {\n        const paths = Array.prototype.slice.call(arguments)\n        const url = '/' + paths.map(function (e) {\n            return e.replace(/^\\/|\\/$/g, '')\n        })\n            .filter(function (e) {\n                return e\n            })\n            .join('/')\n        return url.replace('//', '/')\n    } // ---- End of urlJoin ---- //\n\n    /** Turn on/off/toggle sending URL hash changes back to Node-RED\n     * @param {string|number|boolean|undefined} [toggle] Optional on/off/etc\n     * @returns {boolean} True if we will send a msg to Node-RED on a hash change\n     */\n    watchUrlHash(toggle) {\n        this.#sendUrlHash = this.truthy(toggle, this.#sendUrlHash !== true)\n        return this.#sendUrlHash\n    }\n\n    /** DEPRECATED FOR NOW - wasn't working properly.\n     * Is the chosen CSS Selector currently visible to the user? NB: Only finds the FIRST element of the selection.\n     * Requires IntersectionObserver (available to all mainstream browsers from early 2019)\n     * Automatically sends a msg back to Node-RED.\n     * Requires the element to already exist.\n     * @returns {false} False if not visible\n     */\n    elementIsVisible() {\n        const info = 'elementIsVisible has been temporarily DEPRECATED as it was not working correctly and a fix is complex'\n        log('error', 'uib:elementIsVisible', info)()\n        this.send({ payload: 'elementIsVisible has been temporarily DEPRECATED as it was not working correctly and a fix is complex' })\n        return false\n    } // --- End of elementIsVisible --- //\n\n    //#endregion -------- -------- -------- //\n\n    //#region ------- UI handlers --------- //\n\n    //#region -- Direct to _ui --\n    // ! NOTE: Direct assignments change the target `this` to here. Use with caution\n    // However, also note that the window/jsdom and the window.document\n    // references are now static in _ui so not impacted by this.\n\n    /** Simplistic jQuery-like document CSS query selector, returns an HTML Element\n     * NOTE that this fn returns the element itself. Use $$ to get the properties of 1 or more elements.\n     * If the selected element is a <template>, returns the first child element.\n     * type {HTMLElement}\n     * @param {string} cssSelector A CSS Selector that identifies the element to return\n     * @returns {HTMLElement|null} Selected HTML element or null\n     */\n    $ = _ui.$\n\n    /** CSS query selector that returns ALL found selections. Matches the Chromium DevTools feature of the same name.\n     * NOTE that this fn returns an array showing the PROPERTIES of the elements whereas $ returns the element itself\n     * @param {string} cssSelector A CSS Selector that identifies the elements to return\n     * @returns {HTMLElement[]} Array of DOM elements/nodes. Array is empty if selector is not found.\n     */\n    $$ = _ui.$$\n\n    /** Reference to the full ui library */\n    $ui = _ui\n\n    /** Add 1 or several class names to an element\n     * @param {string|string[]} classNames Single or array of classnames\n     * @param {HTMLElement} el HTML Element to add class(es) to\n     */\n    addClass = _ui.addClass\n\n    /** Apply a source template tag to a target html element\n     * NOTES:\n     * - styles in ALL templates are accessible to all templates.\n     * - scripts in templates are run AT TIME OF APPLICATION (so may run multiple times).\n     * - scripts in templates are applied in order of application, so variables may not yet exist if defined in subsequent templates\n     * @param {HTMLElement} source The source element\n     * @param {HTMLElement} target The target element\n     * @param {boolean} onceOnly If true, the source will be adopted (the source is moved)\n     */\n    applyTemplate = _ui.applyTemplate\n\n    buildHtmlTable = _ui.buildHtmlTable\n\n    /** Converts markdown text input to HTML if the Markdown-IT library is loaded\n     * Otherwise simply returns the text\n     * @param {string} mdText The input markdown string\n     * @returns {string} HTML (if Markdown-IT library loaded and parse successful) or original text\n     */\n    convertMarkdown(mdText) {\n        return _ui.convertMarkdown\n    }\n\n    /** ASYNC: Include HTML fragment, img, video, text, json, form data, pdf or anything else from an external file or API\n     * Wraps the included object in a div tag.\n     * PDF's, text or unknown MIME types are also wrapped in an iFrame.\n     * @param {string} url The URL of the source file to include\n     * @param {object} uiOptions Object containing properties recognised by the _uiReplace function. Must at least contain an id\n     * param {string} uiOptions.id The HTML ID given to the wrapping DIV tag\n     * param {string} uiOptions.parentSelector The CSS selector for a parent element to insert the new HTML under (defaults to 'body')\n     */\n    async include(url, uiOptions) {\n        await _ui.include(url, uiOptions)\n    }\n\n    /** Attach a new remote script to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} url The url to be used in the script src attribute\n     */\n    loadScriptSrc(url) {\n        _ui.loadScriptSrc(url)\n    }\n\n    /** Attach a new remote stylesheet link to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} url The url to be used in the style link href attribute\n     */\n    loadStyleSrc(url) {\n        _ui.loadStyleSrc(url)\n    }\n\n    /** Attach a new text script to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} textFn The text to be loaded as a script\n     */\n    loadScriptTxt(textFn) {\n        _ui.loadScriptTxt(textFn)\n    }\n\n    /** Attach a new text stylesheet to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} textFn The text to be loaded as a stylesheet\n     */\n    loadStyleTxt(textFn) {\n        _ui.loadStyleTxt(textFn)\n    }\n\n    /** Load a dynamic UI from a JSON web reponse\n     * @param {string} url URL that will return the ui JSON\n     */\n    loadui(url) {\n        _ui.loadui(url)\n    }\n\n    /** Remove All, 1 or more class names from an element\n     * @param {undefined|null|\"\"|string|string[]} classNames Single or array of classnames. If undefined, \"\" or null, remove all classes\n     * @param {HTMLElement} el HTML Element to add class(es) to\n     */\n    removeClass = _ui.removeClass\n\n    /** Replace or add an HTML element's slot from text or an HTML string\n     * WARNING: Executes <script> tags! And will process <style> tags.\n     * Will use DOMPurify if that library has been loaded to window.\n     * param {*} ui Single entry from the msg._ui property\n     * @param {Element} el Reference to the element that we want to update\n     * @param {*} slot The slot content we are trying to add/replace (defaults to empty string)\n     */\n    replaceSlot(el, slot) {\n        _ui.replaceSlot(el, slot)\n    }\n\n    /** Replace or add an HTML element's slot from a Markdown string\n     * Only does something if the markdownit library has been loaded to window.\n     * Will use DOMPurify if that library has been loaded to window.\n     * @param {Element} el Reference to the element that we want to update\n     * @param {*} component The component we are trying to add/replace\n     */\n    replaceSlotMarkdown(el, component) {\n        _ui.replaceSlotMarkdown(el, component)\n    }\n\n    /** Sanitise HTML to make it safe - if the DOMPurify library is loaded\n     * Otherwise just returns that HTML as-is.\n     * @param {string} html The input HTML string\n     * @returns {string} The sanitised HTML or the original if DOMPurify not loaded\n     */\n    sanitiseHTML(html) {\n        return _ui.sanitiseHTML(html)\n    }\n\n    /** Show a pop-over \"toast\" dialog or a modal alert\n     * Refs: https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/alertdialog.html,\n     *       https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/dialog.html,\n     *       https://www.w3.org/WAI/ARIA/apg/patterns/dialogmodal/\n     * @param {\"notify\"|\"alert\"} type Dialog type\n     * @param {object} ui standardised ui data\n     * @param {object} [msg] msg.payload/msg.topic - only used if a string. Optional.\n     * @returns {void}\n     */\n    showDialog(type, ui, msg) {\n        _ui.showDialog(type, ui, msg)\n    }\n\n    /** Directly manage UI via JSON\n     * @param {object} json Either an object containing {_ui: {}} or simply simple {} containing ui instructions\n     */\n    ui(json) {\n        _ui.ui(json)\n    }\n\n    /** Get data from the DOM. Returns selection of useful props unless a specific prop requested.\n     * @param {string} cssSelector Identify the DOM element to get data from\n     * @param {string} [propName] Optional. Specific name of property to get from the element\n     * @returns {Array<*>} Array of objects containing either specific requested property or a selection of useful properties\n     */\n    uiGet(cssSelector, propName = null) {\n        return _ui.uiGet(cssSelector, propName)\n    }\n\n    /** Enhance an HTML element that is being composed with ui data\n     *  such as ID, attribs, event handlers, custom props, etc.\n     * @param {*} el HTML Element to enhance\n     * @param {*} component Individual uibuilder ui component spec\n     */\n    uiEnhanceElement(el, component) {\n        _ui.uiEnhanceElement(el, component)\n    }\n\n    //#endregion -- direct to _ui --\n\n    /** DOM Mutation observer callback to watch for new/amended elements with uib-* or data-uib-* attributes\n     * WARNING: Mutation observers can receive a LOT of mutations very rapidly. So make sure this runs as fast\n     *          as possible. Async so that calling function does not need to wait.\n     * Observer is set up in the start() function\n     * @param {MutationRecord[]} mutations Array of Mutation Records\n     */\n    async _uibAttribObserver(mutations/* , observer */) {\n        mutations.forEach( async m => { // async so process does not wait\n            log('trace', 'uibuilder:_uibAttribObserver', 'Mutations ', m)()\n            // Deal with attribute changes\n            if (m.attributeName && (m.attributeName.startsWith('uib') || m.attributeName.startsWith('data-uib'))) {\n                // log(0, 'attribute mutation', m.attributeName, m.target.getAttribute(m.attributeName), m.oldValue, m )()\n                this._uibAttrScanOne(m.target)\n            } else if (m.addedNodes.length > 0) {\n                // And deal with newly added elements (e.g. from route change)\n                // Check for added nodes with uib attribs\n                m.addedNodes.forEach( async n => { // async so process does not wait\n                    // Attributes are a map and we need an array\n                    let aNames = []\n                    try { // Nodes might not always have attributes\n                        aNames = [...n.attributes]\n                    } catch (e) {}\n                    // Get any added elements that have uib attribs\n                    const intersect = this.arrayIntersect(this.uibAttribs, aNames)\n                    // Process them\n                    intersect.forEach( async el => {\n                        this._uibAttrScanOne(el)\n                    })\n                    // And get any children of the added elements that have uib attribs (a node might not have querySelectorAll method)\n                    let uibChildren = []\n                    if (n.querySelectorAll) uibChildren = n.querySelectorAll(this.#uibAttrSel)\n                    // Process them\n                    uibChildren.forEach( async el => {\n                        this._uibAttrScanOne(el)\n                    })\n                })\n            }\n        })\n    }\n\n    /** Check a single HTML element for uib attributes and add auto-processors as needed.\n     * Async so that calling function does not need to wait.\n     * Understands only uib-topic at present. Msgs received on the topic can have:\n     *   msg.payload - replaces innerHTML (but also runs <script>s and applies <style>s)\n     *   msg.attributes - An object containing attribute names as keys with attribute values as values. e.g. {title: 'HTML tooltip', href='#route03'}\n     * @param {Element} el HTML Element to check for uib-* or data-uib-* attributes\n     */\n    async _uibAttrScanOne(el) {\n        log('trace', 'uibuilder:_uibAttrScanOne', 'Setting up auto-processor for: ', el)()\n        const topic = el.getAttribute('uib-topic') || el.getAttribute('data-uib-topic')\n        // Create a topic listener\n        this.onTopic(topic, (msg) => {\n            log('trace', 'uibuilder:_uibAttrScanOne', `Msg with topic \"${topic}\" received. msg content: `, msg)()\n            msg._uib_processed_by = '_uibAttrScanOne' // record that this has already been processed\n            // Process msg.attributes\n            if (Object.prototype.hasOwnProperty.call(msg, 'attributes')) {\n                try {\n                    for (const [k, v] of Object.entries(msg.attributes)) {\n                        el.setAttribute(k, v)\n                    }\n                } catch (e) {\n                    log(0, 'uibuilder:attribute-processing', 'Failed to set attributes. Ensure that msg.attributes is an object containing key/value pairs with each key a valid attribute name. Note that attribute values have to be a string.')()\n                }\n            }\n\n            // Process msg.value (or set checked if boolean - for checkboxes)\n            // TODO Move this to a common function\n            const hasChecked = Object.prototype.hasOwnProperty.call(msg, 'checked')\n            const hasValue = Object.prototype.hasOwnProperty.call(msg, 'value')\n            if ( hasValue || hasChecked ) {\n                if (el.type && (el.type === 'checkbox' || el.type === 'radio')) {\n                    if (hasChecked) el.checked = this.truthy(msg.checked, false)\n                    else if (hasValue) el.checked = this.truthy(msg.value, false)\n                } else {\n                    if (hasValue) el.value = msg.value\n                    else if (hasChecked) el.value = this.truthy(msg.checked, false)\n                }\n            }\n\n            // TODO (MAYBE) Process msg.classes and msg.styles. msg.props (for non-string data)?\n\n            // Process msg.payload (applied as slot HTML) - NB: Will process <script> & <style>\n            if (Object.prototype.hasOwnProperty.call(msg, 'payload')) this.replaceSlot(el, msg.payload)\n        })\n    }\n\n    /** Check all children of an array of or a single HTML element(s) for uib attributes and add auto-processors as needed.\n     * Async so that calling function does not need to wait.\n     * @param {Element|Element[]} parentEl HTML Element to check for uib-* or data-uib-* attributes\n     */\n    async _uibAttrScanAll(parentEl) {\n        if (!Array.isArray(parentEl)) parentEl = [parentEl]\n        parentEl.forEach( async p => { // async so process does not wait\n            const uibChildren = p.querySelectorAll(this.#uibAttrSel)\n            // log('trace', 'uibuilder:_uibAttrScanAll:forEach:children', 'p, uibChildren: ', p, uibChildren)()\n            if (uibChildren.length > 0) {\n                // console.log('existing elements uib attrib', uibChildren)\n                uibChildren.forEach( el => {\n                    this._uibAttrScanOne(el) // async so process does not wait\n                })\n            }\n        })\n    }\n\n    /** Given a FileList array, send each file to Node-RED and return file metadata\n     * @param {FileList} files FileList array\n     * @param {boolean=} noSend If true, don't send the file to Node-RED. Default is to send.\n     * @returns {Array<object>} Metadata values from all files\n     */\n    _processFilesInput(files, noSend = false) {\n        const value = []\n        for (const file of files) {\n            const props = {}\n            // Walk through each file property\n            for (const prop in file) {\n                props[prop] = file[prop]\n            }\n            // Create a temp URL allowing access to download the file\n            // Automatically destroyed on page reload\n            props.tempUrl = window.URL.createObjectURL(file)\n\n            value.push(props)\n\n            // Auto-upload to Node-RED over Socket.IO\n            if (noSend !== true) this.uploadFile(file)\n        }\n        return value\n    }\n\n    /** Attempt to get target attributs - can fail for certain target types, if so, returns empty object\n     * @param {HTMLElement} el Target element\n     * @returns {object} Array of key/value HTML attribute objects\n     */\n    getElementAttributes(el) {\n        const ignoreAttribs = ['class', 'id', 'name']\n        let attribs\n        try {\n            attribs = Object.assign({},\n                ...Array.from(el.attributes,\n                    ( { name, value } ) => {\n                        if ( !ignoreAttribs.includes(name) ) {\n                            return ({ [name]: value })\n                        }\n                        return undefined\n                    }\n                )\n            )\n        } catch (e) {}\n\n        return attribs\n    }\n\n    /** Check for CSS Classes and return as array if found or undefined if not\n     * @param {HTMLElement} el Target element\n     * @returns {Array|undefined} Array of class names\n     */\n    getElementClasses(el) {\n        let classes\n        try {\n            classes = Array.from(el.classList)\n        } catch (e) {}\n        return classes\n    }\n\n    /** Get target custom properties - only shows custom props not element default ones\n     * Excludes custom props starting with _\n     * @param {HTMLElement} el Target element\n     * @returns {object} Object of propname/value pairs\n     */\n    getElementCustomProps(el) {\n        const props = {}\n        Object.keys(el).forEach( key => {\n            if (key.startsWith('_')) return // Exclude private\n            props[key] = el[key]\n        })\n        return props\n    }\n\n    /** Check for el.value and el.checked. el.checked will also set the value return for ease of use.\n     * Only 2 input types use el.checked, different from all other input types - this is annoying.\n     * @param {HTMLElement} el HTML Element to be checked\n     * @returns {{value:boolean|null, checked:boolean|null}} Return null if properties not present, else the appropriate value\n     */\n    getFormElementValue(el) {\n        let value = null\n        let checked = null\n\n        switch (el.type) {\n            case 'checkbox':\n            case 'radio': {\n                value = checked = el.checked\n                // HTML does not normally return any value if not checked but we do for ease of use,\n                break\n            }\n\n            case 'select-multiple': {\n                // value = Array.from(el.selectedOptions).forEach( (sel) => sel.value )\n                value = Array.from(el.selectedOptions).map(option => option.value)\n                break\n            }\n\n            default: {\n                if (el.value) value = el.value\n\n                // Probably not really needed\n                if (el.checked) {\n                    value = checked = el.checked\n                    // HTML does not normally return any value if not checked but we do for ease of use,\n                }\n\n                // If the value is a valid number, use that instead of the text version - probably only applies to range inputs\n                if (el.valueAsNumber && !isNaN(el.valueAsNumber)) {\n                    value = el.valueAsNumber\n                }\n\n                break\n            }\n        }\n\n        return { value, checked }\n    }\n\n    // ! TODO - Handle fieldsets\n    /** For HTML Form elements (e.g. input, textarea, select), return the details\n     * @param {HTMLFormElement} el Source form element\n     * @returns {object|null} Form element key details\n     */\n    getFormElementDetails(el) {\n        if (!el.type) {\n            log(1, 'uibuilder:getFormElementDetails', 'Cannot get form element details as this is not an input type element')()\n            return null\n        }\n\n        // Get or create a (hopefully) unique ID\n        const id = this.returnElementId(el)\n        if (!id) {\n            log(1, 'uibuilder:getFormElementDetails', 'Cannot get form element details as no id is present and could not be generated')()\n            return null\n        }\n\n        let { value, checked } = this.getFormElementValue(el)\n\n        // For multi file input, get the file details as the value\n        // el.files is a FileList type & each entry is a File type - have to process these manually - stupid HTML!\n        // https://developer.mozilla.org/en-US/docs/Web/API/File_API/Using_files_from_web_applications\n        // NOTE: The eventSend fn calls uploadFiles if files present in form.\n        if (el.type === 'file' && el.files.length > 0) {\n            // Walk through each file in the FileList, get the details and send the file to Node-RED\n            value = this._processFilesInput(el.files)\n        }\n\n        const formDetails = {\n            'id': id,\n            'name': el.name,\n            'valid': el.checkValidity(),\n            'type': el.type,\n        }\n        if (value !== null) formDetails.value = value\n        if (checked !== null) formDetails.checked = checked\n\n        // If the form element has invalid content, try to report why\n        if (formDetails.valid === false) {\n            const v = el.validity\n            formDetails.validity = {\n                badInput: v.badInput === true ? v.badInput : undefined,\n                customError: v.customError === true ? v.customError : undefined,\n                patternMismatch: v.patternMismatch === true ? v.patternMismatch : undefined,\n                rangeOverflow: v.rangeOverflow === true ? v.rangeOverflow : undefined,\n                rangeUnderflow: v.rangeUnderflow === true ? v.rangeUnderflow : undefined,\n                stepMismatch: v.stepMismatch === true ? v.stepMismatch : undefined,\n                tooLong: v.tooLong === true ? v.tooLong : undefined,\n                tooShort: v.tooShort === true ? v.tooShort : undefined,\n                typeMismatch: v.typeMismatch === true ? v.typeMismatch : undefined,\n                valueMissing: v.valueMissing === true ? v.valueMissing : undefined,\n            }\n        }\n\n        // If any data-* attribs defined\n        if (Object.keys(el.dataset).length > 0) formDetails.data = el.dataset\n\n        return formDetails\n    }\n\n    /** Show a browser notification if possible.\n     * Config can be a simple string, a Node-RED msg (topic as title, payload as body)\n     * or a Notifications API options object + config.title string.\n     * @example uibuilder.notify( 'My simple message to the user' )\n     * @example uibuilder.notify( {topic: 'My Title', payload: 'My simple message to the user'} )\n     * @example uibuilder.notify( {title: 'My Title', body: 'My simple message to the user'} )\n     * @example // If config.return = true, a promise is returned.\n     * // The resolved promise is only returned if the notification is clicked by the user.\n     * // Can be used to send the response back to Node-RED\n     * uibuilder.notify(notifyConfig).then( res => uibuilder.eventSend(res) )\n     * @ref https://developer.mozilla.org/en-US/docs/Web/API/Notification/Notification\n     * @param {object|string} config Notification config data or simple message string\n     * @returns {Promise<Event>|null} A promise that resolves to the click event or null\n     */\n    notify(config) {\n        if (config.return) return _ui.notification(config)\n\n        _ui.notification(config)\n            .then( res => { // eslint-disable-line promise/always-return\n                log('info', 'Uib:notification', 'Notification completed event', res)()\n                // if (config.return) return res\n            })\n            .catch( err => {\n                log('error', 'Uib:notification', 'Notification error event', err)()\n            })\n        return null\n    }\n\n    /** Get or create a (hopefully) unique ID\n     * @param {HTMLFormElement} el Source form element\n     * @returns {string|null} A hopefully unique element ID\n     */\n    returnElementId(el) {\n        return el.id !== '' ? el.id : (el.name !== '' ? `${el.name}-${++this.#uniqueElID}` : (el.type ? `${el.type}-${++this.#uniqueElID}` : `${el.localName}-${++this.#uniqueElID}`))\n    }\n\n    /** Scroll the page\n     * https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView\n     * @param {string} [cssSelector] Optional. If not set, scrolls to top of page.\n     * @param {{block:(string|undefined),inline:(string|undefined),behavior:(string|undefined)}} [opts] Optional. DOM scrollIntoView options\n     * @returns {boolean} True if element was found, false otherwise\n     */\n    scrollTo(cssSelector, opts) {\n        // @ts-ignore\n        if (!opts) opts = {}\n        if (!cssSelector || cssSelector === 'top'  || cssSelector === 'start') cssSelector = 'body'\n        else if (cssSelector === 'bottom' || cssSelector === 'end') {\n            cssSelector = 'body'\n            opts.block = 'end'\n        }\n        const el = this.$(cssSelector)\n        if (el) {\n            el.scrollIntoView(opts)\n            return true\n        }\n        return false\n    }\n\n    /** * Show/hide a display card on the end of the visible HTML that will dynamically display the last incoming msg from Node-RED\n     * The card has the id `uib_last_msg`. Updates are done from a listener set up in the start function.\n     * @param {boolean|undefined} showHide true=show, false=hide. undefined=toggle.\n     * @param {string|undefined} parent Optional. If not undefined, a CSS selector to attach the display to. Defaults to `body`\n     * @returns {boolean} New state\n     */\n    showMsg(showHide, parent = 'body') {\n        if ( showHide === undefined ) showHide = !this.#isShowMsg\n        this.#isShowMsg = showHide\n        let slot = 'Waiting for a message from Node-RED'\n\n        if (this.msg && Object.keys(this.msg).length > 0) {\n            slot = this.syntaxHighlight(this.msg)\n        }\n\n        if ( showHide === false ) {\n            _ui._uiRemove( {\n                components: [\n                    '#uib_last_msg_wrap',\n                ],\n            })\n        } else {\n            _ui._uiReplace({\n                components: [\n                    {\n                        type: 'div',\n                        id: 'uib_last_msg_wrap',\n                        parent: parent,\n                        attributes: {\n                            title: 'Last message from Node-RED',\n                        },\n                        components: [\n                            {\n                                type: 'button',\n                                attributes: {\n                                    onclick: 'uibuilder.copyToClipboard(\"msg\")',\n                                    class: 'compact',\n                                    style: 'right:3em;',\n                                },\n                                slot: '\uD83D\uDCCB',\n                            },\n                            {\n                                type: 'button',\n                                attributes: {\n                                    onclick: 'uibuilder.showMsg()',\n                                    class: 'compact',\n                                    style: 'right:.5em;',\n                                },\n                                slot: '\u26D4',\n                            },\n                            {\n                                type: 'pre',\n                                id: 'uib_last_msg',\n                                // parent: 'uib_last_msg_wrap',\n                                attributes: {\n                                    class: 'syntax-highlight',\n                                },\n                                slot: slot,\n                            },\n                        ],\n                    },\n                ],\n            })\n        }\n\n        return showHide\n    }\n\n    /** Show/hide a display card on the end of the visible HTML that will dynamically display the current status of the uibuilder client\n     * The card has the id `uib_status`.\n     * The display is updated by an event listener created in the class constructor.\n     * @param {boolean|undefined} showHide true=show, false=hide. undefined=toggle.\n     * @param {string|undefined} parent Optional. If not undefined, a CSS selector to attach the display to. Defaults to `body`\n     * @returns {boolean} New state\n     */\n    showStatus(showHide, parent = 'body') {\n        if ( showHide === undefined ) showHide = !this.#isShowStatus\n        this.#isShowStatus = showHide\n\n        if ( showHide === false ) {\n            _ui._uiRemove( {\n                components: [\n                    '#uib_status',\n                ],\n            })\n            return showHide\n        }\n\n        const root = {\n            components: [\n                {\n                    type: 'div',\n                    id: 'uib_status',\n                    parent: parent,\n                    attributes: {\n                        title: 'Current status of the uibuilder client',\n                        class: 'text-smaller',\n                    },\n                    components: [\n                        {\n                            'type': 'table',\n                            'components': [\n                                {\n                                    'type': 'tbody',\n                                    'components': []\n                                }\n                            ]\n                        }\n                    ]\n                }\n            ]\n        }\n        const details = root.components[0].components[0].components[0].components\n\n        Object.values(this.#showStatus).forEach( entry => {\n            details.push({\n                'type': 'tr',\n                'attributes': {\n                    title: entry.description,\n                },\n                'components': [\n                    {\n                        'type': 'th',\n                        'slot': entry.label,\n                    },\n                    {\n                        'type': 'td',\n                        'attributes': {\n                            'data-varType': entry.var,\n                        },\n                        'slot': entry.var === 'version' ? Uib._meta.version : JSON.stringify(this[entry.var]),\n                    }\n                ],\n            })\n        })\n\n        _ui._uiReplace(root)\n\n        return showHide\n    }\n\n    /** Use the Mutation Observer browser API to watch for changes to a single element on the page.\n     * OMG! It is sooo hard to turn the data into something that successfully serialises so it can be sent back to Node-RED!\n     * NB: Each cssSelector creates a unique watcher. Sending the same selector overwrites the previous one.\n     * @param {string} cssSelector A CSS Selector that selects the element to watch for changes\n     * @param {boolean|\"toggle\"} [startStop] true=start watching the DOM, false=stop. Default='toggle'\n     * @param {boolean} [send] true=Send changes to Node-RED, false=Don't send. Default=true\n     * @param {boolean} [showLog] true=Output changes to log, false=stop. Default=true. Log level is 2 (Info)\n     * @returns {boolean} True if the watch is on, false otherwise\n     */\n    uiWatch(cssSelector, startStop = 'toggle', send = true, showLog = true) {\n        // Select the node that will be observed for mutations\n        const targetNode = document.querySelector(cssSelector)\n        if (!targetNode) {\n            log('warn', 'uibuilder.module.js:uiWatch', `CSS Selector '${cssSelector}' not found.`)()\n            return false\n        }\n\n        if (startStop === 'toggle' || startStop === undefined || startStop === null) {\n            if (this.#uiObservers[cssSelector]) startStop = false\n            else startStop = true\n        }\n\n        // Need a ref to the Uib this\n        const that = this\n\n        if (startStop === true) {\n            // Create an observer instance\n            this.#uiObservers[cssSelector] = new MutationObserver( function( mutationList /* , observer */ ) {\n                const out = []\n\n                mutationList.forEach( mu => {\n                    // console.log({ mu })\n                    const oMu = {\n                        type: mu.type,\n                        oldValue: mu.oldValue !== null ? mu.oldValue : undefined,\n                    }\n\n                    if (mu.addedNodes.length > 0) {\n                        oMu.addedNodes = []\n                        mu.addedNodes.forEach( (an, i) => {\n                            oMu.addedNodes.push(_ui.nodeGet(mu.addedNodes[i]))\n                        })\n                    }\n\n                    if (mu.removedNodes.length > 0) {\n                        oMu.removedNodes = []\n                        mu.removedNodes.forEach( (an, i) => {\n                            oMu.removedNodes.push(_ui.nodeGet(mu.removedNodes[i]))\n                        })\n                    }\n\n                    if ( mu.type === 'attributes' ) {\n                        oMu.attributeName = mu.attributeName\n                        // @ts-ignore\n                        oMu.newValue = mu.target.attributes[mu.attributeName].value\n                    }\n\n                    out.push(oMu)\n                })\n\n                // Custom event\n                that._dispatchCustomEvent('uibuilder:domChange', out)\n                // Send a msg back to node-red\n                if (send === true) {\n                    that.send({\n                        _ui: {\n                            cssSelector: cssSelector,\n                            uiChanges: out\n                        },\n                        topic: that.topic || `DOM Changes for '${cssSelector}'`,\n                    })\n                }\n                // Log to info\n                if (showLog === true) {\n                    log('info', 'uibuilder.module.js:uiWatch', `DOM Changes for '${cssSelector}'`, { uiChanges: out }, { mutationList })()\n                }\n            } )\n\n            // Start observing the target node for configured mutations\n            this.#uiObservers[cssSelector].observe(targetNode, { attributes: true, childList: true, subtree: true, characterData: true })\n            log('trace', 'uibuilder.module.js:uiWatch', `Started Watching DOM changes for '${cssSelector}'`)()\n        } else {\n            this.#uiObservers[cssSelector].disconnect()\n            delete this.#uiObservers[cssSelector]\n            log('trace', 'uibuilder.module.js:uiWatch', `Stopped Watching DOM changes for '${cssSelector}'`)()\n        }\n\n        return startStop\n    } // ---- End of watchDom ---- //\n\n    /** Use the Mutation Observer browser API to watch for and save changes to the HTML\n     * Once the observer is created, it will be reused.\n     * Sending true or undefined will turn on the observer, false turns it off.\n     * saveHtmlCache is called whenever anything changes in the dom. This allows\n     * users to call restoreHtmlFromCache() on page load if desired to completely reload\n     * to the last saved state.\n     * @param {boolean} startStop true=start watching the DOM, false=stop\n     */\n    watchDom(startStop) {\n        // Select the node that will be observed for mutations\n        const targetNode = document.documentElement\n\n        // Need a ref to the Uib this\n        const that = this\n\n        // Create an observer instance\n        if (!this._htmlObserver) {\n            this._htmlObserver = new MutationObserver( function(/* mutationList, observer */) {\n                // We don't need to know the details - so kill off any outstanding mutation records\n                this.takeRecords()\n                // Save the updated entire HTML in localStorage\n                that.saveHtmlCache()\n            } )\n        }\n\n        if (startStop === true || startStop === undefined) {\n            // Start observing the target node for configured mutations\n            this._htmlObserver.observe(targetNode, { attributes: true, childList: true, subtree: true, characterData: true })\n            log('trace', 'uibuilder.module.js:watchDom', 'Started Watching and saving DOM changes')()\n        } else {\n            this._htmlObserver.disconnect()\n            log('trace', 'uibuilder.module.js:watchDom', 'Stopped Watching and saving DOM changes')()\n        }\n    } // ---- End of watchDom ---- //\n\n    //#endregion -------- -------- -------- //\n\n    //#region ------- HTML cache --------- //\n\n    /** Clear the saved DOM from localStorage */\n    clearHtmlCache() {\n        this.removeStore('htmlCache')\n        log('trace', 'uibuilder.module.js:clearHtmlCache', 'HTML cache cleared')()\n    }\n\n    /** Restore the complete DOM (the whole web page) from browser localStorage if available */\n    restoreHtmlFromCache() {\n        // Is the html cached? If so, restore it\n        const htmlCache = this.getStore('htmlCache')\n        if (htmlCache) {\n            const targetNode = document.getElementsByTagName('html')[0]\n            // Restore the entire HTML\n            targetNode.innerHTML = htmlCache\n            log('trace', 'uibuilder.module.js:restoreHtmlFromCache', 'Restored HTML from cache')()\n        } else {\n            log('trace', 'uibuilder.module.js:restoreHtmlFromCache', 'No cache to restore')()\n        }\n    }\n\n    /** Save the current DOM state to browser localStorage.\n     * localStorage is persistent and so can be recovered even after a browser restart.\n     */\n    saveHtmlCache() {\n        // Save the updated entire HTML in localStorage\n        this.setStore('htmlCache', document.documentElement.innerHTML)\n    }\n\n    //#endregion -------- -------- -------- //\n\n    //#region ------- Message Handling (To/From Node-RED) -------- //\n\n    /** Handles original control msgs (not to be confused with \"new\" msg._uib controls)\n     * @param {*} receivedCtrlMsg The msg received on the socket.io control channel\n     */\n    _ctrlMsgFromServer(receivedCtrlMsg) {\n\n        // Make sure that msg is an object & not null\n        if (receivedCtrlMsg === null) {\n            receivedCtrlMsg = {}\n        } else if (typeof receivedCtrlMsg !== 'object') {\n            const msg = {}\n            msg['uibuilderCtrl:' + this._ioChannels.control] = receivedCtrlMsg\n            receivedCtrlMsg = msg\n        }\n\n        // @since 2018-10-07 v1.0.9: Work out local time offset from server\n        this._checkTimestamp(receivedCtrlMsg)\n\n        this.set('ctrlMsg', receivedCtrlMsg)\n        this.set('msgsCtrlReceived', ++this.msgsCtrlReceived)\n\n        log('trace', 'Uib:ioSetup:_ctrlMsgFromServer', `Channel '${this._ioChannels.control}'. Received control msg #${this.msgsCtrlReceived}`, receivedCtrlMsg)()\n\n        /** Process control msg types */\n        switch (receivedCtrlMsg.uibuilderCtrl) {\n            // Node-RED is shutting down\n            case 'shutdown': {\n                log('info', `Uib:ioSetup:${this._ioChannels.control}`, '\u274C Received \"shutdown\" from server')()\n                this.set('serverShutdown', undefined)\n                break\n            }\n\n            /** We are connected to the server - 1st msg from server */\n            case 'client connect': {\n                log('trace', `Uib:ioSetup:${this._ioChannels.control}`, 'Received \"client connect\" from server', receivedCtrlMsg)()\n                log('info', `Uib:ioSetup:${this._ioChannels.control}`, `\u2705 Server connected. Version: ${receivedCtrlMsg.version}\\nServer time: ${receivedCtrlMsg.serverTimestamp}, Sever time offset: ${this.serverTimeOffset} hours. Max msg size: ${receivedCtrlMsg.maxHttpBufferSize}`)()\n\n                if ( !Uib._meta.version.startsWith(receivedCtrlMsg.version.split('-')[0]) ) {\n                    log('warn', `Uib:ioSetup:${this._ioChannels.control}`, `Server version (${receivedCtrlMsg.version}) not the same as the client version (${Uib._meta.version})`)()\n                }\n\n                if (this.autoSendReady === true) { // eslint-disable-line no-lonely-if\n                    log('trace', `Uib:ioSetup:${this._ioChannels.control}/client connect`, 'Auto-sending ready-for-content/replay msg to server')\n                    // @since 0.4.8c Add cacheControl property for use with node-red-contrib-infocache\n                    // @since 6.1.0 Don't bother, we use the \"client connect\" msg\n                    // this._send({\n                    //     'uibuilderCtrl': 'ready for content',\n                    //     'cacheControl': 'REPLAY',\n                    // }, this._ioChannels.control)\n                }\n\n                // Save the current server max msg size - defaults to 1mb, change in settings.js\n                this.maxHttpBufferSize = receivedCtrlMsg.maxHttpBufferSize\n\n                break\n            }\n\n            // We requested this page's metadata from the server using getPageMeta() - this handles the response\n            case 'get page meta': {\n                this.set('pageMeta', receivedCtrlMsg.payload)\n                break\n            }\n\n            default: {\n                log('trace', `uibuilder:ioSetup:${this._ioChannels.control}`, `Received ${receivedCtrlMsg.uibuilderCtrl} from server`)\n                // Anything else to do for other control msgs?\n            }\n        } // ---- End of process control msg types ---- //\n    } // -- End of websocket receive CONTROL msg from Node-RED -- //\n\n    /** Do we want to process something? Check pageName, clientId, tabId. Defaults to yes.\n     * @param {*} obj Either a msg._ui or msg._uib object to check\n     * @returns {boolean} True if we should process the inbound _ui/_uib msg, false if not.\n     */\n    _forThis(obj) {\n        let r = true\n\n        // Is this msg for this pageName?\n        if (obj.pageName && obj.pageName !== this.pageName) {\n            log('trace', 'Uib:_msgRcvdEvents:_uib', 'Not for this page')()\n            r = false\n        }\n\n        // Is this msg for this clientId?\n        if (obj.clientId && obj.clientId !== this.clientId) {\n            log('trace', 'Uib:_msgRcvdEvents:_uib', 'Not for this clientId')()\n            r = false\n        }\n\n        // Is this msg for this tabId?\n        if (obj.tabId && obj.tabId !== this.tabId) {\n            log('trace', 'Uib:_msgRcvdEvents:_uib', 'Not for this tabId')()\n            r = false\n        }\n\n        return r\n    }\n\n    // Handle received messages - Process some msgs internally, emit specific events on document that make it easy for coders to use\n    _msgRcvdEvents(msg) {\n        // Message received\n        this._dispatchCustomEvent('uibuilder:stdMsgReceived', msg)\n\n        // Topic\n        if ( msg.topic ) this._dispatchCustomEvent(`uibuilder:msg:topic:${msg.topic}`, msg)\n\n        // Check whether the msg has already been processed - if so, we don't need to process again\n        if (msg._uib_processed_by) return\n        else msg._uib_processed_by = '_msgRcvdEvents'\n\n        // Handle msg._uib special requests\n        if (msg._uib) {\n            // Don't process if the inbound msg is not for us\n            if (!this._forThis(msg._uib)) return\n\n            /** Process a client reload request from Node-RED - as the page is reloaded, everything else is ignored\n             * Note that msg._ui.reload is also actioned via the _ui processing below */\n            if (msg._uib.reload === true) {\n                log('trace', 'Uib:_msgRcvdEvents:_uib:reload', 'reloading')()\n                msg._uib_processed_by = '_msgRcvdEvents - reload'\n                location.reload()\n                return\n            }\n\n            // Process msg._uib.command messages - allows Node-RED to run uibuilder FE functions\n            if (msg._uib.command) {\n                msg._uib_processed_by = '_msgRcvdEvents - remote command'\n                this._uibCommand(msg)\n                return\n            }\n\n            // Better to request via msg._ui - these are for backwards compatibility\n            if ( msg._uib.componentRef === 'globalNotification' ) {\n                msg._uib_processed_by = '_msgRcvdEvents - globalNotification'\n                _ui.showDialog('notify', msg._uib.options, msg)\n            }\n            if ( msg._uib.componentRef === 'globalAlert' ) {\n                msg._uib_processed_by = '_msgRcvdEvents - globalAlert'\n                _ui.showDialog('alert', msg._uib.options, msg)\n            }\n        }\n\n        // Handle msg._ui requests\n        if ( msg._ui ) {\n            // Don't process if the inbound msg is not for us\n            if (!this._forThis(msg._ui)) return\n\n            log('trace', 'Uib:_msgRcvdEvents:_ui', 'Calling _uiManager')()\n            msg._uib_processed_by = '_msgRcvdEvents - _ui'\n            this._dispatchCustomEvent('uibuilder:msg:_ui', msg)\n            _ui._uiManager(msg)\n        }\n    } // --- end of _msgRcvdEvents ---\n\n    /** Internal send fn. Send a standard or control msg back to Node-RED via Socket.IO\n     * NR will generally expect the msg to contain a payload topic\n     * @param {object} msgToSend The msg object to send.\n     * @param {string} [channel=uiBuilderClient] The Socket.IO channel to use, must be in self.ioChannels or it will be ignored\n     * @param {string} [originator] A Node-RED node ID to return the message to\n     */\n    _send(msgToSend, channel, originator = '') {\n        if (channel === null || channel === undefined) channel = this._ioChannels.client\n\n        // Make sure msgToSend is an object & add props to control msgs\n        if (channel === this._ioChannels.client) {\n            msgToSend = this.makeMeAnObject(msgToSend, 'payload')\n            if (this.hasUibRouter()) {\n                if (!msgToSend._uib) msgToSend._uib = {}\n                msgToSend._uib.routeId = this.uibrouter_CurrentRoute\n            }\n        } else if (channel === this._ioChannels.control) {\n            msgToSend = this.makeMeAnObject(msgToSend, 'uibuilderCtrl')\n            if (!Object.prototype.hasOwnProperty.call(msgToSend, 'uibuilderCtrl')) {\n                msgToSend.uibuilderCtrl = 'manual send'\n            }\n            // help remember where this came from as ctrl msgs can come from server or client\n            msgToSend.from = 'client'\n            // Add current route id if needed\n            if (this.hasUibRouter()) msgToSend.routeId = this.uibrouter_CurrentRoute\n        }\n\n        /** since 2020-01-02 Added _socketId which should be the same as the _socketId on the server */\n        msgToSend._socketId = this._socket.id\n\n        // WARNING: You cannot change any of the this._socket.auth settings at this point\n\n        // Add the originator metadata if required\n        if (originator === '' && this.originator !== '') originator = this.originator\n        if (originator !== '') Object.assign(msgToSend, { '_uib': { 'originator': originator } })\n\n        // If the msg does not have a topic - see if we want to add one\n        if ( !Object.prototype.hasOwnProperty.call(msgToSend, 'topic') ) {\n            // From the default (`uibuilder.set('topic', 'some topic')`)\n            if (this.topic !== undefined && this.topic !== '') msgToSend.topic = this.topic\n            else {\n                // Did the last inbound msg have a topic?\n                if ( Object.prototype.hasOwnProperty.call(this, 'msg') && Object.prototype.hasOwnProperty.call(this.msg, 'topic') ) {\n                    msgToSend.topic = this.msg.topic\n                }\n            }\n        }\n\n        // If a standard send & _ui property exists, make sure to add _ui.from = 'client' & routerId if needed\n        if (msgToSend._ui) {\n            msgToSend._ui.from = 'client'\n            if (this.hasUibRouter()) msgToSend._ui.routeId = this.uibrouter_CurrentRoute\n        }\n\n        // Check size and warn if may be too large - doesn't work if obj contains a buffer\n        // const approxMsgSize = this.getObjectSize(msgToSend)\n        // console.log(approxMsgSize, this.maxHttpBufferSize, approxMsgSize >= this.maxHttpBufferSize, msgToSend, this.getObjectSize(msgToSend))\n        // if (approxMsgSize >= this.maxHttpBufferSize) {\n        //     log('error', 'Uib:_send', `Message may be too large to send. Approx msg size: ${approxMsgSize}. Max msg size: ${this.maxHttpBufferSize}`)()\n        // }\n\n        // Track how many messages have been sent & last msg sent\n        let numMsgs\n        if (channel === this._ioChannels.client) {\n            this.set('sentMsg', msgToSend)\n            numMsgs = this.set('msgsSent', ++this.msgsSent)\n        } else if (channel === this._ioChannels.control) {\n            this.set('sentCtrlMsg', msgToSend)\n            numMsgs = this.set('msgsSentCtrl', ++this.msgsSentCtrl)\n        }\n        log('trace', 'Uib:_send', ` Channel '${channel}'. Sending msg #${numMsgs}`, msgToSend)()\n\n        this._socket.emit(channel, msgToSend)\n    } // --- End of Send Msg Fn --- //\n\n    /** Callback handler for messages from Node-RED\n     * NOTE: `this` is the class here rather the `socket` as would be normal since we bind the correct `this` in the call.\n     *       Use this._socket if needing reference to the socket.\n     * @callback ioSetupFromServer Called from ioSetup/this._socket.on(this.#ioChannels.server, this.stdMsgFromServer.bind(this))\n     * @param {object} receivedMsg The msg object from Node-RED\n     * @this Uib\n     */\n    _stdMsgFromServer(receivedMsg) {\n\n        // Make sure that msg is an object & not null\n        receivedMsg = this.makeMeAnObject(receivedMsg, 'payload')\n\n        // Don't process if the inbound msg is not for us\n        if (receivedMsg._uib && !this._forThis(receivedMsg._uib)) return\n        if (receivedMsg._ui && !this._forThis(receivedMsg._ui)) return\n\n        // @since 2018-10-07 v1.0.9: Work out local time offset from server\n        this._checkTimestamp(receivedMsg)\n\n        // Track how many messages have been received\n        this.set('msgsReceived', ++this.msgsReceived)\n\n        // Emit specific document events on msg receipt that make it easy for coders to use\n        this._msgRcvdEvents(receivedMsg)\n\n        if ( !('_ui' in receivedMsg && !('payload' in receivedMsg)) ) {\n            // Save the msg for further processing\n            this.set('msg', receivedMsg)\n        }\n\n        log('info', 'Uib:ioSetup:stdMsgFromServer', `Channel '${this._ioChannels.server}'. Received msg #${this.msgsReceived}.`, receivedMsg)()\n\n        // ! NOTE: Don't try to handle specialist messages here. See _msgRcvdEvents.\n    } // -- End of websocket receive DATA msg from Node-RED -- //\n\n    /** Process msg._uib.command - Remember to update #extCommands with new allowed commands\n     * @param {object} msg Msg from Node-RED containing a msg._uib object\n     */\n    _uibCommand(msg) {\n        if (!msg._uib || !msg._uib.command) {\n            log('error', 'uibuilder:_uibCommand', 'Invalid command message received', { msg })()\n            msg.payload = msg.error = 'Invalid command message received'\n            this.send(msg)\n            return\n        }\n        const cmd = msg._uib.command\n        // Disallowed command request outputs error and ignores the msg (NB: Case must match)\n        if (!this.#extCommands.includes(cmd.trim())) {\n            log('error', 'Uib:_uibCommand', `Command '${cmd} is not allowed to be called externally`)()\n            return\n        }\n        const prop = msg._uib.prop\n        const value = msg._uib.value\n        const quiet = msg._uib.quiet ?? false\n        let response, info\n\n        // Don't forget to update `#extCommands`, `docs/client-docs/control-from-node-red.md` & `functions.md`\n        switch (cmd) {\n            case 'elementIsVisible': {\n                response = this.elementIsVisible(prop)\n                // info = `Element \"${prop}\" ${response ? 'is visible' : 'is not visible'}`\n                break\n            }\n\n            case 'elementExists': {\n                response = this.elementExists(prop, false)\n                info = `Element \"${prop}\" ${response ? 'exists' : 'does not exist'}`\n                break\n            }\n\n            case 'get': {\n                response = this.get(prop)\n                break\n            }\n\n            case 'getManagedVarList': {\n                if (prop === 'full') response = this.getManagedVarList()\n                else response = Object.values(this.getManagedVarList())\n                break\n            }\n\n            case 'getWatchedVars': {\n                if (prop === 'full') response = this.getWatchedVars()\n                else response = Object.values(this.getWatchedVars())\n                break\n            }\n\n            case 'htmlSend': {\n                response = this.htmlSend('', false)\n                break\n            }\n\n            case 'include': {\n                // include is async\n                response = _ui.include(prop, value)\n                break\n            }\n\n            case 'navigate': {\n                let newUrl\n                if (prop) newUrl = prop\n                else if (value) newUrl = value\n                response = this.navigate(newUrl)\n                break\n            }\n\n            case 'scrollTo': {\n                response = this.scrollTo(prop, value)\n                break\n            }\n\n            case 'set': {\n                let store = false\n                let autoload = false\n                if (msg._uib.options && msg._uib.options.store) {\n                    if (msg._uib.options.store === true) store = true\n                    if (msg._uib.options.autoload === true) autoload = true\n                }\n                response = this.set(prop, value, store, autoload)\n                break\n            }\n\n            case 'showMsg': {\n                response = this.showMsg(value, prop)\n                break\n            }\n\n            case 'showStatus': {\n                response = this.showStatus(value, prop)\n                break\n            }\n\n            case 'uiGet': {\n                response = _ui.uiGet(prop, value)\n                break\n            }\n\n            case 'uiWatch': {\n                response = this.uiWatch(prop)\n                break\n            }\n\n            case 'watchUrlHash': {\n                response = this.watchUrlHash(prop)\n                break\n            }\n\n            default: {\n                log('warning', 'Uib:_uibCommand', `Command '${cmd}' not yet implemented`)()\n                break\n            }\n        }\n\n        if (quiet !== true) {\n            if (response === undefined) {\n                response = `'${prop}' is undefined`\n            }\n            if (Object(response).constructor === Promise) {\n                // response = `'${cmd} ${prop}' submitted. Cmd is async, no response available`\n                response\n                    .then( (/** @type {any} */ data) => {\n                        msg.payload = msg._uib.response = data\n                        msg.info = msg._uib.info = info\n                        if (!msg.topic) msg.topic = this.topic || `uib ${cmd} for '${prop}'`\n                        this.send(msg)\n                        return true\n                    })\n                    .catch( err => {\n                        log(0, 'Uib:_uibCommand', 'Error: ', err)()\n                    })\n            } else {\n                msg.payload = msg._uib.response = response\n                msg.info = msg._uib.info = info\n                if (!msg.topic) msg.topic = this.topic || `uib ${cmd} for '${prop}'`\n                this.send(msg)\n            }\n        }\n    } // --- end of _uibCommand ---\n\n    /** Send log text to uibuilder's beacon endpoint (works even if socket.io not connected)\n     * @param {string} txtToSend Text string to send\n     * @param {string|undefined} logLevel Log level to use. If not supplied, will default to debug\n     */\n    beaconLog(txtToSend, logLevel) {\n        if (!logLevel) logLevel = 'debug'\n        navigator.sendBeacon('./_clientLog', `${logLevel}::${txtToSend}`)\n    }\n\n    /** Request the current page's metadata from the server - response is handled automatically in _ctrlMsgFromServer */\n    getPageMeta() {\n        this.sendCtrl({\n            uibuilderCtrl: 'get page meta'\n        })\n    }\n\n    /** Easily send the entire DOM/HTML msg back to Node-RED\n     * @param {string} [originator] A Node-RED node ID to return the message to\n     * @param {boolean} [send] If true (default) directly send response to Node-RED. Is false when calling from Node-RED as a command.\n     * @returns {string} The HTML as a string\n     */\n    htmlSend(originator = '', send = true) {\n        const out = `<!doctype html>\\n${document.documentElement.outerHTML}`\n\n        // Set up the msg to send - NB: Topic may be added by this._send\n        const msg = {\n            payload: out,\n            length: out.length,\n            topic: this.topic,\n        }\n\n        log('trace', 'Uib:htmlSend', 'Sending full HTML to Node-RED', msg)()\n\n        if (send === true) this._send(msg, this._ioChannels.client, originator)\n        return out\n    }\n\n    /** Send log info back to Node-RED over uibuilder's websocket control output (Port #2)\n     * @param {...*} arguments All arguments passed to the function are added to the msg.payload\n     */\n    logToServer() {\n        this.sendCtrl({\n            uibuilderCtrl: 'client log message',\n            payload: arguments,\n            // \"version\":\"6.1.0-iife.min\",\n            _socketId: this._socket.id,\n            // \"ip\":\"::1\",\n            clientId: this.clientId,\n            tabId: this.tabId,\n            // \"url\":\"esp-test\",\n            pageName: this.pageName,\n            connections: this.connectedNum,\n            lastNavType: this.lastNavType,\n        })\n    }\n\n    /** Easily send a msg back to Node-RED on a DOM event\n     * @example In plain HTML/JavaScript\n     *    `<button id=\"button1\" name=\"button 1\" data-fred=\"jim\"></button>`\n     *    $('#button1').onclick = (evt) => {\n     *      uibuilder.eventSend(evt)\n     *    }\n     * @example\n     * In VueJS: `<b-button id=\"myButton1\" @click=\"doEvent\" data-something=\"hello\"></b-button>`\n     * In VueJS methods: `doEvent: uibuilder.eventSend,`\n     *\n     * All `data-` attributes will be passed back to Node-RED,\n     *    use them instead of arguments in the click function.\n     *    All target._ui custom properties are also passed back to Node-RED.\n     *\n     * @param {MouseEvent|any} domevent DOM Event object\n     * @param {string} [originator] A Node-RED node ID to return the message to\n     */\n    eventSend(domevent, originator = '') { // eslint-disable-line sonarjs/cognitive-complexity\n        // @ts-ignore Handle case where vue messes up `this`\n        if ( this.$attrs ) {\n            log('error', 'Uib:eventSend', '`this` has been usurped by VueJS. Make sure that you wrap the call in a function: `doEvent: function (event) { uibuilder.eventSend(event) },`' )()\n            return\n        }\n        if (!domevent && !event) {\n            log('warn', 'Uib:eventSend', 'Neither the domevent nor the hidden event properties are set. You probably called this function directly rather than applying to an on click event.' )()\n            return\n        }\n        // Handle no argument, e.g. <button onClick=\"uibuilder.eventSend()\"> - event is a hidden variable when fn used in addEventListener\n        if (!domevent || !domevent.constructor) domevent = event\n\n        // The argument must be a DOM event\n        if ((!domevent.constructor.name.endsWith('Event')) || (!domevent.currentTarget)) {\n            log('warn', 'Uib:eventSend', `ARGUMENT NOT A DOM EVENT - use data attributes not function arguments to pass data. Arg Type: ${domevent.constructor.name}`, domevent)()\n            return\n        }\n\n        // Prevent default event action\n        domevent.preventDefault()\n\n        // The target element\n        const target = domevent.currentTarget\n\n        // Get target custom properties - only shows custom props not element default ones\n        const props = this.getElementCustomProps(target)\n\n        // Attempt to get target attributs - can fail for certain target types\n        const attribs = this.getElementAttributes(target)\n\n        // Msg.payload\n        let payload = {}\n\n        // If target is embedded in a form, include ALL the form data in the output\n        let formDetails\n        if ( target.form ) {\n            formDetails = {\n                id: this.returnElementId(target.form),\n                valid: target.form.checkValidity(),\n            }\n\n            Object.values(target.form).forEach( (frmEl, i) => {\n                // Ignore <fieldset>, <object> - they don't have values\n                if (['fieldset', 'object'].includes(frmEl.type)) return\n\n                // NB: If type=files, this also sends the file to Node-RED\n                const details = this.getFormElementDetails(frmEl)\n                if (details) {\n                    formDetails[details.id] = details\n                    // simplified for addition to msg.payload\n                    payload[details.id] = details.value\n                }\n            })\n        } else {\n            if (target.type === 'file') {\n                // Walk through each file in the FileList, get the details and send the file to Node-RED\n                payload = this._processFilesInput(target.files)\n            }\n        }\n\n        // Check for CSS Classes\n        const classes = this.getElementClasses(target)\n\n        // Each `data-xxxx` attribute is added as a property\n        if (Object.keys(target.dataset).length > 0) payload = { ...payload, ...target.dataset }\n\n        // Check for element value/check props\n        const { value, checked } = this.getFormElementValue(target)\n        if (value !== null) payload.value = value\n        if (checked !== null) payload.checked = checked\n\n        // Handle Notification events\n        let nprops\n        if ( Object.prototype.toString.call(target) === '[object Notification]') {\n            // Fixed payload for convenience\n            payload = `notification-${target.userAction}`\n            // Capture the notification properties\n            nprops = {\n                // userAction: target.userAction, // uib custom prop: click, close or error\n                actions: target.actions,\n                badge: target.badge,\n                body: target.body,\n                data: target.data,\n                dir: target.dir,\n                icon: target.icon,\n                image: target.image,\n                lang: target.lang,\n                renotify: target.renotify,\n                requireInteraction: target.requireInteraction,\n                silent: target.silent,\n                tag: target.tag,\n                timestamp: target.timestamp,\n                title: target.title,\n                vibrate: target.vibrate,\n            }\n        }\n\n        // Set up the msg to send - NB: Topic may be added by this._send\n        const msg = {\n            // - this may be an empty Object if no data attributes defined\n            payload: payload,\n\n            _ui: {\n                type: 'eventSend',\n                id: target.id !== '' ? target.id : undefined,\n                name: target.name !== '' ? target.name : undefined,\n                slotText: target.textContent ? target.textContent.substring(0, 255) : undefined,\n\n                form: formDetails,\n                props: props,\n                attribs: attribs,\n                classes: classes,\n\n                notification: nprops,\n\n                event: domevent.type,\n                altKey: domevent.altKey,\n                ctrlKey: domevent.ctrlKey,\n                shiftKey: domevent.shiftKey,\n                metaKey: domevent.metaKey,\n\n                pointerType: domevent.pointerType,\n                nodeName: target.nodeName,\n\n                clientId: this.clientId,\n                pageName: this.pageName,\n                tabId: this.tabId,\n            }\n        }\n\n        log('trace', 'Uib:eventSend', 'Sending msg to Node-RED', msg)()\n\n        this._send(msg, this._ioChannels.client, originator)\n    }\n\n    /** Send a standard message to NR\n     * @example uibuilder.send({payload:'Hello'})\n     * @param {object} msg Message to send\n     * @param {string} [originator] A Node-RED node ID to return the message to\n     */\n    send(msg, originator = '') {\n        this._send(msg, this._ioChannels.client, originator)\n    }\n\n    // ! TODO: Rooms do not auto-reconnect. Add tracking and update _onConnect\n    // ! TODO: Add receipt handler on joining a room.\n\n    // NOTE: Rooms only understood by server not client so we have to use custom emits\n    //       They do not auto-reconnect\n\n    /** Send a msg to a pre-defined Socket.IO room\n     * @link https://socket.io/docs/v4/rooms/\n     * @param {string} room Name of a Socket.IO pre-defined room.\n     * @param {*} msg Message to send\n     */\n    sendRoom(room, msg) {\n        this._socket.emit('uib-room-send', room, msg )\n    }\n\n    joinRoom(room) {\n        this._socket.emit('uib-room-join', room)\n    }\n\n    leaveRoom(room) {\n        this._socket.emit('uib-room-leave', room)\n    }\n\n    /** Send a control msg to NR\n     * @param {object} msg Message to send\n     */\n    sendCtrl(msg) {\n        this._send(msg, this._ioChannels.control)\n    }\n\n    /**\n     * Send a message to Node-RED on a custom channel - use for UIBUILDER 3rd-party custom nodes\n     * @param {string} channel The custom channel name to use\n     * @param {object} msg The message to send\n     */\n    sendCustom(channel, msg) {\n        this._socket.emit(channel, msg)\n    }\n\n    /** Upload a file to Node-RED over Socket.IO\n     * https://developer.mozilla.org/en-US/docs/Web/API/FileReader\n     * @param {File} file Reference to File API object to upload\n     */\n    uploadFile(file) {\n        // Create a new FileReader instance\n        const reader = new FileReader()\n\n        // Define the onload event for the FileReader\n        reader.onload = (e) => {\n            // Get the binary content of the file\n            const arrayBuffer = e.target.result\n\n            // Send the binary content to the server\n            const msg = {\n                topic: this.topic || 'file-upload',\n                payload: arrayBuffer,\n                fileName: file.name,\n                type: file.type,\n                lastModified: file.lastModifiedDate,\n                size: file.size,\n            }\n\n            // Only send if content not too large\n            const maxSize = this.maxHttpBufferSize - 500\n            if (arrayBuffer.byteLength >= maxSize) {\n                msg.payload = undefined\n                msg.error = `File is too large to send. File size: ${arrayBuffer.byteLength}. Max msg size: ${maxSize}`\n                log('error', 'Uib:uploadFile', msg.error)()\n\n            }\n\n            this.send(msg)\n        }\n\n        // Read the file as an ArrayBuffer\n        reader.readAsArrayBuffer(file)\n    }\n    //#endregion -------- ------------ -------- //\n\n    //#region ------- Socket.IO -------- //\n\n    /** Return the Socket.IO namespace\n     * The cookie method is the most reliable but this falls back to trying to work it\n     * out from the URL if cookies not available. That won't work if page is in a sub-folder.\n     * since 2017-10-21 Improve method to cope with more complex paths - thanks to Steve Rickus @shrickus\n     * since 2017-11-10 v1.0.1 Check cookie first then url. cookie works even if the path is more complex (e.g. sub-folder)\n     * since 2020-01-25 Removed httpRoot from namespace to prevent proxy induced errors\n     * @returns {string} Socket.IO namespace\n     */\n    _getIOnamespace() {\n\n        let ioNamespace\n\n        /** Try getting the namespace cookie. */\n        ioNamespace = this.cookies['uibuilder-namespace']\n\n        // if it wasn't available, try using the current url path\n        if (ioNamespace === undefined || ioNamespace === '') {\n            // split url path & eliminate any blank elements, and trailing or double slashes\n            const u = window.location.pathname.split('/')\n                .filter(function (t) { return t.trim() !== '' })\n\n            /** since v2.0.5 Extra check for 0 length, Issue #73. since 2017-11-06 If the last element of the path is an .html file name, remove it */\n            if (u.length > 0 && (u[u.length - 1].endsWith('.html'))) u.pop()\n\n            // Get the last part of the url path, this MUST match the namespace in uibuilder\n            ioNamespace = u.pop()\n\n            log('trace', 'uibuilder.module.js:getIOnamespace', `Socket.IO namespace found via url path: ${ioNamespace}`)()\n        } else {\n            log('trace', 'uibuilder.module.js:getIOnamespace', `Socket.IO namespace found via cookie: ${ioNamespace}`)()\n        }\n\n        this.url = ioNamespace\n        // Namespace HAS to start with a /\n        ioNamespace = '/' + ioNamespace\n\n        log('trace', 'uibuilder.module.js:getIOnamespace', `Final Socket.IO namespace: ${ioNamespace}`)()\n\n        return ioNamespace\n    } // --- End of set IO namespace --- //\n\n    /** Function used to check whether Socket.IO is connected to the server, reconnect if not (recursive)\n     * @param {number} [delay] Initial delay before checking (ms). Default=2000ms\n     * @param {number} [factor] Multiplication factor for subsequent checks (delay*factor). Default=1.5\n     * @param {number} [depth] Recursion depth\n     * @returns {boolean|undefined} Whether or not Socket.IO is connected to uibuilder in Node-RED\n     */\n    _checkConnect(delay, factor, depth = 1) {\n        if ( navigator.onLine === false ) return // Don't bother if we know we are offline\n\n        if (!delay) delay = this.retryMs\n        if (!factor) factor = this.retryFactor\n\n        log('trace', 'Uib:checkConnect', `Checking connection. Connected: ${this._socket.connected}. Timer: ${this.#timerid}. Depth: ${depth}. Delay: ${delay}. Factor: ${factor}`, this._socket)()\n\n        // If we are connected ...\n        if (this._socket.connected === true) {\n            // Clear the setTimeout\n            if (this.#timerid) {\n                window.clearTimeout(this.#timerid)\n                this.#timerid = null\n            }\n            this.set('ioConnected', true)\n            this.set('socketError', null)\n            return true\n        }\n\n        // ... we aren't connected so:\n        this.set('ioConnected', false)\n\n        // we only want one running at a time\n        if (this.#timerid) window.clearTimeout(this.#timerid)\n\n        // Create the new timer\n        this.#timerid = window.setTimeout(() => {\n            log('warn', 'Uib:checkConnect:setTimeout', `Socket.IO reconnection attempt. Current delay: ${delay}. Depth: ${depth}`)()\n\n            // this is necessary sometimes when the socket fails to connect on startup\n            this._socket.disconnect()\n\n            // Try to reconnect\n            this._socket.connect()\n\n            // don't need to check whether we have connected as the timer will have been cleared if we have\n            this.#timerid = null\n\n            // @ts-ignore Create new timer for next time round with extended delay\n            this._checkConnect(delay * factor, factor, depth++)\n        }, delay)\n\n        return false\n    } // --- End of checkConnect Fn--- //\n\n    // See message handling section for msg receipt handlers\n\n    /** Called by _ioSetup when Socket.IO connects to Node-RED */\n    _onConnect() {\n        // WARNING: You cannot change any of the this._socket.auth settings at this point\n        log('info', 'Uib:ioSetup', `\u2705 SOCKET CONNECTED. Connection count: ${this.connectedNum}, Is a Recovery?: ${this._socket.recovered}. \\nNamespace: ${this.ioNamespace}`)()\n        this._dispatchCustomEvent('uibuilder:socket:connected', { 'numConnections': this.connectedNum, 'isRecovery': this._socket.recovered })\n\n        this._checkConnect() // resets any reconnection timers & sets connected flag\n    }\n\n    /** Called by _ioSetup when Socket.IO disconnects from Node-RED\n     * @param {string} reason Disconnection title\n     */\n    _onDisconnect(reason) {\n        // reason === 'io server disconnect' - redeploy of Node instance\n        // reason === 'transport close' - Node-RED terminating\n        // reason === 'ping timeout' - didn't receive a pong response?\n        log('info', 'Uib:ioSetup:socket-disconnect', `\u26D4 Socket Disconnected. Reason: ${reason}`)()\n\n        this._dispatchCustomEvent('uibuilder:socket:disconnected', reason)\n\n        /** A workaround for SIO's failure to reconnect after a disconnection */\n        this._checkConnect()\n    }\n\n    /** Setup Socket.io\n     * since v2.0.0-beta2 Moved to a function and called by the user (uibuilder.start()) so that namespace & path can be passed manually if needed\n     * @returns {boolean} Attaches socket.io manager to self._socket and updates self.ioNamespace & self.ioPath as needed\n     */\n    _ioSetup() {\n\n        // Just a notification, actual load is done outside the class (see start of file)\n        if (io === undefined) {\n            log('error', 'Uib:ioSetup', 'Socket.IO client not loaded, Node-RED comms will not work')()\n            return false\n        }\n\n        // If socket is already set up, close it and remove all of the listeners\n        if (this._socket) {\n            log('trace', 'Uib:ioSetup', 'Removing listeners in preparation for redoing Socket.IO connections')()\n            if (this.#timerid) {\n                window.clearTimeout(this.#timerid)\n                this.#timerid = null\n            }\n            this._socket.close()\n            this._socket.offAny()\n            this._socket = undefined\n            this.set('ioConnected', false)\n        }\n\n        // Update the URL path to make sure we have the right one\n        this.socketOptions.path = this.ioPath\n\n        // Create the socket - make sure client uses Socket.IO version from the uibuilder module (using path)\n        log('trace', 'Uib:ioSetup', `About to create IO object. Transports: [${this.socketOptions.transports.join(', ')}]`)()\n        this._socket = io(this.ioNamespace, this.socketOptions)\n\n        this._connectGlobal()\n\n        /** When the socket is connected - set ioConnected flag and reset connect timer  */\n        this._socket.on('connect', this._onConnect.bind(this))\n\n        // RECEIVE a STANDARD, non-control msg from Node-RED server\n        this._socket.on(this._ioChannels.server, this._stdMsgFromServer.bind(this))\n\n        // RECEIVE a CONTROL msg from Node-RED server - see also sendCtrl()\n        this._socket.on(this._ioChannels.control, this._ctrlMsgFromServer.bind(this))\n\n        // When the socket is disconnected ..............\n        this._socket.on('disconnect', this._onDisconnect.bind(this))\n\n        // Socket.io connection error - probably the wrong ioPath - or client is offline\n        this._socket.on('connect_error', (err) => {\n            if ( navigator.onLine === false ) return // Don't bother with an error if we know we are offline\n            log('error', 'Uib:ioSetup:connect_error', `\u274C Socket.IO Connect Error. Reason: ${err.message}`, err)()\n            this.set('ioConnected', false)\n            this.set('socketError', err)\n            this._dispatchCustomEvent('uibuilder:socket:disconnected', err)\n        }) // --- End of socket connect error processing ---\n\n        // Socket.io error - from the server (socket.use middleware triggered an error response)\n        this._socket.on('error', (err) => {\n            log('error', 'Uib:ioSetup:error', `\u274C Socket.IO Error. Reason: ${err.message}`, err)()\n            this.set('ioConnected', false)\n            this.set('socketError', err)\n            this._dispatchCustomEvent('uibuilder:socket:disconnected', err)\n        }) // --- End of socket error processing ---\n\n        // Ensure we are connected, retry if not\n        this._checkConnect()\n\n        return true\n\n        /* We really don't need these, just for interest\n            self._socket.io.on('packet', function onPacket(data){\n                // we get one of these for each REAL msg (not ping/pong)\n                console.debug('PACKET', data)\n            })\n            self._socket.on('pong', function(latency) {\n                console.debug('SOCKET PONG - Latency: ', latency)\n                //console.dir(self._socket)\n            }) // --- End of socket pong processing ---\n            self._socket.io.on('packet', function(data){\n                // We get one of these for actual messages, not ping/pong\n                console.debug('PACKET', data)\n            })\n            self._socket.on('connect_timeout', function(timeout) {\n                console.debug('SOCKET CONNECT TIMEOUT - Namespace: ' + ioNamespace + ', Timeout: ' + timeout)\n            }) // --- End of socket connect timeout processing ---\n            self._socket.on('reconnect', function(attemptNum) {\n                console.debug('SOCKET RECONNECTED - Namespace: ' + ioNamespace + ', Attempt #: ' + attemptNum)\n            }) // --- End of socket reconnect processing ---\n            self._socket.on('reconnect_attempt', function(attemptNum) {\n                console.debug('SOCKET RECONNECT ATTEMPT - Namespace: ' + ioNamespace + ', Attempt #: ' + attemptNum)\n            }) // --- End of socket reconnect_attempt processing ---\n            self._socket.on('reconnecting', function(attemptNum) {\n                console.debug('SOCKET RECONNECTING - Namespace: ' + ioNamespace + ', Attempt #: ' + attemptNum)\n            }) // --- End of socket reconnecting processing ---\n            self._socket.on('reconnect_error', function(err) {\n                console.debug('SOCKET RECONNECT ERROR - Namespace: ' + ioNamespace + ', Reason: ' + err.message)\n                //console.dir(err)\n            }) // --- End of socket reconnect_error processing ---\n            self._socket.on('reconnect_failed', function() {\n                console.debug('SOCKET RECONNECT FAILED - Namespace: ' + ioNamespace)\n            }) // --- End of socket reconnect_failed processing ---\n            self._socket.on('ping', function() {\n                console.debug('SOCKET PING')\n            }) // --- End of socket ping processing ---\n            self._socket.on('pong', function(latency) {\n                console.debug('SOCKET PONG - Latency: ', latency)\n            }) // --- End of socket pong processing ---\n            */\n    } // ---- End of ioSetup ---- //\n\n    /** Connect to global namespace & create global listener that updates the `globalMsg` var */\n    _connectGlobal() {\n        this._socketGlobal = io('/', this.socketOptions)\n        this._socketGlobal.onAny( (...args) => {\n            this.set('globalMsg', args.slice(0, -1))\n        })\n    }\n\n    /** Manually (re)connect socket.io */\n    connect() {\n        // ? Should I use this._checkConnect()?\n        this._socket.connect()\n    }\n\n    /** Manually disconnect socket.io and stop any auto-reconnect timer */\n    disconnect() {\n        this._socket.disconnect()\n        // As this is a manual disconnect, stop any reconnect timers\n        if (this.#timerid) window.clearTimeout(this.#timerid)\n    }\n\n    //#endregion -------- ------------ -------- //\n\n    //#region ! EXPERIMENTAL: Watch for and process uib-* or data-uib-* attributes in HTML and auto-process\n\n    /** Attempt to load a service worker\n     * https://yonatankra.com/how-service-workers-sped-up-our-website-by-97-5/\n     * @param {string} fileName Name of service worker js file (without .js extension)\n     */\n    // async registerServiceWorker(fileName) {\n    //     if (!navigator.serviceWorker) return\n\n    //     await navigator.serviceWorker.register(\n    //         `./${fileName}.js`,\n    //         {\n    //             scope: './',\n    //         }\n    //     )\n    // }\n\n    /** Wrap an object in a JS proxy\n     * WARNING: Sadly, `let x = uib.createProxy( [1,2] ); x.push(3);` Does not trigger a send because that is classed as a\n     * GET, not a SET.\n     * param {*} target The target object to proxy\n     * returns {Proxy} A proxied version of the target object\n     */\n    // createProxy(target) {\n    //     return new Proxy(target, {\n    //         _doSend(prop, val, oldVal) {\n    //             uibuilder.send({\n    //                 topic: 'uibuilder/proxy/change',\n    //                 _uib: {\n    //                     varChange: {\n    //                         name: self.$name,\n    //                         property: prop,\n    //                         oldValue: oldVal,\n    //                         newValue: val,\n    //                     }\n    //                 },\n    //                 payload: target,\n    //             })\n    //         },\n    //         get(target, prop, receiver) {\n    //             console.log('uib proxy - GET: ', prop, target)\n    //             let val = Reflect.get(...arguments)\n    //             if (typeof val === 'function') val = val.bind(target)\n    //             if (self.$sendChanges) this._doSend(prop, Reflect.get(target))\n    //             return val\n    //         },\n    //         set(target, prop, val, receiver) {\n    //             if (prop === '$sendChanges') {\n    //                 self.$sendChanges = typeof val === 'boolean' ? val : false\n    //                 return true\n    //             }\n    //             if (prop === '$name') {\n    //                 self.$name = typeof val === 'string' ? val : undefined\n    //                 return true\n    //             }\n    //             console.log('uib proxy - SET: ', val, prop, target)\n    //             const oldVal = Reflect.get(...arguments)\n    //             const worked = Reflect.set(target, prop, val, receiver)\n    //             if (self.$sendChanges && worked) {\n    //                 self._doSend(prop, val, oldVal)\n    //             }\n    //             return worked\n    //         },\n    //     })\n    // }\n\n    //#endregion ! EXPERIMENTAL\n\n    //#region ------- Class construction & startup method -------- //\n\n    constructor() {\n        log('trace', 'Uib:constructor', 'Starting')()\n\n        // Track whether the client is online or offline\n        window.addEventListener('offline', (e) => {\n            this.set('online', false)\n            this.set('ioConnected', false)\n            log('warn', 'Browser', 'DISCONNECTED from network')()\n        })\n        window.addEventListener('online', (e) => {\n            this.set('online', true)\n            log('warn', 'Browser', 'Reconnected to network')()\n            this._checkConnect()\n        })\n\n        document.cookie.split(';').forEach((c) => {\n            const splitC = c.split('=')\n            this.cookies[splitC[0].trim()] = splitC[1]\n        })\n\n        /** Client ID set by uibuilder - lasts until browser profile is closed, applies to all tabs */\n        this.set('clientId', this.cookies['uibuilder-client-id'])\n        log('trace', 'Uib:constructor', 'Client ID: ', this.clientId)()\n\n        /** Tab ID - lasts while the tab is open (even if reloaded)\n         * WARNING: Duplicating a tab retains the same tabId\n         */\n        this.set('tabId', window.sessionStorage.getItem('tabId'))\n        if (!this.tabId) {\n            this.set('tabId', `t${Math.floor(Math.random() * 1000000)}`)\n            window.sessionStorage.setItem('tabId', this.tabId)\n        }\n\n        // document.addEventListener('pagehide', (event) => {\n        //     // console.log(`pagehide. From Cache?: ${event.persisted}`)\n        //     navigator.sendBeacon('./_clientLog', `pagehide. From Cache?: ${event.persisted}`)\n        // })\n        // document.addEventListener('pageshow', (event) => {\n        //     // console.log(`pageshow. From Cache?: ${event.persisted}`)\n        //     navigator.sendBeacon('./_clientLog', `pageshow. From Cache?: ${event.persisted}`)\n        // })\n        document.addEventListener('load', () => {\n            this.set('isVisible', true)\n        })\n        document.addEventListener('visibilitychange', () => {\n            // hidden=unload, minimise. visible=un-minimise (not fired on load)\n            this.set('isVisible', document.visibilityState === 'visible')\n            this.sendCtrl({ uibuilderCtrl: 'visibility', isVisible: this.isVisible })\n            // navigator.userActivation is experimental Chromium only\n            // console.log('visibilitychange', ':', `Document Event: visibilitychange. Visibility State: ${document.visibilityState}. User Activity- Has:${navigator.userActivation.hasBeenActive}, Is:${navigator.userActivation.isActive}`)\n            // navigator.sendBeacon('./_clientLog', `${(new Date()).toISOString()} Document Event: visibilitychange. Visibility State: ${document.visibilityState}. User Activity- Has:${navigator.userActivation.hasBeenActive}, Is:${navigator.userActivation.isActive}`)\n        })\n\n        // Set a listener to update showStatus table if it is active\n        document.addEventListener('uibuilder:propertyChanged', (event) => {\n            if (!this.#isShowStatus) return\n\n            // @ts-ignore\n            if (event.detail.prop in this.#showStatus) {\n                // @ts-ignore\n                document.querySelector(`td[data-vartype=\"${event.detail.prop}\"]`).innerText = JSON.stringify(event.detail.value)\n            }\n        })\n\n        this.set('ioNamespace', this._getIOnamespace())\n\n        //#region - Try to make sure client uses Socket.IO client version from the uibuilder module (using cookie or path) @since v2.0.0 2019-02-24 allows for httpNodeRoot\n\n        /** httpNodeRoot (to set path) */\n        if ('uibuilder-webRoot' in this.cookies) {\n            this.set('httpNodeRoot', this.cookies['uibuilder-webRoot'])\n            log('trace', 'Uib:constructor', `httpNodeRoot set by cookie to \"${this.httpNodeRoot}\"`)()\n        } else {\n            // split current url path, eliminate any blank elements and trailing or double slashes\n            const fullPath = window.location.pathname.split('/').filter(function (t) { return t.trim() !== '' })\n            /** handle url includes file name - @since v2.0.5 Extra check for 0 length, Issue #73. */\n            if (fullPath.length > 0 && fullPath[fullPath.length - 1].endsWith('.html')) fullPath.pop()\n            fullPath.pop() // gives the last path section of the url\n            this.set('httpNodeRoot', `/${fullPath.join('/')}`)\n            log('trace', '[Uib:constructor]', `httpNodeRoot set by URL parsing to \"${this.httpNodeRoot}\". NOTE: This may fail for pages in sub-folders.`)()\n        }\n        this.set('ioPath', this.urlJoin(this.httpNodeRoot, Uib._meta.displayName, 'vendor', 'socket.io'))\n        log('trace', 'Uib:constructor', `ioPath: \"${this.ioPath}\"`)()\n\n        //#endregion\n\n        // Work out pageName\n        this.set('pageName', window.location.pathname.replace(`${this.ioNamespace}/`, ''))\n        if ( this.pageName.endsWith('/') ) this.set('pageName', `${this.pageName}index.html`)\n        if ( this.pageName === '' ) this.set('pageName', 'index.html')\n\n        // Attempt to restore autoload variables\n        try {\n            const autoloadVars = this.getStore('_uibAutoloadVars')\n            if (Object.keys(autoloadVars).length > 0) {\n                Object.keys(autoloadVars).forEach( (id) => {\n                    this.set(id, this.getStore(id))\n                })\n            }\n        } catch (e) {}\n\n        // ! Experimental service worker\n        // this.registerServiceWorker('sw')\n\n        this._dispatchCustomEvent('uibuilder:constructorComplete')\n\n        log('trace', 'Uib:constructor', 'Ending')()\n    }\n\n    /** Start up Socket.IO comms and listeners\n     * This has to be done separately because if running from a web page in a sub-folder of src/dist, uibuilder cannot\n     * necessarily work out the correct ioPath to use.\n     * Also, if cookies aren't permitted in the browser, both ioPath and ioNamespace may need to be specified.\n     * @param {object} [options] The start options object.\n     * @returns {void}\n     */\n    start(options) {\n        log('trace', 'Uib:start', 'Starting')()\n\n        // Cancel the msg event handler if already present\n        if ( this.#MsgHandler ) this.cancelChange('msg', this.#MsgHandler)\n\n        if (this.started === true) {\n            log('info', 'Uib:start', 'Start function already called. Resetting Socket.IO and msg handler.')()\n        }\n\n        log('log', 'Uib:start', 'Cookies: ', this.cookies, `\\nClient ID: ${this.clientId}`)()\n        log('trace', 'Uib:start', 'ioNamespace: ', this.ioNamespace, `\\nioPath: ${this.ioPath}`)()\n\n        // Handle options\n        if (options) {\n            if (options.ioNamespace) this.set('ioNamespace', options.ioNamespace)\n            if (options.ioPath) this.set('ioPath', options.ioPath)\n            if (options.nopolling && this.socketOptions.transports[0] === 'polling') this.socketOptions.transports.shift()\n        }\n\n        /** Handle specialist messages like reload and _ui -> Moved to _msgRcvdEvents */\n\n        // Track last browser navigation type: navigate, reload, back_forward, prerender\n        // TODO Needs more work - updates on navigation needed?\n        const [entry] = performance.getEntriesByType('navigation')\n        // @ts-ignore\n        this.set('lastNavType', entry.type)\n\n        // Start up (or restart) Socket.IO connections and listeners. Returns false if io not found\n        this.set('started', this._ioSetup())\n\n        if ( this.started === true ) {\n            log('trace', 'Uib:start', 'Start completed. Socket.IO client library loaded.')()\n        } else {\n            log('error', 'Uib:start', 'Start completed. ERROR: Socket.IO client library NOT LOADED.')()\n        }\n\n        // Watch for URL hash changes in case using a front-end router. Updates watched var `urlHash` and socket.io `auth.urlHash`\n        this._watchHashChanges()\n\n        // Check if Vue is present (used for dynamic UI processing)\n        if (window['Vue']) {\n            this.set('isVue', true)\n            try {\n                this.set('vueVersion', window['Vue'].version)\n            } catch (e) { }\n            log('trace', 'Uib:start', `VueJS is loaded. Version: ${this.vueVersion}`)()\n        } else {\n            log('trace', 'Uib:start', 'VueJS is not loaded.')()\n        }\n\n        // Check if DOMPurify library is loaded\n        if (window['DOMPurify']) {\n            this.set('purify', true)\n            log('trace', 'Uib:start', 'DOMPurify is loaded.')()\n        } else {\n            log('trace', 'Uib:start', 'DOMPurify is not loaded.')()\n        }\n        // Check if Markdown-IT library is loaded\n        if (window['markdownit']) {\n            this.set('markdown', true)\n            log('trace', 'Uib:start', 'Markdown-IT is loaded.')()\n        } else {\n            log('trace', 'Uib:start', 'Markdown-IT is not loaded.')()\n        }\n\n        // Set up msg listener for the optional showMsg\n        this.onChange('msg', (msg) => {\n            if (this.#isShowMsg === true) {\n                const eMsg = document.getElementById('uib_last_msg')\n                if (eMsg) eMsg.innerHTML = this.syntaxHighlight(msg)\n            }\n        })\n\n        // Initial scan for uib-* attributes & add suitable change processors\n        this._uibAttrScanAll(document)\n        // Observer to watch for new/changed elements & add suitable change processors\n        const observer = new MutationObserver(this._uibAttribObserver.bind(this))\n        observer.observe(document, {\n            subtree: true,\n            attributes: true,\n            attributeOldValue: true,\n            attributeFilter: this.uibAttribs,\n            childList: true\n        })\n\n        this._dispatchCustomEvent('uibuilder:startComplete')\n    }\n\n    //#endregion -------- ------------ -------- //\n} // ==== End of Class Uib ====\n\n//#region --- Wrap up - get things started, define globals & web components ---\n\n// Create an instance (we will only ever want one)\nconst uibuilder = new Uib()\n\n// Assign reference to the instance to the global `window` object\n// Only useful if loading via <script> tag - prefer loading via `import uibuilder from ...`\nif (!window['uibuilder']) {\n    window['uibuilder'] = uibuilder\n} else {\n    log('error', 'uibuilder.module.js', '`uibuilder` already assigned to window. Have you tried to load it more than once?')\n}\nif (!window['uib']) {\n    window['uib'] = uibuilder\n} else {\n    log('warn', 'uibuilder.module.js', '`uib` shortcut already assigned to window.')\n}\n\n// Assign `$` to global window object unless it is already in use.\n// Note that this is also available as `uibuilder.$`.\nif (!window['$']) {\n    /** @type {HTMLElement} */\n    window['$'] = window['uibuilder'].$ // document.querySelector.bind(document)\n} else {\n    log('warn', 'uibuilder.module.js', 'Cannot allocate the global `$`, it is already in use. Use `uibuilder.$` or `uib.$` instead.')\n}\n// Assign `$$` to global window object unless it is already in use.\n// Note that this is also available as `uibuilder.$$`.\nif (!window['$$']) {\n    /** @type {HTMLElement} */\n    window['$$'] = window['uibuilder'].$$ // document.querySelectorAll.bind(document)\n} else {\n    log('warn', 'uibuilder.module.js', 'Cannot allocate the global `$$`, it is already in use. Use `uibuilder.$$` or `uib.$$` instead.')\n}\n\n// Assign `$ui` to global window object unless it is already in use.\nif (!window['$ui']) {\n    /** @type {HTMLElement} */\n    window['$ui'] = window['uibuilder'].$ui\n} else {\n    log('warn', 'uibuilder.module.js', 'Cannot allocate the global `$ui`, it is already in use. Use `uibuilder.$ui` or `uib.$ui` instead.')\n}\n\nif (!('on' in document)) {\n    document.on = function (event, callback) {\n        this.addEventListener(event, callback)\n    }\n}\nif (!('on' in window)) {\n    window.on = function (event, callback) {\n        this.addEventListener(event, callback)\n    }\n}\n\ntry {\n    if (!('query' in Element)) {\n        Element.prototype.query = function(selector) {\n            return this.querySelector(selector)\n        }\n    }\n    if (!('queryAll' in Element)) {\n        Element.prototype.queryAll = function(selector) {\n            return this.querySelectorAll(selector)\n        }\n    }\n    if (!('on' in Element)) {\n        Element.prototype.on = function (event, callback) {\n            this.addEventListener(event, callback)\n        }\n    }\n} finally { } // eslint-disable-line no-empty\n\n// Can import as `import uibuilder from ...` OR `import {uibuilder} from ...`\nexport { uibuilder }\nexport default uibuilder\n\n// Attempt to run start fn\nuibuilder.start()\n\n// Add built-in web component classes as a new Custom Element to the window object\ncustomElements.define('uib-var', UibVar)\ncustomElements.define('uib-meta', UibMeta)\ncustomElements.define('apply-template', ApplyTemplate)\n\n//#endregion --- Wrap up ---\n\n// EOF\n", "const PACKET_TYPES = Object.create(null); // no Map = no polyfill\nPACKET_TYPES[\"open\"] = \"0\";\nPACKET_TYPES[\"close\"] = \"1\";\nPACKET_TYPES[\"ping\"] = \"2\";\nPACKET_TYPES[\"pong\"] = \"3\";\nPACKET_TYPES[\"message\"] = \"4\";\nPACKET_TYPES[\"upgrade\"] = \"5\";\nPACKET_TYPES[\"noop\"] = \"6\";\nconst PACKET_TYPES_REVERSE = Object.create(null);\nObject.keys(PACKET_TYPES).forEach((key) => {\n    PACKET_TYPES_REVERSE[PACKET_TYPES[key]] = key;\n});\nconst ERROR_PACKET = { type: \"error\", data: \"parser error\" };\nexport { PACKET_TYPES, PACKET_TYPES_REVERSE, ERROR_PACKET };\n", "import { PACKET_TYPES } from \"./commons.js\";\nconst withNativeBlob = typeof Blob === \"function\" ||\n    (typeof Blob !== \"undefined\" &&\n        Object.prototype.toString.call(Blob) === \"[object BlobConstructor]\");\nconst withNativeArrayBuffer = typeof ArrayBuffer === \"function\";\n// ArrayBuffer.isView method is not defined in IE10\nconst isView = (obj) => {\n    return typeof ArrayBuffer.isView === \"function\"\n        ? ArrayBuffer.isView(obj)\n        : obj && obj.buffer instanceof ArrayBuffer;\n};\nconst encodePacket = ({ type, data }, supportsBinary, callback) => {\n    if (withNativeBlob && data instanceof Blob) {\n        if (supportsBinary) {\n            return callback(data);\n        }\n        else {\n            return encodeBlobAsBase64(data, callback);\n        }\n    }\n    else if (withNativeArrayBuffer &&\n        (data instanceof ArrayBuffer || isView(data))) {\n        if (supportsBinary) {\n            return callback(data);\n        }\n        else {\n            return encodeBlobAsBase64(new Blob([data]), callback);\n        }\n    }\n    // plain string\n    return callback(PACKET_TYPES[type] + (data || \"\"));\n};\nconst encodeBlobAsBase64 = (data, callback) => {\n    const fileReader = new FileReader();\n    fileReader.onload = function () {\n        const content = fileReader.result.split(\",\")[1];\n        callback(\"b\" + (content || \"\"));\n    };\n    return fileReader.readAsDataURL(data);\n};\nfunction toArray(data) {\n    if (data instanceof Uint8Array) {\n        return data;\n    }\n    else if (data instanceof ArrayBuffer) {\n        return new Uint8Array(data);\n    }\n    else {\n        return new Uint8Array(data.buffer, data.byteOffset, data.byteLength);\n    }\n}\nlet TEXT_ENCODER;\nexport function encodePacketToBinary(packet, callback) {\n    if (withNativeBlob && packet.data instanceof Blob) {\n        return packet.data.arrayBuffer().then(toArray).then(callback);\n    }\n    else if (withNativeArrayBuffer &&\n        (packet.data instanceof ArrayBuffer || isView(packet.data))) {\n        return callback(toArray(packet.data));\n    }\n    encodePacket(packet, false, (encoded) => {\n        if (!TEXT_ENCODER) {\n            TEXT_ENCODER = new TextEncoder();\n        }\n        callback(TEXT_ENCODER.encode(encoded));\n    });\n}\nexport { encodePacket };\n", "// imported from https://github.com/socketio/base64-arraybuffer\nconst chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';\n// Use a lookup table to find the index.\nconst lookup = typeof Uint8Array === 'undefined' ? [] : new Uint8Array(256);\nfor (let i = 0; i < chars.length; i++) {\n    lookup[chars.charCodeAt(i)] = i;\n}\nexport const encode = (arraybuffer) => {\n    let bytes = new Uint8Array(arraybuffer), i, len = bytes.length, base64 = '';\n    for (i = 0; i < len; i += 3) {\n        base64 += chars[bytes[i] >> 2];\n        base64 += chars[((bytes[i] & 3) << 4) | (bytes[i + 1] >> 4)];\n        base64 += chars[((bytes[i + 1] & 15) << 2) | (bytes[i + 2] >> 6)];\n        base64 += chars[bytes[i + 2] & 63];\n    }\n    if (len % 3 === 2) {\n        base64 = base64.substring(0, base64.length - 1) + '=';\n    }\n    else if (len % 3 === 1) {\n        base64 = base64.substring(0, base64.length - 2) + '==';\n    }\n    return base64;\n};\nexport const decode = (base64) => {\n    let bufferLength = base64.length * 0.75, len = base64.length, i, p = 0, encoded1, encoded2, encoded3, encoded4;\n    if (base64[base64.length - 1] === '=') {\n        bufferLength--;\n        if (base64[base64.length - 2] === '=') {\n            bufferLength--;\n        }\n    }\n    const arraybuffer = new ArrayBuffer(bufferLength), bytes = new Uint8Array(arraybuffer);\n    for (i = 0; i < len; i += 4) {\n        encoded1 = lookup[base64.charCodeAt(i)];\n        encoded2 = lookup[base64.charCodeAt(i + 1)];\n        encoded3 = lookup[base64.charCodeAt(i + 2)];\n        encoded4 = lookup[base64.charCodeAt(i + 3)];\n        bytes[p++] = (encoded1 << 2) | (encoded2 >> 4);\n        bytes[p++] = ((encoded2 & 15) << 4) | (encoded3 >> 2);\n        bytes[p++] = ((encoded3 & 3) << 6) | (encoded4 & 63);\n    }\n    return arraybuffer;\n};\n", "import { ERROR_PACKET, PACKET_TYPES_REVERSE, } from \"./commons.js\";\nimport { decode } from \"./contrib/base64-arraybuffer.js\";\nconst withNativeArrayBuffer = typeof ArrayBuffer === \"function\";\nexport const decodePacket = (encodedPacket, binaryType) => {\n    if (typeof encodedPacket !== \"string\") {\n        return {\n            type: \"message\",\n            data: mapBinary(encodedPacket, binaryType),\n        };\n    }\n    const type = encodedPacket.charAt(0);\n    if (type === \"b\") {\n        return {\n            type: \"message\",\n            data: decodeBase64Packet(encodedPacket.substring(1), binaryType),\n        };\n    }\n    const packetType = PACKET_TYPES_REVERSE[type];\n    if (!packetType) {\n        return ERROR_PACKET;\n    }\n    return encodedPacket.length > 1\n        ? {\n            type: PACKET_TYPES_REVERSE[type],\n            data: encodedPacket.substring(1),\n        }\n        : {\n            type: PACKET_TYPES_REVERSE[type],\n        };\n};\nconst decodeBase64Packet = (data, binaryType) => {\n    if (withNativeArrayBuffer) {\n        const decoded = decode(data);\n        return mapBinary(decoded, binaryType);\n    }\n    else {\n        return { base64: true, data }; // fallback for old browsers\n    }\n};\nconst mapBinary = (data, binaryType) => {\n    switch (binaryType) {\n        case \"blob\":\n            if (data instanceof Blob) {\n                // from WebSocket + binaryType \"blob\"\n                return data;\n            }\n            else {\n                // from HTTP long-polling or WebTransport\n                return new Blob([data]);\n            }\n        case \"arraybuffer\":\n        default:\n            if (data instanceof ArrayBuffer) {\n                // from HTTP long-polling (base64) or WebSocket + binaryType \"arraybuffer\"\n                return data;\n            }\n            else {\n                // from WebTransport (Uint8Array)\n                return data.buffer;\n            }\n    }\n};\n", "import { encodePacket, encodePacketToBinary } from \"./encodePacket.js\";\nimport { decodePacket } from \"./decodePacket.js\";\nimport { ERROR_PACKET, } from \"./commons.js\";\nconst SEPARATOR = String.fromCharCode(30); // see https://en.wikipedia.org/wiki/Delimiter#ASCII_delimited_text\nconst encodePayload = (packets, callback) => {\n    // some packets may be added to the array while encoding, so the initial length must be saved\n    const length = packets.length;\n    const encodedPackets = new Array(length);\n    let count = 0;\n    packets.forEach((packet, i) => {\n        // force base64 encoding for binary packets\n        encodePacket(packet, false, (encodedPacket) => {\n            encodedPackets[i] = encodedPacket;\n            if (++count === length) {\n                callback(encodedPackets.join(SEPARATOR));\n            }\n        });\n    });\n};\nconst decodePayload = (encodedPayload, binaryType) => {\n    const encodedPackets = encodedPayload.split(SEPARATOR);\n    const packets = [];\n    for (let i = 0; i < encodedPackets.length; i++) {\n        const decodedPacket = decodePacket(encodedPackets[i], binaryType);\n        packets.push(decodedPacket);\n        if (decodedPacket.type === \"error\") {\n            break;\n        }\n    }\n    return packets;\n};\nexport function createPacketEncoderStream() {\n    return new TransformStream({\n        transform(packet, controller) {\n            encodePacketToBinary(packet, (encodedPacket) => {\n                const payloadLength = encodedPacket.length;\n                let header;\n                // inspired by the WebSocket format: https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API/Writing_WebSocket_servers#decoding_payload_length\n                if (payloadLength < 126) {\n                    header = new Uint8Array(1);\n                    new DataView(header.buffer).setUint8(0, payloadLength);\n                }\n                else if (payloadLength < 65536) {\n                    header = new Uint8Array(3);\n                    const view = new DataView(header.buffer);\n                    view.setUint8(0, 126);\n                    view.setUint16(1, payloadLength);\n                }\n                else {\n                    header = new Uint8Array(9);\n                    const view = new DataView(header.buffer);\n                    view.setUint8(0, 127);\n                    view.setBigUint64(1, BigInt(payloadLength));\n                }\n                // first bit indicates whether the payload is plain text (0) or binary (1)\n                if (packet.data && typeof packet.data !== \"string\") {\n                    header[0] |= 0x80;\n                }\n                controller.enqueue(header);\n                controller.enqueue(encodedPacket);\n            });\n        },\n    });\n}\nlet TEXT_DECODER;\nfunction totalLength(chunks) {\n    return chunks.reduce((acc, chunk) => acc + chunk.length, 0);\n}\nfunction concatChunks(chunks, size) {\n    if (chunks[0].length === size) {\n        return chunks.shift();\n    }\n    const buffer = new Uint8Array(size);\n    let j = 0;\n    for (let i = 0; i < size; i++) {\n        buffer[i] = chunks[0][j++];\n        if (j === chunks[0].length) {\n            chunks.shift();\n            j = 0;\n        }\n    }\n    if (chunks.length && j < chunks[0].length) {\n        chunks[0] = chunks[0].slice(j);\n    }\n    return buffer;\n}\nexport function createPacketDecoderStream(maxPayload, binaryType) {\n    if (!TEXT_DECODER) {\n        TEXT_DECODER = new TextDecoder();\n    }\n    const chunks = [];\n    let state = 0 /* State.READ_HEADER */;\n    let expectedLength = -1;\n    let isBinary = false;\n    return new TransformStream({\n        transform(chunk, controller) {\n            chunks.push(chunk);\n            while (true) {\n                if (state === 0 /* State.READ_HEADER */) {\n                    if (totalLength(chunks) < 1) {\n                        break;\n                    }\n                    const header = concatChunks(chunks, 1);\n                    isBinary = (header[0] & 0x80) === 0x80;\n                    expectedLength = header[0] & 0x7f;\n                    if (expectedLength < 126) {\n                        state = 3 /* State.READ_PAYLOAD */;\n                    }\n                    else if (expectedLength === 126) {\n                        state = 1 /* State.READ_EXTENDED_LENGTH_16 */;\n                    }\n                    else {\n                        state = 2 /* State.READ_EXTENDED_LENGTH_64 */;\n                    }\n                }\n                else if (state === 1 /* State.READ_EXTENDED_LENGTH_16 */) {\n                    if (totalLength(chunks) < 2) {\n                        break;\n                    }\n                    const headerArray = concatChunks(chunks, 2);\n                    expectedLength = new DataView(headerArray.buffer, headerArray.byteOffset, headerArray.length).getUint16(0);\n                    state = 3 /* State.READ_PAYLOAD */;\n                }\n                else if (state === 2 /* State.READ_EXTENDED_LENGTH_64 */) {\n                    if (totalLength(chunks) < 8) {\n                        break;\n                    }\n                    const headerArray = concatChunks(chunks, 8);\n                    const view = new DataView(headerArray.buffer, headerArray.byteOffset, headerArray.length);\n                    const n = view.getUint32(0);\n                    if (n > Math.pow(2, 53 - 32) - 1) {\n                        // the maximum safe integer in JavaScript is 2^53 - 1\n                        controller.enqueue(ERROR_PACKET);\n                        break;\n                    }\n                    expectedLength = n * Math.pow(2, 32) + view.getUint32(4);\n                    state = 3 /* State.READ_PAYLOAD */;\n                }\n                else {\n                    if (totalLength(chunks) < expectedLength) {\n                        break;\n                    }\n                    const data = concatChunks(chunks, expectedLength);\n                    controller.enqueue(decodePacket(isBinary ? data : TEXT_DECODER.decode(data), binaryType));\n                    state = 0 /* State.READ_HEADER */;\n                }\n                if (expectedLength === 0 || expectedLength > maxPayload) {\n                    controller.enqueue(ERROR_PACKET);\n                    break;\n                }\n            }\n        },\n    });\n}\nexport const protocol = 4;\nexport { encodePacket, encodePayload, decodePacket, decodePayload, };\n", "/**\n * Initialize a new `Emitter`.\n *\n * @api public\n */\n\nexport function Emitter(obj) {\n  if (obj) return mixin(obj);\n}\n\n/**\n * Mixin the emitter properties.\n *\n * @param {Object} obj\n * @return {Object}\n * @api private\n */\n\nfunction mixin(obj) {\n  for (var key in Emitter.prototype) {\n    obj[key] = Emitter.prototype[key];\n  }\n  return obj;\n}\n\n/**\n * Listen on the given `event` with `fn`.\n *\n * @param {String} event\n * @param {Function} fn\n * @return {Emitter}\n * @api public\n */\n\nEmitter.prototype.on =\nEmitter.prototype.addEventListener = function(event, fn){\n  this._callbacks = this._callbacks || {};\n  (this._callbacks['$' + event] = this._callbacks['$' + event] || [])\n    .push(fn);\n  return this;\n};\n\n/**\n * Adds an `event` listener that will be invoked a single\n * time then automatically removed.\n *\n * @param {String} event\n * @param {Function} fn\n * @return {Emitter}\n * @api public\n */\n\nEmitter.prototype.once = function(event, fn){\n  function on() {\n    this.off(event, on);\n    fn.apply(this, arguments);\n  }\n\n  on.fn = fn;\n  this.on(event, on);\n  return this;\n};\n\n/**\n * Remove the given callback for `event` or all\n * registered callbacks.\n *\n * @param {String} event\n * @param {Function} fn\n * @return {Emitter}\n * @api public\n */\n\nEmitter.prototype.off =\nEmitter.prototype.removeListener =\nEmitter.prototype.removeAllListeners =\nEmitter.prototype.removeEventListener = function(event, fn){\n  this._callbacks = this._callbacks || {};\n\n  // all\n  if (0 == arguments.length) {\n    this._callbacks = {};\n    return this;\n  }\n\n  // specific event\n  var callbacks = this._callbacks['$' + event];\n  if (!callbacks) return this;\n\n  // remove all handlers\n  if (1 == arguments.length) {\n    delete this._callbacks['$' + event];\n    return this;\n  }\n\n  // remove specific handler\n  var cb;\n  for (var i = 0; i < callbacks.length; i++) {\n    cb = callbacks[i];\n    if (cb === fn || cb.fn === fn) {\n      callbacks.splice(i, 1);\n      break;\n    }\n  }\n\n  // Remove event specific arrays for event types that no\n  // one is subscribed for to avoid memory leak.\n  if (callbacks.length === 0) {\n    delete this._callbacks['$' + event];\n  }\n\n  return this;\n};\n\n/**\n * Emit `event` with the given args.\n *\n * @param {String} event\n * @param {Mixed} ...\n * @return {Emitter}\n */\n\nEmitter.prototype.emit = function(event){\n  this._callbacks = this._callbacks || {};\n\n  var args = new Array(arguments.length - 1)\n    , callbacks = this._callbacks['$' + event];\n\n  for (var i = 1; i < arguments.length; i++) {\n    args[i - 1] = arguments[i];\n  }\n\n  if (callbacks) {\n    callbacks = callbacks.slice(0);\n    for (var i = 0, len = callbacks.length; i < len; ++i) {\n      callbacks[i].apply(this, args);\n    }\n  }\n\n  return this;\n};\n\n// alias used for reserved events (protected method)\nEmitter.prototype.emitReserved = Emitter.prototype.emit;\n\n/**\n * Return array of callbacks for `event`.\n *\n * @param {String} event\n * @return {Array}\n * @api public\n */\n\nEmitter.prototype.listeners = function(event){\n  this._callbacks = this._callbacks || {};\n  return this._callbacks['$' + event] || [];\n};\n\n/**\n * Check if this emitter has `event` handlers.\n *\n * @param {String} event\n * @return {Boolean}\n * @api public\n */\n\nEmitter.prototype.hasListeners = function(event){\n  return !! this.listeners(event).length;\n};\n", "export const globalThisShim = (() => {\n    if (typeof self !== \"undefined\") {\n        return self;\n    }\n    else if (typeof window !== \"undefined\") {\n        return window;\n    }\n    else {\n        return Function(\"return this\")();\n    }\n})();\n", "import { globalThisShim as globalThis } from \"./globalThis.js\";\nexport function pick(obj, ...attr) {\n    return attr.reduce((acc, k) => {\n        if (obj.hasOwnProperty(k)) {\n            acc[k] = obj[k];\n        }\n        return acc;\n    }, {});\n}\n// Keep a reference to the real timeout functions so they can be used when overridden\nconst NATIVE_SET_TIMEOUT = globalThis.setTimeout;\nconst NATIVE_CLEAR_TIMEOUT = globalThis.clearTimeout;\nexport function installTimerFunctions(obj, opts) {\n    if (opts.useNativeTimers) {\n        obj.setTimeoutFn = NATIVE_SET_TIMEOUT.bind(globalThis);\n        obj.clearTimeoutFn = NATIVE_CLEAR_TIMEOUT.bind(globalThis);\n    }\n    else {\n        obj.setTimeoutFn = globalThis.setTimeout.bind(globalThis);\n        obj.clearTimeoutFn = globalThis.clearTimeout.bind(globalThis);\n    }\n}\n// base64 encoded buffers are about 33% bigger (https://en.wikipedia.org/wiki/Base64)\nconst BASE64_OVERHEAD = 1.33;\n// we could also have used `new Blob([obj]).size`, but it isn't supported in IE9\nexport function byteLength(obj) {\n    if (typeof obj === \"string\") {\n        return utf8Length(obj);\n    }\n    // arraybuffer or blob\n    return Math.ceil((obj.byteLength || obj.size) * BASE64_OVERHEAD);\n}\nfunction utf8Length(str) {\n    let c = 0, length = 0;\n    for (let i = 0, l = str.length; i < l; i++) {\n        c = str.charCodeAt(i);\n        if (c < 0x80) {\n            length += 1;\n        }\n        else if (c < 0x800) {\n            length += 2;\n        }\n        else if (c < 0xd800 || c >= 0xe000) {\n            length += 3;\n        }\n        else {\n            i++;\n            length += 4;\n        }\n    }\n    return length;\n}\n", "// imported from https://github.com/galkn/querystring\n/**\n * Compiles a querystring\n * Returns string representation of the object\n *\n * @param {Object}\n * @api private\n */\nexport function encode(obj) {\n    let str = '';\n    for (let i in obj) {\n        if (obj.hasOwnProperty(i)) {\n            if (str.length)\n                str += '&';\n            str += encodeURIComponent(i) + '=' + encodeURIComponent(obj[i]);\n        }\n    }\n    return str;\n}\n/**\n * Parses a simple querystring into an object\n *\n * @param {String} qs\n * @api private\n */\nexport function decode(qs) {\n    let qry = {};\n    let pairs = qs.split('&');\n    for (let i = 0, l = pairs.length; i < l; i++) {\n        let pair = pairs[i].split('=');\n        qry[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1]);\n    }\n    return qry;\n}\n", "import { decodePacket } from \"engine.io-parser\";\nimport { Emitter } from \"@socket.io/component-emitter\";\nimport { installTimerFunctions } from \"./util.js\";\nimport { encode } from \"./contrib/parseqs.js\";\nexport class TransportError extends Error {\n    constructor(reason, description, context) {\n        super(reason);\n        this.description = description;\n        this.context = context;\n        this.type = \"TransportError\";\n    }\n}\nexport class Transport extends Emitter {\n    /**\n     * Transport abstract constructor.\n     *\n     * @param {Object} opts - options\n     * @protected\n     */\n    constructor(opts) {\n        super();\n        this.writable = false;\n        installTimerFunctions(this, opts);\n        this.opts = opts;\n        this.query = opts.query;\n        this.socket = opts.socket;\n    }\n    /**\n     * Emits an error.\n     *\n     * @param {String} reason\n     * @param description\n     * @param context - the error context\n     * @return {Transport} for chaining\n     * @protected\n     */\n    onError(reason, description, context) {\n        super.emitReserved(\"error\", new TransportError(reason, description, context));\n        return this;\n    }\n    /**\n     * Opens the transport.\n     */\n    open() {\n        this.readyState = \"opening\";\n        this.doOpen();\n        return this;\n    }\n    /**\n     * Closes the transport.\n     */\n    close() {\n        if (this.readyState === \"opening\" || this.readyState === \"open\") {\n            this.doClose();\n            this.onClose();\n        }\n        return this;\n    }\n    /**\n     * Sends multiple packets.\n     *\n     * @param {Array} packets\n     */\n    send(packets) {\n        if (this.readyState === \"open\") {\n            this.write(packets);\n        }\n        else {\n            // this might happen if the transport was silently closed in the beforeunload event handler\n        }\n    }\n    /**\n     * Called upon open\n     *\n     * @protected\n     */\n    onOpen() {\n        this.readyState = \"open\";\n        this.writable = true;\n        super.emitReserved(\"open\");\n    }\n    /**\n     * Called with data.\n     *\n     * @param {String} data\n     * @protected\n     */\n    onData(data) {\n        const packet = decodePacket(data, this.socket.binaryType);\n        this.onPacket(packet);\n    }\n    /**\n     * Called with a decoded packet.\n     *\n     * @protected\n     */\n    onPacket(packet) {\n        super.emitReserved(\"packet\", packet);\n    }\n    /**\n     * Called upon close.\n     *\n     * @protected\n     */\n    onClose(details) {\n        this.readyState = \"closed\";\n        super.emitReserved(\"close\", details);\n    }\n    /**\n     * Pauses the transport, in order not to lose packets during an upgrade.\n     *\n     * @param onPause\n     */\n    pause(onPause) { }\n    createUri(schema, query = {}) {\n        return (schema +\n            \"://\" +\n            this._hostname() +\n            this._port() +\n            this.opts.path +\n            this._query(query));\n    }\n    _hostname() {\n        const hostname = this.opts.hostname;\n        return hostname.indexOf(\":\") === -1 ? hostname : \"[\" + hostname + \"]\";\n    }\n    _port() {\n        if (this.opts.port &&\n            ((this.opts.secure && Number(this.opts.port !== 443)) ||\n                (!this.opts.secure && Number(this.opts.port) !== 80))) {\n            return \":\" + this.opts.port;\n        }\n        else {\n            return \"\";\n        }\n    }\n    _query(query) {\n        const encodedQuery = encode(query);\n        return encodedQuery.length ? \"?\" + encodedQuery : \"\";\n    }\n}\n", "// imported from https://github.com/unshiftio/yeast\n'use strict';\nconst alphabet = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz-_'.split(''), length = 64, map = {};\nlet seed = 0, i = 0, prev;\n/**\n * Return a string representing the specified number.\n *\n * @param {Number} num The number to convert.\n * @returns {String} The string representation of the number.\n * @api public\n */\nexport function encode(num) {\n    let encoded = '';\n    do {\n        encoded = alphabet[num % length] + encoded;\n        num = Math.floor(num / length);\n    } while (num > 0);\n    return encoded;\n}\n/**\n * Return the integer value specified by the given string.\n *\n * @param {String} str The string to convert.\n * @returns {Number} The integer value represented by the string.\n * @api public\n */\nexport function decode(str) {\n    let decoded = 0;\n    for (i = 0; i < str.length; i++) {\n        decoded = decoded * length + map[str.charAt(i)];\n    }\n    return decoded;\n}\n/**\n * Yeast: A tiny growing id generator.\n *\n * @returns {String} A unique id.\n * @api public\n */\nexport function yeast() {\n    const now = encode(+new Date());\n    if (now !== prev)\n        return seed = 0, prev = now;\n    return now + '.' + encode(seed++);\n}\n//\n// Map each character to its index.\n//\nfor (; i < length; i++)\n    map[alphabet[i]] = i;\n", "// imported from https://github.com/component/has-cors\nlet value = false;\ntry {\n    value = typeof XMLHttpRequest !== 'undefined' &&\n        'withCredentials' in new XMLHttpRequest();\n}\ncatch (err) {\n    // if XMLHttp support is disabled in IE then it will throw\n    // when trying to create\n}\nexport const hasCORS = value;\n", "// browser shim for xmlhttprequest module\nimport { hasCORS } from \"../contrib/has-cors.js\";\nimport { globalThisShim as globalThis } from \"../globalThis.js\";\nexport function XHR(opts) {\n    const xdomain = opts.xdomain;\n    // XMLHttpRequest can be disabled on IE\n    try {\n        if (\"undefined\" !== typeof XMLHttpRequest && (!xdomain || hasCORS)) {\n            return new XMLHttpRequest();\n        }\n    }\n    catch (e) { }\n    if (!xdomain) {\n        try {\n            return new globalThis[[\"Active\"].concat(\"Object\").join(\"X\")](\"Microsoft.XMLHTTP\");\n        }\n        catch (e) { }\n    }\n}\nexport function createCookieJar() { }\n", "import { Transport } from \"../transport.js\";\nimport { yeast } from \"../contrib/yeast.js\";\nimport { encodePayload, decodePayload } from \"engine.io-parser\";\nimport { createCookieJar, XHR as XMLHttpRequest, } from \"./xmlhttprequest.js\";\nimport { Emitter } from \"@socket.io/component-emitter\";\nimport { installTimerFunctions, pick } from \"../util.js\";\nimport { globalThisShim as globalThis } from \"../globalThis.js\";\nfunction empty() { }\nconst hasXHR2 = (function () {\n    const xhr = new XMLHttpRequest({\n        xdomain: false,\n    });\n    return null != xhr.responseType;\n})();\nexport class Polling extends Transport {\n    /**\n     * XHR Polling constructor.\n     *\n     * @param {Object} opts\n     * @package\n     */\n    constructor(opts) {\n        super(opts);\n        this.polling = false;\n        if (typeof location !== \"undefined\") {\n            const isSSL = \"https:\" === location.protocol;\n            let port = location.port;\n            // some user agents have empty `location.port`\n            if (!port) {\n                port = isSSL ? \"443\" : \"80\";\n            }\n            this.xd =\n                (typeof location !== \"undefined\" &&\n                    opts.hostname !== location.hostname) ||\n                    port !== opts.port;\n        }\n        /**\n         * XHR supports binary\n         */\n        const forceBase64 = opts && opts.forceBase64;\n        this.supportsBinary = hasXHR2 && !forceBase64;\n        if (this.opts.withCredentials) {\n            this.cookieJar = createCookieJar();\n        }\n    }\n    get name() {\n        return \"polling\";\n    }\n    /**\n     * Opens the socket (triggers polling). We write a PING message to determine\n     * when the transport is open.\n     *\n     * @protected\n     */\n    doOpen() {\n        this.poll();\n    }\n    /**\n     * Pauses polling.\n     *\n     * @param {Function} onPause - callback upon buffers are flushed and transport is paused\n     * @package\n     */\n    pause(onPause) {\n        this.readyState = \"pausing\";\n        const pause = () => {\n            this.readyState = \"paused\";\n            onPause();\n        };\n        if (this.polling || !this.writable) {\n            let total = 0;\n            if (this.polling) {\n                total++;\n                this.once(\"pollComplete\", function () {\n                    --total || pause();\n                });\n            }\n            if (!this.writable) {\n                total++;\n                this.once(\"drain\", function () {\n                    --total || pause();\n                });\n            }\n        }\n        else {\n            pause();\n        }\n    }\n    /**\n     * Starts polling cycle.\n     *\n     * @private\n     */\n    poll() {\n        this.polling = true;\n        this.doPoll();\n        this.emitReserved(\"poll\");\n    }\n    /**\n     * Overloads onData to detect payloads.\n     *\n     * @protected\n     */\n    onData(data) {\n        const callback = (packet) => {\n            // if its the first message we consider the transport open\n            if (\"opening\" === this.readyState && packet.type === \"open\") {\n                this.onOpen();\n            }\n            // if its a close packet, we close the ongoing requests\n            if (\"close\" === packet.type) {\n                this.onClose({ description: \"transport closed by the server\" });\n                return false;\n            }\n            // otherwise bypass onData and handle the message\n            this.onPacket(packet);\n        };\n        // decode payload\n        decodePayload(data, this.socket.binaryType).forEach(callback);\n        // if an event did not trigger closing\n        if (\"closed\" !== this.readyState) {\n            // if we got data we're not polling\n            this.polling = false;\n            this.emitReserved(\"pollComplete\");\n            if (\"open\" === this.readyState) {\n                this.poll();\n            }\n            else {\n            }\n        }\n    }\n    /**\n     * For polling, send a close packet.\n     *\n     * @protected\n     */\n    doClose() {\n        const close = () => {\n            this.write([{ type: \"close\" }]);\n        };\n        if (\"open\" === this.readyState) {\n            close();\n        }\n        else {\n            // in case we're trying to close while\n            // handshaking is in progress (GH-164)\n            this.once(\"open\", close);\n        }\n    }\n    /**\n     * Writes a packets payload.\n     *\n     * @param {Array} packets - data packets\n     * @protected\n     */\n    write(packets) {\n        this.writable = false;\n        encodePayload(packets, (data) => {\n            this.doWrite(data, () => {\n                this.writable = true;\n                this.emitReserved(\"drain\");\n            });\n        });\n    }\n    /**\n     * Generates uri for connection.\n     *\n     * @private\n     */\n    uri() {\n        const schema = this.opts.secure ? \"https\" : \"http\";\n        const query = this.query || {};\n        // cache busting is forced\n        if (false !== this.opts.timestampRequests) {\n            query[this.opts.timestampParam] = yeast();\n        }\n        if (!this.supportsBinary && !query.sid) {\n            query.b64 = 1;\n        }\n        return this.createUri(schema, query);\n    }\n    /**\n     * Creates a request.\n     *\n     * @param {String} method\n     * @private\n     */\n    request(opts = {}) {\n        Object.assign(opts, { xd: this.xd, cookieJar: this.cookieJar }, this.opts);\n        return new Request(this.uri(), opts);\n    }\n    /**\n     * Sends data.\n     *\n     * @param {String} data to send.\n     * @param {Function} called upon flush.\n     * @private\n     */\n    doWrite(data, fn) {\n        const req = this.request({\n            method: \"POST\",\n            data: data,\n        });\n        req.on(\"success\", fn);\n        req.on(\"error\", (xhrStatus, context) => {\n            this.onError(\"xhr post error\", xhrStatus, context);\n        });\n    }\n    /**\n     * Starts a poll cycle.\n     *\n     * @private\n     */\n    doPoll() {\n        const req = this.request();\n        req.on(\"data\", this.onData.bind(this));\n        req.on(\"error\", (xhrStatus, context) => {\n            this.onError(\"xhr poll error\", xhrStatus, context);\n        });\n        this.pollXhr = req;\n    }\n}\nexport class Request extends Emitter {\n    /**\n     * Request constructor\n     *\n     * @param {Object} options\n     * @package\n     */\n    constructor(uri, opts) {\n        super();\n        installTimerFunctions(this, opts);\n        this.opts = opts;\n        this.method = opts.method || \"GET\";\n        this.uri = uri;\n        this.data = undefined !== opts.data ? opts.data : null;\n        this.create();\n    }\n    /**\n     * Creates the XHR object and sends the request.\n     *\n     * @private\n     */\n    create() {\n        var _a;\n        const opts = pick(this.opts, \"agent\", \"pfx\", \"key\", \"passphrase\", \"cert\", \"ca\", \"ciphers\", \"rejectUnauthorized\", \"autoUnref\");\n        opts.xdomain = !!this.opts.xd;\n        const xhr = (this.xhr = new XMLHttpRequest(opts));\n        try {\n            xhr.open(this.method, this.uri, true);\n            try {\n                if (this.opts.extraHeaders) {\n                    xhr.setDisableHeaderCheck && xhr.setDisableHeaderCheck(true);\n                    for (let i in this.opts.extraHeaders) {\n                        if (this.opts.extraHeaders.hasOwnProperty(i)) {\n                            xhr.setRequestHeader(i, this.opts.extraHeaders[i]);\n                        }\n                    }\n                }\n            }\n            catch (e) { }\n            if (\"POST\" === this.method) {\n                try {\n                    xhr.setRequestHeader(\"Content-type\", \"text/plain;charset=UTF-8\");\n                }\n                catch (e) { }\n            }\n            try {\n                xhr.setRequestHeader(\"Accept\", \"*/*\");\n            }\n            catch (e) { }\n            (_a = this.opts.cookieJar) === null || _a === void 0 ? void 0 : _a.addCookies(xhr);\n            // ie6 check\n            if (\"withCredentials\" in xhr) {\n                xhr.withCredentials = this.opts.withCredentials;\n            }\n            if (this.opts.requestTimeout) {\n                xhr.timeout = this.opts.requestTimeout;\n            }\n            xhr.onreadystatechange = () => {\n                var _a;\n                if (xhr.readyState === 3) {\n                    (_a = this.opts.cookieJar) === null || _a === void 0 ? void 0 : _a.parseCookies(xhr);\n                }\n                if (4 !== xhr.readyState)\n                    return;\n                if (200 === xhr.status || 1223 === xhr.status) {\n                    this.onLoad();\n                }\n                else {\n                    // make sure the `error` event handler that's user-set\n                    // does not throw in the same tick and gets caught here\n                    this.setTimeoutFn(() => {\n                        this.onError(typeof xhr.status === \"number\" ? xhr.status : 0);\n                    }, 0);\n                }\n            };\n            xhr.send(this.data);\n        }\n        catch (e) {\n            // Need to defer since .create() is called directly from the constructor\n            // and thus the 'error' event can only be only bound *after* this exception\n            // occurs.  Therefore, also, we cannot throw here at all.\n            this.setTimeoutFn(() => {\n                this.onError(e);\n            }, 0);\n            return;\n        }\n        if (typeof document !== \"undefined\") {\n            this.index = Request.requestsCount++;\n            Request.requests[this.index] = this;\n        }\n    }\n    /**\n     * Called upon error.\n     *\n     * @private\n     */\n    onError(err) {\n        this.emitReserved(\"error\", err, this.xhr);\n        this.cleanup(true);\n    }\n    /**\n     * Cleans up house.\n     *\n     * @private\n     */\n    cleanup(fromError) {\n        if (\"undefined\" === typeof this.xhr || null === this.xhr) {\n            return;\n        }\n        this.xhr.onreadystatechange = empty;\n        if (fromError) {\n            try {\n                this.xhr.abort();\n            }\n            catch (e) { }\n        }\n        if (typeof document !== \"undefined\") {\n            delete Request.requests[this.index];\n        }\n        this.xhr = null;\n    }\n    /**\n     * Called upon load.\n     *\n     * @private\n     */\n    onLoad() {\n        const data = this.xhr.responseText;\n        if (data !== null) {\n            this.emitReserved(\"data\", data);\n            this.emitReserved(\"success\");\n            this.cleanup();\n        }\n    }\n    /**\n     * Aborts the request.\n     *\n     * @package\n     */\n    abort() {\n        this.cleanup();\n    }\n}\nRequest.requestsCount = 0;\nRequest.requests = {};\n/**\n * Aborts pending requests when unloading the window. This is needed to prevent\n * memory leaks (e.g. when using IE) and to ensure that no spurious error is\n * emitted.\n */\nif (typeof document !== \"undefined\") {\n    // @ts-ignore\n    if (typeof attachEvent === \"function\") {\n        // @ts-ignore\n        attachEvent(\"onunload\", unloadHandler);\n    }\n    else if (typeof addEventListener === \"function\") {\n        const terminationEvent = \"onpagehide\" in globalThis ? \"pagehide\" : \"unload\";\n        addEventListener(terminationEvent, unloadHandler, false);\n    }\n}\nfunction unloadHandler() {\n    for (let i in Request.requests) {\n        if (Request.requests.hasOwnProperty(i)) {\n            Request.requests[i].abort();\n        }\n    }\n}\n", "import { globalThisShim as globalThis } from \"../globalThis.js\";\nexport const nextTick = (() => {\n    const isPromiseAvailable = typeof Promise === \"function\" && typeof Promise.resolve === \"function\";\n    if (isPromiseAvailable) {\n        return (cb) => Promise.resolve().then(cb);\n    }\n    else {\n        return (cb, setTimeoutFn) => setTimeoutFn(cb, 0);\n    }\n})();\nexport const WebSocket = globalThis.WebSocket || globalThis.MozWebSocket;\nexport const usingBrowserWebSocket = true;\nexport const defaultBinaryType = \"arraybuffer\";\n", "import { Transport } from \"../transport.js\";\nimport { yeast } from \"../contrib/yeast.js\";\nimport { pick } from \"../util.js\";\nimport { nextTick, usingBrowserWebSocket, WebSocket, } from \"./websocket-constructor.js\";\nimport { encodePacket } from \"engine.io-parser\";\n// detect ReactNative environment\nconst isReactNative = typeof navigator !== \"undefined\" &&\n    typeof navigator.product === \"string\" &&\n    navigator.product.toLowerCase() === \"reactnative\";\nexport class WS extends Transport {\n    /**\n     * WebSocket transport constructor.\n     *\n     * @param {Object} opts - connection options\n     * @protected\n     */\n    constructor(opts) {\n        super(opts);\n        this.supportsBinary = !opts.forceBase64;\n    }\n    get name() {\n        return \"websocket\";\n    }\n    doOpen() {\n        if (!this.check()) {\n            // let probe timeout\n            return;\n        }\n        const uri = this.uri();\n        const protocols = this.opts.protocols;\n        // React Native only supports the 'headers' option, and will print a warning if anything else is passed\n        const opts = isReactNative\n            ? {}\n            : pick(this.opts, \"agent\", \"perMessageDeflate\", \"pfx\", \"key\", \"passphrase\", \"cert\", \"ca\", \"ciphers\", \"rejectUnauthorized\", \"localAddress\", \"protocolVersion\", \"origin\", \"maxPayload\", \"family\", \"checkServerIdentity\");\n        if (this.opts.extraHeaders) {\n            opts.headers = this.opts.extraHeaders;\n        }\n        try {\n            this.ws =\n                usingBrowserWebSocket && !isReactNative\n                    ? protocols\n                        ? new WebSocket(uri, protocols)\n                        : new WebSocket(uri)\n                    : new WebSocket(uri, protocols, opts);\n        }\n        catch (err) {\n            return this.emitReserved(\"error\", err);\n        }\n        this.ws.binaryType = this.socket.binaryType;\n        this.addEventListeners();\n    }\n    /**\n     * Adds event listeners to the socket\n     *\n     * @private\n     */\n    addEventListeners() {\n        this.ws.onopen = () => {\n            if (this.opts.autoUnref) {\n                this.ws._socket.unref();\n            }\n            this.onOpen();\n        };\n        this.ws.onclose = (closeEvent) => this.onClose({\n            description: \"websocket connection closed\",\n            context: closeEvent,\n        });\n        this.ws.onmessage = (ev) => this.onData(ev.data);\n        this.ws.onerror = (e) => this.onError(\"websocket error\", e);\n    }\n    write(packets) {\n        this.writable = false;\n        // encodePacket efficient as it uses WS framing\n        // no need for encodePayload\n        for (let i = 0; i < packets.length; i++) {\n            const packet = packets[i];\n            const lastPacket = i === packets.length - 1;\n            encodePacket(packet, this.supportsBinary, (data) => {\n                // always create a new object (GH-437)\n                const opts = {};\n                if (!usingBrowserWebSocket) {\n                    if (packet.options) {\n                        opts.compress = packet.options.compress;\n                    }\n                    if (this.opts.perMessageDeflate) {\n                        const len = \n                        // @ts-ignore\n                        \"string\" === typeof data ? Buffer.byteLength(data) : data.length;\n                        if (len < this.opts.perMessageDeflate.threshold) {\n                            opts.compress = false;\n                        }\n                    }\n                }\n                // Sometimes the websocket has already been closed but the browser didn't\n                // have a chance of informing us about it yet, in that case send will\n                // throw an error\n                try {\n                    if (usingBrowserWebSocket) {\n                        // TypeError is thrown when passing the second argument on Safari\n                        this.ws.send(data);\n                    }\n                    else {\n                        this.ws.send(data, opts);\n                    }\n                }\n                catch (e) {\n                }\n                if (lastPacket) {\n                    // fake drain\n                    // defer to next tick to allow Socket to clear writeBuffer\n                    nextTick(() => {\n                        this.writable = true;\n                        this.emitReserved(\"drain\");\n                    }, this.setTimeoutFn);\n                }\n            });\n        }\n    }\n    doClose() {\n        if (typeof this.ws !== \"undefined\") {\n            this.ws.close();\n            this.ws = null;\n        }\n    }\n    /**\n     * Generates uri for connection.\n     *\n     * @private\n     */\n    uri() {\n        const schema = this.opts.secure ? \"wss\" : \"ws\";\n        const query = this.query || {};\n        // append timestamp to URI\n        if (this.opts.timestampRequests) {\n            query[this.opts.timestampParam] = yeast();\n        }\n        // communicate binary support capabilities\n        if (!this.supportsBinary) {\n            query.b64 = 1;\n        }\n        return this.createUri(schema, query);\n    }\n    /**\n     * Feature detection for WebSocket.\n     *\n     * @return {Boolean} whether this transport is available.\n     * @private\n     */\n    check() {\n        return !!WebSocket;\n    }\n}\n", "import { Transport } from \"../transport.js\";\nimport { nextTick } from \"./websocket-constructor.js\";\nimport { createPacketDecoderStream, createPacketEncoderStream, } from \"engine.io-parser\";\nexport class WT extends Transport {\n    get name() {\n        return \"webtransport\";\n    }\n    doOpen() {\n        // @ts-ignore\n        if (typeof WebTransport !== \"function\") {\n            return;\n        }\n        // @ts-ignore\n        this.transport = new WebTransport(this.createUri(\"https\"), this.opts.transportOptions[this.name]);\n        this.transport.closed\n            .then(() => {\n            this.onClose();\n        })\n            .catch((err) => {\n            this.onError(\"webtransport error\", err);\n        });\n        // note: we could have used async/await, but that would require some additional polyfills\n        this.transport.ready.then(() => {\n            this.transport.createBidirectionalStream().then((stream) => {\n                const decoderStream = createPacketDecoderStream(Number.MAX_SAFE_INTEGER, this.socket.binaryType);\n                const reader = stream.readable.pipeThrough(decoderStream).getReader();\n                const encoderStream = createPacketEncoderStream();\n                encoderStream.readable.pipeTo(stream.writable);\n                this.writer = encoderStream.writable.getWriter();\n                const read = () => {\n                    reader\n                        .read()\n                        .then(({ done, value }) => {\n                        if (done) {\n                            return;\n                        }\n                        this.onPacket(value);\n                        read();\n                    })\n                        .catch((err) => {\n                    });\n                };\n                read();\n                const packet = { type: \"open\" };\n                if (this.query.sid) {\n                    packet.data = `{\"sid\":\"${this.query.sid}\"}`;\n                }\n                this.writer.write(packet).then(() => this.onOpen());\n            });\n        });\n    }\n    write(packets) {\n        this.writable = false;\n        for (let i = 0; i < packets.length; i++) {\n            const packet = packets[i];\n            const lastPacket = i === packets.length - 1;\n            this.writer.write(packet).then(() => {\n                if (lastPacket) {\n                    nextTick(() => {\n                        this.writable = true;\n                        this.emitReserved(\"drain\");\n                    }, this.setTimeoutFn);\n                }\n            });\n        }\n    }\n    doClose() {\n        var _a;\n        (_a = this.transport) === null || _a === void 0 ? void 0 : _a.close();\n    }\n}\n", "import { Polling } from \"./polling.js\";\nimport { WS } from \"./websocket.js\";\nimport { WT } from \"./webtransport.js\";\nexport const transports = {\n    websocket: WS,\n    webtransport: WT,\n    polling: Polling,\n};\n", "// imported from https://github.com/galkn/parseuri\n/**\n * Parses a URI\n *\n * Note: we could also have used the built-in URL object, but it isn't supported on all platforms.\n *\n * See:\n * - https://developer.mozilla.org/en-US/docs/Web/API/URL\n * - https://caniuse.com/url\n * - https://www.rfc-editor.org/rfc/rfc3986#appendix-B\n *\n * History of the parse() method:\n * - first commit: https://github.com/socketio/socket.io-client/commit/4ee1d5d94b3906a9c052b459f1a818b15f38f91c\n * - export into its own module: https://github.com/socketio/engine.io-client/commit/de2c561e4564efeb78f1bdb1ba39ef81b2822cb3\n * - reimport: https://github.com/socketio/engine.io-client/commit/df32277c3f6d622eec5ed09f493cae3f3391d242\n *\n * @author Steven Levithan <stevenlevithan.com> (MIT license)\n * @api private\n */\nconst re = /^(?:(?![^:@\\/?#]+:[^:@\\/]*@)(http|https|ws|wss):\\/\\/)?((?:(([^:@\\/?#]*)(?::([^:@\\/?#]*))?)?@)?((?:[a-f0-9]{0,4}:){2,7}[a-f0-9]{0,4}|[^:\\/?#]*)(?::(\\d*))?)(((\\/(?:[^?#](?![^?#\\/]*\\.[^?#\\/.]+(?:[?#]|$)))*\\/?)?([^?#\\/]*))(?:\\?([^#]*))?(?:#(.*))?)/;\nconst parts = [\n    'source', 'protocol', 'authority', 'userInfo', 'user', 'password', 'host', 'port', 'relative', 'path', 'directory', 'file', 'query', 'anchor'\n];\nexport function parse(str) {\n    if (str.length > 2000) {\n        throw \"URI too long\";\n    }\n    const src = str, b = str.indexOf('['), e = str.indexOf(']');\n    if (b != -1 && e != -1) {\n        str = str.substring(0, b) + str.substring(b, e).replace(/:/g, ';') + str.substring(e, str.length);\n    }\n    let m = re.exec(str || ''), uri = {}, i = 14;\n    while (i--) {\n        uri[parts[i]] = m[i] || '';\n    }\n    if (b != -1 && e != -1) {\n        uri.source = src;\n        uri.host = uri.host.substring(1, uri.host.length - 1).replace(/;/g, ':');\n        uri.authority = uri.authority.replace('[', '').replace(']', '').replace(/;/g, ':');\n        uri.ipv6uri = true;\n    }\n    uri.pathNames = pathNames(uri, uri['path']);\n    uri.queryKey = queryKey(uri, uri['query']);\n    return uri;\n}\nfunction pathNames(obj, path) {\n    const regx = /\\/{2,9}/g, names = path.replace(regx, \"/\").split(\"/\");\n    if (path.slice(0, 1) == '/' || path.length === 0) {\n        names.splice(0, 1);\n    }\n    if (path.slice(-1) == '/') {\n        names.splice(names.length - 1, 1);\n    }\n    return names;\n}\nfunction queryKey(uri, query) {\n    const data = {};\n    query.replace(/(?:^|&)([^&=]*)=?([^&]*)/g, function ($0, $1, $2) {\n        if ($1) {\n            data[$1] = $2;\n        }\n    });\n    return data;\n}\n", "import { transports } from \"./transports/index.js\";\nimport { installTimerFunctions, byteLength } from \"./util.js\";\nimport { decode } from \"./contrib/parseqs.js\";\nimport { parse } from \"./contrib/parseuri.js\";\nimport { Emitter } from \"@socket.io/component-emitter\";\nimport { protocol } from \"engine.io-parser\";\nimport { defaultBinaryType } from \"./transports/websocket-constructor.js\";\nexport class Socket extends Emitter {\n    /**\n     * Socket constructor.\n     *\n     * @param {String|Object} uri - uri or options\n     * @param {Object} opts - options\n     */\n    constructor(uri, opts = {}) {\n        super();\n        this.binaryType = defaultBinaryType;\n        this.writeBuffer = [];\n        if (uri && \"object\" === typeof uri) {\n            opts = uri;\n            uri = null;\n        }\n        if (uri) {\n            uri = parse(uri);\n            opts.hostname = uri.host;\n            opts.secure = uri.protocol === \"https\" || uri.protocol === \"wss\";\n            opts.port = uri.port;\n            if (uri.query)\n                opts.query = uri.query;\n        }\n        else if (opts.host) {\n            opts.hostname = parse(opts.host).host;\n        }\n        installTimerFunctions(this, opts);\n        this.secure =\n            null != opts.secure\n                ? opts.secure\n                : typeof location !== \"undefined\" && \"https:\" === location.protocol;\n        if (opts.hostname && !opts.port) {\n            // if no port is specified manually, use the protocol default\n            opts.port = this.secure ? \"443\" : \"80\";\n        }\n        this.hostname =\n            opts.hostname ||\n                (typeof location !== \"undefined\" ? location.hostname : \"localhost\");\n        this.port =\n            opts.port ||\n                (typeof location !== \"undefined\" && location.port\n                    ? location.port\n                    : this.secure\n                        ? \"443\"\n                        : \"80\");\n        this.transports = opts.transports || [\n            \"polling\",\n            \"websocket\",\n            \"webtransport\",\n        ];\n        this.writeBuffer = [];\n        this.prevBufferLen = 0;\n        this.opts = Object.assign({\n            path: \"/engine.io\",\n            agent: false,\n            withCredentials: false,\n            upgrade: true,\n            timestampParam: \"t\",\n            rememberUpgrade: false,\n            addTrailingSlash: true,\n            rejectUnauthorized: true,\n            perMessageDeflate: {\n                threshold: 1024,\n            },\n            transportOptions: {},\n            closeOnBeforeunload: false,\n        }, opts);\n        this.opts.path =\n            this.opts.path.replace(/\\/$/, \"\") +\n                (this.opts.addTrailingSlash ? \"/\" : \"\");\n        if (typeof this.opts.query === \"string\") {\n            this.opts.query = decode(this.opts.query);\n        }\n        // set on handshake\n        this.id = null;\n        this.upgrades = null;\n        this.pingInterval = null;\n        this.pingTimeout = null;\n        // set on heartbeat\n        this.pingTimeoutTimer = null;\n        if (typeof addEventListener === \"function\") {\n            if (this.opts.closeOnBeforeunload) {\n                // Firefox closes the connection when the \"beforeunload\" event is emitted but not Chrome. This event listener\n                // ensures every browser behaves the same (no \"disconnect\" event at the Socket.IO level when the page is\n                // closed/reloaded)\n                this.beforeunloadEventListener = () => {\n                    if (this.transport) {\n                        // silently close the transport\n                        this.transport.removeAllListeners();\n                        this.transport.close();\n                    }\n                };\n                addEventListener(\"beforeunload\", this.beforeunloadEventListener, false);\n            }\n            if (this.hostname !== \"localhost\") {\n                this.offlineEventListener = () => {\n                    this.onClose(\"transport close\", {\n                        description: \"network connection lost\",\n                    });\n                };\n                addEventListener(\"offline\", this.offlineEventListener, false);\n            }\n        }\n        this.open();\n    }\n    /**\n     * Creates transport of the given type.\n     *\n     * @param {String} name - transport name\n     * @return {Transport}\n     * @private\n     */\n    createTransport(name) {\n        const query = Object.assign({}, this.opts.query);\n        // append engine.io protocol identifier\n        query.EIO = protocol;\n        // transport name\n        query.transport = name;\n        // session id if we already have one\n        if (this.id)\n            query.sid = this.id;\n        const opts = Object.assign({}, this.opts, {\n            query,\n            socket: this,\n            hostname: this.hostname,\n            secure: this.secure,\n            port: this.port,\n        }, this.opts.transportOptions[name]);\n        return new transports[name](opts);\n    }\n    /**\n     * Initializes transport to use and starts probe.\n     *\n     * @private\n     */\n    open() {\n        let transport;\n        if (this.opts.rememberUpgrade &&\n            Socket.priorWebsocketSuccess &&\n            this.transports.indexOf(\"websocket\") !== -1) {\n            transport = \"websocket\";\n        }\n        else if (0 === this.transports.length) {\n            // Emit error on next tick so it can be listened to\n            this.setTimeoutFn(() => {\n                this.emitReserved(\"error\", \"No transports available\");\n            }, 0);\n            return;\n        }\n        else {\n            transport = this.transports[0];\n        }\n        this.readyState = \"opening\";\n        // Retry with the next transport if the transport is disabled (jsonp: false)\n        try {\n            transport = this.createTransport(transport);\n        }\n        catch (e) {\n            this.transports.shift();\n            this.open();\n            return;\n        }\n        transport.open();\n        this.setTransport(transport);\n    }\n    /**\n     * Sets the current transport. Disables the existing one (if any).\n     *\n     * @private\n     */\n    setTransport(transport) {\n        if (this.transport) {\n            this.transport.removeAllListeners();\n        }\n        // set up transport\n        this.transport = transport;\n        // set up transport listeners\n        transport\n            .on(\"drain\", this.onDrain.bind(this))\n            .on(\"packet\", this.onPacket.bind(this))\n            .on(\"error\", this.onError.bind(this))\n            .on(\"close\", (reason) => this.onClose(\"transport close\", reason));\n    }\n    /**\n     * Probes a transport.\n     *\n     * @param {String} name - transport name\n     * @private\n     */\n    probe(name) {\n        let transport = this.createTransport(name);\n        let failed = false;\n        Socket.priorWebsocketSuccess = false;\n        const onTransportOpen = () => {\n            if (failed)\n                return;\n            transport.send([{ type: \"ping\", data: \"probe\" }]);\n            transport.once(\"packet\", (msg) => {\n                if (failed)\n                    return;\n                if (\"pong\" === msg.type && \"probe\" === msg.data) {\n                    this.upgrading = true;\n                    this.emitReserved(\"upgrading\", transport);\n                    if (!transport)\n                        return;\n                    Socket.priorWebsocketSuccess = \"websocket\" === transport.name;\n                    this.transport.pause(() => {\n                        if (failed)\n                            return;\n                        if (\"closed\" === this.readyState)\n                            return;\n                        cleanup();\n                        this.setTransport(transport);\n                        transport.send([{ type: \"upgrade\" }]);\n                        this.emitReserved(\"upgrade\", transport);\n                        transport = null;\n                        this.upgrading = false;\n                        this.flush();\n                    });\n                }\n                else {\n                    const err = new Error(\"probe error\");\n                    // @ts-ignore\n                    err.transport = transport.name;\n                    this.emitReserved(\"upgradeError\", err);\n                }\n            });\n        };\n        function freezeTransport() {\n            if (failed)\n                return;\n            // Any callback called by transport should be ignored since now\n            failed = true;\n            cleanup();\n            transport.close();\n            transport = null;\n        }\n        // Handle any error that happens while probing\n        const onerror = (err) => {\n            const error = new Error(\"probe error: \" + err);\n            // @ts-ignore\n            error.transport = transport.name;\n            freezeTransport();\n            this.emitReserved(\"upgradeError\", error);\n        };\n        function onTransportClose() {\n            onerror(\"transport closed\");\n        }\n        // When the socket is closed while we're probing\n        function onclose() {\n            onerror(\"socket closed\");\n        }\n        // When the socket is upgraded while we're probing\n        function onupgrade(to) {\n            if (transport && to.name !== transport.name) {\n                freezeTransport();\n            }\n        }\n        // Remove all listeners on the transport and on self\n        const cleanup = () => {\n            transport.removeListener(\"open\", onTransportOpen);\n            transport.removeListener(\"error\", onerror);\n            transport.removeListener(\"close\", onTransportClose);\n            this.off(\"close\", onclose);\n            this.off(\"upgrading\", onupgrade);\n        };\n        transport.once(\"open\", onTransportOpen);\n        transport.once(\"error\", onerror);\n        transport.once(\"close\", onTransportClose);\n        this.once(\"close\", onclose);\n        this.once(\"upgrading\", onupgrade);\n        if (this.upgrades.indexOf(\"webtransport\") !== -1 &&\n            name !== \"webtransport\") {\n            // favor WebTransport\n            this.setTimeoutFn(() => {\n                if (!failed) {\n                    transport.open();\n                }\n            }, 200);\n        }\n        else {\n            transport.open();\n        }\n    }\n    /**\n     * Called when connection is deemed open.\n     *\n     * @private\n     */\n    onOpen() {\n        this.readyState = \"open\";\n        Socket.priorWebsocketSuccess = \"websocket\" === this.transport.name;\n        this.emitReserved(\"open\");\n        this.flush();\n        // we check for `readyState` in case an `open`\n        // listener already closed the socket\n        if (\"open\" === this.readyState && this.opts.upgrade) {\n            let i = 0;\n            const l = this.upgrades.length;\n            for (; i < l; i++) {\n                this.probe(this.upgrades[i]);\n            }\n        }\n    }\n    /**\n     * Handles a packet.\n     *\n     * @private\n     */\n    onPacket(packet) {\n        if (\"opening\" === this.readyState ||\n            \"open\" === this.readyState ||\n            \"closing\" === this.readyState) {\n            this.emitReserved(\"packet\", packet);\n            // Socket is live - any packet counts\n            this.emitReserved(\"heartbeat\");\n            this.resetPingTimeout();\n            switch (packet.type) {\n                case \"open\":\n                    this.onHandshake(JSON.parse(packet.data));\n                    break;\n                case \"ping\":\n                    this.sendPacket(\"pong\");\n                    this.emitReserved(\"ping\");\n                    this.emitReserved(\"pong\");\n                    break;\n                case \"error\":\n                    const err = new Error(\"server error\");\n                    // @ts-ignore\n                    err.code = packet.data;\n                    this.onError(err);\n                    break;\n                case \"message\":\n                    this.emitReserved(\"data\", packet.data);\n                    this.emitReserved(\"message\", packet.data);\n                    break;\n            }\n        }\n        else {\n        }\n    }\n    /**\n     * Called upon handshake completion.\n     *\n     * @param {Object} data - handshake obj\n     * @private\n     */\n    onHandshake(data) {\n        this.emitReserved(\"handshake\", data);\n        this.id = data.sid;\n        this.transport.query.sid = data.sid;\n        this.upgrades = this.filterUpgrades(data.upgrades);\n        this.pingInterval = data.pingInterval;\n        this.pingTimeout = data.pingTimeout;\n        this.maxPayload = data.maxPayload;\n        this.onOpen();\n        // In case open handler closes socket\n        if (\"closed\" === this.readyState)\n            return;\n        this.resetPingTimeout();\n    }\n    /**\n     * Sets and resets ping timeout timer based on server pings.\n     *\n     * @private\n     */\n    resetPingTimeout() {\n        this.clearTimeoutFn(this.pingTimeoutTimer);\n        this.pingTimeoutTimer = this.setTimeoutFn(() => {\n            this.onClose(\"ping timeout\");\n        }, this.pingInterval + this.pingTimeout);\n        if (this.opts.autoUnref) {\n            this.pingTimeoutTimer.unref();\n        }\n    }\n    /**\n     * Called on `drain` event\n     *\n     * @private\n     */\n    onDrain() {\n        this.writeBuffer.splice(0, this.prevBufferLen);\n        // setting prevBufferLen = 0 is very important\n        // for example, when upgrading, upgrade packet is sent over,\n        // and a nonzero prevBufferLen could cause problems on `drain`\n        this.prevBufferLen = 0;\n        if (0 === this.writeBuffer.length) {\n            this.emitReserved(\"drain\");\n        }\n        else {\n            this.flush();\n        }\n    }\n    /**\n     * Flush write buffers.\n     *\n     * @private\n     */\n    flush() {\n        if (\"closed\" !== this.readyState &&\n            this.transport.writable &&\n            !this.upgrading &&\n            this.writeBuffer.length) {\n            const packets = this.getWritablePackets();\n            this.transport.send(packets);\n            // keep track of current length of writeBuffer\n            // splice writeBuffer and callbackBuffer on `drain`\n            this.prevBufferLen = packets.length;\n            this.emitReserved(\"flush\");\n        }\n    }\n    /**\n     * Ensure the encoded size of the writeBuffer is below the maxPayload value sent by the server (only for HTTP\n     * long-polling)\n     *\n     * @private\n     */\n    getWritablePackets() {\n        const shouldCheckPayloadSize = this.maxPayload &&\n            this.transport.name === \"polling\" &&\n            this.writeBuffer.length > 1;\n        if (!shouldCheckPayloadSize) {\n            return this.writeBuffer;\n        }\n        let payloadSize = 1; // first packet type\n        for (let i = 0; i < this.writeBuffer.length; i++) {\n            const data = this.writeBuffer[i].data;\n            if (data) {\n                payloadSize += byteLength(data);\n            }\n            if (i > 0 && payloadSize > this.maxPayload) {\n                return this.writeBuffer.slice(0, i);\n            }\n            payloadSize += 2; // separator + packet type\n        }\n        return this.writeBuffer;\n    }\n    /**\n     * Sends a message.\n     *\n     * @param {String} msg - message.\n     * @param {Object} options.\n     * @param {Function} callback function.\n     * @return {Socket} for chaining.\n     */\n    write(msg, options, fn) {\n        this.sendPacket(\"message\", msg, options, fn);\n        return this;\n    }\n    send(msg, options, fn) {\n        this.sendPacket(\"message\", msg, options, fn);\n        return this;\n    }\n    /**\n     * Sends a packet.\n     *\n     * @param {String} type: packet type.\n     * @param {String} data.\n     * @param {Object} options.\n     * @param {Function} fn - callback function.\n     * @private\n     */\n    sendPacket(type, data, options, fn) {\n        if (\"function\" === typeof data) {\n            fn = data;\n            data = undefined;\n        }\n        if (\"function\" === typeof options) {\n            fn = options;\n            options = null;\n        }\n        if (\"closing\" === this.readyState || \"closed\" === this.readyState) {\n            return;\n        }\n        options = options || {};\n        options.compress = false !== options.compress;\n        const packet = {\n            type: type,\n            data: data,\n            options: options,\n        };\n        this.emitReserved(\"packetCreate\", packet);\n        this.writeBuffer.push(packet);\n        if (fn)\n            this.once(\"flush\", fn);\n        this.flush();\n    }\n    /**\n     * Closes the connection.\n     */\n    close() {\n        const close = () => {\n            this.onClose(\"forced close\");\n            this.transport.close();\n        };\n        const cleanupAndClose = () => {\n            this.off(\"upgrade\", cleanupAndClose);\n            this.off(\"upgradeError\", cleanupAndClose);\n            close();\n        };\n        const waitForUpgrade = () => {\n            // wait for upgrade to finish since we can't send packets while pausing a transport\n            this.once(\"upgrade\", cleanupAndClose);\n            this.once(\"upgradeError\", cleanupAndClose);\n        };\n        if (\"opening\" === this.readyState || \"open\" === this.readyState) {\n            this.readyState = \"closing\";\n            if (this.writeBuffer.length) {\n                this.once(\"drain\", () => {\n                    if (this.upgrading) {\n                        waitForUpgrade();\n                    }\n                    else {\n                        close();\n                    }\n                });\n            }\n            else if (this.upgrading) {\n                waitForUpgrade();\n            }\n            else {\n                close();\n            }\n        }\n        return this;\n    }\n    /**\n     * Called upon transport error\n     *\n     * @private\n     */\n    onError(err) {\n        Socket.priorWebsocketSuccess = false;\n        this.emitReserved(\"error\", err);\n        this.onClose(\"transport error\", err);\n    }\n    /**\n     * Called upon transport close.\n     *\n     * @private\n     */\n    onClose(reason, description) {\n        if (\"opening\" === this.readyState ||\n            \"open\" === this.readyState ||\n            \"closing\" === this.readyState) {\n            // clear timers\n            this.clearTimeoutFn(this.pingTimeoutTimer);\n            // stop event from firing again for transport\n            this.transport.removeAllListeners(\"close\");\n            // ensure transport won't stay open\n            this.transport.close();\n            // ignore further transport communication\n            this.transport.removeAllListeners();\n            if (typeof removeEventListener === \"function\") {\n                removeEventListener(\"beforeunload\", this.beforeunloadEventListener, false);\n                removeEventListener(\"offline\", this.offlineEventListener, false);\n            }\n            // set ready state\n            this.readyState = \"closed\";\n            // clear session id\n            this.id = null;\n            // emit close event\n            this.emitReserved(\"close\", reason, description);\n            // clean buffers after, so users can still\n            // grab the buffers on `close` event\n            this.writeBuffer = [];\n            this.prevBufferLen = 0;\n        }\n    }\n    /**\n     * Filters upgrades, returning only those matching client transports.\n     *\n     * @param {Array} upgrades - server upgrades\n     * @private\n     */\n    filterUpgrades(upgrades) {\n        const filteredUpgrades = [];\n        let i = 0;\n        const j = upgrades.length;\n        for (; i < j; i++) {\n            if (~this.transports.indexOf(upgrades[i]))\n                filteredUpgrades.push(upgrades[i]);\n        }\n        return filteredUpgrades;\n    }\n}\nSocket.protocol = protocol;\n", "import { Socket } from \"./socket.js\";\nexport { Socket };\nexport const protocol = Socket.protocol;\nexport { Transport, TransportError } from \"./transport.js\";\nexport { transports } from \"./transports/index.js\";\nexport { installTimerFunctions } from \"./util.js\";\nexport { parse } from \"./contrib/parseuri.js\";\nexport { nextTick } from \"./transports/websocket-constructor.js\";\n", "import { parse } from \"engine.io-client\";\n/**\n * URL parser.\n *\n * @param uri - url\n * @param path - the request path of the connection\n * @param loc - An object meant to mimic window.location.\n *        Defaults to window.location.\n * @public\n */\nexport function url(uri, path = \"\", loc) {\n    let obj = uri;\n    // default to window.location\n    loc = loc || (typeof location !== \"undefined\" && location);\n    if (null == uri)\n        uri = loc.protocol + \"//\" + loc.host;\n    // relative path support\n    if (typeof uri === \"string\") {\n        if (\"/\" === uri.charAt(0)) {\n            if (\"/\" === uri.charAt(1)) {\n                uri = loc.protocol + uri;\n            }\n            else {\n                uri = loc.host + uri;\n            }\n        }\n        if (!/^(https?|wss?):\\/\\//.test(uri)) {\n            if (\"undefined\" !== typeof loc) {\n                uri = loc.protocol + \"//\" + uri;\n            }\n            else {\n                uri = \"https://\" + uri;\n            }\n        }\n        // parse\n        obj = parse(uri);\n    }\n    // make sure we treat `localhost:80` and `localhost` equally\n    if (!obj.port) {\n        if (/^(http|ws)$/.test(obj.protocol)) {\n            obj.port = \"80\";\n        }\n        else if (/^(http|ws)s$/.test(obj.protocol)) {\n            obj.port = \"443\";\n        }\n    }\n    obj.path = obj.path || \"/\";\n    const ipv6 = obj.host.indexOf(\":\") !== -1;\n    const host = ipv6 ? \"[\" + obj.host + \"]\" : obj.host;\n    // define unique id\n    obj.id = obj.protocol + \"://\" + host + \":\" + obj.port + path;\n    // define href\n    obj.href =\n        obj.protocol +\n            \"://\" +\n            host +\n            (loc && loc.port === obj.port ? \"\" : \":\" + obj.port);\n    return obj;\n}\n", "import { Emitter } from \"@socket.io/component-emitter\";\nimport { deconstructPacket, reconstructPacket } from \"./binary.js\";\nimport { isBinary, hasBinary } from \"./is-binary.js\";\n/**\n * These strings must not be used as event names, as they have a special meaning.\n */\nconst RESERVED_EVENTS = [\n    \"connect\",\n    \"connect_error\",\n    \"disconnect\",\n    \"disconnecting\",\n    \"newListener\",\n    \"removeListener\", // used by the Node.js EventEmitter\n];\n/**\n * Protocol version.\n *\n * @public\n */\nexport const protocol = 5;\nexport var PacketType;\n(function (PacketType) {\n    PacketType[PacketType[\"CONNECT\"] = 0] = \"CONNECT\";\n    PacketType[PacketType[\"DISCONNECT\"] = 1] = \"DISCONNECT\";\n    PacketType[PacketType[\"EVENT\"] = 2] = \"EVENT\";\n    PacketType[PacketType[\"ACK\"] = 3] = \"ACK\";\n    PacketType[PacketType[\"CONNECT_ERROR\"] = 4] = \"CONNECT_ERROR\";\n    PacketType[PacketType[\"BINARY_EVENT\"] = 5] = \"BINARY_EVENT\";\n    PacketType[PacketType[\"BINARY_ACK\"] = 6] = \"BINARY_ACK\";\n})(PacketType || (PacketType = {}));\n/**\n * A socket.io Encoder instance\n */\nexport class Encoder {\n    /**\n     * Encoder constructor\n     *\n     * @param {function} replacer - custom replacer to pass down to JSON.parse\n     */\n    constructor(replacer) {\n        this.replacer = replacer;\n    }\n    /**\n     * Encode a packet as a single string if non-binary, or as a\n     * buffer sequence, depending on packet type.\n     *\n     * @param {Object} obj - packet object\n     */\n    encode(obj) {\n        if (obj.type === PacketType.EVENT || obj.type === PacketType.ACK) {\n            if (hasBinary(obj)) {\n                return this.encodeAsBinary({\n                    type: obj.type === PacketType.EVENT\n                        ? PacketType.BINARY_EVENT\n                        : PacketType.BINARY_ACK,\n                    nsp: obj.nsp,\n                    data: obj.data,\n                    id: obj.id,\n                });\n            }\n        }\n        return [this.encodeAsString(obj)];\n    }\n    /**\n     * Encode packet as string.\n     */\n    encodeAsString(obj) {\n        // first is type\n        let str = \"\" + obj.type;\n        // attachments if we have them\n        if (obj.type === PacketType.BINARY_EVENT ||\n            obj.type === PacketType.BINARY_ACK) {\n            str += obj.attachments + \"-\";\n        }\n        // if we have a namespace other than `/`\n        // we append it followed by a comma `,`\n        if (obj.nsp && \"/\" !== obj.nsp) {\n            str += obj.nsp + \",\";\n        }\n        // immediately followed by the id\n        if (null != obj.id) {\n            str += obj.id;\n        }\n        // json data\n        if (null != obj.data) {\n            str += JSON.stringify(obj.data, this.replacer);\n        }\n        return str;\n    }\n    /**\n     * Encode packet as 'buffer sequence' by removing blobs, and\n     * deconstructing packet into object with placeholders and\n     * a list of buffers.\n     */\n    encodeAsBinary(obj) {\n        const deconstruction = deconstructPacket(obj);\n        const pack = this.encodeAsString(deconstruction.packet);\n        const buffers = deconstruction.buffers;\n        buffers.unshift(pack); // add packet info to beginning of data list\n        return buffers; // write all the buffers\n    }\n}\n// see https://stackoverflow.com/questions/8511281/check-if-a-value-is-an-object-in-javascript\nfunction isObject(value) {\n    return Object.prototype.toString.call(value) === \"[object Object]\";\n}\n/**\n * A socket.io Decoder instance\n *\n * @return {Object} decoder\n */\nexport class Decoder extends Emitter {\n    /**\n     * Decoder constructor\n     *\n     * @param {function} reviver - custom reviver to pass down to JSON.stringify\n     */\n    constructor(reviver) {\n        super();\n        this.reviver = reviver;\n    }\n    /**\n     * Decodes an encoded packet string into packet JSON.\n     *\n     * @param {String} obj - encoded packet\n     */\n    add(obj) {\n        let packet;\n        if (typeof obj === \"string\") {\n            if (this.reconstructor) {\n                throw new Error(\"got plaintext data when reconstructing a packet\");\n            }\n            packet = this.decodeString(obj);\n            const isBinaryEvent = packet.type === PacketType.BINARY_EVENT;\n            if (isBinaryEvent || packet.type === PacketType.BINARY_ACK) {\n                packet.type = isBinaryEvent ? PacketType.EVENT : PacketType.ACK;\n                // binary packet's json\n                this.reconstructor = new BinaryReconstructor(packet);\n                // no attachments, labeled binary but no binary data to follow\n                if (packet.attachments === 0) {\n                    super.emitReserved(\"decoded\", packet);\n                }\n            }\n            else {\n                // non-binary full packet\n                super.emitReserved(\"decoded\", packet);\n            }\n        }\n        else if (isBinary(obj) || obj.base64) {\n            // raw binary data\n            if (!this.reconstructor) {\n                throw new Error(\"got binary data when not reconstructing a packet\");\n            }\n            else {\n                packet = this.reconstructor.takeBinaryData(obj);\n                if (packet) {\n                    // received final buffer\n                    this.reconstructor = null;\n                    super.emitReserved(\"decoded\", packet);\n                }\n            }\n        }\n        else {\n            throw new Error(\"Unknown type: \" + obj);\n        }\n    }\n    /**\n     * Decode a packet String (JSON data)\n     *\n     * @param {String} str\n     * @return {Object} packet\n     */\n    decodeString(str) {\n        let i = 0;\n        // look up type\n        const p = {\n            type: Number(str.charAt(0)),\n        };\n        if (PacketType[p.type] === undefined) {\n            throw new Error(\"unknown packet type \" + p.type);\n        }\n        // look up attachments if type binary\n        if (p.type === PacketType.BINARY_EVENT ||\n            p.type === PacketType.BINARY_ACK) {\n            const start = i + 1;\n            while (str.charAt(++i) !== \"-\" && i != str.length) { }\n            const buf = str.substring(start, i);\n            if (buf != Number(buf) || str.charAt(i) !== \"-\") {\n                throw new Error(\"Illegal attachments\");\n            }\n            p.attachments = Number(buf);\n        }\n        // look up namespace (if any)\n        if (\"/\" === str.charAt(i + 1)) {\n            const start = i + 1;\n            while (++i) {\n                const c = str.charAt(i);\n                if (\",\" === c)\n                    break;\n                if (i === str.length)\n                    break;\n            }\n            p.nsp = str.substring(start, i);\n        }\n        else {\n            p.nsp = \"/\";\n        }\n        // look up id\n        const next = str.charAt(i + 1);\n        if (\"\" !== next && Number(next) == next) {\n            const start = i + 1;\n            while (++i) {\n                const c = str.charAt(i);\n                if (null == c || Number(c) != c) {\n                    --i;\n                    break;\n                }\n                if (i === str.length)\n                    break;\n            }\n            p.id = Number(str.substring(start, i + 1));\n        }\n        // look up json data\n        if (str.charAt(++i)) {\n            const payload = this.tryParse(str.substr(i));\n            if (Decoder.isPayloadValid(p.type, payload)) {\n                p.data = payload;\n            }\n            else {\n                throw new Error(\"invalid payload\");\n            }\n        }\n        return p;\n    }\n    tryParse(str) {\n        try {\n            return JSON.parse(str, this.reviver);\n        }\n        catch (e) {\n            return false;\n        }\n    }\n    static isPayloadValid(type, payload) {\n        switch (type) {\n            case PacketType.CONNECT:\n                return isObject(payload);\n            case PacketType.DISCONNECT:\n                return payload === undefined;\n            case PacketType.CONNECT_ERROR:\n                return typeof payload === \"string\" || isObject(payload);\n            case PacketType.EVENT:\n            case PacketType.BINARY_EVENT:\n                return (Array.isArray(payload) &&\n                    (typeof payload[0] === \"number\" ||\n                        (typeof payload[0] === \"string\" &&\n                            RESERVED_EVENTS.indexOf(payload[0]) === -1)));\n            case PacketType.ACK:\n            case PacketType.BINARY_ACK:\n                return Array.isArray(payload);\n        }\n    }\n    /**\n     * Deallocates a parser's resources\n     */\n    destroy() {\n        if (this.reconstructor) {\n            this.reconstructor.finishedReconstruction();\n            this.reconstructor = null;\n        }\n    }\n}\n/**\n * A manager of a binary event's 'buffer sequence'. Should\n * be constructed whenever a packet of type BINARY_EVENT is\n * decoded.\n *\n * @param {Object} packet\n * @return {BinaryReconstructor} initialized reconstructor\n */\nclass BinaryReconstructor {\n    constructor(packet) {\n        this.packet = packet;\n        this.buffers = [];\n        this.reconPack = packet;\n    }\n    /**\n     * Method to be called when binary data received from connection\n     * after a BINARY_EVENT packet.\n     *\n     * @param {Buffer | ArrayBuffer} binData - the raw binary data received\n     * @return {null | Object} returns null if more binary data is expected or\n     *   a reconstructed packet object if all buffers have been received.\n     */\n    takeBinaryData(binData) {\n        this.buffers.push(binData);\n        if (this.buffers.length === this.reconPack.attachments) {\n            // done with buffer list\n            const packet = reconstructPacket(this.reconPack, this.buffers);\n            this.finishedReconstruction();\n            return packet;\n        }\n        return null;\n    }\n    /**\n     * Cleans up binary packet reconstruction variables.\n     */\n    finishedReconstruction() {\n        this.reconPack = null;\n        this.buffers = [];\n    }\n}\n", "const withNativeArrayBuffer = typeof ArrayBuffer === \"function\";\nconst isView = (obj) => {\n    return typeof ArrayBuffer.isView === \"function\"\n        ? ArrayBuffer.isView(obj)\n        : obj.buffer instanceof ArrayBuffer;\n};\nconst toString = Object.prototype.toString;\nconst withNativeBlob = typeof Blob === \"function\" ||\n    (typeof Blob !== \"undefined\" &&\n        toString.call(Blob) === \"[object BlobConstructor]\");\nconst withNativeFile = typeof File === \"function\" ||\n    (typeof File !== \"undefined\" &&\n        toString.call(File) === \"[object FileConstructor]\");\n/**\n * Returns true if obj is a Buffer, an ArrayBuffer, a Blob or a File.\n *\n * @private\n */\nexport function isBinary(obj) {\n    return ((withNativeArrayBuffer && (obj instanceof ArrayBuffer || isView(obj))) ||\n        (withNativeBlob && obj instanceof Blob) ||\n        (withNativeFile && obj instanceof File));\n}\nexport function hasBinary(obj, toJSON) {\n    if (!obj || typeof obj !== \"object\") {\n        return false;\n    }\n    if (Array.isArray(obj)) {\n        for (let i = 0, l = obj.length; i < l; i++) {\n            if (hasBinary(obj[i])) {\n                return true;\n            }\n        }\n        return false;\n    }\n    if (isBinary(obj)) {\n        return true;\n    }\n    if (obj.toJSON &&\n        typeof obj.toJSON === \"function\" &&\n        arguments.length === 1) {\n        return hasBinary(obj.toJSON(), true);\n    }\n    for (const key in obj) {\n        if (Object.prototype.hasOwnProperty.call(obj, key) && hasBinary(obj[key])) {\n            return true;\n        }\n    }\n    return false;\n}\n", "import { isBinary } from \"./is-binary.js\";\n/**\n * Replaces every Buffer | ArrayBuffer | Blob | File in packet with a numbered placeholder.\n *\n * @param {Object} packet - socket.io event packet\n * @return {Object} with deconstructed packet and list of buffers\n * @public\n */\nexport function deconstructPacket(packet) {\n    const buffers = [];\n    const packetData = packet.data;\n    const pack = packet;\n    pack.data = _deconstructPacket(packetData, buffers);\n    pack.attachments = buffers.length; // number of binary 'attachments'\n    return { packet: pack, buffers: buffers };\n}\nfunction _deconstructPacket(data, buffers) {\n    if (!data)\n        return data;\n    if (isBinary(data)) {\n        const placeholder = { _placeholder: true, num: buffers.length };\n        buffers.push(data);\n        return placeholder;\n    }\n    else if (Array.isArray(data)) {\n        const newData = new Array(data.length);\n        for (let i = 0; i < data.length; i++) {\n            newData[i] = _deconstructPacket(data[i], buffers);\n        }\n        return newData;\n    }\n    else if (typeof data === \"object\" && !(data instanceof Date)) {\n        const newData = {};\n        for (const key in data) {\n            if (Object.prototype.hasOwnProperty.call(data, key)) {\n                newData[key] = _deconstructPacket(data[key], buffers);\n            }\n        }\n        return newData;\n    }\n    return data;\n}\n/**\n * Reconstructs a binary packet from its placeholder packet and buffers\n *\n * @param {Object} packet - event packet with placeholders\n * @param {Array} buffers - binary buffers to put in placeholder positions\n * @return {Object} reconstructed packet\n * @public\n */\nexport function reconstructPacket(packet, buffers) {\n    packet.data = _reconstructPacket(packet.data, buffers);\n    delete packet.attachments; // no longer useful\n    return packet;\n}\nfunction _reconstructPacket(data, buffers) {\n    if (!data)\n        return data;\n    if (data && data._placeholder === true) {\n        const isIndexValid = typeof data.num === \"number\" &&\n            data.num >= 0 &&\n            data.num < buffers.length;\n        if (isIndexValid) {\n            return buffers[data.num]; // appropriate buffer (should be natural order anyway)\n        }\n        else {\n            throw new Error(\"illegal attachments\");\n        }\n    }\n    else if (Array.isArray(data)) {\n        for (let i = 0; i < data.length; i++) {\n            data[i] = _reconstructPacket(data[i], buffers);\n        }\n    }\n    else if (typeof data === \"object\") {\n        for (const key in data) {\n            if (Object.prototype.hasOwnProperty.call(data, key)) {\n                data[key] = _reconstructPacket(data[key], buffers);\n            }\n        }\n    }\n    return data;\n}\n", "export function on(obj, ev, fn) {\n    obj.on(ev, fn);\n    return function subDestroy() {\n        obj.off(ev, fn);\n    };\n}\n", "import { PacketType } from \"socket.io-parser\";\nimport { on } from \"./on.js\";\nimport { Emitter, } from \"@socket.io/component-emitter\";\n/**\n * Internal events.\n * These events can't be emitted by the user.\n */\nconst RESERVED_EVENTS = Object.freeze({\n    connect: 1,\n    connect_error: 1,\n    disconnect: 1,\n    disconnecting: 1,\n    // EventEmitter reserved events: https://nodejs.org/api/events.html#events_event_newlistener\n    newListener: 1,\n    removeListener: 1,\n});\n/**\n * A Socket is the fundamental class for interacting with the server.\n *\n * A Socket belongs to a certain Namespace (by default /) and uses an underlying {@link Manager} to communicate.\n *\n * @example\n * const socket = io();\n *\n * socket.on(\"connect\", () => {\n *   console.log(\"connected\");\n * });\n *\n * // send an event to the server\n * socket.emit(\"foo\", \"bar\");\n *\n * socket.on(\"foobar\", () => {\n *   // an event was received from the server\n * });\n *\n * // upon disconnection\n * socket.on(\"disconnect\", (reason) => {\n *   console.log(`disconnected due to ${reason}`);\n * });\n */\nexport class Socket extends Emitter {\n    /**\n     * `Socket` constructor.\n     */\n    constructor(io, nsp, opts) {\n        super();\n        /**\n         * Whether the socket is currently connected to the server.\n         *\n         * @example\n         * const socket = io();\n         *\n         * socket.on(\"connect\", () => {\n         *   console.log(socket.connected); // true\n         * });\n         *\n         * socket.on(\"disconnect\", () => {\n         *   console.log(socket.connected); // false\n         * });\n         */\n        this.connected = false;\n        /**\n         * Whether the connection state was recovered after a temporary disconnection. In that case, any missed packets will\n         * be transmitted by the server.\n         */\n        this.recovered = false;\n        /**\n         * Buffer for packets received before the CONNECT packet\n         */\n        this.receiveBuffer = [];\n        /**\n         * Buffer for packets that will be sent once the socket is connected\n         */\n        this.sendBuffer = [];\n        /**\n         * The queue of packets to be sent with retry in case of failure.\n         *\n         * Packets are sent one by one, each waiting for the server acknowledgement, in order to guarantee the delivery order.\n         * @private\n         */\n        this._queue = [];\n        /**\n         * A sequence to generate the ID of the {@link QueuedPacket}.\n         * @private\n         */\n        this._queueSeq = 0;\n        this.ids = 0;\n        /**\n         * A map containing acknowledgement handlers.\n         *\n         * The `withError` attribute is used to differentiate handlers that accept an error as first argument:\n         *\n         * - `socket.emit(\"test\", (err, value) => { ... })` with `ackTimeout` option\n         * - `socket.timeout(5000).emit(\"test\", (err, value) => { ... })`\n         * - `const value = await socket.emitWithAck(\"test\")`\n         *\n         * From those that don't:\n         *\n         * - `socket.emit(\"test\", (value) => { ... });`\n         *\n         * In the first case, the handlers will be called with an error when:\n         *\n         * - the timeout is reached\n         * - the socket gets disconnected\n         *\n         * In the second case, the handlers will be simply discarded upon disconnection, since the client will never receive\n         * an acknowledgement from the server.\n         *\n         * @private\n         */\n        this.acks = {};\n        this.flags = {};\n        this.io = io;\n        this.nsp = nsp;\n        if (opts && opts.auth) {\n            this.auth = opts.auth;\n        }\n        this._opts = Object.assign({}, opts);\n        if (this.io._autoConnect)\n            this.open();\n    }\n    /**\n     * Whether the socket is currently disconnected\n     *\n     * @example\n     * const socket = io();\n     *\n     * socket.on(\"connect\", () => {\n     *   console.log(socket.disconnected); // false\n     * });\n     *\n     * socket.on(\"disconnect\", () => {\n     *   console.log(socket.disconnected); // true\n     * });\n     */\n    get disconnected() {\n        return !this.connected;\n    }\n    /**\n     * Subscribe to open, close and packet events\n     *\n     * @private\n     */\n    subEvents() {\n        if (this.subs)\n            return;\n        const io = this.io;\n        this.subs = [\n            on(io, \"open\", this.onopen.bind(this)),\n            on(io, \"packet\", this.onpacket.bind(this)),\n            on(io, \"error\", this.onerror.bind(this)),\n            on(io, \"close\", this.onclose.bind(this)),\n        ];\n    }\n    /**\n     * Whether the Socket will try to reconnect when its Manager connects or reconnects.\n     *\n     * @example\n     * const socket = io();\n     *\n     * console.log(socket.active); // true\n     *\n     * socket.on(\"disconnect\", (reason) => {\n     *   if (reason === \"io server disconnect\") {\n     *     // the disconnection was initiated by the server, you need to manually reconnect\n     *     console.log(socket.active); // false\n     *   }\n     *   // else the socket will automatically try to reconnect\n     *   console.log(socket.active); // true\n     * });\n     */\n    get active() {\n        return !!this.subs;\n    }\n    /**\n     * \"Opens\" the socket.\n     *\n     * @example\n     * const socket = io({\n     *   autoConnect: false\n     * });\n     *\n     * socket.connect();\n     */\n    connect() {\n        if (this.connected)\n            return this;\n        this.subEvents();\n        if (!this.io[\"_reconnecting\"])\n            this.io.open(); // ensure open\n        if (\"open\" === this.io._readyState)\n            this.onopen();\n        return this;\n    }\n    /**\n     * Alias for {@link connect()}.\n     */\n    open() {\n        return this.connect();\n    }\n    /**\n     * Sends a `message` event.\n     *\n     * This method mimics the WebSocket.send() method.\n     *\n     * @see https://developer.mozilla.org/en-US/docs/Web/API/WebSocket/send\n     *\n     * @example\n     * socket.send(\"hello\");\n     *\n     * // this is equivalent to\n     * socket.emit(\"message\", \"hello\");\n     *\n     * @return self\n     */\n    send(...args) {\n        args.unshift(\"message\");\n        this.emit.apply(this, args);\n        return this;\n    }\n    /**\n     * Override `emit`.\n     * If the event is in `events`, it's emitted normally.\n     *\n     * @example\n     * socket.emit(\"hello\", \"world\");\n     *\n     * // all serializable datastructures are supported (no need to call JSON.stringify)\n     * socket.emit(\"hello\", 1, \"2\", { 3: [\"4\"], 5: Uint8Array.from([6]) });\n     *\n     * // with an acknowledgement from the server\n     * socket.emit(\"hello\", \"world\", (val) => {\n     *   // ...\n     * });\n     *\n     * @return self\n     */\n    emit(ev, ...args) {\n        if (RESERVED_EVENTS.hasOwnProperty(ev)) {\n            throw new Error('\"' + ev.toString() + '\" is a reserved event name');\n        }\n        args.unshift(ev);\n        if (this._opts.retries && !this.flags.fromQueue && !this.flags.volatile) {\n            this._addToQueue(args);\n            return this;\n        }\n        const packet = {\n            type: PacketType.EVENT,\n            data: args,\n        };\n        packet.options = {};\n        packet.options.compress = this.flags.compress !== false;\n        // event ack callback\n        if (\"function\" === typeof args[args.length - 1]) {\n            const id = this.ids++;\n            const ack = args.pop();\n            this._registerAckCallback(id, ack);\n            packet.id = id;\n        }\n        const isTransportWritable = this.io.engine &&\n            this.io.engine.transport &&\n            this.io.engine.transport.writable;\n        const discardPacket = this.flags.volatile && (!isTransportWritable || !this.connected);\n        if (discardPacket) {\n        }\n        else if (this.connected) {\n            this.notifyOutgoingListeners(packet);\n            this.packet(packet);\n        }\n        else {\n            this.sendBuffer.push(packet);\n        }\n        this.flags = {};\n        return this;\n    }\n    /**\n     * @private\n     */\n    _registerAckCallback(id, ack) {\n        var _a;\n        const timeout = (_a = this.flags.timeout) !== null && _a !== void 0 ? _a : this._opts.ackTimeout;\n        if (timeout === undefined) {\n            this.acks[id] = ack;\n            return;\n        }\n        // @ts-ignore\n        const timer = this.io.setTimeoutFn(() => {\n            delete this.acks[id];\n            for (let i = 0; i < this.sendBuffer.length; i++) {\n                if (this.sendBuffer[i].id === id) {\n                    this.sendBuffer.splice(i, 1);\n                }\n            }\n            ack.call(this, new Error(\"operation has timed out\"));\n        }, timeout);\n        const fn = (...args) => {\n            // @ts-ignore\n            this.io.clearTimeoutFn(timer);\n            ack.apply(this, args);\n        };\n        fn.withError = true;\n        this.acks[id] = fn;\n    }\n    /**\n     * Emits an event and waits for an acknowledgement\n     *\n     * @example\n     * // without timeout\n     * const response = await socket.emitWithAck(\"hello\", \"world\");\n     *\n     * // with a specific timeout\n     * try {\n     *   const response = await socket.timeout(1000).emitWithAck(\"hello\", \"world\");\n     * } catch (err) {\n     *   // the server did not acknowledge the event in the given delay\n     * }\n     *\n     * @return a Promise that will be fulfilled when the server acknowledges the event\n     */\n    emitWithAck(ev, ...args) {\n        return new Promise((resolve, reject) => {\n            const fn = (arg1, arg2) => {\n                return arg1 ? reject(arg1) : resolve(arg2);\n            };\n            fn.withError = true;\n            args.push(fn);\n            this.emit(ev, ...args);\n        });\n    }\n    /**\n     * Add the packet to the queue.\n     * @param args\n     * @private\n     */\n    _addToQueue(args) {\n        let ack;\n        if (typeof args[args.length - 1] === \"function\") {\n            ack = args.pop();\n        }\n        const packet = {\n            id: this._queueSeq++,\n            tryCount: 0,\n            pending: false,\n            args,\n            flags: Object.assign({ fromQueue: true }, this.flags),\n        };\n        args.push((err, ...responseArgs) => {\n            if (packet !== this._queue[0]) {\n                // the packet has already been acknowledged\n                return;\n            }\n            const hasError = err !== null;\n            if (hasError) {\n                if (packet.tryCount > this._opts.retries) {\n                    this._queue.shift();\n                    if (ack) {\n                        ack(err);\n                    }\n                }\n            }\n            else {\n                this._queue.shift();\n                if (ack) {\n                    ack(null, ...responseArgs);\n                }\n            }\n            packet.pending = false;\n            return this._drainQueue();\n        });\n        this._queue.push(packet);\n        this._drainQueue();\n    }\n    /**\n     * Send the first packet of the queue, and wait for an acknowledgement from the server.\n     * @param force - whether to resend a packet that has not been acknowledged yet\n     *\n     * @private\n     */\n    _drainQueue(force = false) {\n        if (!this.connected || this._queue.length === 0) {\n            return;\n        }\n        const packet = this._queue[0];\n        if (packet.pending && !force) {\n            return;\n        }\n        packet.pending = true;\n        packet.tryCount++;\n        this.flags = packet.flags;\n        this.emit.apply(this, packet.args);\n    }\n    /**\n     * Sends a packet.\n     *\n     * @param packet\n     * @private\n     */\n    packet(packet) {\n        packet.nsp = this.nsp;\n        this.io._packet(packet);\n    }\n    /**\n     * Called upon engine `open`.\n     *\n     * @private\n     */\n    onopen() {\n        if (typeof this.auth == \"function\") {\n            this.auth((data) => {\n                this._sendConnectPacket(data);\n            });\n        }\n        else {\n            this._sendConnectPacket(this.auth);\n        }\n    }\n    /**\n     * Sends a CONNECT packet to initiate the Socket.IO session.\n     *\n     * @param data\n     * @private\n     */\n    _sendConnectPacket(data) {\n        this.packet({\n            type: PacketType.CONNECT,\n            data: this._pid\n                ? Object.assign({ pid: this._pid, offset: this._lastOffset }, data)\n                : data,\n        });\n    }\n    /**\n     * Called upon engine or manager `error`.\n     *\n     * @param err\n     * @private\n     */\n    onerror(err) {\n        if (!this.connected) {\n            this.emitReserved(\"connect_error\", err);\n        }\n    }\n    /**\n     * Called upon engine `close`.\n     *\n     * @param reason\n     * @param description\n     * @private\n     */\n    onclose(reason, description) {\n        this.connected = false;\n        delete this.id;\n        this.emitReserved(\"disconnect\", reason, description);\n        this._clearAcks();\n    }\n    /**\n     * Clears the acknowledgement handlers upon disconnection, since the client will never receive an acknowledgement from\n     * the server.\n     *\n     * @private\n     */\n    _clearAcks() {\n        Object.keys(this.acks).forEach((id) => {\n            const isBuffered = this.sendBuffer.some((packet) => String(packet.id) === id);\n            if (!isBuffered) {\n                // note: handlers that do not accept an error as first argument are ignored here\n                const ack = this.acks[id];\n                delete this.acks[id];\n                if (ack.withError) {\n                    ack.call(this, new Error(\"socket has been disconnected\"));\n                }\n            }\n        });\n    }\n    /**\n     * Called with socket packet.\n     *\n     * @param packet\n     * @private\n     */\n    onpacket(packet) {\n        const sameNamespace = packet.nsp === this.nsp;\n        if (!sameNamespace)\n            return;\n        switch (packet.type) {\n            case PacketType.CONNECT:\n                if (packet.data && packet.data.sid) {\n                    this.onconnect(packet.data.sid, packet.data.pid);\n                }\n                else {\n                    this.emitReserved(\"connect_error\", new Error(\"It seems you are trying to reach a Socket.IO server in v2.x with a v3.x client, but they are not compatible (more information here: https://socket.io/docs/v3/migrating-from-2-x-to-3-0/)\"));\n                }\n                break;\n            case PacketType.EVENT:\n            case PacketType.BINARY_EVENT:\n                this.onevent(packet);\n                break;\n            case PacketType.ACK:\n            case PacketType.BINARY_ACK:\n                this.onack(packet);\n                break;\n            case PacketType.DISCONNECT:\n                this.ondisconnect();\n                break;\n            case PacketType.CONNECT_ERROR:\n                this.destroy();\n                const err = new Error(packet.data.message);\n                // @ts-ignore\n                err.data = packet.data.data;\n                this.emitReserved(\"connect_error\", err);\n                break;\n        }\n    }\n    /**\n     * Called upon a server event.\n     *\n     * @param packet\n     * @private\n     */\n    onevent(packet) {\n        const args = packet.data || [];\n        if (null != packet.id) {\n            args.push(this.ack(packet.id));\n        }\n        if (this.connected) {\n            this.emitEvent(args);\n        }\n        else {\n            this.receiveBuffer.push(Object.freeze(args));\n        }\n    }\n    emitEvent(args) {\n        if (this._anyListeners && this._anyListeners.length) {\n            const listeners = this._anyListeners.slice();\n            for (const listener of listeners) {\n                listener.apply(this, args);\n            }\n        }\n        super.emit.apply(this, args);\n        if (this._pid && args.length && typeof args[args.length - 1] === \"string\") {\n            this._lastOffset = args[args.length - 1];\n        }\n    }\n    /**\n     * Produces an ack callback to emit with an event.\n     *\n     * @private\n     */\n    ack(id) {\n        const self = this;\n        let sent = false;\n        return function (...args) {\n            // prevent double callbacks\n            if (sent)\n                return;\n            sent = true;\n            self.packet({\n                type: PacketType.ACK,\n                id: id,\n                data: args,\n            });\n        };\n    }\n    /**\n     * Called upon a server acknowledgement.\n     *\n     * @param packet\n     * @private\n     */\n    onack(packet) {\n        const ack = this.acks[packet.id];\n        if (typeof ack !== \"function\") {\n            return;\n        }\n        delete this.acks[packet.id];\n        // @ts-ignore FIXME ack is incorrectly inferred as 'never'\n        if (ack.withError) {\n            packet.data.unshift(null);\n        }\n        // @ts-ignore\n        ack.apply(this, packet.data);\n    }\n    /**\n     * Called upon server connect.\n     *\n     * @private\n     */\n    onconnect(id, pid) {\n        this.id = id;\n        this.recovered = pid && this._pid === pid;\n        this._pid = pid; // defined only if connection state recovery is enabled\n        this.connected = true;\n        this.emitBuffered();\n        this.emitReserved(\"connect\");\n        this._drainQueue(true);\n    }\n    /**\n     * Emit buffered events (received and emitted).\n     *\n     * @private\n     */\n    emitBuffered() {\n        this.receiveBuffer.forEach((args) => this.emitEvent(args));\n        this.receiveBuffer = [];\n        this.sendBuffer.forEach((packet) => {\n            this.notifyOutgoingListeners(packet);\n            this.packet(packet);\n        });\n        this.sendBuffer = [];\n    }\n    /**\n     * Called upon server disconnect.\n     *\n     * @private\n     */\n    ondisconnect() {\n        this.destroy();\n        this.onclose(\"io server disconnect\");\n    }\n    /**\n     * Called upon forced client/server side disconnections,\n     * this method ensures the manager stops tracking us and\n     * that reconnections don't get triggered for this.\n     *\n     * @private\n     */\n    destroy() {\n        if (this.subs) {\n            // clean subscriptions to avoid reconnections\n            this.subs.forEach((subDestroy) => subDestroy());\n            this.subs = undefined;\n        }\n        this.io[\"_destroy\"](this);\n    }\n    /**\n     * Disconnects the socket manually. In that case, the socket will not try to reconnect.\n     *\n     * If this is the last active Socket instance of the {@link Manager}, the low-level connection will be closed.\n     *\n     * @example\n     * const socket = io();\n     *\n     * socket.on(\"disconnect\", (reason) => {\n     *   // console.log(reason); prints \"io client disconnect\"\n     * });\n     *\n     * socket.disconnect();\n     *\n     * @return self\n     */\n    disconnect() {\n        if (this.connected) {\n            this.packet({ type: PacketType.DISCONNECT });\n        }\n        // remove socket from pool\n        this.destroy();\n        if (this.connected) {\n            // fire events\n            this.onclose(\"io client disconnect\");\n        }\n        return this;\n    }\n    /**\n     * Alias for {@link disconnect()}.\n     *\n     * @return self\n     */\n    close() {\n        return this.disconnect();\n    }\n    /**\n     * Sets the compress flag.\n     *\n     * @example\n     * socket.compress(false).emit(\"hello\");\n     *\n     * @param compress - if `true`, compresses the sending data\n     * @return self\n     */\n    compress(compress) {\n        this.flags.compress = compress;\n        return this;\n    }\n    /**\n     * Sets a modifier for a subsequent event emission that the event message will be dropped when this socket is not\n     * ready to send messages.\n     *\n     * @example\n     * socket.volatile.emit(\"hello\"); // the server may or may not receive it\n     *\n     * @returns self\n     */\n    get volatile() {\n        this.flags.volatile = true;\n        return this;\n    }\n    /**\n     * Sets a modifier for a subsequent event emission that the callback will be called with an error when the\n     * given number of milliseconds have elapsed without an acknowledgement from the server:\n     *\n     * @example\n     * socket.timeout(5000).emit(\"my-event\", (err) => {\n     *   if (err) {\n     *     // the server did not acknowledge the event in the given delay\n     *   }\n     * });\n     *\n     * @returns self\n     */\n    timeout(timeout) {\n        this.flags.timeout = timeout;\n        return this;\n    }\n    /**\n     * Adds a listener that will be fired when any event is emitted. The event name is passed as the first argument to the\n     * callback.\n     *\n     * @example\n     * socket.onAny((event, ...args) => {\n     *   console.log(`got ${event}`);\n     * });\n     *\n     * @param listener\n     */\n    onAny(listener) {\n        this._anyListeners = this._anyListeners || [];\n        this._anyListeners.push(listener);\n        return this;\n    }\n    /**\n     * Adds a listener that will be fired when any event is emitted. The event name is passed as the first argument to the\n     * callback. The listener is added to the beginning of the listeners array.\n     *\n     * @example\n     * socket.prependAny((event, ...args) => {\n     *   console.log(`got event ${event}`);\n     * });\n     *\n     * @param listener\n     */\n    prependAny(listener) {\n        this._anyListeners = this._anyListeners || [];\n        this._anyListeners.unshift(listener);\n        return this;\n    }\n    /**\n     * Removes the listener that will be fired when any event is emitted.\n     *\n     * @example\n     * const catchAllListener = (event, ...args) => {\n     *   console.log(`got event ${event}`);\n     * }\n     *\n     * socket.onAny(catchAllListener);\n     *\n     * // remove a specific listener\n     * socket.offAny(catchAllListener);\n     *\n     * // or remove all listeners\n     * socket.offAny();\n     *\n     * @param listener\n     */\n    offAny(listener) {\n        if (!this._anyListeners) {\n            return this;\n        }\n        if (listener) {\n            const listeners = this._anyListeners;\n            for (let i = 0; i < listeners.length; i++) {\n                if (listener === listeners[i]) {\n                    listeners.splice(i, 1);\n                    return this;\n                }\n            }\n        }\n        else {\n            this._anyListeners = [];\n        }\n        return this;\n    }\n    /**\n     * Returns an array of listeners that are listening for any event that is specified. This array can be manipulated,\n     * e.g. to remove listeners.\n     */\n    listenersAny() {\n        return this._anyListeners || [];\n    }\n    /**\n     * Adds a listener that will be fired when any event is emitted. The event name is passed as the first argument to the\n     * callback.\n     *\n     * Note: acknowledgements sent to the server are not included.\n     *\n     * @example\n     * socket.onAnyOutgoing((event, ...args) => {\n     *   console.log(`sent event ${event}`);\n     * });\n     *\n     * @param listener\n     */\n    onAnyOutgoing(listener) {\n        this._anyOutgoingListeners = this._anyOutgoingListeners || [];\n        this._anyOutgoingListeners.push(listener);\n        return this;\n    }\n    /**\n     * Adds a listener that will be fired when any event is emitted. The event name is passed as the first argument to the\n     * callback. The listener is added to the beginning of the listeners array.\n     *\n     * Note: acknowledgements sent to the server are not included.\n     *\n     * @example\n     * socket.prependAnyOutgoing((event, ...args) => {\n     *   console.log(`sent event ${event}`);\n     * });\n     *\n     * @param listener\n     */\n    prependAnyOutgoing(listener) {\n        this._anyOutgoingListeners = this._anyOutgoingListeners || [];\n        this._anyOutgoingListeners.unshift(listener);\n        return this;\n    }\n    /**\n     * Removes the listener that will be fired when any event is emitted.\n     *\n     * @example\n     * const catchAllListener = (event, ...args) => {\n     *   console.log(`sent event ${event}`);\n     * }\n     *\n     * socket.onAnyOutgoing(catchAllListener);\n     *\n     * // remove a specific listener\n     * socket.offAnyOutgoing(catchAllListener);\n     *\n     * // or remove all listeners\n     * socket.offAnyOutgoing();\n     *\n     * @param [listener] - the catch-all listener (optional)\n     */\n    offAnyOutgoing(listener) {\n        if (!this._anyOutgoingListeners) {\n            return this;\n        }\n        if (listener) {\n            const listeners = this._anyOutgoingListeners;\n            for (let i = 0; i < listeners.length; i++) {\n                if (listener === listeners[i]) {\n                    listeners.splice(i, 1);\n                    return this;\n                }\n            }\n        }\n        else {\n            this._anyOutgoingListeners = [];\n        }\n        return this;\n    }\n    /**\n     * Returns an array of listeners that are listening for any event that is specified. This array can be manipulated,\n     * e.g. to remove listeners.\n     */\n    listenersAnyOutgoing() {\n        return this._anyOutgoingListeners || [];\n    }\n    /**\n     * Notify the listeners for each packet sent\n     *\n     * @param packet\n     *\n     * @private\n     */\n    notifyOutgoingListeners(packet) {\n        if (this._anyOutgoingListeners && this._anyOutgoingListeners.length) {\n            const listeners = this._anyOutgoingListeners.slice();\n            for (const listener of listeners) {\n                listener.apply(this, packet.data);\n            }\n        }\n    }\n}\n", "/**\n * Initialize backoff timer with `opts`.\n *\n * - `min` initial timeout in milliseconds [100]\n * - `max` max timeout [10000]\n * - `jitter` [0]\n * - `factor` [2]\n *\n * @param {Object} opts\n * @api public\n */\nexport function Backoff(opts) {\n    opts = opts || {};\n    this.ms = opts.min || 100;\n    this.max = opts.max || 10000;\n    this.factor = opts.factor || 2;\n    this.jitter = opts.jitter > 0 && opts.jitter <= 1 ? opts.jitter : 0;\n    this.attempts = 0;\n}\n/**\n * Return the backoff duration.\n *\n * @return {Number}\n * @api public\n */\nBackoff.prototype.duration = function () {\n    var ms = this.ms * Math.pow(this.factor, this.attempts++);\n    if (this.jitter) {\n        var rand = Math.random();\n        var deviation = Math.floor(rand * this.jitter * ms);\n        ms = (Math.floor(rand * 10) & 1) == 0 ? ms - deviation : ms + deviation;\n    }\n    return Math.min(ms, this.max) | 0;\n};\n/**\n * Reset the number of attempts.\n *\n * @api public\n */\nBackoff.prototype.reset = function () {\n    this.attempts = 0;\n};\n/**\n * Set the minimum duration\n *\n * @api public\n */\nBackoff.prototype.setMin = function (min) {\n    this.ms = min;\n};\n/**\n * Set the maximum duration\n *\n * @api public\n */\nBackoff.prototype.setMax = function (max) {\n    this.max = max;\n};\n/**\n * Set the jitter\n *\n * @api public\n */\nBackoff.prototype.setJitter = function (jitter) {\n    this.jitter = jitter;\n};\n", "import { Socket as Engine, installTimerFunctions, nextTick, } from \"engine.io-client\";\nimport { Socket } from \"./socket.js\";\nimport * as parser from \"socket.io-parser\";\nimport { on } from \"./on.js\";\nimport { Backoff } from \"./contrib/backo2.js\";\nimport { Emitter, } from \"@socket.io/component-emitter\";\nexport class Manager extends Emitter {\n    constructor(uri, opts) {\n        var _a;\n        super();\n        this.nsps = {};\n        this.subs = [];\n        if (uri && \"object\" === typeof uri) {\n            opts = uri;\n            uri = undefined;\n        }\n        opts = opts || {};\n        opts.path = opts.path || \"/socket.io\";\n        this.opts = opts;\n        installTimerFunctions(this, opts);\n        this.reconnection(opts.reconnection !== false);\n        this.reconnectionAttempts(opts.reconnectionAttempts || Infinity);\n        this.reconnectionDelay(opts.reconnectionDelay || 1000);\n        this.reconnectionDelayMax(opts.reconnectionDelayMax || 5000);\n        this.randomizationFactor((_a = opts.randomizationFactor) !== null && _a !== void 0 ? _a : 0.5);\n        this.backoff = new Backoff({\n            min: this.reconnectionDelay(),\n            max: this.reconnectionDelayMax(),\n            jitter: this.randomizationFactor(),\n        });\n        this.timeout(null == opts.timeout ? 20000 : opts.timeout);\n        this._readyState = \"closed\";\n        this.uri = uri;\n        const _parser = opts.parser || parser;\n        this.encoder = new _parser.Encoder();\n        this.decoder = new _parser.Decoder();\n        this._autoConnect = opts.autoConnect !== false;\n        if (this._autoConnect)\n            this.open();\n    }\n    reconnection(v) {\n        if (!arguments.length)\n            return this._reconnection;\n        this._reconnection = !!v;\n        return this;\n    }\n    reconnectionAttempts(v) {\n        if (v === undefined)\n            return this._reconnectionAttempts;\n        this._reconnectionAttempts = v;\n        return this;\n    }\n    reconnectionDelay(v) {\n        var _a;\n        if (v === undefined)\n            return this._reconnectionDelay;\n        this._reconnectionDelay = v;\n        (_a = this.backoff) === null || _a === void 0 ? void 0 : _a.setMin(v);\n        return this;\n    }\n    randomizationFactor(v) {\n        var _a;\n        if (v === undefined)\n            return this._randomizationFactor;\n        this._randomizationFactor = v;\n        (_a = this.backoff) === null || _a === void 0 ? void 0 : _a.setJitter(v);\n        return this;\n    }\n    reconnectionDelayMax(v) {\n        var _a;\n        if (v === undefined)\n            return this._reconnectionDelayMax;\n        this._reconnectionDelayMax = v;\n        (_a = this.backoff) === null || _a === void 0 ? void 0 : _a.setMax(v);\n        return this;\n    }\n    timeout(v) {\n        if (!arguments.length)\n            return this._timeout;\n        this._timeout = v;\n        return this;\n    }\n    /**\n     * Starts trying to reconnect if reconnection is enabled and we have not\n     * started reconnecting yet\n     *\n     * @private\n     */\n    maybeReconnectOnOpen() {\n        // Only try to reconnect if it's the first time we're connecting\n        if (!this._reconnecting &&\n            this._reconnection &&\n            this.backoff.attempts === 0) {\n            // keeps reconnection from firing twice for the same reconnection loop\n            this.reconnect();\n        }\n    }\n    /**\n     * Sets the current transport `socket`.\n     *\n     * @param {Function} fn - optional, callback\n     * @return self\n     * @public\n     */\n    open(fn) {\n        if (~this._readyState.indexOf(\"open\"))\n            return this;\n        this.engine = new Engine(this.uri, this.opts);\n        const socket = this.engine;\n        const self = this;\n        this._readyState = \"opening\";\n        this.skipReconnect = false;\n        // emit `open`\n        const openSubDestroy = on(socket, \"open\", function () {\n            self.onopen();\n            fn && fn();\n        });\n        const onError = (err) => {\n            this.cleanup();\n            this._readyState = \"closed\";\n            this.emitReserved(\"error\", err);\n            if (fn) {\n                fn(err);\n            }\n            else {\n                // Only do this if there is no fn to handle the error\n                this.maybeReconnectOnOpen();\n            }\n        };\n        // emit `error`\n        const errorSub = on(socket, \"error\", onError);\n        if (false !== this._timeout) {\n            const timeout = this._timeout;\n            // set timer\n            const timer = this.setTimeoutFn(() => {\n                openSubDestroy();\n                onError(new Error(\"timeout\"));\n                socket.close();\n            }, timeout);\n            if (this.opts.autoUnref) {\n                timer.unref();\n            }\n            this.subs.push(() => {\n                this.clearTimeoutFn(timer);\n            });\n        }\n        this.subs.push(openSubDestroy);\n        this.subs.push(errorSub);\n        return this;\n    }\n    /**\n     * Alias for open()\n     *\n     * @return self\n     * @public\n     */\n    connect(fn) {\n        return this.open(fn);\n    }\n    /**\n     * Called upon transport open.\n     *\n     * @private\n     */\n    onopen() {\n        // clear old subs\n        this.cleanup();\n        // mark as open\n        this._readyState = \"open\";\n        this.emitReserved(\"open\");\n        // add new subs\n        const socket = this.engine;\n        this.subs.push(on(socket, \"ping\", this.onping.bind(this)), on(socket, \"data\", this.ondata.bind(this)), on(socket, \"error\", this.onerror.bind(this)), on(socket, \"close\", this.onclose.bind(this)), on(this.decoder, \"decoded\", this.ondecoded.bind(this)));\n    }\n    /**\n     * Called upon a ping.\n     *\n     * @private\n     */\n    onping() {\n        this.emitReserved(\"ping\");\n    }\n    /**\n     * Called with data.\n     *\n     * @private\n     */\n    ondata(data) {\n        try {\n            this.decoder.add(data);\n        }\n        catch (e) {\n            this.onclose(\"parse error\", e);\n        }\n    }\n    /**\n     * Called when parser fully decodes a packet.\n     *\n     * @private\n     */\n    ondecoded(packet) {\n        // the nextTick call prevents an exception in a user-provided event listener from triggering a disconnection due to a \"parse error\"\n        nextTick(() => {\n            this.emitReserved(\"packet\", packet);\n        }, this.setTimeoutFn);\n    }\n    /**\n     * Called upon socket error.\n     *\n     * @private\n     */\n    onerror(err) {\n        this.emitReserved(\"error\", err);\n    }\n    /**\n     * Creates a new socket for the given `nsp`.\n     *\n     * @return {Socket}\n     * @public\n     */\n    socket(nsp, opts) {\n        let socket = this.nsps[nsp];\n        if (!socket) {\n            socket = new Socket(this, nsp, opts);\n            this.nsps[nsp] = socket;\n        }\n        else if (this._autoConnect && !socket.active) {\n            socket.connect();\n        }\n        return socket;\n    }\n    /**\n     * Called upon a socket close.\n     *\n     * @param socket\n     * @private\n     */\n    _destroy(socket) {\n        const nsps = Object.keys(this.nsps);\n        for (const nsp of nsps) {\n            const socket = this.nsps[nsp];\n            if (socket.active) {\n                return;\n            }\n        }\n        this._close();\n    }\n    /**\n     * Writes a packet.\n     *\n     * @param packet\n     * @private\n     */\n    _packet(packet) {\n        const encodedPackets = this.encoder.encode(packet);\n        for (let i = 0; i < encodedPackets.length; i++) {\n            this.engine.write(encodedPackets[i], packet.options);\n        }\n    }\n    /**\n     * Clean up transport subscriptions and packet buffer.\n     *\n     * @private\n     */\n    cleanup() {\n        this.subs.forEach((subDestroy) => subDestroy());\n        this.subs.length = 0;\n        this.decoder.destroy();\n    }\n    /**\n     * Close the current socket.\n     *\n     * @private\n     */\n    _close() {\n        this.skipReconnect = true;\n        this._reconnecting = false;\n        this.onclose(\"forced close\");\n        if (this.engine)\n            this.engine.close();\n    }\n    /**\n     * Alias for close()\n     *\n     * @private\n     */\n    disconnect() {\n        return this._close();\n    }\n    /**\n     * Called upon engine close.\n     *\n     * @private\n     */\n    onclose(reason, description) {\n        this.cleanup();\n        this.backoff.reset();\n        this._readyState = \"closed\";\n        this.emitReserved(\"close\", reason, description);\n        if (this._reconnection && !this.skipReconnect) {\n            this.reconnect();\n        }\n    }\n    /**\n     * Attempt a reconnection.\n     *\n     * @private\n     */\n    reconnect() {\n        if (this._reconnecting || this.skipReconnect)\n            return this;\n        const self = this;\n        if (this.backoff.attempts >= this._reconnectionAttempts) {\n            this.backoff.reset();\n            this.emitReserved(\"reconnect_failed\");\n            this._reconnecting = false;\n        }\n        else {\n            const delay = this.backoff.duration();\n            this._reconnecting = true;\n            const timer = this.setTimeoutFn(() => {\n                if (self.skipReconnect)\n                    return;\n                this.emitReserved(\"reconnect_attempt\", self.backoff.attempts);\n                // check again for the case socket closed in above events\n                if (self.skipReconnect)\n                    return;\n                self.open((err) => {\n                    if (err) {\n                        self._reconnecting = false;\n                        self.reconnect();\n                        this.emitReserved(\"reconnect_error\", err);\n                    }\n                    else {\n                        self.onreconnect();\n                    }\n                });\n            }, delay);\n            if (this.opts.autoUnref) {\n                timer.unref();\n            }\n            this.subs.push(() => {\n                this.clearTimeoutFn(timer);\n            });\n        }\n    }\n    /**\n     * Called upon successful reconnect.\n     *\n     * @private\n     */\n    onreconnect() {\n        const attempt = this.backoff.attempts;\n        this._reconnecting = false;\n        this.backoff.reset();\n        this.emitReserved(\"reconnect\", attempt);\n    }\n}\n", "import { url } from \"./url.js\";\nimport { Manager } from \"./manager.js\";\nimport { Socket } from \"./socket.js\";\n/**\n * Managers cache.\n */\nconst cache = {};\nfunction lookup(uri, opts) {\n    if (typeof uri === \"object\") {\n        opts = uri;\n        uri = undefined;\n    }\n    opts = opts || {};\n    const parsed = url(uri, opts.path || \"/socket.io\");\n    const source = parsed.source;\n    const id = parsed.id;\n    const path = parsed.path;\n    const sameNamespace = cache[id] && path in cache[id][\"nsps\"];\n    const newConnection = opts.forceNew ||\n        opts[\"force new connection\"] ||\n        false === opts.multiplex ||\n        sameNamespace;\n    let io;\n    if (newConnection) {\n        io = new Manager(source, opts);\n    }\n    else {\n        if (!cache[id]) {\n            cache[id] = new Manager(source, opts);\n        }\n        io = cache[id];\n    }\n    if (parsed.query && !opts.query) {\n        opts.query = parsed.queryKey;\n    }\n    return io.socket(parsed.path, opts);\n}\n// so that \"lookup\" can be used both as a function (e.g. `io(...)`) and as a\n// namespace (e.g. `io.connect(...)`), for backward compatibility\nObject.assign(lookup, {\n    Manager,\n    Socket,\n    io: lookup,\n    connect: lookup,\n});\n/**\n * Protocol version.\n *\n * @public\n */\nexport { protocol } from \"socket.io-parser\";\n/**\n * Expose constructors for standalone build.\n *\n * @public\n */\nexport { Manager, Socket, lookup as io, lookup as connect, lookup as default, };\n", "/** A zero dependency web component that will display a managed uibuilder variable.\n *\n * Version: 1.0.1 2023-12-27\n */\n/*\n  Copyright (c) 2023-2024 Julian Knight (Totally Information)\n\n  Licensed under the Apache License, Version 2.0 (the \"License\");\n  you may not use this file except in compliance with the License.\n  You may obtain a copy of the License at\n\n  http://www.apache.org/licenses/LICENSE-2.0\n\n  Unless required by applicable law or agreed to in writing, software\n  distributed under the License is distributed on an \"AS IS\" BASIS,\n  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  See the License for the specific language governing permissions and\n  limitations under the License.\n*/\n\n// const template = document.createElement('template')\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`<span></span>`\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`<link type=\"text/css\" rel=\"stylesheet\" href=\"\"../uibuilder/uib-brand.min.css\"\" media=\"all\"><span></span>`\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`\n// {/* <style>@import url(\"../uibuilder/uib-brand.min.css\");</style><span></span> */}\n// `\n\nexport default class UibVar extends HTMLElement {\n    //#region --- Class Properties ---\n    /** @type {string} Name of the uibuilder mangaged variable to use */\n    variable\n    /** Current value of the watched variable */\n    value\n    /** Whether to output if the variable is undefined */\n    undef = false\n    /** Whether to send update value to Node-RED on change */\n    report = false\n    /** What is the value type */\n    type = 'plain'\n    /** what are the available types? */\n    types = ['plain', 'html', 'markdown', 'object', 'json', 'table', 'list', 'array']\n    /** Holds uibuilder.onTopic listeners */\n    topicMonitors = {}\n    /** Is UIBUILDER loaded? */\n    uib = !!window['uibuilder']\n\n    /** Mini jQuery-like shadow dom selector (see constructor) */\n    $\n\n    /** Holds a count of how many instances of this component are on the page */\n    static _iCount = 0\n    /** @type {Array<string>} List of all of the html attribs (props) listened to */\n    static props = ['filter', 'id', 'name', 'report', 'topic', 'type', 'undefined', 'variable',]\n    //#endregion --- Class Properties ---\n\n    constructor() {\n        super()\n        this.shadow = this.attachShadow({ mode: 'open', delegatesFocus: true })\n        //  .append(template.content.cloneNode(true))\n\n        this.$ = this.shadowRoot.querySelector.bind(this.shadowRoot)\n\n        // Apply external styles to the shadow dom - assumes you use index.css in same url location as main url\n        this.css = document.createElement('link')\n        this.css.setAttribute('type', 'text/css')\n        this.css.setAttribute('rel', 'stylesheet')\n        this.css.setAttribute('href', './index.css')\n\n        this.dispatchEvent(new Event('uib-var:construction', { bubbles: true, composed: true }))\n    }\n\n    // Makes HTML attribute change watched\n    static get observedAttributes() {\n        return UibVar.props\n    }\n\n    /** Handle watched attributes\n     * NOTE: On initial startup, this is called for each watched attrib set in HTML - BEFORE connectedCallback is called.\n     * Attribute values can only ever be strings\n     * @param {string} attrib The name of the attribute that is changing\n     * @param {string} newVal The new value of the attribute\n     * @param {string} oldVal The old value of the attribute\n     */\n    attributeChangedCallback(attrib, oldVal, newVal) {\n        if ( oldVal === newVal ) return\n\n        switch (attrib) {\n            case 'variable': {\n                // NB Doesn't check if var exists because it might not be set yet\n                if (newVal === '') throw new Error('[uib-var] Attribute \"variable\" MUST be set to a UIBUILDER managed variable name')\n                this.variable = newVal\n                this.doWatch()\n                break\n            }\n            case 'undefined': {\n                if (newVal === '' || ['on', 'true', 'report'].includes(newVal.toLowerCase())) this.undef = true\n                else this.undef = false\n                break\n            }\n            case 'report': {\n                if (newVal === '' || ['on', 'true', 'report'].includes(newVal.toLowerCase())) this.report = true\n                else this.report = false\n                break\n            }\n            case 'type': {\n                if (newVal === '' || !this.types.includes(newVal.toLowerCase())) this.type = 'plain'\n                else this.type = newVal\n                break\n            }\n            case 'topic': {\n                // console.log(1, attrib, newVal)\n                // Handle empty topic\n                if (!newVal) break\n                // Ignore if not using uibuilder\n                if (!this.uib) break\n                // If variable attrib set, give warning and ignore\n                if (this.variable) {\n                    console.warn('\u26A0\uFE0F [uib-var] Cannot process both variable and topic attributes, use only 1. Using variable')\n                    break\n                }\n\n                this.topic = newVal\n\n                // Cancel old listener just in case\n                if (this.topicMonitors[newVal]) uibuilder.cancelTopic(newVal, this.topicMonitors[newVal])\n                // Set up a uibuilder listener for this topic - ASSUMES msg.payload contains the VALUE to show\n                this.topicMonitors[newVal] = uibuilder.onTopic(newVal, (msg) => {\n                    // console.log('\uD83D\uDD26 topicMonitor \u27EB', newVal, msg)\n                    this.value = msg.payload\n                    this.varDom()\n                    if (this.report === true) window['uibuilder'].send({ topic: this.variable, payload: this.value || undefined })\n                })\n                this.varDom()\n\n                break\n            }\n            case 'filter': {\n                this.filter = undefined\n                this.filterArgs = []\n\n                // Handle empty filter\n                if (!newVal) break\n\n                this.filter = newVal\n\n                // Filter the input - at least limit the length of the attr\n                newVal = newVal.slice(0, 127)\n                // Remove spaces and then separate fn name from potential extra arguments\n                const f = newVal.replace(/\\s/g, '').match(/([a-zA-Z_$][a-zA-Z_$0-9.-]+)(\\((.*)\\))?/)\n                if (!f) {\n                    console.warn(`\u26A0\uFE0F [uib-var] Filter function \"${newVal}\" invalid. Cannot process.`)\n                    break\n                }\n                // Fn name\n                this.filter = f[1]\n                // Fn arguments\n                if (f[3]) { // undefined if no args found\n                    // TODO Do we really want to try this?\n                    try {\n                        this.filterArgs = JSON.parse(f[3])\n                    } catch (e) {}\n\n                    this.filterArgs = f[3].split(',').map((x) => {\n                        // No objects/arrays allowed - if they have a , they are split\n                        x = x.trim()\n                        // @ts-ignore NB: Do NOT use Number.isNaN here, it is too narrow minded\n                        if (isNaN(x)) {\n                            // String inside string ends up double quoted so remove those\n                            let y = x.replace(/^[\"'`]/, '').replace(/[\"'`]$/, '')\n                            // Attempt very limited parse in case it is valid object/array\n                            try {\n                                y = new Function(`return ${y}`)() // eslint-disable-line no-new-func\n                            } catch (e) {}\n                            return y\n                        }\n                        return Number(x)\n                    })\n                }\n\n                // Apply the filter directly if neither variable nor topic attribs set\n                if (!this.variable && !this.topic) this.varDom(false)\n                break\n            }\n\n            default: {\n                this[attrib] = newVal\n                break\n            }\n        }\n    } // --- end of attributeChangedCallback --- //\n\n    // Runs when an instance is added to the DOM\n    connectedCallback() {\n        // Make sure instance has an ID. Create an id from name or calculation if needed\n        if (!this.id) {\n            if (!this.name) this.name = this.getAttribute('name')\n            if (this.name) this.id = this.name.toLowerCase().replace(/\\s/g, '_')\n            else this.id = `uib-var-${++UibVar._iCount}`\n        }\n    }  // ---- end of connectedCallback ---- //\n\n    // Runs when an instance is removed from the DOM\n    disconnectedCallback() {\n        // Ignore if not using uibuilder\n        if (this.uib) {\n            Object.keys(this.topicMonitors).forEach( topic => {\n                uibuilder.cancelTopic(topic, this.topicMonitors[topic])\n            })\n        }\n    } // ---- end of disconnectedCallback ---- //\n\n    /** Process changes to the required uibuilder variable */\n    doWatch() {\n        if (!this.variable) throw new Error('No variable name provided')\n        // if (!this.uib) throw new Error('UIBUILDER client library not loaded - this component must be loaded AFTER the UIBUILDER library')\n\n        this.value = window['uibuilder'].get(this.variable)\n        this.varDom()\n\n        // Watch for changes in the variable\n        window['uibuilder'].onChange(this.variable, (val) => {\n            this.value = val\n            this.varDom()\n            if (this.report === true) window['uibuilder'].send({ topic: this.variable, payload: this.value || undefined })\n        })\n    }\n\n    /** Convert this.value to DOM output (applies output filter if needed)\n     * @param {boolean} chkVal If true (default), check for undefined value. False used to run filter even with no value set.\n     */\n    varDom(chkVal = true) {\n        // If user doesn't want to show undefined vars, allow the component slot to show instead\n        if (chkVal === true && !this.value && this.undef !== true) {\n            this.shadow.innerHTML = '<slot></slot>'\n            return\n        }\n\n        // Apply the filter to the value before display\n        let val = chkVal ? this.doFilter(this.value) : this.doFilter()\n\n        // console.log('\uD83D\uDD26 varDOM \u27EB ', val, typeof val, this.type)\n\n        let out = val\n\n        switch (this.type) {\n            case 'markdown': {\n                if (this.uib) out = window['uibuilder'].convertMarkdown(val)\n                break\n            }\n\n            case 'json':\n            case 'object': {\n                // console.log(window['uibuilder'].syntaxHighlight(val))\n                out = `<pre class=\"syntax-highlight\">${this.uib ? window['uibuilder'].syntaxHighlight(val) : val}</pre>`\n                break\n            }\n\n            case 'table': {\n                // console.log('\uD83D\uDD26 val \u27EB', val)\n                // if (!Array.isArray(val)) {\n                //     out = '<code>Contents of msg.payload is not an array which is required for table output.</code>'\n                //     break\n                // }\n                out = window['uibuilder'].sanitiseHTML(window['uibuilder'].buildHtmlTable(val).outerHTML)\n                break\n            }\n\n            case 'array':\n            case 'list': {\n                if (!Array.isArray(val)) val = [val]\n                // console.log('\uD83D\uDD26 val \u27EB', val)\n                out = '<ul>'\n                val.forEach( li => {\n                    out += `<li>${window['uibuilder'].sanitiseHTML(li)}</li>`\n                })\n                out += '</ul>'\n                break\n            }\n\n            case 'plain':\n            case 'html':\n            default: {\n                const t = typeof val\n                if (Array.isArray(val) || t === '[object Object]' || t === 'object') {\n                    try {\n                        out = JSON.stringify(val)\n                    } catch (e) {}\n                }\n                break\n            }\n        }\n        if (this.uib) this.shadow.innerHTML = window['uibuilder'].sanitiseHTML(out)\n        else this.shadow.innerHTML = out\n\n        this.shadow.appendChild(this.css)\n    }\n\n    /** Apply value filter if specified\n     * @param {*} value The value to change\n     * @returns {*} The amended value that will be displayed\n     */\n    doFilter(value) {\n        if (this.filter) {\n            // Cater for dotted notation functions (e.g. uibuilder.get)\n            const splitFilter = this.filter.split('.')\n            let globalFn = globalThis[splitFilter[0]]\n            if (globalFn && splitFilter.length > 1) {\n                const parts = [splitFilter.pop()]\n                parts.forEach( part => {\n                    globalFn = globalFn[part]\n                } )\n            }\n            if (!globalFn && this.uib === true) globalFn = globalThis['uibuilder'][splitFilter[0]]\n            if (globalFn && typeof globalFn !== 'function' ) globalFn = undefined\n            if (globalFn) {\n                const argList = value === undefined ? [...this.filterArgs] : [value, ...this.filterArgs]\n                value = Reflect.apply(globalFn, value ?? globalFn, argList)\n            } else {\n                console.warn(`\u26A0\uFE0F [uib-var] Filter function \"${this.filter}\" ${typeof globalFn === 'object' ? 'is an object not a function' : 'not found'}`)\n            }\n        }\n\n        return value\n    }\n}\n\n// Add the class as a new Custom Element to the window object\n// customElements.define('uib-var', UibVar)\n", "/** A zero dependency web component that will display some metadata about the current web page.\n *\n * @version 1.0.0 2024-06-01\n *\n * @example\n *  <div id=\"more\">\n *    <uib-meta type=\"created\" format=\"t\"></uib-meta><br>\n *    <uib-meta format=\"d\"></uib-meta><br>\n *    <uib-meta type=\"updated\" format=\"dt\"></uib-meta><br>\n *    <uib-meta type=\"crup\" format=\"d\"></uib-meta><br>\n *    <uib-meta type=\"size\" format=\"k\"></uib-meta><br>\n *  </div>\n */\n/*\n  Copyright (c) 2024-2024 Julian Knight (Totally Information)\n\n  Licensed under the Apache License, Version 2.0 (the \"License\");\n  you may not use this file except in compliance with the License.\n  You may obtain a copy of the License at\n\n  http://www.apache.org/licenses/LICENSE-2.0\n\n  Unless required by applicable law or agreed to in writing, software\n  distributed under the License is distributed on an \"AS IS\" BASIS,\n  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  See the License for the specific language governing permissions and\n  limitations under the License.\n*/\n\n// const template = document.createElement('template')\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`<span></span>`\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`<link type=\"text/css\" rel=\"stylesheet\" href=\"\"../uibuilder/uib-brand.min.css\"\" media=\"all\"><span></span>`\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`\n// {/* <style>@import url(\"../uibuilder/uib-brand.min.css\");</style><span></span> */}\n// `\n\nexport default class UibMeta extends HTMLElement {\n    //#region --- Class Properties ---\n    /** @type {string} Name of the uibuilder mangaged variable to use */\n    variable = 'pageMeta'\n    /** Current value of the watched variable */\n    value\n    /** Whether to output if the variable is undefined */\n    undef = false\n    /** Whether to send update value to Node-RED on change */\n    report = false\n    /** What is the value type */\n    type = 'created'\n    /** what are the available types? */\n    types = ['created', 'updated', 'crup', 'size', 'modified',]\n    /** Chosen formatting - default to none */\n    format = ''\n    /** what are the available formats? */\n    formats = ['d', 'dt', 't', 'k', 'm']\n    /** Holds uibuilder.onTopic listeners */\n    topicMonitors = {}\n    /** Is UIBUILDER loaded? */\n    uib = !!window['uibuilder']\n\n    /** Mini jQuery-like shadow dom selector (see constructor) */\n    $\n\n    /** Holds a count of how many instances of this component are on the page */\n    static _iCount = 0\n    /** @type {Array<string>} List of all of the html attribs (props) listened to */\n    static props = ['type', 'format']\n    //#endregion --- Class Properties ---\n\n    constructor() {\n        super()\n        this.shadow = this.attachShadow({ mode: 'open', delegatesFocus: true })\n        //  .append(template.content.cloneNode(true))\n\n        this.$ = this.shadowRoot.querySelector.bind(this.shadowRoot)\n\n        // Apply external styles to the shadow dom - assumes you use index.css in same url location as main url\n        // this.css = document.createElement('link')\n        // this.css.setAttribute('type', 'text/css')\n        // this.css.setAttribute('rel', 'stylesheet')\n        // this.css.setAttribute('href', './index.css')\n\n        // Get the latest page metadata from the server\n        this.value = window['uibuilder'].get('pageMeta')\n        if (!this.value) window['uibuilder'].getPageMeta()\n        this.doWatch()\n\n        this.dispatchEvent(new Event('uib-meta:construction', { bubbles: true, composed: true }))\n    }\n\n    // Makes HTML attribute change watched\n    static get observedAttributes() {\n        return UibMeta.props\n    }\n\n    /** Handle watched attributes\n     * NOTE: On initial startup, this is called for each watched attrib set in HTML - BEFORE connectedCallback is called.\n     * Attribute values can only ever be strings\n     * @param {string} attrib The name of the attribute that is changing\n     * @param {string} newVal The new value of the attribute\n     * @param {string} oldVal The old value of the attribute\n     */\n    attributeChangedCallback(attrib, oldVal, newVal) {\n        if ( oldVal === newVal ) return\n\n        switch (attrib) {\n            case 'type': {\n                if (newVal === '' || !this.types.includes(newVal.toLowerCase())) this.type = 'created'\n                else this.type = newVal\n                break\n            }\n\n            case 'format': {\n                if (!this.formats.includes(newVal.toLowerCase())) this.type = ''\n                else this[attrib] = newVal\n                break\n            }\n\n            default: {\n                this[attrib] = newVal\n                break\n            }\n        }\n    } // --- end of attributeChangedCallback --- //\n\n    // Runs when an instance is added to the DOM\n    connectedCallback() {\n        // Make sure instance has an ID. Create an id from name or calculation if needed\n        if (!this.id) {\n            if (!this.name) this.name = this.getAttribute('name')\n            if (this.name) this.id = this.name.toLowerCase().replace(/\\s/g, '_')\n            else this.id = `uib-meta-${++UibMeta._iCount}`\n        }\n    }  // ---- end of connectedCallback ---- //\n\n    // Runs when an instance is removed from the DOM\n    // disconnectedCallback() {\n    //     // Ignore if not using uibuilder\n    //     if (this.uib) {\n    //         Object.keys(this.topicMonitors).forEach( topic => {\n    //             uibuilder.cancelTopic(topic, this.topicMonitors[topic])\n    //         })\n    //     }\n    // } // ---- end of disconnectedCallback ---- //\n\n    /** Process changes to the required uibuilder variable */\n    doWatch() {\n        // if (!this.variable) throw new Error('No variable name provided')\n        // if (!this.uib) throw new Error('UIBUILDER client library not loaded - this component must be loaded AFTER the UIBUILDER library')\n\n        // this.value = window['uibuilder'].get(this.variable)\n        this.varDom()\n\n        // Watch for changes in the variable\n        window['uibuilder'].onChange(this.variable, (val) => {\n            this.value = val\n            this.varDom()\n            if (this.report === true) window['uibuilder'].send({ topic: this.variable, payload: this.value || undefined })\n        })\n    }\n\n    /** Convert this.value to DOM output (applies output filter if needed)\n     * @param {boolean} chkVal If true (default), check for undefined value. False used to run filter even with no value set.\n     */\n    varDom(chkVal = true) {\n        // If user doesn't want to show undefined vars, allow the component slot to show instead\n        if (chkVal === true && !this.value && this.undef !== true) {\n            this.shadow.innerHTML = '<slot></slot>'\n            return\n        }\n\n        // Apply the filter to the value before display\n        // const val = chkVal ? this.doFilter(this.value) : this.doFilter()\n\n        // console.log('\uD83E\uDDEA varDOM: ', val, typeof val, this.type)\n\n        let out // = val\n\n        switch (this.type) {\n            case 'size': { // File size in bytes\n                out = `Size: ${this.doFormat(this.value.size, 'num')}b`\n                break\n            }\n\n            case 'modified':\n            case 'updated': { // both created and updated dates\n                out = `Updated: ${this.doFormat(this.value.modified, 'dt')}`\n                break\n            }\n\n            case 'crup': {\n                out = `Created: ${this.doFormat(this.value.created, 'dt')}, Updated: ${this.doFormat(this.value.modified, 'dt')}`\n                break\n            }\n\n            case 'created':\n            default: {\n                out = `Created: ${this.doFormat(this.value.created, 'dt')}`\n                break\n            }\n        }\n        // if (this.uib) this.shadow.innerHTML = window['uibuilder'].sanitiseHTML(out)\n        // else this.shadow.innerHTML = out\n        if (out !== undefined) this.shadow.innerHTML = out\n\n        // this.shadow.appendChild(this.css)\n    }\n\n    /** Format a value using this.format\n     * @param {Date|string|number} val Value to format\n     * @param {'num'|'dt'} type Type of of input\n     * @returns {*} Formatted value\n     */\n    doFormat(val, type) {\n        if (this.format === '') return val\n\n        // ['d', 'dt', 't', 'k', 'm']\n        let out\n        switch (this.format) {\n            case 'd': {\n                if (type === 'dt') out = (new Date(val)).toLocaleDateString()\n                else out = val\n                break\n            }\n\n            case 't': {\n                if (type === 'dt') out = (new Date(val)).toLocaleTimeString()\n                else out = val\n                break\n            }\n\n            case 'dt': {\n                if (type === 'dt') out = (new Date(val)).toLocaleString()\n                else out = val\n                break\n            }\n\n            case 'k': {\n                if (type === 'num') out = `${uibuilder.round(val/1024, 1)} k`\n                else out = val\n                break\n            }\n\n            case 'm': {\n                if (type === 'num') out = `${uibuilder.round(val/1048576, 2)} M`\n                else out = val\n                break\n            }\n\n            default: {\n                out = val\n                // break\n            }\n        }\n        return out\n    }\n\n    /** Apply value filter if specified\n     * @param {*} value The value to change\n     * @returns {*} The amended value that will be displayed\n     */\n    // doFilter(value) {\n    //     if (this.filter) {\n    //         // Cater for dotted notation functions (e.g. uibuilder.get)\n    //         const splitFilter = this.filter.split('.')\n    //         let globalFn = globalThis[splitFilter[0]]\n    //         if (globalFn && splitFilter.length > 1) {\n    //             const parts = [splitFilter.pop()]\n    //             parts.forEach( part => {\n    //                 globalFn = globalFn[part]\n    //             } )\n    //         }\n    //         if (!globalFn && this.uib === true) globalFn = globalThis['uibuilder'][splitFilter[0]]\n    //         if (globalFn && typeof globalFn !== 'function' ) globalFn = undefined\n    //         if (globalFn) {\n    //             const argList = value === undefined ? [...this.filterArgs] : [value, ...this.filterArgs]\n    //             value = Reflect.apply(globalFn, value ?? globalFn, argList)\n    //         } else {\n    //             console.warn(`\u26A0\uFE0F [uib-var] Filter function \"${this.filter}\" ${typeof globalFn === 'object' ? 'is an object not a function' : 'not found'}`)\n    //         }\n    //     }\n\n    //     return value\n    // }\n}\n\n// Add the class as a new Custom Element to the window object\n// customElements.define('uib-meta', UibMeta)\n", "/** A zero dependency web component that will display some metadata about the current web page.\n *\n * @version 1.0.0 2024-06-01\n *\n * @example\n *  <div id=\"more\">\n *    <uib-meta type=\"created\" format=\"t\"></uib-meta><br>\n *    <uib-meta format=\"d\"></uib-meta><br>\n *    <uib-meta type=\"updated\" format=\"dt\"></uib-meta><br>\n *    <uib-meta type=\"crup\" format=\"d\"></uib-meta><br>\n *    <uib-meta type=\"size\" format=\"k\"></uib-meta><br>\n *  </div>\n */\n/*\n  Copyright (c) 2024-2024 Julian Knight (Totally Information)\n\n  Licensed under the Apache License, Version 2.0 (the \"License\");\n  you may not use this file except in compliance with the License.\n  You may obtain a copy of the License at\n\n  http://www.apache.org/licenses/LICENSE-2.0\n\n  Unless required by applicable law or agreed to in writing, software\n  distributed under the License is distributed on an \"AS IS\" BASIS,\n  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  See the License for the specific language governing permissions and\n  limitations under the License.\n*/\n\nconst uib = window['uibuilder']\n\n// const template = document.createElement('template')\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`<span></span>`\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`<link type=\"text/css\" rel=\"stylesheet\" href=\"\"../uibuilder/uib-brand.min.css\"\" media=\"all\"><span></span>`\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`\n// {/* <style>@import url(\"../uibuilder/uib-brand.min.css\");</style><span></span> */}\n// `\n\nexport default class ApplyTemplate extends HTMLElement {\n    //#region --- Class Properties ---\n    /** Holds a count of how many instances of this component are on the page */\n    static _iCount = 0\n    /** @type {Array<string>} List of all of the html attribs (props) listened to */\n    static props = ['template-id', 'once']\n    // Holder for once attribute\n    once = false\n    // Holder for uibuilder log\n    log\n    //#endregion --- Class Properties ---\n\n    constructor() {\n        super()\n        // this.shadow = this.attachShadow({ mode: 'open', delegatesFocus: true })\n        //  .append(template.content.cloneNode(true))\n\n        // this.$ = this.shadowRoot.querySelector.bind(this.shadowRoot)\n\n        // Apply external styles to the shadow dom - assumes you use index.css in same url location as main url\n        // this.css = document.createElement('link')\n        // this.css.setAttribute('type', 'text/css')\n        // this.css.setAttribute('rel', 'stylesheet')\n        // this.css.setAttribute('href', './index.css')\n\n        // Get the latest page metadata from the server\n        // this.value = window['uibuilder'].get('pageMeta')\n        // if (!this.value) window['uibuilder'].getPageMeta()\n        // this.doWatch()\n\n        if (!window['uibuilder']) throw new Error('uibuilder client library not available')\n        this.log = window['uibuilder'].log\n        this.dispatchEvent(new Event('apply-template:construction', { bubbles: true, composed: true }))\n    }\n\n    // Makes HTML attribute change watched\n    static get observedAttributes() {\n        return ApplyTemplate.props\n    }\n\n    /** Handle watched attributes\n     * NOTE: On initial startup, this is called for each watched attrib set in HTML - BEFORE connectedCallback is called.\n     * Attribute values can only ever be strings\n     * @param {string} attrib The name of the attribute that is changing\n     * @param {string} newVal The new value of the attribute\n     * @param {string} oldVal The old value of the attribute\n     */\n    attributeChangedCallback(attrib, oldVal, newVal) {\n        if ( oldVal === newVal ) return\n        this[attrib] = newVal\n    } // --- end of attributeChangedCallback --- //\n\n    // Runs when an instance is added to the DOM\n    connectedCallback() {\n        const templateId = this['template-id']\n        const onceOnly = this['once']\n\n        if (templateId) {\n            const template = document.getElementById(templateId)\n\n            if (template) {\n                try {\n                    let content\n                    if (onceOnly === false) {\n                        content = document.importNode(template.content, true)\n                    } else {\n                        content = document.adoptNode(template.content)\n                    }\n                    // NB content.childElementCount = 0 after adoption\n                    this.appendChild(content)\n                } catch (e) {\n                    this.log('error', 'ApplyTemplate', `Source must be a <template>. id='${templateId}'`)\n                }\n            } else {\n                this.log('error', 'ApplyTemplate', `Source not found: id='${templateId}'`)\n            }\n        } else {\n            this.log('error', 'ApplyTemplate', 'Template id attribute not provided. Template must be identified by an id attribute.')\n        }\n    }\n}\n\n// Add the class as a new Custom Element to the window object\n// customElements.define('uib-meta', UibMeta)\n"],
+  "sourcesContent": ["/* Creates HTML UI's based on a standardised data input.\n  Works stand-alone, with uibuilder or with Node.js/jsdom.\n  See: https://totallyinformation.github.io/node-red-contrib-uibuilder/#/client-docs/config-driven-ui\n\n  Author: Julian Knight (Totally Information), March 2023\n\n  License: Apache 2.0\n  Copyright (c) 2022-2024 Julian Knight (Totally Information)\n\n  Licensed under the Apache License, Version 2.0 (the \"License\");\n  you may not use this file except in compliance with the License.\n  You may obtain a copy of the License at\n\n  http://www.apache.org/licenses/LICENSE-2.0\n\n  Unless required by applicable law or agreed to in writing, software\n  distributed under the License is distributed on an \"AS IS\" BASIS,\n  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  See the License for the specific language governing permissions and\n  limitations under the License.\n */\n/* globals module:true */\n\n// Namespaces - See https://stackoverflow.com/a/52572048/1309986\n// const NAMESPACES = {\n//     svg: 'http://www.w3.org/2000/svg',\n//     html: 'http://www.w3.org/1999/xhtml',\n//     xml: 'http://www.w3.org/XML/1998/namespace',\n//     xlink: 'http://www.w3.org/1999/xlink',\n//     xmlns: 'http://www.w3.org/2000/xmlns/' // sic for the final slash...\n// }\n\nconst Ui = class Ui {\n    //#region --- Class variables ---\n    version = '7.0.4-src'\n\n    // List of tags and attributes not in sanitise defaults but allowed in uibuilder.\n    sanitiseExtraTags = ['uib-var']\n    sanitiseExtraAttribs = ['variable', 'report', 'undefined']\n\n    /** Reference to DOM window - must be passed in the constructor\n     * Allows for use of this library/class with `jsdom` in Node.JS as well as the browser.\n     * @type {Window}\n     */\n    static win\n\n    /** Reference to the DOM top-level window.document for convenience - set in constructor @type {Document} */\n    static doc\n\n    /** Log function - passed in constructor or will be a dummy function\n     * @type {Function}\n     */\n    static log\n\n    /** Options for Markdown-IT if available (set in constructor) */\n    static mdOpts\n    /** Reference to pre-loaded Markdown-IT library */\n    static md\n    /** Optional Markdown-IT Plugins */\n    ui_md_plugins\n    //#endregion --- class variables ---\n\n    /** Called when `new Ui(...)` is called\n     * @param {globalThis} win Either the browser global window or jsdom dom.window\n     * @param {Function} [extLog] A function that returns a function for logging\n     * @param {Function} [jsonHighlight] A function that returns a highlighted HTML of JSON input\n     */\n    constructor(win, extLog, jsonHighlight) {\n        // window must be passed in as an arg to the constructor\n        // Should either be the global window for a browser or `dom.window` for jsdom in Node.js\n        // @ts-ignore\n        if (win) Ui.win = win\n        else {\n            // Ui.log(0, 'Ui:constructor', 'Current environment does not include `window`, UI functions cannot be used.')()\n            // return\n            throw new Error('Ui:constructor. Current environment does not include `window`, UI functions cannot be used.')\n        }\n\n        // For convenience\n        Ui.doc = Ui.win.document\n\n        // If a suitable function not passed in, create a dummy one\n        if (extLog) Ui.log = extLog\n        else Ui.log = function() { return function() {} }\n\n        // If a JSON HTML highlighting function passed then use it, else a dummy fn\n        if (jsonHighlight) this.syntaxHighlight = jsonHighlight\n        else this.syntaxHighlight = function() {}\n\n        // If Markdown-IT pre-loaded, then configure it now\n        if (Ui.win['markdownit']) {\n            Ui.mdOpts = {\n                html: true,\n                xhtmlOut: false,\n                linkify: true,\n                _highlight: true,\n                _strict: false,\n                _view: 'html',\n                langPrefix: 'language-',\n                // NB: the highlightjs (hljs) library must be loaded before markdown-it for this to work\n                highlight: function(str, lang) {\n                    // https://highlightjs.org\n                    if (lang && window['hljs'] && window['hljs'].getLanguage(lang)) {\n                        try {\n                            return `<pre class=\"\">\n                                    <code class=\"hljs border\">${window['hljs'].highlight(str, { language: lang, ignoreIllegals: true }).value}</code></pre>`\n                        } finally { } // eslint-disable-line no-empty\n                    }\n                    return `<pre class=\"hljs border\"><code>${Ui.md.utils.escapeHtml(str).trim()}</code></pre>`\n                },\n            }\n            Ui.md = Ui.win['markdownit'](Ui.mdOpts)\n        }\n    }\n\n    //#region ---- Internal Methods ----\n\n    _markDownIt() {\n        // If Markdown-IT pre-loaded, then configure it now\n        if (!Ui.win['markdownit']) return\n\n        // If plugins not yet defined, check if uibuilder has set them\n        if (!this.ui_md_plugins && Ui.win['uibuilder'] && Ui.win['uibuilder'].ui_md_plugins) this.ui_md_plugins = Ui.win['uibuilder'].ui_md_plugins\n\n        Ui.mdOpts = {\n            html: true,\n            xhtmlOut: false,\n            linkify: true,\n            _highlight: true,\n            _strict: false,\n            _view: 'html',\n            langPrefix: 'language-',\n            // NB: the highlightjs (hljs) library must be loaded before markdown-it for this to work\n            highlight: function(str, lang) {\n                if (window['hljs']) {\n                    if (lang && window['hljs'].getLanguage(lang)) {\n                        try {\n                            return `<pre><code class=\"hljs border language-${lang}\" data-language=\"${lang}\" title=\"Source language: '${lang}'\">${window['hljs'].highlight(str, { language: lang, ignoreIllegals: true }).value}</code></pre>`\n                        } finally { } // eslint-disable-line no-empty\n                    } else {\n                        try {\n                            const high = window['hljs'].highlightAuto(str)\n                            return `<pre><code class=\"hljs border language-${high.language}\" data-language=\"${high.language}\" title=\"Source language estimated by HighlightJS: '${high.language}'\">${high.value}</code></pre>`\n                        } finally { } // eslint-disable-line no-empty\n                    }\n                }\n                return `<pre><code class=\"border\">${Ui.md.utils.escapeHtml(str).trim()}</code></pre>`\n            },\n        }\n        Ui.md = Ui.win['markdownit'](Ui.mdOpts)\n        // Ui.md.use(Ui.win.markdownitTaskLists, {enabled: true})\n        if (this.ui_md_plugins) {\n            if (!Array.isArray(this.ui_md_plugins)) {\n                Ui.log('error', 'Ui:_markDownIt:plugins', 'Could not load plugins, ui_md_plugins is not an array')()\n                return\n            }\n            this.ui_md_plugins.forEach( plugin => {\n                if (typeof plugin === 'string') {\n                    Ui.md.use(Ui.win[plugin])\n                } else {\n                    const name = Object.keys(plugin)[0]\n                    Ui.md.use(Ui.win[name], plugin[name])\n                }\n            })\n        }\n    }\n\n    /** Show a browser notification if the browser and the user allows it\n     * @param {object} config Notification config data\n     * @returns {Promise} Resolves on close or click event, returns the event.\n     */\n    _showNotification(config) {\n        if ( config.topic && !config.title ) config.title = config.topic\n        if ( !config.title ) config.title = 'uibuilder notification'\n        if ( config.payload && !config.body ) config.body = config.payload\n        if ( !config.body ) config.body = ' No message given.'\n        // Wrap in try/catch since Chrome Android may throw an error\n        try {\n            const notify = new Notification(config.title, config)\n            return new Promise( (resolve, reject) => {\n                // Doesn't ever seem to fire (at least in Chromium)\n                notify.addEventListener('close', ev => {\n                    // @ts-ignore\n                    ev.currentTarget.userAction = 'close'\n                    resolve(ev)\n                })\n                notify.addEventListener('click', ev => {\n                    // @ts-ignore\n                    ev.currentTarget.userAction = 'click'\n                    resolve(ev)\n                })\n                notify.addEventListener('error', ev => {\n                    // @ts-ignore\n                    ev.currentTarget.userAction = 'error'\n                    reject(ev)\n                })\n            })\n        } catch (e) {\n            return Promise.reject(new Error('Browser refused to create a Notification'))\n        }\n    }\n\n    // Vue dynamic inserts Don't really work ...\n    // _uiAddVue(ui, isRecurse) {\n\n    //     // must be Vue\n    //     // must have only 1 root element\n    //     const compToAdd = ui.components[0]\n    //     const newEl = Ui.doc.createElement(compToAdd.type)\n\n    //     if (!compToAdd.slot && ui.payload) compToAdd.slot = ui.payload\n    //     this._uiComposeComponent(newEl, compToAdd)\n\n    //     // If nested components, go again - but don't pass payload to sub-components\n    //     if (compToAdd.components) {\n    //         this._uiExtendEl(newEl, compToAdd.components)\n    //     }\n\n    //     console.log('MAGIC: ', this.magick, newEl, newEl.outerHTML)()\n    //     this.set('magick', newEl.outerHTML)\n\n    //     // if (compToAdd.id) newEl.setAttribute('ref', compToAdd.id)\n    //     // if (elParent.id) newEl.setAttribute('data-parent', elParent.id)\n    // }\n\n    // TODO Add check if ID already exists\n    // TODO Allow single add without using components array\n    /** Handle incoming msg._ui add requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     * @param {boolean} isRecurse Is this a recursive call?\n     */\n    _uiAdd(ui, isRecurse) {\n        Ui.log('trace', 'Ui:_uiManager:add', 'Starting _uiAdd')()\n\n        // Vue dynamic inserts Don't really work ...\n        // if (this.#isVue && !isRecurse) {\n        //     this._uiAddVue(ui, false)\n        //     return\n        // }\n\n        ui.components.forEach((compToAdd, i) => {\n            Ui.log('trace', `Ui:_uiAdd:components-forEach:${i}`, 'Component to add: ', compToAdd)()\n\n            /** @type {*} Create the new component - some kind of HTML element */\n            let newEl\n            switch (compToAdd.type) {\n                // If trying to insert raw html, wrap in a div\n                case 'html': {\n                    compToAdd.ns = 'html'\n                    newEl = Ui.doc.createElement('div')\n                    break\n                }\n\n                // If trying to insert raw svg, need to create in namespace\n                case 'svg': {\n                    compToAdd.ns = 'svg'\n                    newEl = Ui.doc.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToAdd.ns = 'dom'\n                    newEl = Ui.doc.createElement(compToAdd.type)\n                    break\n                }\n            }\n\n            if (!compToAdd.slot && ui.payload) compToAdd.slot = ui.payload\n\n            // const parser = new DOMParser()\n            // const newDoc = parser.parseFromString(compToAdd.slot, 'text/html')\n            // console.log(compToAdd, newDoc.body)()\n\n            this._uiComposeComponent(newEl, compToAdd)\n\n            /** @type {HTMLElement} Where to add the new element? */\n            let elParent\n            if (compToAdd.parentEl) {\n                elParent = compToAdd.parentEl\n            } else if (ui.parentEl) {\n                elParent = ui.parentEl\n            } else if (compToAdd.parent) {\n                elParent = Ui.doc.querySelector(compToAdd.parent)\n            } else if (ui.parent) {\n                elParent = Ui.doc.querySelector(ui.parent)\n            }\n            if (!elParent) {\n                Ui.log('info', 'Ui:_uiAdd', 'No parent found, adding to body')()\n                elParent = Ui.doc.querySelector('body')\n            }\n\n            if (compToAdd.position && compToAdd.position === 'first') {\n                // Insert new el before the first child of the parent. Ref: https://developer.mozilla.org/en-US/docs/Web/API/Node/insertBefore#example_3\n                elParent.insertBefore(newEl, elParent.firstChild)\n            } else if (compToAdd.position && Number.isInteger(Number(compToAdd.position))) {\n                elParent.insertBefore(newEl, elParent.children[compToAdd.position])\n            } else {\n                // Append to the required parent\n                elParent.appendChild(newEl)\n            }\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToAdd.components) {\n                // this._uiAdd({\n                //     method: ui.method,\n                //     parentEl: newEl,\n                //     components: compToAdd.components,\n                // }, true)\n                this._uiExtendEl(newEl, compToAdd.components, compToAdd.ns)\n            }\n        })\n    } // --- end of _uiAdd ---\n\n    /** Enhance an HTML element that is being composed with ui data\n     *  such as ID, attribs, event handlers, custom props, etc.\n     * @param {*} el HTML Element to enhance\n     * @param {*} comp Individual uibuilder ui component spec\n     */\n    _uiComposeComponent(el, comp) {\n        // Add attributes\n        if (comp.attributes) {\n            Object.keys(comp.attributes).forEach((attrib) => {\n                if (attrib === 'class' && Array.isArray(comp.attributes[attrib])) comp.attributes[attrib].join(' ')\n\n                Ui.log('trace', '_uiComposeComponent:attributes-forEach', `Attribute: '${attrib}', value: '${comp.attributes[attrib]}'`)()\n\n                // For values, set the actual value as well since the attrib only changes the DEFAULT value\n                if (attrib === 'value') el.value = comp.attributes[attrib]\n\n                if (attrib.startsWith('xlink:')) el.setAttributeNS('http://www.w3.org/1999/xlink', attrib, comp.attributes[attrib])\n                else el.setAttribute(attrib, comp.attributes[attrib])\n            })\n        }\n\n        // ID if set\n        if (comp.id) el.setAttribute('id', comp.id)\n\n        // If an SVG tag, ensure we have the appropriate namespaces added\n        if (comp.type === 'svg') {\n            el.setAttributeNS('http://www.w3.org/2000/xmlns/', 'xmlns', 'http://www.w3.org/2000/svg')\n            el.setAttributeNS('http://www.w3.org/2000/xmlns/', 'xmlns:xlink', 'http://www.w3.org/1999/xlink')\n        }\n\n        // Add event handlers\n        if (comp.events) {\n            Object.keys(comp.events).forEach((type) => {\n                // @ts-ignore  I'm forever getting this wrong!\n                if (type.toLowerCase === 'onclick') type = 'click'\n                // Add the event listener\n                try {\n                    el.addEventListener(type, (evt) => {\n                        // Use new Function to ensure that esbuild works: https://esbuild.github.io/content-types/#direct-eval\n                        (new Function('evt', `${comp.events[type]}(evt)`))(evt) // eslint-disable-line no-new-func\n                    })\n                    // newEl.setAttribute( 'onClick', `${comp.events[type]}()` )\n                } catch (err) {\n                    Ui.log('error', 'Ui:_uiComposeComponent', `Add event '${type}' for element '${comp.type}': Cannot add event handler. ${err.message}`)()\n                }\n            })\n        }\n\n        // Add custom properties to the dataset\n        if (comp.properties) {\n            Object.keys(comp.properties).forEach((prop) => {\n                // TODO break a.b into sub properties\n                el[prop] = comp.properties[prop]\n                // Auto-dispatch events if changing value or changed since DOM does not do this automatically\n                if (['value', 'checked'].includes(prop)) {\n                    el.dispatchEvent(new Event('input'))\n                    el.dispatchEvent(new Event('change'))\n                }\n            })\n        }\n\n        //#region Add Slot content to innerHTML\n        if (comp.slot) {\n            this.replaceSlot(el, comp.slot)\n        }\n        //#endregion\n\n        // TODO Add multi-slot capability (default slot must always be processed first as innerHTML is replaced)\n\n        //#region Add Slot Markdown content to innerHTML IF marked library is available\n        if (comp.slotMarkdown) {\n            this.replaceSlotMarkdown(el, comp)\n        }\n        //#endregion\n    }\n\n    /** Extend an HTML Element with appended elements using ui components\n     * NOTE: This fn follows a strict hierarchy of added components.\n     * @param {HTMLElement} parentEl The parent HTML Element we want to append to\n     * @param {*} components The ui component(s) we want to add\n     * @param {string} [ns] Optional. The namespace to use.\n     */\n    _uiExtendEl(parentEl, components, ns = '') {\n        components.forEach((compToAdd, i) => {\n            Ui.log('trace', `Ui:_uiExtendEl:components-forEach:${i}`, compToAdd)()\n\n            /** @type {HTMLElement} Create the new component */\n            let newEl\n\n            compToAdd.ns = ns\n\n            if (compToAdd.ns === 'html') {\n                newEl = parentEl\n                // newEl.outerHTML = compToAdd.slot\n                // parentEl.innerHTML = compToAdd.slot\n                this.replaceSlot(parentEl, compToAdd.slot)\n            } else if (compToAdd.ns === 'svg') {\n                newEl = Ui.doc.createElementNS('http://www.w3.org/2000/svg', compToAdd.type)\n                // Updates newEl\n                this._uiComposeComponent(newEl, compToAdd)\n                parentEl.appendChild(newEl)\n            } else {\n                newEl = Ui.doc.createElement(compToAdd.type === 'html' ? 'div' : compToAdd.type)\n                // Updates newEl\n                this._uiComposeComponent(newEl, compToAdd)\n                parentEl.appendChild(newEl)\n            }\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToAdd.components) {\n                this._uiExtendEl(newEl, compToAdd.components, compToAdd.ns)\n            }\n        })\n    }\n\n    // TODO Add more error handling and parameter validation\n    /** Handle incoming _ui load requests\n     * Can load JavaScript modules, JavaScript scripts and CSS.\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     */\n    _uiLoad(ui) {\n\n        // Self-loading ECMA Modules (e.g. web components)\n        if (ui.components) {\n            if (!Array.isArray(ui.components)) ui.components = [ui.components]\n\n            ui.components.forEach(async component => {\n                // NOTE: This happens asynchronously but we don't wait\n                import(component)\n            })\n        }\n        // Remote Scripts\n        if (ui.srcScripts) {\n            if (!Array.isArray(ui.srcScripts)) ui.srcScripts = [ui.srcScripts]\n\n            ui.srcScripts.forEach(script => {\n                this.loadScriptSrc(script)\n            })\n        }\n        // Scripts passed as text\n        if (ui.txtScripts) {\n            if (!Array.isArray(ui.txtScripts)) ui.txtScripts = [ui.txtScripts]\n\n            this.loadScriptTxt(ui.txtScripts.join('\\n'))\n        }\n        // Remote Stylesheets\n        if (ui.srcStyles) {\n            if (!Array.isArray(ui.srcStyles)) ui.srcStyles = [ui.srcStyles]\n\n            ui.srcStyles.forEach(sheet => {\n                this.loadStyleSrc(sheet)\n            })\n        }\n        // Styles passed as text\n        if (ui.txtStyles) {\n            if (!Array.isArray(ui.txtStyles)) ui.txtStyles = [ui.txtStyles]\n\n            this.loadStyleTxt(ui.txtStyles.join('\\n'))\n        }\n\n    } // --- end of _uiLoad ---\n\n    /** Handle incoming _ui messages and loaded UI JSON files\n     * Called from start()\n     * @param {*} msg Standardised msg object containing a _ui property object\n     */\n    _uiManager(msg) {\n        if (!msg._ui) return\n\n        // Make sure that _ui is an array\n        if (!Array.isArray(msg._ui)) msg._ui = [msg._ui]\n\n        msg._ui.forEach((ui, i) => {\n            if (ui.mode && !ui.method) ui.method = ui.mode\n            if (!ui.method) {\n                Ui.log('error', 'Ui:_uiManager', `No method defined for msg._ui[${i}]. Ignoring. `, ui)()\n                return\n            }\n\n            ui.payload = msg.payload\n            ui.topic = msg.topic\n            switch (ui.method) {\n                case 'add': {\n                    this._uiAdd(ui, false)\n                    break\n                }\n\n                case 'remove': {\n                    this._uiRemove(ui, false)\n                    break\n                }\n\n                case 'removeAll': {\n                    this._uiRemove(ui, true)\n                    break\n                }\n\n                case 'replace': {\n                    this._uiReplace(ui)\n                    break\n                }\n\n                case 'update': {\n                    this._uiUpdate(ui)\n                    break\n                }\n\n                case 'load': {\n                    this._uiLoad(ui)\n                    break\n                }\n\n                case 'reload': {\n                    this._uiReload()\n                    break\n                }\n\n                case 'notify': {\n                    this.showDialog('notify', ui, msg)\n                    break\n                }\n\n                case 'alert': {\n                    this.showDialog('alert', ui, msg)\n                    break\n                }\n\n                default: {\n                    Ui.log('error', 'Ui:_uiManager', `Invalid msg._ui[${i}].method (${ui.method}). Ignoring`)()\n                    break\n                }\n            }\n        })\n    } // --- end of _uiManager ---\n\n    /** Handle a reload request */\n    _uiReload() {\n        Ui.log('trace', 'Ui:uiManager:reload', 'reloading')()\n        location.reload()\n    }\n\n    // TODO Add better tests for failures (see comments)\n    /** Handle incoming _ui remove requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     * @param {boolean} all Optional, default=false. If true, will remove ALL found elements, otherwise only the 1st is removed\n     */\n    _uiRemove(ui, all = false) {\n        ui.components.forEach((compToRemove) => {\n            let els\n            if (all !== true) els = [Ui.doc.querySelector(compToRemove)]\n            else els = Ui.doc.querySelectorAll(compToRemove)\n\n            els.forEach(el => {\n                try {\n                    el.remove()\n                } catch (err) {\n                    // Could not remove. Cannot read properties of null <= no need to report this one\n                    // Could not remove. Failed to execute 'querySelector' on 'Ui.doc': '##testbutton1' is not a valid selector\n                    Ui.log('trace', 'Ui:_uiRemove', `Could not remove. ${err.message}`)()\n                }\n            })\n        })\n    } // --- end of _uiRemove ---\n\n    /** Handle incoming _ui replace requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     */\n    _uiReplace(ui) {\n        Ui.log('trace', 'Ui:_uiReplace', 'Starting')()\n\n        ui.components.forEach((compToReplace, /** @type {number} */ i) => {\n            Ui.log('trace', `Ui:_uiReplace:components-forEach:${i}`, 'Component to replace: ', compToReplace)()\n\n            /** @type {HTMLElement} */\n            let elToReplace\n\n            // Either the id, CSS selector, name or type (element type) must be given in order to identify the element to change. FIRST element matching is updated.\n            if (compToReplace.id) {\n                elToReplace = Ui.doc.getElementById(compToReplace.id) // .querySelector(`#${compToReplace.id}`)\n            } else if (compToReplace.selector || compToReplace.select) {\n                elToReplace = Ui.doc.querySelector(compToReplace.selector)\n            } else if (compToReplace.name) {\n                elToReplace = Ui.doc.querySelector(`[name=\"${compToReplace.name}\"]`)\n            } else if (compToReplace.type) {\n                elToReplace = Ui.doc.querySelector(compToReplace.type)\n            }\n\n            Ui.log('trace', `Ui:_uiReplace:components-forEach:${i}`, 'Element to replace: ', elToReplace)()\n\n            // Nothing was found so ADD the element instead\n            if (elToReplace === undefined || elToReplace === null) {\n                Ui.log('trace', `Ui:_uiReplace:components-forEach:${i}:noReplace`, 'Cannot find the DOM element. Adding instead.', compToReplace)()\n                this._uiAdd({ components: [compToReplace] }, false)\n                return\n            }\n\n            /** @type {*} Create the new component - some kind of HTML element */\n            let newEl\n            switch (compToReplace.type) {\n                // If trying to insert raw html, wrap in a div\n                case 'html': {\n                    compToReplace.ns = 'html'\n                    newEl = Ui.doc.createElement('div')\n                    break\n                }\n\n                // If trying to insert raw svg, need to create in namespace\n                case 'svg': {\n                    compToReplace.ns = 'svg'\n                    newEl = Ui.doc.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToReplace.ns = 'dom'\n                    newEl = Ui.doc.createElement(compToReplace.type)\n                    break\n                }\n            }\n\n            // Updates the newEl and maybe the ui\n            this._uiComposeComponent(newEl, compToReplace)\n\n            // Replace the current element\n            elToReplace.replaceWith(newEl)\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToReplace.components) {\n                this._uiExtendEl(newEl, compToReplace.components, compToReplace.ns)\n            }\n        })\n    } // --- end of _uiReplace ---\n\n    // TODO Allow single add without using components array\n    // TODO Allow sub-components\n    // TODO Add multi-slot capability\n    /** Handle incoming _ui update requests\n     * @param {*} ui Standardised msg._ui property object. Note that payload and topic are appended to this object\n     */\n    _uiUpdate(ui) {\n        Ui.log('trace', 'UI:_uiUpdate:update', 'Starting _uiUpdate', ui)()\n\n        // We allow an update not to actually need to spec a component\n        if (!ui.components) ui.components = [Object.assign({}, ui)]\n\n        ui.components.forEach((compToUpd, i) => {\n            Ui.log('trace', '_uiUpdate:components-forEach', `Start loop #${i}`, compToUpd)()\n\n            /** @type {NodeListOf<Element>} */\n            let elToUpd\n\n            // If a parent element is passed, use that as the update target (only allowed internally)\n            // Otherwise either the id, CSS selector, name or type (element type) must be given in order to identify the element to change. ALL elements matching are updated.\n            if (compToUpd.parentEl) {\n                elToUpd = compToUpd.parentEl\n            } else if (compToUpd.id) {\n                // NB We don't use get by id because this way the code is simpler later on\n                elToUpd = Ui.doc.querySelectorAll(`#${compToUpd.id}`)\n            } else if (compToUpd.selector || compToUpd.select) {\n                elToUpd = Ui.doc.querySelectorAll(compToUpd.selector)\n            } else if (compToUpd.name) {\n                elToUpd = Ui.doc.querySelectorAll(`[name=\"${compToUpd.name}\"]`)\n            } else if (compToUpd.type) {\n                elToUpd = Ui.doc.querySelectorAll(compToUpd.type)\n            }\n\n            // @ts-ignore Nothing was found so give up\n            if (elToUpd === undefined || elToUpd.length < 1) {\n                Ui.log('warn', 'Ui:_uiManager:update', 'Cannot find the DOM element. Ignoring.', compToUpd)()\n                return\n            }\n\n            Ui.log('trace', '_uiUpdate:components-forEach', `Element(s) to update. Count: ${elToUpd.length}`, elToUpd)()\n\n            // If slot not specified but payload is, use the payload in the slot\n            if (!compToUpd.slot && compToUpd.payload) compToUpd.slot = compToUpd.payload\n\n            // Might have >1 element to update - so update them all\n            elToUpd.forEach((el, j) => {\n                Ui.log('trace', '_uiUpdate:components-forEach', `Updating element #${j}`, el)()\n                this._uiComposeComponent(el, compToUpd)\n                // Try to go down another level of nesting if needed\n                // ! NOT CONVINCED THIS ACTUALLY WORKS !\n                if (compToUpd.components) {\n                    Ui.log('trace', '_uiUpdate:nested-component', `Element #${j} - nested-component`, compToUpd, el)()\n                    const nc = { _ui: [] }\n                    compToUpd.components.forEach((nestedComp, k) => {\n                        const method = nestedComp.method || compToUpd.method || ui.method\n                        if (nestedComp.method) delete nestedComp.method\n                        if (!Array.isArray(nestedComp)) nestedComp = [nestedComp]\n                        // nestedComp.parentEl = el\n                        // nestedComp.components = [nestedComp]\n                        Ui.log('trace', '_uiUpdate:nested-component', `Element #${j} - nested-component #${k}`, nestedComp)()\n                        nc._ui.push( {\n                            method: method,\n                            parentEl: el,\n                            components: nestedComp,\n                        })\n                    })\n                    Ui.log('trace', '_uiUpdate:nested-component', `Element #${j} - nested-component new manager`, nc)()\n                    this._uiManager(nc)\n                }\n            })\n\n            // If nested components, apply to every found element - but don't pass payload to sub-components\n            // if (compToUpd.components) {\n            //     compToUpd.components.forEach((el, k) => {\n            //         Ui.log('trace', '_uiUpdate:nested-component', `Updating nested-component #${k}`, el)()\n            //         this._uiUpdate({\n            //             method: el.method || ui.method,\n            //             parentEl: el,\n            //             components: el.components,\n            //         })\n            //     })\n            // }\n        })\n    } // --- end of _uiUpdate ---\n\n    //#endregion ---- -------- ----\n\n    //#region ---- External Methods ----\n\n    /** Simplistic jQuery-like document CSS query selector, returns an HTML Element\n     * NOTE that this fn returns the element itself. Use $$ to get the properties of 1 or more elements.\n     * If the selected element is a <template>, returns the first child element.\n     * type {HTMLElement}\n     * @param {string} cssSelector A CSS Selector that identifies the element to return\n     * @param {\"el\"|\"text\"|\"html\"|\"attributes\"|\"attr\"} [output] Optional. What type of output to return. Defaults to \"el\", the DOM element reference\n     * @returns {HTMLElement|string|InnerHTML|array|null} Selected HTML DOM element, innerText, innerHTML, attribute list or null\n     */\n    $(cssSelector, output) {\n        /** @type {*} Some kind of HTML element */\n        let el = Ui.doc.querySelector(cssSelector)\n\n        if (!el) {\n            Ui.log(1, 'Uib:$', `No element found for CSS selector ${cssSelector}`)()\n            return null\n        }\n\n        if ( el.nodeName === 'TEMPLATE' ) {\n            el = el.content.firstElementChild\n            if (!el) {\n                Ui.log(0, 'Uib:$', `Template selected for CSS selector ${cssSelector} but it is empty`)()\n                return null\n            }\n        }\n\n        if (!output) output = 'el'\n        let out\n\n        try {\n            switch (output.toLowerCase()) {\n                case 'text': {\n                    out = el.innerText\n                    break\n                }\n\n                case 'html': {\n                    out = el.innerHTML\n                    break\n                }\n\n                case 'attr':\n                case 'attributes': {\n                    out = {}\n                    for (const attr of el.attributes) {\n                        out[attr.name] = attr.value\n                    }\n                    break\n                }\n\n                default: {\n                    out = el\n                    break\n                }\n            }\n        } catch (e) {\n            out = el\n            Ui.log(1, 'Uib:$', `Could not process output type \"${output}\" for CSS selector ${cssSelector}, returned the DOM element. ${e.message}`, e)()\n        }\n\n        return out\n    }\n\n    /** CSS query selector that returns ALL found selections. Matches the Chromium DevTools feature of the same name.\n     * NOTE that this fn returns an array showing the PROPERTIES of the elements whereas $ returns the element itself\n     * @param {string} cssSelector A CSS Selector that identifies the elements to return\n     * @returns {HTMLElement[]} Array of DOM elements/nodes. Array is empty if selector is not found.\n     */\n    $$(cssSelector) {\n        return Array.from(Ui.doc.querySelectorAll(cssSelector))\n    }\n\n    /** Add 1 or several class names to an element\n     * @param {string|string[]} classNames Single or array of classnames\n     * @param {HTMLElement} el HTML Element to add class(es) to\n     */\n    addClass(classNames, el) {\n        if (!Array.isArray(classNames)) classNames = [classNames]\n        if (el) el.classList.add(...classNames)\n    }\n\n    /** Apply a source template tag to a target html element\n     * NOTES:\n     * - styles in ALL templates are accessible to all templates.\n     * - scripts in templates are run AT TIME OF APPLICATION (so may run multiple times).\n     * - scripts in templates are applied in order of application, so variables may not yet exist if defined in subsequent templates\n     * @param {string} sourceId The HTML ID of the source element\n     * @param {string} targetId The HTML ID of the target element\n     * @param {object} config Configuration options\n     * @param {boolean=} config.onceOnly If true, the source will be adopted (the source is moved)\n     * @param {object=} config.attributes A set of key:value pairs that will be applied as attributes to the target\n     */\n    applyTemplate(sourceId, targetId, config) {\n        if (!config) config = { onceOnly: false }\n\n        const template = Ui.doc.getElementById(sourceId)\n        const target = Ui.doc.getElementById(targetId)\n\n        if (template && target) {\n            let content\n            try {\n                if (config.onceOnly !== true) content = Ui.doc.importNode(template.content, true)\n                else content = Ui.doc.adoptNode(template.content)\n                // NB content.childElementCount = 0 after adoption\n            } catch (e) {\n                Ui.log('error', 'Ui:applyTemplate', `Source must be a <template>. id='${sourceId}'`)()\n                return\n            }\n            if (content) {\n                // Apply config.attributes to the 1st element of the template content\n                if (config.attributes) {\n                    const el = content.firstElementChild\n                    Object.keys(config.attributes).forEach( attrib => {\n                        // Apply each attribute and value\n                        el.setAttribute(attrib, config.attributes[attrib])\n                    })\n                }\n                // ! TODO Add ability to change slot content\n                // Apply to the target\n                target.appendChild(content)\n            }\n        } else {\n            if (!template) Ui.log('error', 'Ui:applyTemplate', `Source not found: id='${sourceId}'`)()\n            if (!target) Ui.log('error', 'Ui:applyTemplate', `Target not found: id='${targetId}'`)()\n        }\n    }\n\n    /** Builds an HTML table from an array (or object) of objects\n     * 1st row is used for columns. If an object of objects, the outer keys\n     * are used as row ID's (prefixed with \"r-\").\n     * @param {Array<object>|Object} data Input data array or object\n     * @returns {HTMLTableElement|HTMLParagraphElement} Output HTML Element\n     */\n    buildHtmlTable(data) {\n        // If data is an object of objects, convert it to an array of objects\n        let keys\n        if (!Array.isArray(data)) {\n            if (typeof data === 'object') {\n                keys = Object.keys(data)\n                data = Object.values(data)\n            }\n            // Ensure input is an array of objects\n            if (!Array.isArray(data)) {\n                const out = Ui.doc.createElement('p')\n                out.textContent = 'Input data is not an array or an object, cannot create a table.'\n                return out\n            }\n        }\n\n        const tbl = Ui.doc.createElement('table')\n        // Heading row\n        const thead = Ui.doc.createElement('thead')\n        const headerRow = Ui.doc.createElement('tr')\n        // Get the headers from the keys of the first object\n        const headers = Object.keys(data[0])\n        headers.forEach(header => {\n            const th = Ui.doc.createElement('th')\n            th.textContent = header\n            headerRow.appendChild(th)\n        })\n        thead.appendChild(headerRow)\n        tbl.appendChild(thead)\n\n        // body\n        const tbody = Ui.doc.createElement('tbody')\n        data.forEach( (item, i) => {\n            const row = Ui.doc.createElement('tr')\n            if (keys) row.id = `r-${keys[i]}`\n            headers.forEach(header => {\n                const cell = Ui.doc.createElement('td')\n                // cell.textContent = item[header]\n                cell.innerHTML = this.sanitiseHTML(item[header])\n                row.appendChild(cell)\n            })\n            tbody.appendChild(row)\n        })\n        tbl.appendChild(tbody)\n\n        return tbl\n    }\n\n    /** Converts markdown text input to HTML if the Markdown-IT library is loaded\n     * Otherwise simply returns the text\n     * @param {string} mdText The input markdown string\n     * @returns {string} HTML (if Markdown-IT library loaded and parse successful) or original text\n     */\n    convertMarkdown(mdText) {\n        if (!mdText) return ''\n        if (!Ui.win['markdownit']) return mdText\n        if (!Ui.md) this._markDownIt() // To handle case where the library is late loaded\n        // Convert from markdown to HTML\n        try {\n            return Ui.md.render(mdText.trim())\n        } catch (e) {\n            Ui.log(0, 'uibuilder:convertMarkdown', `Could not render Markdown. ${e.message}`, e)()\n            return '<p class=\"border error\">Could not render Markdown<p>'\n        }\n    }\n\n    /** Include HTML fragment, img, video, text, json, form data, pdf or anything else from an external file or API\n     * Wraps the included object in a div tag.\n     * PDF's, text or unknown MIME types are also wrapped in an iFrame.\n     * @param {string} url The URL of the source file to include\n     * @param {object} uiOptions Object containing properties recognised by the _uiReplace function. Must at least contain an id\n     * param {string} uiOptions.id The HTML ID given to the wrapping DIV tag\n     * param {string} uiOptions.parentSelector The CSS selector for a parent element to insert the new HTML under (defaults to 'body')\n     * @returns {Promise<any>} Status\n     */\n    async include(url, uiOptions) { // eslint-disable-line sonarjs/cognitive-complexity\n        // TODO: src, id, parent must all be a strings\n        if (!fetch) {\n            Ui.log(0, 'Ui:include', 'Current environment does not include `fetch`, skipping.')()\n            return 'Current environment does not include `fetch`, skipping.'\n        }\n        if (!url) {\n            Ui.log(0, 'Ui:include', 'url parameter must be provided, skipping.')()\n            return 'url parameter must be provided, skipping.'\n        }\n        if (!uiOptions || !uiOptions.id) {\n            Ui.log(0, 'Ui:include', 'uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.')()\n            return 'uiOptions parameter MUST be provided and must contain at least an `id` property, skipping.'\n        }\n\n        // Try to get the content via the URL\n        let response\n        try {\n            response = await fetch(url)\n        } catch (error) {\n            Ui.log(0, 'Ui:include', `Fetch of file '${url}' failed. `, error.message)()\n            return error.message\n        }\n        if (!response.ok) {\n            Ui.log(0, 'Ui:include', `Fetch of file '${url}' failed. Status='${response.statusText}'`)()\n            return response.statusText\n        }\n\n        // Work out what type of data we got\n        const contentType = await response.headers.get('content-type')\n        let type = null\n        if (contentType) {\n            if (contentType.includes('text/html')) {\n                type = 'html'\n            } else if (contentType.includes('application/json')) {\n                type = 'json'\n            } else if (contentType.includes('multipart/form-data')) {\n                type = 'form'\n            } else if (contentType.includes('image/')) {\n                type = 'image'\n            } else if (contentType.includes('video/')) {\n                type = 'video'\n            } else if (contentType.includes('application/pdf')) {\n                type = 'pdf'\n            } else if (contentType.includes('text/plain')) {\n                type = 'text'\n            } // else type = null\n        }\n\n        // Create the HTML to include on the page based on type\n        let slot = ''\n        let txtReturn = 'Include successful'\n        let data\n        switch (type) {\n            case 'html': {\n                data = await response.text()\n                slot = data\n                break\n            }\n\n            case 'json': {\n                data = await response.json()\n                slot = '<pre class=\"syntax-highlight\">'\n                slot += this.syntaxHighlight(data)\n                slot += '</pre>'\n                break\n            }\n\n            case 'form': {\n                data = await response.formData()\n                slot = '<pre class=\"syntax-highlight\">'\n                slot += this.syntaxHighlight(data)\n                slot += '</pre>'\n                break\n            }\n\n            case 'image': {\n                data = await response.blob()\n                slot = `<img src=\"${URL.createObjectURL(data)}\">`\n                if (Ui.win['DOMPurify']) {\n                    txtReturn = 'Include successful. BUT DOMPurify loaded which may block its use.'\n                    Ui.log('warn', 'Ui:include:image', txtReturn)()\n                }\n                break\n            }\n\n            case 'video': {\n                data = await response.blob()\n                slot = `<video controls autoplay><source src=\"${URL.createObjectURL(data)}\"></video>`\n                if (Ui.win['DOMPurify']) {\n                    txtReturn = 'Include successful. BUT DOMPurify loaded which may block its use.'\n                    Ui.log('warn', 'Ui:include:video', txtReturn)()\n                }\n                break\n            }\n\n            case 'pdf':\n            case 'text':\n            default: {\n                data = await response.blob()\n                slot = `<iframe style=\"resize:both;width:inherit;height:inherit;\" src=\"${URL.createObjectURL(data)}\">`\n                if (Ui.win['DOMPurify']) {\n                    txtReturn = 'Include successful. BUT DOMPurify loaded which may block its use.'\n                    Ui.log('warn', `Ui:include:${type}`, txtReturn)()\n                }\n                break\n            }\n        }\n\n        // Wrap it all in a <div id=\"...\" class=\"included\">\n        uiOptions.type = 'div'\n        uiOptions.slot = slot\n        if (!uiOptions.parent) uiOptions.parent = 'body'\n        if (!uiOptions.attributes) uiOptions.attributes = { class: 'included' }\n\n        // Use uibuilder's standard ui processing to turn the instructions into HTML\n        this._uiReplace({\n            components: [\n                uiOptions\n            ]\n        })\n\n        Ui.log('trace', `Ui:include:${type}`, txtReturn)()\n        return txtReturn\n    } // ---- End of include() ---- //\n\n    /** Attach a new remote script to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} url The url to be used in the script src attribute\n     */\n    loadScriptSrc(url) {\n        const newScript = Ui.doc.createElement('script')\n        newScript.src = url\n        newScript.async = false\n        Ui.doc.head.appendChild(newScript)\n    }\n\n    /** Attach a new text script to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} textFn The text to be loaded as a script\n     */\n    loadScriptTxt(textFn) {\n        const newScript = Ui.doc.createElement('script')\n        newScript.async = false\n        newScript.textContent = textFn\n        Ui.doc.head.appendChild(newScript)\n    }\n\n    /** Attach a new remote stylesheet link to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} url The url to be used in the style link href attribute\n     */\n    loadStyleSrc(url) {\n        const newStyle = Ui.doc.createElement('link')\n        newStyle.href = url\n        newStyle.rel = 'stylesheet'\n        newStyle.type = 'text/css'\n\n        Ui.doc.head.appendChild(newStyle)\n    }\n\n    /** Attach a new text stylesheet to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} textFn The text to be loaded as a stylesheet\n     */\n    loadStyleTxt(textFn) {\n        const newStyle = Ui.doc.createElement('style')\n        newStyle.textContent = textFn\n        Ui.doc.head.appendChild(newStyle)\n    }\n\n    /** Load a dynamic UI from a JSON web reponse\n     * @param {string} url URL that will return the ui JSON\n     */\n    loadui(url) {\n        if (!fetch) {\n            Ui.log(0, 'Ui:loadui', 'Current environment does not include `fetch`, skipping.')()\n            return\n        }\n        if (!url) {\n            Ui.log(0, 'Ui:loadui', 'url parameter must be provided, skipping.')()\n            return\n        }\n\n        fetch(url)\n            .then(response => {\n                if (response.ok === false) {\n                    // Ui.log('warn', 'Ui:loadui:then1', `Could not load '${url}'. Status ${response.status}, Error: ${response.statusText}`)()\n                    throw new Error(`Could not load '${url}'. Status ${response.status}, Error: ${response.statusText}`)\n                }\n\n                Ui.log('trace', 'Ui:loadui:then1', `Loaded '${url}'. Status ${response.status}, ${response.statusText}`)()\n                // Did we get json?\n                const contentType = response.headers.get('content-type')\n                if (!contentType || !contentType.includes('application/json')) {\n                    throw new TypeError(`Fetch '${url}' did not return JSON, ignoring`)\n                }\n                // Returns parsed json to next .then\n                return response.json()\n            })\n            .then(data => {\n                if (data !== undefined) {\n                    Ui.log('trace', 'Ui:loadui:then2', 'Parsed JSON successfully obtained')()\n                    // Call the _uiManager\n                    this._uiManager({ _ui: data })\n                    return true\n                }\n                return false\n            })\n            .catch(err => {\n                Ui.log('warn', 'Ui:loadui:catch', 'Error. ', err)()\n            })\n    } // --- end of loadui\n\n    /** ! NOT COMPLETE Move an element from one position to another\n     * @param {object} opts Options\n     * @param {string} opts.sourceSelector Required, CSS Selector that identifies the element to be moved\n     * @param {string} opts.targetSelector Required, CSS Selector that identifies the element to be moved\n     */\n    moveElement(opts) {\n        const { sourceSelector, targetSelector, moveType, position } = opts\n        const sourceEl = document.querySelector(sourceSelector)\n        if (!sourceEl) {\n            Ui.log(0, 'Ui:moveElement', 'Source element not found')()\n            return\n        }\n        const targetEl = document.querySelector(targetSelector)\n        if (!targetEl) {\n            Ui.log(0, 'Ui:moveElement', 'Target element not found')()\n            return\n        }\n    }\n\n    /** Get standard data from a DOM node.\n     * @param {*} node DOM node to examine\n     * @param {string} cssSelector Identify the DOM element to get data from\n     * @returns {object} Standardised data object\n     */\n    nodeGet(node, cssSelector) {\n        const thisOut = {\n            id: node.id === '' ? undefined : node.id,\n            name: node.name,\n            children: node.childNodes.length,\n            type: node.nodeName,\n            attributes: undefined,\n\n            isUserInput: node.validity ? true : false, // eslint-disable-line no-unneeded-ternary\n            userInput: !node.validity ? undefined : { // eslint-disable-line multiline-ternary\n                value: node.value,\n                validity: undefined,\n                willValidate: node.willValidate,\n                valueAsDate: node.valueAsDate,\n                valueAsNumber: node.valueAsNumber,\n                type: node.type,\n            },\n        }\n\n        if (['UL', 'OL'].includes(node.nodeName)) {\n            const listEntries = Ui.doc.querySelectorAll(`${cssSelector} li`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'DL') {\n            const listEntries = Ui.doc.querySelectorAll(`${cssSelector} dt`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'TABLE') {\n            const bodyEntries = Ui.doc.querySelectorAll(`${cssSelector} > tbody > tr`)\n            const headEntries = Ui.doc.querySelectorAll(`${cssSelector} > thead > tr`)\n            const cols = Ui.doc.querySelectorAll(`${cssSelector} > tbody > tr:last-child > *`)  // #eltest > table > tbody > tr:nth-child(3)\n            if (bodyEntries || headEntries || cols) {\n                thisOut.table = {\n                    'headRows': headEntries ? headEntries.length : 0,\n                    'bodyRows': bodyEntries ? bodyEntries.length : 0,\n                    'columns': cols ? cols.length : 0,\n                }\n            }\n        }\n        if (node.nodeName !== '#text' && node.attributes && node.attributes.length > 0) {\n            thisOut.attributes = {}\n            // @ts-ignore\n            for (const attrib of node.attributes) {\n                if (attrib.name !== 'id') {\n                    thisOut.attributes[attrib.name] = node.attributes[attrib.name].value\n                }\n                if (attrib.name === 'class') thisOut.classes = Array.from(node.classList)\n            }\n        }\n        if (node.nodeName === '#text') {\n            thisOut.text = node.textContent\n        }\n        if (node.validity) thisOut.userInput.validity = {}\n        for (const v in node.validity) {\n            thisOut.userInput.validity[v] = node.validity[v]\n        }\n\n        return thisOut\n    } // --- end of nodeGet --- //\n\n    /** Show a browser notification if possible. Returns a promise\n     * Config can be a simple string, a Node-RED msg (topic as title, payload as body)\n     * or a Notifications API options object + config.title string.\n     * Config ref: https://developer.mozilla.org/en-US/docs/Web/API/Notification/Notification\n     * @param {object|string} config Notification config object or simple message string\n     * @returns {Promise} Resolves on close or click event, returns the event.\n     */\n    async notification(config) {\n        if (typeof config === 'string') {\n            config = { body: config }\n        }\n        // Are notifications available?\n        if (typeof Notification === 'undefined') return Promise.reject(new Error('Notifications not available in this browser'))\n        // Do we have permission? If not, ask for permission\n        let permit = Notification.permission\n        if (permit === 'denied') {\n            return Promise.reject(new Error('Notifications not permitted by user')) // eslint-disable-line no-useless-return\n        } else if (permit === 'granted') {\n            return this._showNotification(config)\n        } else { // if (permit === 'default') {\n            permit = await Notification.requestPermission()\n            if (permit === 'granted') {\n                return this._showNotification(config)\n            }\n            return Promise.reject(new Error('Notifications not permitted by user'))\n        }\n    }\n\n    /** Remove All, 1 or more class names from an element\n     * @param {undefined|null|\"\"|string|string[]} classNames Single or array of classnames. If undefined, \"\" or null, remove all classes\n     * @param {HTMLElement} el HTML Element to add class(es) to\n     */\n    removeClass(classNames, el) {\n        if (!classNames) {\n            el.removeAttribute('class')\n            return\n        }\n        if (!Array.isArray(classNames)) classNames = [classNames]\n        if (el) el.classList.remove(...classNames)\n    }\n\n    /** Replace or add an HTML element's slot from text or an HTML string\n     * WARNING: Executes <script> tags! And will process <style> tags.\n     * Will use DOMPurify if that library has been loaded to window.\n     * param {*} ui Single entry from the msg._ui property\n     * @param {Element} el Reference to the element that we want to update\n     * @param {*} slot The slot content we are trying to add/replace (defaults to empty string)\n     */\n    replaceSlot(el, slot) {\n        if (!el) return\n        if (!slot) slot = ''\n\n        // If DOMPurify is loaded, apply it now\n        slot = this.sanitiseHTML(slot)\n\n        // Create doc frag and apply html string (msg.payload or the slot property)\n        const tempFrag = Ui.doc.createRange().createContextualFragment(slot)\n\n        // Remove content of el and replace with tempFrag\n        const elRange = Ui.doc.createRange()\n        elRange.selectNodeContents(el)\n        elRange.deleteContents()\n        el.append(tempFrag)\n    }\n\n    /** Replace or add an HTML element's slot from a Markdown string\n     * Only does something if the markdownit library has been loaded to window.\n     * Will use DOMPurify if that library has been loaded to window.\n     * @param {Element} el Reference to the element that we want to update\n     * @param {*} component The component we are trying to add/replace\n     */\n    replaceSlotMarkdown(el, component) {\n        if (!el) return\n        if (!component.slotMarkdown) return\n\n        // Convert from markdown to HTML\n        component.slotMarkdown = this.convertMarkdown(component.slotMarkdown)\n        // If DOMPurify is loaded, apply it now\n        component.slotMarkdown = this.sanitiseHTML(component.slotMarkdown)\n        // Set the component content to the the converted slotMarkdown property\n        el.innerHTML = component.slotMarkdown\n    }\n\n    /** Sanitise HTML to make it safe - if the DOMPurify library is loaded\n     * Otherwise just returns that HTML as-is.\n     * @param {string} html The input HTML string\n     * @returns {string} The sanitised HTML or the original if DOMPurify not loaded\n     */\n    sanitiseHTML(html) {\n        if (!Ui.win['DOMPurify']) return html\n        return Ui.win['DOMPurify'].sanitize(html, { ADD_TAGS: this.sanitiseExtraTags, ADD_ATTR: this.sanitiseExtraAttribs })\n    }\n\n    /** Show a pop-over \"toast\" dialog or a modal alert // TODO - Allow notify to sit in corners rather than take over the screen\n     * Refs: https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/alertdialog.html,\n     *       https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/dialog.html,\n     *       https://www.w3.org/WAI/ARIA/apg/patterns/dialogmodal/\n     * @param {\"notify\"|\"alert\"} type Dialog type\n     * @param {object} ui standardised ui data\n     * @param {object} [msg] msg.payload/msg.topic - only used if a string. Optional.\n     * @returns {void}\n     */\n    showDialog(type, ui, msg) { // eslint-disable-line sonarjs/cognitive-complexity\n\n        //#region -- Check properties --\n\n        let content = ''\n        // Main body content\n        if (msg.payload && typeof msg.payload === 'string') content += `<div>${msg.payload}</div>`\n        if (ui.content) content += `<div>${ui.content}</div>`\n        // Toast wont show anyway if content is empty, may as well warn user\n        if (content === '') {\n            Ui.log(1, 'Ui:showDialog', 'Toast content is blank. Not shown.')()\n            return\n        }\n\n        // Use msg.topic as title if no title provided\n        if (!ui.title && msg.topic) ui.title = msg.topic\n        if (ui.title) content = `<p class=\"toast-head\">${ui.title}</p><p>${content}</p>`\n\n        // Allow for variants - @since v6.1 - don't bother - since this now sets CSS class, not tied to bootstrap-vue\n        // if ( !ui.variant || !['', 'primary', 'secondary', 'success', 'info', 'warn', 'warning', 'failure', 'error', 'danger'].includes(ui.variant)) ui.variant = ''\n\n        // Toasts auto-hide by default after 10s but alerts do not auto-hide\n        if (ui.noAutohide) ui.noAutoHide = ui.noAutohide\n        if (ui.noAutoHide) ui.autohide = !ui.noAutoHide\n        // If set, number of ms until toast is auto-hidden\n        if (ui.autoHideDelay) {\n            if (!ui.autohide) ui.autohide = true\n            ui.delay = ui.autoHideDelay\n        } else ui.autoHideDelay = 10000 // default = 10s\n        if (!Object.prototype.hasOwnProperty.call(ui, 'autohide')) ui.autohide = true\n\n        if (type === 'alert') {\n            ui.modal = true\n            ui.autohide = false\n            content = `<svg viewBox=\"0 0 192.146 192.146\" style=\"width:30;background-color:transparent;\"><path d=\"M108.186 144.372c0 7.054-4.729 12.32-12.037 12.32h-.254c-7.054 0-11.92-5.266-11.92-12.32 0-7.298 5.012-12.31 12.174-12.31s11.91 4.992 12.037 12.31zM88.44 125.301h15.447l2.951-61.298H85.46l2.98 61.298zm101.932 51.733c-2.237 3.664-6.214 5.921-10.493 5.921H12.282c-4.426 0-8.51-2.384-10.698-6.233a12.34 12.34 0 0 1 .147-12.349l84.111-149.22c2.208-3.722 6.204-5.96 10.522-5.96h.332c4.445.107 8.441 2.618 10.513 6.546l83.515 149.229c1.993 3.8 1.905 8.363-.352 12.066zm-10.493-6.4L96.354 21.454l-84.062 149.18h167.587z\" /></svg> ${content}`\n        }\n\n        //#endregion -- -- --\n\n        // Create a toaster container element if not already created - or get a ref to it\n        let toaster = Ui.doc.getElementById('toaster')\n        if (toaster === null) {\n            toaster = Ui.doc.createElement('div')\n            toaster.id = 'toaster'\n            toaster.title = 'Click to clear all notifcations'\n            toaster.setAttribute('class', 'toaster')\n            toaster.setAttribute('role', 'dialog')\n            toaster.setAttribute('arial-label', 'Toast message')\n            toaster.onclick = function () {\n                // @ts-ignore\n                toaster.remove()\n            }\n            Ui.doc.body.insertAdjacentElement('afterbegin', toaster)\n        }\n\n        // Create a toast element. Would be nice to use <dialog> but that isn't well supported yet - come on Apple!\n        const toast = Ui.doc.createElement('div')\n        toast.title = 'Click to clear this notifcation'\n        toast.setAttribute('class', `toast ${ui.variant ? ui.variant : ''} ${type}`)\n        toast.innerHTML = content\n        toast.setAttribute('role', 'alertdialog')\n        if (ui.modal) toast.setAttribute('aria-modal', ui.modal)\n        toast.onclick = function (evt) {\n            evt.stopPropagation()\n            toast.remove()\n            // @ts-ignore\n            if (toaster.childElementCount < 1) toaster.remove()\n        }\n\n        // TODO\n        if (type === 'alert') {\n            // newD.setAttribute('aria-labelledby', '')\n            // newD.setAttribute('aria-describedby', '')\n        }\n\n        toaster.insertAdjacentElement(ui.appendToast === true ? 'beforeend' : 'afterbegin', toast)\n\n        // Auto-hide\n        if (ui.autohide === true) {\n            setInterval(() => {\n                toast.remove()\n                // @ts-ignore\n                if (toaster.childElementCount < 1) toaster.remove()\n            }, ui.autoHideDelay)\n        }\n    } // --- End of showDialog ---\n\n    /** Directly manage UI via JSON\n     * @param {object} json Either an object containing {_ui: {}} or simply simple {} containing ui instructions\n     */\n    ui(json) {\n        // Simulate a msg and process\n        let msg = {}\n        if (json._ui) msg = json\n        else msg._ui = json\n\n        this._uiManager(msg)\n    }\n\n    /** Get data from the DOM. Returns selection of useful props unless a specific prop requested.\n     * @param {string} cssSelector Identify the DOM element to get data from\n     * @param {string} [propName] Optional. Specific name of property to get from the element\n     * @returns {Array<*>} Array of objects containing either specific requested property or a selection of useful properties\n     */\n    uiGet(cssSelector, propName = null) {\n        // The type cast below not really correct but it gets rid of the other typescript errors\n        const selection = /** @type {NodeListOf<HTMLInputElement>} */ (Ui.doc.querySelectorAll(cssSelector))\n\n        const out = []\n\n        selection.forEach(node => {\n            // Specific property asked for ...\n            if (propName) {\n                if (propName === 'classes') propName = 'class'\n                // Try assuming the prop is an attribute first (will return null or \"\" if not present)\n                let prop = node.getAttribute(propName)\n                // If not an attribute, try getting as a property of the element\n                if (prop === undefined || prop === null) {\n                    try {\n                        prop = node[propName]\n                    } catch (error) {}\n                }\n                // We didn't find as either an attribute or a property\n                if (prop === undefined || prop === null) {\n                    // If 'value' was requested, return the innerText\n                    if (propName.toLowerCase() === 'value') out.push(node.innerText)\n                    else out.push(`Property '${propName}' not found`)\n                } else {\n                    const p = {}\n                    // Nightmare of different object types in a DOM Element!\n                    const cType = prop.constructor.name.toLowerCase()\n                    if (cType === 'namednodemap') {\n                        for (const key of prop) {\n                            // @ts-ignore\n                            p[key.name] = prop[key.name].value\n                        }\n                    } else if (!cType.includes('map')) { // Ordinary properties (not a mapped type)\n                        p[propName] = prop\n                    } else { // Other MAP types\n                        const p = {}\n                        // @ts-ignore\n                        for (const key in prop) {\n                            p[key] = prop[key]\n                        }\n                    }\n                    if (p.class) p.classes = Array.from(node.classList)\n                    out.push(p)\n                }\n            } else { // Otherwise, grab everything useful\n                out.push(this.nodeGet(node, cssSelector))\n            }\n        })\n\n        return out\n    } // --- end of uiGet --- //\n\n    /** External alias for _uiComposeComponent\n     * @param {*} el HTML Element to enhance\n     * @param {*} comp Individual uibuilder ui component spec\n     */\n    uiEnhanceElement(el, comp) {\n        this._uiComposeComponent(el, comp)\n    }\n\n    //#endregion ---- -------- ----\n}\n\nmodule.exports = Ui\n\n// if (window) window['$ui'] = new Ui(window)\n\n// export Ui\n", "// @ts-nocheck\n/* This is the Front-End JavaScript for uibuilder  in HTML Module form\n  It provides a number of global objects that can be used in your own javascript.\n  see the docs folder `./docs/uibuilder.module.md` for details of how to use this fully.\n\n  Please use the default index.js file for your own code and leave this as-is.\n  See Uib._meta for client version string\n\n  Copyright (c) 2022-2024 Julian Knight (Totally Information)\n\n  Licensed under the Apache License, Version 2.0 (the \"License\");\n  you may not use this file except in compliance with the License.\n  You may obtain a copy of the License at\n\n  http://www.apache.org/licenses/LICENSE-2.0\n\n  Unless required by applicable law or agreed to in writing, software\n  distributed under the License is distributed on an \"AS IS\" BASIS,\n  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  See the License for the specific language governing permissions and\n  limitations under the License.\n*/\n\n//#region --- Type Defs --- //\n/**\n * A string containing HTML markup\n * @typedef {string} html\n */\n//#endregion --- Type Defs --- //\n\n// We need the Socket.IO & ui libraries & the uib-var component  --- //\n// @ts-ignore - Note: Only works when using esbuild to bundle\nimport Ui from './ui'\nimport io from 'socket.io-client'\nimport UibVar from '../components/uib-var'\nimport UibMeta from '../components/uib-meta'\nimport ApplyTemplate from '../components/apply-template'\n\nconst version = '7.0.4-src'\n\n// TODO Add option to allow log events to be sent back to Node-RED as uib ctrl msgs\n//#region --- Module-level utility functions --- //\n\n// Detect whether the loaded library is minified or not\nconst isMinified = !(/param/).test(function (param) { })\n\n//#region --- print/console - debugging output functions --- //\n\n/** Custom logging. e.g. log(2, 'here:there', 'jiminy', {fred:'jim'})()\n * @returns {Function} Log function @example log(2, 'here:there', 'jiminy', {fred:'jim'})()\n */\nfunction log() {\n    // Get the args\n    const args = Array.prototype.slice.call(arguments)\n\n    // 1st arg is the log level/type\n    let level = args.shift()\n    let strLevel\n    switch (level) {\n        case 'trace':\n        case 5: {\n            if (log.level < 5) break\n            level = 5 // make sure level is numeric\n            strLevel = 'trace'\n            break\n        }\n\n        case 'debug':\n        case 4: {\n            if (log.level < 4) break\n            level = 4\n            strLevel = 'debug'\n            break\n        }\n\n        case 'log':\n        case 3: {\n            if (log.level < 3) break\n            level = 3\n            strLevel = 'log'\n            break\n        }\n\n        case 'info':\n        case '':\n        case 2: {\n            if (log.level < 2) break\n            level = 2\n            strLevel = 'info'\n            break\n        }\n\n        case 'warn':\n        case 1: {\n            if (log.level < 1) break\n            level = 1\n            strLevel = 'warn'\n            break\n        }\n\n        case 'error':\n        case 'err':\n        case 0: {\n            if (log.level < 0) break\n            level = 0\n            strLevel = 'error'\n            break\n        }\n\n        default: {\n            level = -1\n            break\n        }\n    }\n\n    // If set to something unknown, no log output\n    if (strLevel === undefined) return function () { }\n\n    // 2nd arg is a heading that will be colour highlighted\n    const head = args.shift()\n\n    // Bind back to console.log (could use console[strLevel] but some levels ignore some formatting, use console.xxx directly or dedicated fn)\n    return Function.prototype.bind.call(\n        console[log.LOG_STYLES[strLevel].console],\n        console,\n        `%c${log.LOG_STYLES[strLevel].pre}${strLevel}%c [${head}]`, `${log.LOG_STYLES.level} ${log.LOG_STYLES[strLevel].css}`, `${log.LOG_STYLES.head} ${log.LOG_STYLES[strLevel].txtCss}`,\n        ...args\n    )\n}\n\n// Nice console styling\nlog.LOG_STYLES = {\n    // 0\n    error: {\n        css: 'background: red; color: black;',\n        txtCss: 'color: red; ',\n        pre: '\u26D4 ',\n        console: 'error',  // or trace\n    },\n    // 1\n    warn: {\n        css: 'background: darkorange; color: black;',\n        txtCss: 'color: darkorange; ',\n        pre: '\u26A0 ',\n        console: 'warn',\n    },\n    // 2\n    info: {\n        css: 'background: aqua; color: black;',\n        txtCss: 'color: aqua;',\n        pre: '\u2757 ',\n        console: 'info',\n    },\n    // 3\n    log: {\n        css: 'background: grey; color: yellow;',\n        txtCss: 'color: grey;',\n        pre: '',\n        console: 'log',\n    },\n    // 4\n    debug: {\n        css: 'background: chartreuse; color: black;',\n        txtCss: 'color: chartreuse;',\n        pre: '',\n        console: 'debug',\n    },\n    // 5\n    trace: {\n        css: 'background: indigo; color: yellow;',\n        txtCss: 'color: hotpink;',\n        pre: '',\n        console: 'log',\n    },\n\n    names: ['error', 'warn', 'info', 'log', 'debug', 'trace'],\n    reset: 'color: inherit;',\n    head: 'font-weight:bold; font-style:italic;',\n    level: 'font-weight:bold; border-radius: 3px; padding: 2px 5px; display:inline-block;',\n}\n\n/** Default log level - Error */\nlog.default = 0\nlet ll\n\n// Check if the script element was found and get the data-log-level attribute (only numeric levels allowed here)\ntry {\n    const scriptElement = document.currentScript\n    ll = scriptElement.getAttribute('logLevel')\n} catch (e) {}\n\n// Otherwise check if the import url (for ESM only) has a logLevel query param\nif (ll === undefined) {\n    try {\n        const url = new URL(import.meta.url).searchParams\n        ll = url.get('logLevel')\n    } catch (e) {}\n}\n\n// If either found, check numeric and set default level if so\nif (ll !== undefined) {\n    ll = Number(ll)\n    if (isNaN(ll)) {\n        console.warn( `[Uib:constructor] Cannot set logLevel to \"${scriptElement.getAttribute('logLevel')}\". Defaults to 0 (error).`)\n        log.default = 0\n    } else log.default = ll\n}\n\n// Set current level to default\nlog.level = log.default\n\n// log.default = isMinified ? 0 : 1  // When using minified lib, assume production and only log errors otherwise also log warn\n\n//#endregion\n\n/** A hack to dynamically load a remote module and wait until it is loaded\n * @param {string} url The URL of the module to load\n * @returns {object|null} Either the result object or null (if the load fails)\n */\n// function loadModule(url) { // eslint-disable-line no-unused-vars\n//     let done\n\n//     import(url)\n//         .then(res => {\n//             log('debug', '>> then >>', res)()\n//             done = res\n//         })\n//         .catch(err => {\n//             console.error(`[uibuilder:loadModule] Could not load module ${url}`, err)\n//             done = null\n//         })\n\n//     //  eslint-disable-next-line no-empty\n//     while (!done) { } // eslint-disable-line no-unmodified-loop-condition\n\n//     return done\n// }\n\n/** Convert JSON to Syntax Highlighted HTML\n * @param {object} json A JSON/JavaScript Object\n * @returns {html} Object reformatted as highlighted HTML\n */\nfunction syntaxHighlight(json) {\n    if (json === undefined) {\n        json = '<span class=\"undefined\">undefined</span>'\n    } else {\n        try {\n            json = JSON.stringify(json, undefined, 4)\n            // json = json.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;') // eslint-disable-line newline-per-chained-call\n            json = json.replace(/(\"(\\\\u[a-zA-Z0-9]{4}|\\\\[^u]|[^\\\\\"])*\"(\\s*:)?|\\b(true|false|null)\\b|-?\\d+(?:\\.\\d*)?(?:[eE][+-]?\\d+)?)/g, function (match) { // eslint-disable-line prefer-named-capture-group\n                let cls = 'number'\n                if ((/^\"/).test(match)) {\n                    if ((/:$/).test(match)) {\n                        cls = 'key'\n                    } else {\n                        cls = 'string'\n                    }\n                } else if ((/true|false/).test(match)) {\n                    cls = 'boolean'\n                } else if ((/null/).test(match)) {\n                    cls = 'null'\n                }\n                return `<span class=\"${cls}\">${match}</span>`\n            })\n        } catch (e) {\n            json = `Syntax Highlight ERROR: ${e.message}`\n        }\n    }\n    return json\n}\n\n/** msg._ui handling functions */\nconst _ui = new Ui(window, log, syntaxHighlight)\n\n//#endregion --- Module-level utility functions --- //\n\n/** Define and export the Uib class - note that an instance of the class is also exported in the wrap-up\n * @typicalname uibuilder\n */\nexport const Uib = class Uib {\n\n    //#region --- Static variables ---\n    static _meta = {\n        version: version,\n        type: 'module',\n        displayName: 'uibuilder',\n    }\n    //#endregion ---- ---- ---- ----\n\n    //#region private class vars\n\n    // How many times has the loaded instance connected to Socket.IO (detect if not a new load?)\n    connectedNum = 0\n    // event listener callbacks by property name\n    // #events = {}\n    // Socket.IO channel names\n    _ioChannels = { control: 'uiBuilderControl', client: 'uiBuilderClient', server: 'uiBuilder' }\n    /** setInterval holder for pings @type {function|undefined} */\n    #pingInterval\n    // onChange event callbacks\n    #propChangeCallbacks = {}\n    // onTopic event callbacks\n    #msgRecvdByTopicCallbacks = {}\n    // Is Vue available?\n    isVue = false\n    // What version? Set in startup if Vue is loaded. Won't always work\n    vueVersion = undefined\n    /** setInterval id holder for Socket.IO checkConnect\n     * @type {number|null}\n     */\n    #timerid = null\n    // Holds the reference ID for the internal msg change event handler so that it can be cancelled\n    #MsgHandler\n    // Placeholder for io.socket - can't make a # var until # fns allowed in all browsers\n    _socket\n    // Placeholder for an observer that watches the whole DOM for changes - can't make a # var until # fns allowed in all browsers\n    _htmlObserver\n    // Has showMsg been turned on?\n    #isShowMsg = false\n    // Has showStatus been turned on?\n    #isShowStatus = false\n    // If true, URL hash changes send msg back to node-red. Controlled by watchUrlHash()\n    #sendUrlHash = false\n    // Used to help create unique element ID's if one hasn't been provided, increment on use\n    #uniqueElID = 0\n    // Externally accessible command functions (NB: Case must match) - remember to update _uibCommand for new commands\n    #extCommands = [\n        'elementExists', 'get', 'getManagedVarList', 'getWatchedVars', 'htmlSend', 'include',\n        'navigate', 'scrollTo', 'set', 'showMsg', 'showStatus', 'uiGet', 'uiWatch', 'watchUrlHash',\n    ]\n\n    /** @type {{[key: string]: string}} Managed uibuilder variables */\n    #managedVars = {}\n\n    // What status variables to show via showStatus()\n    #showStatus = {\n        online: { 'var': 'online', 'label': 'Online?', 'description': 'Is the browser online?', },\n        ioConnected: { 'var': 'ioConnected', 'label': 'Socket.IO connected?', 'description': 'Is Socket.IO connected?', },\n        connectedNum: { 'var': 'connectedNum', 'label': '# reconnections', 'description': 'How many times has Socket.IO had to reconnect since last page load?', },\n\n        clientId: { 'var': 'clientId', 'label': 'Client ID', 'description': 'Static client unique id set in Node-RED. Only changes when browser is restarted.', },\n        tabId: { 'var': 'tabId', 'label': 'Browser tab ID', 'description': 'Static unique id for the browser\\'s current tab', },\n        cookies: { 'var': 'cookies', 'label': 'Cookies', 'description': 'Cookies set in Node-RED', },\n        httpNodeRoot: { 'var': 'httpNodeRoot', 'label': 'httpNodeRoot', 'description': 'From Node-RED\\' settings.js, affects URL\\'s. May be wrong for pages in sub-folders', },\n        pageName: { 'var': 'pageName', 'label': 'Page name', 'description': 'Actual name of this page', },\n\n        ioNamespace: { 'var': 'ioNamespace', 'label': 'SIO namespace', 'description': 'Socket.IO namespace - unique to each uibuilder node instance', },\n        // ioPath: { 'var': 'ioPath', 'label': 'SIO path', 'description': '', }, // no longer needed in the modern client\n        socketError: { 'var': 'socketError', 'label': 'Socket error', 'description': 'If the Socket.IO connection has failed, says why', },\n\n        msgsSent: { 'var': 'msgsSent', 'label': '# msgs sent', 'description': 'How many standard messages have been sent to Node-RED?', },\n        msgsReceived: { 'var': 'msgsReceived', 'label': '# msgs received', 'description': 'How many standard messages have been received from Node-RED?', },\n        msgsSentCtrl: { 'var': 'msgsSentCtrl', 'label': '# control msgs sent', 'description': 'How many control messages have been sent to Node-RED?', },\n        msgsCtrlReceived: { 'var': 'msgsCtrlReceived', 'label': '# control msgs received', 'description': 'How many control messages have been received from Node-RED?', },\n        originator: { 'var': 'originator', 'label': 'Node Originator', 'description': 'If the last msg from Node-RED was from a `uib-sender` node, this will be its node id so that messasges can be returned to it', },\n        topic: { 'var': 'topic', 'label': 'Default topic', 'description': 'Optional default topic to be included in outgoing standard messages', },\n\n        started: { 'var': 'started', 'label': 'Has uibuilder client started?', 'description': 'Whether `uibuilder.start()` ran successfully. This should self-run and should not need to be run manually', },\n        version: { 'var': 'version', 'label': 'uibuilder client version', 'description': 'The version of the loaded uibuilder client library', },\n        serverTimeOffset: { 'var': 'serverTimeOffset', 'label': 'Server time offset (Hrs)', 'description': 'The number of hours difference between the Node-red server and the client', },\n    }\n\n    // Track ui observers (see uiWatch)\n    #uiObservers = {}\n\n    // List of uib specific attributes that will be watched and processed dynamically\n    uibAttribs = ['uib-topic', 'data-uib-topic']\n    #uibAttrSel = `[${this.uibAttribs.join('], [')}]`\n\n    //#endregion\n\n    //#region public class vars\n\n    // TODO Move to proper getters\n    //#region ---- Externally read-only (via .get method) ---- //\n    // version - moved to _meta\n    /** Client ID set by uibuilder on connect */\n    clientId = ''\n    /** The collection of cookies provided by uibuilder */\n    cookies = {}\n    /** Copy of last control msg object received from sever */\n    ctrlMsg = {}\n    /** Is Socket.IO client connected to the server? */\n    ioConnected = false\n    // Is the library running from a minified version?\n    isMinified = isMinified\n    // Is the browser tab containing this page visible or not?\n    isVisible = false\n    // Remember the last page (re)load/navigation type: navigate, reload, back_forward, prerender\n    lastNavType = ''\n    // Max msg size that can be sent over Socket.IO - updated by \"client connect\" msg receipt\n    maxHttpBufferSize = 1048576\n    /** Last std msg received from Node-RED */\n    msg = {}\n    /** number of messages sent to server since page load */\n    msgsSent = 0\n    /** number of messages received from server since page load */\n    msgsReceived = 0\n    /** number of control messages sent to server since page load */\n    msgsSentCtrl = 0\n    /** number of control messages received from server since page load */\n    msgsCtrlReceived = 0\n    /** Is the client online or offline? */\n    online = navigator.onLine\n    /** last control msg object sent via uibuilder.send() @since v2.0.0-dev3 */\n    sentCtrlMsg = {}\n    /** last std msg object sent via uibuilder.send() */\n    sentMsg = {}\n    /** placeholder to track time offset from server, see fn socket.on(ioChannels.server ...) */\n    serverTimeOffset = null\n    /** placeholder for a socket error message */\n    socketError = null\n    // tab identifier from session storage\n    tabId = ''\n    // Actual name of current page (set in constructor)\n    pageName = null\n    // Is the DOMPurify library loaded? Updated in start()\n    purify = false\n    // Is the Markdown-IT library loaded? Updated in start()\n    markdown = false\n    // Current URL hash. Initial set is done from start->watchHashChanges via a set to make it watched\n    urlHash = location.hash\n    //#endregion ---- ---- ---- ---- //\n\n    // TODO Move to proper getters/setters\n    //#region ---- Externally Writable (via .set method, read via .get method) ---- //\n    /** Default originator node id - empty string by default\n     * @type {string}\n     */\n    originator = ''\n    /** Default topic - used by send if set and no topic provided\n     * @type {(string|undefined)}\n     */\n    topic = undefined\n    /** Either undefined or a reference to a uib router instance\n     * Set by uibrouter, do not set manually.\n     */\n    uibrouterinstance\n    /** Set by uibrouter, do not set manually */\n    uibrouter_CurrentRoute\n    //#endregion ---- ---- ---- ---- //\n\n    //#region ---- These are unlikely to be needed externally: ----\n    autoSendReady = true\n    httpNodeRoot = '' // Node-RED setting (via cookie)\n    ioNamespace = ''\n    ioPath = ''\n    retryFactor = 1.5       // starting delay factor for subsequent reconnect attempts\n    retryMs = 2000          // starting retry ms period for manual socket reconnections workaround\n    storePrefix = 'uib_'    // Prefix for all uib-related localStorage\n    started = false\n    // NOTE: These can only change when a client (re)connects\n    socketOptions = {\n        path: this.ioPath,\n        // https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API\n        // https://developer.mozilla.org/en-US/docs/Web/API/WebTransport_API\n        // https://socket.io/get-started/webtransport\n        // NOTE: webtransport requires HTTP/3 and TLS. HTTP/2 & 3 not yet available in Node.js\n        // transports: ['polling', 'websocket', 'webtransport'],\n        transports: ['polling', 'websocket'],\n        // Using callback so that they are updated automatically on (re)connect\n        // Only put things in here that will be valid for a websocket connected session\n        auth: (cb) => {\n            cb({ // eslint-disable-line n/no-callback-literal\n                clientVersion: version,\n                clientId: this.clientId,\n                pathName: window.location.pathname,\n                urlParams: Object.fromEntries(new URLSearchParams(location.search)),\n                pageName: this.pageName,\n                tabId: this.tabId,\n                lastNavType: this.lastNavType,\n                connectedNum: ++this.connectedNum,\n                // Used to calculate the diff between the server and client connection timestamps - reported if >1 minute\n                browserConnectTimestamp: (new Date()).toISOString(),\n            })\n        },\n        transportOptions: {\n            // Can only set headers when polling\n            polling: {\n                extraHeaders: {\n                    'x-clientid': `${Uib._meta.displayName}; ${Uib._meta.type}; ${Uib._meta.version}; ${this.clientId}`,\n                }\n            },\n        },\n    }\n    //#endregion -- not external --\n\n    //#endregion --- End of variables ---\n\n    //#region ------- Getters and Setters ------- //\n\n    // Change logging level dynamically (affects both console. and print.)\n    set logLevel(level) { log.level = level; console.log('%c\u2757 info%c [logLevel]', `${log.LOG_STYLES.level} ${log.LOG_STYLES.info.css}`, `${log.LOG_STYLES.head} ${log.LOG_STYLES.info.txtCss}`, `Set to ${level} (${log.LOG_STYLES.names[level]})`) /* changeLogLevel(level)*/ }\n    get logLevel() { return log.level }\n\n    get meta() { return Uib._meta }\n\n    /** Function to set uibuilder properties to a new value - works on any property except _* or #*\n     * Also triggers any event listeners.\n     * Example: this.set('msg', {topic:'uibuilder', payload:42});\n     * @param {string} prop Any uibuilder property who's name does not start with a _ or #\n     * @param {*} val The set value of the property or a string declaring that a protected property cannot be changed\n     * @param {boolean} [store] If true, the variable is also saved to the browser localStorage if possible\n     * @param {boolean} [autoload] If true & store is true, on load, uib will try to restore the value from the store automatically\n     * @returns {*} Input value\n     */\n    set(prop, val, store = false, autoload = false) {\n        // Check for excluded properties - we don't want people to set these\n        // if (this.#excludedSet.indexOf(prop) !== -1) {\n        if (prop.startsWith('_') || prop.startsWith('#')) {\n            log('warn', 'Uib:set', `Cannot use set() on protected property \"${prop}\"`)()\n            return `Cannot use set() on protected property \"${prop}\"`\n        }\n\n        // We must add the var to the uibuilder object\n        this[prop] = val\n\n        // Keep track of all managed variables\n        this.#managedVars[prop] = prop\n\n        // If requested, save to store\n        if (store === true) this.setStore(prop, val, autoload)\n\n        log('trace', 'Uib:set', `prop set - prop: ${prop}, val: `, val, ` store: ${store}, autoload: ${autoload}`)()\n\n        // Trigger this prop's event callbacks (listeners which are set by this.onChange)\n        // this.emit(prop, val)\n\n        // trigger an event on the prop name, pass both the name and value to the event details\n        this._dispatchCustomEvent('uibuilder:propertyChanged', { 'prop': prop, 'value': val, 'store': store, 'autoload': autoload })\n\n        return val\n    }\n\n    /** Function to get the value of a uibuilder property\n     * Example: uibuilder.get('msg')\n     * @param {string} prop The name of the property to get as long as it does not start with a _ or #\n     * @returns {*|undefined} The current value of the property\n     */\n    get(prop) {\n        if (prop.startsWith('_') || prop.startsWith('#')) {\n            log('warn', 'Uib:get', `Cannot use get() on protected property \"${prop}\"`)()\n            return\n        }\n        if (prop === 'version') return Uib._meta.version\n        if (prop === 'msgsCtrl') return this.msgsCtrlReceived\n        if (prop === 'reconnections') return this.connectedNum\n        if (this[prop] === undefined) {\n            log('warn', 'Uib:get', `get() - property \"${prop}\" is undefined`)()\n        }\n        return this[prop]\n    }\n\n    /** Write to localStorage if possible. console error output if can't write\n     * Also uses this.storePrefix\n     * @example\n     *   uibuilder.setStore('fred', 42)\n     *   console.log(uibuilder.getStore('fred'))\n     * @param {string} id localStorage var name to be used (prefixed with 'uib_')\n     * @param {*} value value to write to localstore\n     * @param {boolean} [autoload] If true, on load, uib will try to restore the value from the store\n     * @returns {boolean} True if succeeded else false\n     */\n    setStore(id, value, autoload = false) {\n        let autoVars = {}\n        if (autoload === true) {\n            try {\n                autoVars = this.getStore('_uibAutoloadVars') || {}\n            } catch (e) {}\n        }\n        if (typeof value === 'object') {\n            try {\n                value = JSON.stringify(value)\n            } catch (e) {\n                log('error', 'Uib:setStore', 'Cannot stringify object, not storing. ', e)()\n                return false\n            }\n        }\n        try {\n            localStorage.setItem(this.storePrefix + id, value)\n            if (autoload) {\n                autoVars[id] = id\n                try {\n                    localStorage.setItem(this.storePrefix + '_uibAutoloadVars', JSON.stringify(autoVars))\n                } catch (e) {\n                    log('error', 'Uib:setStore', 'Cannot save autoload list. ', e)()\n                }\n            }\n            this._dispatchCustomEvent('uibuilder:propertyStored', { 'prop': id, 'value': value, 'autoload': autoload })\n            return true\n        } catch (e) {\n            log('error', 'Uib:setStore', 'Cannot write to localStorage. ', e)()\n            return false\n        }\n    } // --- end of setStore --- //\n\n    /** Attempt to get and re-hydrate a key value from localStorage\n     * Note that all uib storage is automatically prefixed using this.storePrefix\n     * @param {*} id The key of the value to attempt to retrieve\n     * @returns {*|null|undefined} The re-hydrated value of the key or null if key not found, undefined on error\n     */\n    getStore(id) {\n        try {\n            // @ts-ignore\n            return JSON.parse(localStorage.getItem(this.storePrefix + id))\n        } catch (e) { }\n        try {\n            return localStorage.getItem(this.storePrefix + id)\n        } catch (e) {\n            return undefined\n        }\n    }\n\n    /** Remove a given id from the uib keys in localStorage\n     * @param {*} id The key to remove\n     */\n    removeStore(id) {\n        try {\n            localStorage.removeItem(this.storePrefix + id)\n        } catch (e) { }\n    }\n\n    /** Returns a list of uibuilder properties (variables) that can be watched with onChange\n     * @returns {{[key: string]: string}} List of uibuilder managed variables\n     */\n    getManagedVarList() {\n        return this.#managedVars\n    }\n\n    getWatchedVars() {\n        return Object.keys(this.#propChangeCallbacks)\n    }\n\n    //#endregion ------- -------- ------- //\n\n    //#region ------- Our own event handling system ---------- //\n\n    /** Standard fn to create a custom event with details & dispatch it\n     * @param {string} title The event name\n     * @param {*} details Any details to pass to event output\n     */\n    _dispatchCustomEvent(title, details) {\n        const event = new CustomEvent(title, { detail: details })\n        document.dispatchEvent(event)\n    }\n\n    // See the this.#propChangeCallbacks & msgRecvdByTopicCallbacks private vars\n\n    /** Register on-change event listeners for uibuilder tracked properties\n     * Make it possible to register a function that will be run when the property changes.\n     * Note that you can create listeners for non-existant properties\n     * @example: uibuilder.onChange('msg', (msg) => { console.log('uibuilder.msg changed! It is now: ', msg) })\n     *\n     * @param {string} prop The property of uibuilder that we want to monitor\n     * @param {Function} callback The function that will run when the property changes, parameter is the new value of the property after change\n     * @returns {number} A reference to the callback to cancel, save and pass to uibuilder.cancelChange if you need to remove a listener\n     */\n    onChange(prop, callback) {\n        // Note: Property does not have to exist yet\n\n        // console.debug(`[Uib:onchange] pushing new callback (event listener) for property: ${prop}`)\n\n        // Create a new array or add to the array of callback functions for the property in the events object\n        // if (this.#events[prop]) {\n        //     this.#events[prop].push(callback)\n        // } else {\n        //     this.#events[prop] = [callback]\n        // }\n\n        // Make sure we have an object to receive the saved callback, update the latest reference number\n        if (!this.#propChangeCallbacks[prop]) this.#propChangeCallbacks[prop] = { _nextRef: 1 }\n        else this.#propChangeCallbacks[prop]._nextRef++\n\n        const nextCbRef = this.#propChangeCallbacks[prop]._nextRef\n\n        // Register the callback function. It is saved so that we can remove the event listener if we need to\n        const propChangeCallback = this.#propChangeCallbacks[prop][nextCbRef] = function propChangeCallback(e) {\n            // If the prop name matches the 1st arg in the onChange fn:\n            if (prop === e.detail.prop) {\n                const value = e.detail.value\n                // console.warn('[Uib:onChange:evt] uibuilder:propertyChanged. ', e.detail)\n                // Set the callback fn's `this` and its single argument to the msg\n                callback.call(value, value)\n            }\n        }\n\n        document.addEventListener('uibuilder:propertyChanged', propChangeCallback)\n\n        return nextCbRef\n    } // ---- End of onChange() ---- //\n\n    cancelChange(prop, cbRef) {\n        document.removeEventListener('uibuilder:propertyChanged', this.#propChangeCallbacks[prop][cbRef])\n        delete this.#propChangeCallbacks[prop][cbRef]\n        // this.#propChangeCallbacks[topic]._nextRef-- // Don't bother, let the ref# increase\n    }\n\n    /** Register a change callback for a specific msg.topic\n     * Similar to onChange but more convenient if needing to differentiate by msg.topic.\n     * @example: let otRef = uibuilder.onTopic('mytopic', function(){ console.log('Received a msg with msg.topic=`mytopic`. msg: ', this) })\n     * To cancel a change listener: uibuilder.cancelTopic('mytopic', otRef)\n     *\n     * @param {string} topic The msg.topic we want to listen for\n     * @param {Function} callback The function that will run when an appropriate msg is received. `this` inside the callback as well as the cb's single argument is the received msg.\n     * @returns {number} A reference to the callback to cancel, save and pass to uibuilder.cancelTopic if you need to remove a listener\n     */\n    onTopic(topic, callback) {\n        // Make sure we have an object to receive the saved callback, update the latest reference number\n        if (!this.#msgRecvdByTopicCallbacks[topic]) this.#msgRecvdByTopicCallbacks[topic] = { _nextRef: 1 }\n        else this.#msgRecvdByTopicCallbacks[topic]._nextRef++\n\n        const nextCbRef = this.#msgRecvdByTopicCallbacks[topic]._nextRef\n\n        // Register the callback function. It is saved so that we can remove the event listener if we need to\n        const msgRecvdEvtCallback = this.#msgRecvdByTopicCallbacks[topic][nextCbRef] = function msgRecvdEvtCallback(e) {\n            const msg = e.detail\n            // console.log('[Uib:onTopic:evt] uibuilder:stdMsgReceived where topic matches. ', e.detail)\n            if (msg.topic === topic) {\n                // Set the callback fn's `this` and its single argument to the msg\n                callback.call(msg, msg)\n            }\n        }\n\n        document.addEventListener('uibuilder:stdMsgReceived', msgRecvdEvtCallback)\n\n        return nextCbRef\n    }\n\n    cancelTopic(topic, cbRef) {\n        document.removeEventListener('uibuilder:stdMsgReceived', this.#msgRecvdByTopicCallbacks[topic][cbRef])\n        delete this.#msgRecvdByTopicCallbacks[topic][cbRef]\n        // this.#msgRecvdCallbacks[topic]._nextRef-- // Don't bother, let the ref# increase\n    }\n\n    /** Trigger event listener for a given property\n     * Called when uibuilder.set is used\n     *\n     * @param {*} prop The property for which to run the callback functions\n     * arguments: Additional arguments contain the value to pass to the event callback (e.g. newValue)\n     */\n    // emit(prop) {\n    //     var evt = this.#events[prop]\n    //     if (!evt) {\n    //         return\n    //     }\n    //     var args = Array.prototype.slice.call(arguments, 1)\n    //     for (var i = 0; i < evt.length; i++) {\n    //         evt[i].apply(this, args)\n    //     }\n    //     log('trace', 'Uib:emit', `${evt.length} listeners run for prop ${prop} `)()\n    // }\n\n    /** Forcibly removes all event listeners from the events array\n     * Use if you need to re-initialise the environment\n     */\n    // clearEventListeners() {\n    //     this.#events = []\n    // } // ---- End of clearEventListeners() ---- //\n\n    /** Clear a single property event listeners\n     * @param {string} prop The property of uibuilder for which we want to clear the event listener\n     */\n    // clearListener(prop) {\n    //     if (this.#events[prop]) delete this.#events[prop]\n    // }\n\n    //#endregion ---------- End of event handling system ---------- //\n\n    //#region ------- General Utility Functions -------- //\n\n    /** Check supplied msg from server for a timestamp - if received, work out & store difference to browser time\n     * @param {object} receivedMsg A message object recieved from Node-RED\n     * @returns {void} Updates self.serverTimeOffset if different to previous value\n     */\n    _checkTimestamp(receivedMsg) {\n        if (Object.prototype.hasOwnProperty.call(receivedMsg, 'serverTimestamp')) {\n            const serverTimestamp = new Date(receivedMsg.serverTimestamp)\n            // @ts-ignore\n            const offset = Math.round(((new Date()) - serverTimestamp) / 3600000) // in ms /3.6m to get hours\n            if (offset !== this.serverTimeOffset) {\n                log('trace', `Uib:checkTimestamp:${this._ioChannels.server} (server)`, `Offset changed to: ${offset} from: ${this.serverTimeOffset}`)()\n                this.set('serverTimeOffset', offset)\n            }\n        }\n    }\n\n    /** Set up an event listener to watch for hash changes\n     * and set the watchable urlHash variable\n     */\n    _watchHashChanges() {\n        this.set('urlHash', location.hash)\n        window.addEventListener('hashchange', (event) => {\n            this.set('urlHash', location.hash)\n            if (this.#sendUrlHash === true) {\n                this.send({ topic: 'hashChange', payload: location.hash, newHash: this.keepHashFromUrl(event.newURL), oldHash: this.keepHashFromUrl(event.oldURL) })\n            }\n        })\n    }\n\n    /** Returns a new array containing the intersection of the 2 input arrays\n     * @param {Array} a1 Array to check\n     * @param {Array} a2 Array to intersect\n     * @returns {Array} The intersection of the 2 arrays (may be an empty array)\n     */\n    arrayIntersect(a1, a2) {\n        return a1.filter(uName => a2.includes(uName))\n    }\n\n    /** Copies a uibuilder variable to the browser clipboard\n     * @param {string} varToCopy The name of the uibuilder variable to copy to the clipboard\n     */\n    copyToClipboard(varToCopy) {\n        let data = ''\n        try {\n            data = JSON.stringify(this.get(varToCopy))\n        } catch (e) {\n            log('error', 'copyToClipboard', `Could not copy \"${varToCopy}\" to clipboard.`, e.message)()\n        }\n        navigator.clipboard.writeText(data)\n    } // --- End of copyToClipboard --- //\n\n    /** Does the chosen CSS Selector currently exist?\n     * Automatically sends a msg back to Node-RED unless turned off.\n     * @param {string} cssSelector Required. CSS Selector to examine for visibility\n     * @param {boolean} [msg] Optional, default=true. If true also sends a message back to Node-RED\n     * @returns {boolean} True if the element exists\n     */\n    elementExists(cssSelector, msg = true) {\n        const el = document.querySelector(cssSelector)\n\n        let exists = false\n        if (el !== null) exists = true\n\n        if (msg === true) {\n            this.send({\n                payload: exists,\n                info: `Element \"${cssSelector}\" ${exists ? 'exists' : 'does not exist'}`\n            })\n        }\n\n        return exists\n    } // --- End of elementExists --- //\n\n    /** Format a number using the INTL standard library - compatible with uib-var filter function\n     * @param {number} value Number to format\n     * @param {number} decimalPlaces Number of decimal places to include. Default=no default\n     * @param {string} intl standard locale spec, e.g. \"ja-JP\" or \"en-GB\". Default=navigator.language\n     * @param {object} opts INTL library options object. Optional\n     * @returns {string} formatted number\n     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString\n     */\n    formatNumber(value, decimalPlaces, intl, opts) {\n        if (isNaN(value)) {\n            log('error', 'formatNumber', `Value must be a number. Value type: \"${typeof value}\"`)()\n            return 'NaN'\n        }\n        if (!opts) opts = {}\n        if (!intl) intl = navigator.language ? navigator.language : 'en-GB'\n        if (decimalPlaces) {\n            opts.minimumFractionDigits = decimalPlaces\n            opts.maximumFractionDigits = decimalPlaces\n        }\n        let out\n        try {\n            out = Number(value).toLocaleString(intl, opts)\n        } catch (e) {\n            log('error', 'formatNumber', `${e.message}. value=${value}, dp=${decimalPlaces}, intl=\"${intl}\", opts=${JSON.stringify(opts)}`)()\n            return 'NaN'\n        }\n        return out\n    }\n\n    /** Attempt to get rough size of an object\n     * @param {*} obj Any serialisable object\n     * @returns {number|undefined} Rough size of object in bytes or undefined\n     */\n    getObjectSize(obj) {\n        let size\n        try {\n            const jsonString = JSON.stringify(obj)\n            // Encode the string to a Uint8Array and measure its length\n            const encoder = new TextEncoder()\n            const uint8Array = encoder.encode(jsonString)\n            size = uint8Array.length\n        } catch (e) {\n            log('error', 'uibuilder:getObjectSize', 'Could not stringify, cannot determine size', obj, e)\n        }\n        return size\n    }\n\n    /** Returns true if a uibrouter instance is loaded, otherwise returns false\n     * @returns {boolean} true if uibrouter instance loaded else false\n     */\n    hasUibRouter() {\n        return !!this.uibrouterinstance\n    }\n\n    /** Only keep the URL Hash & ignoring query params\n     * @param {string} url URL to extract the hash from\n     * @returns {string} Just the route id\n     */\n    keepHashFromUrl(url) {\n        if (!url) return ''\n        return '#' + url.replace(/^.*#(.*)/, '$1').replace(/\\?.*$/, '')\n    }\n\n    log() {\n        log(...arguments)()\n    }\n\n    /** Makes a null or non-object into an object. If thing is already an object.\n     * If not null, moves \"thing\" to {payload:thing}\n     * @param {*} thing Thing to check\n     * @param {string} [property='payload'] property that \"thing\" is moved to if not null and not an object\n     * @returns {!object} _\n     */\n    makeMeAnObject(thing, property) {\n        if (!property) property = 'payload'\n        if (typeof property !== 'string') {\n            log('warn', 'uibuilder:makeMeAnObject', `WARNING: property parameter must be a string and not: ${typeof property}`)()\n            property = 'payload'\n        }\n        let out = {}\n        if ( thing !== null && thing.constructor.name === 'Object' ) {\n            out = thing\n        } else if (thing !== null) {\n            out[property] = thing\n        }\n        return out\n    } // --- End of make me an object --- //\n\n    /** Navigate to a new page or a new route (hash)\n     * @param {string} url URL to navigate to. Can be absolute or relative (to current page) or just a hash for a route change\n     * @returns {Location} The new window.location string\n     */\n    navigate(url) {\n        if (url) window.location.href = url\n        return window.location\n    }\n\n    /** Fast but accurate number rounding (https://stackoverflow.com/a/48764436/1309986 solution 2)\n     * Half away from zero method (AKA \"commercial\" rounding), most common type\n     * @param {number} num The number to be rounded\n     * @param {number} decimalPlaces Number of DP's to round to\n     * @returns Rounded number\n     */\n    round(num, decimalPlaces) {\n        const p = Math.pow(10, decimalPlaces || 0)\n        const n = (num * p) * (1 + Number.EPSILON)\n        return Math.round(n) / p\n    }\n\n    /** Set the default originator. Set to '' to ignore. Used with uib-sender.\n     * @param {string} [originator] A Node-RED node ID to return the message to\n     */\n    setOriginator(originator = '') {\n        this.set('originator', originator)\n    } // ---- End of setOriginator ---- //\n\n    /** HTTP Ping/Keep-alive - makes a call back to uibuilder's ExpressJS server and receives a 204 response\n     * Can be used to keep sessions alive.\n     * @example\n     *   uibuilder.setPing(2000) // repeat every 2 sec. Re-issue with ping(0) to turn off repeat.\n     *   uibuilder.onChange('ping', function(data) {\n     *      console.log('pinger', data)\n     *   })\n     * @param {number} ms Repeat interval in ms\n     */\n    setPing(ms = 0) {\n        const oReq = new XMLHttpRequest()\n        oReq.addEventListener('load', () => {\n            const headers = (oReq.getAllResponseHeaders()).split('\\r\\n')\n            const elapsedTime = Number(new Date()) - Number((oReq.responseURL.split('='))[1])\n            this.set('ping', {\n                success: !!((oReq.status === 201) || (oReq.status === 204)), // true if one of the listed codes else false\n                status: oReq.status,\n                headers: headers,\n                url: oReq.responseURL,\n                elapsedTime: elapsedTime,\n            })\n        })\n\n        if (this.#pingInterval) {\n            clearInterval(this.#pingInterval)\n            this.#pingInterval = undefined\n        }\n\n        oReq.open('GET', `${this.httpNodeRoot}/uibuilder/ping?t=${Number(new Date())}`)\n        oReq.send()\n\n        if (ms > 0) {\n            this.#pingInterval = setInterval(() => {\n                oReq.open('GET', `${this.httpNodeRoot}/uibuilder/ping?t=${Number(new Date())}`)\n                oReq.send()\n            }, ms)\n        }\n    } // ---- End of ping ---- //\n\n    /** Convert JSON to Syntax Highlighted HTML\n     * @param {object} json A JSON/JavaScript Object\n     * @returns {html} Object reformatted as highlighted HTML\n     */\n    syntaxHighlight(json) {\n        return syntaxHighlight(json)\n    } // --- End of syntaxHighlight --- //\n\n    /** Returns true/false or a default value for truthy/falsy and other values\n     * @param {string|number|boolean|*} val The value to test\n     * @param {any} deflt Default value to use if the value is not truthy/falsy\n     * @returns {boolean|any} The truth! Or the default\n     */\n    truthy(val, deflt) {\n        let ret\n        if (['on', 'On', 'ON', 'true', 'True', 'TRUE', '1', true, 1].includes(val)) ret = true\n        else if (['off', 'Off', 'OFF', 'false', 'False', 'FALSE', '0', false, 0].includes(val)) ret = false\n        else ret = deflt\n        return ret\n    }\n\n    /** Joins all arguments as a URL string\n     * see http://stackoverflow.com/a/28592528/3016654\n     * since v1.0.10, fixed potential double // issue\n     * arguments {string} URL fragments\n     * @returns {string} _\n     */\n    urlJoin() {\n        const paths = Array.prototype.slice.call(arguments)\n        const url = '/' + paths.map(function (e) {\n            return e.replace(/^\\/|\\/$/g, '')\n        })\n            .filter(function (e) {\n                return e\n            })\n            .join('/')\n        return url.replace('//', '/')\n    } // ---- End of urlJoin ---- //\n\n    /** Turn on/off/toggle sending URL hash changes back to Node-RED\n     * @param {string|number|boolean|undefined} [toggle] Optional on/off/etc\n     * @returns {boolean} True if we will send a msg to Node-RED on a hash change\n     */\n    watchUrlHash(toggle) {\n        this.#sendUrlHash = this.truthy(toggle, this.#sendUrlHash !== true)\n        return this.#sendUrlHash\n    }\n\n    /** DEPRECATED FOR NOW - wasn't working properly.\n     * Is the chosen CSS Selector currently visible to the user? NB: Only finds the FIRST element of the selection.\n     * Requires IntersectionObserver (available to all mainstream browsers from early 2019)\n     * Automatically sends a msg back to Node-RED.\n     * Requires the element to already exist.\n     * @returns {false} False if not visible\n     */\n    elementIsVisible() {\n        const info = 'elementIsVisible has been temporarily DEPRECATED as it was not working correctly and a fix is complex'\n        log('error', 'uib:elementIsVisible', info)()\n        this.send({ payload: 'elementIsVisible has been temporarily DEPRECATED as it was not working correctly and a fix is complex' })\n        return false\n    } // --- End of elementIsVisible --- //\n\n    //#endregion -------- -------- -------- //\n\n    //#region ------- UI handlers --------- //\n\n    //#region -- Direct to _ui --\n    // ! NOTE: Direct assignments change the target `this` to here. Use with caution\n    // However, also note that the window/jsdom and the window.document\n    // references are now static in _ui so not impacted by this.\n\n    /** Simplistic jQuery-like document CSS query selector, returns an HTML Element\n     * NOTE that this fn returns the element itself. Use $$ to get the properties of 1 or more elements.\n     * If the selected element is a <template>, returns the first child element.\n     * type {HTMLElement}\n     * @param {string} cssSelector A CSS Selector that identifies the element to return\n     * @returns {HTMLElement|null} Selected HTML element or null\n     */\n    $ = _ui.$\n\n    /** CSS query selector that returns ALL found selections. Matches the Chromium DevTools feature of the same name.\n     * NOTE that this fn returns an array showing the PROPERTIES of the elements whereas $ returns the element itself\n     * @param {string} cssSelector A CSS Selector that identifies the elements to return\n     * @returns {HTMLElement[]} Array of DOM elements/nodes. Array is empty if selector is not found.\n     */\n    $$ = _ui.$$\n\n    /** Reference to the full ui library */\n    $ui = _ui\n\n    /** Add 1 or several class names to an element\n     * @param {string|string[]} classNames Single or array of classnames\n     * @param {HTMLElement} el HTML Element to add class(es) to\n     */\n    addClass = _ui.addClass\n\n    /** Apply a source template tag to a target html element\n     * NOTES:\n     * - styles in ALL templates are accessible to all templates.\n     * - scripts in templates are run AT TIME OF APPLICATION (so may run multiple times).\n     * - scripts in templates are applied in order of application, so variables may not yet exist if defined in subsequent templates\n     * @param {HTMLElement} source The source element\n     * @param {HTMLElement} target The target element\n     * @param {boolean} onceOnly If true, the source will be adopted (the source is moved)\n     */\n    applyTemplate = _ui.applyTemplate\n\n    buildHtmlTable = _ui.buildHtmlTable\n\n    /** Converts markdown text input to HTML if the Markdown-IT library is loaded\n     * Otherwise simply returns the text\n     * @param {string} mdText The input markdown string\n     * @returns {string} HTML (if Markdown-IT library loaded and parse successful) or original text\n     */\n    convertMarkdown(mdText) {\n        return _ui.convertMarkdown\n    }\n\n    /** ASYNC: Include HTML fragment, img, video, text, json, form data, pdf or anything else from an external file or API\n     * Wraps the included object in a div tag.\n     * PDF's, text or unknown MIME types are also wrapped in an iFrame.\n     * @param {string} url The URL of the source file to include\n     * @param {object} uiOptions Object containing properties recognised by the _uiReplace function. Must at least contain an id\n     * param {string} uiOptions.id The HTML ID given to the wrapping DIV tag\n     * param {string} uiOptions.parentSelector The CSS selector for a parent element to insert the new HTML under (defaults to 'body')\n     */\n    async include(url, uiOptions) {\n        await _ui.include(url, uiOptions)\n    }\n\n    /** Attach a new remote script to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} url The url to be used in the script src attribute\n     */\n    loadScriptSrc(url) {\n        _ui.loadScriptSrc(url)\n    }\n\n    /** Attach a new remote stylesheet link to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} url The url to be used in the style link href attribute\n     */\n    loadStyleSrc(url) {\n        _ui.loadStyleSrc(url)\n    }\n\n    /** Attach a new text script to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} textFn The text to be loaded as a script\n     */\n    loadScriptTxt(textFn) {\n        _ui.loadScriptTxt(textFn)\n    }\n\n    /** Attach a new text stylesheet to the end of HEAD synchronously\n     * NOTE: It takes too long for most scripts to finish loading\n     *       so this is pretty useless to work with the dynamic UI features directly.\n     * @param {string} textFn The text to be loaded as a stylesheet\n     */\n    loadStyleTxt(textFn) {\n        _ui.loadStyleTxt(textFn)\n    }\n\n    /** Load a dynamic UI from a JSON web reponse\n     * @param {string} url URL that will return the ui JSON\n     */\n    loadui(url) {\n        _ui.loadui(url)\n    }\n\n    /** Remove All, 1 or more class names from an element\n     * @param {undefined|null|\"\"|string|string[]} classNames Single or array of classnames. If undefined, \"\" or null, remove all classes\n     * @param {HTMLElement} el HTML Element to add class(es) to\n     */\n    removeClass = _ui.removeClass\n\n    /** Replace or add an HTML element's slot from text or an HTML string\n     * WARNING: Executes <script> tags! And will process <style> tags.\n     * Will use DOMPurify if that library has been loaded to window.\n     * param {*} ui Single entry from the msg._ui property\n     * @param {Element} el Reference to the element that we want to update\n     * @param {*} slot The slot content we are trying to add/replace (defaults to empty string)\n     */\n    replaceSlot(el, slot) {\n        _ui.replaceSlot(el, slot)\n    }\n\n    /** Replace or add an HTML element's slot from a Markdown string\n     * Only does something if the markdownit library has been loaded to window.\n     * Will use DOMPurify if that library has been loaded to window.\n     * @param {Element} el Reference to the element that we want to update\n     * @param {*} component The component we are trying to add/replace\n     */\n    replaceSlotMarkdown(el, component) {\n        _ui.replaceSlotMarkdown(el, component)\n    }\n\n    /** Sanitise HTML to make it safe - if the DOMPurify library is loaded\n     * Otherwise just returns that HTML as-is.\n     * @param {string} html The input HTML string\n     * @returns {string} The sanitised HTML or the original if DOMPurify not loaded\n     */\n    sanitiseHTML(html) {\n        return _ui.sanitiseHTML(html)\n    }\n\n    /** Show a pop-over \"toast\" dialog or a modal alert\n     * Refs: https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/alertdialog.html,\n     *       https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/dialog.html,\n     *       https://www.w3.org/WAI/ARIA/apg/patterns/dialogmodal/\n     * @param {\"notify\"|\"alert\"} type Dialog type\n     * @param {object} ui standardised ui data\n     * @param {object} [msg] msg.payload/msg.topic - only used if a string. Optional.\n     * @returns {void}\n     */\n    showDialog(type, ui, msg) {\n        _ui.showDialog(type, ui, msg)\n    }\n\n    /** Directly manage UI via JSON\n     * @param {object} json Either an object containing {_ui: {}} or simply simple {} containing ui instructions\n     */\n    ui(json) {\n        _ui.ui(json)\n    }\n\n    /** Get data from the DOM. Returns selection of useful props unless a specific prop requested.\n     * @param {string} cssSelector Identify the DOM element to get data from\n     * @param {string} [propName] Optional. Specific name of property to get from the element\n     * @returns {Array<*>} Array of objects containing either specific requested property or a selection of useful properties\n     */\n    uiGet(cssSelector, propName = null) {\n        return _ui.uiGet(cssSelector, propName)\n    }\n\n    /** Enhance an HTML element that is being composed with ui data\n     *  such as ID, attribs, event handlers, custom props, etc.\n     * @param {*} el HTML Element to enhance\n     * @param {*} component Individual uibuilder ui component spec\n     */\n    uiEnhanceElement(el, component) {\n        _ui.uiEnhanceElement(el, component)\n    }\n\n    //#endregion -- direct to _ui --\n\n    /** DOM Mutation observer callback to watch for new/amended elements with uib-* or data-uib-* attributes\n     * WARNING: Mutation observers can receive a LOT of mutations very rapidly. So make sure this runs as fast\n     *          as possible. Async so that calling function does not need to wait.\n     * Observer is set up in the start() function\n     * @param {MutationRecord[]} mutations Array of Mutation Records\n     */\n    async _uibAttribObserver(mutations/* , observer */) {\n        mutations.forEach( async m => { // async so process does not wait\n            log('trace', 'uibuilder:_uibAttribObserver', 'Mutations ', m)()\n            // Deal with attribute changes\n            if (m.attributeName && (m.attributeName.startsWith('uib') || m.attributeName.startsWith('data-uib'))) {\n                // log(0, 'attribute mutation', m.attributeName, m.target.getAttribute(m.attributeName), m.oldValue, m )()\n                this._uibAttrScanOne(m.target)\n            } else if (m.addedNodes.length > 0) {\n                // And deal with newly added elements (e.g. from route change)\n                // Check for added nodes with uib attribs\n                m.addedNodes.forEach( async n => { // async so process does not wait\n                    // Attributes are a map and we need an array\n                    let aNames = []\n                    try { // Nodes might not always have attributes\n                        aNames = [...n.attributes]\n                    } catch (e) {}\n                    // Get any added elements that have uib attribs\n                    const intersect = this.arrayIntersect(this.uibAttribs, aNames)\n                    // Process them\n                    intersect.forEach( async el => {\n                        this._uibAttrScanOne(el)\n                    })\n                    // And get any children of the added elements that have uib attribs (a node might not have querySelectorAll method)\n                    let uibChildren = []\n                    if (n.querySelectorAll) uibChildren = n.querySelectorAll(this.#uibAttrSel)\n                    // Process them\n                    uibChildren.forEach( async el => {\n                        this._uibAttrScanOne(el)\n                    })\n                })\n            }\n        })\n    }\n\n    /** Check a single HTML element for uib attributes and add auto-processors as needed.\n     * Async so that calling function does not need to wait.\n     * Understands only uib-topic at present. Msgs received on the topic can have:\n     *   msg.payload - replaces innerHTML (but also runs <script>s and applies <style>s)\n     *   msg.attributes - An object containing attribute names as keys with attribute values as values. e.g. {title: 'HTML tooltip', href='#route03'}\n     * @param {Element} el HTML Element to check for uib-* or data-uib-* attributes\n     */\n    async _uibAttrScanOne(el) {\n        log('trace', 'uibuilder:_uibAttrScanOne', 'Setting up auto-processor for: ', el)()\n        const topic = el.getAttribute('uib-topic') || el.getAttribute('data-uib-topic')\n        // Create a topic listener\n        this.onTopic(topic, (msg) => {\n            log('trace', 'uibuilder:_uibAttrScanOne', `Msg with topic \"${topic}\" received. msg content: `, msg)()\n            msg._uib_processed_by = '_uibAttrScanOne' // record that this has already been processed\n            // Process msg.attributes\n            if (Object.prototype.hasOwnProperty.call(msg, 'attributes')) {\n                try {\n                    for (const [k, v] of Object.entries(msg.attributes)) {\n                        el.setAttribute(k, v)\n                    }\n                } catch (e) {\n                    log(0, 'uibuilder:attribute-processing', 'Failed to set attributes. Ensure that msg.attributes is an object containing key/value pairs with each key a valid attribute name. Note that attribute values have to be a string.')()\n                }\n            }\n\n            // Process msg.value (or set checked if boolean - for checkboxes)\n            // TODO Move this to a common function\n            const hasChecked = Object.prototype.hasOwnProperty.call(msg, 'checked')\n            const hasValue = Object.prototype.hasOwnProperty.call(msg, 'value')\n            if ( hasValue || hasChecked ) {\n                if (el.type && (el.type === 'checkbox' || el.type === 'radio')) {\n                    if (hasChecked) el.checked = this.truthy(msg.checked, false)\n                    else if (hasValue) el.checked = this.truthy(msg.value, false)\n                } else {\n                    if (hasValue) el.value = msg.value\n                    else if (hasChecked) el.value = this.truthy(msg.checked, false)\n                }\n            }\n\n            // TODO (MAYBE) Process msg.classes and msg.styles. msg.props (for non-string data)?\n\n            // Process msg.payload (applied as slot HTML) - NB: Will process <script> & <style>\n            if (Object.prototype.hasOwnProperty.call(msg, 'payload')) this.replaceSlot(el, msg.payload)\n        })\n    }\n\n    /** Check all children of an array of or a single HTML element(s) for uib attributes and add auto-processors as needed.\n     * Async so that calling function does not need to wait.\n     * @param {Element|Element[]} parentEl HTML Element to check for uib-* or data-uib-* attributes\n     */\n    async _uibAttrScanAll(parentEl) {\n        if (!Array.isArray(parentEl)) parentEl = [parentEl]\n        parentEl.forEach( async p => { // async so process does not wait\n            const uibChildren = p.querySelectorAll(this.#uibAttrSel)\n            // log('trace', 'uibuilder:_uibAttrScanAll:forEach:children', 'p, uibChildren: ', p, uibChildren)()\n            if (uibChildren.length > 0) {\n                // console.log('existing elements uib attrib', uibChildren)\n                uibChildren.forEach( el => {\n                    this._uibAttrScanOne(el) // async so process does not wait\n                })\n            }\n        })\n    }\n\n    /** Given a FileList array, send each file to Node-RED and return file metadata\n     * @param {FileList} files FileList array\n     * @param {boolean=} noSend If true, don't send the file to Node-RED. Default is to send.\n     * @returns {Array<object>} Metadata values from all files\n     */\n    _processFilesInput(files, noSend = false) {\n        const value = []\n        for (const file of files) {\n            const props = {}\n            // Walk through each file property\n            for (const prop in file) {\n                props[prop] = file[prop]\n            }\n            // Create a temp URL allowing access to download the file\n            // Automatically destroyed on page reload\n            props.tempUrl = window.URL.createObjectURL(file)\n\n            value.push(props)\n\n            // Auto-upload to Node-RED over Socket.IO\n            if (noSend !== true) this.uploadFile(file)\n        }\n        return value\n    }\n\n    /** Attempt to get target attributs - can fail for certain target types, if so, returns empty object\n     * @param {HTMLElement} el Target element\n     * @returns {object} Array of key/value HTML attribute objects\n     */\n    getElementAttributes(el) {\n        const ignoreAttribs = ['class', 'id', 'name']\n        let attribs\n        try {\n            attribs = Object.assign({},\n                ...Array.from(el.attributes,\n                    ( { name, value } ) => {\n                        if ( !ignoreAttribs.includes(name) ) {\n                            return ({ [name]: value })\n                        }\n                        return undefined\n                    }\n                )\n            )\n        } catch (e) {}\n\n        return attribs\n    }\n\n    /** Check for CSS Classes and return as array if found or undefined if not\n     * @param {HTMLElement} el Target element\n     * @returns {Array|undefined} Array of class names\n     */\n    getElementClasses(el) {\n        let classes\n        try {\n            classes = Array.from(el.classList)\n        } catch (e) {}\n        return classes\n    }\n\n    /** Get target custom properties - only shows custom props not element default ones\n     * Excludes custom props starting with _\n     * @param {HTMLElement} el Target element\n     * @returns {object} Object of propname/value pairs\n     */\n    getElementCustomProps(el) {\n        const props = {}\n        Object.keys(el).forEach( key => {\n            if (key.startsWith('_')) return // Exclude private\n            props[key] = el[key]\n        })\n        return props\n    }\n\n    /** Check for el.value and el.checked. el.checked will also set the value return for ease of use.\n     * Only 2 input types use el.checked, different from all other input types - this is annoying.\n     * @param {HTMLElement} el HTML Element to be checked\n     * @returns {{value:boolean|null, checked:boolean|null}} Return null if properties not present, else the appropriate value\n     */\n    getFormElementValue(el) {\n        let value = null\n        let checked = null\n\n        switch (el.type) {\n            case 'checkbox':\n            case 'radio': {\n                value = checked = el.checked\n                // HTML does not normally return any value if not checked but we do for ease of use,\n                break\n            }\n\n            case 'select-multiple': {\n                // value = Array.from(el.selectedOptions).forEach( (sel) => sel.value )\n                value = Array.from(el.selectedOptions).map(option => option.value)\n                break\n            }\n\n            default: {\n                if (el.value) value = el.value\n\n                // Probably not really needed\n                if (el.checked) {\n                    value = checked = el.checked\n                    // HTML does not normally return any value if not checked but we do for ease of use,\n                }\n\n                // If the value is a valid number, use that instead of the text version - probably only applies to range inputs\n                if (el.valueAsNumber && !isNaN(el.valueAsNumber)) {\n                    value = el.valueAsNumber\n                }\n\n                break\n            }\n        }\n\n        return { value, checked }\n    }\n\n    // ! TODO - Handle fieldsets\n    /** For HTML Form elements (e.g. input, textarea, select), return the details\n     * @param {HTMLFormElement} el Source form element\n     * @returns {object|null} Form element key details\n     */\n    getFormElementDetails(el) {\n        if (!el.type) {\n            log(1, 'uibuilder:getFormElementDetails', 'Cannot get form element details as this is not an input type element')()\n            return null\n        }\n\n        // Get or create a (hopefully) unique ID\n        const id = this.returnElementId(el)\n        if (!id) {\n            log(1, 'uibuilder:getFormElementDetails', 'Cannot get form element details as no id is present and could not be generated')()\n            return null\n        }\n\n        let { value, checked } = this.getFormElementValue(el)\n\n        // For multi file input, get the file details as the value\n        // el.files is a FileList type & each entry is a File type - have to process these manually - stupid HTML!\n        // https://developer.mozilla.org/en-US/docs/Web/API/File_API/Using_files_from_web_applications\n        // NOTE: The eventSend fn calls uploadFiles if files present in form.\n        if (el.type === 'file' && el.files.length > 0) {\n            // Walk through each file in the FileList, get the details and send the file to Node-RED\n            value = this._processFilesInput(el.files)\n        }\n\n        const formDetails = {\n            'id': id,\n            'name': el.name,\n            'valid': el.checkValidity(),\n            'type': el.type,\n        }\n        if (value !== null) formDetails.value = value\n        if (checked !== null) formDetails.checked = checked\n\n        // If the form element has invalid content, try to report why\n        if (formDetails.valid === false) {\n            const v = el.validity\n            formDetails.validity = {\n                badInput: v.badInput === true ? v.badInput : undefined,\n                customError: v.customError === true ? v.customError : undefined,\n                patternMismatch: v.patternMismatch === true ? v.patternMismatch : undefined,\n                rangeOverflow: v.rangeOverflow === true ? v.rangeOverflow : undefined,\n                rangeUnderflow: v.rangeUnderflow === true ? v.rangeUnderflow : undefined,\n                stepMismatch: v.stepMismatch === true ? v.stepMismatch : undefined,\n                tooLong: v.tooLong === true ? v.tooLong : undefined,\n                tooShort: v.tooShort === true ? v.tooShort : undefined,\n                typeMismatch: v.typeMismatch === true ? v.typeMismatch : undefined,\n                valueMissing: v.valueMissing === true ? v.valueMissing : undefined,\n            }\n        }\n\n        // If any data-* attribs defined\n        if (Object.keys(el.dataset).length > 0) formDetails.data = el.dataset\n\n        return formDetails\n    }\n\n    /** Show a browser notification if possible.\n     * Config can be a simple string, a Node-RED msg (topic as title, payload as body)\n     * or a Notifications API options object + config.title string.\n     * @example uibuilder.notify( 'My simple message to the user' )\n     * @example uibuilder.notify( {topic: 'My Title', payload: 'My simple message to the user'} )\n     * @example uibuilder.notify( {title: 'My Title', body: 'My simple message to the user'} )\n     * @example // If config.return = true, a promise is returned.\n     * // The resolved promise is only returned if the notification is clicked by the user.\n     * // Can be used to send the response back to Node-RED\n     * uibuilder.notify(notifyConfig).then( res => uibuilder.eventSend(res) )\n     * @ref https://developer.mozilla.org/en-US/docs/Web/API/Notification/Notification\n     * @param {object|string} config Notification config data or simple message string\n     * @returns {Promise<Event>|null} A promise that resolves to the click event or null\n     */\n    notify(config) {\n        if (config.return) return _ui.notification(config)\n\n        _ui.notification(config)\n            .then( res => { // eslint-disable-line promise/always-return\n                log('info', 'Uib:notification', 'Notification completed event', res)()\n                // if (config.return) return res\n            })\n            .catch( err => {\n                log('error', 'Uib:notification', 'Notification error event', err)()\n            })\n        return null\n    }\n\n    /** Get or create a (hopefully) unique ID\n     * @param {HTMLFormElement} el Source form element\n     * @returns {string|null} A hopefully unique element ID\n     */\n    returnElementId(el) {\n        return el.id !== '' ? el.id : (el.name !== '' ? `${el.name}-${++this.#uniqueElID}` : (el.type ? `${el.type}-${++this.#uniqueElID}` : `${el.localName}-${++this.#uniqueElID}`))\n    }\n\n    /** Scroll the page\n     * https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView\n     * @param {string} [cssSelector] Optional. If not set, scrolls to top of page.\n     * @param {{block:(string|undefined),inline:(string|undefined),behavior:(string|undefined)}} [opts] Optional. DOM scrollIntoView options\n     * @returns {boolean} True if element was found, false otherwise\n     */\n    scrollTo(cssSelector, opts) {\n        // @ts-ignore\n        if (!opts) opts = {}\n        if (!cssSelector || cssSelector === 'top'  || cssSelector === 'start') cssSelector = 'body'\n        else if (cssSelector === 'bottom' || cssSelector === 'end') {\n            cssSelector = 'body'\n            opts.block = 'end'\n        }\n        const el = this.$(cssSelector)\n        if (el) {\n            el.scrollIntoView(opts)\n            return true\n        }\n        return false\n    }\n\n    /** * Show/hide a display card on the end of the visible HTML that will dynamically display the last incoming msg from Node-RED\n     * The card has the id `uib_last_msg`. Updates are done from a listener set up in the start function.\n     * @param {boolean|undefined} showHide true=show, false=hide. undefined=toggle.\n     * @param {string|undefined} parent Optional. If not undefined, a CSS selector to attach the display to. Defaults to `body`\n     * @returns {boolean} New state\n     */\n    showMsg(showHide, parent = 'body') {\n        if ( showHide === undefined ) showHide = !this.#isShowMsg\n        this.#isShowMsg = showHide\n        let slot = 'Waiting for a message from Node-RED'\n\n        if (this.msg && Object.keys(this.msg).length > 0) {\n            slot = this.syntaxHighlight(this.msg)\n        }\n\n        if ( showHide === false ) {\n            _ui._uiRemove( {\n                components: [\n                    '#uib_last_msg_wrap',\n                ],\n            })\n        } else {\n            _ui._uiReplace({\n                components: [\n                    {\n                        type: 'div',\n                        id: 'uib_last_msg_wrap',\n                        parent: parent,\n                        attributes: {\n                            title: 'Last message from Node-RED',\n                        },\n                        components: [\n                            {\n                                type: 'button',\n                                attributes: {\n                                    onclick: 'uibuilder.copyToClipboard(\"msg\")',\n                                    class: 'compact',\n                                    style: 'right:3em;',\n                                },\n                                slot: '\uD83D\uDCCB',\n                            },\n                            {\n                                type: 'button',\n                                attributes: {\n                                    onclick: 'uibuilder.showMsg()',\n                                    class: 'compact',\n                                    style: 'right:.5em;',\n                                },\n                                slot: '\u26D4',\n                            },\n                            {\n                                type: 'pre',\n                                id: 'uib_last_msg',\n                                // parent: 'uib_last_msg_wrap',\n                                attributes: {\n                                    class: 'syntax-highlight',\n                                },\n                                slot: slot,\n                            },\n                        ],\n                    },\n                ],\n            })\n        }\n\n        return showHide\n    }\n\n    /** Show/hide a display card on the end of the visible HTML that will dynamically display the current status of the uibuilder client\n     * The card has the id `uib_status`.\n     * The display is updated by an event listener created in the class constructor.\n     * @param {boolean|undefined} showHide true=show, false=hide. undefined=toggle.\n     * @param {string|undefined} parent Optional. If not undefined, a CSS selector to attach the display to. Defaults to `body`\n     * @returns {boolean} New state\n     */\n    showStatus(showHide, parent = 'body') {\n        if ( showHide === undefined ) showHide = !this.#isShowStatus\n        this.#isShowStatus = showHide\n\n        if ( showHide === false ) {\n            _ui._uiRemove( {\n                components: [\n                    '#uib_status',\n                ],\n            })\n            return showHide\n        }\n\n        const root = {\n            components: [\n                {\n                    type: 'div',\n                    id: 'uib_status',\n                    parent: parent,\n                    attributes: {\n                        title: 'Current status of the uibuilder client',\n                        class: 'text-smaller',\n                    },\n                    components: [\n                        {\n                            'type': 'table',\n                            'components': [\n                                {\n                                    'type': 'tbody',\n                                    'components': []\n                                }\n                            ]\n                        }\n                    ]\n                }\n            ]\n        }\n        const details = root.components[0].components[0].components[0].components\n\n        Object.values(this.#showStatus).forEach( entry => {\n            details.push({\n                'type': 'tr',\n                'attributes': {\n                    title: entry.description,\n                },\n                'components': [\n                    {\n                        'type': 'th',\n                        'slot': entry.label,\n                    },\n                    {\n                        'type': 'td',\n                        'attributes': {\n                            'data-varType': entry.var,\n                        },\n                        'slot': entry.var === 'version' ? Uib._meta.version : JSON.stringify(this[entry.var]),\n                    }\n                ],\n            })\n        })\n\n        _ui._uiReplace(root)\n\n        return showHide\n    }\n\n    /** Use the Mutation Observer browser API to watch for changes to a single element on the page.\n     * OMG! It is sooo hard to turn the data into something that successfully serialises so it can be sent back to Node-RED!\n     * NB: Each cssSelector creates a unique watcher. Sending the same selector overwrites the previous one.\n     * @param {string} cssSelector A CSS Selector that selects the element to watch for changes\n     * @param {boolean|\"toggle\"} [startStop] true=start watching the DOM, false=stop. Default='toggle'\n     * @param {boolean} [send] true=Send changes to Node-RED, false=Don't send. Default=true\n     * @param {boolean} [showLog] true=Output changes to log, false=stop. Default=true. Log level is 2 (Info)\n     * @returns {boolean} True if the watch is on, false otherwise\n     */\n    uiWatch(cssSelector, startStop = 'toggle', send = true, showLog = true) {\n        // Select the node that will be observed for mutations\n        const targetNode = document.querySelector(cssSelector)\n        if (!targetNode) {\n            log('warn', 'uibuilder.module.js:uiWatch', `CSS Selector '${cssSelector}' not found.`)()\n            return false\n        }\n\n        if (startStop === 'toggle' || startStop === undefined || startStop === null) {\n            if (this.#uiObservers[cssSelector]) startStop = false\n            else startStop = true\n        }\n\n        // Need a ref to the Uib this\n        const that = this\n\n        if (startStop === true) {\n            // Create an observer instance\n            this.#uiObservers[cssSelector] = new MutationObserver( function( mutationList /* , observer */ ) {\n                const out = []\n\n                mutationList.forEach( mu => {\n                    // console.log({ mu })\n                    const oMu = {\n                        type: mu.type,\n                        oldValue: mu.oldValue !== null ? mu.oldValue : undefined,\n                    }\n\n                    if (mu.addedNodes.length > 0) {\n                        oMu.addedNodes = []\n                        mu.addedNodes.forEach( (an, i) => {\n                            oMu.addedNodes.push(_ui.nodeGet(mu.addedNodes[i]))\n                        })\n                    }\n\n                    if (mu.removedNodes.length > 0) {\n                        oMu.removedNodes = []\n                        mu.removedNodes.forEach( (an, i) => {\n                            oMu.removedNodes.push(_ui.nodeGet(mu.removedNodes[i]))\n                        })\n                    }\n\n                    if ( mu.type === 'attributes' ) {\n                        oMu.attributeName = mu.attributeName\n                        // @ts-ignore\n                        oMu.newValue = mu.target.attributes[mu.attributeName].value\n                    }\n\n                    out.push(oMu)\n                })\n\n                // Custom event\n                that._dispatchCustomEvent('uibuilder:domChange', out)\n                // Send a msg back to node-red\n                if (send === true) {\n                    that.send({\n                        _ui: {\n                            cssSelector: cssSelector,\n                            uiChanges: out\n                        },\n                        topic: that.topic || `DOM Changes for '${cssSelector}'`,\n                    })\n                }\n                // Log to info\n                if (showLog === true) {\n                    log('info', 'uibuilder.module.js:uiWatch', `DOM Changes for '${cssSelector}'`, { uiChanges: out }, { mutationList })()\n                }\n            } )\n\n            // Start observing the target node for configured mutations\n            this.#uiObservers[cssSelector].observe(targetNode, { attributes: true, childList: true, subtree: true, characterData: true })\n            log('trace', 'uibuilder.module.js:uiWatch', `Started Watching DOM changes for '${cssSelector}'`)()\n        } else {\n            this.#uiObservers[cssSelector].disconnect()\n            delete this.#uiObservers[cssSelector]\n            log('trace', 'uibuilder.module.js:uiWatch', `Stopped Watching DOM changes for '${cssSelector}'`)()\n        }\n\n        return startStop\n    } // ---- End of watchDom ---- //\n\n    /** Use the Mutation Observer browser API to watch for and save changes to the HTML\n     * Once the observer is created, it will be reused.\n     * Sending true or undefined will turn on the observer, false turns it off.\n     * saveHtmlCache is called whenever anything changes in the dom. This allows\n     * users to call restoreHtmlFromCache() on page load if desired to completely reload\n     * to the last saved state.\n     * @param {boolean} startStop true=start watching the DOM, false=stop\n     */\n    watchDom(startStop) {\n        // Select the node that will be observed for mutations\n        const targetNode = document.documentElement\n\n        // Need a ref to the Uib this\n        const that = this\n\n        // Create an observer instance\n        if (!this._htmlObserver) {\n            this._htmlObserver = new MutationObserver( function(/* mutationList, observer */) {\n                // We don't need to know the details - so kill off any outstanding mutation records\n                this.takeRecords()\n                // Save the updated entire HTML in localStorage\n                that.saveHtmlCache()\n            } )\n        }\n\n        if (startStop === true || startStop === undefined) {\n            // Start observing the target node for configured mutations\n            this._htmlObserver.observe(targetNode, { attributes: true, childList: true, subtree: true, characterData: true })\n            log('trace', 'uibuilder.module.js:watchDom', 'Started Watching and saving DOM changes')()\n        } else {\n            this._htmlObserver.disconnect()\n            log('trace', 'uibuilder.module.js:watchDom', 'Stopped Watching and saving DOM changes')()\n        }\n    } // ---- End of watchDom ---- //\n\n    //#endregion -------- -------- -------- //\n\n    //#region ------- HTML cache --------- //\n\n    /** Clear the saved DOM from localStorage */\n    clearHtmlCache() {\n        this.removeStore('htmlCache')\n        log('trace', 'uibuilder.module.js:clearHtmlCache', 'HTML cache cleared')()\n    }\n\n    /** Restore the complete DOM (the whole web page) from browser localStorage if available */\n    restoreHtmlFromCache() {\n        // Is the html cached? If so, restore it\n        const htmlCache = this.getStore('htmlCache')\n        if (htmlCache) {\n            const targetNode = document.getElementsByTagName('html')[0]\n            // Restore the entire HTML\n            targetNode.innerHTML = htmlCache\n            log('trace', 'uibuilder.module.js:restoreHtmlFromCache', 'Restored HTML from cache')()\n        } else {\n            log('trace', 'uibuilder.module.js:restoreHtmlFromCache', 'No cache to restore')()\n        }\n    }\n\n    /** Save the current DOM state to browser localStorage.\n     * localStorage is persistent and so can be recovered even after a browser restart.\n     */\n    saveHtmlCache() {\n        // Save the updated entire HTML in localStorage\n        this.setStore('htmlCache', document.documentElement.innerHTML)\n    }\n\n    //#endregion -------- -------- -------- //\n\n    //#region ------- Message Handling (To/From Node-RED) -------- //\n\n    /** Handles original control msgs (not to be confused with \"new\" msg._uib controls)\n     * @param {*} receivedCtrlMsg The msg received on the socket.io control channel\n     */\n    _ctrlMsgFromServer(receivedCtrlMsg) {\n\n        // Make sure that msg is an object & not null\n        if (receivedCtrlMsg === null) {\n            receivedCtrlMsg = {}\n        } else if (typeof receivedCtrlMsg !== 'object') {\n            const msg = {}\n            msg['uibuilderCtrl:' + this._ioChannels.control] = receivedCtrlMsg\n            receivedCtrlMsg = msg\n        }\n\n        // @since 2018-10-07 v1.0.9: Work out local time offset from server\n        this._checkTimestamp(receivedCtrlMsg)\n\n        this.set('ctrlMsg', receivedCtrlMsg)\n        this.set('msgsCtrlReceived', ++this.msgsCtrlReceived)\n\n        log('trace', 'Uib:ioSetup:_ctrlMsgFromServer', `Channel '${this._ioChannels.control}'. Received control msg #${this.msgsCtrlReceived}`, receivedCtrlMsg)()\n\n        /** Process control msg types */\n        switch (receivedCtrlMsg.uibuilderCtrl) {\n            // Node-RED is shutting down\n            case 'shutdown': {\n                log('info', `Uib:ioSetup:${this._ioChannels.control}`, '\u274C Received \"shutdown\" from server')()\n                this.set('serverShutdown', undefined)\n                break\n            }\n\n            /** We are connected to the server - 1st msg from server */\n            case 'client connect': {\n                log('trace', `Uib:ioSetup:${this._ioChannels.control}`, 'Received \"client connect\" from server', receivedCtrlMsg)()\n                log('info', `Uib:ioSetup:${this._ioChannels.control}`, `\u2705 Server connected. Version: ${receivedCtrlMsg.version}\\nServer time: ${receivedCtrlMsg.serverTimestamp}, Sever time offset: ${this.serverTimeOffset} hours. Max msg size: ${receivedCtrlMsg.maxHttpBufferSize}`)()\n\n                if ( !Uib._meta.version.startsWith(receivedCtrlMsg.version.split('-')[0]) ) {\n                    log('warn', `Uib:ioSetup:${this._ioChannels.control}`, `Server version (${receivedCtrlMsg.version}) not the same as the client version (${Uib._meta.version})`)()\n                }\n\n                if (this.autoSendReady === true) { // eslint-disable-line no-lonely-if\n                    log('trace', `Uib:ioSetup:${this._ioChannels.control}/client connect`, 'Auto-sending ready-for-content/replay msg to server')\n                    // @since 0.4.8c Add cacheControl property for use with node-red-contrib-infocache\n                    // @since 6.1.0 Don't bother, we use the \"client connect\" msg\n                    // this._send({\n                    //     'uibuilderCtrl': 'ready for content',\n                    //     'cacheControl': 'REPLAY',\n                    // }, this._ioChannels.control)\n                }\n\n                // Save the current server max msg size - defaults to 1mb, change in settings.js\n                this.maxHttpBufferSize = receivedCtrlMsg.maxHttpBufferSize\n\n                break\n            }\n\n            // We requested this page's metadata from the server using getPageMeta() - this handles the response\n            case 'get page meta': {\n                this.set('pageMeta', receivedCtrlMsg.payload)\n                break\n            }\n\n            default: {\n                log('trace', `uibuilder:ioSetup:${this._ioChannels.control}`, `Received ${receivedCtrlMsg.uibuilderCtrl} from server`)\n                // Anything else to do for other control msgs?\n            }\n        } // ---- End of process control msg types ---- //\n    } // -- End of websocket receive CONTROL msg from Node-RED -- //\n\n    /** Do we want to process something? Check pageName, clientId, tabId. Defaults to yes.\n     * @param {*} obj Either a msg._ui or msg._uib object to check\n     * @returns {boolean} True if we should process the inbound _ui/_uib msg, false if not.\n     */\n    _forThis(obj) {\n        let r = true\n\n        // Is this msg for this pageName?\n        if (obj.pageName && obj.pageName !== this.pageName) {\n            log('trace', 'Uib:_msgRcvdEvents:_uib', 'Not for this page')()\n            r = false\n        }\n\n        // Is this msg for this clientId?\n        if (obj.clientId && obj.clientId !== this.clientId) {\n            log('trace', 'Uib:_msgRcvdEvents:_uib', 'Not for this clientId')()\n            r = false\n        }\n\n        // Is this msg for this tabId?\n        if (obj.tabId && obj.tabId !== this.tabId) {\n            log('trace', 'Uib:_msgRcvdEvents:_uib', 'Not for this tabId')()\n            r = false\n        }\n\n        return r\n    }\n\n    // Handle received messages - Process some msgs internally, emit specific events on document that make it easy for coders to use\n    _msgRcvdEvents(msg) {\n        // Message received\n        this._dispatchCustomEvent('uibuilder:stdMsgReceived', msg)\n\n        // Topic\n        if ( msg.topic ) this._dispatchCustomEvent(`uibuilder:msg:topic:${msg.topic}`, msg)\n\n        // Check whether the msg has already been processed - if so, we don't need to process again\n        if (msg._uib_processed_by) return\n        else msg._uib_processed_by = '_msgRcvdEvents'\n\n        // Handle msg._uib special requests\n        if (msg._uib) {\n            // Don't process if the inbound msg is not for us\n            if (!this._forThis(msg._uib)) return\n\n            /** Process a client reload request from Node-RED - as the page is reloaded, everything else is ignored\n             * Note that msg._ui.reload is also actioned via the _ui processing below */\n            if (msg._uib.reload === true) {\n                log('trace', 'Uib:_msgRcvdEvents:_uib:reload', 'reloading')()\n                msg._uib_processed_by = '_msgRcvdEvents - reload'\n                location.reload()\n                return\n            }\n\n            // Process msg._uib.command messages - allows Node-RED to run uibuilder FE functions\n            if (msg._uib.command) {\n                msg._uib_processed_by = '_msgRcvdEvents - remote command'\n                this._uibCommand(msg)\n                return\n            }\n\n            // Better to request via msg._ui - these are for backwards compatibility\n            if ( msg._uib.componentRef === 'globalNotification' ) {\n                msg._uib_processed_by = '_msgRcvdEvents - globalNotification'\n                _ui.showDialog('notify', msg._uib.options, msg)\n            }\n            if ( msg._uib.componentRef === 'globalAlert' ) {\n                msg._uib_processed_by = '_msgRcvdEvents - globalAlert'\n                _ui.showDialog('alert', msg._uib.options, msg)\n            }\n        }\n\n        // Handle msg._ui requests\n        if ( msg._ui ) {\n            // Don't process if the inbound msg is not for us\n            if (!this._forThis(msg._ui)) return\n\n            log('trace', 'Uib:_msgRcvdEvents:_ui', 'Calling _uiManager')()\n            msg._uib_processed_by = '_msgRcvdEvents - _ui'\n            this._dispatchCustomEvent('uibuilder:msg:_ui', msg)\n            _ui._uiManager(msg)\n        }\n    } // --- end of _msgRcvdEvents ---\n\n    /** Internal send fn. Send a standard or control msg back to Node-RED via Socket.IO\n     * NR will generally expect the msg to contain a payload topic\n     * @param {object} msgToSend The msg object to send.\n     * @param {string} [channel=uiBuilderClient] The Socket.IO channel to use, must be in self.ioChannels or it will be ignored\n     * @param {string} [originator] A Node-RED node ID to return the message to\n     */\n    _send(msgToSend, channel, originator = '') {\n        if (channel === null || channel === undefined) channel = this._ioChannels.client\n\n        // Make sure msgToSend is an object & add props to control msgs\n        if (channel === this._ioChannels.client) {\n            msgToSend = this.makeMeAnObject(msgToSend, 'payload')\n            if (this.hasUibRouter()) {\n                if (!msgToSend._uib) msgToSend._uib = {}\n                msgToSend._uib.routeId = this.uibrouter_CurrentRoute\n            }\n        } else if (channel === this._ioChannels.control) {\n            msgToSend = this.makeMeAnObject(msgToSend, 'uibuilderCtrl')\n            if (!Object.prototype.hasOwnProperty.call(msgToSend, 'uibuilderCtrl')) {\n                msgToSend.uibuilderCtrl = 'manual send'\n            }\n            // help remember where this came from as ctrl msgs can come from server or client\n            msgToSend.from = 'client'\n            // Add current route id if needed\n            if (this.hasUibRouter()) msgToSend.routeId = this.uibrouter_CurrentRoute\n        }\n\n        /** since 2020-01-02 Added _socketId which should be the same as the _socketId on the server */\n        msgToSend._socketId = this._socket.id\n\n        // WARNING: You cannot change any of the this._socket.auth settings at this point\n\n        // Add the originator metadata if required\n        if (originator === '' && this.originator !== '') originator = this.originator\n        if (originator !== '') Object.assign(msgToSend, { '_uib': { 'originator': originator } })\n\n        // If the msg does not have a topic - see if we want to add one\n        if ( !Object.prototype.hasOwnProperty.call(msgToSend, 'topic') ) {\n            // From the default (`uibuilder.set('topic', 'some topic')`)\n            if (this.topic !== undefined && this.topic !== '') msgToSend.topic = this.topic\n            else {\n                // Did the last inbound msg have a topic?\n                if ( Object.prototype.hasOwnProperty.call(this, 'msg') && Object.prototype.hasOwnProperty.call(this.msg, 'topic') ) {\n                    msgToSend.topic = this.msg.topic\n                }\n            }\n        }\n\n        // If a standard send & _ui property exists, make sure to add _ui.from = 'client' & routerId if needed\n        if (msgToSend._ui) {\n            msgToSend._ui.from = 'client'\n            if (this.hasUibRouter()) msgToSend._ui.routeId = this.uibrouter_CurrentRoute\n        }\n\n        // Check size and warn if may be too large - doesn't work if obj contains a buffer\n        // const approxMsgSize = this.getObjectSize(msgToSend)\n        // console.log(approxMsgSize, this.maxHttpBufferSize, approxMsgSize >= this.maxHttpBufferSize, msgToSend, this.getObjectSize(msgToSend))\n        // if (approxMsgSize >= this.maxHttpBufferSize) {\n        //     log('error', 'Uib:_send', `Message may be too large to send. Approx msg size: ${approxMsgSize}. Max msg size: ${this.maxHttpBufferSize}`)()\n        // }\n\n        // Track how many messages have been sent & last msg sent\n        let numMsgs\n        if (channel === this._ioChannels.client) {\n            this.set('sentMsg', msgToSend)\n            numMsgs = this.set('msgsSent', ++this.msgsSent)\n        } else if (channel === this._ioChannels.control) {\n            this.set('sentCtrlMsg', msgToSend)\n            numMsgs = this.set('msgsSentCtrl', ++this.msgsSentCtrl)\n        }\n        log('trace', 'Uib:_send', ` Channel '${channel}'. Sending msg #${numMsgs}`, msgToSend)()\n\n        this._socket.emit(channel, msgToSend)\n    } // --- End of Send Msg Fn --- //\n\n    /** Callback handler for messages from Node-RED\n     * NOTE: `this` is the class here rather the `socket` as would be normal since we bind the correct `this` in the call.\n     *       Use this._socket if needing reference to the socket.\n     * @callback ioSetupFromServer Called from ioSetup/this._socket.on(this.#ioChannels.server, this.stdMsgFromServer.bind(this))\n     * @param {object} receivedMsg The msg object from Node-RED\n     * @this Uib\n     */\n    _stdMsgFromServer(receivedMsg) {\n\n        // Make sure that msg is an object & not null\n        receivedMsg = this.makeMeAnObject(receivedMsg, 'payload')\n\n        // Don't process if the inbound msg is not for us\n        if (receivedMsg._uib && !this._forThis(receivedMsg._uib)) return\n        if (receivedMsg._ui && !this._forThis(receivedMsg._ui)) return\n\n        // @since 2018-10-07 v1.0.9: Work out local time offset from server\n        this._checkTimestamp(receivedMsg)\n\n        // Track how many messages have been received\n        this.set('msgsReceived', ++this.msgsReceived)\n\n        // Emit specific document events on msg receipt that make it easy for coders to use\n        this._msgRcvdEvents(receivedMsg)\n\n        if ( !('_ui' in receivedMsg && !('payload' in receivedMsg)) ) {\n            // Save the msg for further processing\n            this.set('msg', receivedMsg)\n        }\n\n        log('info', 'Uib:ioSetup:stdMsgFromServer', `Channel '${this._ioChannels.server}'. Received msg #${this.msgsReceived}.`, receivedMsg)()\n\n        // ! NOTE: Don't try to handle specialist messages here. See _msgRcvdEvents.\n    } // -- End of websocket receive DATA msg from Node-RED -- //\n\n    /** Process msg._uib.command - Remember to update #extCommands with new allowed commands\n     * @param {object} msg Msg from Node-RED containing a msg._uib object\n     */\n    _uibCommand(msg) {\n        if (!msg._uib || !msg._uib.command) {\n            log('error', 'uibuilder:_uibCommand', 'Invalid command message received', { msg })()\n            msg.payload = msg.error = 'Invalid command message received'\n            this.send(msg)\n            return\n        }\n        const cmd = msg._uib.command\n        // Disallowed command request outputs error and ignores the msg (NB: Case must match)\n        if (!this.#extCommands.includes(cmd.trim())) {\n            log('error', 'Uib:_uibCommand', `Command '${cmd} is not allowed to be called externally`)()\n            return\n        }\n        const prop = msg._uib.prop\n        const value = msg._uib.value\n        const quiet = msg._uib.quiet ?? false\n        let response, info\n\n        // Don't forget to update `#extCommands`, `docs/client-docs/control-from-node-red.md` & `functions.md`\n        switch (cmd) {\n            case 'elementIsVisible': {\n                response = this.elementIsVisible(prop)\n                // info = `Element \"${prop}\" ${response ? 'is visible' : 'is not visible'}`\n                break\n            }\n\n            case 'elementExists': {\n                response = this.elementExists(prop, false)\n                info = `Element \"${prop}\" ${response ? 'exists' : 'does not exist'}`\n                break\n            }\n\n            case 'get': {\n                response = this.get(prop)\n                break\n            }\n\n            case 'getManagedVarList': {\n                if (prop === 'full') response = this.getManagedVarList()\n                else response = Object.values(this.getManagedVarList())\n                break\n            }\n\n            case 'getWatchedVars': {\n                if (prop === 'full') response = this.getWatchedVars()\n                else response = Object.values(this.getWatchedVars())\n                break\n            }\n\n            case 'htmlSend': {\n                response = this.htmlSend('', false)\n                break\n            }\n\n            case 'include': {\n                // include is async\n                response = _ui.include(prop, value)\n                break\n            }\n\n            case 'navigate': {\n                let newUrl\n                if (prop) newUrl = prop\n                else if (value) newUrl = value\n                response = this.navigate(newUrl)\n                break\n            }\n\n            case 'scrollTo': {\n                response = this.scrollTo(prop, value)\n                break\n            }\n\n            case 'set': {\n                let store = false\n                let autoload = false\n                if (msg._uib.options && msg._uib.options.store) {\n                    if (msg._uib.options.store === true) store = true\n                    if (msg._uib.options.autoload === true) autoload = true\n                }\n                response = this.set(prop, value, store, autoload)\n                break\n            }\n\n            case 'showMsg': {\n                response = this.showMsg(value, prop)\n                break\n            }\n\n            case 'showStatus': {\n                response = this.showStatus(value, prop)\n                break\n            }\n\n            case 'uiGet': {\n                response = _ui.uiGet(prop, value)\n                break\n            }\n\n            case 'uiWatch': {\n                response = this.uiWatch(prop)\n                break\n            }\n\n            case 'watchUrlHash': {\n                response = this.watchUrlHash(prop)\n                break\n            }\n\n            default: {\n                log('warning', 'Uib:_uibCommand', `Command '${cmd}' not yet implemented`)()\n                break\n            }\n        }\n\n        if (quiet !== true) {\n            if (response === undefined) {\n                response = `'${prop}' is undefined`\n            }\n            if (Object(response).constructor === Promise) {\n                // response = `'${cmd} ${prop}' submitted. Cmd is async, no response available`\n                response\n                    .then( (/** @type {any} */ data) => {\n                        msg.payload = msg._uib.response = data\n                        msg.info = msg._uib.info = info\n                        if (!msg.topic) msg.topic = this.topic || `uib ${cmd} for '${prop}'`\n                        this.send(msg)\n                        return true\n                    })\n                    .catch( err => {\n                        log(0, 'Uib:_uibCommand', 'Error: ', err)()\n                    })\n            } else {\n                msg.payload = msg._uib.response = response\n                msg.info = msg._uib.info = info\n                if (!msg.topic) msg.topic = this.topic || `uib ${cmd} for '${prop}'`\n                this.send(msg)\n            }\n        }\n    } // --- end of _uibCommand ---\n\n    /** Send log text to uibuilder's beacon endpoint (works even if socket.io not connected)\n     * @param {string} txtToSend Text string to send\n     * @param {string|undefined} logLevel Log level to use. If not supplied, will default to debug\n     */\n    beaconLog(txtToSend, logLevel) {\n        if (!logLevel) logLevel = 'debug'\n        navigator.sendBeacon('./_clientLog', `${logLevel}::${txtToSend}`)\n    }\n\n    /** Request the current page's metadata from the server - response is handled automatically in _ctrlMsgFromServer */\n    getPageMeta() {\n        this.sendCtrl({\n            uibuilderCtrl: 'get page meta'\n        })\n    }\n\n    /** Easily send the entire DOM/HTML msg back to Node-RED\n     * @param {string} [originator] A Node-RED node ID to return the message to\n     * @param {boolean} [send] If true (default) directly send response to Node-RED. Is false when calling from Node-RED as a command.\n     * @returns {string} The HTML as a string\n     */\n    htmlSend(originator = '', send = true) {\n        const out = `<!doctype html>\\n${document.documentElement.outerHTML}`\n\n        // Set up the msg to send - NB: Topic may be added by this._send\n        const msg = {\n            payload: out,\n            length: out.length,\n            topic: this.topic,\n        }\n\n        log('trace', 'Uib:htmlSend', 'Sending full HTML to Node-RED', msg)()\n\n        if (send === true) this._send(msg, this._ioChannels.client, originator)\n        return out\n    }\n\n    /** Send log info back to Node-RED over uibuilder's websocket control output (Port #2)\n     * @param {...*} arguments All arguments passed to the function are added to the msg.payload\n     */\n    logToServer() {\n        this.sendCtrl({\n            uibuilderCtrl: 'client log message',\n            payload: arguments,\n            // \"version\":\"6.1.0-iife.min\",\n            _socketId: this._socket.id,\n            // \"ip\":\"::1\",\n            clientId: this.clientId,\n            tabId: this.tabId,\n            // \"url\":\"esp-test\",\n            pageName: this.pageName,\n            connections: this.connectedNum,\n            lastNavType: this.lastNavType,\n        })\n    }\n\n    /** Easily send a msg back to Node-RED on a DOM event\n     * @example In plain HTML/JavaScript\n     *    `<button id=\"button1\" name=\"button 1\" data-fred=\"jim\"></button>`\n     *    $('#button1').onclick = (evt) => {\n     *      uibuilder.eventSend(evt)\n     *    }\n     * @example\n     * In VueJS: `<b-button id=\"myButton1\" @click=\"doEvent\" data-something=\"hello\"></b-button>`\n     * In VueJS methods: `doEvent: uibuilder.eventSend,`\n     *\n     * All `data-` attributes will be passed back to Node-RED,\n     *    use them instead of arguments in the click function.\n     *    All target._ui custom properties are also passed back to Node-RED.\n     *\n     * @param {MouseEvent|any} domevent DOM Event object\n     * @param {string} [originator] A Node-RED node ID to return the message to\n     */\n    eventSend(domevent, originator = '') { // eslint-disable-line sonarjs/cognitive-complexity\n        // @ts-ignore Handle case where vue messes up `this`\n        if ( this.$attrs ) {\n            log('error', 'Uib:eventSend', '`this` has been usurped by VueJS. Make sure that you wrap the call in a function: `doEvent: function (event) { uibuilder.eventSend(event) },`' )()\n            return\n        }\n        if (!domevent && !event) {\n            log('warn', 'Uib:eventSend', 'Neither the domevent nor the hidden event properties are set. You probably called this function directly rather than applying to an on click event.' )()\n            return\n        }\n        // Handle no argument, e.g. <button onClick=\"uibuilder.eventSend()\"> - event is a hidden variable when fn used in addEventListener\n        if (!domevent || !domevent.constructor) domevent = event\n\n        // The argument must be a DOM event\n        if ((!domevent.constructor.name.endsWith('Event')) || (!domevent.currentTarget)) {\n            log('warn', 'Uib:eventSend', `ARGUMENT NOT A DOM EVENT - use data attributes not function arguments to pass data. Arg Type: ${domevent.constructor.name}`, domevent)()\n            return\n        }\n\n        // Prevent default event action\n        domevent.preventDefault()\n\n        // The target element\n        const target = domevent.currentTarget\n\n        // Get target custom properties - only shows custom props not element default ones\n        const props = this.getElementCustomProps(target)\n\n        // Attempt to get target attributs - can fail for certain target types\n        const attribs = this.getElementAttributes(target)\n\n        // Msg.payload\n        let payload = {}\n\n        // If target is embedded in a form, include ALL the form data in the output\n        let formDetails\n        if ( target.form ) {\n            formDetails = {\n                id: this.returnElementId(target.form),\n                valid: target.form.checkValidity(),\n            }\n\n            Object.values(target.form).forEach( (frmEl, i) => {\n                // Ignore <fieldset>, <object> - they don't have values\n                if (['fieldset', 'object'].includes(frmEl.type)) return\n\n                // NB: If type=files, this also sends the file to Node-RED\n                const details = this.getFormElementDetails(frmEl)\n                if (details) {\n                    formDetails[details.id] = details\n                    // simplified for addition to msg.payload\n                    payload[details.id] = details.value\n                }\n            })\n        } else {\n            if (target.type === 'file') {\n                // Walk through each file in the FileList, get the details and send the file to Node-RED\n                payload = this._processFilesInput(target.files)\n            }\n        }\n\n        // Check for CSS Classes\n        const classes = this.getElementClasses(target)\n\n        // Each `data-xxxx` attribute is added as a property\n        if (Object.keys(target.dataset).length > 0) payload = { ...payload, ...target.dataset }\n\n        // Check for element value/check props\n        const { value, checked } = this.getFormElementValue(target)\n        if (value !== null) payload.value = value\n        if (checked !== null) payload.checked = checked\n\n        // Handle Notification events\n        let nprops\n        if ( Object.prototype.toString.call(target) === '[object Notification]') {\n            // Fixed payload for convenience\n            payload = `notification-${target.userAction}`\n            // Capture the notification properties\n            nprops = {\n                // userAction: target.userAction, // uib custom prop: click, close or error\n                actions: target.actions,\n                badge: target.badge,\n                body: target.body,\n                data: target.data,\n                dir: target.dir,\n                icon: target.icon,\n                image: target.image,\n                lang: target.lang,\n                renotify: target.renotify,\n                requireInteraction: target.requireInteraction,\n                silent: target.silent,\n                tag: target.tag,\n                timestamp: target.timestamp,\n                title: target.title,\n                vibrate: target.vibrate,\n            }\n        }\n\n        // Set up the msg to send - NB: Topic may be added by this._send\n        const msg = {\n            // - this may be an empty Object if no data attributes defined\n            payload: payload,\n\n            _ui: {\n                type: 'eventSend',\n                id: target.id !== '' ? target.id : undefined,\n                name: target.name !== '' ? target.name : undefined,\n                slotText: target.textContent ? target.textContent.substring(0, 255) : undefined,\n\n                form: formDetails,\n                props: props,\n                attribs: attribs,\n                classes: classes,\n\n                notification: nprops,\n\n                event: domevent.type,\n                altKey: domevent.altKey,\n                ctrlKey: domevent.ctrlKey,\n                shiftKey: domevent.shiftKey,\n                metaKey: domevent.metaKey,\n\n                pointerType: domevent.pointerType,\n                nodeName: target.nodeName,\n\n                clientId: this.clientId,\n                pageName: this.pageName,\n                tabId: this.tabId,\n            }\n        }\n\n        log('trace', 'Uib:eventSend', 'Sending msg to Node-RED', msg)()\n\n        this._send(msg, this._ioChannels.client, originator)\n    }\n\n    /** Send a standard message to NR\n     * @example uibuilder.send({payload:'Hello'})\n     * @param {object} msg Message to send\n     * @param {string} [originator] A Node-RED node ID to return the message to\n     */\n    send(msg, originator = '') {\n        this._send(msg, this._ioChannels.client, originator)\n    }\n\n    // ! TODO: Rooms do not auto-reconnect. Add tracking and update _onConnect\n    // ! TODO: Add receipt handler on joining a room.\n\n    // NOTE: Rooms only understood by server not client so we have to use custom emits\n    //       They do not auto-reconnect\n\n    /** Send a msg to a pre-defined Socket.IO room\n     * @link https://socket.io/docs/v4/rooms/\n     * @param {string} room Name of a Socket.IO pre-defined room.\n     * @param {*} msg Message to send\n     */\n    sendRoom(room, msg) {\n        this._socket.emit('uib-room-send', room, msg )\n    }\n\n    joinRoom(room) {\n        this._socket.emit('uib-room-join', room)\n    }\n\n    leaveRoom(room) {\n        this._socket.emit('uib-room-leave', room)\n    }\n\n    /** Send a control msg to NR\n     * @param {object} msg Message to send\n     */\n    sendCtrl(msg) {\n        this._send(msg, this._ioChannels.control)\n    }\n\n    /**\n     * Send a message to Node-RED on a custom channel - use for UIBUILDER 3rd-party custom nodes\n     * @param {string} channel The custom channel name to use\n     * @param {object} msg The message to send\n     */\n    sendCustom(channel, msg) {\n        this._socket.emit(channel, msg)\n    }\n\n    /** Upload a file to Node-RED over Socket.IO\n     * https://developer.mozilla.org/en-US/docs/Web/API/FileReader\n     * @param {File} file Reference to File API object to upload\n     */\n    uploadFile(file) {\n        // Create a new FileReader instance\n        const reader = new FileReader()\n\n        // Define the onload event for the FileReader\n        reader.onload = (e) => {\n            // Get the binary content of the file\n            const arrayBuffer = e.target.result\n\n            // Send the binary content to the server\n            const msg = {\n                topic: this.topic || 'file-upload',\n                payload: arrayBuffer,\n                fileName: file.name,\n                type: file.type,\n                lastModified: file.lastModifiedDate,\n                size: file.size,\n            }\n\n            // Only send if content not too large\n            const maxSize = this.maxHttpBufferSize - 500\n            if (arrayBuffer.byteLength >= maxSize) {\n                msg.payload = undefined\n                msg.error = `File is too large to send. File size: ${arrayBuffer.byteLength}. Max msg size: ${maxSize}`\n                log('error', 'Uib:uploadFile', msg.error)()\n\n            }\n\n            this.send(msg)\n        }\n\n        // Read the file as an ArrayBuffer\n        reader.readAsArrayBuffer(file)\n    }\n    //#endregion -------- ------------ -------- //\n\n    //#region ------- Socket.IO -------- //\n\n    /** Return the Socket.IO namespace\n     * The cookie method is the most reliable but this falls back to trying to work it\n     * out from the URL if cookies not available. That won't work if page is in a sub-folder.\n     * since 2017-10-21 Improve method to cope with more complex paths - thanks to Steve Rickus @shrickus\n     * since 2017-11-10 v1.0.1 Check cookie first then url. cookie works even if the path is more complex (e.g. sub-folder)\n     * since 2020-01-25 Removed httpRoot from namespace to prevent proxy induced errors\n     * @returns {string} Socket.IO namespace\n     */\n    _getIOnamespace() {\n\n        let ioNamespace\n\n        /** Try getting the namespace cookie. */\n        ioNamespace = this.cookies['uibuilder-namespace']\n\n        // if it wasn't available, try using the current url path\n        if (ioNamespace === undefined || ioNamespace === '') {\n            // split url path & eliminate any blank elements, and trailing or double slashes\n            const u = window.location.pathname.split('/')\n                .filter(function (t) { return t.trim() !== '' })\n\n            /** since v2.0.5 Extra check for 0 length, Issue #73. since 2017-11-06 If the last element of the path is an .html file name, remove it */\n            if (u.length > 0 && (u[u.length - 1].endsWith('.html'))) u.pop()\n\n            // Get the last part of the url path, this MUST match the namespace in uibuilder\n            ioNamespace = u.pop()\n\n            log('trace', 'uibuilder.module.js:getIOnamespace', `Socket.IO namespace found via url path: ${ioNamespace}`)()\n        } else {\n            log('trace', 'uibuilder.module.js:getIOnamespace', `Socket.IO namespace found via cookie: ${ioNamespace}`)()\n        }\n\n        this.url = ioNamespace\n        // Namespace HAS to start with a /\n        ioNamespace = '/' + ioNamespace\n\n        log('trace', 'uibuilder.module.js:getIOnamespace', `Final Socket.IO namespace: ${ioNamespace}`)()\n\n        return ioNamespace\n    } // --- End of set IO namespace --- //\n\n    /** Function used to check whether Socket.IO is connected to the server, reconnect if not (recursive)\n     * @param {number} [delay] Initial delay before checking (ms). Default=2000ms\n     * @param {number} [factor] Multiplication factor for subsequent checks (delay*factor). Default=1.5\n     * @param {number} [depth] Recursion depth\n     * @returns {boolean|undefined} Whether or not Socket.IO is connected to uibuilder in Node-RED\n     */\n    _checkConnect(delay, factor, depth = 1) {\n        if ( navigator.onLine === false ) return // Don't bother if we know we are offline\n\n        if (!delay) delay = this.retryMs\n        if (!factor) factor = this.retryFactor\n\n        log('trace', 'Uib:checkConnect', `Checking connection. Connected: ${this._socket.connected}. Timer: ${this.#timerid}. Depth: ${depth}. Delay: ${delay}. Factor: ${factor}`, this._socket)()\n\n        // If we are connected ...\n        if (this._socket.connected === true) {\n            // Clear the setTimeout\n            if (this.#timerid) {\n                window.clearTimeout(this.#timerid)\n                this.#timerid = null\n            }\n            this.set('ioConnected', true)\n            this.set('socketError', null)\n            return true\n        }\n\n        // ... we aren't connected so:\n        this.set('ioConnected', false)\n\n        // we only want one running at a time\n        if (this.#timerid) window.clearTimeout(this.#timerid)\n\n        // Create the new timer\n        this.#timerid = window.setTimeout(() => {\n            log('warn', 'Uib:checkConnect:setTimeout', `Socket.IO reconnection attempt. Current delay: ${delay}. Depth: ${depth}`)()\n\n            // this is necessary sometimes when the socket fails to connect on startup\n            this._socket.disconnect()\n\n            // Try to reconnect\n            this._socket.connect()\n\n            // don't need to check whether we have connected as the timer will have been cleared if we have\n            this.#timerid = null\n\n            // @ts-ignore Create new timer for next time round with extended delay\n            this._checkConnect(delay * factor, factor, depth++)\n        }, delay)\n\n        return false\n    } // --- End of checkConnect Fn--- //\n\n    // See message handling section for msg receipt handlers\n\n    /** Called by _ioSetup when Socket.IO connects to Node-RED */\n    _onConnect() {\n        // WARNING: You cannot change any of the this._socket.auth settings at this point\n        log('info', 'Uib:ioSetup', `\u2705 SOCKET CONNECTED. Connection count: ${this.connectedNum}, Is a Recovery?: ${this._socket.recovered}. \\nNamespace: ${this.ioNamespace}`)()\n        this._dispatchCustomEvent('uibuilder:socket:connected', { 'numConnections': this.connectedNum, 'isRecovery': this._socket.recovered })\n\n        this._checkConnect() // resets any reconnection timers & sets connected flag\n    }\n\n    /** Called by _ioSetup when Socket.IO disconnects from Node-RED\n     * @param {string} reason Disconnection title\n     */\n    _onDisconnect(reason) {\n        // reason === 'io server disconnect' - redeploy of Node instance\n        // reason === 'transport close' - Node-RED terminating\n        // reason === 'ping timeout' - didn't receive a pong response?\n        log('info', 'Uib:ioSetup:socket-disconnect', `\u26D4 Socket Disconnected. Reason: ${reason}`)()\n\n        this._dispatchCustomEvent('uibuilder:socket:disconnected', reason)\n\n        /** A workaround for SIO's failure to reconnect after a disconnection */\n        this._checkConnect()\n    }\n\n    /** Setup Socket.io\n     * since v2.0.0-beta2 Moved to a function and called by the user (uibuilder.start()) so that namespace & path can be passed manually if needed\n     * @returns {boolean} Attaches socket.io manager to self._socket and updates self.ioNamespace & self.ioPath as needed\n     */\n    _ioSetup() {\n\n        // Just a notification, actual load is done outside the class (see start of file)\n        if (io === undefined) {\n            log('error', 'Uib:ioSetup', 'Socket.IO client not loaded, Node-RED comms will not work')()\n            return false\n        }\n\n        // If socket is already set up, close it and remove all of the listeners\n        if (this._socket) {\n            log('trace', 'Uib:ioSetup', 'Removing listeners in preparation for redoing Socket.IO connections')()\n            if (this.#timerid) {\n                window.clearTimeout(this.#timerid)\n                this.#timerid = null\n            }\n            this._socket.close()\n            this._socket.offAny()\n            this._socket = undefined\n            this.set('ioConnected', false)\n        }\n\n        // Update the URL path to make sure we have the right one\n        this.socketOptions.path = this.ioPath\n\n        // Create the socket - make sure client uses Socket.IO version from the uibuilder module (using path)\n        log('trace', 'Uib:ioSetup', `About to create IO object. Transports: [${this.socketOptions.transports.join(', ')}]`)()\n        this._socket = io(this.ioNamespace, this.socketOptions)\n\n        this._connectGlobal()\n\n        /** When the socket is connected - set ioConnected flag and reset connect timer  */\n        this._socket.on('connect', this._onConnect.bind(this))\n\n        // RECEIVE a STANDARD, non-control msg from Node-RED server\n        this._socket.on(this._ioChannels.server, this._stdMsgFromServer.bind(this))\n\n        // RECEIVE a CONTROL msg from Node-RED server - see also sendCtrl()\n        this._socket.on(this._ioChannels.control, this._ctrlMsgFromServer.bind(this))\n\n        // When the socket is disconnected ..............\n        this._socket.on('disconnect', this._onDisconnect.bind(this))\n\n        // Socket.io connection error - probably the wrong ioPath - or client is offline\n        this._socket.on('connect_error', (err) => {\n            if ( navigator.onLine === false ) return // Don't bother with an error if we know we are offline\n            log('error', 'Uib:ioSetup:connect_error', `\u274C Socket.IO Connect Error. Reason: ${err.message}`, err)()\n            this.set('ioConnected', false)\n            this.set('socketError', err)\n            this._dispatchCustomEvent('uibuilder:socket:disconnected', err)\n        }) // --- End of socket connect error processing ---\n\n        // Socket.io error - from the server (socket.use middleware triggered an error response)\n        this._socket.on('error', (err) => {\n            log('error', 'Uib:ioSetup:error', `\u274C Socket.IO Error. Reason: ${err.message}`, err)()\n            this.set('ioConnected', false)\n            this.set('socketError', err)\n            this._dispatchCustomEvent('uibuilder:socket:disconnected', err)\n        }) // --- End of socket error processing ---\n\n        // Ensure we are connected, retry if not\n        this._checkConnect()\n\n        return true\n\n        /* We really don't need these, just for interest\n            self._socket.io.on('packet', function onPacket(data){\n                // we get one of these for each REAL msg (not ping/pong)\n                console.debug('PACKET', data)\n            })\n            self._socket.on('pong', function(latency) {\n                console.debug('SOCKET PONG - Latency: ', latency)\n                //console.dir(self._socket)\n            }) // --- End of socket pong processing ---\n            self._socket.io.on('packet', function(data){\n                // We get one of these for actual messages, not ping/pong\n                console.debug('PACKET', data)\n            })\n            self._socket.on('connect_timeout', function(timeout) {\n                console.debug('SOCKET CONNECT TIMEOUT - Namespace: ' + ioNamespace + ', Timeout: ' + timeout)\n            }) // --- End of socket connect timeout processing ---\n            self._socket.on('reconnect', function(attemptNum) {\n                console.debug('SOCKET RECONNECTED - Namespace: ' + ioNamespace + ', Attempt #: ' + attemptNum)\n            }) // --- End of socket reconnect processing ---\n            self._socket.on('reconnect_attempt', function(attemptNum) {\n                console.debug('SOCKET RECONNECT ATTEMPT - Namespace: ' + ioNamespace + ', Attempt #: ' + attemptNum)\n            }) // --- End of socket reconnect_attempt processing ---\n            self._socket.on('reconnecting', function(attemptNum) {\n                console.debug('SOCKET RECONNECTING - Namespace: ' + ioNamespace + ', Attempt #: ' + attemptNum)\n            }) // --- End of socket reconnecting processing ---\n            self._socket.on('reconnect_error', function(err) {\n                console.debug('SOCKET RECONNECT ERROR - Namespace: ' + ioNamespace + ', Reason: ' + err.message)\n                //console.dir(err)\n            }) // --- End of socket reconnect_error processing ---\n            self._socket.on('reconnect_failed', function() {\n                console.debug('SOCKET RECONNECT FAILED - Namespace: ' + ioNamespace)\n            }) // --- End of socket reconnect_failed processing ---\n            self._socket.on('ping', function() {\n                console.debug('SOCKET PING')\n            }) // --- End of socket ping processing ---\n            self._socket.on('pong', function(latency) {\n                console.debug('SOCKET PONG - Latency: ', latency)\n            }) // --- End of socket pong processing ---\n            */\n    } // ---- End of ioSetup ---- //\n\n    /** Connect to global namespace & create global listener that updates the `globalMsg` var */\n    _connectGlobal() {\n        this._socketGlobal = io('/', this.socketOptions)\n        this._socketGlobal.onAny( (...args) => {\n            this.set('globalMsg', args.slice(0, -1))\n        })\n    }\n\n    /** Manually (re)connect socket.io */\n    connect() {\n        // ? Should I use this._checkConnect()?\n        this._socket.connect()\n    }\n\n    /** Manually disconnect socket.io and stop any auto-reconnect timer */\n    disconnect() {\n        this._socket.disconnect()\n        // As this is a manual disconnect, stop any reconnect timers\n        if (this.#timerid) window.clearTimeout(this.#timerid)\n    }\n\n    //#endregion -------- ------------ -------- //\n\n    //#region ! EXPERIMENTAL: Watch for and process uib-* or data-uib-* attributes in HTML and auto-process\n\n    /** Attempt to load a service worker\n     * https://yonatankra.com/how-service-workers-sped-up-our-website-by-97-5/\n     * @param {string} fileName Name of service worker js file (without .js extension)\n     */\n    // async registerServiceWorker(fileName) {\n    //     if (!navigator.serviceWorker) return\n\n    //     await navigator.serviceWorker.register(\n    //         `./${fileName}.js`,\n    //         {\n    //             scope: './',\n    //         }\n    //     )\n    // }\n\n    /** Wrap an object in a JS proxy\n     * WARNING: Sadly, `let x = uib.createProxy( [1,2] ); x.push(3);` Does not trigger a send because that is classed as a\n     * GET, not a SET.\n     * param {*} target The target object to proxy\n     * returns {Proxy} A proxied version of the target object\n     */\n    // createProxy(target) {\n    //     return new Proxy(target, {\n    //         _doSend(prop, val, oldVal) {\n    //             uibuilder.send({\n    //                 topic: 'uibuilder/proxy/change',\n    //                 _uib: {\n    //                     varChange: {\n    //                         name: self.$name,\n    //                         property: prop,\n    //                         oldValue: oldVal,\n    //                         newValue: val,\n    //                     }\n    //                 },\n    //                 payload: target,\n    //             })\n    //         },\n    //         get(target, prop, receiver) {\n    //             console.log('uib proxy - GET: ', prop, target)\n    //             let val = Reflect.get(...arguments)\n    //             if (typeof val === 'function') val = val.bind(target)\n    //             if (self.$sendChanges) this._doSend(prop, Reflect.get(target))\n    //             return val\n    //         },\n    //         set(target, prop, val, receiver) {\n    //             if (prop === '$sendChanges') {\n    //                 self.$sendChanges = typeof val === 'boolean' ? val : false\n    //                 return true\n    //             }\n    //             if (prop === '$name') {\n    //                 self.$name = typeof val === 'string' ? val : undefined\n    //                 return true\n    //             }\n    //             console.log('uib proxy - SET: ', val, prop, target)\n    //             const oldVal = Reflect.get(...arguments)\n    //             const worked = Reflect.set(target, prop, val, receiver)\n    //             if (self.$sendChanges && worked) {\n    //                 self._doSend(prop, val, oldVal)\n    //             }\n    //             return worked\n    //         },\n    //     })\n    // }\n\n    //#endregion ! EXPERIMENTAL\n\n    //#region ------- Class construction & startup method -------- //\n\n    constructor() {\n        log('trace', 'Uib:constructor', 'Starting')()\n\n        // Track whether the client is online or offline\n        window.addEventListener('offline', (e) => {\n            this.set('online', false)\n            this.set('ioConnected', false)\n            log('warn', 'Browser', 'DISCONNECTED from network')()\n        })\n        window.addEventListener('online', (e) => {\n            this.set('online', true)\n            log('warn', 'Browser', 'Reconnected to network')()\n            this._checkConnect()\n        })\n\n        document.cookie.split(';').forEach((c) => {\n            const splitC = c.split('=')\n            this.cookies[splitC[0].trim()] = splitC[1]\n        })\n\n        /** Client ID set by uibuilder - lasts until browser profile is closed, applies to all tabs */\n        this.set('clientId', this.cookies['uibuilder-client-id'])\n        log('trace', 'Uib:constructor', 'Client ID: ', this.clientId)()\n\n        /** Tab ID - lasts while the tab is open (even if reloaded)\n         * WARNING: Duplicating a tab retains the same tabId\n         */\n        this.set('tabId', window.sessionStorage.getItem('tabId'))\n        if (!this.tabId) {\n            this.set('tabId', `t${Math.floor(Math.random() * 1000000)}`)\n            window.sessionStorage.setItem('tabId', this.tabId)\n        }\n\n        // document.addEventListener('pagehide', (event) => {\n        //     // console.log(`pagehide. From Cache?: ${event.persisted}`)\n        //     navigator.sendBeacon('./_clientLog', `pagehide. From Cache?: ${event.persisted}`)\n        // })\n        // document.addEventListener('pageshow', (event) => {\n        //     // console.log(`pageshow. From Cache?: ${event.persisted}`)\n        //     navigator.sendBeacon('./_clientLog', `pageshow. From Cache?: ${event.persisted}`)\n        // })\n        document.addEventListener('load', () => {\n            this.set('isVisible', true)\n        })\n        document.addEventListener('visibilitychange', () => {\n            // hidden=unload, minimise. visible=un-minimise (not fired on load)\n            this.set('isVisible', document.visibilityState === 'visible')\n            this.sendCtrl({ uibuilderCtrl: 'visibility', isVisible: this.isVisible })\n            // navigator.userActivation is experimental Chromium only\n            // console.log('visibilitychange', ':', `Document Event: visibilitychange. Visibility State: ${document.visibilityState}. User Activity- Has:${navigator.userActivation.hasBeenActive}, Is:${navigator.userActivation.isActive}`)\n            // navigator.sendBeacon('./_clientLog', `${(new Date()).toISOString()} Document Event: visibilitychange. Visibility State: ${document.visibilityState}. User Activity- Has:${navigator.userActivation.hasBeenActive}, Is:${navigator.userActivation.isActive}`)\n        })\n\n        // Set a listener to update showStatus table if it is active\n        document.addEventListener('uibuilder:propertyChanged', (event) => {\n            if (!this.#isShowStatus) return\n\n            // @ts-ignore\n            if (event.detail.prop in this.#showStatus) {\n                // @ts-ignore\n                document.querySelector(`td[data-vartype=\"${event.detail.prop}\"]`).innerText = JSON.stringify(event.detail.value)\n            }\n        })\n\n        this.set('ioNamespace', this._getIOnamespace())\n\n        //#region - Try to make sure client uses Socket.IO client version from the uibuilder module (using cookie or path) @since v2.0.0 2019-02-24 allows for httpNodeRoot\n\n        /** httpNodeRoot (to set path) */\n        if ('uibuilder-webRoot' in this.cookies) {\n            this.set('httpNodeRoot', this.cookies['uibuilder-webRoot'])\n            log('trace', 'Uib:constructor', `httpNodeRoot set by cookie to \"${this.httpNodeRoot}\"`)()\n        } else {\n            // split current url path, eliminate any blank elements and trailing or double slashes\n            const fullPath = window.location.pathname.split('/').filter(function (t) { return t.trim() !== '' })\n            /** handle url includes file name - @since v2.0.5 Extra check for 0 length, Issue #73. */\n            if (fullPath.length > 0 && fullPath[fullPath.length - 1].endsWith('.html')) fullPath.pop()\n            fullPath.pop() // gives the last path section of the url\n            this.set('httpNodeRoot', `/${fullPath.join('/')}`)\n            log('trace', '[Uib:constructor]', `httpNodeRoot set by URL parsing to \"${this.httpNodeRoot}\". NOTE: This may fail for pages in sub-folders.`)()\n        }\n        this.set('ioPath', this.urlJoin(this.httpNodeRoot, Uib._meta.displayName, 'vendor', 'socket.io'))\n        log('trace', 'Uib:constructor', `ioPath: \"${this.ioPath}\"`)()\n\n        //#endregion\n\n        // Work out pageName\n        this.set('pageName', window.location.pathname.replace(`${this.ioNamespace}/`, ''))\n        if ( this.pageName.endsWith('/') ) this.set('pageName', `${this.pageName}index.html`)\n        if ( this.pageName === '' ) this.set('pageName', 'index.html')\n\n        // Attempt to restore autoload variables\n        try {\n            const autoloadVars = this.getStore('_uibAutoloadVars')\n            if (Object.keys(autoloadVars).length > 0) {\n                Object.keys(autoloadVars).forEach( (id) => {\n                    this.set(id, this.getStore(id))\n                })\n            }\n        } catch (e) {}\n\n        // ! Experimental service worker\n        // this.registerServiceWorker('sw')\n\n        this._dispatchCustomEvent('uibuilder:constructorComplete')\n\n        log('trace', 'Uib:constructor', 'Ending')()\n    }\n\n    /** Start up Socket.IO comms and listeners\n     * This has to be done separately because if running from a web page in a sub-folder of src/dist, uibuilder cannot\n     * necessarily work out the correct ioPath to use.\n     * Also, if cookies aren't permitted in the browser, both ioPath and ioNamespace may need to be specified.\n     * @param {object} [options] The start options object.\n     * @returns {void}\n     */\n    start(options) {\n        log('trace', 'Uib:start', 'Starting')()\n\n        // Cancel the msg event handler if already present\n        if ( this.#MsgHandler ) this.cancelChange('msg', this.#MsgHandler)\n\n        if (this.started === true) {\n            log('info', 'Uib:start', 'Start function already called. Resetting Socket.IO and msg handler.')()\n        }\n\n        log('log', 'Uib:start', 'Cookies: ', this.cookies, `\\nClient ID: ${this.clientId}`)()\n        log('trace', 'Uib:start', 'ioNamespace: ', this.ioNamespace, `\\nioPath: ${this.ioPath}`)()\n\n        // Handle options\n        if (options) {\n            if (options.ioNamespace) this.set('ioNamespace', options.ioNamespace)\n            if (options.ioPath) this.set('ioPath', options.ioPath)\n            if (options.nopolling && this.socketOptions.transports[0] === 'polling') this.socketOptions.transports.shift()\n        }\n\n        /** Handle specialist messages like reload and _ui -> Moved to _msgRcvdEvents */\n\n        // Track last browser navigation type: navigate, reload, back_forward, prerender\n        // TODO Needs more work - updates on navigation needed?\n        const [entry] = performance.getEntriesByType('navigation')\n        // @ts-ignore\n        this.set('lastNavType', entry.type)\n\n        // Start up (or restart) Socket.IO connections and listeners. Returns false if io not found\n        this.set('started', this._ioSetup())\n\n        if ( this.started === true ) {\n            log('trace', 'Uib:start', 'Start completed. Socket.IO client library loaded.')()\n        } else {\n            log('error', 'Uib:start', 'Start completed. ERROR: Socket.IO client library NOT LOADED.')()\n        }\n\n        // Watch for URL hash changes in case using a front-end router. Updates watched var `urlHash` and socket.io `auth.urlHash`\n        this._watchHashChanges()\n\n        // Check if Vue is present (used for dynamic UI processing)\n        if (window['Vue']) {\n            this.set('isVue', true)\n            try {\n                this.set('vueVersion', window['Vue'].version)\n            } catch (e) { }\n            log('trace', 'Uib:start', `VueJS is loaded. Version: ${this.vueVersion}`)()\n        } else {\n            log('trace', 'Uib:start', 'VueJS is not loaded.')()\n        }\n\n        // Check if DOMPurify library is loaded\n        if (window['DOMPurify']) {\n            this.set('purify', true)\n            log('trace', 'Uib:start', 'DOMPurify is loaded.')()\n        } else {\n            log('trace', 'Uib:start', 'DOMPurify is not loaded.')()\n        }\n        // Check if Markdown-IT library is loaded\n        if (window['markdownit']) {\n            this.set('markdown', true)\n            log('trace', 'Uib:start', 'Markdown-IT is loaded.')()\n        } else {\n            log('trace', 'Uib:start', 'Markdown-IT is not loaded.')()\n        }\n\n        // Set up msg listener for the optional showMsg\n        this.onChange('msg', (msg) => {\n            if (this.#isShowMsg === true) {\n                const eMsg = document.getElementById('uib_last_msg')\n                if (eMsg) eMsg.innerHTML = this.syntaxHighlight(msg)\n            }\n        })\n\n        // Initial scan for uib-* attributes & add suitable change processors\n        this._uibAttrScanAll(document)\n        // Observer to watch for new/changed elements & add suitable change processors\n        const observer = new MutationObserver(this._uibAttribObserver.bind(this))\n        observer.observe(document, {\n            subtree: true,\n            attributes: true,\n            attributeOldValue: true,\n            attributeFilter: this.uibAttribs,\n            childList: true\n        })\n\n        this._dispatchCustomEvent('uibuilder:startComplete')\n    }\n\n    //#endregion -------- ------------ -------- //\n} // ==== End of Class Uib ====\n\n//#region --- Wrap up - get things started, define globals & web components ---\n\n// Create an instance (we will only ever want one)\nconst uibuilder = new Uib()\n\n// Assign reference to the instance to the global `window` object\n// Only useful if loading via <script> tag - prefer loading via `import uibuilder from ...`\nif (!window['uibuilder']) {\n    window['uibuilder'] = uibuilder\n} else {\n    log('error', 'uibuilder.module.js', '`uibuilder` already assigned to window. Have you tried to load it more than once?')\n}\nif (!window['uib']) {\n    window['uib'] = uibuilder\n} else {\n    log('warn', 'uibuilder.module.js', '`uib` shortcut already assigned to window.')\n}\n\n// Assign `$` to global window object unless it is already in use.\n// Note that this is also available as `uibuilder.$`.\nif (!window['$']) {\n    /** @type {HTMLElement} */\n    window['$'] = window['uibuilder'].$ // document.querySelector.bind(document)\n} else {\n    log('warn', 'uibuilder.module.js', 'Cannot allocate the global `$`, it is already in use. Use `uibuilder.$` or `uib.$` instead.')\n}\n// Assign `$$` to global window object unless it is already in use.\n// Note that this is also available as `uibuilder.$$`.\nif (!window['$$']) {\n    /** @type {HTMLElement} */\n    window['$$'] = window['uibuilder'].$$ // document.querySelectorAll.bind(document)\n} else {\n    log('warn', 'uibuilder.module.js', 'Cannot allocate the global `$$`, it is already in use. Use `uibuilder.$$` or `uib.$$` instead.')\n}\n\n// Assign `$ui` to global window object unless it is already in use.\nif (!window['$ui']) {\n    /** @type {HTMLElement} */\n    window['$ui'] = window['uibuilder'].$ui\n} else {\n    log('warn', 'uibuilder.module.js', 'Cannot allocate the global `$ui`, it is already in use. Use `uibuilder.$ui` or `uib.$ui` instead.')\n}\n\nif (!('on' in document)) {\n    document.on = function (event, callback) {\n        this.addEventListener(event, callback)\n    }\n}\nif (!('on' in window)) {\n    window.on = function (event, callback) {\n        this.addEventListener(event, callback)\n    }\n}\n\ntry {\n    if (!('query' in Element)) {\n        Element.prototype.query = function(selector) {\n            return this.querySelector(selector)\n        }\n    }\n    if (!('queryAll' in Element)) {\n        Element.prototype.queryAll = function(selector) {\n            return this.querySelectorAll(selector)\n        }\n    }\n    if (!('on' in Element)) {\n        Element.prototype.on = function (event, callback) {\n            this.addEventListener(event, callback)\n        }\n    }\n} finally { } // eslint-disable-line no-empty\n\n// Can import as `import uibuilder from ...` OR `import {uibuilder} from ...`\nexport { uibuilder }\nexport default uibuilder\n\n// Attempt to run start fn\nuibuilder.start()\n\n// Add built-in web component classes as a new Custom Element to the window object\ncustomElements.define('uib-var', UibVar)\ncustomElements.define('uib-meta', UibMeta)\ncustomElements.define('apply-template', ApplyTemplate)\n\n//#endregion --- Wrap up ---\n\n// EOF\n", "const PACKET_TYPES = Object.create(null); // no Map = no polyfill\nPACKET_TYPES[\"open\"] = \"0\";\nPACKET_TYPES[\"close\"] = \"1\";\nPACKET_TYPES[\"ping\"] = \"2\";\nPACKET_TYPES[\"pong\"] = \"3\";\nPACKET_TYPES[\"message\"] = \"4\";\nPACKET_TYPES[\"upgrade\"] = \"5\";\nPACKET_TYPES[\"noop\"] = \"6\";\nconst PACKET_TYPES_REVERSE = Object.create(null);\nObject.keys(PACKET_TYPES).forEach((key) => {\n    PACKET_TYPES_REVERSE[PACKET_TYPES[key]] = key;\n});\nconst ERROR_PACKET = { type: \"error\", data: \"parser error\" };\nexport { PACKET_TYPES, PACKET_TYPES_REVERSE, ERROR_PACKET };\n", "import { PACKET_TYPES } from \"./commons.js\";\nconst withNativeBlob = typeof Blob === \"function\" ||\n    (typeof Blob !== \"undefined\" &&\n        Object.prototype.toString.call(Blob) === \"[object BlobConstructor]\");\nconst withNativeArrayBuffer = typeof ArrayBuffer === \"function\";\n// ArrayBuffer.isView method is not defined in IE10\nconst isView = (obj) => {\n    return typeof ArrayBuffer.isView === \"function\"\n        ? ArrayBuffer.isView(obj)\n        : obj && obj.buffer instanceof ArrayBuffer;\n};\nconst encodePacket = ({ type, data }, supportsBinary, callback) => {\n    if (withNativeBlob && data instanceof Blob) {\n        if (supportsBinary) {\n            return callback(data);\n        }\n        else {\n            return encodeBlobAsBase64(data, callback);\n        }\n    }\n    else if (withNativeArrayBuffer &&\n        (data instanceof ArrayBuffer || isView(data))) {\n        if (supportsBinary) {\n            return callback(data);\n        }\n        else {\n            return encodeBlobAsBase64(new Blob([data]), callback);\n        }\n    }\n    // plain string\n    return callback(PACKET_TYPES[type] + (data || \"\"));\n};\nconst encodeBlobAsBase64 = (data, callback) => {\n    const fileReader = new FileReader();\n    fileReader.onload = function () {\n        const content = fileReader.result.split(\",\")[1];\n        callback(\"b\" + (content || \"\"));\n    };\n    return fileReader.readAsDataURL(data);\n};\nfunction toArray(data) {\n    if (data instanceof Uint8Array) {\n        return data;\n    }\n    else if (data instanceof ArrayBuffer) {\n        return new Uint8Array(data);\n    }\n    else {\n        return new Uint8Array(data.buffer, data.byteOffset, data.byteLength);\n    }\n}\nlet TEXT_ENCODER;\nexport function encodePacketToBinary(packet, callback) {\n    if (withNativeBlob && packet.data instanceof Blob) {\n        return packet.data.arrayBuffer().then(toArray).then(callback);\n    }\n    else if (withNativeArrayBuffer &&\n        (packet.data instanceof ArrayBuffer || isView(packet.data))) {\n        return callback(toArray(packet.data));\n    }\n    encodePacket(packet, false, (encoded) => {\n        if (!TEXT_ENCODER) {\n            TEXT_ENCODER = new TextEncoder();\n        }\n        callback(TEXT_ENCODER.encode(encoded));\n    });\n}\nexport { encodePacket };\n", "// imported from https://github.com/socketio/base64-arraybuffer\nconst chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';\n// Use a lookup table to find the index.\nconst lookup = typeof Uint8Array === 'undefined' ? [] : new Uint8Array(256);\nfor (let i = 0; i < chars.length; i++) {\n    lookup[chars.charCodeAt(i)] = i;\n}\nexport const encode = (arraybuffer) => {\n    let bytes = new Uint8Array(arraybuffer), i, len = bytes.length, base64 = '';\n    for (i = 0; i < len; i += 3) {\n        base64 += chars[bytes[i] >> 2];\n        base64 += chars[((bytes[i] & 3) << 4) | (bytes[i + 1] >> 4)];\n        base64 += chars[((bytes[i + 1] & 15) << 2) | (bytes[i + 2] >> 6)];\n        base64 += chars[bytes[i + 2] & 63];\n    }\n    if (len % 3 === 2) {\n        base64 = base64.substring(0, base64.length - 1) + '=';\n    }\n    else if (len % 3 === 1) {\n        base64 = base64.substring(0, base64.length - 2) + '==';\n    }\n    return base64;\n};\nexport const decode = (base64) => {\n    let bufferLength = base64.length * 0.75, len = base64.length, i, p = 0, encoded1, encoded2, encoded3, encoded4;\n    if (base64[base64.length - 1] === '=') {\n        bufferLength--;\n        if (base64[base64.length - 2] === '=') {\n            bufferLength--;\n        }\n    }\n    const arraybuffer = new ArrayBuffer(bufferLength), bytes = new Uint8Array(arraybuffer);\n    for (i = 0; i < len; i += 4) {\n        encoded1 = lookup[base64.charCodeAt(i)];\n        encoded2 = lookup[base64.charCodeAt(i + 1)];\n        encoded3 = lookup[base64.charCodeAt(i + 2)];\n        encoded4 = lookup[base64.charCodeAt(i + 3)];\n        bytes[p++] = (encoded1 << 2) | (encoded2 >> 4);\n        bytes[p++] = ((encoded2 & 15) << 4) | (encoded3 >> 2);\n        bytes[p++] = ((encoded3 & 3) << 6) | (encoded4 & 63);\n    }\n    return arraybuffer;\n};\n", "import { ERROR_PACKET, PACKET_TYPES_REVERSE, } from \"./commons.js\";\nimport { decode } from \"./contrib/base64-arraybuffer.js\";\nconst withNativeArrayBuffer = typeof ArrayBuffer === \"function\";\nexport const decodePacket = (encodedPacket, binaryType) => {\n    if (typeof encodedPacket !== \"string\") {\n        return {\n            type: \"message\",\n            data: mapBinary(encodedPacket, binaryType),\n        };\n    }\n    const type = encodedPacket.charAt(0);\n    if (type === \"b\") {\n        return {\n            type: \"message\",\n            data: decodeBase64Packet(encodedPacket.substring(1), binaryType),\n        };\n    }\n    const packetType = PACKET_TYPES_REVERSE[type];\n    if (!packetType) {\n        return ERROR_PACKET;\n    }\n    return encodedPacket.length > 1\n        ? {\n            type: PACKET_TYPES_REVERSE[type],\n            data: encodedPacket.substring(1),\n        }\n        : {\n            type: PACKET_TYPES_REVERSE[type],\n        };\n};\nconst decodeBase64Packet = (data, binaryType) => {\n    if (withNativeArrayBuffer) {\n        const decoded = decode(data);\n        return mapBinary(decoded, binaryType);\n    }\n    else {\n        return { base64: true, data }; // fallback for old browsers\n    }\n};\nconst mapBinary = (data, binaryType) => {\n    switch (binaryType) {\n        case \"blob\":\n            if (data instanceof Blob) {\n                // from WebSocket + binaryType \"blob\"\n                return data;\n            }\n            else {\n                // from HTTP long-polling or WebTransport\n                return new Blob([data]);\n            }\n        case \"arraybuffer\":\n        default:\n            if (data instanceof ArrayBuffer) {\n                // from HTTP long-polling (base64) or WebSocket + binaryType \"arraybuffer\"\n                return data;\n            }\n            else {\n                // from WebTransport (Uint8Array)\n                return data.buffer;\n            }\n    }\n};\n", "import { encodePacket, encodePacketToBinary } from \"./encodePacket.js\";\nimport { decodePacket } from \"./decodePacket.js\";\nimport { ERROR_PACKET, } from \"./commons.js\";\nconst SEPARATOR = String.fromCharCode(30); // see https://en.wikipedia.org/wiki/Delimiter#ASCII_delimited_text\nconst encodePayload = (packets, callback) => {\n    // some packets may be added to the array while encoding, so the initial length must be saved\n    const length = packets.length;\n    const encodedPackets = new Array(length);\n    let count = 0;\n    packets.forEach((packet, i) => {\n        // force base64 encoding for binary packets\n        encodePacket(packet, false, (encodedPacket) => {\n            encodedPackets[i] = encodedPacket;\n            if (++count === length) {\n                callback(encodedPackets.join(SEPARATOR));\n            }\n        });\n    });\n};\nconst decodePayload = (encodedPayload, binaryType) => {\n    const encodedPackets = encodedPayload.split(SEPARATOR);\n    const packets = [];\n    for (let i = 0; i < encodedPackets.length; i++) {\n        const decodedPacket = decodePacket(encodedPackets[i], binaryType);\n        packets.push(decodedPacket);\n        if (decodedPacket.type === \"error\") {\n            break;\n        }\n    }\n    return packets;\n};\nexport function createPacketEncoderStream() {\n    return new TransformStream({\n        transform(packet, controller) {\n            encodePacketToBinary(packet, (encodedPacket) => {\n                const payloadLength = encodedPacket.length;\n                let header;\n                // inspired by the WebSocket format: https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API/Writing_WebSocket_servers#decoding_payload_length\n                if (payloadLength < 126) {\n                    header = new Uint8Array(1);\n                    new DataView(header.buffer).setUint8(0, payloadLength);\n                }\n                else if (payloadLength < 65536) {\n                    header = new Uint8Array(3);\n                    const view = new DataView(header.buffer);\n                    view.setUint8(0, 126);\n                    view.setUint16(1, payloadLength);\n                }\n                else {\n                    header = new Uint8Array(9);\n                    const view = new DataView(header.buffer);\n                    view.setUint8(0, 127);\n                    view.setBigUint64(1, BigInt(payloadLength));\n                }\n                // first bit indicates whether the payload is plain text (0) or binary (1)\n                if (packet.data && typeof packet.data !== \"string\") {\n                    header[0] |= 0x80;\n                }\n                controller.enqueue(header);\n                controller.enqueue(encodedPacket);\n            });\n        },\n    });\n}\nlet TEXT_DECODER;\nfunction totalLength(chunks) {\n    return chunks.reduce((acc, chunk) => acc + chunk.length, 0);\n}\nfunction concatChunks(chunks, size) {\n    if (chunks[0].length === size) {\n        return chunks.shift();\n    }\n    const buffer = new Uint8Array(size);\n    let j = 0;\n    for (let i = 0; i < size; i++) {\n        buffer[i] = chunks[0][j++];\n        if (j === chunks[0].length) {\n            chunks.shift();\n            j = 0;\n        }\n    }\n    if (chunks.length && j < chunks[0].length) {\n        chunks[0] = chunks[0].slice(j);\n    }\n    return buffer;\n}\nexport function createPacketDecoderStream(maxPayload, binaryType) {\n    if (!TEXT_DECODER) {\n        TEXT_DECODER = new TextDecoder();\n    }\n    const chunks = [];\n    let state = 0 /* State.READ_HEADER */;\n    let expectedLength = -1;\n    let isBinary = false;\n    return new TransformStream({\n        transform(chunk, controller) {\n            chunks.push(chunk);\n            while (true) {\n                if (state === 0 /* State.READ_HEADER */) {\n                    if (totalLength(chunks) < 1) {\n                        break;\n                    }\n                    const header = concatChunks(chunks, 1);\n                    isBinary = (header[0] & 0x80) === 0x80;\n                    expectedLength = header[0] & 0x7f;\n                    if (expectedLength < 126) {\n                        state = 3 /* State.READ_PAYLOAD */;\n                    }\n                    else if (expectedLength === 126) {\n                        state = 1 /* State.READ_EXTENDED_LENGTH_16 */;\n                    }\n                    else {\n                        state = 2 /* State.READ_EXTENDED_LENGTH_64 */;\n                    }\n                }\n                else if (state === 1 /* State.READ_EXTENDED_LENGTH_16 */) {\n                    if (totalLength(chunks) < 2) {\n                        break;\n                    }\n                    const headerArray = concatChunks(chunks, 2);\n                    expectedLength = new DataView(headerArray.buffer, headerArray.byteOffset, headerArray.length).getUint16(0);\n                    state = 3 /* State.READ_PAYLOAD */;\n                }\n                else if (state === 2 /* State.READ_EXTENDED_LENGTH_64 */) {\n                    if (totalLength(chunks) < 8) {\n                        break;\n                    }\n                    const headerArray = concatChunks(chunks, 8);\n                    const view = new DataView(headerArray.buffer, headerArray.byteOffset, headerArray.length);\n                    const n = view.getUint32(0);\n                    if (n > Math.pow(2, 53 - 32) - 1) {\n                        // the maximum safe integer in JavaScript is 2^53 - 1\n                        controller.enqueue(ERROR_PACKET);\n                        break;\n                    }\n                    expectedLength = n * Math.pow(2, 32) + view.getUint32(4);\n                    state = 3 /* State.READ_PAYLOAD */;\n                }\n                else {\n                    if (totalLength(chunks) < expectedLength) {\n                        break;\n                    }\n                    const data = concatChunks(chunks, expectedLength);\n                    controller.enqueue(decodePacket(isBinary ? data : TEXT_DECODER.decode(data), binaryType));\n                    state = 0 /* State.READ_HEADER */;\n                }\n                if (expectedLength === 0 || expectedLength > maxPayload) {\n                    controller.enqueue(ERROR_PACKET);\n                    break;\n                }\n            }\n        },\n    });\n}\nexport const protocol = 4;\nexport { encodePacket, encodePayload, decodePacket, decodePayload, };\n", "/**\n * Initialize a new `Emitter`.\n *\n * @api public\n */\n\nexport function Emitter(obj) {\n  if (obj) return mixin(obj);\n}\n\n/**\n * Mixin the emitter properties.\n *\n * @param {Object} obj\n * @return {Object}\n * @api private\n */\n\nfunction mixin(obj) {\n  for (var key in Emitter.prototype) {\n    obj[key] = Emitter.prototype[key];\n  }\n  return obj;\n}\n\n/**\n * Listen on the given `event` with `fn`.\n *\n * @param {String} event\n * @param {Function} fn\n * @return {Emitter}\n * @api public\n */\n\nEmitter.prototype.on =\nEmitter.prototype.addEventListener = function(event, fn){\n  this._callbacks = this._callbacks || {};\n  (this._callbacks['$' + event] = this._callbacks['$' + event] || [])\n    .push(fn);\n  return this;\n};\n\n/**\n * Adds an `event` listener that will be invoked a single\n * time then automatically removed.\n *\n * @param {String} event\n * @param {Function} fn\n * @return {Emitter}\n * @api public\n */\n\nEmitter.prototype.once = function(event, fn){\n  function on() {\n    this.off(event, on);\n    fn.apply(this, arguments);\n  }\n\n  on.fn = fn;\n  this.on(event, on);\n  return this;\n};\n\n/**\n * Remove the given callback for `event` or all\n * registered callbacks.\n *\n * @param {String} event\n * @param {Function} fn\n * @return {Emitter}\n * @api public\n */\n\nEmitter.prototype.off =\nEmitter.prototype.removeListener =\nEmitter.prototype.removeAllListeners =\nEmitter.prototype.removeEventListener = function(event, fn){\n  this._callbacks = this._callbacks || {};\n\n  // all\n  if (0 == arguments.length) {\n    this._callbacks = {};\n    return this;\n  }\n\n  // specific event\n  var callbacks = this._callbacks['$' + event];\n  if (!callbacks) return this;\n\n  // remove all handlers\n  if (1 == arguments.length) {\n    delete this._callbacks['$' + event];\n    return this;\n  }\n\n  // remove specific handler\n  var cb;\n  for (var i = 0; i < callbacks.length; i++) {\n    cb = callbacks[i];\n    if (cb === fn || cb.fn === fn) {\n      callbacks.splice(i, 1);\n      break;\n    }\n  }\n\n  // Remove event specific arrays for event types that no\n  // one is subscribed for to avoid memory leak.\n  if (callbacks.length === 0) {\n    delete this._callbacks['$' + event];\n  }\n\n  return this;\n};\n\n/**\n * Emit `event` with the given args.\n *\n * @param {String} event\n * @param {Mixed} ...\n * @return {Emitter}\n */\n\nEmitter.prototype.emit = function(event){\n  this._callbacks = this._callbacks || {};\n\n  var args = new Array(arguments.length - 1)\n    , callbacks = this._callbacks['$' + event];\n\n  for (var i = 1; i < arguments.length; i++) {\n    args[i - 1] = arguments[i];\n  }\n\n  if (callbacks) {\n    callbacks = callbacks.slice(0);\n    for (var i = 0, len = callbacks.length; i < len; ++i) {\n      callbacks[i].apply(this, args);\n    }\n  }\n\n  return this;\n};\n\n// alias used for reserved events (protected method)\nEmitter.prototype.emitReserved = Emitter.prototype.emit;\n\n/**\n * Return array of callbacks for `event`.\n *\n * @param {String} event\n * @return {Array}\n * @api public\n */\n\nEmitter.prototype.listeners = function(event){\n  this._callbacks = this._callbacks || {};\n  return this._callbacks['$' + event] || [];\n};\n\n/**\n * Check if this emitter has `event` handlers.\n *\n * @param {String} event\n * @return {Boolean}\n * @api public\n */\n\nEmitter.prototype.hasListeners = function(event){\n  return !! this.listeners(event).length;\n};\n", "export const globalThisShim = (() => {\n    if (typeof self !== \"undefined\") {\n        return self;\n    }\n    else if (typeof window !== \"undefined\") {\n        return window;\n    }\n    else {\n        return Function(\"return this\")();\n    }\n})();\n", "import { globalThisShim as globalThis } from \"./globalThis.js\";\nexport function pick(obj, ...attr) {\n    return attr.reduce((acc, k) => {\n        if (obj.hasOwnProperty(k)) {\n            acc[k] = obj[k];\n        }\n        return acc;\n    }, {});\n}\n// Keep a reference to the real timeout functions so they can be used when overridden\nconst NATIVE_SET_TIMEOUT = globalThis.setTimeout;\nconst NATIVE_CLEAR_TIMEOUT = globalThis.clearTimeout;\nexport function installTimerFunctions(obj, opts) {\n    if (opts.useNativeTimers) {\n        obj.setTimeoutFn = NATIVE_SET_TIMEOUT.bind(globalThis);\n        obj.clearTimeoutFn = NATIVE_CLEAR_TIMEOUT.bind(globalThis);\n    }\n    else {\n        obj.setTimeoutFn = globalThis.setTimeout.bind(globalThis);\n        obj.clearTimeoutFn = globalThis.clearTimeout.bind(globalThis);\n    }\n}\n// base64 encoded buffers are about 33% bigger (https://en.wikipedia.org/wiki/Base64)\nconst BASE64_OVERHEAD = 1.33;\n// we could also have used `new Blob([obj]).size`, but it isn't supported in IE9\nexport function byteLength(obj) {\n    if (typeof obj === \"string\") {\n        return utf8Length(obj);\n    }\n    // arraybuffer or blob\n    return Math.ceil((obj.byteLength || obj.size) * BASE64_OVERHEAD);\n}\nfunction utf8Length(str) {\n    let c = 0, length = 0;\n    for (let i = 0, l = str.length; i < l; i++) {\n        c = str.charCodeAt(i);\n        if (c < 0x80) {\n            length += 1;\n        }\n        else if (c < 0x800) {\n            length += 2;\n        }\n        else if (c < 0xd800 || c >= 0xe000) {\n            length += 3;\n        }\n        else {\n            i++;\n            length += 4;\n        }\n    }\n    return length;\n}\n", "// imported from https://github.com/galkn/querystring\n/**\n * Compiles a querystring\n * Returns string representation of the object\n *\n * @param {Object}\n * @api private\n */\nexport function encode(obj) {\n    let str = '';\n    for (let i in obj) {\n        if (obj.hasOwnProperty(i)) {\n            if (str.length)\n                str += '&';\n            str += encodeURIComponent(i) + '=' + encodeURIComponent(obj[i]);\n        }\n    }\n    return str;\n}\n/**\n * Parses a simple querystring into an object\n *\n * @param {String} qs\n * @api private\n */\nexport function decode(qs) {\n    let qry = {};\n    let pairs = qs.split('&');\n    for (let i = 0, l = pairs.length; i < l; i++) {\n        let pair = pairs[i].split('=');\n        qry[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1]);\n    }\n    return qry;\n}\n", "import { decodePacket } from \"engine.io-parser\";\nimport { Emitter } from \"@socket.io/component-emitter\";\nimport { installTimerFunctions } from \"./util.js\";\nimport { encode } from \"./contrib/parseqs.js\";\nexport class TransportError extends Error {\n    constructor(reason, description, context) {\n        super(reason);\n        this.description = description;\n        this.context = context;\n        this.type = \"TransportError\";\n    }\n}\nexport class Transport extends Emitter {\n    /**\n     * Transport abstract constructor.\n     *\n     * @param {Object} opts - options\n     * @protected\n     */\n    constructor(opts) {\n        super();\n        this.writable = false;\n        installTimerFunctions(this, opts);\n        this.opts = opts;\n        this.query = opts.query;\n        this.socket = opts.socket;\n    }\n    /**\n     * Emits an error.\n     *\n     * @param {String} reason\n     * @param description\n     * @param context - the error context\n     * @return {Transport} for chaining\n     * @protected\n     */\n    onError(reason, description, context) {\n        super.emitReserved(\"error\", new TransportError(reason, description, context));\n        return this;\n    }\n    /**\n     * Opens the transport.\n     */\n    open() {\n        this.readyState = \"opening\";\n        this.doOpen();\n        return this;\n    }\n    /**\n     * Closes the transport.\n     */\n    close() {\n        if (this.readyState === \"opening\" || this.readyState === \"open\") {\n            this.doClose();\n            this.onClose();\n        }\n        return this;\n    }\n    /**\n     * Sends multiple packets.\n     *\n     * @param {Array} packets\n     */\n    send(packets) {\n        if (this.readyState === \"open\") {\n            this.write(packets);\n        }\n        else {\n            // this might happen if the transport was silently closed in the beforeunload event handler\n        }\n    }\n    /**\n     * Called upon open\n     *\n     * @protected\n     */\n    onOpen() {\n        this.readyState = \"open\";\n        this.writable = true;\n        super.emitReserved(\"open\");\n    }\n    /**\n     * Called with data.\n     *\n     * @param {String} data\n     * @protected\n     */\n    onData(data) {\n        const packet = decodePacket(data, this.socket.binaryType);\n        this.onPacket(packet);\n    }\n    /**\n     * Called with a decoded packet.\n     *\n     * @protected\n     */\n    onPacket(packet) {\n        super.emitReserved(\"packet\", packet);\n    }\n    /**\n     * Called upon close.\n     *\n     * @protected\n     */\n    onClose(details) {\n        this.readyState = \"closed\";\n        super.emitReserved(\"close\", details);\n    }\n    /**\n     * Pauses the transport, in order not to lose packets during an upgrade.\n     *\n     * @param onPause\n     */\n    pause(onPause) { }\n    createUri(schema, query = {}) {\n        return (schema +\n            \"://\" +\n            this._hostname() +\n            this._port() +\n            this.opts.path +\n            this._query(query));\n    }\n    _hostname() {\n        const hostname = this.opts.hostname;\n        return hostname.indexOf(\":\") === -1 ? hostname : \"[\" + hostname + \"]\";\n    }\n    _port() {\n        if (this.opts.port &&\n            ((this.opts.secure && Number(this.opts.port !== 443)) ||\n                (!this.opts.secure && Number(this.opts.port) !== 80))) {\n            return \":\" + this.opts.port;\n        }\n        else {\n            return \"\";\n        }\n    }\n    _query(query) {\n        const encodedQuery = encode(query);\n        return encodedQuery.length ? \"?\" + encodedQuery : \"\";\n    }\n}\n", "// imported from https://github.com/unshiftio/yeast\n'use strict';\nconst alphabet = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz-_'.split(''), length = 64, map = {};\nlet seed = 0, i = 0, prev;\n/**\n * Return a string representing the specified number.\n *\n * @param {Number} num The number to convert.\n * @returns {String} The string representation of the number.\n * @api public\n */\nexport function encode(num) {\n    let encoded = '';\n    do {\n        encoded = alphabet[num % length] + encoded;\n        num = Math.floor(num / length);\n    } while (num > 0);\n    return encoded;\n}\n/**\n * Return the integer value specified by the given string.\n *\n * @param {String} str The string to convert.\n * @returns {Number} The integer value represented by the string.\n * @api public\n */\nexport function decode(str) {\n    let decoded = 0;\n    for (i = 0; i < str.length; i++) {\n        decoded = decoded * length + map[str.charAt(i)];\n    }\n    return decoded;\n}\n/**\n * Yeast: A tiny growing id generator.\n *\n * @returns {String} A unique id.\n * @api public\n */\nexport function yeast() {\n    const now = encode(+new Date());\n    if (now !== prev)\n        return seed = 0, prev = now;\n    return now + '.' + encode(seed++);\n}\n//\n// Map each character to its index.\n//\nfor (; i < length; i++)\n    map[alphabet[i]] = i;\n", "// imported from https://github.com/component/has-cors\nlet value = false;\ntry {\n    value = typeof XMLHttpRequest !== 'undefined' &&\n        'withCredentials' in new XMLHttpRequest();\n}\ncatch (err) {\n    // if XMLHttp support is disabled in IE then it will throw\n    // when trying to create\n}\nexport const hasCORS = value;\n", "// browser shim for xmlhttprequest module\nimport { hasCORS } from \"../contrib/has-cors.js\";\nimport { globalThisShim as globalThis } from \"../globalThis.js\";\nexport function XHR(opts) {\n    const xdomain = opts.xdomain;\n    // XMLHttpRequest can be disabled on IE\n    try {\n        if (\"undefined\" !== typeof XMLHttpRequest && (!xdomain || hasCORS)) {\n            return new XMLHttpRequest();\n        }\n    }\n    catch (e) { }\n    if (!xdomain) {\n        try {\n            return new globalThis[[\"Active\"].concat(\"Object\").join(\"X\")](\"Microsoft.XMLHTTP\");\n        }\n        catch (e) { }\n    }\n}\nexport function createCookieJar() { }\n", "import { Transport } from \"../transport.js\";\nimport { yeast } from \"../contrib/yeast.js\";\nimport { encodePayload, decodePayload } from \"engine.io-parser\";\nimport { createCookieJar, XHR as XMLHttpRequest, } from \"./xmlhttprequest.js\";\nimport { Emitter } from \"@socket.io/component-emitter\";\nimport { installTimerFunctions, pick } from \"../util.js\";\nimport { globalThisShim as globalThis } from \"../globalThis.js\";\nfunction empty() { }\nconst hasXHR2 = (function () {\n    const xhr = new XMLHttpRequest({\n        xdomain: false,\n    });\n    return null != xhr.responseType;\n})();\nexport class Polling extends Transport {\n    /**\n     * XHR Polling constructor.\n     *\n     * @param {Object} opts\n     * @package\n     */\n    constructor(opts) {\n        super(opts);\n        this.polling = false;\n        if (typeof location !== \"undefined\") {\n            const isSSL = \"https:\" === location.protocol;\n            let port = location.port;\n            // some user agents have empty `location.port`\n            if (!port) {\n                port = isSSL ? \"443\" : \"80\";\n            }\n            this.xd =\n                (typeof location !== \"undefined\" &&\n                    opts.hostname !== location.hostname) ||\n                    port !== opts.port;\n        }\n        /**\n         * XHR supports binary\n         */\n        const forceBase64 = opts && opts.forceBase64;\n        this.supportsBinary = hasXHR2 && !forceBase64;\n        if (this.opts.withCredentials) {\n            this.cookieJar = createCookieJar();\n        }\n    }\n    get name() {\n        return \"polling\";\n    }\n    /**\n     * Opens the socket (triggers polling). We write a PING message to determine\n     * when the transport is open.\n     *\n     * @protected\n     */\n    doOpen() {\n        this.poll();\n    }\n    /**\n     * Pauses polling.\n     *\n     * @param {Function} onPause - callback upon buffers are flushed and transport is paused\n     * @package\n     */\n    pause(onPause) {\n        this.readyState = \"pausing\";\n        const pause = () => {\n            this.readyState = \"paused\";\n            onPause();\n        };\n        if (this.polling || !this.writable) {\n            let total = 0;\n            if (this.polling) {\n                total++;\n                this.once(\"pollComplete\", function () {\n                    --total || pause();\n                });\n            }\n            if (!this.writable) {\n                total++;\n                this.once(\"drain\", function () {\n                    --total || pause();\n                });\n            }\n        }\n        else {\n            pause();\n        }\n    }\n    /**\n     * Starts polling cycle.\n     *\n     * @private\n     */\n    poll() {\n        this.polling = true;\n        this.doPoll();\n        this.emitReserved(\"poll\");\n    }\n    /**\n     * Overloads onData to detect payloads.\n     *\n     * @protected\n     */\n    onData(data) {\n        const callback = (packet) => {\n            // if its the first message we consider the transport open\n            if (\"opening\" === this.readyState && packet.type === \"open\") {\n                this.onOpen();\n            }\n            // if its a close packet, we close the ongoing requests\n            if (\"close\" === packet.type) {\n                this.onClose({ description: \"transport closed by the server\" });\n                return false;\n            }\n            // otherwise bypass onData and handle the message\n            this.onPacket(packet);\n        };\n        // decode payload\n        decodePayload(data, this.socket.binaryType).forEach(callback);\n        // if an event did not trigger closing\n        if (\"closed\" !== this.readyState) {\n            // if we got data we're not polling\n            this.polling = false;\n            this.emitReserved(\"pollComplete\");\n            if (\"open\" === this.readyState) {\n                this.poll();\n            }\n            else {\n            }\n        }\n    }\n    /**\n     * For polling, send a close packet.\n     *\n     * @protected\n     */\n    doClose() {\n        const close = () => {\n            this.write([{ type: \"close\" }]);\n        };\n        if (\"open\" === this.readyState) {\n            close();\n        }\n        else {\n            // in case we're trying to close while\n            // handshaking is in progress (GH-164)\n            this.once(\"open\", close);\n        }\n    }\n    /**\n     * Writes a packets payload.\n     *\n     * @param {Array} packets - data packets\n     * @protected\n     */\n    write(packets) {\n        this.writable = false;\n        encodePayload(packets, (data) => {\n            this.doWrite(data, () => {\n                this.writable = true;\n                this.emitReserved(\"drain\");\n            });\n        });\n    }\n    /**\n     * Generates uri for connection.\n     *\n     * @private\n     */\n    uri() {\n        const schema = this.opts.secure ? \"https\" : \"http\";\n        const query = this.query || {};\n        // cache busting is forced\n        if (false !== this.opts.timestampRequests) {\n            query[this.opts.timestampParam] = yeast();\n        }\n        if (!this.supportsBinary && !query.sid) {\n            query.b64 = 1;\n        }\n        return this.createUri(schema, query);\n    }\n    /**\n     * Creates a request.\n     *\n     * @param {String} method\n     * @private\n     */\n    request(opts = {}) {\n        Object.assign(opts, { xd: this.xd, cookieJar: this.cookieJar }, this.opts);\n        return new Request(this.uri(), opts);\n    }\n    /**\n     * Sends data.\n     *\n     * @param {String} data to send.\n     * @param {Function} called upon flush.\n     * @private\n     */\n    doWrite(data, fn) {\n        const req = this.request({\n            method: \"POST\",\n            data: data,\n        });\n        req.on(\"success\", fn);\n        req.on(\"error\", (xhrStatus, context) => {\n            this.onError(\"xhr post error\", xhrStatus, context);\n        });\n    }\n    /**\n     * Starts a poll cycle.\n     *\n     * @private\n     */\n    doPoll() {\n        const req = this.request();\n        req.on(\"data\", this.onData.bind(this));\n        req.on(\"error\", (xhrStatus, context) => {\n            this.onError(\"xhr poll error\", xhrStatus, context);\n        });\n        this.pollXhr = req;\n    }\n}\nexport class Request extends Emitter {\n    /**\n     * Request constructor\n     *\n     * @param {Object} options\n     * @package\n     */\n    constructor(uri, opts) {\n        super();\n        installTimerFunctions(this, opts);\n        this.opts = opts;\n        this.method = opts.method || \"GET\";\n        this.uri = uri;\n        this.data = undefined !== opts.data ? opts.data : null;\n        this.create();\n    }\n    /**\n     * Creates the XHR object and sends the request.\n     *\n     * @private\n     */\n    create() {\n        var _a;\n        const opts = pick(this.opts, \"agent\", \"pfx\", \"key\", \"passphrase\", \"cert\", \"ca\", \"ciphers\", \"rejectUnauthorized\", \"autoUnref\");\n        opts.xdomain = !!this.opts.xd;\n        const xhr = (this.xhr = new XMLHttpRequest(opts));\n        try {\n            xhr.open(this.method, this.uri, true);\n            try {\n                if (this.opts.extraHeaders) {\n                    xhr.setDisableHeaderCheck && xhr.setDisableHeaderCheck(true);\n                    for (let i in this.opts.extraHeaders) {\n                        if (this.opts.extraHeaders.hasOwnProperty(i)) {\n                            xhr.setRequestHeader(i, this.opts.extraHeaders[i]);\n                        }\n                    }\n                }\n            }\n            catch (e) { }\n            if (\"POST\" === this.method) {\n                try {\n                    xhr.setRequestHeader(\"Content-type\", \"text/plain;charset=UTF-8\");\n                }\n                catch (e) { }\n            }\n            try {\n                xhr.setRequestHeader(\"Accept\", \"*/*\");\n            }\n            catch (e) { }\n            (_a = this.opts.cookieJar) === null || _a === void 0 ? void 0 : _a.addCookies(xhr);\n            // ie6 check\n            if (\"withCredentials\" in xhr) {\n                xhr.withCredentials = this.opts.withCredentials;\n            }\n            if (this.opts.requestTimeout) {\n                xhr.timeout = this.opts.requestTimeout;\n            }\n            xhr.onreadystatechange = () => {\n                var _a;\n                if (xhr.readyState === 3) {\n                    (_a = this.opts.cookieJar) === null || _a === void 0 ? void 0 : _a.parseCookies(xhr);\n                }\n                if (4 !== xhr.readyState)\n                    return;\n                if (200 === xhr.status || 1223 === xhr.status) {\n                    this.onLoad();\n                }\n                else {\n                    // make sure the `error` event handler that's user-set\n                    // does not throw in the same tick and gets caught here\n                    this.setTimeoutFn(() => {\n                        this.onError(typeof xhr.status === \"number\" ? xhr.status : 0);\n                    }, 0);\n                }\n            };\n            xhr.send(this.data);\n        }\n        catch (e) {\n            // Need to defer since .create() is called directly from the constructor\n            // and thus the 'error' event can only be only bound *after* this exception\n            // occurs.  Therefore, also, we cannot throw here at all.\n            this.setTimeoutFn(() => {\n                this.onError(e);\n            }, 0);\n            return;\n        }\n        if (typeof document !== \"undefined\") {\n            this.index = Request.requestsCount++;\n            Request.requests[this.index] = this;\n        }\n    }\n    /**\n     * Called upon error.\n     *\n     * @private\n     */\n    onError(err) {\n        this.emitReserved(\"error\", err, this.xhr);\n        this.cleanup(true);\n    }\n    /**\n     * Cleans up house.\n     *\n     * @private\n     */\n    cleanup(fromError) {\n        if (\"undefined\" === typeof this.xhr || null === this.xhr) {\n            return;\n        }\n        this.xhr.onreadystatechange = empty;\n        if (fromError) {\n            try {\n                this.xhr.abort();\n            }\n            catch (e) { }\n        }\n        if (typeof document !== \"undefined\") {\n            delete Request.requests[this.index];\n        }\n        this.xhr = null;\n    }\n    /**\n     * Called upon load.\n     *\n     * @private\n     */\n    onLoad() {\n        const data = this.xhr.responseText;\n        if (data !== null) {\n            this.emitReserved(\"data\", data);\n            this.emitReserved(\"success\");\n            this.cleanup();\n        }\n    }\n    /**\n     * Aborts the request.\n     *\n     * @package\n     */\n    abort() {\n        this.cleanup();\n    }\n}\nRequest.requestsCount = 0;\nRequest.requests = {};\n/**\n * Aborts pending requests when unloading the window. This is needed to prevent\n * memory leaks (e.g. when using IE) and to ensure that no spurious error is\n * emitted.\n */\nif (typeof document !== \"undefined\") {\n    // @ts-ignore\n    if (typeof attachEvent === \"function\") {\n        // @ts-ignore\n        attachEvent(\"onunload\", unloadHandler);\n    }\n    else if (typeof addEventListener === \"function\") {\n        const terminationEvent = \"onpagehide\" in globalThis ? \"pagehide\" : \"unload\";\n        addEventListener(terminationEvent, unloadHandler, false);\n    }\n}\nfunction unloadHandler() {\n    for (let i in Request.requests) {\n        if (Request.requests.hasOwnProperty(i)) {\n            Request.requests[i].abort();\n        }\n    }\n}\n", "import { globalThisShim as globalThis } from \"../globalThis.js\";\nexport const nextTick = (() => {\n    const isPromiseAvailable = typeof Promise === \"function\" && typeof Promise.resolve === \"function\";\n    if (isPromiseAvailable) {\n        return (cb) => Promise.resolve().then(cb);\n    }\n    else {\n        return (cb, setTimeoutFn) => setTimeoutFn(cb, 0);\n    }\n})();\nexport const WebSocket = globalThis.WebSocket || globalThis.MozWebSocket;\nexport const usingBrowserWebSocket = true;\nexport const defaultBinaryType = \"arraybuffer\";\n", "import { Transport } from \"../transport.js\";\nimport { yeast } from \"../contrib/yeast.js\";\nimport { pick } from \"../util.js\";\nimport { nextTick, usingBrowserWebSocket, WebSocket, } from \"./websocket-constructor.js\";\nimport { encodePacket } from \"engine.io-parser\";\n// detect ReactNative environment\nconst isReactNative = typeof navigator !== \"undefined\" &&\n    typeof navigator.product === \"string\" &&\n    navigator.product.toLowerCase() === \"reactnative\";\nexport class WS extends Transport {\n    /**\n     * WebSocket transport constructor.\n     *\n     * @param {Object} opts - connection options\n     * @protected\n     */\n    constructor(opts) {\n        super(opts);\n        this.supportsBinary = !opts.forceBase64;\n    }\n    get name() {\n        return \"websocket\";\n    }\n    doOpen() {\n        if (!this.check()) {\n            // let probe timeout\n            return;\n        }\n        const uri = this.uri();\n        const protocols = this.opts.protocols;\n        // React Native only supports the 'headers' option, and will print a warning if anything else is passed\n        const opts = isReactNative\n            ? {}\n            : pick(this.opts, \"agent\", \"perMessageDeflate\", \"pfx\", \"key\", \"passphrase\", \"cert\", \"ca\", \"ciphers\", \"rejectUnauthorized\", \"localAddress\", \"protocolVersion\", \"origin\", \"maxPayload\", \"family\", \"checkServerIdentity\");\n        if (this.opts.extraHeaders) {\n            opts.headers = this.opts.extraHeaders;\n        }\n        try {\n            this.ws =\n                usingBrowserWebSocket && !isReactNative\n                    ? protocols\n                        ? new WebSocket(uri, protocols)\n                        : new WebSocket(uri)\n                    : new WebSocket(uri, protocols, opts);\n        }\n        catch (err) {\n            return this.emitReserved(\"error\", err);\n        }\n        this.ws.binaryType = this.socket.binaryType;\n        this.addEventListeners();\n    }\n    /**\n     * Adds event listeners to the socket\n     *\n     * @private\n     */\n    addEventListeners() {\n        this.ws.onopen = () => {\n            if (this.opts.autoUnref) {\n                this.ws._socket.unref();\n            }\n            this.onOpen();\n        };\n        this.ws.onclose = (closeEvent) => this.onClose({\n            description: \"websocket connection closed\",\n            context: closeEvent,\n        });\n        this.ws.onmessage = (ev) => this.onData(ev.data);\n        this.ws.onerror = (e) => this.onError(\"websocket error\", e);\n    }\n    write(packets) {\n        this.writable = false;\n        // encodePacket efficient as it uses WS framing\n        // no need for encodePayload\n        for (let i = 0; i < packets.length; i++) {\n            const packet = packets[i];\n            const lastPacket = i === packets.length - 1;\n            encodePacket(packet, this.supportsBinary, (data) => {\n                // always create a new object (GH-437)\n                const opts = {};\n                if (!usingBrowserWebSocket) {\n                    if (packet.options) {\n                        opts.compress = packet.options.compress;\n                    }\n                    if (this.opts.perMessageDeflate) {\n                        const len = \n                        // @ts-ignore\n                        \"string\" === typeof data ? Buffer.byteLength(data) : data.length;\n                        if (len < this.opts.perMessageDeflate.threshold) {\n                            opts.compress = false;\n                        }\n                    }\n                }\n                // Sometimes the websocket has already been closed but the browser didn't\n                // have a chance of informing us about it yet, in that case send will\n                // throw an error\n                try {\n                    if (usingBrowserWebSocket) {\n                        // TypeError is thrown when passing the second argument on Safari\n                        this.ws.send(data);\n                    }\n                    else {\n                        this.ws.send(data, opts);\n                    }\n                }\n                catch (e) {\n                }\n                if (lastPacket) {\n                    // fake drain\n                    // defer to next tick to allow Socket to clear writeBuffer\n                    nextTick(() => {\n                        this.writable = true;\n                        this.emitReserved(\"drain\");\n                    }, this.setTimeoutFn);\n                }\n            });\n        }\n    }\n    doClose() {\n        if (typeof this.ws !== \"undefined\") {\n            this.ws.close();\n            this.ws = null;\n        }\n    }\n    /**\n     * Generates uri for connection.\n     *\n     * @private\n     */\n    uri() {\n        const schema = this.opts.secure ? \"wss\" : \"ws\";\n        const query = this.query || {};\n        // append timestamp to URI\n        if (this.opts.timestampRequests) {\n            query[this.opts.timestampParam] = yeast();\n        }\n        // communicate binary support capabilities\n        if (!this.supportsBinary) {\n            query.b64 = 1;\n        }\n        return this.createUri(schema, query);\n    }\n    /**\n     * Feature detection for WebSocket.\n     *\n     * @return {Boolean} whether this transport is available.\n     * @private\n     */\n    check() {\n        return !!WebSocket;\n    }\n}\n", "import { Transport } from \"../transport.js\";\nimport { nextTick } from \"./websocket-constructor.js\";\nimport { createPacketDecoderStream, createPacketEncoderStream, } from \"engine.io-parser\";\nexport class WT extends Transport {\n    get name() {\n        return \"webtransport\";\n    }\n    doOpen() {\n        // @ts-ignore\n        if (typeof WebTransport !== \"function\") {\n            return;\n        }\n        // @ts-ignore\n        this.transport = new WebTransport(this.createUri(\"https\"), this.opts.transportOptions[this.name]);\n        this.transport.closed\n            .then(() => {\n            this.onClose();\n        })\n            .catch((err) => {\n            this.onError(\"webtransport error\", err);\n        });\n        // note: we could have used async/await, but that would require some additional polyfills\n        this.transport.ready.then(() => {\n            this.transport.createBidirectionalStream().then((stream) => {\n                const decoderStream = createPacketDecoderStream(Number.MAX_SAFE_INTEGER, this.socket.binaryType);\n                const reader = stream.readable.pipeThrough(decoderStream).getReader();\n                const encoderStream = createPacketEncoderStream();\n                encoderStream.readable.pipeTo(stream.writable);\n                this.writer = encoderStream.writable.getWriter();\n                const read = () => {\n                    reader\n                        .read()\n                        .then(({ done, value }) => {\n                        if (done) {\n                            return;\n                        }\n                        this.onPacket(value);\n                        read();\n                    })\n                        .catch((err) => {\n                    });\n                };\n                read();\n                const packet = { type: \"open\" };\n                if (this.query.sid) {\n                    packet.data = `{\"sid\":\"${this.query.sid}\"}`;\n                }\n                this.writer.write(packet).then(() => this.onOpen());\n            });\n        });\n    }\n    write(packets) {\n        this.writable = false;\n        for (let i = 0; i < packets.length; i++) {\n            const packet = packets[i];\n            const lastPacket = i === packets.length - 1;\n            this.writer.write(packet).then(() => {\n                if (lastPacket) {\n                    nextTick(() => {\n                        this.writable = true;\n                        this.emitReserved(\"drain\");\n                    }, this.setTimeoutFn);\n                }\n            });\n        }\n    }\n    doClose() {\n        var _a;\n        (_a = this.transport) === null || _a === void 0 ? void 0 : _a.close();\n    }\n}\n", "import { Polling } from \"./polling.js\";\nimport { WS } from \"./websocket.js\";\nimport { WT } from \"./webtransport.js\";\nexport const transports = {\n    websocket: WS,\n    webtransport: WT,\n    polling: Polling,\n};\n", "// imported from https://github.com/galkn/parseuri\n/**\n * Parses a URI\n *\n * Note: we could also have used the built-in URL object, but it isn't supported on all platforms.\n *\n * See:\n * - https://developer.mozilla.org/en-US/docs/Web/API/URL\n * - https://caniuse.com/url\n * - https://www.rfc-editor.org/rfc/rfc3986#appendix-B\n *\n * History of the parse() method:\n * - first commit: https://github.com/socketio/socket.io-client/commit/4ee1d5d94b3906a9c052b459f1a818b15f38f91c\n * - export into its own module: https://github.com/socketio/engine.io-client/commit/de2c561e4564efeb78f1bdb1ba39ef81b2822cb3\n * - reimport: https://github.com/socketio/engine.io-client/commit/df32277c3f6d622eec5ed09f493cae3f3391d242\n *\n * @author Steven Levithan <stevenlevithan.com> (MIT license)\n * @api private\n */\nconst re = /^(?:(?![^:@\\/?#]+:[^:@\\/]*@)(http|https|ws|wss):\\/\\/)?((?:(([^:@\\/?#]*)(?::([^:@\\/?#]*))?)?@)?((?:[a-f0-9]{0,4}:){2,7}[a-f0-9]{0,4}|[^:\\/?#]*)(?::(\\d*))?)(((\\/(?:[^?#](?![^?#\\/]*\\.[^?#\\/.]+(?:[?#]|$)))*\\/?)?([^?#\\/]*))(?:\\?([^#]*))?(?:#(.*))?)/;\nconst parts = [\n    'source', 'protocol', 'authority', 'userInfo', 'user', 'password', 'host', 'port', 'relative', 'path', 'directory', 'file', 'query', 'anchor'\n];\nexport function parse(str) {\n    if (str.length > 2000) {\n        throw \"URI too long\";\n    }\n    const src = str, b = str.indexOf('['), e = str.indexOf(']');\n    if (b != -1 && e != -1) {\n        str = str.substring(0, b) + str.substring(b, e).replace(/:/g, ';') + str.substring(e, str.length);\n    }\n    let m = re.exec(str || ''), uri = {}, i = 14;\n    while (i--) {\n        uri[parts[i]] = m[i] || '';\n    }\n    if (b != -1 && e != -1) {\n        uri.source = src;\n        uri.host = uri.host.substring(1, uri.host.length - 1).replace(/;/g, ':');\n        uri.authority = uri.authority.replace('[', '').replace(']', '').replace(/;/g, ':');\n        uri.ipv6uri = true;\n    }\n    uri.pathNames = pathNames(uri, uri['path']);\n    uri.queryKey = queryKey(uri, uri['query']);\n    return uri;\n}\nfunction pathNames(obj, path) {\n    const regx = /\\/{2,9}/g, names = path.replace(regx, \"/\").split(\"/\");\n    if (path.slice(0, 1) == '/' || path.length === 0) {\n        names.splice(0, 1);\n    }\n    if (path.slice(-1) == '/') {\n        names.splice(names.length - 1, 1);\n    }\n    return names;\n}\nfunction queryKey(uri, query) {\n    const data = {};\n    query.replace(/(?:^|&)([^&=]*)=?([^&]*)/g, function ($0, $1, $2) {\n        if ($1) {\n            data[$1] = $2;\n        }\n    });\n    return data;\n}\n", "import { transports } from \"./transports/index.js\";\nimport { installTimerFunctions, byteLength } from \"./util.js\";\nimport { decode } from \"./contrib/parseqs.js\";\nimport { parse } from \"./contrib/parseuri.js\";\nimport { Emitter } from \"@socket.io/component-emitter\";\nimport { protocol } from \"engine.io-parser\";\nimport { defaultBinaryType } from \"./transports/websocket-constructor.js\";\nexport class Socket extends Emitter {\n    /**\n     * Socket constructor.\n     *\n     * @param {String|Object} uri - uri or options\n     * @param {Object} opts - options\n     */\n    constructor(uri, opts = {}) {\n        super();\n        this.binaryType = defaultBinaryType;\n        this.writeBuffer = [];\n        if (uri && \"object\" === typeof uri) {\n            opts = uri;\n            uri = null;\n        }\n        if (uri) {\n            uri = parse(uri);\n            opts.hostname = uri.host;\n            opts.secure = uri.protocol === \"https\" || uri.protocol === \"wss\";\n            opts.port = uri.port;\n            if (uri.query)\n                opts.query = uri.query;\n        }\n        else if (opts.host) {\n            opts.hostname = parse(opts.host).host;\n        }\n        installTimerFunctions(this, opts);\n        this.secure =\n            null != opts.secure\n                ? opts.secure\n                : typeof location !== \"undefined\" && \"https:\" === location.protocol;\n        if (opts.hostname && !opts.port) {\n            // if no port is specified manually, use the protocol default\n            opts.port = this.secure ? \"443\" : \"80\";\n        }\n        this.hostname =\n            opts.hostname ||\n                (typeof location !== \"undefined\" ? location.hostname : \"localhost\");\n        this.port =\n            opts.port ||\n                (typeof location !== \"undefined\" && location.port\n                    ? location.port\n                    : this.secure\n                        ? \"443\"\n                        : \"80\");\n        this.transports = opts.transports || [\n            \"polling\",\n            \"websocket\",\n            \"webtransport\",\n        ];\n        this.writeBuffer = [];\n        this.prevBufferLen = 0;\n        this.opts = Object.assign({\n            path: \"/engine.io\",\n            agent: false,\n            withCredentials: false,\n            upgrade: true,\n            timestampParam: \"t\",\n            rememberUpgrade: false,\n            addTrailingSlash: true,\n            rejectUnauthorized: true,\n            perMessageDeflate: {\n                threshold: 1024,\n            },\n            transportOptions: {},\n            closeOnBeforeunload: false,\n        }, opts);\n        this.opts.path =\n            this.opts.path.replace(/\\/$/, \"\") +\n                (this.opts.addTrailingSlash ? \"/\" : \"\");\n        if (typeof this.opts.query === \"string\") {\n            this.opts.query = decode(this.opts.query);\n        }\n        // set on handshake\n        this.id = null;\n        this.upgrades = null;\n        this.pingInterval = null;\n        this.pingTimeout = null;\n        // set on heartbeat\n        this.pingTimeoutTimer = null;\n        if (typeof addEventListener === \"function\") {\n            if (this.opts.closeOnBeforeunload) {\n                // Firefox closes the connection when the \"beforeunload\" event is emitted but not Chrome. This event listener\n                // ensures every browser behaves the same (no \"disconnect\" event at the Socket.IO level when the page is\n                // closed/reloaded)\n                this.beforeunloadEventListener = () => {\n                    if (this.transport) {\n                        // silently close the transport\n                        this.transport.removeAllListeners();\n                        this.transport.close();\n                    }\n                };\n                addEventListener(\"beforeunload\", this.beforeunloadEventListener, false);\n            }\n            if (this.hostname !== \"localhost\") {\n                this.offlineEventListener = () => {\n                    this.onClose(\"transport close\", {\n                        description: \"network connection lost\",\n                    });\n                };\n                addEventListener(\"offline\", this.offlineEventListener, false);\n            }\n        }\n        this.open();\n    }\n    /**\n     * Creates transport of the given type.\n     *\n     * @param {String} name - transport name\n     * @return {Transport}\n     * @private\n     */\n    createTransport(name) {\n        const query = Object.assign({}, this.opts.query);\n        // append engine.io protocol identifier\n        query.EIO = protocol;\n        // transport name\n        query.transport = name;\n        // session id if we already have one\n        if (this.id)\n            query.sid = this.id;\n        const opts = Object.assign({}, this.opts, {\n            query,\n            socket: this,\n            hostname: this.hostname,\n            secure: this.secure,\n            port: this.port,\n        }, this.opts.transportOptions[name]);\n        return new transports[name](opts);\n    }\n    /**\n     * Initializes transport to use and starts probe.\n     *\n     * @private\n     */\n    open() {\n        let transport;\n        if (this.opts.rememberUpgrade &&\n            Socket.priorWebsocketSuccess &&\n            this.transports.indexOf(\"websocket\") !== -1) {\n            transport = \"websocket\";\n        }\n        else if (0 === this.transports.length) {\n            // Emit error on next tick so it can be listened to\n            this.setTimeoutFn(() => {\n                this.emitReserved(\"error\", \"No transports available\");\n            }, 0);\n            return;\n        }\n        else {\n            transport = this.transports[0];\n        }\n        this.readyState = \"opening\";\n        // Retry with the next transport if the transport is disabled (jsonp: false)\n        try {\n            transport = this.createTransport(transport);\n        }\n        catch (e) {\n            this.transports.shift();\n            this.open();\n            return;\n        }\n        transport.open();\n        this.setTransport(transport);\n    }\n    /**\n     * Sets the current transport. Disables the existing one (if any).\n     *\n     * @private\n     */\n    setTransport(transport) {\n        if (this.transport) {\n            this.transport.removeAllListeners();\n        }\n        // set up transport\n        this.transport = transport;\n        // set up transport listeners\n        transport\n            .on(\"drain\", this.onDrain.bind(this))\n            .on(\"packet\", this.onPacket.bind(this))\n            .on(\"error\", this.onError.bind(this))\n            .on(\"close\", (reason) => this.onClose(\"transport close\", reason));\n    }\n    /**\n     * Probes a transport.\n     *\n     * @param {String} name - transport name\n     * @private\n     */\n    probe(name) {\n        let transport = this.createTransport(name);\n        let failed = false;\n        Socket.priorWebsocketSuccess = false;\n        const onTransportOpen = () => {\n            if (failed)\n                return;\n            transport.send([{ type: \"ping\", data: \"probe\" }]);\n            transport.once(\"packet\", (msg) => {\n                if (failed)\n                    return;\n                if (\"pong\" === msg.type && \"probe\" === msg.data) {\n                    this.upgrading = true;\n                    this.emitReserved(\"upgrading\", transport);\n                    if (!transport)\n                        return;\n                    Socket.priorWebsocketSuccess = \"websocket\" === transport.name;\n                    this.transport.pause(() => {\n                        if (failed)\n                            return;\n                        if (\"closed\" === this.readyState)\n                            return;\n                        cleanup();\n                        this.setTransport(transport);\n                        transport.send([{ type: \"upgrade\" }]);\n                        this.emitReserved(\"upgrade\", transport);\n                        transport = null;\n                        this.upgrading = false;\n                        this.flush();\n                    });\n                }\n                else {\n                    const err = new Error(\"probe error\");\n                    // @ts-ignore\n                    err.transport = transport.name;\n                    this.emitReserved(\"upgradeError\", err);\n                }\n            });\n        };\n        function freezeTransport() {\n            if (failed)\n                return;\n            // Any callback called by transport should be ignored since now\n            failed = true;\n            cleanup();\n            transport.close();\n            transport = null;\n        }\n        // Handle any error that happens while probing\n        const onerror = (err) => {\n            const error = new Error(\"probe error: \" + err);\n            // @ts-ignore\n            error.transport = transport.name;\n            freezeTransport();\n            this.emitReserved(\"upgradeError\", error);\n        };\n        function onTransportClose() {\n            onerror(\"transport closed\");\n        }\n        // When the socket is closed while we're probing\n        function onclose() {\n            onerror(\"socket closed\");\n        }\n        // When the socket is upgraded while we're probing\n        function onupgrade(to) {\n            if (transport && to.name !== transport.name) {\n                freezeTransport();\n            }\n        }\n        // Remove all listeners on the transport and on self\n        const cleanup = () => {\n            transport.removeListener(\"open\", onTransportOpen);\n            transport.removeListener(\"error\", onerror);\n            transport.removeListener(\"close\", onTransportClose);\n            this.off(\"close\", onclose);\n            this.off(\"upgrading\", onupgrade);\n        };\n        transport.once(\"open\", onTransportOpen);\n        transport.once(\"error\", onerror);\n        transport.once(\"close\", onTransportClose);\n        this.once(\"close\", onclose);\n        this.once(\"upgrading\", onupgrade);\n        if (this.upgrades.indexOf(\"webtransport\") !== -1 &&\n            name !== \"webtransport\") {\n            // favor WebTransport\n            this.setTimeoutFn(() => {\n                if (!failed) {\n                    transport.open();\n                }\n            }, 200);\n        }\n        else {\n            transport.open();\n        }\n    }\n    /**\n     * Called when connection is deemed open.\n     *\n     * @private\n     */\n    onOpen() {\n        this.readyState = \"open\";\n        Socket.priorWebsocketSuccess = \"websocket\" === this.transport.name;\n        this.emitReserved(\"open\");\n        this.flush();\n        // we check for `readyState` in case an `open`\n        // listener already closed the socket\n        if (\"open\" === this.readyState && this.opts.upgrade) {\n            let i = 0;\n            const l = this.upgrades.length;\n            for (; i < l; i++) {\n                this.probe(this.upgrades[i]);\n            }\n        }\n    }\n    /**\n     * Handles a packet.\n     *\n     * @private\n     */\n    onPacket(packet) {\n        if (\"opening\" === this.readyState ||\n            \"open\" === this.readyState ||\n            \"closing\" === this.readyState) {\n            this.emitReserved(\"packet\", packet);\n            // Socket is live - any packet counts\n            this.emitReserved(\"heartbeat\");\n            this.resetPingTimeout();\n            switch (packet.type) {\n                case \"open\":\n                    this.onHandshake(JSON.parse(packet.data));\n                    break;\n                case \"ping\":\n                    this.sendPacket(\"pong\");\n                    this.emitReserved(\"ping\");\n                    this.emitReserved(\"pong\");\n                    break;\n                case \"error\":\n                    const err = new Error(\"server error\");\n                    // @ts-ignore\n                    err.code = packet.data;\n                    this.onError(err);\n                    break;\n                case \"message\":\n                    this.emitReserved(\"data\", packet.data);\n                    this.emitReserved(\"message\", packet.data);\n                    break;\n            }\n        }\n        else {\n        }\n    }\n    /**\n     * Called upon handshake completion.\n     *\n     * @param {Object} data - handshake obj\n     * @private\n     */\n    onHandshake(data) {\n        this.emitReserved(\"handshake\", data);\n        this.id = data.sid;\n        this.transport.query.sid = data.sid;\n        this.upgrades = this.filterUpgrades(data.upgrades);\n        this.pingInterval = data.pingInterval;\n        this.pingTimeout = data.pingTimeout;\n        this.maxPayload = data.maxPayload;\n        this.onOpen();\n        // In case open handler closes socket\n        if (\"closed\" === this.readyState)\n            return;\n        this.resetPingTimeout();\n    }\n    /**\n     * Sets and resets ping timeout timer based on server pings.\n     *\n     * @private\n     */\n    resetPingTimeout() {\n        this.clearTimeoutFn(this.pingTimeoutTimer);\n        this.pingTimeoutTimer = this.setTimeoutFn(() => {\n            this.onClose(\"ping timeout\");\n        }, this.pingInterval + this.pingTimeout);\n        if (this.opts.autoUnref) {\n            this.pingTimeoutTimer.unref();\n        }\n    }\n    /**\n     * Called on `drain` event\n     *\n     * @private\n     */\n    onDrain() {\n        this.writeBuffer.splice(0, this.prevBufferLen);\n        // setting prevBufferLen = 0 is very important\n        // for example, when upgrading, upgrade packet is sent over,\n        // and a nonzero prevBufferLen could cause problems on `drain`\n        this.prevBufferLen = 0;\n        if (0 === this.writeBuffer.length) {\n            this.emitReserved(\"drain\");\n        }\n        else {\n            this.flush();\n        }\n    }\n    /**\n     * Flush write buffers.\n     *\n     * @private\n     */\n    flush() {\n        if (\"closed\" !== this.readyState &&\n            this.transport.writable &&\n            !this.upgrading &&\n            this.writeBuffer.length) {\n            const packets = this.getWritablePackets();\n            this.transport.send(packets);\n            // keep track of current length of writeBuffer\n            // splice writeBuffer and callbackBuffer on `drain`\n            this.prevBufferLen = packets.length;\n            this.emitReserved(\"flush\");\n        }\n    }\n    /**\n     * Ensure the encoded size of the writeBuffer is below the maxPayload value sent by the server (only for HTTP\n     * long-polling)\n     *\n     * @private\n     */\n    getWritablePackets() {\n        const shouldCheckPayloadSize = this.maxPayload &&\n            this.transport.name === \"polling\" &&\n            this.writeBuffer.length > 1;\n        if (!shouldCheckPayloadSize) {\n            return this.writeBuffer;\n        }\n        let payloadSize = 1; // first packet type\n        for (let i = 0; i < this.writeBuffer.length; i++) {\n            const data = this.writeBuffer[i].data;\n            if (data) {\n                payloadSize += byteLength(data);\n            }\n            if (i > 0 && payloadSize > this.maxPayload) {\n                return this.writeBuffer.slice(0, i);\n            }\n            payloadSize += 2; // separator + packet type\n        }\n        return this.writeBuffer;\n    }\n    /**\n     * Sends a message.\n     *\n     * @param {String} msg - message.\n     * @param {Object} options.\n     * @param {Function} callback function.\n     * @return {Socket} for chaining.\n     */\n    write(msg, options, fn) {\n        this.sendPacket(\"message\", msg, options, fn);\n        return this;\n    }\n    send(msg, options, fn) {\n        this.sendPacket(\"message\", msg, options, fn);\n        return this;\n    }\n    /**\n     * Sends a packet.\n     *\n     * @param {String} type: packet type.\n     * @param {String} data.\n     * @param {Object} options.\n     * @param {Function} fn - callback function.\n     * @private\n     */\n    sendPacket(type, data, options, fn) {\n        if (\"function\" === typeof data) {\n            fn = data;\n            data = undefined;\n        }\n        if (\"function\" === typeof options) {\n            fn = options;\n            options = null;\n        }\n        if (\"closing\" === this.readyState || \"closed\" === this.readyState) {\n            return;\n        }\n        options = options || {};\n        options.compress = false !== options.compress;\n        const packet = {\n            type: type,\n            data: data,\n            options: options,\n        };\n        this.emitReserved(\"packetCreate\", packet);\n        this.writeBuffer.push(packet);\n        if (fn)\n            this.once(\"flush\", fn);\n        this.flush();\n    }\n    /**\n     * Closes the connection.\n     */\n    close() {\n        const close = () => {\n            this.onClose(\"forced close\");\n            this.transport.close();\n        };\n        const cleanupAndClose = () => {\n            this.off(\"upgrade\", cleanupAndClose);\n            this.off(\"upgradeError\", cleanupAndClose);\n            close();\n        };\n        const waitForUpgrade = () => {\n            // wait for upgrade to finish since we can't send packets while pausing a transport\n            this.once(\"upgrade\", cleanupAndClose);\n            this.once(\"upgradeError\", cleanupAndClose);\n        };\n        if (\"opening\" === this.readyState || \"open\" === this.readyState) {\n            this.readyState = \"closing\";\n            if (this.writeBuffer.length) {\n                this.once(\"drain\", () => {\n                    if (this.upgrading) {\n                        waitForUpgrade();\n                    }\n                    else {\n                        close();\n                    }\n                });\n            }\n            else if (this.upgrading) {\n                waitForUpgrade();\n            }\n            else {\n                close();\n            }\n        }\n        return this;\n    }\n    /**\n     * Called upon transport error\n     *\n     * @private\n     */\n    onError(err) {\n        Socket.priorWebsocketSuccess = false;\n        this.emitReserved(\"error\", err);\n        this.onClose(\"transport error\", err);\n    }\n    /**\n     * Called upon transport close.\n     *\n     * @private\n     */\n    onClose(reason, description) {\n        if (\"opening\" === this.readyState ||\n            \"open\" === this.readyState ||\n            \"closing\" === this.readyState) {\n            // clear timers\n            this.clearTimeoutFn(this.pingTimeoutTimer);\n            // stop event from firing again for transport\n            this.transport.removeAllListeners(\"close\");\n            // ensure transport won't stay open\n            this.transport.close();\n            // ignore further transport communication\n            this.transport.removeAllListeners();\n            if (typeof removeEventListener === \"function\") {\n                removeEventListener(\"beforeunload\", this.beforeunloadEventListener, false);\n                removeEventListener(\"offline\", this.offlineEventListener, false);\n            }\n            // set ready state\n            this.readyState = \"closed\";\n            // clear session id\n            this.id = null;\n            // emit close event\n            this.emitReserved(\"close\", reason, description);\n            // clean buffers after, so users can still\n            // grab the buffers on `close` event\n            this.writeBuffer = [];\n            this.prevBufferLen = 0;\n        }\n    }\n    /**\n     * Filters upgrades, returning only those matching client transports.\n     *\n     * @param {Array} upgrades - server upgrades\n     * @private\n     */\n    filterUpgrades(upgrades) {\n        const filteredUpgrades = [];\n        let i = 0;\n        const j = upgrades.length;\n        for (; i < j; i++) {\n            if (~this.transports.indexOf(upgrades[i]))\n                filteredUpgrades.push(upgrades[i]);\n        }\n        return filteredUpgrades;\n    }\n}\nSocket.protocol = protocol;\n", "import { Socket } from \"./socket.js\";\nexport { Socket };\nexport const protocol = Socket.protocol;\nexport { Transport, TransportError } from \"./transport.js\";\nexport { transports } from \"./transports/index.js\";\nexport { installTimerFunctions } from \"./util.js\";\nexport { parse } from \"./contrib/parseuri.js\";\nexport { nextTick } from \"./transports/websocket-constructor.js\";\n", "import { parse } from \"engine.io-client\";\n/**\n * URL parser.\n *\n * @param uri - url\n * @param path - the request path of the connection\n * @param loc - An object meant to mimic window.location.\n *        Defaults to window.location.\n * @public\n */\nexport function url(uri, path = \"\", loc) {\n    let obj = uri;\n    // default to window.location\n    loc = loc || (typeof location !== \"undefined\" && location);\n    if (null == uri)\n        uri = loc.protocol + \"//\" + loc.host;\n    // relative path support\n    if (typeof uri === \"string\") {\n        if (\"/\" === uri.charAt(0)) {\n            if (\"/\" === uri.charAt(1)) {\n                uri = loc.protocol + uri;\n            }\n            else {\n                uri = loc.host + uri;\n            }\n        }\n        if (!/^(https?|wss?):\\/\\//.test(uri)) {\n            if (\"undefined\" !== typeof loc) {\n                uri = loc.protocol + \"//\" + uri;\n            }\n            else {\n                uri = \"https://\" + uri;\n            }\n        }\n        // parse\n        obj = parse(uri);\n    }\n    // make sure we treat `localhost:80` and `localhost` equally\n    if (!obj.port) {\n        if (/^(http|ws)$/.test(obj.protocol)) {\n            obj.port = \"80\";\n        }\n        else if (/^(http|ws)s$/.test(obj.protocol)) {\n            obj.port = \"443\";\n        }\n    }\n    obj.path = obj.path || \"/\";\n    const ipv6 = obj.host.indexOf(\":\") !== -1;\n    const host = ipv6 ? \"[\" + obj.host + \"]\" : obj.host;\n    // define unique id\n    obj.id = obj.protocol + \"://\" + host + \":\" + obj.port + path;\n    // define href\n    obj.href =\n        obj.protocol +\n            \"://\" +\n            host +\n            (loc && loc.port === obj.port ? \"\" : \":\" + obj.port);\n    return obj;\n}\n", "import { Emitter } from \"@socket.io/component-emitter\";\nimport { deconstructPacket, reconstructPacket } from \"./binary.js\";\nimport { isBinary, hasBinary } from \"./is-binary.js\";\n/**\n * These strings must not be used as event names, as they have a special meaning.\n */\nconst RESERVED_EVENTS = [\n    \"connect\",\n    \"connect_error\",\n    \"disconnect\",\n    \"disconnecting\",\n    \"newListener\",\n    \"removeListener\", // used by the Node.js EventEmitter\n];\n/**\n * Protocol version.\n *\n * @public\n */\nexport const protocol = 5;\nexport var PacketType;\n(function (PacketType) {\n    PacketType[PacketType[\"CONNECT\"] = 0] = \"CONNECT\";\n    PacketType[PacketType[\"DISCONNECT\"] = 1] = \"DISCONNECT\";\n    PacketType[PacketType[\"EVENT\"] = 2] = \"EVENT\";\n    PacketType[PacketType[\"ACK\"] = 3] = \"ACK\";\n    PacketType[PacketType[\"CONNECT_ERROR\"] = 4] = \"CONNECT_ERROR\";\n    PacketType[PacketType[\"BINARY_EVENT\"] = 5] = \"BINARY_EVENT\";\n    PacketType[PacketType[\"BINARY_ACK\"] = 6] = \"BINARY_ACK\";\n})(PacketType || (PacketType = {}));\n/**\n * A socket.io Encoder instance\n */\nexport class Encoder {\n    /**\n     * Encoder constructor\n     *\n     * @param {function} replacer - custom replacer to pass down to JSON.parse\n     */\n    constructor(replacer) {\n        this.replacer = replacer;\n    }\n    /**\n     * Encode a packet as a single string if non-binary, or as a\n     * buffer sequence, depending on packet type.\n     *\n     * @param {Object} obj - packet object\n     */\n    encode(obj) {\n        if (obj.type === PacketType.EVENT || obj.type === PacketType.ACK) {\n            if (hasBinary(obj)) {\n                return this.encodeAsBinary({\n                    type: obj.type === PacketType.EVENT\n                        ? PacketType.BINARY_EVENT\n                        : PacketType.BINARY_ACK,\n                    nsp: obj.nsp,\n                    data: obj.data,\n                    id: obj.id,\n                });\n            }\n        }\n        return [this.encodeAsString(obj)];\n    }\n    /**\n     * Encode packet as string.\n     */\n    encodeAsString(obj) {\n        // first is type\n        let str = \"\" + obj.type;\n        // attachments if we have them\n        if (obj.type === PacketType.BINARY_EVENT ||\n            obj.type === PacketType.BINARY_ACK) {\n            str += obj.attachments + \"-\";\n        }\n        // if we have a namespace other than `/`\n        // we append it followed by a comma `,`\n        if (obj.nsp && \"/\" !== obj.nsp) {\n            str += obj.nsp + \",\";\n        }\n        // immediately followed by the id\n        if (null != obj.id) {\n            str += obj.id;\n        }\n        // json data\n        if (null != obj.data) {\n            str += JSON.stringify(obj.data, this.replacer);\n        }\n        return str;\n    }\n    /**\n     * Encode packet as 'buffer sequence' by removing blobs, and\n     * deconstructing packet into object with placeholders and\n     * a list of buffers.\n     */\n    encodeAsBinary(obj) {\n        const deconstruction = deconstructPacket(obj);\n        const pack = this.encodeAsString(deconstruction.packet);\n        const buffers = deconstruction.buffers;\n        buffers.unshift(pack); // add packet info to beginning of data list\n        return buffers; // write all the buffers\n    }\n}\n// see https://stackoverflow.com/questions/8511281/check-if-a-value-is-an-object-in-javascript\nfunction isObject(value) {\n    return Object.prototype.toString.call(value) === \"[object Object]\";\n}\n/**\n * A socket.io Decoder instance\n *\n * @return {Object} decoder\n */\nexport class Decoder extends Emitter {\n    /**\n     * Decoder constructor\n     *\n     * @param {function} reviver - custom reviver to pass down to JSON.stringify\n     */\n    constructor(reviver) {\n        super();\n        this.reviver = reviver;\n    }\n    /**\n     * Decodes an encoded packet string into packet JSON.\n     *\n     * @param {String} obj - encoded packet\n     */\n    add(obj) {\n        let packet;\n        if (typeof obj === \"string\") {\n            if (this.reconstructor) {\n                throw new Error(\"got plaintext data when reconstructing a packet\");\n            }\n            packet = this.decodeString(obj);\n            const isBinaryEvent = packet.type === PacketType.BINARY_EVENT;\n            if (isBinaryEvent || packet.type === PacketType.BINARY_ACK) {\n                packet.type = isBinaryEvent ? PacketType.EVENT : PacketType.ACK;\n                // binary packet's json\n                this.reconstructor = new BinaryReconstructor(packet);\n                // no attachments, labeled binary but no binary data to follow\n                if (packet.attachments === 0) {\n                    super.emitReserved(\"decoded\", packet);\n                }\n            }\n            else {\n                // non-binary full packet\n                super.emitReserved(\"decoded\", packet);\n            }\n        }\n        else if (isBinary(obj) || obj.base64) {\n            // raw binary data\n            if (!this.reconstructor) {\n                throw new Error(\"got binary data when not reconstructing a packet\");\n            }\n            else {\n                packet = this.reconstructor.takeBinaryData(obj);\n                if (packet) {\n                    // received final buffer\n                    this.reconstructor = null;\n                    super.emitReserved(\"decoded\", packet);\n                }\n            }\n        }\n        else {\n            throw new Error(\"Unknown type: \" + obj);\n        }\n    }\n    /**\n     * Decode a packet String (JSON data)\n     *\n     * @param {String} str\n     * @return {Object} packet\n     */\n    decodeString(str) {\n        let i = 0;\n        // look up type\n        const p = {\n            type: Number(str.charAt(0)),\n        };\n        if (PacketType[p.type] === undefined) {\n            throw new Error(\"unknown packet type \" + p.type);\n        }\n        // look up attachments if type binary\n        if (p.type === PacketType.BINARY_EVENT ||\n            p.type === PacketType.BINARY_ACK) {\n            const start = i + 1;\n            while (str.charAt(++i) !== \"-\" && i != str.length) { }\n            const buf = str.substring(start, i);\n            if (buf != Number(buf) || str.charAt(i) !== \"-\") {\n                throw new Error(\"Illegal attachments\");\n            }\n            p.attachments = Number(buf);\n        }\n        // look up namespace (if any)\n        if (\"/\" === str.charAt(i + 1)) {\n            const start = i + 1;\n            while (++i) {\n                const c = str.charAt(i);\n                if (\",\" === c)\n                    break;\n                if (i === str.length)\n                    break;\n            }\n            p.nsp = str.substring(start, i);\n        }\n        else {\n            p.nsp = \"/\";\n        }\n        // look up id\n        const next = str.charAt(i + 1);\n        if (\"\" !== next && Number(next) == next) {\n            const start = i + 1;\n            while (++i) {\n                const c = str.charAt(i);\n                if (null == c || Number(c) != c) {\n                    --i;\n                    break;\n                }\n                if (i === str.length)\n                    break;\n            }\n            p.id = Number(str.substring(start, i + 1));\n        }\n        // look up json data\n        if (str.charAt(++i)) {\n            const payload = this.tryParse(str.substr(i));\n            if (Decoder.isPayloadValid(p.type, payload)) {\n                p.data = payload;\n            }\n            else {\n                throw new Error(\"invalid payload\");\n            }\n        }\n        return p;\n    }\n    tryParse(str) {\n        try {\n            return JSON.parse(str, this.reviver);\n        }\n        catch (e) {\n            return false;\n        }\n    }\n    static isPayloadValid(type, payload) {\n        switch (type) {\n            case PacketType.CONNECT:\n                return isObject(payload);\n            case PacketType.DISCONNECT:\n                return payload === undefined;\n            case PacketType.CONNECT_ERROR:\n                return typeof payload === \"string\" || isObject(payload);\n            case PacketType.EVENT:\n            case PacketType.BINARY_EVENT:\n                return (Array.isArray(payload) &&\n                    (typeof payload[0] === \"number\" ||\n                        (typeof payload[0] === \"string\" &&\n                            RESERVED_EVENTS.indexOf(payload[0]) === -1)));\n            case PacketType.ACK:\n            case PacketType.BINARY_ACK:\n                return Array.isArray(payload);\n        }\n    }\n    /**\n     * Deallocates a parser's resources\n     */\n    destroy() {\n        if (this.reconstructor) {\n            this.reconstructor.finishedReconstruction();\n            this.reconstructor = null;\n        }\n    }\n}\n/**\n * A manager of a binary event's 'buffer sequence'. Should\n * be constructed whenever a packet of type BINARY_EVENT is\n * decoded.\n *\n * @param {Object} packet\n * @return {BinaryReconstructor} initialized reconstructor\n */\nclass BinaryReconstructor {\n    constructor(packet) {\n        this.packet = packet;\n        this.buffers = [];\n        this.reconPack = packet;\n    }\n    /**\n     * Method to be called when binary data received from connection\n     * after a BINARY_EVENT packet.\n     *\n     * @param {Buffer | ArrayBuffer} binData - the raw binary data received\n     * @return {null | Object} returns null if more binary data is expected or\n     *   a reconstructed packet object if all buffers have been received.\n     */\n    takeBinaryData(binData) {\n        this.buffers.push(binData);\n        if (this.buffers.length === this.reconPack.attachments) {\n            // done with buffer list\n            const packet = reconstructPacket(this.reconPack, this.buffers);\n            this.finishedReconstruction();\n            return packet;\n        }\n        return null;\n    }\n    /**\n     * Cleans up binary packet reconstruction variables.\n     */\n    finishedReconstruction() {\n        this.reconPack = null;\n        this.buffers = [];\n    }\n}\n", "const withNativeArrayBuffer = typeof ArrayBuffer === \"function\";\nconst isView = (obj) => {\n    return typeof ArrayBuffer.isView === \"function\"\n        ? ArrayBuffer.isView(obj)\n        : obj.buffer instanceof ArrayBuffer;\n};\nconst toString = Object.prototype.toString;\nconst withNativeBlob = typeof Blob === \"function\" ||\n    (typeof Blob !== \"undefined\" &&\n        toString.call(Blob) === \"[object BlobConstructor]\");\nconst withNativeFile = typeof File === \"function\" ||\n    (typeof File !== \"undefined\" &&\n        toString.call(File) === \"[object FileConstructor]\");\n/**\n * Returns true if obj is a Buffer, an ArrayBuffer, a Blob or a File.\n *\n * @private\n */\nexport function isBinary(obj) {\n    return ((withNativeArrayBuffer && (obj instanceof ArrayBuffer || isView(obj))) ||\n        (withNativeBlob && obj instanceof Blob) ||\n        (withNativeFile && obj instanceof File));\n}\nexport function hasBinary(obj, toJSON) {\n    if (!obj || typeof obj !== \"object\") {\n        return false;\n    }\n    if (Array.isArray(obj)) {\n        for (let i = 0, l = obj.length; i < l; i++) {\n            if (hasBinary(obj[i])) {\n                return true;\n            }\n        }\n        return false;\n    }\n    if (isBinary(obj)) {\n        return true;\n    }\n    if (obj.toJSON &&\n        typeof obj.toJSON === \"function\" &&\n        arguments.length === 1) {\n        return hasBinary(obj.toJSON(), true);\n    }\n    for (const key in obj) {\n        if (Object.prototype.hasOwnProperty.call(obj, key) && hasBinary(obj[key])) {\n            return true;\n        }\n    }\n    return false;\n}\n", "import { isBinary } from \"./is-binary.js\";\n/**\n * Replaces every Buffer | ArrayBuffer | Blob | File in packet with a numbered placeholder.\n *\n * @param {Object} packet - socket.io event packet\n * @return {Object} with deconstructed packet and list of buffers\n * @public\n */\nexport function deconstructPacket(packet) {\n    const buffers = [];\n    const packetData = packet.data;\n    const pack = packet;\n    pack.data = _deconstructPacket(packetData, buffers);\n    pack.attachments = buffers.length; // number of binary 'attachments'\n    return { packet: pack, buffers: buffers };\n}\nfunction _deconstructPacket(data, buffers) {\n    if (!data)\n        return data;\n    if (isBinary(data)) {\n        const placeholder = { _placeholder: true, num: buffers.length };\n        buffers.push(data);\n        return placeholder;\n    }\n    else if (Array.isArray(data)) {\n        const newData = new Array(data.length);\n        for (let i = 0; i < data.length; i++) {\n            newData[i] = _deconstructPacket(data[i], buffers);\n        }\n        return newData;\n    }\n    else if (typeof data === \"object\" && !(data instanceof Date)) {\n        const newData = {};\n        for (const key in data) {\n            if (Object.prototype.hasOwnProperty.call(data, key)) {\n                newData[key] = _deconstructPacket(data[key], buffers);\n            }\n        }\n        return newData;\n    }\n    return data;\n}\n/**\n * Reconstructs a binary packet from its placeholder packet and buffers\n *\n * @param {Object} packet - event packet with placeholders\n * @param {Array} buffers - binary buffers to put in placeholder positions\n * @return {Object} reconstructed packet\n * @public\n */\nexport function reconstructPacket(packet, buffers) {\n    packet.data = _reconstructPacket(packet.data, buffers);\n    delete packet.attachments; // no longer useful\n    return packet;\n}\nfunction _reconstructPacket(data, buffers) {\n    if (!data)\n        return data;\n    if (data && data._placeholder === true) {\n        const isIndexValid = typeof data.num === \"number\" &&\n            data.num >= 0 &&\n            data.num < buffers.length;\n        if (isIndexValid) {\n            return buffers[data.num]; // appropriate buffer (should be natural order anyway)\n        }\n        else {\n            throw new Error(\"illegal attachments\");\n        }\n    }\n    else if (Array.isArray(data)) {\n        for (let i = 0; i < data.length; i++) {\n            data[i] = _reconstructPacket(data[i], buffers);\n        }\n    }\n    else if (typeof data === \"object\") {\n        for (const key in data) {\n            if (Object.prototype.hasOwnProperty.call(data, key)) {\n                data[key] = _reconstructPacket(data[key], buffers);\n            }\n        }\n    }\n    return data;\n}\n", "export function on(obj, ev, fn) {\n    obj.on(ev, fn);\n    return function subDestroy() {\n        obj.off(ev, fn);\n    };\n}\n", "import { PacketType } from \"socket.io-parser\";\nimport { on } from \"./on.js\";\nimport { Emitter, } from \"@socket.io/component-emitter\";\n/**\n * Internal events.\n * These events can't be emitted by the user.\n */\nconst RESERVED_EVENTS = Object.freeze({\n    connect: 1,\n    connect_error: 1,\n    disconnect: 1,\n    disconnecting: 1,\n    // EventEmitter reserved events: https://nodejs.org/api/events.html#events_event_newlistener\n    newListener: 1,\n    removeListener: 1,\n});\n/**\n * A Socket is the fundamental class for interacting with the server.\n *\n * A Socket belongs to a certain Namespace (by default /) and uses an underlying {@link Manager} to communicate.\n *\n * @example\n * const socket = io();\n *\n * socket.on(\"connect\", () => {\n *   console.log(\"connected\");\n * });\n *\n * // send an event to the server\n * socket.emit(\"foo\", \"bar\");\n *\n * socket.on(\"foobar\", () => {\n *   // an event was received from the server\n * });\n *\n * // upon disconnection\n * socket.on(\"disconnect\", (reason) => {\n *   console.log(`disconnected due to ${reason}`);\n * });\n */\nexport class Socket extends Emitter {\n    /**\n     * `Socket` constructor.\n     */\n    constructor(io, nsp, opts) {\n        super();\n        /**\n         * Whether the socket is currently connected to the server.\n         *\n         * @example\n         * const socket = io();\n         *\n         * socket.on(\"connect\", () => {\n         *   console.log(socket.connected); // true\n         * });\n         *\n         * socket.on(\"disconnect\", () => {\n         *   console.log(socket.connected); // false\n         * });\n         */\n        this.connected = false;\n        /**\n         * Whether the connection state was recovered after a temporary disconnection. In that case, any missed packets will\n         * be transmitted by the server.\n         */\n        this.recovered = false;\n        /**\n         * Buffer for packets received before the CONNECT packet\n         */\n        this.receiveBuffer = [];\n        /**\n         * Buffer for packets that will be sent once the socket is connected\n         */\n        this.sendBuffer = [];\n        /**\n         * The queue of packets to be sent with retry in case of failure.\n         *\n         * Packets are sent one by one, each waiting for the server acknowledgement, in order to guarantee the delivery order.\n         * @private\n         */\n        this._queue = [];\n        /**\n         * A sequence to generate the ID of the {@link QueuedPacket}.\n         * @private\n         */\n        this._queueSeq = 0;\n        this.ids = 0;\n        /**\n         * A map containing acknowledgement handlers.\n         *\n         * The `withError` attribute is used to differentiate handlers that accept an error as first argument:\n         *\n         * - `socket.emit(\"test\", (err, value) => { ... })` with `ackTimeout` option\n         * - `socket.timeout(5000).emit(\"test\", (err, value) => { ... })`\n         * - `const value = await socket.emitWithAck(\"test\")`\n         *\n         * From those that don't:\n         *\n         * - `socket.emit(\"test\", (value) => { ... });`\n         *\n         * In the first case, the handlers will be called with an error when:\n         *\n         * - the timeout is reached\n         * - the socket gets disconnected\n         *\n         * In the second case, the handlers will be simply discarded upon disconnection, since the client will never receive\n         * an acknowledgement from the server.\n         *\n         * @private\n         */\n        this.acks = {};\n        this.flags = {};\n        this.io = io;\n        this.nsp = nsp;\n        if (opts && opts.auth) {\n            this.auth = opts.auth;\n        }\n        this._opts = Object.assign({}, opts);\n        if (this.io._autoConnect)\n            this.open();\n    }\n    /**\n     * Whether the socket is currently disconnected\n     *\n     * @example\n     * const socket = io();\n     *\n     * socket.on(\"connect\", () => {\n     *   console.log(socket.disconnected); // false\n     * });\n     *\n     * socket.on(\"disconnect\", () => {\n     *   console.log(socket.disconnected); // true\n     * });\n     */\n    get disconnected() {\n        return !this.connected;\n    }\n    /**\n     * Subscribe to open, close and packet events\n     *\n     * @private\n     */\n    subEvents() {\n        if (this.subs)\n            return;\n        const io = this.io;\n        this.subs = [\n            on(io, \"open\", this.onopen.bind(this)),\n            on(io, \"packet\", this.onpacket.bind(this)),\n            on(io, \"error\", this.onerror.bind(this)),\n            on(io, \"close\", this.onclose.bind(this)),\n        ];\n    }\n    /**\n     * Whether the Socket will try to reconnect when its Manager connects or reconnects.\n     *\n     * @example\n     * const socket = io();\n     *\n     * console.log(socket.active); // true\n     *\n     * socket.on(\"disconnect\", (reason) => {\n     *   if (reason === \"io server disconnect\") {\n     *     // the disconnection was initiated by the server, you need to manually reconnect\n     *     console.log(socket.active); // false\n     *   }\n     *   // else the socket will automatically try to reconnect\n     *   console.log(socket.active); // true\n     * });\n     */\n    get active() {\n        return !!this.subs;\n    }\n    /**\n     * \"Opens\" the socket.\n     *\n     * @example\n     * const socket = io({\n     *   autoConnect: false\n     * });\n     *\n     * socket.connect();\n     */\n    connect() {\n        if (this.connected)\n            return this;\n        this.subEvents();\n        if (!this.io[\"_reconnecting\"])\n            this.io.open(); // ensure open\n        if (\"open\" === this.io._readyState)\n            this.onopen();\n        return this;\n    }\n    /**\n     * Alias for {@link connect()}.\n     */\n    open() {\n        return this.connect();\n    }\n    /**\n     * Sends a `message` event.\n     *\n     * This method mimics the WebSocket.send() method.\n     *\n     * @see https://developer.mozilla.org/en-US/docs/Web/API/WebSocket/send\n     *\n     * @example\n     * socket.send(\"hello\");\n     *\n     * // this is equivalent to\n     * socket.emit(\"message\", \"hello\");\n     *\n     * @return self\n     */\n    send(...args) {\n        args.unshift(\"message\");\n        this.emit.apply(this, args);\n        return this;\n    }\n    /**\n     * Override `emit`.\n     * If the event is in `events`, it's emitted normally.\n     *\n     * @example\n     * socket.emit(\"hello\", \"world\");\n     *\n     * // all serializable datastructures are supported (no need to call JSON.stringify)\n     * socket.emit(\"hello\", 1, \"2\", { 3: [\"4\"], 5: Uint8Array.from([6]) });\n     *\n     * // with an acknowledgement from the server\n     * socket.emit(\"hello\", \"world\", (val) => {\n     *   // ...\n     * });\n     *\n     * @return self\n     */\n    emit(ev, ...args) {\n        if (RESERVED_EVENTS.hasOwnProperty(ev)) {\n            throw new Error('\"' + ev.toString() + '\" is a reserved event name');\n        }\n        args.unshift(ev);\n        if (this._opts.retries && !this.flags.fromQueue && !this.flags.volatile) {\n            this._addToQueue(args);\n            return this;\n        }\n        const packet = {\n            type: PacketType.EVENT,\n            data: args,\n        };\n        packet.options = {};\n        packet.options.compress = this.flags.compress !== false;\n        // event ack callback\n        if (\"function\" === typeof args[args.length - 1]) {\n            const id = this.ids++;\n            const ack = args.pop();\n            this._registerAckCallback(id, ack);\n            packet.id = id;\n        }\n        const isTransportWritable = this.io.engine &&\n            this.io.engine.transport &&\n            this.io.engine.transport.writable;\n        const discardPacket = this.flags.volatile && (!isTransportWritable || !this.connected);\n        if (discardPacket) {\n        }\n        else if (this.connected) {\n            this.notifyOutgoingListeners(packet);\n            this.packet(packet);\n        }\n        else {\n            this.sendBuffer.push(packet);\n        }\n        this.flags = {};\n        return this;\n    }\n    /**\n     * @private\n     */\n    _registerAckCallback(id, ack) {\n        var _a;\n        const timeout = (_a = this.flags.timeout) !== null && _a !== void 0 ? _a : this._opts.ackTimeout;\n        if (timeout === undefined) {\n            this.acks[id] = ack;\n            return;\n        }\n        // @ts-ignore\n        const timer = this.io.setTimeoutFn(() => {\n            delete this.acks[id];\n            for (let i = 0; i < this.sendBuffer.length; i++) {\n                if (this.sendBuffer[i].id === id) {\n                    this.sendBuffer.splice(i, 1);\n                }\n            }\n            ack.call(this, new Error(\"operation has timed out\"));\n        }, timeout);\n        const fn = (...args) => {\n            // @ts-ignore\n            this.io.clearTimeoutFn(timer);\n            ack.apply(this, args);\n        };\n        fn.withError = true;\n        this.acks[id] = fn;\n    }\n    /**\n     * Emits an event and waits for an acknowledgement\n     *\n     * @example\n     * // without timeout\n     * const response = await socket.emitWithAck(\"hello\", \"world\");\n     *\n     * // with a specific timeout\n     * try {\n     *   const response = await socket.timeout(1000).emitWithAck(\"hello\", \"world\");\n     * } catch (err) {\n     *   // the server did not acknowledge the event in the given delay\n     * }\n     *\n     * @return a Promise that will be fulfilled when the server acknowledges the event\n     */\n    emitWithAck(ev, ...args) {\n        return new Promise((resolve, reject) => {\n            const fn = (arg1, arg2) => {\n                return arg1 ? reject(arg1) : resolve(arg2);\n            };\n            fn.withError = true;\n            args.push(fn);\n            this.emit(ev, ...args);\n        });\n    }\n    /**\n     * Add the packet to the queue.\n     * @param args\n     * @private\n     */\n    _addToQueue(args) {\n        let ack;\n        if (typeof args[args.length - 1] === \"function\") {\n            ack = args.pop();\n        }\n        const packet = {\n            id: this._queueSeq++,\n            tryCount: 0,\n            pending: false,\n            args,\n            flags: Object.assign({ fromQueue: true }, this.flags),\n        };\n        args.push((err, ...responseArgs) => {\n            if (packet !== this._queue[0]) {\n                // the packet has already been acknowledged\n                return;\n            }\n            const hasError = err !== null;\n            if (hasError) {\n                if (packet.tryCount > this._opts.retries) {\n                    this._queue.shift();\n                    if (ack) {\n                        ack(err);\n                    }\n                }\n            }\n            else {\n                this._queue.shift();\n                if (ack) {\n                    ack(null, ...responseArgs);\n                }\n            }\n            packet.pending = false;\n            return this._drainQueue();\n        });\n        this._queue.push(packet);\n        this._drainQueue();\n    }\n    /**\n     * Send the first packet of the queue, and wait for an acknowledgement from the server.\n     * @param force - whether to resend a packet that has not been acknowledged yet\n     *\n     * @private\n     */\n    _drainQueue(force = false) {\n        if (!this.connected || this._queue.length === 0) {\n            return;\n        }\n        const packet = this._queue[0];\n        if (packet.pending && !force) {\n            return;\n        }\n        packet.pending = true;\n        packet.tryCount++;\n        this.flags = packet.flags;\n        this.emit.apply(this, packet.args);\n    }\n    /**\n     * Sends a packet.\n     *\n     * @param packet\n     * @private\n     */\n    packet(packet) {\n        packet.nsp = this.nsp;\n        this.io._packet(packet);\n    }\n    /**\n     * Called upon engine `open`.\n     *\n     * @private\n     */\n    onopen() {\n        if (typeof this.auth == \"function\") {\n            this.auth((data) => {\n                this._sendConnectPacket(data);\n            });\n        }\n        else {\n            this._sendConnectPacket(this.auth);\n        }\n    }\n    /**\n     * Sends a CONNECT packet to initiate the Socket.IO session.\n     *\n     * @param data\n     * @private\n     */\n    _sendConnectPacket(data) {\n        this.packet({\n            type: PacketType.CONNECT,\n            data: this._pid\n                ? Object.assign({ pid: this._pid, offset: this._lastOffset }, data)\n                : data,\n        });\n    }\n    /**\n     * Called upon engine or manager `error`.\n     *\n     * @param err\n     * @private\n     */\n    onerror(err) {\n        if (!this.connected) {\n            this.emitReserved(\"connect_error\", err);\n        }\n    }\n    /**\n     * Called upon engine `close`.\n     *\n     * @param reason\n     * @param description\n     * @private\n     */\n    onclose(reason, description) {\n        this.connected = false;\n        delete this.id;\n        this.emitReserved(\"disconnect\", reason, description);\n        this._clearAcks();\n    }\n    /**\n     * Clears the acknowledgement handlers upon disconnection, since the client will never receive an acknowledgement from\n     * the server.\n     *\n     * @private\n     */\n    _clearAcks() {\n        Object.keys(this.acks).forEach((id) => {\n            const isBuffered = this.sendBuffer.some((packet) => String(packet.id) === id);\n            if (!isBuffered) {\n                // note: handlers that do not accept an error as first argument are ignored here\n                const ack = this.acks[id];\n                delete this.acks[id];\n                if (ack.withError) {\n                    ack.call(this, new Error(\"socket has been disconnected\"));\n                }\n            }\n        });\n    }\n    /**\n     * Called with socket packet.\n     *\n     * @param packet\n     * @private\n     */\n    onpacket(packet) {\n        const sameNamespace = packet.nsp === this.nsp;\n        if (!sameNamespace)\n            return;\n        switch (packet.type) {\n            case PacketType.CONNECT:\n                if (packet.data && packet.data.sid) {\n                    this.onconnect(packet.data.sid, packet.data.pid);\n                }\n                else {\n                    this.emitReserved(\"connect_error\", new Error(\"It seems you are trying to reach a Socket.IO server in v2.x with a v3.x client, but they are not compatible (more information here: https://socket.io/docs/v3/migrating-from-2-x-to-3-0/)\"));\n                }\n                break;\n            case PacketType.EVENT:\n            case PacketType.BINARY_EVENT:\n                this.onevent(packet);\n                break;\n            case PacketType.ACK:\n            case PacketType.BINARY_ACK:\n                this.onack(packet);\n                break;\n            case PacketType.DISCONNECT:\n                this.ondisconnect();\n                break;\n            case PacketType.CONNECT_ERROR:\n                this.destroy();\n                const err = new Error(packet.data.message);\n                // @ts-ignore\n                err.data = packet.data.data;\n                this.emitReserved(\"connect_error\", err);\n                break;\n        }\n    }\n    /**\n     * Called upon a server event.\n     *\n     * @param packet\n     * @private\n     */\n    onevent(packet) {\n        const args = packet.data || [];\n        if (null != packet.id) {\n            args.push(this.ack(packet.id));\n        }\n        if (this.connected) {\n            this.emitEvent(args);\n        }\n        else {\n            this.receiveBuffer.push(Object.freeze(args));\n        }\n    }\n    emitEvent(args) {\n        if (this._anyListeners && this._anyListeners.length) {\n            const listeners = this._anyListeners.slice();\n            for (const listener of listeners) {\n                listener.apply(this, args);\n            }\n        }\n        super.emit.apply(this, args);\n        if (this._pid && args.length && typeof args[args.length - 1] === \"string\") {\n            this._lastOffset = args[args.length - 1];\n        }\n    }\n    /**\n     * Produces an ack callback to emit with an event.\n     *\n     * @private\n     */\n    ack(id) {\n        const self = this;\n        let sent = false;\n        return function (...args) {\n            // prevent double callbacks\n            if (sent)\n                return;\n            sent = true;\n            self.packet({\n                type: PacketType.ACK,\n                id: id,\n                data: args,\n            });\n        };\n    }\n    /**\n     * Called upon a server acknowledgement.\n     *\n     * @param packet\n     * @private\n     */\n    onack(packet) {\n        const ack = this.acks[packet.id];\n        if (typeof ack !== \"function\") {\n            return;\n        }\n        delete this.acks[packet.id];\n        // @ts-ignore FIXME ack is incorrectly inferred as 'never'\n        if (ack.withError) {\n            packet.data.unshift(null);\n        }\n        // @ts-ignore\n        ack.apply(this, packet.data);\n    }\n    /**\n     * Called upon server connect.\n     *\n     * @private\n     */\n    onconnect(id, pid) {\n        this.id = id;\n        this.recovered = pid && this._pid === pid;\n        this._pid = pid; // defined only if connection state recovery is enabled\n        this.connected = true;\n        this.emitBuffered();\n        this.emitReserved(\"connect\");\n        this._drainQueue(true);\n    }\n    /**\n     * Emit buffered events (received and emitted).\n     *\n     * @private\n     */\n    emitBuffered() {\n        this.receiveBuffer.forEach((args) => this.emitEvent(args));\n        this.receiveBuffer = [];\n        this.sendBuffer.forEach((packet) => {\n            this.notifyOutgoingListeners(packet);\n            this.packet(packet);\n        });\n        this.sendBuffer = [];\n    }\n    /**\n     * Called upon server disconnect.\n     *\n     * @private\n     */\n    ondisconnect() {\n        this.destroy();\n        this.onclose(\"io server disconnect\");\n    }\n    /**\n     * Called upon forced client/server side disconnections,\n     * this method ensures the manager stops tracking us and\n     * that reconnections don't get triggered for this.\n     *\n     * @private\n     */\n    destroy() {\n        if (this.subs) {\n            // clean subscriptions to avoid reconnections\n            this.subs.forEach((subDestroy) => subDestroy());\n            this.subs = undefined;\n        }\n        this.io[\"_destroy\"](this);\n    }\n    /**\n     * Disconnects the socket manually. In that case, the socket will not try to reconnect.\n     *\n     * If this is the last active Socket instance of the {@link Manager}, the low-level connection will be closed.\n     *\n     * @example\n     * const socket = io();\n     *\n     * socket.on(\"disconnect\", (reason) => {\n     *   // console.log(reason); prints \"io client disconnect\"\n     * });\n     *\n     * socket.disconnect();\n     *\n     * @return self\n     */\n    disconnect() {\n        if (this.connected) {\n            this.packet({ type: PacketType.DISCONNECT });\n        }\n        // remove socket from pool\n        this.destroy();\n        if (this.connected) {\n            // fire events\n            this.onclose(\"io client disconnect\");\n        }\n        return this;\n    }\n    /**\n     * Alias for {@link disconnect()}.\n     *\n     * @return self\n     */\n    close() {\n        return this.disconnect();\n    }\n    /**\n     * Sets the compress flag.\n     *\n     * @example\n     * socket.compress(false).emit(\"hello\");\n     *\n     * @param compress - if `true`, compresses the sending data\n     * @return self\n     */\n    compress(compress) {\n        this.flags.compress = compress;\n        return this;\n    }\n    /**\n     * Sets a modifier for a subsequent event emission that the event message will be dropped when this socket is not\n     * ready to send messages.\n     *\n     * @example\n     * socket.volatile.emit(\"hello\"); // the server may or may not receive it\n     *\n     * @returns self\n     */\n    get volatile() {\n        this.flags.volatile = true;\n        return this;\n    }\n    /**\n     * Sets a modifier for a subsequent event emission that the callback will be called with an error when the\n     * given number of milliseconds have elapsed without an acknowledgement from the server:\n     *\n     * @example\n     * socket.timeout(5000).emit(\"my-event\", (err) => {\n     *   if (err) {\n     *     // the server did not acknowledge the event in the given delay\n     *   }\n     * });\n     *\n     * @returns self\n     */\n    timeout(timeout) {\n        this.flags.timeout = timeout;\n        return this;\n    }\n    /**\n     * Adds a listener that will be fired when any event is emitted. The event name is passed as the first argument to the\n     * callback.\n     *\n     * @example\n     * socket.onAny((event, ...args) => {\n     *   console.log(`got ${event}`);\n     * });\n     *\n     * @param listener\n     */\n    onAny(listener) {\n        this._anyListeners = this._anyListeners || [];\n        this._anyListeners.push(listener);\n        return this;\n    }\n    /**\n     * Adds a listener that will be fired when any event is emitted. The event name is passed as the first argument to the\n     * callback. The listener is added to the beginning of the listeners array.\n     *\n     * @example\n     * socket.prependAny((event, ...args) => {\n     *   console.log(`got event ${event}`);\n     * });\n     *\n     * @param listener\n     */\n    prependAny(listener) {\n        this._anyListeners = this._anyListeners || [];\n        this._anyListeners.unshift(listener);\n        return this;\n    }\n    /**\n     * Removes the listener that will be fired when any event is emitted.\n     *\n     * @example\n     * const catchAllListener = (event, ...args) => {\n     *   console.log(`got event ${event}`);\n     * }\n     *\n     * socket.onAny(catchAllListener);\n     *\n     * // remove a specific listener\n     * socket.offAny(catchAllListener);\n     *\n     * // or remove all listeners\n     * socket.offAny();\n     *\n     * @param listener\n     */\n    offAny(listener) {\n        if (!this._anyListeners) {\n            return this;\n        }\n        if (listener) {\n            const listeners = this._anyListeners;\n            for (let i = 0; i < listeners.length; i++) {\n                if (listener === listeners[i]) {\n                    listeners.splice(i, 1);\n                    return this;\n                }\n            }\n        }\n        else {\n            this._anyListeners = [];\n        }\n        return this;\n    }\n    /**\n     * Returns an array of listeners that are listening for any event that is specified. This array can be manipulated,\n     * e.g. to remove listeners.\n     */\n    listenersAny() {\n        return this._anyListeners || [];\n    }\n    /**\n     * Adds a listener that will be fired when any event is emitted. The event name is passed as the first argument to the\n     * callback.\n     *\n     * Note: acknowledgements sent to the server are not included.\n     *\n     * @example\n     * socket.onAnyOutgoing((event, ...args) => {\n     *   console.log(`sent event ${event}`);\n     * });\n     *\n     * @param listener\n     */\n    onAnyOutgoing(listener) {\n        this._anyOutgoingListeners = this._anyOutgoingListeners || [];\n        this._anyOutgoingListeners.push(listener);\n        return this;\n    }\n    /**\n     * Adds a listener that will be fired when any event is emitted. The event name is passed as the first argument to the\n     * callback. The listener is added to the beginning of the listeners array.\n     *\n     * Note: acknowledgements sent to the server are not included.\n     *\n     * @example\n     * socket.prependAnyOutgoing((event, ...args) => {\n     *   console.log(`sent event ${event}`);\n     * });\n     *\n     * @param listener\n     */\n    prependAnyOutgoing(listener) {\n        this._anyOutgoingListeners = this._anyOutgoingListeners || [];\n        this._anyOutgoingListeners.unshift(listener);\n        return this;\n    }\n    /**\n     * Removes the listener that will be fired when any event is emitted.\n     *\n     * @example\n     * const catchAllListener = (event, ...args) => {\n     *   console.log(`sent event ${event}`);\n     * }\n     *\n     * socket.onAnyOutgoing(catchAllListener);\n     *\n     * // remove a specific listener\n     * socket.offAnyOutgoing(catchAllListener);\n     *\n     * // or remove all listeners\n     * socket.offAnyOutgoing();\n     *\n     * @param [listener] - the catch-all listener (optional)\n     */\n    offAnyOutgoing(listener) {\n        if (!this._anyOutgoingListeners) {\n            return this;\n        }\n        if (listener) {\n            const listeners = this._anyOutgoingListeners;\n            for (let i = 0; i < listeners.length; i++) {\n                if (listener === listeners[i]) {\n                    listeners.splice(i, 1);\n                    return this;\n                }\n            }\n        }\n        else {\n            this._anyOutgoingListeners = [];\n        }\n        return this;\n    }\n    /**\n     * Returns an array of listeners that are listening for any event that is specified. This array can be manipulated,\n     * e.g. to remove listeners.\n     */\n    listenersAnyOutgoing() {\n        return this._anyOutgoingListeners || [];\n    }\n    /**\n     * Notify the listeners for each packet sent\n     *\n     * @param packet\n     *\n     * @private\n     */\n    notifyOutgoingListeners(packet) {\n        if (this._anyOutgoingListeners && this._anyOutgoingListeners.length) {\n            const listeners = this._anyOutgoingListeners.slice();\n            for (const listener of listeners) {\n                listener.apply(this, packet.data);\n            }\n        }\n    }\n}\n", "/**\n * Initialize backoff timer with `opts`.\n *\n * - `min` initial timeout in milliseconds [100]\n * - `max` max timeout [10000]\n * - `jitter` [0]\n * - `factor` [2]\n *\n * @param {Object} opts\n * @api public\n */\nexport function Backoff(opts) {\n    opts = opts || {};\n    this.ms = opts.min || 100;\n    this.max = opts.max || 10000;\n    this.factor = opts.factor || 2;\n    this.jitter = opts.jitter > 0 && opts.jitter <= 1 ? opts.jitter : 0;\n    this.attempts = 0;\n}\n/**\n * Return the backoff duration.\n *\n * @return {Number}\n * @api public\n */\nBackoff.prototype.duration = function () {\n    var ms = this.ms * Math.pow(this.factor, this.attempts++);\n    if (this.jitter) {\n        var rand = Math.random();\n        var deviation = Math.floor(rand * this.jitter * ms);\n        ms = (Math.floor(rand * 10) & 1) == 0 ? ms - deviation : ms + deviation;\n    }\n    return Math.min(ms, this.max) | 0;\n};\n/**\n * Reset the number of attempts.\n *\n * @api public\n */\nBackoff.prototype.reset = function () {\n    this.attempts = 0;\n};\n/**\n * Set the minimum duration\n *\n * @api public\n */\nBackoff.prototype.setMin = function (min) {\n    this.ms = min;\n};\n/**\n * Set the maximum duration\n *\n * @api public\n */\nBackoff.prototype.setMax = function (max) {\n    this.max = max;\n};\n/**\n * Set the jitter\n *\n * @api public\n */\nBackoff.prototype.setJitter = function (jitter) {\n    this.jitter = jitter;\n};\n", "import { Socket as Engine, installTimerFunctions, nextTick, } from \"engine.io-client\";\nimport { Socket } from \"./socket.js\";\nimport * as parser from \"socket.io-parser\";\nimport { on } from \"./on.js\";\nimport { Backoff } from \"./contrib/backo2.js\";\nimport { Emitter, } from \"@socket.io/component-emitter\";\nexport class Manager extends Emitter {\n    constructor(uri, opts) {\n        var _a;\n        super();\n        this.nsps = {};\n        this.subs = [];\n        if (uri && \"object\" === typeof uri) {\n            opts = uri;\n            uri = undefined;\n        }\n        opts = opts || {};\n        opts.path = opts.path || \"/socket.io\";\n        this.opts = opts;\n        installTimerFunctions(this, opts);\n        this.reconnection(opts.reconnection !== false);\n        this.reconnectionAttempts(opts.reconnectionAttempts || Infinity);\n        this.reconnectionDelay(opts.reconnectionDelay || 1000);\n        this.reconnectionDelayMax(opts.reconnectionDelayMax || 5000);\n        this.randomizationFactor((_a = opts.randomizationFactor) !== null && _a !== void 0 ? _a : 0.5);\n        this.backoff = new Backoff({\n            min: this.reconnectionDelay(),\n            max: this.reconnectionDelayMax(),\n            jitter: this.randomizationFactor(),\n        });\n        this.timeout(null == opts.timeout ? 20000 : opts.timeout);\n        this._readyState = \"closed\";\n        this.uri = uri;\n        const _parser = opts.parser || parser;\n        this.encoder = new _parser.Encoder();\n        this.decoder = new _parser.Decoder();\n        this._autoConnect = opts.autoConnect !== false;\n        if (this._autoConnect)\n            this.open();\n    }\n    reconnection(v) {\n        if (!arguments.length)\n            return this._reconnection;\n        this._reconnection = !!v;\n        return this;\n    }\n    reconnectionAttempts(v) {\n        if (v === undefined)\n            return this._reconnectionAttempts;\n        this._reconnectionAttempts = v;\n        return this;\n    }\n    reconnectionDelay(v) {\n        var _a;\n        if (v === undefined)\n            return this._reconnectionDelay;\n        this._reconnectionDelay = v;\n        (_a = this.backoff) === null || _a === void 0 ? void 0 : _a.setMin(v);\n        return this;\n    }\n    randomizationFactor(v) {\n        var _a;\n        if (v === undefined)\n            return this._randomizationFactor;\n        this._randomizationFactor = v;\n        (_a = this.backoff) === null || _a === void 0 ? void 0 : _a.setJitter(v);\n        return this;\n    }\n    reconnectionDelayMax(v) {\n        var _a;\n        if (v === undefined)\n            return this._reconnectionDelayMax;\n        this._reconnectionDelayMax = v;\n        (_a = this.backoff) === null || _a === void 0 ? void 0 : _a.setMax(v);\n        return this;\n    }\n    timeout(v) {\n        if (!arguments.length)\n            return this._timeout;\n        this._timeout = v;\n        return this;\n    }\n    /**\n     * Starts trying to reconnect if reconnection is enabled and we have not\n     * started reconnecting yet\n     *\n     * @private\n     */\n    maybeReconnectOnOpen() {\n        // Only try to reconnect if it's the first time we're connecting\n        if (!this._reconnecting &&\n            this._reconnection &&\n            this.backoff.attempts === 0) {\n            // keeps reconnection from firing twice for the same reconnection loop\n            this.reconnect();\n        }\n    }\n    /**\n     * Sets the current transport `socket`.\n     *\n     * @param {Function} fn - optional, callback\n     * @return self\n     * @public\n     */\n    open(fn) {\n        if (~this._readyState.indexOf(\"open\"))\n            return this;\n        this.engine = new Engine(this.uri, this.opts);\n        const socket = this.engine;\n        const self = this;\n        this._readyState = \"opening\";\n        this.skipReconnect = false;\n        // emit `open`\n        const openSubDestroy = on(socket, \"open\", function () {\n            self.onopen();\n            fn && fn();\n        });\n        const onError = (err) => {\n            this.cleanup();\n            this._readyState = \"closed\";\n            this.emitReserved(\"error\", err);\n            if (fn) {\n                fn(err);\n            }\n            else {\n                // Only do this if there is no fn to handle the error\n                this.maybeReconnectOnOpen();\n            }\n        };\n        // emit `error`\n        const errorSub = on(socket, \"error\", onError);\n        if (false !== this._timeout) {\n            const timeout = this._timeout;\n            // set timer\n            const timer = this.setTimeoutFn(() => {\n                openSubDestroy();\n                onError(new Error(\"timeout\"));\n                socket.close();\n            }, timeout);\n            if (this.opts.autoUnref) {\n                timer.unref();\n            }\n            this.subs.push(() => {\n                this.clearTimeoutFn(timer);\n            });\n        }\n        this.subs.push(openSubDestroy);\n        this.subs.push(errorSub);\n        return this;\n    }\n    /**\n     * Alias for open()\n     *\n     * @return self\n     * @public\n     */\n    connect(fn) {\n        return this.open(fn);\n    }\n    /**\n     * Called upon transport open.\n     *\n     * @private\n     */\n    onopen() {\n        // clear old subs\n        this.cleanup();\n        // mark as open\n        this._readyState = \"open\";\n        this.emitReserved(\"open\");\n        // add new subs\n        const socket = this.engine;\n        this.subs.push(on(socket, \"ping\", this.onping.bind(this)), on(socket, \"data\", this.ondata.bind(this)), on(socket, \"error\", this.onerror.bind(this)), on(socket, \"close\", this.onclose.bind(this)), on(this.decoder, \"decoded\", this.ondecoded.bind(this)));\n    }\n    /**\n     * Called upon a ping.\n     *\n     * @private\n     */\n    onping() {\n        this.emitReserved(\"ping\");\n    }\n    /**\n     * Called with data.\n     *\n     * @private\n     */\n    ondata(data) {\n        try {\n            this.decoder.add(data);\n        }\n        catch (e) {\n            this.onclose(\"parse error\", e);\n        }\n    }\n    /**\n     * Called when parser fully decodes a packet.\n     *\n     * @private\n     */\n    ondecoded(packet) {\n        // the nextTick call prevents an exception in a user-provided event listener from triggering a disconnection due to a \"parse error\"\n        nextTick(() => {\n            this.emitReserved(\"packet\", packet);\n        }, this.setTimeoutFn);\n    }\n    /**\n     * Called upon socket error.\n     *\n     * @private\n     */\n    onerror(err) {\n        this.emitReserved(\"error\", err);\n    }\n    /**\n     * Creates a new socket for the given `nsp`.\n     *\n     * @return {Socket}\n     * @public\n     */\n    socket(nsp, opts) {\n        let socket = this.nsps[nsp];\n        if (!socket) {\n            socket = new Socket(this, nsp, opts);\n            this.nsps[nsp] = socket;\n        }\n        else if (this._autoConnect && !socket.active) {\n            socket.connect();\n        }\n        return socket;\n    }\n    /**\n     * Called upon a socket close.\n     *\n     * @param socket\n     * @private\n     */\n    _destroy(socket) {\n        const nsps = Object.keys(this.nsps);\n        for (const nsp of nsps) {\n            const socket = this.nsps[nsp];\n            if (socket.active) {\n                return;\n            }\n        }\n        this._close();\n    }\n    /**\n     * Writes a packet.\n     *\n     * @param packet\n     * @private\n     */\n    _packet(packet) {\n        const encodedPackets = this.encoder.encode(packet);\n        for (let i = 0; i < encodedPackets.length; i++) {\n            this.engine.write(encodedPackets[i], packet.options);\n        }\n    }\n    /**\n     * Clean up transport subscriptions and packet buffer.\n     *\n     * @private\n     */\n    cleanup() {\n        this.subs.forEach((subDestroy) => subDestroy());\n        this.subs.length = 0;\n        this.decoder.destroy();\n    }\n    /**\n     * Close the current socket.\n     *\n     * @private\n     */\n    _close() {\n        this.skipReconnect = true;\n        this._reconnecting = false;\n        this.onclose(\"forced close\");\n        if (this.engine)\n            this.engine.close();\n    }\n    /**\n     * Alias for close()\n     *\n     * @private\n     */\n    disconnect() {\n        return this._close();\n    }\n    /**\n     * Called upon engine close.\n     *\n     * @private\n     */\n    onclose(reason, description) {\n        this.cleanup();\n        this.backoff.reset();\n        this._readyState = \"closed\";\n        this.emitReserved(\"close\", reason, description);\n        if (this._reconnection && !this.skipReconnect) {\n            this.reconnect();\n        }\n    }\n    /**\n     * Attempt a reconnection.\n     *\n     * @private\n     */\n    reconnect() {\n        if (this._reconnecting || this.skipReconnect)\n            return this;\n        const self = this;\n        if (this.backoff.attempts >= this._reconnectionAttempts) {\n            this.backoff.reset();\n            this.emitReserved(\"reconnect_failed\");\n            this._reconnecting = false;\n        }\n        else {\n            const delay = this.backoff.duration();\n            this._reconnecting = true;\n            const timer = this.setTimeoutFn(() => {\n                if (self.skipReconnect)\n                    return;\n                this.emitReserved(\"reconnect_attempt\", self.backoff.attempts);\n                // check again for the case socket closed in above events\n                if (self.skipReconnect)\n                    return;\n                self.open((err) => {\n                    if (err) {\n                        self._reconnecting = false;\n                        self.reconnect();\n                        this.emitReserved(\"reconnect_error\", err);\n                    }\n                    else {\n                        self.onreconnect();\n                    }\n                });\n            }, delay);\n            if (this.opts.autoUnref) {\n                timer.unref();\n            }\n            this.subs.push(() => {\n                this.clearTimeoutFn(timer);\n            });\n        }\n    }\n    /**\n     * Called upon successful reconnect.\n     *\n     * @private\n     */\n    onreconnect() {\n        const attempt = this.backoff.attempts;\n        this._reconnecting = false;\n        this.backoff.reset();\n        this.emitReserved(\"reconnect\", attempt);\n    }\n}\n", "import { url } from \"./url.js\";\nimport { Manager } from \"./manager.js\";\nimport { Socket } from \"./socket.js\";\n/**\n * Managers cache.\n */\nconst cache = {};\nfunction lookup(uri, opts) {\n    if (typeof uri === \"object\") {\n        opts = uri;\n        uri = undefined;\n    }\n    opts = opts || {};\n    const parsed = url(uri, opts.path || \"/socket.io\");\n    const source = parsed.source;\n    const id = parsed.id;\n    const path = parsed.path;\n    const sameNamespace = cache[id] && path in cache[id][\"nsps\"];\n    const newConnection = opts.forceNew ||\n        opts[\"force new connection\"] ||\n        false === opts.multiplex ||\n        sameNamespace;\n    let io;\n    if (newConnection) {\n        io = new Manager(source, opts);\n    }\n    else {\n        if (!cache[id]) {\n            cache[id] = new Manager(source, opts);\n        }\n        io = cache[id];\n    }\n    if (parsed.query && !opts.query) {\n        opts.query = parsed.queryKey;\n    }\n    return io.socket(parsed.path, opts);\n}\n// so that \"lookup\" can be used both as a function (e.g. `io(...)`) and as a\n// namespace (e.g. `io.connect(...)`), for backward compatibility\nObject.assign(lookup, {\n    Manager,\n    Socket,\n    io: lookup,\n    connect: lookup,\n});\n/**\n * Protocol version.\n *\n * @public\n */\nexport { protocol } from \"socket.io-parser\";\n/**\n * Expose constructors for standalone build.\n *\n * @public\n */\nexport { Manager, Socket, lookup as io, lookup as connect, lookup as default, };\n", "/** A zero dependency web component that will display a managed uibuilder variable.\n *\n * Version: 1.0.1 2023-12-27\n */\n/*\n  Copyright (c) 2023-2024 Julian Knight (Totally Information)\n\n  Licensed under the Apache License, Version 2.0 (the \"License\");\n  you may not use this file except in compliance with the License.\n  You may obtain a copy of the License at\n\n  http://www.apache.org/licenses/LICENSE-2.0\n\n  Unless required by applicable law or agreed to in writing, software\n  distributed under the License is distributed on an \"AS IS\" BASIS,\n  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  See the License for the specific language governing permissions and\n  limitations under the License.\n*/\n\n// const template = document.createElement('template')\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`<span></span>`\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`<link type=\"text/css\" rel=\"stylesheet\" href=\"\"../uibuilder/uib-brand.min.css\"\" media=\"all\"><span></span>`\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`\n// {/* <style>@import url(\"../uibuilder/uib-brand.min.css\");</style><span></span> */}\n// `\n\nexport default class UibVar extends HTMLElement {\n    //#region --- Class Properties ---\n    /** @type {string} Name of the uibuilder mangaged variable to use */\n    variable\n    /** Current value of the watched variable */\n    value\n    /** Whether to output if the variable is undefined */\n    undef = false\n    /** Whether to send update value to Node-RED on change */\n    report = false\n    /** What is the value type */\n    type = 'plain'\n    /** what are the available types? */\n    types = ['plain', 'html', 'markdown', 'object', 'json', 'table', 'list', 'array']\n    /** Holds uibuilder.onTopic listeners */\n    topicMonitors = {}\n    /** Is UIBUILDER loaded? */\n    uib = !!window['uibuilder']\n\n    /** Mini jQuery-like shadow dom selector (see constructor) */\n    $\n\n    /** Holds a count of how many instances of this component are on the page */\n    static _iCount = 0\n    /** @type {Array<string>} List of all of the html attribs (props) listened to */\n    static props = ['filter', 'id', 'name', 'report', 'topic', 'type', 'undefined', 'variable',]\n    //#endregion --- Class Properties ---\n\n    constructor() {\n        super()\n        this.shadow = this.attachShadow({ mode: 'open', delegatesFocus: true })\n        //  .append(template.content.cloneNode(true))\n\n        this.$ = this.shadowRoot.querySelector.bind(this.shadowRoot)\n\n        // Apply external styles to the shadow dom - assumes you use index.css in same url location as main url\n        this.css = document.createElement('link')\n        this.css.setAttribute('type', 'text/css')\n        this.css.setAttribute('rel', 'stylesheet')\n        this.css.setAttribute('href', './index.css')\n\n        this.dispatchEvent(new Event('uib-var:construction', { bubbles: true, composed: true }))\n    }\n\n    // Makes HTML attribute change watched\n    static get observedAttributes() {\n        return UibVar.props\n    }\n\n    /** Handle watched attributes\n     * NOTE: On initial startup, this is called for each watched attrib set in HTML - BEFORE connectedCallback is called.\n     * Attribute values can only ever be strings\n     * @param {string} attrib The name of the attribute that is changing\n     * @param {string} newVal The new value of the attribute\n     * @param {string} oldVal The old value of the attribute\n     */\n    attributeChangedCallback(attrib, oldVal, newVal) {\n        if ( oldVal === newVal ) return\n\n        switch (attrib) {\n            case 'variable': {\n                // NB Doesn't check if var exists because it might not be set yet\n                if (newVal === '') throw new Error('[uib-var] Attribute \"variable\" MUST be set to a UIBUILDER managed variable name')\n                this.variable = newVal\n                this.doWatch()\n                break\n            }\n            case 'undefined': {\n                if (newVal === '' || ['on', 'true', 'report'].includes(newVal.toLowerCase())) this.undef = true\n                else this.undef = false\n                break\n            }\n            case 'report': {\n                if (newVal === '' || ['on', 'true', 'report'].includes(newVal.toLowerCase())) this.report = true\n                else this.report = false\n                break\n            }\n            case 'type': {\n                if (newVal === '' || !this.types.includes(newVal.toLowerCase())) this.type = 'plain'\n                else this.type = newVal\n                break\n            }\n            case 'topic': {\n                // console.log(1, attrib, newVal)\n                // Handle empty topic\n                if (!newVal) break\n                // Ignore if not using uibuilder\n                if (!this.uib) break\n                // If variable attrib set, give warning and ignore\n                if (this.variable) {\n                    console.warn('\u26A0\uFE0F [uib-var] Cannot process both variable and topic attributes, use only 1. Using variable')\n                    break\n                }\n\n                this.topic = newVal\n\n                // Cancel old listener just in case\n                if (this.topicMonitors[newVal]) uibuilder.cancelTopic(newVal, this.topicMonitors[newVal])\n                // Set up a uibuilder listener for this topic - ASSUMES msg.payload contains the VALUE to show\n                this.topicMonitors[newVal] = uibuilder.onTopic(newVal, (msg) => {\n                    // console.log('\uD83D\uDD26 topicMonitor \u27EB', newVal, msg)\n                    this.value = msg.payload\n                    this.varDom()\n                    if (this.report === true) window['uibuilder'].send({ topic: this.variable, payload: this.value || undefined })\n                })\n                this.varDom()\n\n                break\n            }\n            case 'filter': {\n                this.filter = undefined\n                this.filterArgs = []\n\n                // Handle empty filter\n                if (!newVal) break\n\n                this.filter = newVal\n\n                // Filter the input - at least limit the length of the attr\n                newVal = newVal.slice(0, 127)\n                // Remove spaces and then separate fn name from potential extra arguments\n                const f = newVal.replace(/\\s/g, '').match(/([a-zA-Z_$][a-zA-Z_$0-9.-]+)(\\((.*)\\))?/)\n                if (!f) {\n                    console.warn(`\u26A0\uFE0F [uib-var] Filter function \"${newVal}\" invalid. Cannot process.`)\n                    break\n                }\n                // Fn name\n                this.filter = f[1]\n                // Fn arguments\n                if (f[3]) { // undefined if no args found\n                    // TODO Do we really want to try this?\n                    try {\n                        this.filterArgs = JSON.parse(f[3])\n                    } catch (e) {}\n\n                    this.filterArgs = f[3].split(',').map((x) => {\n                        // No objects/arrays allowed - if they have a , they are split\n                        x = x.trim()\n                        // @ts-ignore NB: Do NOT use Number.isNaN here, it is too narrow minded\n                        if (isNaN(x)) {\n                            // String inside string ends up double quoted so remove those\n                            let y = x.replace(/^[\"'`]/, '').replace(/[\"'`]$/, '')\n                            // Attempt very limited parse in case it is valid object/array\n                            try {\n                                y = new Function(`return ${y}`)() // eslint-disable-line no-new-func\n                            } catch (e) {}\n                            return y\n                        }\n                        return Number(x)\n                    })\n                }\n\n                // Apply the filter directly if neither variable nor topic attribs set\n                if (!this.variable && !this.topic) this.varDom(false)\n                break\n            }\n\n            default: {\n                this[attrib] = newVal\n                break\n            }\n        }\n    } // --- end of attributeChangedCallback --- //\n\n    // Runs when an instance is added to the DOM\n    connectedCallback() {\n        // Make sure instance has an ID. Create an id from name or calculation if needed\n        if (!this.id) {\n            if (!this.name) this.name = this.getAttribute('name')\n            if (this.name) this.id = this.name.toLowerCase().replace(/\\s/g, '_')\n            else this.id = `uib-var-${++UibVar._iCount}`\n        }\n    }  // ---- end of connectedCallback ---- //\n\n    // Runs when an instance is removed from the DOM\n    disconnectedCallback() {\n        // Ignore if not using uibuilder\n        if (this.uib) {\n            Object.keys(this.topicMonitors).forEach( topic => {\n                uibuilder.cancelTopic(topic, this.topicMonitors[topic])\n            })\n        }\n    } // ---- end of disconnectedCallback ---- //\n\n    /** Process changes to the required uibuilder variable */\n    doWatch() {\n        if (!this.variable) throw new Error('No variable name provided')\n        // if (!this.uib) throw new Error('UIBUILDER client library not loaded - this component must be loaded AFTER the UIBUILDER library')\n\n        this.value = window['uibuilder'].get(this.variable)\n        this.varDom()\n\n        // Watch for changes in the variable\n        window['uibuilder'].onChange(this.variable, (val) => {\n            this.value = val\n            this.varDom()\n            if (this.report === true) window['uibuilder'].send({ topic: this.variable, payload: this.value || undefined })\n        })\n    }\n\n    /** Convert this.value to DOM output (applies output filter if needed)\n     * @param {boolean} chkVal If true (default), check for undefined value. False used to run filter even with no value set.\n     */\n    varDom(chkVal = true) {\n        // If user doesn't want to show undefined vars, allow the component slot to show instead\n        if (chkVal === true && !this.value && this.undef !== true) {\n            this.shadow.innerHTML = '<slot></slot>'\n            return\n        }\n\n        // Apply the filter to the value before display\n        let val = chkVal ? this.doFilter(this.value) : this.doFilter()\n\n        // console.log('\uD83D\uDD26 varDOM \u27EB ', val, typeof val, this.type)\n\n        let out = val\n\n        switch (this.type) {\n            case 'markdown': {\n                if (this.uib) out = window['uibuilder'].convertMarkdown(val)\n                break\n            }\n\n            case 'json':\n            case 'object': {\n                // console.log(window['uibuilder'].syntaxHighlight(val))\n                out = `<pre class=\"syntax-highlight\">${this.uib ? window['uibuilder'].syntaxHighlight(val) : val}</pre>`\n                break\n            }\n\n            case 'table': {\n                // console.log('\uD83D\uDD26 val \u27EB', val)\n                // if (!Array.isArray(val)) {\n                //     out = '<code>Contents of msg.payload is not an array which is required for table output.</code>'\n                //     break\n                // }\n                out = window['uibuilder'].sanitiseHTML(window['uibuilder'].buildHtmlTable(val).outerHTML)\n                break\n            }\n\n            case 'array':\n            case 'list': {\n                if (!Array.isArray(val)) val = [val]\n                // console.log('\uD83D\uDD26 val \u27EB', val)\n                out = '<ul>'\n                val.forEach( li => {\n                    out += `<li>${window['uibuilder'].sanitiseHTML(li)}</li>`\n                })\n                out += '</ul>'\n                break\n            }\n\n            case 'plain':\n            case 'html':\n            default: {\n                const t = typeof val\n                if (Array.isArray(val) || t === '[object Object]' || t === 'object') {\n                    try {\n                        out = JSON.stringify(val)\n                    } catch (e) {}\n                }\n                break\n            }\n        }\n        if (this.uib) this.shadow.innerHTML = window['uibuilder'].sanitiseHTML(out)\n        else this.shadow.innerHTML = out\n\n        this.shadow.appendChild(this.css)\n    }\n\n    /** Apply value filter if specified\n     * @param {*} value The value to change\n     * @returns {*} The amended value that will be displayed\n     */\n    doFilter(value) {\n        if (this.filter) {\n            // Cater for dotted notation functions (e.g. uibuilder.get)\n            const splitFilter = this.filter.split('.')\n            let globalFn = globalThis[splitFilter[0]]\n            if (globalFn && splitFilter.length > 1) {\n                const parts = [splitFilter.pop()]\n                parts.forEach( part => {\n                    globalFn = globalFn[part]\n                } )\n            }\n            if (!globalFn && this.uib === true) globalFn = globalThis['uibuilder'][splitFilter[0]]\n            if (globalFn && typeof globalFn !== 'function' ) globalFn = undefined\n            if (globalFn) {\n                const argList = value === undefined ? [...this.filterArgs] : [value, ...this.filterArgs]\n                value = Reflect.apply(globalFn, value ?? globalFn, argList)\n            } else {\n                console.warn(`\u26A0\uFE0F [uib-var] Filter function \"${this.filter}\" ${typeof globalFn === 'object' ? 'is an object not a function' : 'not found'}`)\n            }\n        }\n\n        return value\n    }\n}\n\n// Add the class as a new Custom Element to the window object\n// customElements.define('uib-var', UibVar)\n", "/** A zero dependency web component that will display some metadata about the current web page.\n *\n * @version 1.0.0 2024-06-01\n *\n * @example\n *  <div id=\"more\">\n *    <uib-meta type=\"created\" format=\"t\"></uib-meta><br>\n *    <uib-meta format=\"d\"></uib-meta><br>\n *    <uib-meta type=\"updated\" format=\"dt\"></uib-meta><br>\n *    <uib-meta type=\"crup\" format=\"d\"></uib-meta><br>\n *    <uib-meta type=\"size\" format=\"k\"></uib-meta><br>\n *  </div>\n */\n/*\n  Copyright (c) 2024-2024 Julian Knight (Totally Information)\n\n  Licensed under the Apache License, Version 2.0 (the \"License\");\n  you may not use this file except in compliance with the License.\n  You may obtain a copy of the License at\n\n  http://www.apache.org/licenses/LICENSE-2.0\n\n  Unless required by applicable law or agreed to in writing, software\n  distributed under the License is distributed on an \"AS IS\" BASIS,\n  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  See the License for the specific language governing permissions and\n  limitations under the License.\n*/\n\n// const template = document.createElement('template')\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`<span></span>`\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`<link type=\"text/css\" rel=\"stylesheet\" href=\"\"../uibuilder/uib-brand.min.css\"\" media=\"all\"><span></span>`\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`\n// {/* <style>@import url(\"../uibuilder/uib-brand.min.css\");</style><span></span> */}\n// `\n\nexport default class UibMeta extends HTMLElement {\n    //#region --- Class Properties ---\n    /** @type {string} Name of the uibuilder mangaged variable to use */\n    variable = 'pageMeta'\n    /** Current value of the watched variable */\n    value\n    /** Whether to output if the variable is undefined */\n    undef = false\n    /** Whether to send update value to Node-RED on change */\n    report = false\n    /** What is the value type */\n    type = 'created'\n    /** what are the available types? */\n    types = ['created', 'updated', 'crup', 'size', 'modified',]\n    /** Chosen formatting - default to none */\n    format = ''\n    /** what are the available formats? */\n    formats = ['d', 'dt', 't', 'k', 'm']\n    /** Holds uibuilder.onTopic listeners */\n    topicMonitors = {}\n    /** Is UIBUILDER loaded? */\n    uib = !!window['uibuilder']\n\n    /** Mini jQuery-like shadow dom selector (see constructor) */\n    $\n\n    /** Holds a count of how many instances of this component are on the page */\n    static _iCount = 0\n    /** @type {Array<string>} List of all of the html attribs (props) listened to */\n    static props = ['type', 'format']\n    //#endregion --- Class Properties ---\n\n    constructor() {\n        super()\n        this.shadow = this.attachShadow({ mode: 'open', delegatesFocus: true })\n        //  .append(template.content.cloneNode(true))\n\n        this.$ = this.shadowRoot.querySelector.bind(this.shadowRoot)\n\n        // Apply external styles to the shadow dom - assumes you use index.css in same url location as main url\n        // this.css = document.createElement('link')\n        // this.css.setAttribute('type', 'text/css')\n        // this.css.setAttribute('rel', 'stylesheet')\n        // this.css.setAttribute('href', './index.css')\n\n        // Get the latest page metadata from the server\n        this.value = window['uibuilder'].get('pageMeta')\n        if (!this.value) window['uibuilder'].getPageMeta()\n        this.doWatch()\n\n        this.dispatchEvent(new Event('uib-meta:construction', { bubbles: true, composed: true }))\n    }\n\n    // Makes HTML attribute change watched\n    static get observedAttributes() {\n        return UibMeta.props\n    }\n\n    /** Handle watched attributes\n     * NOTE: On initial startup, this is called for each watched attrib set in HTML - BEFORE connectedCallback is called.\n     * Attribute values can only ever be strings\n     * @param {string} attrib The name of the attribute that is changing\n     * @param {string} newVal The new value of the attribute\n     * @param {string} oldVal The old value of the attribute\n     */\n    attributeChangedCallback(attrib, oldVal, newVal) {\n        if ( oldVal === newVal ) return\n\n        switch (attrib) {\n            case 'type': {\n                if (newVal === '' || !this.types.includes(newVal.toLowerCase())) this.type = 'created'\n                else this.type = newVal\n                break\n            }\n\n            case 'format': {\n                if (!this.formats.includes(newVal.toLowerCase())) this.type = ''\n                else this[attrib] = newVal\n                break\n            }\n\n            default: {\n                this[attrib] = newVal\n                break\n            }\n        }\n    } // --- end of attributeChangedCallback --- //\n\n    // Runs when an instance is added to the DOM\n    connectedCallback() {\n        // Make sure instance has an ID. Create an id from name or calculation if needed\n        if (!this.id) {\n            if (!this.name) this.name = this.getAttribute('name')\n            if (this.name) this.id = this.name.toLowerCase().replace(/\\s/g, '_')\n            else this.id = `uib-meta-${++UibMeta._iCount}`\n        }\n    }  // ---- end of connectedCallback ---- //\n\n    // Runs when an instance is removed from the DOM\n    // disconnectedCallback() {\n    //     // Ignore if not using uibuilder\n    //     if (this.uib) {\n    //         Object.keys(this.topicMonitors).forEach( topic => {\n    //             uibuilder.cancelTopic(topic, this.topicMonitors[topic])\n    //         })\n    //     }\n    // } // ---- end of disconnectedCallback ---- //\n\n    /** Process changes to the required uibuilder variable */\n    doWatch() {\n        // if (!this.variable) throw new Error('No variable name provided')\n        // if (!this.uib) throw new Error('UIBUILDER client library not loaded - this component must be loaded AFTER the UIBUILDER library')\n\n        // this.value = window['uibuilder'].get(this.variable)\n        this.varDom()\n\n        // Watch for changes in the variable\n        window['uibuilder'].onChange(this.variable, (val) => {\n            this.value = val\n            this.varDom()\n            if (this.report === true) window['uibuilder'].send({ topic: this.variable, payload: this.value || undefined })\n        })\n    }\n\n    /** Convert this.value to DOM output (applies output filter if needed)\n     * @param {boolean} chkVal If true (default), check for undefined value. False used to run filter even with no value set.\n     */\n    varDom(chkVal = true) {\n        // If user doesn't want to show undefined vars, allow the component slot to show instead\n        if (chkVal === true && !this.value && this.undef !== true) {\n            this.shadow.innerHTML = '<slot></slot>'\n            return\n        }\n\n        // Apply the filter to the value before display\n        // const val = chkVal ? this.doFilter(this.value) : this.doFilter()\n\n        // console.log('\uD83E\uDDEA varDOM: ', val, typeof val, this.type)\n\n        let out // = val\n\n        switch (this.type) {\n            case 'size': { // File size in bytes\n                out = `Size: ${this.doFormat(this.value.size, 'num')}b`\n                break\n            }\n\n            case 'modified':\n            case 'updated': { // both created and updated dates\n                out = `Updated: ${this.doFormat(this.value.modified, 'dt')}`\n                break\n            }\n\n            case 'crup': {\n                out = `Created: ${this.doFormat(this.value.created, 'dt')}, Updated: ${this.doFormat(this.value.modified, 'dt')}`\n                break\n            }\n\n            case 'created':\n            default: {\n                out = `Created: ${this.doFormat(this.value.created, 'dt')}`\n                break\n            }\n        }\n        // if (this.uib) this.shadow.innerHTML = window['uibuilder'].sanitiseHTML(out)\n        // else this.shadow.innerHTML = out\n        if (out !== undefined) this.shadow.innerHTML = out\n\n        // this.shadow.appendChild(this.css)\n    }\n\n    /** Format a value using this.format\n     * @param {Date|string|number} val Value to format\n     * @param {'num'|'dt'} type Type of of input\n     * @returns {*} Formatted value\n     */\n    doFormat(val, type) {\n        if (this.format === '') return val\n\n        // ['d', 'dt', 't', 'k', 'm']\n        let out\n        switch (this.format) {\n            case 'd': {\n                if (type === 'dt') out = (new Date(val)).toLocaleDateString()\n                else out = val\n                break\n            }\n\n            case 't': {\n                if (type === 'dt') out = (new Date(val)).toLocaleTimeString()\n                else out = val\n                break\n            }\n\n            case 'dt': {\n                if (type === 'dt') out = (new Date(val)).toLocaleString()\n                else out = val\n                break\n            }\n\n            case 'k': {\n                if (type === 'num') out = `${uibuilder.round(val/1024, 1)} k`\n                else out = val\n                break\n            }\n\n            case 'm': {\n                if (type === 'num') out = `${uibuilder.round(val/1048576, 2)} M`\n                else out = val\n                break\n            }\n\n            default: {\n                out = val\n                // break\n            }\n        }\n        return out\n    }\n\n    /** Apply value filter if specified\n     * @param {*} value The value to change\n     * @returns {*} The amended value that will be displayed\n     */\n    // doFilter(value) {\n    //     if (this.filter) {\n    //         // Cater for dotted notation functions (e.g. uibuilder.get)\n    //         const splitFilter = this.filter.split('.')\n    //         let globalFn = globalThis[splitFilter[0]]\n    //         if (globalFn && splitFilter.length > 1) {\n    //             const parts = [splitFilter.pop()]\n    //             parts.forEach( part => {\n    //                 globalFn = globalFn[part]\n    //             } )\n    //         }\n    //         if (!globalFn && this.uib === true) globalFn = globalThis['uibuilder'][splitFilter[0]]\n    //         if (globalFn && typeof globalFn !== 'function' ) globalFn = undefined\n    //         if (globalFn) {\n    //             const argList = value === undefined ? [...this.filterArgs] : [value, ...this.filterArgs]\n    //             value = Reflect.apply(globalFn, value ?? globalFn, argList)\n    //         } else {\n    //             console.warn(`\u26A0\uFE0F [uib-var] Filter function \"${this.filter}\" ${typeof globalFn === 'object' ? 'is an object not a function' : 'not found'}`)\n    //         }\n    //     }\n\n    //     return value\n    // }\n}\n\n// Add the class as a new Custom Element to the window object\n// customElements.define('uib-meta', UibMeta)\n", "/** A zero dependency web component that will display some metadata about the current web page.\n *\n * @version 1.0.0 2024-06-01\n *\n * @example\n *  <div id=\"more\">\n *    <uib-meta type=\"created\" format=\"t\"></uib-meta><br>\n *    <uib-meta format=\"d\"></uib-meta><br>\n *    <uib-meta type=\"updated\" format=\"dt\"></uib-meta><br>\n *    <uib-meta type=\"crup\" format=\"d\"></uib-meta><br>\n *    <uib-meta type=\"size\" format=\"k\"></uib-meta><br>\n *  </div>\n */\n/*\n  Copyright (c) 2024-2024 Julian Knight (Totally Information)\n\n  Licensed under the Apache License, Version 2.0 (the \"License\");\n  you may not use this file except in compliance with the License.\n  You may obtain a copy of the License at\n\n  http://www.apache.org/licenses/LICENSE-2.0\n\n  Unless required by applicable law or agreed to in writing, software\n  distributed under the License is distributed on an \"AS IS\" BASIS,\n  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  See the License for the specific language governing permissions and\n  limitations under the License.\n*/\n\nconst uib = window['uibuilder']\n\n// const template = document.createElement('template')\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`<span></span>`\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`<link type=\"text/css\" rel=\"stylesheet\" href=\"\"../uibuilder/uib-brand.min.css\"\" media=\"all\"><span></span>`\n// template.innerHTML = /** @type {HTMLTemplateElement} */ /*html*/`\n// {/* <style>@import url(\"../uibuilder/uib-brand.min.css\");</style><span></span> */}\n// `\n\nexport default class ApplyTemplate extends HTMLElement {\n    //#region --- Class Properties ---\n    /** Holds a count of how many instances of this component are on the page */\n    static _iCount = 0\n    /** @type {Array<string>} List of all of the html attribs (props) listened to */\n    static props = ['template-id', 'once']\n    // Holder for once attribute\n    once = false\n    // Holder for uibuilder log\n    log\n    //#endregion --- Class Properties ---\n\n    constructor() {\n        super()\n        // this.shadow = this.attachShadow({ mode: 'open', delegatesFocus: true })\n        //  .append(template.content.cloneNode(true))\n\n        // this.$ = this.shadowRoot.querySelector.bind(this.shadowRoot)\n\n        // Apply external styles to the shadow dom - assumes you use index.css in same url location as main url\n        // this.css = document.createElement('link')\n        // this.css.setAttribute('type', 'text/css')\n        // this.css.setAttribute('rel', 'stylesheet')\n        // this.css.setAttribute('href', './index.css')\n\n        // Get the latest page metadata from the server\n        // this.value = window['uibuilder'].get('pageMeta')\n        // if (!this.value) window['uibuilder'].getPageMeta()\n        // this.doWatch()\n\n        if (!window['uibuilder']) throw new Error('uibuilder client library not available')\n        this.log = window['uibuilder'].log\n        this.dispatchEvent(new Event('apply-template:construction', { bubbles: true, composed: true }))\n    }\n\n    // Makes HTML attribute change watched\n    static get observedAttributes() {\n        return ApplyTemplate.props\n    }\n\n    /** Handle watched attributes\n     * NOTE: On initial startup, this is called for each watched attrib set in HTML - BEFORE connectedCallback is called.\n     * Attribute values can only ever be strings\n     * @param {string} attrib The name of the attribute that is changing\n     * @param {string} newVal The new value of the attribute\n     * @param {string} oldVal The old value of the attribute\n     */\n    attributeChangedCallback(attrib, oldVal, newVal) {\n        if ( oldVal === newVal ) return\n        this[attrib] = newVal\n    } // --- end of attributeChangedCallback --- //\n\n    // Runs when an instance is added to the DOM\n    connectedCallback() {\n        const templateId = this['template-id']\n        const onceOnly = this['once']\n\n        if (templateId) {\n            const template = document.getElementById(templateId)\n\n            if (template) {\n                try {\n                    let content\n                    if (onceOnly === false) {\n                        content = document.importNode(template.content, true)\n                    } else {\n                        content = document.adoptNode(template.content)\n                    }\n                    // NB content.childElementCount = 0 after adoption\n                    this.appendChild(content)\n                } catch (e) {\n                    this.log('error', 'ApplyTemplate', `Source must be a <template>. id='${templateId}'`)\n                }\n            } else {\n                this.log('error', 'ApplyTemplate', `Source not found: id='${templateId}'`)\n            }\n        } else {\n            this.log('error', 'ApplyTemplate', 'Template id attribute not provided. Template must be identified by an id attribute.')\n        }\n    }\n}\n\n// Add the class as a new Custom Element to the window object\n// customElements.define('uib-meta', UibMeta)\n"],
   "mappings": "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",
   "names": ["require_ui", "__commonJSMin", "exports", "module", "_a", "Ui", "win", "extLog", "jsonHighlight", "__publicField", "str", "lang", "high", "plugin", "name", "config", "notify", "resolve", "reject", "ev", "ui", "isRecurse", "compToAdd", "i", "newEl", "elParent", "el", "comp", "attrib", "type", "evt", "err", "prop", "parentEl", "components", "ns", "component", "__toESM", "__require", "script", "sheet", "msg", "all", "compToRemove", "els", "compToReplace", "elToReplace", "compToUpd", "elToUpd", "j", "nc", "nestedComp", "k", "method", "cssSelector", "output", "out", "attr", "e", "classNames", "sourceId", "targetId", "template", "target", "content", "data", "keys", "tbl", "thead", "headerRow", "headers", "header", "th", "tbody", "item", "row", "cell", "mdText", "url", "uiOptions", "response", "error", "contentType", "slot", "txtReturn", "newScript", "textFn", "newStyle", "opts", "sourceSelector", "targetSelector", "moveType", "position", "node", "thisOut", "listEntries", "bodyEntries", "headEntries", "cols", "v", "permit", "tempFrag", "elRange", "html", "toaster", "toast", "json", "propName", "selection", "p", "cType", "key", "import_ui", "PACKET_TYPES", "PACKET_TYPES_REVERSE", "key", "ERROR_PACKET", "withNativeBlob", "withNativeArrayBuffer", "isView", "obj", "encodePacket", "type", "data", "supportsBinary", "callback", "encodeBlobAsBase64", "PACKET_TYPES", "fileReader", "content", "toArray", "TEXT_ENCODER", "encodePacketToBinary", "packet", "encoded", "chars", "lookup", "i", "decode", "base64", "bufferLength", "len", "p", "encoded1", "encoded2", "encoded3", "encoded4", "arraybuffer", "bytes", "lookup", "withNativeArrayBuffer", "decodePacket", "encodedPacket", "binaryType", "mapBinary", "type", "decodeBase64Packet", "PACKET_TYPES_REVERSE", "ERROR_PACKET", "data", "decoded", "decode", "SEPARATOR", "encodePayload", "packets", "callback", "length", "encodedPackets", "count", "packet", "i", "encodePacket", "encodedPacket", "decodePayload", "encodedPayload", "binaryType", "decodedPacket", "decodePacket", "createPacketEncoderStream", "controller", "encodePacketToBinary", "payloadLength", "header", "view", "TEXT_DECODER", "totalLength", "chunks", "acc", "chunk", "concatChunks", "size", "buffer", "j", "createPacketDecoderStream", "maxPayload", "state", "expectedLength", "isBinary", "headerArray", "n", "ERROR_PACKET", "data", "protocol", "Emitter", "obj", "mixin", "key", "event", "fn", "on", "callbacks", "cb", "i", "args", "len", "globalThisShim", "pick", "obj", "attr", "acc", "k", "NATIVE_SET_TIMEOUT", "globalThisShim", "NATIVE_CLEAR_TIMEOUT", "installTimerFunctions", "opts", "BASE64_OVERHEAD", "byteLength", "utf8Length", "str", "c", "length", "l", "encode", "obj", "str", "i", "decode", "qs", "qry", "pairs", "l", "pair", "TransportError", "reason", "description", "context", "Transport", "Emitter", "opts", "installTimerFunctions", "packets", "data", "packet", "decodePacket", "details", "onPause", "schema", "query", "hostname", "encodedQuery", "encode", "alphabet", "length", "map", "seed", "i", "prev", "encode", "num", "encoded", "yeast", "now", "encode", "prev", "seed", "i", "length", "map", "alphabet", "value", "hasCORS", "XHR", "opts", "xdomain", "hasCORS", "globalThisShim", "empty", "hasXHR2", "XHR", "Polling", "Transport", "opts", "isSSL", "port", "forceBase64", "onPause", "pause", "total", "data", "callback", "packet", "decodePayload", "close", "packets", "encodePayload", "schema", "query", "yeast", "Request", "fn", "req", "xhrStatus", "context", "_Request", "Emitter", "uri", "installTimerFunctions", "_a", "pick", "xhr", "i", "e", "err", "fromError", "unloadHandler", "terminationEvent", "globalThisShim", "nextTick", "cb", "setTimeoutFn", "WebSocket", "globalThisShim", "usingBrowserWebSocket", "defaultBinaryType", "isReactNative", "WS", "Transport", "opts", "uri", "protocols", "pick", "usingBrowserWebSocket", "WebSocket", "err", "closeEvent", "ev", "packets", "i", "packet", "lastPacket", "encodePacket", "data", "nextTick", "schema", "query", "yeast", "WT", "Transport", "err", "stream", "decoderStream", "createPacketDecoderStream", "reader", "encoderStream", "createPacketEncoderStream", "read", "done", "value", "packet", "packets", "i", "lastPacket", "nextTick", "_a", "transports", "WS", "WT", "Polling", "re", "parts", "parse", "str", "src", "b", "e", "m", "uri", "i", "pathNames", "queryKey", "obj", "path", "regx", "names", "query", "data", "$0", "$1", "$2", "Socket", "_Socket", "Emitter", "uri", "opts", "defaultBinaryType", "parse", "installTimerFunctions", "decode", "name", "query", "protocol", "transports", "transport", "reason", "failed", "onTransportOpen", "msg", "cleanup", "err", "freezeTransport", "onerror", "error", "onTransportClose", "onclose", "onupgrade", "to", "i", "l", "packet", "data", "packets", "payloadSize", "byteLength", "options", "fn", "type", "close", "cleanupAndClose", "waitForUpgrade", "description", "upgrades", "filteredUpgrades", "j", "protocol", "Socket", "url", "uri", "path", "loc", "obj", "parse", "host", "esm_exports", "__export", "Decoder", "Encoder", "PacketType", "protocol", "withNativeArrayBuffer", "isView", "obj", "toString", "withNativeBlob", "withNativeFile", "isBinary", "hasBinary", "toJSON", "i", "l", "key", "deconstructPacket", "packet", "buffers", "packetData", "pack", "_deconstructPacket", "data", "isBinary", "placeholder", "newData", "key", "reconstructPacket", "_reconstructPacket", "i", "RESERVED_EVENTS", "protocol", "PacketType", "Encoder", "replacer", "obj", "hasBinary", "str", "deconstruction", "deconstructPacket", "pack", "buffers", "isObject", "value", "Decoder", "_Decoder", "Emitter", "reviver", "packet", "isBinaryEvent", "BinaryReconstructor", "isBinary", "i", "p", "start", "buf", "next", "c", "payload", "type", "binData", "reconstructPacket", "on", "obj", "ev", "fn", "RESERVED_EVENTS", "Socket", "Emitter", "io", "nsp", "opts", "on", "args", "ev", "packet", "PacketType", "id", "ack", "isTransportWritable", "_a", "timeout", "timer", "i", "fn", "resolve", "reject", "arg1", "arg2", "err", "responseArgs", "force", "data", "reason", "description", "listeners", "listener", "self", "sent", "pid", "subDestroy", "compress", "Backoff", "opts", "ms", "rand", "deviation", "min", "max", "jitter", "Manager", "Emitter", "uri", "opts", "_a", "installTimerFunctions", "Backoff", "_parser", "esm_exports", "v", "fn", "Socket", "socket", "self", "openSubDestroy", "on", "onError", "err", "errorSub", "timeout", "timer", "data", "e", "packet", "nextTick", "nsp", "nsps", "encodedPackets", "subDestroy", "reason", "description", "delay", "attempt", "cache", "lookup", "uri", "opts", "parsed", "url", "source", "id", "path", "sameNamespace", "newConnection", "io", "Manager", "Socket", "_UibVar", "__publicField", "attrib", "oldVal", "newVal", "msg", "f", "x", "y", "topic", "val", "chkVal", "out", "li", "t", "value", "splitFilter", "globalFn", "part", "argList", "UibVar", "_UibMeta", "__publicField", "attrib", "oldVal", "newVal", "val", "chkVal", "out", "type", "UibMeta", "uib", "_ApplyTemplate", "__publicField", "attrib", "oldVal", "newVal", "templateId", "onceOnly", "template", "content", "ApplyTemplate", "import_meta", "version", "isMinified", "param", "log", "args", "level", "strLevel", "head", "ll", "import_meta", "syntaxHighlight", "json", "match", "cls", "_ui", "Ui", "_a", "_pingInterval", "_propChangeCallbacks", "_msgRecvdByTopicCallbacks", "_timerid", "_MsgHandler", "_isShowMsg", "_isShowStatus", "_sendUrlHash", "_uniqueElID", "_extCommands", "_managedVars", "_showStatus", "_uiObservers", "_uibAttrSel", "Uib", "__publicField", "__privateAdd", "cb", "c", "splitC", "event", "__privateGet", "fullPath", "autoloadVars", "id", "prop", "val", "store", "autoload", "value", "autoVars", "e", "title", "details", "callback", "nextCbRef", "propChangeCallback", "cbRef", "topic", "msgRecvdEvtCallback", "msg", "receivedMsg", "serverTimestamp", "offset", "a1", "a2", "uName", "varToCopy", "data", "cssSelector", "el", "exists", "decimalPlaces", "intl", "opts", "out", "obj", "size", "jsonString", "url", "thing", "property", "num", "p", "n", "originator", "ms", "oReq", "headers", "elapsedTime", "__privateSet", "deflt", "ret", "toggle", "mdText", "uiOptions", "textFn", "slot", "component", "html", "type", "ui", "propName", "mutations", "m", "aNames", "uibChildren", "k", "v", "hasChecked", "hasValue", "parentEl", "files", "noSend", "file", "props", "ignoreAttribs", "attribs", "name", "classes", "key", "checked", "option", "formDetails", "config", "res", "err", "__privateWrapper", "showHide", "parent", "root", "entry", "startStop", "send", "showLog", "targetNode", "that", "mutationList", "mu", "oMu", "an", "i", "htmlCache", "receivedCtrlMsg", "r", "msgToSend", "channel", "numMsgs", "cmd", "quiet", "response", "info", "newUrl", "txtToSend", "logLevel", "domevent", "target", "payload", "frmEl", "nprops", "room", "reader", "arrayBuffer", "maxSize", "ioNamespace", "u", "t", "delay", "factor", "depth", "reason", "lookup", "options", "eMsg", "uibuilder", "selector", "uibuilder_module_default", "uibuilder", "UibVar", "UibMeta", "ApplyTemplate"]
 }
diff --git a/gulpfile.js b/gulpfile.js
index f2de3149..940f6718 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -70,7 +70,7 @@ const stdio = 'inherit'
 // @ts-ignore Find the module version in the package.json
 const { version } = JSON.parse(fs.readFileSync('package.json'))
 // Desired release version
-const release = '7.0.3'
+const release = '7.0.4'
 // Wanted node.js version - used for ESBUILD
 const nodeVersion = 'node18.12'
 
diff --git a/nodes/libs/ui.js b/nodes/libs/ui.js
index 28e928ff..32bbcebe 100644
--- a/nodes/libs/ui.js
+++ b/nodes/libs/ui.js
@@ -1,6 +1,6 @@
 const Ui = class Ui2 {
   //#region --- Class variables ---
-  version = "7.0.3-node";
+  version = "7.0.4-node";
   // List of tags and attributes not in sanitise defaults but allowed in uibuilder.
   sanitiseExtraTags = ["uib-var"];
   sanitiseExtraAttribs = ["variable", "report", "undefined"];
diff --git a/package.json b/package.json
index d0d506f3..29c363a0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "node-red-contrib-uibuilder",
-  "version": "7.0.3",
+  "version": "7.0.4",
   "description": "Easily create data-driven web UI's for Node-RED using any (or no) front-end library.",
   "scripts": {
     "preinstall": "node ./bin/uibpreinstalljs",
diff --git a/src/front-end-module/ui.js b/src/front-end-module/ui.js
index 157756c6..eea5466d 100644
--- a/src/front-end-module/ui.js
+++ b/src/front-end-module/ui.js
@@ -32,7 +32,7 @@
 
 const Ui = class Ui {
     //#region --- Class variables ---
-    version = '7.0.3-src'
+    version = '7.0.4-src'
 
     // List of tags and attributes not in sanitise defaults but allowed in uibuilder.
     sanitiseExtraTags = ['uib-var']
diff --git a/src/front-end-module/uibuilder.module.js b/src/front-end-module/uibuilder.module.js
index df796923..e2dd1ccc 100644
--- a/src/front-end-module/uibuilder.module.js
+++ b/src/front-end-module/uibuilder.module.js
@@ -36,7 +36,7 @@ import UibVar from '../components/uib-var'
 import UibMeta from '../components/uib-meta'
 import ApplyTemplate from '../components/apply-template'
 
-const version = '7.0.3-src'
+const version = '7.0.4-src'
 
 // TODO Add option to allow log events to be sent back to Node-RED as uib ctrl msgs
 //#region --- Module-level utility functions --- //