diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6bb34189..7e917257 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,33 +4,82 @@ typora-root-url: docs/images
 
 # Changelog
 
-Please see the documentation for archived changelogs - a new archive is produced for each major version.
+Please see the documentation for archived changelogs - a new archive is produced for each major version. Check the [roadmap](./docs/roadmap.md) for future developments.
 
-## To do/In-progress
+------------
 
-Check the [roadmap](./docs/roadmap.md) for future developments.
+## [Unreleased](https://github.com/TotallyInformation/node-red-contrib-uibuilder/compare/v6.7.0...main)
 
-* Outdated examples - some of the included example flows such as the "remote-commands" example are now out of date. What is there will still work but they are no longer comprehensive. Will try to catch them up as soon as I can.
-* Add URL case sensitivity flag - currently ExpressJS and Socket.IO handle URL case sensitivity differently. In rare cases, this can cause an error. Will make both case sensitive in line with W3C recommendations (will be optional until next major release).
+Nothing currently.
 
-  Add case sensitivity flag to uibuilder node and allow setting of ExpressJS flags on routers. [ref 1](https://stackoverflow.com/questions/21216523/nodejs-express-case-sensitive-urls), [Ref 2](http://expressjs.com/en/api.html). Also document in  uibuilder settings. [Ref 3](https://discourse.nodered.org/t/uibuilder-and-url-case-sensitivity/81019/6). 
+## [v6.7.0](https://github.com/TotallyInformation/node-red-contrib-uibuilder/compare/v6.6.0...v6.7.0)
 
-### TO FIX
+### Highlights
 
-* Loading template - if it fails due to a missing dependency, the template isn't loaded but the Template shows the new one. Need to revert the name if loading fails.
-* uibRoot package.json - add check if dependencies blank but `node_modules` is not empty, if so, repopulate? Need to decide when to check - on commit at least.
-* uib-tag - Attribs Source - should be "None" as default
-* Editor (all nodes) - Use jQueryUI tooltips instead of uib custom (see `uib-element`)
-* Templates - add eslint dev dependencies to package.json
-  * .eslintrc.js: 	Configuration for rule "sonarjs/no-duplicate-string" is invalid: 	Value 6 should be object. 
+* The new front-end routing library is available. Easy to use, robust and reasonably comprehensive. It is not dependent on uibuilder but offered with it to enable Single-Page Apps (SPA's) to be easily created with uibuilder.
+* The `uib-html` node now allows an HTML string wrapper. This defaults to uibuilder's default "Blank" template HTML or can be overridden using `msg.template`. This lets you create a fully working page from no-code and low-code configurations that can be fed direct to `uib-save` or used in Dashboard or with http-in/-out nodes. Or indeed with external web server tools.
 
+### New client library - uibrouter - front-end routing library
 
+A complete, standalone library for doing front-end routing with both internal and external templates. Lightweight and simple to use. See the [documentation](docs/client-docs/fe-router.md) for details.
+
+### `uib-html` improvements
+
+* The `uib-html` node now accepts a `msg.template` property which, if provided, MUST contain a valid HTML page template.
+
+  This allows you to grab an existing page using the `htmlSend` command, add new elements/updates and save it back to a uibuilder instance either as the default page or another page, for example, using the `uib-save` node. Overwriting a page is a way of ensuring that new accesses get a known page with structure and potentially data.
+
+  You can, of course, use this node to produce HTML for use outside of UIBUILDER. For example, use uib-element/uib-update, add a template and use this node to create a complete web page for use with http-in/-out, a static website or some other web service.
+
+  You probably don't need/want the template if outputting for the Node-RED Dashboard `ui_template` node.
+
+### `uib-save` improvements
+
+* The reload client flag now actually works.
+* The new "Use pageName" flag allows you to save to the uibuilder node's live folder using the page name returned from the front-end or manually set in `msg._ui.pageName` or `msg.uib.pageName`. This makes it easier to save an updated page via the `htmlSend` command (either from Node-RED or from front-end code). See the example flow to see how this works. It means that you don't need to know the folder or the pageName at all.
+* The filename can include folders (use `/` as separator) and missing folders will be created automatically if the "Create Folder" flag is set. Note that you cannot have any `..` in the filename, this is to prevent escaping from the instance root folder and causing mayhem elsewhere. By default, new folders cannot be created (this is a safety feature), select the "Create Folder?" flag to allow creation.
+* The Editor js has been moved out of the html file and put into `resources/uib-save.js`. It is loaded by the html file in a link. This makes development a lot easier. The code also references `resources/ti-common.js` to ensure consistency.
+
+### `uib-tag` improvements
+
+* **FIXED** - Tag name input would only accept string. Now correctly processes other types.
+
+### Client library improvements
+
+* **FIXED** Client `htmlSend`, when called as a Node-RED command, was returning 2 messages. Now returns the HTML string and sends it to Node-RED directly only if the new 2nd argument is TRUE (the default so that direct calls will still work without changes).
+* **FIXED** `eventSend` when attached to a change event returns the `value` property that all `input` tags have - except when they don't! When input is used as a checkbox, it has a `checked` property instead. Function changed to return the checked value if it exists (`true` or `false`), the value property otherwise.
+* **NEW function and command** `watchUrlHash` - Toggle (or manually set on/off) sending URL Hash changes back to Node-RED in a standard msg.
+* **NEW watched variable** `urlHash` Set on load and updated as it changes. URL Hashes are used by front-end routing for Single-Page-Apps (SPA's). They do not reload the page.
+* **New utility function** `truthy` Takes a truthy/falsy input (e.g. text, number, boolean) and returns true or false (boolean). If input is neither truthy or falsy, can take a 2nd parameter which is the default return.
+* Function added to watch for url hash changes.
+
+### `uibuilder` node improvements
+
+* `uibuilder` - Reduce code complexity by moving more fs actions out into `libs/fs.js`.
+* Some common Node-RED Editor code and styles moved to common libraries (`resources/ti-common.js` & `resources/ti-common.css`) loaded as resources. Making the editor code smaller and more consistent.
+
+#### Editor panel improvements
+
+* Major rework of tracking node instances. Custom events are now fired: 'uibuilder:node-added', 'uibuilder:node-changed', 'uibuilder:node-deleted'. With the node in question passed as data in the event. For added nodes, an extra property `addType` is added to the node object and set to either "load" (fired when the Editor is loaded which adds all nodes), "new" (when a brand new instance is added, eg from the palette), or "paste/import". The tracking code is also now only ever instanciated once when the Editor is loaded.
+* Better and more consistent removal of URL setting when pasting or importing existing uibuilder nodes.
+* The Editor js has been moved out of the html file and put into `resources/uibuilder.js`. It is loaded by the html file in a link. This makes development a lot easier. The code also references `resources/ti-common.js` to ensure consistency.
+* Improved debug information. Debug output to Editor page console is automatic if environment variable NODE_ENV is set to 'dev' or 'development' (it used to be if running on localhost). Otherwise can be turned on by manually issueing `uibuilder.debug = true` on the browser console on the Editor page.
+
+### Examples
+
+* `uib-save` and `uib-html` example flows added.
+* `uib-var-web-component` example flow added. Contains several examples of showing uibuilder managed variables dynamically in your HTML code. Including several no-code examples.
+* `uib-tag` example flow added.
+
+### Other improvements
+
+* **NEW node Library** `libs/lowcode.js` - The beginnings of moving the zero- to low-code element translations (e.g. uib-element, uib-update and uib-tag) to their own library. With the possibility of eventually making that library available as a stand-alone front-end library as well. Not yet in use.
+* `libs/fs.js` - More replacements towards removing dependency on fs-extra. More move of filing system actions out of other nodes and libraries.
+* **NEW utility function** `getSource(propName, node, msg, RED, src, srcType)` in `libs/uiblib.js` - this is an ASYNC function that returns a promise. It is a standardised way of getting the current value from a Node-RED Typed Input field.
+* Enhanced tooltips not applied to the Monaco/Ace edit panel.
 
-------------
 
-## [Unreleased](https://github.com/TotallyInformation/node-red-contrib-uibuilder/compare/v6.6.0...main)
 
-Nothing currently.
 
 ## [v6.6.0](https://github.com/TotallyInformation/node-red-contrib-uibuilder/compare/v6.5.0...v6.6.0)
 
diff --git a/README.md b/README.md
index 9b0bfbba..c655fb88 100644
--- a/README.md
+++ b/README.md
@@ -131,31 +131,33 @@ The purpose of UIBUILDER is to:
 
 The core features of UIBUILDER:
 
-* Provides nodes to enable zero-code translation of input data to usable and accessible web elements.
-* Provides capability for low-code, configuration-driven (data-driven) UI's. Creating a framework for describing a UI and translating to actual code without having to write code.
-* Provides a 2-way communications channel between the Node-RED server (back-end) and front-end UI.
-* Provides a Node-RED node to act as the focus for communications with other nodes for additional ease of use.
-* Provides a front-end library to: do the complex parts of the communications in the client browser; make manipulation of the UI easier and more consistent; make it easy to get data back to Node-RED as needed (both automatically and manually).
-* Provides easy to use templates and examples for front-end code to enable people to get a quick start on creating web apps.
-* Provides management and serving of npm packages that provide front-end libraries consumable easily by front-end code.
-* Allows editing of front-end code from the Node-RED Editor (designed for small changes, use web development tools generally).
-* Enables the use of external authentication and authorisation methods and services to control multi-user access to web apps.
-* Provides various server middleware and API options for additional custom capabilities.
-* Allows as many `uibuilder` node instances as you like. Each instance allows the creation of many web pages and sub-folders for easy management.
+* As far as possible, uses only vanilla, native HTML, CSS and JavaScript. Other than the Socket.IO client for communications (which is baked into the front-end library), no other front-end libraries are needed. UIBUILDER stays as close as possible to native HTML to avoid future compatibility issues. However, it does aim to make interaction with native HTML easier.
+* Nodes to enable zero-code translation of input data to usable and accessible web elements.
+* Capability for low-code, configuration-driven (data-driven) UI's. Creating a framework for describing a UI and translating to actual code without having to write code.
+* 2-way communications channel between the Node-RED server (back-end) and front-end UI.
+* A Node-RED node to act as the focus for communications with other nodes for additional ease of use.
+* Front-end library to: do the complex parts of the communications in the client browser; make manipulation of the UI easier and more consistent; make it easy to get data back to Node-RED as needed (both automatically and manually).
+* Easy to use templates and examples for front-end code to enable people to get a quick start on creating web apps.
+* Management and serving of npm packages that provide front-end libraries consumable easily by front-end code.
+* Editing of front-end code from the Node-RED Editor (designed for small changes, use web development tools generally).
+* Various server middleware and API options for additional custom capabilities.
+* A caching capability allowing newly joining clients to receive the latest data and configurations. Joining/leaving clients create notifications in Node-RED.
+* A front-end lightweight router for creating Single-Page Apps.
+* Have as many `uibuilder` node instances as you like. Each instance allows the creation of many web pages and sub-folders for easy management.
 * Each `uibuilder` node instance provides a private 2-way communications channel between the Node-RED server (back-end) and browser (front-end) UI code.
 * Supports the use of standard web development workflows.
 * Allows the creation of a dedicated web service to facilitate independent security.
-* Provides a caching capability allowing newly joining clients to receive the latest data and configurations. Joining/leaving clients create notifications in Node-RED.
-
 
 <details><summary>No-code UI's</summary>
 
-UIBUILDER is still growing towards offering more no-code capabilities like Node-RED's Dashboard extension does. However, it is starting to offer these features via the "new" client available since v5. V6.1 introduced the new `uib-element` and `uib-update` nodes that offer the first usable no-code features.
+UIBUILDER continues to expand its no-code capabilities. THe `uib-element`, `uib-tag`, and `uib-update` nodes offer no-code methods for creating and updating data-driven web UI's.
 
 `uib-element` takes in simple data and outputs configuration data. This can then be sent to the front-end via the `uibuilder` node. Alternatively, it can be saved and the result used in an initial load. Several simple options such as tables and lists are available in UIBUILDER v6.1, additional elements and structures will be made available in future versions. The UIBUILDER front-end client takes the configuration information and dynamically builds HTML elements and inserts them to the web page (or removes/updates as needed).
 
 While this is not the most efficient processing approach (since updates are mostly replacing the whole element which could be quite large for things like big tables), it is very efficient from an authoring perspective. So the `uib-update` node provides a more targetted approach to updating and changing specific attributes and "slot" content for elements.
 
+The `uib-tag` node then lets you create ANY single HTML element and so covers all the many things that `uib-element` might not (yet) cover. This even works with web components which are vanilla HTML/JavaScript native enhancements to HTML.
+
 It is important to note that no front-end, 3rd-party frameworks such as VueJS or REACT are needed for this approach! Everything uses vanilla HTML, JavaScript and CSS under the skin and so is **compatible with current and future web standards**.
 </details>
 
@@ -164,20 +166,27 @@ It is important to note that no front-end, 3rd-party frameworks such as VueJS or
 The data that `uib-element` outputs is a format that you can use in your own flows in Node-RED and even in front-end code if desired. It describes a set of HTML UI elements but does not need you to actually write HTML code. The configuration schema is very flexible and even allows you to load configuration data, HTML, scripts, and new ECMA Modules/Components from external files.
 
 The schema and the UI creator functions built into the front-end client are specifically designed to work with current and future HTML standards in order to avoid the kinds of issues commonly encountered when using 3rd-party front-end frameworks (e.g. major version changes forcing rewrites of all of your tooling). So ES Modules, ECMA Components, and future ECMA versions should all be supported.
+
+The `ui.js` library is now also available for anyone to use in their own projects and works fully stand-alone without UIBUILDER. It is also baked into the `uib-html` node which turns low-code configurations into HTML from within Node-RED.
 </details>
 
 
 <details><summary>Future direction</summary>
 
-The general direction of UIBUILDER (or associated modules) is likely to include:
+UIBUILDER will continue to be independent of front-end frameworks though it will also continue to be as compatible as possible so that any desired framework can be used with it.
+
+* It will continue to gain more zero-code pre-built elements.
+* It will gain improved control over the instance root folder structure and the ability to execute `npm run` scripts defined in the `package.json`.
+* More videos!
+
+### Longer term focus
+
+There remains a desire to build a page-builder feature so that people with no coding skills can build great data-driven web apps.
+
+* The documentation quality will continue to improve.
+* The number of 3rd-party module dependencies will be reduced. Starting with the eventual removal of `fs-extra` in favour of the native promisified fs library. Followed most likely by `arun`.
+* Once Node.js v18 or 20 is the base, the code is likely to be refactored into multiple sub-packages in a mono-repo.
 
-* Provide more no-code and low-code UI creation and update capabilities. As of v6.1, these are now starting to be delivered, v6.2 will extend these.
-* The ability to save updated HTML from the front-end via Node-RED so that UI building can be done once and loaded as efficient, static HTML.
-* The ability to use the zero-code features to produce HTML for other tools to use.
-* The ability within Node-RED to, for each `uibuilder` node, run npm scripts such as build processes and to manage instance-level npm packages.
-* Be able to install/update/remove instance-level npm packages as can already be done for UIBUILDER-level packages.
-* Provide a "development server" capability that auto-reloads connected clients when code changes are made.
-* A UI designer allowing users without HTML/CSS/JS skills to create reasonable web apps without code.
 </details>
 
 <details><summary>Feature details and benefits</summary>
@@ -201,18 +210,7 @@ The general direction of UIBUILDER (or associated modules) is likely to include:
 * Uses Node-RED's own ExpressJS webservers by default. Switch to a custom ExpressJS server if desired. When using a custom server, pages can also include EJB server-side templating.
 * Has middleware for ExpressJS (for web services) and Socket.IO (for communications, both at initial connection and per-message) so that you can add your own custom features including security.
 * Can create custom API's for each UIBUILDER instance.
-</details>
-
-<details><summary>Current limitations</summary>
-
-* You may need to write some of your own HTML.
-* You have to know the front-end library locations for installed 3rd-party packages and edit your HTML accordingly. The `uibindex` admin API (accessible from any node's admin ui) shows you all of the root folders and what the package authors report as the main entry point for all active packages. There is now also a simplified information page for the currently viewed `uibuilder` node instance, this is access from a button in the configuration panel.
-
-  Note that this is a limitation of `npm` and module authors, not of UIBUILDER. Unless module authors correctly identify the browser entrypoint for their libraries, UIBUILDER can only guess.
-  
-* You cannot yet compile/compress your custom front-end code (HMTL, JS, SCSS, etc.) for efficiency. *This will be added soon.*
-
-  This will use a local package.json file that contains a "build" script. If it exists, UIBUILDER will expose a build button that will run the script.
+* Use the `ui.js` library in your own projects!
 </details>
 
 ## Contributing
@@ -250,6 +248,7 @@ You can also support the development of UIBUILDER by sponsoring the development.
 - [dczysz](https://github.com/dczysz) - Thanks for reporting [Issue #186](https://github.com/TotallyInformation/node-red-contrib-uibuilder/issues/186) and helping work through the complex async bug.
 - [Colin J (mudwalkercj)](https://github.com/mudwalkercj) - Thanks for helping with the documentation.
 - [Marcus Davies](https://discourse.nodered.org/u/marcus-j-davies) - Many thanks for the encouragement and for the 3d logo.
+- [Fabio Marzocca (fmarzocca)](https://discourse.nodered.org/u/fmarzocca)) - Many thanks for help with the design and testing of the uibrouter front-end router library.
 
 Many other people have contributed ideas and suggestions, thanks to everyone who does, they are most welcome.
 
diff --git a/docs/-sidebar.md b/docs/-sidebar.md
index ca5a156c..39acc38b 100644
--- a/docs/-sidebar.md
+++ b/docs/-sidebar.md
@@ -10,12 +10,14 @@
   * [Zero-code UI creation](using/zero-code-ui.md "Dynamically creating web UI's")
   * [Why <span class="uib-name"><span class="uib-red">ui</span>builder</span>?](using/why-uibuilder.md "Why would I want to use UIBUILDER?")
 * [The nodes](nodes/README.md)
-  * [`uibuilder`](nodes/uibuilder.md)
-  * [`uib-cache`](nodes/uib-cache.md)
-  * [`uib-element`](nodes/uib-element.md)
-  * [`uib-tag`](nodes/uib-tag.md)
-  * [`uib-update`](nodes/uib-update.md)
-  * [`uib-sender`](nodes/uib-sender.md)
+  * [`uib-cache`](nodes/uib-cache.md "Cache data so that (re)loaded pages get the latest")
+  * [`uib-element`](nodes/uib-element.md "no-code creation of page elements")
+  * [`uib-html`](nodes/uib-html.md "Hydrate low-code JSON UI descriptions into HTML in Node-RED rather than the browser")
+  * [`uib-save`](nodes/uib-save.md "Save files to the served folder of a given uibuilder node")
+  * [`uib-sender`](nodes/uib-sender.md "Tunnel messages direct to a uibuilder node - with optional return. Use lightly if at all")
+  * [`uib-tag`](nodes/uib-tag.md "no-code creation of ANY HTML tag")
+  * [`uib-update`](nodes/uib-update.md "no-code update of any existing HTML page element")
+  * [`uibuilder`](nodes/uibuilder.md "The main node")
 * The front-end client
   * [Introduction](client-docs/readme.md)
   * [Features](client-docs/features.md)
@@ -24,6 +26,7 @@
   * [Functions](client-docs/functions.md)
   * [Variables](client-docs/variables.md)
   * [Custom Components](client-docs/custom-components.md "The built-in uib-var component, using external components")
+  * [Routing Library](client-docs/fe-router.md "A full-featured front-end router for Single Page Apps and other use")
   * [Custom Events](client-docs/custom-events.md)
   * [uib-brand Style Sheet](client-docs/uib-brand-css.md "How to use the UIBUILDER standard style sheet uib-brand.css")
   * [Troubleshooting](client-docs/troubleshooting.md)
@@ -50,6 +53,7 @@
   * [Change the root folder (uibRoot)](how-to/changing-uibroot.md)
   * [Create instance-specific API's](how-to/instance-apis.md)
   * [How & why to use the sender node](how-to/sender-node.md)
+  * [How to use low-code in the browser](how-to/use-low-code-in-fe.md "Define and update elements in the browser using low-code")
   * [Other How-To's](how-to/README.md)
 * Security
   * [Securing uib web apps](security/security.md "Overview of general web app security with some specifics for Node-RED and UIBUILDER")
diff --git a/docs/client-docs/control-from-node-red.md b/docs/client-docs/control-from-node-red.md
index dd357280..d6612f51 100644
--- a/docs/client-docs/control-from-node-red.md
+++ b/docs/client-docs/control-from-node-red.md
@@ -31,6 +31,7 @@ Possible `msg._uib.command` values.
 * `showStatus` - Turn on/off the display of the uibuilder client library settings.
 * `uiGet` - get detailed information about an HTML DOM element.
 * `uiWatch` - watch for changes to the HTML DOM, return messages about changes.
+* `watchUrlHash` - watch for URL Hash changes. Used for front-end routing.
 
 
 > [!NOTE]
@@ -51,7 +52,26 @@ A message containing a `msg._ui` property will be processed internally by the li
 
 Please see the [Dynamic, data-driven HTML content](config-driven-ui.md) content for details.
 
-## Navigation control
+## Navigation & routing
+
+### `watchUrlHash` Watch for URL Hash changes
+
+Typically from front-end routers and Single-Page App (SPA) style pages. URL Hash changes do not cause the browser to reload the page.
+
+Set `msg._ui` to:
+
+```jsonc
+// Toggle watcher on/off
+{"command": "watchUrlHash"}
+```
+
+```jsonc
+// Force watch ON
+{"command": "watchUrlHash", "prop": "true"}
+```
+
+
+### Navigation control
 
 Currently, only a page reload control is available. Set `msg._ui` to `{"method": "reload"}`.
 
diff --git a/docs/client-docs/fe-router.md b/docs/client-docs/fe-router.md
new file mode 100644
index 00000000..cc9143c6
--- /dev/null
+++ b/docs/client-docs/fe-router.md
@@ -0,0 +1,277 @@
+---
+title: UIBUILDER Front-End Router Library
+description: >
+  Details on the configuration and use of UIBUILDER's front-end router.
+created: 2022-02-01 11:15:27
+lastUpdated: 2023-11-19 17:21:15
+---
+
+The `uibrouter` front-end library defines a `UibRouter` class. This allows both internal and external content to be dynamically shown, allowing the creation of "Single-Page Apps" (SPA's) or simply keeping parts of the UI hidden from the users until they need them.
+
+Internal route content is defined in `<template>` tags in your HTML. Each must have an `id` attribute that matches the route id specified in the router config.
+
+External route content is defined in additional HTML files in the same location as your index.html/index.js (or in a convenient sub-folder as desired) so that they are served up by Node-RED/uibuilder as per your other front-end web assets.
+
+
+## Creating a front-end router
+
+Add the router library url to a script link in your HTML file. Add it after after the uibuilder library if using with UIBUILDER.
+
+Create a new router instance in code - see the Example at the end of the page.
+
+Create internal and external route templates as needed and define in the router config.
+
+The router class library is available in the uibuilder front-end resources in several formats. However, it is not dependent on UIBUILDER and can be extracted and used elsewhere as desired noting the license and copyright information embedded in the source.
+
+The easiest way to include the router is to use the `../uibuilder/utils/uibrouter.iife.min.js` version in a script link in your HTML. This loads the `UibRouter` class as a global reference. If, however, you are loading your scripts as ES Modules, you should use `../uibuilder/utils/uibrouter.esm.min.js` in your import. Both versions have `.map` files which makes debugging easier.
+
+## Triggering a route change
+
+There are three ways to trigger a route change:
+
+* Manually changing the URL, adding `#routeid`
+* Link tags with a hash url only, `<a href="#routeid">`
+* Javascript using `router.doRoute('routeid')`
+
+Here is an example of a very simplistic menu that uses URL links:
+
+```html
+<ul id="routemenu">Route Menu
+    <li><a href="#route01">#1 (Internal template)</a></li>
+    <li><a href="#route02">#2 (Internal template)</a></li>
+    <li><a href="#route03?doh=rei">#3 (External template)</a></li>
+    <li><a href="#route04">#4 (fails as the external route template doesn't exist)</a></li>
+</ul>
+```
+
+And an example of triggering a route change in code:
+
+```javascript
+router.doRoute('route02')
+```
+
+Or even from a click event on a random HTML element:
+
+```html
+<div href="#route01" onclick="router.doRoute(event)">Go to route #1 via click event handler.</div>
+```
+
+## Operational modes
+
+The router can act in one of two ways.
+
+The default mode deletes a route's HTML when a route change occurs and duplicates the route template into the route container.
+
+The hide/show alternate mode, only duplicates the route template once, on first access. Subsequent route changes just set the route container to CSS `display: none` before either duplicating a new template into place or removing (unhiding) the `display: none` if that route had previously been selected.
+
+| Mode      | Advantages                                                   | Disadvantages                                                |
+| --------- | ------------------------------------------------------------ | ------------------------------------------------------------ |
+| Clone     | Keeps `<body>` code as simple as possible.<br /><br />The visible clone is reset back to the template on every access. | Any `script` tags are re-executed. So requires code that should not be re-executed (such as code that creates global variables or functions) to be wrapped with a flag che |
+| Hide/Show | `script` tags in routes are only executed once.<br /><br />Templates can be unloaded after use. | `script`s cannot be run multiple times, define a function can call that instead.<br /><br />The visible clone cannot be reset back to the default. Once accessed, the template is never used again.<br /><br />Clutters up `body` code, potentially keeps duplicate code in memory (the template and the visible clone) unless you forcibly unload the template after access. |
+
+Which mode you use will be dependent on what you want to achieve.
+
+## Configuration
+
+TBC - See the example below for configuration settings.
+
+## Defining route templates
+
+Internal route templates are simply valid HTML wrapped in a `<template>` tag. They may contain `<style>` and `<script>` tags if needed though note the potential issues listed below. Internal templates can go into the `<head>` section of your HTML if you want to keep the `<body>` clear. Template tags are standard HTML and are not loaded into the DOM.
+
+External route templates are simply HTML files with the same format as the internal route templates shown (without the `<template>` tags). They should be HTML document fragments and so should not have `<!doctype html>`, `<html>`, `<head>`, or `<body>` tags. The router will automatically load the templates on startup. The external templates are loaded to the end of the `<head>` section of the page HTML.
+
+## Events
+
+These are the custom `document` events used by the router class. Listen for them using `document.addEventListener('eventname', callbackFn)`. The callback function may receive additional data as an argument where shown below.
+
+In addition, if using UIBUILDER, the managed variable `uibrouter` will be updated as indicated in the list. This can be monitored via `uibuilder.onChange('uibrouter', (eventname) => { .... })`
+
+* `uibrouter:loaded` - When all internal and external routes have loaded. (`uibuilder.set('uibrouter', 'loaded')`)
+* `uibrouter:route-changed` - when a route change is successful. Details contain new and old route id's. (`uibuilder.set('uibrouter', 'route changed')`)
+* `uibrouter:route-change-failed` - when a route change fails and is rolled back. Details contain new and old route id's. (`uibuilder.set('uibrouter', 'route change failed')`)
+* `uibrouter:routes-added` - When new routes added (via `router.addRoutes()`). (`uibuilder.set('uibrouter', 'routes added')`)
+
+## Variables
+
+* `config` - A copy of the input configuration used to create the router.
+* `currentRouteId` - The route id of the currently showing route.
+* `previousRouteId` - The route if of the previously showing route.
+* `routeContainerEl` - A reference to the DOM (HTML) element containing the displayed route(s)
+* `version` - The version of the router class being used
+
+## Methods
+
+* `addRoutes(routeConfig)` - Add a single or an array of route config objects which adds new routes to the router.
+  
+  External routes will be loaded to template tags as per class startup. Note that external templates are loaded asynchronously. Check for the `uibrouter:routes-added` custom event to have fired or listen for the uibuilder `uibrouter` managed variable to be set to `routes added` to detect when all new external routes have been loaded.
+
+* `defaultRoute()` - Show the default route if it has been defined in the config.
+* `doRoute(routeSource)` - Manually show a specific route id.
+* `getRouteConfigById(routeId)` - Gets route configuration details for a given route id.
+* `isRouteExternal(routeId)` - Returns true if the given route id is an external route.
+* `keepHashFromUrl(url)` - Given a URL, extracts and returns a route id.
+* `loadExternal(routeDefinition)` - Loads an external route template given a valid route definition.
+* `noRoute()` - Removes/hides the current route leaving no route showing. NOTE that this will ***NOT*** trigger *route or hash change events*.
+
+* `routeList(returnHash)` - Return an array of route id's. Useful for creating routing menu's. If the optional `returnHash` is set to true, returns id's prefixed with a `#` for direct use in `href` attributes.
+
+> [!NOTE]
+> Any class methods starting with `_` are for internal use only and must not be used in your own code.
+
+## Errors
+
+TBC
+
+## Including styles and scripts in route content
+
+TBC
+
+## Using with UIBUILDER
+
+While not dependent on UIBUILDER, the router class does work nicely with it.
+
+The simplest way to report route changes back to Node-RED is to use uibuilder's `watchUrlHash()` function or monitor changes on the managed variable `urlHash`.
+
+The `watchUrlHash()` function will send a message back to Node-RED with the following format:
+
+```json
+{
+    "topic": "hashChange",
+    "payload": "#route02",
+    "newHash": "#route02",
+    "oldHash": "#route01",
+    "_socketId": "sXQLk3yJw-8AkMg6AAH6",
+    // "_uib": { ... }, // Shown if `Include msg._uib in standard msg output.` turned on in uibuilder node
+    "_msgid": "7304ef8d00bee8b4"
+}
+```
+
+You will probably want the "Include msg._uib in standard msg output" flag turned on in the uibuilder node so that you can know which client id and page the notification came from.
+
+This feature can be turned on in your front-end code with `uibuilder.watchUrlHash()` or from Node-RED by sending a uibuilder command message with `msg._ui` set to `{"command": "watchUrlHash"}` (which toggles the watch on/off). See [Control from Node-RED](client-docs/control-from-node-red#watchurlhash-watch-for-url-hash-changes) in the docs for more details.
+
+## Notes
+
+* You can reference elements added in the template from the script in the template (the addEventListener for example).
+* Your routes can be a mix of external files and `<template>` tags.
+* An incorrect URL for an external template will give a console error but everything else will still work.
+* You can define a container that the output route goes into but if you don't give your own, one is added. 
+* If you give a route container id that doesn't actually exist, a div will be created for you at the end of the body.
+* Manually added templates can go anywhere in the HTML but I put them in the `<head>` out of the way. External templates are added to the end of the head.
+* The exact order of the templates in the HTML is not guaranteed because they are all loaded in parallel. This should not matter.
+* The external templates are ALL loaded into the page when the router is set up. This wouldn't normally cause any issues but if you had many dozens of really big templates, you might get some memory issues.
+* Remember that styles in external templates only exist while that route is loaded. While you can reference that style anywhere on page, it will only apply when the route is loaded. This could be used to get some interesting effects.
+* Because of the way that scripts from the external templates have to be applied, any code is global to the page. Bear that in mind as it is likely different to some frameworks. Similarly with styles.
+* A script defined in an external template is run EVERY time the route is loaded. Bear this in mind when adding things like `uibuilder.onChange` handlers, as these accumulate rather than replace.
+* Any change of route is entirely up to you. You can use a menu, "tabs" or anything else to control route changes. You can do them from code with `router.doRoute('routeid')` as well. You just need to ensure that the element that triggers the change has an href that matches a route. It is best and safest to always use `<a href="#routeid">` tags because they also trigger the browser's URL Hash change processing. UIBUILDER has functions for monitoring that should you need them, or you can add your own event listener.
+* In HTML, scripts are not really meant to be dynamically added/removed so use scripts embedded in external route files with caution.
+
+## Example
+
+```javascript
+const routerConfig = {
+    // OPTIONAL. Router templates created inside the routeContainer, specify an CSS selector
+    // If not provided, default div with ID uibroutecontainer is added as the last element of the body
+    routeContainer: '#routecontainer',
+
+    // OPTIONAL. Chose a default route id to be displayed on load
+    defaultRoute: 'route03',
+
+    // OPTIONAL. If true, use CSS show/hide instead of removing/recreating route content
+    // hide: true,
+
+    // OPTIONAL. If true, templates are unloaded from the DOM after being accessed (only useful with hide: true)
+    // unload: true,
+
+    // REQUIRED. Define the possible routes type=url for externals
+    // Can be an object or an array but each entry must be an object containing {id,src,type}
+    //   type can be anything but only `url` will be treated as an external template file.
+    //   src is either a CSS selector for a <template> or a URL of an HTML file.
+    //   id must match the href="#routeid" in any menu/link. and `<template id="routeid">` on any loaded template
+    //      must be unique on the page
+    routes: [
+        // Two <template> tags as routes
+        {id: 'route01', src: '#route01'},
+        {id: 'route02', src: '#route02'},
+        // File exists in sub-folder below index.js, is served by Node-RED/uibuilder
+        {id: 'route03', src: './fe-routes/route03.html', type: 'url'},
+        // Doesn't exist. Tests load error
+        {id: 'route04', src: './fe-routes/dummy.html', type: 'url'},
+    ],
+}
+const router = new UibRouter(routerConfig)
+```
+
+With a simple HTML Menu:
+
+```html
+<ul id="routemenu">Route Menu
+    <li><a href="#route01">#1 (Internal template)</a></li>
+    <li><a href="#route02">#2 (Internal template)</a></li>
+    <li><a href="#route03?doh=rei">#3 (External template)</a></li>
+    <li><a href="#route04">#4 (fails as the external route template doesn't exist)</a></li>
+</ul>
+```
+
+To load the library when using with UIBUILDER (based on the "Blank" uibuilder template):
+
+```html
+<!doctype html>
+<html lang="en"><head>
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" href="../uibuilder/images/node-blue.ico">
+
+    <title>Blank template - Node-RED uibuilder</title>
+    <meta name="description" content="Node-RED uibuilder - Blank template">
+
+    <!-- Your own CSS (defaults to loading uibuilders css)-->
+    <link type="text/css" rel="stylesheet" href="./index.css" media="all">
+
+    <!-- #region Supporting Scripts. These MUST be in the right order. Note no leading / -->
+    <script defer src="../uibuilder/uibuilder.iife.min.js"></script>
+    <script defer src="../uibuilder/utils/uibrouter.iife.min.js"></script>
+    <script defer src="./index.js"></script>
+    <!-- #endregion -->
+
+    <template id="route01">
+        <h2>This comes from an internal <code class="r01style">&lt;template></code> tag</h2>
+        <div>
+            Route 1
+        </div>
+        <script>
+            console.log('I was produced by a script in Route 1')
+        </script>
+        <style>
+            .r01style {
+                background-color: yellow;
+                color: blue;
+                font-weight: 900;
+            }
+        </style>
+    </template>
+    <template id="route02">
+        <h2>This also comes from an internal <code>&lt;template></code> tag</h2>
+        <div class="extraclass">
+            Route 2
+        </div>
+    </template>
+
+</head><body class="uib">
+
+    <h1 class="with-subtitle">A simple front-end router example</h1>
+    <div role="doc-subtitle">Using the uibuilder and uibrouter IIFE libraries.</div>
+
+    <div id="more"><!-- '#more' is used as a parent for dynamic HTML content in examples --></div>
+
+    <ul id="routemenu">Route Menu
+        <li><a href="#route01">#1 (Internal template)</a></li>
+        <li><a href="#route02">#2 (Internal template)</a></li>
+        <li><a href="#route03?doh=rei">#3 (External template)</a></li>
+        <li><a href="#route04">#4 (fails as the external route template doesn't exist)</a></li>
+    </ul>
+
+</body></html>
+```
diff --git a/docs/client-docs/functions.md b/docs/client-docs/functions.md
index cd29524f..f040b2be 100644
--- a/docs/client-docs/functions.md
+++ b/docs/client-docs/functions.md
@@ -4,7 +4,7 @@ description: >
    Details about the functions/methods used in the UIBUILDER front-end client library.
    Some functions are available to your own custom code and some are hidden inside the `uibuilder` client object.
 created: 2023-01-28 15:56:57
-lastUpdated: 2023-10-14 17:23:41
+lastUpdated: 2023-10-30 17:58:51
 ---
 
 Functions accessible in client-side user code.
@@ -549,6 +549,16 @@ Both arguments must be provided. With `cbRef` having been saved when the listene
 uibuilder.cancelTopic('my topic', topicChgEvt)
 ```
 
+### `watchUrlHash` - Toggle (or manually set on/off) sending URL Hash changes back to Node-RED in a standard msg.
+
+Manually set on/off using the parameter, e.g. `watchUrlHash(true)`. Or toggle by not sending the parameter.
+
+URL Hashes are used by front-end routers for single-page apps (SPAs). Turning on this feature lets you track user "page" changes in SPA's. Don't forget to turn on the optional "Include msg._uib in standard msg output." flag (uibuilder advanced settings) if you need to track changes in multiple browser tabs or users. Which most likely you will want to.
+
+Can also be called as a command from Node-RED via `msg._uib.command` = `watchUrlHash`. The optional `msg._uib.prop` set to true/false will manually turn on/off.
+
+This function uses the `truthy` utility function for the optional parameter and so will accept truthy/falsy entries not just true/false.
+
 ### Custom Events
 
 The UIBUILDER library also issues a number of custom events. These can be handled using the standard `document.addEventListener` JavaScript function.
@@ -614,6 +624,14 @@ To set the log level to display in your code, use `uibuilder.logLevel = 5` or `u
 
 Future versions of this function after v6.1 will extend it to output to an on-page visible log and/or log back to Node-RED.
 
+
+### `truthy(val, [default])` - Returns true or false or the optional default value depending on the value
+
+True accepts 'on', 'On', 'ON', 'true', 'True', 'TRUE', '1', true, 1
+False accepts 'off', 'Off', 'OFF', 'false', 'False', 'FALSE', '0', false, 0
+
+If neither truthy or falsy, the optional default value is returned or `undefined` if that parameter is not supplied.
+
 ## Startup
 
 ### `start(options)` - Mostly no longer needed - Starts Socket.IO communications with Node-RED
diff --git a/docs/client-docs/variables.md b/docs/client-docs/variables.md
index d6e1cc5f..912f2d24 100644
--- a/docs/client-docs/variables.md
+++ b/docs/client-docs/variables.md
@@ -4,15 +4,14 @@ description: >
    Details about the variables used in the uibuilder modern front-end client library.
    Some variables are available to your own custom code and some are hidden inside the `uibuilder` client object.
 created: 2023-01-28 15:56:57
-lastUpdated: 2023-10-14 17:01:12
+lastUpdated: 2023-10-30 17:18:40
 ---
 
 ## Read/write
 
 Always use `uibuilder.set('varname', value)` to change these.
 
-* `topic` - Sets a default `msg.topic` that will be added to all outbound messages if nothing takes preference. Set to an empty string to turn it off.
-
+* 
 * `logLevel` - Sets the current logging level. The default is `2` ('error' and 'warn'). Increase to see more detailed logging.
   
   NOTE: This is one of the few properties it is safe to change directly `uibuilder.logLevel = 5`. That is because it has a dedicated getter and setter in the Class.
@@ -21,6 +20,8 @@ Always use `uibuilder.set('varname', value)` to change these.
   
   NOTE: It is preferable to set this via the specific function `uibuilder.setOriginator(...)`.
 
+* `topic` - Sets a default `msg.topic` that will be added to all outbound messages if nothing takes preference. Set to an empty string to turn it off.
+
 ## Read only
 
 Always use `uibuilder.get('varname', value)` to obtain the value of these. You can also use `uibuilder.onChange('varname', (val)=>{})` to watch for changes to them. Or you can also use the custom `document` event `uibuilder:propertyChanged` if you really want to.
@@ -47,6 +48,7 @@ Always use `uibuilder.get('varname', value)` to obtain the value of these. You c
 * `socketError` - Holds the details of the last socket error
 * `tabId` - Identifier for the current browser tab
 * `url` - The instance URL fragment (name) for this instance of uibuilder
+* `urlHash` Set on load and updated as it changes. URL Hashes are used by front-end routing for Single-Page-Apps (SPA's). They do not reload the page.
 * `version` - accessible via `uibuilder.get('version')` or `uibuilder.get('meta')` only - the uibuilder client version in use
 * `vueVersion` - if the VueJS front-end library is loaded, this _may_ tell you the version (does not work for all versions of VueJS)
 
diff --git a/docs/dev/README.md b/docs/dev/README.md
index 22f90f16..d6bc8d47 100644
--- a/docs/dev/README.md
+++ b/docs/dev/README.md
@@ -71,3 +71,7 @@ lastUpdated: 2023-10-08 15:12:02
 Some information on testing uibuilder. Unfortunately, I have no real clue about automated testing and TLD, if you would like to contribute something, please do!
 
 * [Regression Tests](dev/regression-tests.md)
+
+## Node edit panel global variable
+
+* [uibuilder.html#Editor common global variable](dev/uibuilder-html#editor-common-global-variable)
diff --git a/docs/dev/server-libs/fs.md b/docs/dev/server-libs/fs.md
index 576ddc18..f9703e7b 100644
--- a/docs/dev/server-libs/fs.md
+++ b/docs/dev/server-libs/fs.md
@@ -15,11 +15,31 @@ Aim is to use this for all server file/folder handling eventually, helping facil
 ## Library references
 
 `path` - Core node.js
+
 `fs/promises` - Async, promises only version of Node.js's `fs` library. Core node.js.
+
+`fs (readFileSync)` - Synchronous file read.
+
 `./socket.js` - uibuilder's socket.io handling library. Another singleton class library. Facilitates real-time comms including front-end and Node-RED message sending.
 
-## Methods
+## Async methods
+
+All return a promise.
+
+`getInstanceLiveHtmlFiles(url)`
+
+`getUibInstanceRootFolders()`
+
+`getTemplateFile(template, fName)` - Gets a text file from uibuilder's master templates. Used by `uib-html` to optionally apply the blank template.
+
+`writeInstanceFile(url, folder, fname, data, createFolder = false, reload = false)` - An async function to save a file to a uibuilder node instance's folder structure (used by the new `uib-save` node). 
+
+## Synchronous methods
+
+`readJSONSync(file)` - Read a file and return as parsed JSON or throw an error. May be used as an fs-extra replacement.
+
+## Utility methods
 
 `setup` - Configures the class instance with uibuilder instance information. e.g. references to `RED`, etc.
 
-`writeInstanceFile` - An async function to save a file to a uibuilder node instance's folder structure (used by the new `uib-save` node). 
+`walk(dir, ftype)` - Walk (sub)folders returning all files of the given extension.
diff --git a/docs/dev/server-libs/uiblib.md b/docs/dev/server-libs/uiblib.md
index 3df8b2c7..cbbe86b0 100644
--- a/docs/dev/server-libs/uiblib.md
+++ b/docs/dev/server-libs/uiblib.md
@@ -3,7 +3,7 @@ title: General, non-uibuilder-specific function Library
 description: >
    Utility library containing methods that support UIBUILDER. The methods it contains are not generic and will require references to Node-RED objects to be passed.
 created: 2021-06-27 21:35:00
-lastUpdated: 2023-09-30 17:00:40
+lastUpdated: 2023-11-10 15:46:23
 ---
 
 `nodes/libs/uiblib.js`
@@ -11,8 +11,8 @@ lastUpdated: 2023-09-30 17:00:40
 ## Dependencies
 
 * fs-extra
-* tilib.js
-* util
+* nanoid
+* path
 
 ## Variables
 
@@ -20,14 +20,11 @@ None
 
 ## Functions/Methods
 
+### getProps
+### getSource - Updates a node with the actual value of a typed input field (async)
 ### inputHandler
-
 ### processClose
-
-### getProps
-
 ### sendControl
-
 ### setNodeStatus
 
 ### readGlobalSettings - DEPRECATED in v2.0
diff --git a/docs/dev/uibuilder-html.md b/docs/dev/uibuilder-html.md
index f94237a7..1754c37a 100644
--- a/docs/dev/uibuilder-html.md
+++ b/docs/dev/uibuilder-html.md
@@ -3,18 +3,14 @@ title: Developer documentation for `uibuilder.html`
 description: >
    Documents the processing of the html file that defines the Node-RED admin UI panel for uibuilder. Shown when double-clicking on a uibuilder node in a flow.
 created: 2019-06-15 14:26:00
-lastUpdated: 2022-11-26 16:26:48
+lastUpdated: 2023-11-03 17:55:25
 ---
 
 !> This document needs updating, it is incomplete.
 
 - [Variables](#variables)
-  - [Properties](#properties)
-  - [Pseudo Settings](#pseudo-settings)
 - [Package List](#package-list)
-  - [packageList Function](#packagelist-function)
-  - [Add button](#add-button)
-  - [addPackageRow(element,index,data) Function](#addpackagerowelementindexdata-function)
+- [Editor common global variable](#editor-common-global-variable)
 
 ## Variables
 
@@ -79,3 +75,22 @@ If `data` is non-zero, the assumption is that we are adding known entries (proba
 
 If the "Install" button is pressed, the uibuilder `installPackage` API is called with the package name.
 
+
+## Editor common global variable
+
+All uibuilder nodes load 2 resource files:
+
+```html
+<link type="text/css" rel="stylesheet" href="./resources/node-red-contrib-uibuilder/ti-common.css" media="all">
+<script src="./resources/node-red-contrib-uibuilder/ti-common.js"></script>
+```
+
+These define some common styles and a global variable `window.uibuilder`.
+
+The global can be accessed from the developer console on the Node-RED Editor page as `uibuilder`. It contains the following:
+
+* `debug` - set to true to see more debugging information from the uibuilder nodes Editor components. Is set to true automatically if running/accessing Node-RED on `localhost`.
+* `log` - Is set to `console.log` only if `debug` is true, otherwise is a null function.
+* `packages` - The list of all installed front-end libraries (visible on a uibuilder node's Libraries tab) with their details.
+* `urlsByNodeId` - These are all of the URL's defined in the editor - note that these can be different than the deployed list of URL's if something has not yet been deployed.
+* `doTooltips` - A utility function used by uib nodes to give better tooltips. Uses jQueryUI tooltips and display's tooltips in the following order of preference: Image alt labels > Aria Labels > title attribute. Only applies to anything inside a div with an ID of `ti-edit-panel`. All uibuilder nodes wrap the entire configuration panel in a div with this id.
diff --git a/docs/how-to/use-low-code-in-fe.md b/docs/how-to/use-low-code-in-fe.md
new file mode 100644
index 00000000..4252f02c
--- /dev/null
+++ b/docs/how-to/use-low-code-in-fe.md
@@ -0,0 +1,78 @@
+---
+title: Define and update elements in the browser using low-code
+description: >
+   Some front-end code as an example of using UIBUILDER's low-code capabilities in your front-end (browser) code to create an on-screen element dynamically.
+   In this case, a single select drop-down box.
+created: 2023-11-18 17:38:16
+lastUpdated: 2023-11-18 17:38:22
+---
+
+
+
+```javascript
+// Create the outline select element
+uib.ui([
+    {
+        "method":"replace",
+        "components": [
+            {
+                "id":"myselect",
+                "type":"select",
+                "parent":"#more",
+                "position":"last",
+                "components": [
+                    {
+                        "type":"option",
+                        "attributes": {"value": null},
+                        "slot": 'Waiting for data ...'
+                    },
+                ],
+            },
+        ],
+    },
+])
+
+uib.onChange('msg', (msg) => {
+    if (msg.topic === 'doSelect') {
+        /** @type {HTMLElement} */
+        const mySelectElement = $('#myselect')
+        mySelectElement.replaceChildren()
+        
+        const _ui = {
+            method: 'add',
+            parent: '#myselect',
+            components: [],
+        }
+
+        msg.payload.forEach( opt => {
+            _ui.components.push({
+                type: 'option',
+                attributes: {value: opt.value},
+                slot: opt.name,
+            })
+            let newopt = document.createElement("option")
+            newopt.value = opt.val
+            newopt.innerText = opt.name
+            mySelectElement.append(opt)
+        })
+        console.log('doing', _ui.components, _ui)
+        uib.ui(_ui)
+    }
+})
+
+// Simulate getting msg from node-red
+uib.set('msg', {
+    topic: 'doSelect',
+    payload: [
+        {value: 1, name: 'Number 1'},
+        {value: 2, name: 'Number 2'},
+    ]
+})
+```
+
+This could, of course be done in a single step but that would probably be less common when doing the processing in the browser like this.
+
+The same approach will also work direct from Node-RED. Simply send the JSON data direct to the uibuilder node.
+
+> [!NOTE]
+> This is a copy of [an FAQ in the Node-RED Forum](https://discourse.nodered.org/t/uibuilder-example-create-a-selection-drop-down-using-low-code-configuration/82994).
diff --git a/docs/nodes/README.md b/docs/nodes/README.md
index 889107fc..17cac3b2 100644
--- a/docs/nodes/README.md
+++ b/docs/nodes/README.md
@@ -24,7 +24,7 @@ lastUpdated: 2023-08-23 11:05:19
   
   You can directly connect the port #2 (lower) output of a uibuilder node to the cache node and it will automatically replay the cache for a newly connected client. It also has a switch (on by default) that helps determine whether a connection is actually new or whether it is a client waking up from sleep.
   
-* [`uib-element`](nodes/uib-element.md) - Converts raw data to UI configuration data.
+* [`uib-element`](nodes/uib-element.md) - No-code conversion of raw data to UI configuration data.
   
   This is one of the zero-code capabilities of uibuilder.
 
@@ -32,28 +32,7 @@ lastUpdated: 2023-08-23 11:05:19
   
   The UI configuration data is a documented and re-usable standard, other Node-RED nodes could be created to output or consume the same data.
 
-* [`uib-tag`](nodes/uib-tag.md) - Creates a single HTML element (tag)
-  
-  This is another zero-code node.
-  
-  It allows you to add **any** HTML tag element, including custom web components, to your web app.
-
-* [`uib-update`](nodes/uib-update.md) - Updates any element in your front-end UI
-  
-  Another zero-code node.
-  
-  Use this to make dynamic changes to your UI by directly updating any element. Attributes and content can all be manipulated by this node. It works on custom web components as well as standard HTML elements.
-
-* [`uib-sender`](nodes/uib-sender.md) - A link node specifically designed to work with uibuilder
-  
-  This node lets you send data to a uibuilder node without explicitly wiring it up. Generally, you will use Node-RED's core `link` nodes to do this. However, this node works in conjunction with uibuilder to return outputs directly to the sender node.
-
-  You will rarely need to use this node.
-
-
-The following nodes will be available in a future release:
-
-* **FUTURE** [`uib-html`](nodes/uib-html.md) - Converts (hydrates) UI configuration data into HTML.
+* [`uib-html`](nodes/uib-html.md) - Converts (hydrates) low-code UI configuration data into HTML.
 
   Optionally wraps the output with full HTML document tags so that snippets of UI input data can be converted to full pages.
 
@@ -61,9 +40,27 @@ The following nodes will be available in a future release:
 
   Output can also be used with other tools such as the `http-in`/`http-out` nodes or the Node-RED Dashboard.
 
-* **FUTURE** [`uib-save`](nodes/uib-save.md) - Save files to a specific uibuilder node instance.
+* [`uib-save`](nodes/uib-save.md) - Save files to a specific uibuilder node instance.
   
   A convenience node that saves you needing to think about where in the servers filing system resources need to be saved.
   By specifying the name of an existing uibuilder node, it will work out the correct location for you.
 
   Can be used to save anything that can be "[serialised](https://developer.mozilla.org/en-US/docs/Glossary/Serialization)". Including code, data, images, etc.
+
+* [`uib-sender`](nodes/uib-sender.md) - A link node specifically designed to work with uibuilder
+  
+  This node lets you send data to a uibuilder node without explicitly wiring it up. Generally, you will use Node-RED's core `link` nodes to do this. However, this node works in conjunction with uibuilder to return outputs directly to the sender node.
+
+  You will rarely need to use this node.
+
+* [`uib-tag`](nodes/uib-tag.md) - No-code creation of a single HTML element (tag)
+  
+  This is another zero-code node.
+  
+  It allows you to add **any** HTML tag element, including custom web components, to your web app.
+
+* [`uib-update`](nodes/uib-update.md) - No-code updates of any HTML element in your front-end UI
+  
+  Another zero-code node.
+  
+  Use this to make dynamic changes to your UI by directly updating any element. Attributes and content can all be manipulated by this node. It works on custom web components as well as standard HTML elements.
diff --git a/docs/nodes/image-3.png b/docs/nodes/image-3.png
new file mode 100644
index 00000000..0bd70bdb
Binary files /dev/null and b/docs/nodes/image-3.png differ
diff --git a/docs/nodes/image-4.png b/docs/nodes/image-4.png
new file mode 100644
index 00000000..e9a662e2
Binary files /dev/null and b/docs/nodes/image-4.png differ
diff --git a/docs/nodes/image-5.png b/docs/nodes/image-5.png
new file mode 100644
index 00000000..0c46aa1f
Binary files /dev/null and b/docs/nodes/image-5.png differ
diff --git a/docs/nodes/uib-cache.md b/docs/nodes/uib-cache.md
index 889070c6..8f8d6fec 100644
--- a/docs/nodes/uib-cache.md
+++ b/docs/nodes/uib-cache.md
@@ -3,7 +3,7 @@ title: uib-cache - Cache and replay data
 description: >
    Usage and configuration.
 created: 2023-02-05 16:31:39
-lastUpdated: 2023-03-04 15:32:55
+lastUpdated: 2023-10-28 15:57:45
 ---
 
 The cache node was added in uibuilder v5. It provides an easy method of saving messages in a cache and replaying them
@@ -71,3 +71,30 @@ Using `flow` or `global` cache types exposes the data to other nodes which could
 
 Also, when using `flow` or `global` types, you are able to change the name of the variable. Make sure that the name does not clash with other use.
 
+## Alternatives
+
+There are a couple of important alternatives to using the cache node that may, in some circumstances, be better.
+
+### Using the uib-save node with the current UI
+
+In some cases, you may want to persist the whole UI back to a static file. This may give you a significant performance boost for complex pages and large numbers of connected users.
+
+To do this, you can send an `sendHtml` command to one of the connected clients. Feed the resulting `msg` directly into the `uib-save` node remembering to set the output file to `index.html` if you want to replace the default page.
+
+### Using the uib-save node with UI generated in Node-RED
+
+Another alternative is to create a UI completely in Node-RED. You can use the `uib-html` node to do this with both no-code and low-code configurations.
+
+The html node has an flag to "Merge HTML Template?" which should be checked. If no `msg.template` is supplied and this flag is set, the node will wrap the resulting HTML in uibuilder's current "Blank" template. Alternatively, you can provide your own template string.
+
+### Using a context variable
+
+By connecting the output from uibuilder's port #2 to a switch node to filter on `msg.uibuilderCtrl` being equal to "client connect" (and optionally filtering for specific pages/clients) and then using that to trigger a change node that outputs back into the uibuilder node with settings like this:
+
+![Cache change node](image-3.png)
+
+You can set up a manual cache using a context variable.
+
+Obviously, this does have some dangers that need to be managed. Namely that some other flow process could change the cache context variable. But this could also be an advantage since many things could now update the cache if needed.
+
+Of course, since the cache would only be delivered on a page load, you would also need to deal with dynamic updates if needed.
diff --git a/docs/nodes/uib-html.md b/docs/nodes/uib-html.md
index 87d54d61..995d49bf 100644
--- a/docs/nodes/uib-html.md
+++ b/docs/nodes/uib-html.md
@@ -3,15 +3,30 @@ title: uib-html - Hydrate uibuilder msg._ui configuration data to HTML
 description: >
    Usage and configuration.
 created: 2023-02-05 16:31:39
-lastUpdated: 2023-08-28 18:22:08
+lastUpdated: 2023-10-28 15:33:18
 ---
 
-Available from uibuilder v6.6.0.
+Available since uibuilder v6.6.0.
 
-Initial release has no real configuration.
-
-Simply send the node a msg containing a `msg._ui` in accordance with the specifications listed here: [Dynamic, configuration-driven UI's (low-code)](Dynamic, configuration-driven UI's (low-code)).
+Simply send the node a msg containing a `msg._ui` in accordance with the specifications listed here: [Dynamic, configuration-driven UI's (low-code)](client-docs/config-driven-ui).
 
 It will output a new msg containing the HTML in `msg.payload`. `msg._ui` is removed and all other msg properties are passed through.
 
+## Optional template wrapper
+
+Generally though, the no-code and low-code `_ui` configurations relate to a specific area of the `body` of your HTML page. So the resulting HTML output from this node will be the same. In such cases, you will often want to wrap the output in a template - perhaps one that is a complete web page. By selecting the "Merge HTML Template?" flag, the node will wrap the generated HTML in a template.
+
+The template can be provided as an HTML string in the `msg.template` property. 
+
+If that property does not exist on the incoming message, the node will use the current UIBUILDER "Blank" template which will give you a fully working UIBUILDER managed web page. In such a case, you can use the `uib-save` node to replace the existing `index.html` page or save as a new page as desired.
+
+If passing a template, you can use the core Node-RED `template` node to create the text and even include some data from Node-RED as needed. Of course, you could also read the text from an external file or even get it from a remote server.
+
+## Different uses for the output
+
+Use with the `uib-save` node is mentioned above. Of course, you can save manually using the core `file-out` node instead.
+
+However, you can use the output in other ways as well:
 
+* As the HTML returned to an `http-out` core node.
+* As the input to a Dashboard `ui-template` node for use with Dashboard.
diff --git a/docs/nodes/uib-save.md b/docs/nodes/uib-save.md
index 25cce8c9..f6425167 100644
--- a/docs/nodes/uib-save.md
+++ b/docs/nodes/uib-save.md
@@ -3,12 +3,10 @@ title: uib-save - Save files to a uibuilder instance folder
 description: >
    Usage and configuration.
 created: 2023-02-05 16:31:39
-lastUpdated: 2023-09-16 19:05:29
+lastUpdated: 2023-11-10 13:48:13
 ---
 
-Due to land in uibuilder v6.6.
-
-TBC.
+Available since uibuilder v6.6.
 
 Makes it easy to output files to the folder structure of a uibuilder node.
 
@@ -19,3 +17,7 @@ This can be used for all manner of things.
 * Use with HTML like `<input type="file" onchange="upload(this.files)" multiple />` to get one or more files from the user (e.g. images or anything else to save) and save the file.
 
 Obviously, this means that all input must be carefully checked for safety.
+
+An instance of a UIBUILDER node must be selected before the node can be used. This lets the node know where to save the files. It will save to the sub-folder currently being served. Change the advanced "Serve" setting in the uibuilder node
+
+This node has a flow tab of examples. See Node-RED's import library.
diff --git a/docs/nodes/uib-tag.md b/docs/nodes/uib-tag.md
index 8cd65288..eeade468 100644
--- a/docs/nodes/uib-tag.md
+++ b/docs/nodes/uib-tag.md
@@ -3,7 +3,7 @@ title: uib-tag - Zero-code web UI creation of a single HTML tag
 description: >
    Create `msg._ui` configuration data that adds a single HTML or web component element (tag) to the browser UI.
 created: 2023-08-23 09:30:13
-lastUpdated: 2023-09-01 17:02:35
+lastUpdated: 2023-11-10 15:05:05
 ---
 
 *(This document is a work-in-progress, it is not complete)*
@@ -20,6 +20,8 @@ You get a simple button that, when clicked, will send a standard message back to
 
 The node's configuration fields are the same as the other zero-code nodes.
 
+This node has an example flow. See Node-RED's import flow library.
+
 >[!NOTE]
 > - The output does not get wrapped in a `div` unlike most of the `uib-element` outputs.
 >
diff --git a/docs/nodes/uib-update.md b/docs/nodes/uib-update.md
index 8ceba2cb..a30bc892 100644
--- a/docs/nodes/uib-update.md
+++ b/docs/nodes/uib-update.md
@@ -1,15 +1,21 @@
 ---
 title: uib-update - Update the attributes, properties or slot content of an existing element
 description: >
-   Usage and configuration.
+   Zero-code UI updates from Node-RED flows.
 created: 2023-02-05 16:31:39
-lastUpdated: 2023-02-22 00:50:34
+lastUpdated: 2023-11-14 20:24:30
 ---
 
-*(This document is a work-in-progress, it is not complete)*
-
-Zero-code UI updates from Node-RED flows. Outputs msg._ui low-code config data that the uibuilder client library can turn into full HTML. (Same format as the `uib-element` node)
+Outputs msg._ui low-code config data that the uibuilder client library can turn into full HTML. (Same format as the `uib-element` node)
 
 Can also delete (remove) existing elements. Note that in delete mode, this node will remove **ALL** element specified by the CSS Selector. e.g. if you specify a selector of "li", every list entry from every list on the page will be deleted. Use with caution.
 
 In update mode (the default), any combination of attributes (e.g. class, style, etc) and inner content (the so-called "slot" content) can be updated. Slot content can be text, HTML or (if the `markdown-it` library is loaded) Markdown.
+
+The "Content Source" replaces the _slot_, the content between the opening and closing tag that was selected by the *CSS Selector*. HTML text is allowed (and even Markdown if you've loaded the front-end Markdown-IT library).
+
+The Attribs are a JS object with attribute names as the keys and the values as the values. They can be dynamic as well as static of course.
+
+![Example uib-update node](image-4.png "Example uib-update node")
+
+![Example uib-update flow](image-5.png "Example uib-update flow")
diff --git a/docs/roadmap.md b/docs/roadmap.md
index 36c0cd2c..359b8fc2 100644
--- a/docs/roadmap.md
+++ b/docs/roadmap.md
@@ -3,54 +3,28 @@ title: uibuilder Roadmap
 description: >
   This page outlines the future direction of uibuilder. Including specific things that will almost certainly happen as well as more speculative ideas.
 created: 2022-02-01 11:15:27
-lastUpdated: 2023-10-14 18:08:06
+lastUpdated: 2023-11-21 18:12:36
 ---
 
 Is there something in this list you would like to see prioritised? Is there something you could help with? Please get in touch via the [Node-RED forum](https://discourse.nodered.org/). Alternatively, you can start a [discussion on GitHub](https://github.com/TotallyInformation/node-red-contrib-uibuilder/discussions) or [raise a GitHub issue](https://github.com/TotallyInformation/node-red-contrib-uibuilder/issues).
 
 Please note that I no longer have the time to monitor the #uibuilder channel in the Node-RED slack.
 
-## Aims and the future
+## UIBUILDER future aims and overall direction
 
-### uibuilder aims and overall direction
+UIBUILDER will continue to be independent of front-end frameworks though it will also continue to be as compatible as possible so that any desired framework can be used with it.
 
-_THIS NEEDS AN UPDATE_
-
-The general direction of uibuilder (or associated modules) that I would like to see includes:
-
-* _STARTED_, see [node-red-experimental-nodes](https://github.com/TotallyInformation/node-red-experimental-nodes). A set of extension front-end components with well defined (reusable) data schemas for doing common UI tasks. The defined data schema's would cover both the component content and configuration data so that both could be sent from Node-RED via uibuilder and any return data structures would similarly be well defined.
-* _STARTED_, see the new front-end library in the above module. A capability to have configuration-driven (data-driven) UI's. Creating a framework for describing a UI and translating to actual code.
-* A UI designer allowing users without HTML/CSS/JS skills to create reasonable web apps without code.
-
-Information also needs to be provided to enable people to build security, identity, authentication and authorisation. As at v5, the experimental security features in uibuilder have been removed as they were never complete and were holding back other development. Security of web apps is best done using a dedicated service anyway. Typically a reverse-proxy using a web server can be used to provided integrated security and authentication.
-
-### Focus for the near future
-
-_THIS NEEDS AN UPDATE_
-
-The following is the immediate direction. These are not likely to be incuded in v5.0.0 but are likely to be added to v5.1 or maybe a little later.
-
-Current focus (beyond what has already been developed) is on:
-
-* Continuing to improve  the zero-code features.
-* Ensuring that control is easy from both front-end code and Node-RED flows. Creating visible elements and updating them should be easy and consistent.
-* Ensuring the information from the UI and the uibuilder client is easy to recover and use either in front-end code or in Node-RED.
-* Add further options for efficiency - such as easy ways to save updated HTML such that it will be used on new connections and reloads.
-* Continuing to improve the documentation. Updating details and changes, adding how-to's, moving some things from the WIKI. Improving language consistency.
-* Creating more YouTube videos.
-
-Next immediate focus will be on:
-
-* Enabling instance npm scripts to be run from the Editor.
+* It will continue to gain more zero-code pre-built elements.
+* It will gain improved control over the instance root folder structure and the ability to execute `npm run` scripts defined in the `package.json`.
+* More videos!
 
 ### Longer term focus
 
-_THIS NEEDS AN UPDATE_
+There remains a desire to build a page-builder feature so that people with no coding skills can build great data-driven web apps.
 
-* Creating usable components that have standardised data interfaces. So that other developers can produce similar outputs with different frameworks but the data that is exchanged with Node-RED remains the same. These components should make things easy that flow designers might typically want to do (notifications, forms, charts, tables, drag-and-drop, etc.)
-* Creating a visual layout generator to bridge the gap between uibuilder and Dashboard. Ideally this would be non-framework specific but this seems a very unlikely goal to hit. Would be happy for this to either use web components, Svelte or VueJS.
-* Add *option* to auto-install npm dependencies on change of Template (and possibly run an install script).
-* Possibly the addition of a `uib-dashboard` node that uses data-driven composition. As a half-way house between code-driven and visual-layout approaches.
+* The documentation quality will continue to improve.
+* The number of 3rd-party module dependencies will be reduced. Starting with the eventual removal of `fs-extra` in favour of the native promisified fs library. Followed most likely by `arun`.
+* Once Node.js v18 or 20 is the base, the code is likely to be refactored into multiple sub-packages in a mono-repo.
 
 ---
 
@@ -60,54 +34,55 @@ To see what is currently being developed, please look at the "Unreleased" sectio
 
 ----
 
-## Questions that need answers
+## Next - these are things that need to be done
 
-* How best to allow other nodes to provide zero-code nodes - that allow auto feedback from the front-end? e.g. something like the [node-red-contrib-ui-time-scheduler](https://github.com/fellinga/node-red-contrib-ui-time-scheduler) node.
-* How to provide a better log output? With a simple way to link to Node-RED log output (filtered) as well as a dedicated output node. That output's to a web page with highlighting and possibly page back/fwd through history.
+### General changes
 
-## Possible breaking changes for the next major release
+* Complete the move of the zero- to low-code translations into the `libs/lowcode.js` library. Move runtime `buildUi` to common library.
 
-* Move minimum node.js version from v14 to v16 in alignment with Node-RED v4.
-* Switch to default of case sensitive URL's for ExpressJS. Socket.IO is already case sensitive but ExpressJS is not. This can cause issues as shown in [Ref](https://discourse.nodered.org/t/uibuilder-and-url-case-sensitivity/81019/6)
+  Consider putting each element in its own source js file and using a build process. This will allow their use when converting to web components. Add a master js with all components but allow each to be individually loaded.
 
-## Next - these are things that need to be done
+* Complete the move of all server filing system handling into the `libs/fs.js` library. And remove dependency on `fs-extra`.
 
-### General changes
+* Node Refactoring:
 
-* PAGE CREATOR: Something that creates a new page file from template. Could be an extension to uib-save?
-  * Maybe also a way to track pages? A catalogue? Maybe also an API to return all HTML file names as an array?
-  * Consider scraping all .html files in each uibuilder instance and building an auto-list that can be added to the `../uibuilder/apps` page. Possibly with a manual override list option.
-  * Add functions to not only reference page-names/urls but also to automatically create menus.
+  | Node        | Mv src editor.js<br>to resources   | jQ Tooltips | jQ Tt class not id | getSource | Notes                               |
+  | ----------- | :--------------------------------: | :---------: | :-------: | :---------------------------------: | :---------------------------------: |
+  | uibuilder   |                                    |      ✔️     |    ✔️     |           |                                     |
+  | uib-cache   |                                    |             |             |           |                                     |
+  | uib-element |                                    |             |             |     ✔️    |                                     |
+  | uib-html    |                                    |             |             |           |                                     |
+  | uib-save    |                 ✔️                 |      ✔️    |          |           |                                     |
+  | uib-sender  |                                    |             |             |           |                                     |
+  | uib-tag     |                                    |      ✔️    |          |     ✔️    |                                     |
+  | uib-update  |                                    |             |             |           |                                     |
+  | *uib-uplot* |                                    |             |             |           | check this for other needed updates |
 
-* THEME CONFGURATOR: Something that allows manipulation of theme settings from within Node-RED
+  Vars moved to ti-common (replace): node.urlPrefix, node.nodeRoot, paletteCategory, typedInputWidth, localHost, packages, editorInstances[urlsByNodeId]
 
-* Move the ui class to a separate repo so that it can be used independently.
-* Consider moving all libs to separate repo to reduce number of direct dependencies. (probably requires node v16 for nested mono-repo modules)
-* Restructure to a monorepo? With libs in 1, maybe nodes in their own and the front-end library in another? [ref](https://www.bing.com/search?pglt=161&q=what+is+a+monorepo&cvid=42b295dfc64143cfb64e4061114803fd&aqs=edge.0.0l9.7031j0j1&FORM=ANNTA1&PC=U531)
-* Restructure `uibuilder` node to remove fs-extra dependency to its own library module.
-* Restructure other nodes to move server file handling to a separate library module.
 
-* Consider adding a default CSS override to the `uibuilder` node. To be used when no CSS specificed and also to be used in admin/generated uib pages. Defaulting to `../uibuilder/uib-brand.css`.
 * [Issue #94](https://github.com/TotallyInformation/node-red-contrib-uibuilder/issues/94) - Detect when Node-RED switches projects and see if the uibRoot folder can be dynamically changed.
-* Change fixed text to use `RED._` for l8n. See: https://discourse.nodered.org/t/flexdash-alpha-release-a-dashboard-for-node-red/65861/48. [ref](https://discourse.nodered.org/t/question-on-internationalisation-can-i-have-1-json-file-for-several-nodes/76300/2)
 
 * Allow control of browser html cache from Node-RED. Add an auto-restore on load option. (? Add send updates back to Node-RED option - control msg ?)
 
-* Use alt logging for websocket disconnects, sleep, error, etc
+
+* Editor: Add panel of links to all instances of uibuilder.
+
 
 * **Example stand-alone node package as exemplar**
   * https://github.com/TotallyInformation/nr-uibuilder-uplot
   * probably chart
   * How to pass data through?
 
-* REJECTED
-  * ~~NEW NODE - `uib-get` - Gets data from a page's DOM. Will use the `uiGet` function.~~ No longer needed, use `msg._uib` commands in std msg.
 
 
 ### Updates to `uibuilder` node
 
+* **FIX NEEDED** Loading template - if it fails due to a missing dependency, the template isn't loaded but the Template shows the new one. Need to revert the name if loading fails.
+
 * Allow file uploads
 * Add instance title and description fields. Extend record of instances to include these and update the `apps` page.
+* Use alt logging for websocket disconnects, sleep, error, etc
 
 * [**STARTED**] Move all filing system handling to a separate library module `libs/fs.js`. Should help work out how to support implementations with limited filing systems.
 * Move all uibRoot package.json handling to `libs/package-mgt.js`
@@ -176,6 +151,9 @@ To see what is currently being developed, please look at the "Unreleased" sectio
 
 #### Templates
 
+* Add eslint dev dependencies to package.json
+  * .eslintrc.js: 	Configuration for rule "sonarjs/no-duplicate-string" is invalid: 	Value 6 should be object. 
+
 * Add template description to display.
 * Add dependency version handling to templates (e.g. vue 2/3)
 * Allow templates to provide example flows via a `uibuilder` Node-RED library plugin - will library update though?
@@ -247,10 +225,6 @@ To see what is currently being developed, please look at the "Unreleased" sectio
 * Add all local package.json script entries as links/buttons so they can be run from the editor panel.
 * If `dev` script discovered in local package.json scripts, enable a dev button so that a CI dev service can be spun up (e.g. Svelte). Will need debug output to be visible in Editor?
 
-
-
-
-
 * `package-mgt.js`
   * Rationalise the various functions - several of them have similar tasks.
   * Remove dependency on `execa`.
@@ -279,10 +253,6 @@ To see what is currently being developed, please look at the "Unreleased" sectio
 * Add empty cache button.
 * Think about impact of a cache clear (affects all connected clients)
 
-### Extensions to `uib-sender` node
-
-* CHANGE CONTEXT VAR HANDLING TO DEAL WITH ASYNC
-
 ### Extensions to the `uib-element` node
 
 * Add width setting
@@ -293,6 +263,13 @@ To see what is currently being developed, please look at the "Unreleased" sectio
   * Add option for blank line.
   * Add option for an info line (supporting HTML? Markdown?)
   * Add a "Simple Form Immediate" version where every element sends its own changes back to Node-RED and where send/reset buttons are not added.
+  * **Improve range slider** - with min/max and current value indicator (possibly as a separate, linked number input box) - may need an `oninput` handler
+  * Better validation of input data
+  * Additional input types: file (need to process uploads to NR), combo, image.
+  * Eventually add extended inputs such as HTML WYSIWYG/Markdown
+  * Add Auto-complete for text inputs
+  * If no button added, make each input send changes direct - or possibly add that as an optional setting.
+  * Rich text edit (Markdown? HTML?)
 * Add input to allow restriction by pageName/clientId/tabId. `_ui.pageName`, `_ui.clientId`, and/or `_ui.tabId`
 * Add individual class handling to _ui processing. [ref](https://developer.mozilla.org/en-US/docs/Web/API/Element/classList).
 * New Types for CSS and JS files?
@@ -305,11 +282,14 @@ To see what is currently being developed, please look at the "Unreleased" sectio
 * Think about having a `linkInputs([idList])` fn that allows easy linking of different inputs?
 * Consider adding the ability to have some tag other than `div` as the wrapper. [ref](https://github.com/TotallyInformation/node-red-contrib-uibuilder/discussions/210)
 * Add more elements:
-  * [ ] Markdown
-    Allow raw Markdown to be sent similar to the HTML element. Will require the Markdown-IT library to be loaded as per other uibuilder Markdown support.
+  * Buttons
+    * All buttons should allow image (icon), main text and sub-text ([ref](https://github.com/TotallyInformation/uibuilder-vuejs-component-extras))
+    * [ ] Toggle/3-way
+    * [ ] 
   * Individual Form Elements
     This is to enable additional form elements to be added to an existing form.
     * [ ] Select - https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-autocomplete-both.html
+    * [ ] Combo
     * [ ] Input
     * [ ] button (NB: add type="button" to avoid form submit issues, click=uibuilder.eventSend by default)
       * Types:
@@ -319,13 +299,17 @@ To see what is currently being developed, please look at the "Unreleased" sectio
       * Parts: Icon, title (next to icon), (sub)text (below icon/title) - any of which can be optional.
     * [ ] iFrame
       As for [ui-iframe](https://flows.nodered.org/node/node-red-node-ui-iframe)
+  * [ ] Charts
+  * [ ] Gauges
   * [x] List (ul, ol, dl)
     * Future improvements:
       * Better validation of input data
       * list-style-type (add to outer) - several options plus text (incl emoji's)
       * Collapsable list style. [ref](https://github.com/mdn/web-components-examples/blob/main/expanding-list-web-component)
       * ? Optional list leading/trailing text ?
-  * [ ] Editable List - [ref](https://github.com/mdn/web-components-examples/blob/main/editable-list)
+  * [x] Card/Article
+    * Future improvements:
+      * Better layout, more optional internal structure (footer, etc)
   * [x] Table
     * Future improvements:
       * Additional field definitions in input data
@@ -335,26 +319,8 @@ To see what is currently being developed, please look at the "Unreleased" sectio
       * Add data-row-name to td's as well
       * See also: https://www.w3.org/WAI/ARIA/apg/patterns/grid/examples/data-grids/
       * Consider: https://github.com/tofsjonas/sortable - perhaps adopt data-sort attribs?
+  * [ ] Editable List - [ref](https://github.com/mdn/web-components-examples/blob/main/editable-list)
   * [ ] TTS text-to-speach output
-  * [x] HTML - allow raw html to be sent - e.g. from template node
-  * [x] Page Title
-  * [x] tr - Add a row to an existing table
-  * [x] li - Add a row to an existing ul/ol list
-  * Future improvements:
-      * Better validation of input data
-      * list-style-type (add to outer) - several options plus text (incl emoji's)
-  * [x] Card/Article
-    * Future improvements:
-      * Better layout, more optional internal structure (footer, etc)
-  * [x] Simple Form - Input types: button, checkbox, color, date, datetime-local, email, hidden, month, number, password, radio, range, tel, text, time, url, week
-    * Future Improvements:
-      * **Improve range slider** - with min/max and current value indicator (possibly as a separate, linked number input box) - may need an `oninput` handler
-      * Better validation of input data
-      * Additional input types: file (need to process uploads to NR), combo, image.
-      * Eventually add extended inputs such as HTML WYSIWYG/Markdown
-      * Add Auto-complete for text inputs
-      * If no button added, make each input send changes direct - or possibly add that as an optional setting.
-  
   * [ ] Status Box, Status Panel - [ref](https://discourse.nodered.org/t/web-endpoint-status-dashboard-uibuilder-zero-code-example/75740)
     A segmented vertical/horizontal status/progress panel. For things like battery displays, etc.
     Each status box has a coloured sidepanel to show the status.
@@ -396,39 +362,55 @@ To see what is currently being developed, please look at the "Unreleased" sectio
     [ref](https://css-tricks.com/quick-reminder-that-details-summary-is-the-easiest-way-ever-to-make-an-accordion/)
 
   * [ ] Map - Leaflet
+  
+  * Completed 
+    * [x] Markdown
+      Allow raw Markdown to be sent similar to the HTML element. Will require the Markdown-IT library to be loaded as per other uibuilder Markdown support.
+    * [x] Simple Form - Input types: button, checkbox, color, date, datetime-local, email, hidden, month, number, password, radio, range, tel, text, time, url, week
+    * [x] HTML - allow raw html to be sent - e.g. from template node
+    * [x] Page Title
+    * [x] tr - Add a row to an existing table
+    * [x] li - Add a row to an existing ul/ol list
 
 * Other thoughts:
   * Pill list, scrollable search - https://www.w3.org/WAI/ARIA/apg/patterns/grid/examples/layout-grids/
 * ??? How to allow EXTERNAL element definitions ??? e.g. Someone else's contributed package.
 
-### Extensions to the `uib-update` node
+### Extensions to the `uib-html` node
 
-* Add input to allow restriction by pageName/clientId/tabId. `_ui.pageName`, `_ui.clientId`, and/or `_ui.tabId`
-* Add individual class handling to _ui processing. [ref](https://developer.mozilla.org/en-US/docs/Web/API/Element/classList).
-* Add props: `uibUpdated`, `uibUpdatedBy`
-* Add status in Editor: # input msgs
-* ?? Consider if worth adding a way to update a front-end javascript variable directly ??
-* New type option "Template" - Replaces the selected element with a template clone. Then applies attribs/slot if required. [Ref](https://developer.mozilla.org/en-US/docs/web/html/element/template)
+* Add option to remove the page tags, leaving just the document body fragment.
+* Add options for DOMpurify and Markdown-IT
+* Consider adding an HTML editor for the template?
+
+### `uib-save` node
 
+* Allow msg overrides of input fields
 
-### Extensions to the `uib-tag` node
+### `uib-sender` node
+
+* CHANGE CONTEXT VAR HANDLING TO DEAL WITH ASYNC
+
+### `uib-tag` node
 
 * Add input to allow restriction by pageName/clientId/tabId. `_ui.pageName`, `_ui.clientId`, and/or `_ui.tabId`
 * Add individual class handling to _ui processing. [ref](https://developer.mozilla.org/en-US/docs/Web/API/Element/classList).
 
-### Extensions to the `uib-html` node
+### `uib-update` node
 
-* Allow an input HTML template to be used.
-* Add Option to include uibuilder uib-brand.css
-* Add option to remove the page tags, leaving just the document body fragment.
-* Add options for DOMpurify and Markdown-IT
-* Consider allowing HTML from the uibuilder templates?
-* Consider adding an HTML editor for the template?
+* Add input to allow restriction by pageName/clientId/tabId. `_ui.pageName`, `_ui.clientId`, and/or `_ui.tabId`
+* Add individual class handling to _ui processing. [ref](https://developer.mozilla.org/en-US/docs/Web/API/Element/classList).
+* Add props: `uibUpdated`, `uibUpdatedBy`
+* Add status in Editor: # input msgs
+* ?? Consider if worth adding a way to update a front-end javascript variable directly ??
+* New type option "Template" - Replaces the selected element with a template clone. Then applies attribs/slot if required. [Ref](https://developer.mozilla.org/en-US/docs/web/html/element/template)
 
-### Extensions to client Library
+
+### client Library
+* Add client time offset from server to standard client metadata. [ref](https://discourse.nodered.org/t/time-zone-in-a-z-in-node-red/82537/7?u=totallyinformation)
 * Restrict `onChange` to only watch watched variables? Optionally make the watched var managed automatically (checking to make sure it doesn't start with `_` or `#`)
 * [**STARTED**] Ability to visually show all uibuilder managed variables.
 * A way to show and change uib-brand variables visually?
+* Add extra optional flag to set() to allow saving to localStorage - where set, auto-load on (re)load
 
 * Add individual class handling to _ui processing. [ref](https://developer.mozilla.org/en-US/docs/Web/API/Element/classList).    
 * Consider removing the css auto-load in the next major release since at least 1 person has hit a race condition. [ref](https://discourse.nodered.org/t/uib-brand-css-sometimes-injected/78876).
@@ -494,7 +476,7 @@ To see what is currently being developed, please look at the "Unreleased" sectio
       * `uibuilder` node will output control msg of type `Client Log` when client sends a beacon.
       * Make optional via flag in Editor with start msg enabling/disabling in client.
       * ? window and document events - make optional via uibuilder fe command.
-    
+  
 * Add a standard tab handler fn to handle tab changes. Are DOM selectors dynamic (do they update with new DOM elements)? If not, will need to include a DOM observer.
 * Extend clearHtmlCache, restoreHtmlFromCache, saveHtmlCache fns to allow *sessionCache*.
 * Add a [resizeObserver](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver) to report resize events back to Node-RED as a control msg.
@@ -514,8 +496,17 @@ To see what is currently being developed, please look at the "Unreleased" sectio
   * Check all auto-added elements for accessibility
   * Add count of current errors to title
 
-### Improvements to `uib-brand.css`
-  
+### `ui.js` library
+
+* uib-element/client - allow loading of data to the ROOT to allow for full HTML replacement
+
+### `uib-var` web component
+
+* Allow no var attrib but instead allow ID to create a new managed variable
+* Add uib.var function as a test of using a proxy to manage vars and work with the uib-var component.
+
+### `uib-brand.css`
+
 * Forms:
   * Allow for blank line spanning the form width.
   * Allow for information line spanning the form width.
@@ -532,7 +523,14 @@ To see what is currently being developed, please look at the "Unreleased" sectio
     * bigger spaces between lines (1.5 spacing in a word processor for example) - already done in the base.
     * 1 idea per image
 
-### Updates to Documentation (including videos)
+### Server libraries
+
+#### `libs/package-mgt.js`
+
+* uibRoot package.json - add check if dependencies blank but `node_modules` is not empty, if so, repopulate? Need to decide when to check - on commit at least.
+
+
+### Documentation (including videos)
 
 * New doc for using `ui.js` outside of uibuilder.
 * `README.md`: Add more links to the Features section so that each feature points to appropriate documentation. Add a landing-page link to "includes many helper features" to signpost to relavent detailed documentation.
@@ -599,6 +597,51 @@ To see what is currently being developed, please look at the "Unreleased" sectio
 
 * Consider adding a virtual file system to enable uibuilder to work with FlowForge. [ref](https://discourse.nodered.org/t/ui-builder-and-flowforge-device-agent/79373/7)
 
+### Potential Web Components
+
+* lamp - [convert from vue version](https://github.com/TotallyInformation/uibuilder-vuejs-component-extras)
+* gauge - [convert from vue version](https://github.com/TotallyInformation/uibuilder-vuejs-component-extras).
+
+### Ideas
+
+* PAGE CREATOR: Something that creates a new page file from template. Could be an extension to uib-save?
+  * Maybe also a way to track pages? A catalogue? Maybe also an API to return all HTML file names as an array?
+  * Consider scraping all .html files in each uibuilder instance and building an auto-list that can be added to the `../uibuilder/apps` page. Possibly with a manual override list option.
+  * Add functions to not only reference page-names/urls but also to automatically create menus.
+  * [Ref](https://discourse.nodered.org/t/why-would-i-want-to-use-uibuilder/81683/7?u=totallyinformation)
+
+* THEME CONFGURATOR: Something that allows manipulation of theme settings from within Node-RED
+
+* Consider using element setHTML() method if DOMsanitise is not available. [Ref](https://developer.mozilla.org/en-US/docs/Web/API/Element/setHTML)
+
+* Consider adding a default CSS override to the `uibuilder` node. To be used when no CSS specificed and also to be used in admin/generated uib pages. Defaulting to `../uibuilder/uib-brand.css`.
+
+* Change fixed text to use `RED._` for l8n. See: https://discourse.nodered.org/t/flexdash-alpha-release-a-dashboard-for-node-red/65861/48. [ref](https://discourse.nodered.org/t/question-on-internationalisation-can-i-have-1-json-file-for-several-nodes/76300/2)
+
+
+#### Questions that need answers
+
+* How best to allow other nodes to provide zero-code nodes - that allow auto feedback from the front-end? e.g. something like the [node-red-contrib-ui-time-scheduler](https://github.com/fellinga/node-red-contrib-ui-time-scheduler) node.
+* How to provide a better log output? With a simple way to link to Node-RED log output (filtered) as well as a dedicated output node. That output's to a web page with highlighting and possibly page back/fwd through history.
+
+
+## UIBUILDER v7 planned breaking changes
+
+* Minimum node.js v18
+* Minimum node-red v4
+* Removal of uib-list node
+* Remove Pollyfills from uibuilder editor code
+* Switch to default of case sensitive URL's for ExpressJS. Socket.IO is already case sensitive but ExpressJS is not. This can cause issues as shown in [Ref](https://discourse.nodered.org/t/uibuilder-and-url-case-sensitivity/81019/6)
+* Add URL case sensitivity flag - currently ExpressJS and Socket.IO handle URL case sensitivity differently. 
+
+  In rare cases, this can cause an error. Will make both case sensitive in line with W3C recommendations (will be optional until next major release).
+
+  Add case sensitivity flag to uibuilder node and allow setting of ExpressJS flags on routers. [ref 1](https://stackoverflow.com/questions/21216523/nodejs-express-case-sensitive-urls), [Ref 2](http://expressjs.com/en/api.html). Also document in  uibuilder settings. [Ref 3](https://discourse.nodered.org/t/uibuilder-and-url-case-sensitivity/81019/6). 
+
+
+
+## Ideas for releases further out
+
 ### Changes needed for future versions of node.js (will be updating uib in line with Node-RED v3)
   * Node.js v14 features - code updates to leverage the latest features
     * Replace `||` default value tests with `??` .
@@ -619,29 +662,79 @@ To see what is currently being developed, please look at the "Unreleased" sectio
     * Diagnostic reports. https://developer.ibm.com/articles/introducing-report-toolkit-for-nodejs-diagnostic-reports/, https://github.com/IBM/report-toolkit
 
   * Changes due once Node.js v16 live:
+    * Change style of requiring core node modules: `require('node:os')` instead of `require('os')`
     * JSON Modules (experimental in v14, full in 16.15.0)
     * Object.hasOwn is a static alias for Object.prototype.hasOwnProperty.call (16.9.0)
     * [Error cause](https://v8.dev/features/error-cause) (16.9.0)
-    * [Array.prototype.at](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/at) (16.6.0)
+    * [Array.prototype.at](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/at) (16.6.0) - allows use of negative indexes.
     * Stable Timers Promises API, RegExp Match Indices, which provide the start and end indices of the captured string (16.0.0)
 
+    Refs: [release notes](https://nodejs.org/en/blog/release/v16.0.0), [What's New In Node.js 16?](https://www.howtogeek.com/devops/whats-new-in-node-js-16/)
+
   * Changes due once Node.js v18 live
-    * Test Runner module (experimental 18.0.0)
     * [`findLast` and `findLastIndex` array methods](https://v8.dev/features/finding-in-arrays) (18.0.0)
     * Top-level await (experimental in v14 - behind flag, full in v18)
-
-  * Changes due once Node.js post v18
+    * V8 updates
+      * The `findLast()` and `findLastIndex()` array methods.
+      * Improvements to the `Intl.Locale` API.
+      * The `Intl.supportedValuesOf` function.
+      * Improved performance of class fields and private class methods (the initialization of them is now as fast as ordinary property stores).
+    * APIs now exposed on the global scope:
+      * Blob - https://nodejs.org/api/buffer.html#class-blob
+      * BroadcastChannel - https://nodejs.org/api/worker_threads.html#class-broadcastchannel-extends-eventtarget
+    * Experimental
+      * Fetch
+      * Web Streams API
+      * Test Runner
+      * Experimental watch run mode (restarts the process)
+
+  * Changes due once Node.js v19 live
+    * Web crypto: `globalThis.crypto` or `require('node:crypto').webcrypto` 
+    * `Intl.NumberFormat` v3 API is a new TC39 ECMA402 stage 3 proposal extending the pre-existing `Intl.NumberFormat`.
+    * npm@8.19.2
+  
+  * Changes due once Node.js v20 live
+    * Consider the experimental permission model
+    * Test Runner module
+    * `String.prototype.isWellFormed` and `toWellFormed`
+    * Methods that change Array and TypedArray by copy
+    * Resizable ArrayBuffer and growable SharedArrayBuffer
+    * RegExp v flag
+    * Synchronous import.meta.resolve()
+
+  * Changes due once Node.js v21 live
+    * Stable Fetch
+    * Stable Webstreams
+    * [Array grouping](https://github.com/tc39/proposal-array-grouping)
+    * `ArrayBuffer.prototype.transfer`
+    * Global `navigator` object.
+    * Experimental
+      * experimental browser-compatible WebSocket implementation
+  
+  * Changes due once Node.js post v20
     * Diagnostic channels (experimental in v14)
     * AbortController and AbortSignal (experimental in v14)
     * Fetch (Experimental 16.15.0, 18.0.0)
+    * Permission model (experimental in v20)
 
 
-
-## Ideas for releases further out
+* Move the ui class to a separate *repo* so that it can be used independently.
+* Consider moving all libs to separate repo to reduce number of direct dependencies. (probably requires node v16 for nested mono-repo modules)
+* Restructure to a monorepo? With libs in 1, maybe nodes in their own and the front-end library in another? [ref](https://www.bing.com/search?pglt=161&q=what+is+a+monorepo&cvid=42b295dfc64143cfb64e4061114803fd&aqs=edge.0.0l9.7031j0j1&FORM=ANNTA1&PC=U531)
 
 * Some way to visually expose a library of JavaScript functions with their args as inputs. Maybe make this a cmd that pulls a doc from Node-RED? (keeps client lib small)
 * Using the above to visually show available uibuilder fns with inputs and outputs.
 * Add optional TELEMETRY output (maybe linked to the log functions) - add mqtt endpoint to uibuilder settings.js (or maybe websocket?)
+* Use `degit` to move default templates and maybe examples to their own repos - allowing more dynamic updates without needing a new version of uibuilder.
+
+* Change ui.js to create global $ui object, change lib to match. Make sure it works in node.js as well as browser.
+  
+  In preparation for the ui library to be used stand-alone and have its own branding. Also allowing option for it to be managed as an independent library.
+
+  Add a version and a version fn.
+
+  Consider making available to Node-RED functions?
+
 
 ### Thoughts on JavaScript tabular data manipulation and visualisation
 
@@ -690,7 +783,7 @@ To see what is currently being developed, please look at the "Unreleased" sectio
 
 * Maybe switch package.json reads to [npm/read-package-json: The thing npm uses to read package.json files with semantics and defaults and validation and stuff (github.com)](https://github.com/npm/read-package-json)?
 
- 
+
 * Add settings.js options to use different paths/names for middleware files.
 
 * Once Node-RED's baseline node.js version has moved passed v12.20, can update `execa` and use dynamic imports (and change README notes on scorecard). Once it has moved into v14, can simplify the socket.js class by reinstating the optional chaining.
@@ -799,12 +892,16 @@ These are some thoughts about possible future direction. They need further thoug
 
 ----
 
-# OLD
+## Rejected
+
+* NEW NODE - `uib-get` - Gets data from a page's DOM. Will use the `uiGet` function. **No longer needed, use `msg._uib` commands in std msg.**
+
+## OLD
 
 **Update 2022-01-19**: These are the old entries from the WIKI To Do page. They need tidying up and consolidating into the newer structure.
 **Update 2022-06-18**: Now mostly tidied and consolidated. Just a few left that I want to keep for reference.
 
-## Ideas
+### Ideas
 
 * Node(s) for specific web components. Possibly allowing the component to be pushed over ws. [Ref.1](https://markus.oberlehner.net/blog/distributed-vue-applications-pushing-content-and-component-updates-to-the-client/) - _[Keep for reference]_
 
diff --git a/examples/uib-html b/examples/uib-html
new file mode 100644
index 00000000..2499d82b
--- /dev/null
+++ b/examples/uib-html
@@ -0,0 +1,350 @@
+[
+    {
+        "id": "12846a7d903a43aa",
+        "type": "tab",
+        "label": "uib-html tests",
+        "disabled": false,
+        "info": "",
+        "env": []
+    },
+    {
+        "id": "abd3565abbea5ec0",
+        "type": "group",
+        "z": "12846a7d903a43aa",
+        "name": "Manually trigger creation of a list using no-code uib-element, converted to HTML using uib-html and delivered to Node-RED Dashboard via ui-template node. \\n ",
+        "style": {
+            "stroke": "#a4a4a4",
+            "stroke-opacity": "0.33",
+            "label": true,
+            "color": "#000000",
+            "fill": "#ffffbf",
+            "fill-opacity": "0.29"
+        },
+        "nodes": [
+            "e1905e47319cbaa5",
+            "c5ec4e21d7a42edc",
+            "014ebfef8273c2ec",
+            "569b0340e94c3198",
+            "cdadf998527d3d70"
+        ],
+        "x": 34,
+        "y": 283,
+        "w": 1072,
+        "h": 98
+    },
+    {
+        "id": "badd82a2641c7267",
+        "type": "group",
+        "z": "12846a7d903a43aa",
+        "name": "HTTP-in node triggers dynamic creation of HTML via no-code uib-element and uib-html. Output is directly returned to the browser via HTTP-out \\n ",
+        "style": {
+            "fill": "#ffffbf",
+            "fill-opacity": "0.3",
+            "label": true,
+            "color": "#000000"
+        },
+        "nodes": [
+            "404329eec50a1815",
+            "5c281ef4b7341d18",
+            "4c676e4f34a678d8",
+            "e601a6059b186274",
+            "fc0f9c435d433a04",
+            "701b364be6b873d3",
+            "8de44408094e38e9"
+        ],
+        "x": 34,
+        "y": 83,
+        "w": 1052,
+        "h": 158
+    },
+    {
+        "id": "404329eec50a1815",
+        "type": "uib-html",
+        "z": "12846a7d903a43aa",
+        "g": "badd82a2641c7267",
+        "name": "",
+        "topic": "",
+        "useTemplate": false,
+        "x": 800,
+        "y": 200,
+        "wires": [
+            [
+                "5c281ef4b7341d18",
+                "e601a6059b186274"
+            ]
+        ]
+    },
+    {
+        "id": "5c281ef4b7341d18",
+        "type": "debug",
+        "z": "12846a7d903a43aa",
+        "g": "badd82a2641c7267",
+        "name": "uib Std Output",
+        "active": true,
+        "tosidebar": true,
+        "console": false,
+        "tostatus": true,
+        "complete": "true",
+        "targetType": "full",
+        "statusVal": "",
+        "statusType": "counter",
+        "x": 975,
+        "y": 140,
+        "wires": [],
+        "l": false
+    },
+    {
+        "id": "4c676e4f34a678d8",
+        "type": "http in",
+        "z": "12846a7d903a43aa",
+        "g": "badd82a2641c7267",
+        "name": "",
+        "url": "uib-html",
+        "method": "get",
+        "upload": false,
+        "swaggerDoc": "",
+        "x": 140,
+        "y": 200,
+        "wires": [
+            [
+                "fc0f9c435d433a04"
+            ]
+        ]
+    },
+    {
+        "id": "e601a6059b186274",
+        "type": "http response",
+        "z": "12846a7d903a43aa",
+        "g": "badd82a2641c7267",
+        "name": "",
+        "statusCode": "",
+        "headers": {},
+        "x": 1010,
+        "y": 200,
+        "wires": []
+    },
+    {
+        "id": "fc0f9c435d433a04",
+        "type": "change",
+        "z": "12846a7d903a43aa",
+        "g": "badd82a2641c7267",
+        "name": "",
+        "rules": [
+            {
+                "t": "set",
+                "p": "payload",
+                "pt": "msg",
+                "to": "[\t   \"LI One\",\t   \"LI Two\",\t   [\"LI Three a\",\"LI Three b\"],\t   \"LI Four\",\t   \"Random: \" & $formatInteger($random() * 100, \"0\")\t]",
+                "tot": "jsonata"
+            }
+        ],
+        "action": "",
+        "property": "",
+        "from": "",
+        "to": "",
+        "reg": false,
+        "x": 340,
+        "y": 200,
+        "wires": [
+            [
+                "701b364be6b873d3"
+            ]
+        ]
+    },
+    {
+        "id": "701b364be6b873d3",
+        "type": "uib-element",
+        "z": "12846a7d903a43aa",
+        "g": "badd82a2641c7267",
+        "name": "",
+        "topic": "",
+        "elementtype": "ul",
+        "parent": "#more",
+        "parentSource": "#more",
+        "parentSourceType": "str",
+        "elementid": "eltest-ul-ol",
+        "elementIdSourceType": "str",
+        "heading": "My Heading",
+        "headingSourceType": "str",
+        "headingLevel": "h2",
+        "data": "payload",
+        "dataSourceType": "msg",
+        "position": "last",
+        "positionSourceType": "str",
+        "passthrough": false,
+        "confData": {},
+        "x": 560,
+        "y": 200,
+        "wires": [
+            [
+                "404329eec50a1815",
+                "8de44408094e38e9"
+            ]
+        ]
+    },
+    {
+        "id": "e1905e47319cbaa5",
+        "type": "uib-html",
+        "z": "12846a7d903a43aa",
+        "g": "abd3565abbea5ec0",
+        "name": "",
+        "topic": "",
+        "useTemplate": false,
+        "x": 800,
+        "y": 340,
+        "wires": [
+            [
+                "cdadf998527d3d70"
+            ]
+        ]
+    },
+    {
+        "id": "c5ec4e21d7a42edc",
+        "type": "uib-element",
+        "z": "12846a7d903a43aa",
+        "g": "abd3565abbea5ec0",
+        "name": "",
+        "topic": "",
+        "elementtype": "ul",
+        "parent": "#more",
+        "parentSource": "#more",
+        "parentSourceType": "str",
+        "elementid": "eltest-ul-ol",
+        "elementIdSourceType": "str",
+        "heading": "My Heading",
+        "headingSourceType": "str",
+        "headingLevel": "h2",
+        "data": "payload",
+        "dataSourceType": "msg",
+        "position": "last",
+        "positionSourceType": "str",
+        "passthrough": false,
+        "confData": {},
+        "x": 560,
+        "y": 340,
+        "wires": [
+            [
+                "e1905e47319cbaa5"
+            ]
+        ]
+    },
+    {
+        "id": "014ebfef8273c2ec",
+        "type": "change",
+        "z": "12846a7d903a43aa",
+        "g": "abd3565abbea5ec0",
+        "name": "",
+        "rules": [
+            {
+                "t": "set",
+                "p": "payload",
+                "pt": "msg",
+                "to": "[\t   \"LI One X\",\t   \"LI Two X\",\t   [\"LI Three a\",\"LI Three b\"],\t   \"LI Four\",\t   \"Random: \" & $formatInteger($random() * 100, \"0\")\t]",
+                "tot": "jsonata"
+            }
+        ],
+        "action": "",
+        "property": "",
+        "from": "",
+        "to": "",
+        "reg": false,
+        "x": 340,
+        "y": 340,
+        "wires": [
+            [
+                "c5ec4e21d7a42edc"
+            ]
+        ]
+    },
+    {
+        "id": "569b0340e94c3198",
+        "type": "inject",
+        "z": "12846a7d903a43aa",
+        "g": "abd3565abbea5ec0",
+        "name": "",
+        "props": [],
+        "repeat": "",
+        "crontab": "",
+        "once": false,
+        "onceDelay": 0.1,
+        "topic": "",
+        "x": 95,
+        "y": 340,
+        "wires": [
+            [
+                "014ebfef8273c2ec"
+            ]
+        ],
+        "l": false
+    },
+    {
+        "id": "cdadf998527d3d70",
+        "type": "ui_template",
+        "z": "12846a7d903a43aa",
+        "g": "abd3565abbea5ec0",
+        "group": "f5163715823fa46b",
+        "name": "",
+        "order": 0,
+        "width": "12",
+        "height": "12",
+        "format": "<div ng-bind-html=\"msg.payload\"></div>",
+        "storeOutMessages": true,
+        "fwdInMessages": true,
+        "resendOnRefresh": true,
+        "templateScope": "local",
+        "className": "",
+        "x": 1020,
+        "y": 340,
+        "wires": [
+            []
+        ]
+    },
+    {
+        "id": "8de44408094e38e9",
+        "type": "debug",
+        "z": "12846a7d903a43aa",
+        "g": "badd82a2641c7267",
+        "name": "uib Std Output",
+        "active": false,
+        "tosidebar": true,
+        "console": false,
+        "tostatus": true,
+        "complete": "true",
+        "targetType": "full",
+        "statusVal": "",
+        "statusType": "counter",
+        "x": 755,
+        "y": 140,
+        "wires": [],
+        "l": false
+    },
+    {
+        "id": "ea4ca393e7e5e78f",
+        "type": "comment",
+        "z": "12846a7d903a43aa",
+        "name": "Examples of using the uib-html node with http-out and Dashboard. See the uib-save examples for use with that node",
+        "info": "",
+        "x": 430,
+        "y": 40,
+        "wires": []
+    },
+    {
+        "id": "f5163715823fa46b",
+        "type": "ui_group",
+        "name": "Default",
+        "tab": "dffca17c21bd0853",
+        "order": 1,
+        "disp": true,
+        "width": "12",
+        "collapse": false,
+        "className": ""
+    },
+    {
+        "id": "dffca17c21bd0853",
+        "type": "ui_tab",
+        "name": "uib-html",
+        "icon": "dashboard",
+        "disabled": false,
+        "hidden": false
+    }
+]
diff --git a/examples/uib-save.json b/examples/uib-save.json
new file mode 100644
index 00000000..fb496cb2
--- /dev/null
+++ b/examples/uib-save.json
@@ -0,0 +1,734 @@
+[
+    {
+        "id": "8d5d4002ce6fd551",
+        "type": "tab",
+        "label": "uib-save tests",
+        "disabled": false,
+        "info": "",
+        "env": []
+    },
+    {
+        "id": "645daef38984ece2",
+        "type": "group",
+        "z": "8d5d4002ce6fd551",
+        "name": "Read a file from the filing system, output to a uibuilder node's served folder. \\n Adjust the filename to suit \\n ",
+        "style": {
+            "fill": "#e3f3d3",
+            "fill-opacity": "0.26",
+            "label": true,
+            "color": "#000000"
+        },
+        "nodes": [
+            "3f02e06255766cb3",
+            "e030779b263e0dc5",
+            "37aa33db5588a33b"
+        ],
+        "x": 54,
+        "y": 627,
+        "w": 532,
+        "h": 114
+    },
+    {
+        "id": "ebeecf45c78a4219",
+        "type": "group",
+        "z": "8d5d4002ce6fd551",
+        "name": "Trigger htmlSend cmd, send to uibuilder. Returned HTML is used as template, no-code additions made in Node-RED and saved back to default index.html \\n Shows how to use uib-save when making no-code changes from Node-RED. \\n ",
+        "style": {
+            "fill": "#ffffbf",
+            "fill-opacity": "0.28",
+            "label": true,
+            "color": "#000000"
+        },
+        "nodes": [
+            "ec39ca6384333473",
+            "0268e4370f37cffc",
+            "b32463ac6e1792ea",
+            "972d802e014f60d6",
+            "a643b60b93475b0e",
+            "63fb9f1ff9a81a32",
+            "641005c1571172f2",
+            "9b79f2f5522fc258"
+        ],
+        "x": 54,
+        "y": 347,
+        "w": 1092,
+        "h": 114
+    },
+    {
+        "id": "aad125b663744f23",
+        "type": "group",
+        "z": "8d5d4002ce6fd551",
+        "name": "Trigger htmlSend cmd, send to uibuilder. Returned HTML is saved directly back to default index.html \\n Use this if making changes to the UI in front-end Code. Could also trigger htmlSend in front-end if preferred. \\n ",
+        "style": {
+            "fill": "#ffefbf",
+            "fill-opacity": "0.26",
+            "label": true,
+            "color": "#000000"
+        },
+        "nodes": [
+            "1f5c4ab8049e62df",
+            "7c3acf059c70b284",
+            "ec15535f1c34f422"
+        ],
+        "x": 54,
+        "y": 207,
+        "w": 675,
+        "h": 114
+    },
+    {
+        "id": "f74ce23ede1c232e",
+        "type": "group",
+        "z": "8d5d4002ce6fd551",
+        "name": "Directly create a list using no-code, convert to HTML with the default \"Blank\" uibuilder template wrapped around it, \\n save back to the default index.html page. \\n ",
+        "style": {
+            "fill": "#bfdbef",
+            "fill-opacity": "0.32",
+            "label": true,
+            "color": "#000000"
+        },
+        "nodes": [
+            "ff798359e2bbc2bd",
+            "b944af2232a0376b",
+            "a39f35ec8b4e3537",
+            "2c96aa60808d84db",
+            "365c01dfb58b06fb"
+        ],
+        "x": 54,
+        "y": 487,
+        "w": 812,
+        "h": 114
+    },
+    {
+        "id": "abbfeec826d76d49",
+        "type": "uibuilder",
+        "z": "8d5d4002ce6fd551",
+        "name": "",
+        "topic": "",
+        "url": "test-uib-save",
+        "fwdInMessages": false,
+        "allowScripts": false,
+        "allowStyles": false,
+        "copyIndex": true,
+        "templateFolder": "blank",
+        "extTemplate": "",
+        "showfolder": false,
+        "reload": false,
+        "sourceFolder": "src",
+        "deployedVersion": "6.6.0",
+        "showMsgUib": true,
+        "title": "",
+        "descr": "",
+        "x": 300,
+        "y": 140,
+        "wires": [
+            [
+                "85ab80f8e040fc8e"
+            ],
+            [
+                "67fdfb6a9f62c2cd"
+            ]
+        ]
+    },
+    {
+        "id": "67fdfb6a9f62c2cd",
+        "type": "debug",
+        "z": "8d5d4002ce6fd551",
+        "name": "uib Std Output",
+        "active": true,
+        "tosidebar": true,
+        "console": false,
+        "tostatus": true,
+        "complete": "true",
+        "targetType": "full",
+        "statusVal": "",
+        "statusType": "counter",
+        "x": 425,
+        "y": 160,
+        "wires": [],
+        "l": false
+    },
+    {
+        "id": "3f02e06255766cb3",
+        "type": "inject",
+        "z": "8d5d4002ce6fd551",
+        "g": "645daef38984ece2",
+        "name": "parameters",
+        "props": [
+            {
+                "p": "filename",
+                "v": "./test-files/flower.mp4",
+                "vt": "str"
+            },
+            {
+                "p": "topic",
+                "vt": "str"
+            },
+            {
+                "p": "fname",
+                "v": "fred/jim/flower1.mp4",
+                "vt": "str"
+            },
+            {
+                "p": "folder",
+                "v": "src/videos",
+                "vt": "str"
+            }
+        ],
+        "repeat": "",
+        "crontab": "",
+        "once": false,
+        "onceDelay": 0.1,
+        "topic": "video-file",
+        "x": 170,
+        "y": 700,
+        "wires": [
+            [
+                "e030779b263e0dc5"
+            ]
+        ]
+    },
+    {
+        "id": "7839e3c4a36af6c4",
+        "type": "link in",
+        "z": "8d5d4002ce6fd551",
+        "name": "link in 14",
+        "links": [
+            "2cc9fb790c15d0e3"
+        ],
+        "x": 165,
+        "y": 120,
+        "wires": [
+            [
+                "abbfeec826d76d49"
+            ]
+        ]
+    },
+    {
+        "id": "e030779b263e0dc5",
+        "type": "file in",
+        "z": "8d5d4002ce6fd551",
+        "g": "645daef38984ece2",
+        "name": "",
+        "filename": "filename",
+        "filenameType": "msg",
+        "format": "",
+        "chunk": false,
+        "sendError": false,
+        "encoding": "none",
+        "allProps": false,
+        "x": 320,
+        "y": 700,
+        "wires": [
+            [
+                "37aa33db5588a33b"
+            ]
+        ]
+    },
+    {
+        "id": "37aa33db5588a33b",
+        "type": "uib-save",
+        "z": "8d5d4002ce6fd551",
+        "g": "645daef38984ece2",
+        "url": "test-uib-save",
+        "uibId": "abbfeec826d76d49",
+        "folder": "",
+        "fname": "",
+        "createFolder": false,
+        "reload": false,
+        "usePageName": false,
+        "encoding": "",
+        "mode": "",
+        "name": "",
+        "topic": "",
+        "x": 490,
+        "y": 700,
+        "wires": []
+    },
+    {
+        "id": "ec39ca6384333473",
+        "type": "uib-html",
+        "z": "8d5d4002ce6fd551",
+        "g": "ebeecf45c78a4219",
+        "name": "",
+        "topic": "",
+        "useTemplate": true,
+        "x": 900,
+        "y": 420,
+        "wires": [
+            [
+                "a643b60b93475b0e"
+            ]
+        ]
+    },
+    {
+        "id": "0268e4370f37cffc",
+        "type": "change",
+        "z": "8d5d4002ce6fd551",
+        "g": "ebeecf45c78a4219",
+        "name": "Set payload",
+        "rules": [
+            {
+                "t": "set",
+                "p": "payload",
+                "pt": "msg",
+                "to": "[\t   \"LI One\",\t   \"LI Two\",\t   [\"LI Three a\",\"LI Three b\"],\t   \"LI Four\",\t   \"Random: \" & $formatInteger($random() * 100, \"0\")\t]",
+                "tot": "jsonata"
+            }
+        ],
+        "action": "",
+        "property": "",
+        "from": "",
+        "to": "",
+        "reg": false,
+        "x": 630,
+        "y": 420,
+        "wires": [
+            [
+                "b32463ac6e1792ea"
+            ]
+        ]
+    },
+    {
+        "id": "b32463ac6e1792ea",
+        "type": "uib-element",
+        "z": "8d5d4002ce6fd551",
+        "g": "ebeecf45c78a4219",
+        "name": "A list",
+        "topic": "",
+        "elementtype": "ul",
+        "parent": "#more",
+        "parentSource": "#more",
+        "parentSourceType": "str",
+        "elementid": "eltest-ul-ol",
+        "elementIdSourceType": "str",
+        "heading": "My Heading",
+        "headingSourceType": "str",
+        "headingLevel": "h2",
+        "data": "payload",
+        "dataSourceType": "msg",
+        "position": "last",
+        "positionSourceType": "str",
+        "passthrough": false,
+        "confData": {},
+        "x": 770,
+        "y": 420,
+        "wires": [
+            [
+                "ec39ca6384333473"
+            ]
+        ]
+    },
+    {
+        "id": "1f5c4ab8049e62df",
+        "type": "inject",
+        "z": "8d5d4002ce6fd551",
+        "g": "aad125b663744f23",
+        "name": "htmlSend Direct",
+        "props": [
+            {
+                "p": "_uib",
+                "v": "{\"command\":\"htmlSend\"}",
+                "vt": "json"
+            },
+            {
+                "p": "topic",
+                "vt": "str"
+            }
+        ],
+        "repeat": "",
+        "crontab": "",
+        "once": false,
+        "onceDelay": 0.1,
+        "topic": "sendHtml",
+        "x": 180,
+        "y": 280,
+        "wires": [
+            [
+                "ec15535f1c34f422"
+            ]
+        ]
+    },
+    {
+        "id": "972d802e014f60d6",
+        "type": "switch",
+        "z": "8d5d4002ce6fd551",
+        "g": "ebeecf45c78a4219",
+        "name": "",
+        "property": "topic",
+        "propertyType": "msg",
+        "rules": [
+            {
+                "t": "eq",
+                "v": "sendHtml",
+                "vt": "str"
+            },
+            {
+                "t": "else"
+            }
+        ],
+        "checkall": "true",
+        "repair": false,
+        "outputs": 2,
+        "x": 345,
+        "y": 420,
+        "wires": [
+            [
+                "63fb9f1ff9a81a32"
+            ],
+            []
+        ],
+        "l": false
+    },
+    {
+        "id": "a643b60b93475b0e",
+        "type": "uib-save",
+        "z": "8d5d4002ce6fd551",
+        "g": "ebeecf45c78a4219",
+        "url": "test-uib-save",
+        "uibId": "abbfeec826d76d49",
+        "folder": "src",
+        "fname": "index.html",
+        "createFolder": false,
+        "reload": true,
+        "usePageName": true,
+        "encoding": "",
+        "mode": "",
+        "name": "",
+        "topic": "",
+        "x": 1050,
+        "y": 420,
+        "wires": []
+    },
+    {
+        "id": "63fb9f1ff9a81a32",
+        "type": "change",
+        "z": "8d5d4002ce6fd551",
+        "g": "ebeecf45c78a4219",
+        "name": "Move payload",
+        "rules": [
+            {
+                "t": "move",
+                "p": "payload",
+                "pt": "msg",
+                "to": "template",
+                "tot": "msg"
+            }
+        ],
+        "action": "",
+        "property": "",
+        "from": "",
+        "to": "",
+        "reg": false,
+        "x": 460,
+        "y": 420,
+        "wires": [
+            [
+                "0268e4370f37cffc"
+            ]
+        ]
+    },
+    {
+        "id": "ff798359e2bbc2bd",
+        "type": "change",
+        "z": "8d5d4002ce6fd551",
+        "g": "f74ce23ede1c232e",
+        "name": "",
+        "rules": [
+            {
+                "t": "set",
+                "p": "payload",
+                "pt": "msg",
+                "to": "[\t   \"LI One\",\t   \"LI Two\",\t   [\"LI Three a\",\"LI Three b\"],\t   \"LI Four\",\t   \"Random: \" & $formatInteger($random() * 100, \"0\")\t]",
+                "tot": "jsonata"
+            }
+        ],
+        "action": "",
+        "property": "",
+        "from": "",
+        "to": "",
+        "reg": false,
+        "x": 240,
+        "y": 560,
+        "wires": [
+            [
+                "b944af2232a0376b"
+            ]
+        ]
+    },
+    {
+        "id": "b944af2232a0376b",
+        "type": "uib-element",
+        "z": "8d5d4002ce6fd551",
+        "g": "f74ce23ede1c232e",
+        "name": "",
+        "topic": "",
+        "elementtype": "ul",
+        "parent": "#more",
+        "parentSource": "#more",
+        "parentSourceType": "str",
+        "elementid": "eltest-ul-ol",
+        "elementIdSourceType": "str",
+        "heading": "My Heading",
+        "headingSourceType": "str",
+        "headingLevel": "h2",
+        "data": "payload",
+        "dataSourceType": "msg",
+        "position": "last",
+        "positionSourceType": "str",
+        "passthrough": false,
+        "confData": {},
+        "x": 440,
+        "y": 560,
+        "wires": [
+            [
+                "a39f35ec8b4e3537"
+            ]
+        ]
+    },
+    {
+        "id": "a39f35ec8b4e3537",
+        "type": "uib-html",
+        "z": "8d5d4002ce6fd551",
+        "g": "f74ce23ede1c232e",
+        "name": "",
+        "topic": "",
+        "x": 620,
+        "y": 560,
+        "wires": [
+            [
+                "2c96aa60808d84db"
+            ]
+        ]
+    },
+    {
+        "id": "2c96aa60808d84db",
+        "type": "uib-save",
+        "z": "8d5d4002ce6fd551",
+        "g": "f74ce23ede1c232e",
+        "url": "test-uib-save",
+        "uibId": "abbfeec826d76d49",
+        "folder": "src",
+        "fname": "index.html",
+        "createFolder": false,
+        "reload": true,
+        "encoding": "",
+        "mode": "",
+        "name": "",
+        "topic": "",
+        "x": 770,
+        "y": 560,
+        "wires": []
+    },
+    {
+        "id": "365c01dfb58b06fb",
+        "type": "inject",
+        "z": "8d5d4002ce6fd551",
+        "g": "f74ce23ede1c232e",
+        "name": "",
+        "props": [],
+        "repeat": "",
+        "crontab": "",
+        "once": false,
+        "onceDelay": 0.1,
+        "topic": "",
+        "x": 115,
+        "y": 560,
+        "wires": [
+            [
+                "ff798359e2bbc2bd"
+            ]
+        ],
+        "l": false
+    },
+    {
+        "id": "49cbb5964db6f4ca",
+        "type": "inject",
+        "z": "8d5d4002ce6fd551",
+        "name": "Reload",
+        "props": [
+            {
+                "p": "_ui",
+                "v": "{\"method\":\"reload\"}",
+                "vt": "json"
+            },
+            {
+                "p": "topic",
+                "vt": "str"
+            }
+        ],
+        "repeat": "",
+        "crontab": "",
+        "once": false,
+        "onceDelay": 0.1,
+        "topic": "reload",
+        "x": 130,
+        "y": 160,
+        "wires": [
+            [
+                "abbfeec826d76d49"
+            ]
+        ],
+        "info": "Sends a pre-formatted msg to the front-end that\r\ncauses the page to reload itself."
+    },
+    {
+        "id": "cd3f861511b4e9e3",
+        "type": "debug",
+        "z": "8d5d4002ce6fd551",
+        "name": "uib Std Output",
+        "active": true,
+        "tosidebar": true,
+        "console": false,
+        "tostatus": true,
+        "complete": "true",
+        "targetType": "full",
+        "statusVal": "",
+        "statusType": "counter",
+        "x": 505,
+        "y": 140,
+        "wires": [],
+        "l": false
+    },
+    {
+        "id": "7c3acf059c70b284",
+        "type": "uib-save",
+        "z": "8d5d4002ce6fd551",
+        "g": "aad125b663744f23",
+        "url": "test-uib-save",
+        "uibId": "abbfeec826d76d49",
+        "folder": "src",
+        "fname": "index.html",
+        "createFolder": false,
+        "reload": true,
+        "usePageName": true,
+        "encoding": "",
+        "mode": "",
+        "name": "",
+        "topic": "",
+        "x": 530,
+        "y": 280,
+        "wires": []
+    },
+    {
+        "id": "85ab80f8e040fc8e",
+        "type": "switch",
+        "z": "8d5d4002ce6fd551",
+        "name": "Filter sendHtml command response",
+        "property": "topic",
+        "propertyType": "msg",
+        "rules": [
+            {
+                "t": "eq",
+                "v": "sendHtml",
+                "vt": "str"
+            },
+            {
+                "t": "else"
+            }
+        ],
+        "checkall": "true",
+        "repair": false,
+        "outputs": 2,
+        "x": 425,
+        "y": 120,
+        "wires": [
+            [
+                "1e962eb78bd2f03e"
+            ],
+            [
+                "cd3f861511b4e9e3"
+            ]
+        ],
+        "l": false
+    },
+    {
+        "id": "ec15535f1c34f422",
+        "type": "link call",
+        "z": "8d5d4002ce6fd551",
+        "g": "aad125b663744f23",
+        "name": "",
+        "links": [
+            "7839e3c4a36af6c4"
+        ],
+        "linkType": "static",
+        "timeout": "30",
+        "x": 325,
+        "y": 280,
+        "wires": [
+            [
+                "7c3acf059c70b284"
+            ]
+        ],
+        "l": false
+    },
+    {
+        "id": "1e962eb78bd2f03e",
+        "type": "link out",
+        "z": "8d5d4002ce6fd551",
+        "name": "Link Return",
+        "mode": "return",
+        "links": [],
+        "x": 505,
+        "y": 100,
+        "wires": []
+    },
+    {
+        "id": "641005c1571172f2",
+        "type": "inject",
+        "z": "8d5d4002ce6fd551",
+        "g": "ebeecf45c78a4219",
+        "name": "htmlSend Indirect",
+        "props": [
+            {
+                "p": "_uib",
+                "v": "{\"command\":\"htmlSend\"}",
+                "vt": "json"
+            },
+            {
+                "p": "topic",
+                "vt": "str"
+            }
+        ],
+        "repeat": "",
+        "crontab": "",
+        "once": false,
+        "onceDelay": 0.1,
+        "topic": "sendHtml",
+        "x": 180,
+        "y": 420,
+        "wires": [
+            [
+                "9b79f2f5522fc258"
+            ]
+        ]
+    },
+    {
+        "id": "9b79f2f5522fc258",
+        "type": "link call",
+        "z": "8d5d4002ce6fd551",
+        "g": "ebeecf45c78a4219",
+        "name": "Link Call/Return",
+        "links": [
+            "7839e3c4a36af6c4"
+        ],
+        "linkType": "static",
+        "timeout": "30",
+        "x": 295,
+        "y": 420,
+        "wires": [
+            [
+                "972d802e014f60d6"
+            ]
+        ],
+        "l": false
+    },
+    {
+        "id": "1a505520ff80c52d",
+        "type": "comment",
+        "z": "8d5d4002ce6fd551",
+        "name": "Test out various ways of using the uib-save node. With or without the uib-html node.",
+        "info": "",
+        "x": 350,
+        "y": 40,
+        "wires": []
+    }
+]
diff --git a/examples/uib-tag.json b/examples/uib-tag.json
new file mode 100644
index 00000000..87b73f01
--- /dev/null
+++ b/examples/uib-tag.json
@@ -0,0 +1,529 @@
+[
+    {
+        "id": "edd8d2f3f3b4cbd4",
+        "type": "tab",
+        "label": "uib-tag Tests",
+        "disabled": false,
+        "info": "",
+        "env": []
+    },
+    {
+        "id": "fda6af47f8efd93c",
+        "type": "group",
+        "z": "edd8d2f3f3b4cbd4",
+        "name": "Add a <div> tag contining some dynamic text, an <hr>, and an <a> tag using uib-tag nodes \\n <hr> has no ID so cannot be removed on its own, only via its parent. <a> tag's slot text is defined in the node so no extra change node needed. \\n ",
+        "style": {
+            "fill": "#bfdbef",
+            "fill-opacity": "0.32",
+            "label": true,
+            "color": "#000000"
+        },
+        "nodes": [
+            "2e1608671f832f89",
+            "bd00d8ddcfb2f246",
+            "d1a6b45a924ac77d",
+            "bd4f0bd4e10cb11f",
+            "faa3acf6d4d7ac93",
+            "8dfa3dc8a661ae03",
+            "a5758452c7eee3c7"
+        ],
+        "x": 84,
+        "y": 287,
+        "w": 992,
+        "h": 154
+    },
+    {
+        "id": "7d8c6d1c54f88ff0",
+        "type": "group",
+        "z": "edd8d2f3f3b4cbd4",
+        "name": "Dynamically add a button that sends a msg back here using eventSend. \\n ",
+        "style": {
+            "fill": "#bfdbef",
+            "fill-opacity": "0.32",
+            "label": true,
+            "color": "#000000"
+        },
+        "nodes": [
+            "5903b4f7cd6b15de",
+            "a32b53f1fd7fed98",
+            "a08c1ef3d9db753c",
+            "9c292d244aaa59bc"
+        ],
+        "x": 84,
+        "y": 463,
+        "w": 992,
+        "h": 138
+    },
+    {
+        "id": "c1d95d94bbaf210d",
+        "type": "junction",
+        "z": "edd8d2f3f3b4cbd4",
+        "x": 520,
+        "y": 200,
+        "wires": [
+            [
+                "ea2a845fc20e1963"
+            ]
+        ]
+    },
+    {
+        "id": "93aecd2b7edf0f21",
+        "type": "comment",
+        "z": "edd8d2f3f3b4cbd4",
+        "name": "uib-tag example - similar to uib-element but adds/replaces a single HTML or web component element (tag)",
+        "info": "",
+        "x": 440,
+        "y": 40,
+        "wires": []
+    },
+    {
+        "id": "2e1608671f832f89",
+        "type": "link out",
+        "z": "edd8d2f3f3b4cbd4",
+        "g": "fda6af47f8efd93c",
+        "name": "link out 61",
+        "mode": "link",
+        "links": [
+            "6745857ca796a9a3"
+        ],
+        "x": 1035,
+        "y": 360,
+        "wires": []
+    },
+    {
+        "id": "bd00d8ddcfb2f246",
+        "type": "inject",
+        "z": "edd8d2f3f3b4cbd4",
+        "g": "fda6af47f8efd93c",
+        "name": "",
+        "props": [
+            {
+                "p": "payload"
+            },
+            {
+                "p": "topic",
+                "vt": "str"
+            }
+        ],
+        "repeat": "",
+        "crontab": "",
+        "once": false,
+        "onceDelay": 0.1,
+        "topic": "uib-tag",
+        "payload": "\"[\" & $formatInteger($random() * 100, \"#00\") & \"] Dynamic title\"",
+        "payloadType": "jsonata",
+        "x": 200,
+        "y": 360,
+        "wires": [
+            [
+                "d1a6b45a924ac77d"
+            ]
+        ]
+    },
+    {
+        "id": "d1a6b45a924ac77d",
+        "type": "uib-tag",
+        "z": "edd8d2f3f3b4cbd4",
+        "g": "fda6af47f8efd93c",
+        "name": "",
+        "topic": "",
+        "tag": "div",
+        "parent": "body",
+        "parentSourceType": "str",
+        "elementId": "tag-div1",
+        "elementIdSourceType": "str",
+        "position": "3",
+        "positionSourceType": "str",
+        "slotSourceProp": "payload",
+        "slotSourcePropType": "msg",
+        "attribsSource": "{\"style\":\"border:1px solid red;padding:1em;background-color:var(--surface3);\"}",
+        "attribsSourceType": "json",
+        "slotPropMarkdown": false,
+        "x": 380,
+        "y": 360,
+        "wires": [
+            [
+                "8dfa3dc8a661ae03"
+            ]
+        ]
+    },
+    {
+        "id": "bd4f0bd4e10cb11f",
+        "type": "uib-tag",
+        "z": "edd8d2f3f3b4cbd4",
+        "g": "fda6af47f8efd93c",
+        "name": "",
+        "topic": "",
+        "tag": "a",
+        "parent": "#tag-div1",
+        "parentSourceType": "str",
+        "elementId": "tag-a1",
+        "elementIdSourceType": "str",
+        "position": "last",
+        "positionSourceType": "str",
+        "slotSourceProp": "A Link",
+        "slotSourcePropType": "str",
+        "attribsSource": "{\"href\":\"http://example.com\",\"title\":\"A link\"}",
+        "attribsSourceType": "json",
+        "slotPropMarkdown": false,
+        "x": 850,
+        "y": 360,
+        "wires": [
+            [
+                "2e1608671f832f89"
+            ]
+        ]
+    },
+    {
+        "id": "faa3acf6d4d7ac93",
+        "type": "inject",
+        "z": "edd8d2f3f3b4cbd4",
+        "g": "fda6af47f8efd93c",
+        "name": "Remove",
+        "props": [
+            {
+                "p": "mode",
+                "v": "remove",
+                "vt": "str"
+            }
+        ],
+        "repeat": "",
+        "crontab": "",
+        "once": false,
+        "onceDelay": 0.1,
+        "topic": "",
+        "x": 190,
+        "y": 400,
+        "wires": [
+            [
+                "d1a6b45a924ac77d"
+            ]
+        ]
+    },
+    {
+        "id": "8dfa3dc8a661ae03",
+        "type": "uib-tag",
+        "z": "edd8d2f3f3b4cbd4",
+        "g": "fda6af47f8efd93c",
+        "name": "",
+        "topic": "",
+        "tag": "hr",
+        "parent": "#tag-div1",
+        "parentSource": "",
+        "parentSourceType": "str",
+        "elementId": "",
+        "elementIdSourceType": "str",
+        "position": "last",
+        "positionSourceType": "str",
+        "slotSourceProp": "",
+        "slotSourcePropType": "msg",
+        "attribsSource": "",
+        "attribsSourceType": "msg",
+        "slotPropMarkdown": false,
+        "x": 600,
+        "y": 360,
+        "wires": [
+            [
+                "bd4f0bd4e10cb11f"
+            ]
+        ]
+    },
+    {
+        "id": "a5758452c7eee3c7",
+        "type": "inject",
+        "z": "edd8d2f3f3b4cbd4",
+        "g": "fda6af47f8efd93c",
+        "name": "Remove",
+        "props": [
+            {
+                "p": "mode",
+                "v": "remove",
+                "vt": "str"
+            }
+        ],
+        "repeat": "",
+        "crontab": "",
+        "once": false,
+        "onceDelay": 0.1,
+        "topic": "",
+        "x": 640,
+        "y": 400,
+        "wires": [
+            [
+                "bd4f0bd4e10cb11f"
+            ]
+        ]
+    },
+    {
+        "id": "5903b4f7cd6b15de",
+        "type": "inject",
+        "z": "edd8d2f3f3b4cbd4",
+        "g": "7d8c6d1c54f88ff0",
+        "name": "",
+        "props": [
+            {
+                "p": "payload"
+            },
+            {
+                "p": "topic",
+                "vt": "str"
+            }
+        ],
+        "repeat": "",
+        "crontab": "",
+        "once": false,
+        "onceDelay": 0.1,
+        "topic": "uib-tag",
+        "payload": "\"[\" & $formatInteger($random() * 100, \"#00\") & \"] Dynamic title\"",
+        "payloadType": "jsonata",
+        "x": 200,
+        "y": 520,
+        "wires": [
+            [
+                "a08c1ef3d9db753c"
+            ]
+        ]
+    },
+    {
+        "id": "a32b53f1fd7fed98",
+        "type": "inject",
+        "z": "edd8d2f3f3b4cbd4",
+        "g": "7d8c6d1c54f88ff0",
+        "name": "Remove",
+        "props": [
+            {
+                "p": "mode",
+                "v": "remove",
+                "vt": "str"
+            }
+        ],
+        "repeat": "",
+        "crontab": "",
+        "once": false,
+        "onceDelay": 0.1,
+        "topic": "",
+        "x": 190,
+        "y": 560,
+        "wires": [
+            [
+                "a08c1ef3d9db753c"
+            ]
+        ]
+    },
+    {
+        "id": "a08c1ef3d9db753c",
+        "type": "uib-tag",
+        "z": "edd8d2f3f3b4cbd4",
+        "g": "7d8c6d1c54f88ff0",
+        "name": "",
+        "topic": "",
+        "tag": "button",
+        "parent": "body",
+        "parentSourceType": "str",
+        "elementId": "tag-btn1",
+        "elementIdSourceType": "str",
+        "position": "last",
+        "positionSourceType": "str",
+        "slotSourceProp": "A Button",
+        "slotSourcePropType": "str",
+        "attribsSource": "{\"onclick\":\"uibuilder.eventSend(event)\"}",
+        "attribsSourceType": "json",
+        "slotPropMarkdown": false,
+        "x": 610,
+        "y": 520,
+        "wires": [
+            [
+                "9c292d244aaa59bc"
+            ]
+        ]
+    },
+    {
+        "id": "9c292d244aaa59bc",
+        "type": "link out",
+        "z": "edd8d2f3f3b4cbd4",
+        "g": "7d8c6d1c54f88ff0",
+        "name": "link out 62",
+        "mode": "link",
+        "links": [
+            "6745857ca796a9a3"
+        ],
+        "x": 1035,
+        "y": 520,
+        "wires": []
+    },
+    {
+        "id": "ea2a845fc20e1963",
+        "type": "uibuilder",
+        "z": "edd8d2f3f3b4cbd4",
+        "name": "",
+        "topic": "",
+        "url": "uib-tag-tests",
+        "fwdInMessages": false,
+        "allowScripts": false,
+        "allowStyles": false,
+        "copyIndex": true,
+        "templateFolder": "blank",
+        "extTemplate": "",
+        "showfolder": false,
+        "reload": true,
+        "sourceFolder": "src",
+        "deployedVersion": "6.6.0",
+        "showMsgUib": true,
+        "title": "Zero-code examples",
+        "descr": "A collection of flows that demonstrate and test all of the uib-element node's output types.",
+        "x": 700,
+        "y": 140,
+        "wires": [
+            [
+                "dc571a1bb3a94cd1"
+            ],
+            [
+                "e5f3f5e262f4a538"
+            ]
+        ],
+        "info": "This example uses the default blank template.\r\n\r\nIt does not use any front-end framework, just\r\npure HTML, CSS and JavaScript."
+    },
+    {
+        "id": "6745857ca796a9a3",
+        "type": "link in",
+        "z": "edd8d2f3f3b4cbd4",
+        "name": "uib-tag-tests - no cache",
+        "links": [
+            "2e1608671f832f89",
+            "9c292d244aaa59bc"
+        ],
+        "x": 375,
+        "y": 200,
+        "wires": [
+            [
+                "c1d95d94bbaf210d"
+            ]
+        ]
+    },
+    {
+        "id": "e5f3f5e262f4a538",
+        "type": "debug",
+        "z": "edd8d2f3f3b4cbd4",
+        "name": "uibuilder control output",
+        "active": false,
+        "tosidebar": true,
+        "console": false,
+        "tostatus": true,
+        "complete": "true",
+        "targetType": "full",
+        "statusVal": "",
+        "statusType": "counter",
+        "x": 835,
+        "y": 160,
+        "wires": [],
+        "l": false,
+        "info": "This shows the data coming out of the\r\nuibuilder node's Port #2 (bottom) which is\r\nthe control output.\r\n\r\nHere you will see any control msg either sent\r\nby the node itself or from the front-end library.\r\n\r\nFor example the \"client disconnect\" and\r\n\"client connect\" messages. Or the \"visibility\"\r\nmessages from the client.\r\n\r\nLoop the \"client connect\", \"cache replay\" and\r\n\"cache clear\" messages back to a `uib-cache`\r\nnode before the input to uibuilder in order\r\nto control the output of the cache."
+    },
+    {
+        "id": "dc571a1bb3a94cd1",
+        "type": "debug",
+        "z": "edd8d2f3f3b4cbd4",
+        "name": "uibuilder standard output",
+        "active": true,
+        "tosidebar": true,
+        "console": false,
+        "tostatus": true,
+        "complete": "true",
+        "targetType": "full",
+        "statusVal": "",
+        "statusType": "counter",
+        "x": 885,
+        "y": 120,
+        "wires": [],
+        "l": false,
+        "info": "This shows the data coming out of the\r\nuibuilder node's Port #1 (top) which is\r\nthe standard output.\r\n\r\nHere you will see any standard msg sent from\r\nyour front-end code."
+    },
+    {
+        "id": "138223dfc1a8d9f1",
+        "type": "link in",
+        "z": "edd8d2f3f3b4cbd4",
+        "name": "uib-tag-tests - cached",
+        "links": [],
+        "x": 305,
+        "y": 140,
+        "wires": [
+            [
+                "cd7feb25748c70ea"
+            ]
+        ]
+    },
+    {
+        "id": "cd7feb25748c70ea",
+        "type": "uib-cache",
+        "z": "edd8d2f3f3b4cbd4",
+        "cacheall": false,
+        "cacheKey": "topic",
+        "newcache": true,
+        "num": 1,
+        "storeName": "default",
+        "name": "Cache (by topic)",
+        "storeContext": "context",
+        "varName": "uib_cache",
+        "x": 440,
+        "y": 140,
+        "wires": [
+            [
+                "ea2a845fc20e1963"
+            ]
+        ]
+    },
+    {
+        "id": "bbf48c026e7aeb1a",
+        "type": "inject",
+        "z": "edd8d2f3f3b4cbd4",
+        "name": "Setup",
+        "props": [
+            {
+                "p": "topic",
+                "vt": "str"
+            }
+        ],
+        "repeat": "",
+        "crontab": "",
+        "once": true,
+        "onceDelay": 0.1,
+        "topic": "setup",
+        "x": 150,
+        "y": 100,
+        "wires": [
+            [
+                "8e8695231f17cac5"
+            ]
+        ]
+    },
+    {
+        "id": "8e8695231f17cac5",
+        "type": "uib-element",
+        "z": "edd8d2f3f3b4cbd4",
+        "name": "Head",
+        "topic": "",
+        "elementtype": "title",
+        "parent": "body",
+        "parentSource": "",
+        "parentSourceType": "str",
+        "elementid": "",
+        "elementId": "",
+        "elementIdSourceType": "str",
+        "heading": "",
+        "headingSourceType": "str",
+        "headingLevel": "h2",
+        "data": "uib-tag Test Page",
+        "dataSourceType": "str",
+        "position": "first",
+        "positionSourceType": "str",
+        "passthrough": false,
+        "confData": {},
+        "x": 270,
+        "y": 100,
+        "wires": [
+            [
+                "cd7feb25748c70ea"
+            ]
+        ]
+    }
+]
diff --git a/examples/uib-var-web-component.json b/examples/uib-var-web-component.json
new file mode 100644
index 00000000..ae3f7142
--- /dev/null
+++ b/examples/uib-var-web-component.json
@@ -0,0 +1,409 @@
+[
+    {
+        "id": "e281d742284760a4",
+        "type": "group",
+        "z": "ff1a7711.244f48",
+        "name": "Tests for the uib-var custom web component baked into uibuilder \\n ",
+        "style": {
+            "fill": "#e3f3d3",
+            "fill-opacity": "0.18",
+            "label": true,
+            "color": "#000000"
+        },
+        "nodes": [
+            "60a8489436d0ee43",
+            "ff050c4347776e67",
+            "86ffc76eb5838f6c",
+            "b9605e7d0a662387",
+            "6a4c985e0fc73c31",
+            "ab72b1d0039a5cb3",
+            "e33a29855f036e79",
+            "7c499ac47dc01640",
+            "2d07723a33514785",
+            "5c5965ac4682fc53",
+            "29f2d5712c08232b",
+            "130704c99e375d77",
+            "0e7d0e2fdb0cc462",
+            "eeb24d2935b76147",
+            "a29c18dfe4a6926b",
+            "bebda3baf75a1209",
+            "f2591948e1dea11e",
+            "22c52f9ce8e9ea37",
+            "5f237a9ee055b71d"
+        ],
+        "x": 324,
+        "y": 2923,
+        "w": 922,
+        "h": 458
+    },
+    {
+        "id": "60a8489436d0ee43",
+        "type": "debug",
+        "z": "ff1a7711.244f48",
+        "g": "e281d742284760a4",
+        "name": "uib Std Output",
+        "active": false,
+        "tosidebar": true,
+        "console": false,
+        "tostatus": true,
+        "complete": "true",
+        "targetType": "full",
+        "statusVal": "",
+        "statusType": "counter",
+        "x": 865,
+        "y": 2980,
+        "wires": [],
+        "l": false
+    },
+    {
+        "id": "ff050c4347776e67",
+        "type": "uibuilder",
+        "z": "ff1a7711.244f48",
+        "g": "e281d742284760a4",
+        "name": "",
+        "topic": "",
+        "url": "uib-var-test",
+        "fwdInMessages": false,
+        "allowScripts": false,
+        "allowStyles": false,
+        "copyIndex": true,
+        "templateFolder": "blank",
+        "extTemplate": "",
+        "showfolder": false,
+        "reload": true,
+        "sourceFolder": "src",
+        "deployedVersion": "6.6.0",
+        "showMsgUib": true,
+        "title": "",
+        "descr": "",
+        "x": 700,
+        "y": 3020,
+        "wires": [
+            [
+                "60a8489436d0ee43"
+            ],
+            [
+                "86ffc76eb5838f6c"
+            ]
+        ]
+    },
+    {
+        "id": "86ffc76eb5838f6c",
+        "type": "debug",
+        "z": "ff1a7711.244f48",
+        "g": "e281d742284760a4",
+        "name": "uib Control Output",
+        "active": false,
+        "tosidebar": true,
+        "console": false,
+        "tostatus": true,
+        "complete": "true",
+        "targetType": "full",
+        "statusVal": "",
+        "statusType": "counter",
+        "x": 865,
+        "y": 3040,
+        "wires": [],
+        "l": false
+    },
+    {
+        "id": "b9605e7d0a662387",
+        "type": "link in",
+        "z": "ff1a7711.244f48",
+        "g": "e281d742284760a4",
+        "name": "uib in",
+        "links": [
+            "6a4c985e0fc73c31",
+            "5c5965ac4682fc53"
+        ],
+        "x": 565,
+        "y": 3020,
+        "wires": [
+            [
+                "ff050c4347776e67"
+            ]
+        ]
+    },
+    {
+        "id": "6a4c985e0fc73c31",
+        "type": "link out",
+        "z": "ff1a7711.244f48",
+        "g": "e281d742284760a4",
+        "name": "uib ctrls out",
+        "mode": "link",
+        "links": [
+            "b9605e7d0a662387"
+        ],
+        "x": 865,
+        "y": 3260,
+        "wires": []
+    },
+    {
+        "id": "ab72b1d0039a5cb3",
+        "type": "inject",
+        "z": "ff1a7711.244f48",
+        "g": "e281d742284760a4",
+        "name": "",
+        "props": [],
+        "repeat": "",
+        "crontab": "",
+        "once": false,
+        "onceDelay": 0.1,
+        "topic": "",
+        "x": 385,
+        "y": 3120,
+        "wires": [
+            [
+                "7c499ac47dc01640"
+            ]
+        ],
+        "l": false
+    },
+    {
+        "id": "e33a29855f036e79",
+        "type": "uib-element",
+        "z": "ff1a7711.244f48",
+        "g": "e281d742284760a4",
+        "name": "",
+        "topic": "",
+        "elementtype": "html",
+        "parent": "#more",
+        "parentSource": "",
+        "parentSourceType": "str",
+        "elementid": "md001",
+        "elementId": "",
+        "elementIdSourceType": "str",
+        "heading": "",
+        "headingSourceType": "str",
+        "headingLevel": "h2",
+        "data": "payload",
+        "dataSourceType": "msg",
+        "position": "last",
+        "positionSourceType": "str",
+        "passthrough": false,
+        "confData": {},
+        "x": 680,
+        "y": 3120,
+        "wires": [
+            [
+                "5c5965ac4682fc53"
+            ]
+        ]
+    },
+    {
+        "id": "7c499ac47dc01640",
+        "type": "template",
+        "z": "ff1a7711.244f48",
+        "g": "e281d742284760a4",
+        "name": "",
+        "field": "payload",
+        "fieldType": "msg",
+        "format": "html",
+        "syntax": "mustache",
+        "template": "<p>\n    UIBUILDER Version: <uib-var variable=\"version\"></uib-var>\n<p></p>\n    Random # from Node-RED: <uib-var variable=\"myrandom\">(No Value)</uib-var>\n</p>",
+        "output": "str",
+        "x": 480,
+        "y": 3120,
+        "wires": [
+            [
+                "e33a29855f036e79"
+            ]
+        ]
+    },
+    {
+        "id": "2d07723a33514785",
+        "type": "inject",
+        "z": "ff1a7711.244f48",
+        "g": "e281d742284760a4",
+        "name": "SET myrandom var",
+        "props": [
+            {
+                "p": "_uib",
+                "v": "{\t   \"command\":\"set\",\t   \"prop\":\"myrandom\",\t   \"value\":$formatInteger($random() * 100, \"0\")\t}",
+                "vt": "jsonata"
+            }
+        ],
+        "repeat": "",
+        "crontab": "",
+        "once": false,
+        "onceDelay": 0.1,
+        "topic": "",
+        "x": 690,
+        "y": 3340,
+        "wires": [
+            [
+                "6a4c985e0fc73c31"
+            ]
+        ]
+    },
+    {
+        "id": "5c5965ac4682fc53",
+        "type": "link out",
+        "z": "ff1a7711.244f48",
+        "g": "e281d742284760a4",
+        "name": "uib ctrls out",
+        "mode": "link",
+        "links": [
+            "b9605e7d0a662387"
+        ],
+        "x": 865,
+        "y": 3120,
+        "wires": []
+    },
+    {
+        "id": "29f2d5712c08232b",
+        "type": "uib-tag",
+        "z": "ff1a7711.244f48",
+        "g": "e281d742284760a4",
+        "name": "",
+        "topic": "",
+        "tag": "uib-var",
+        "parent": "#more",
+        "parentSource": "",
+        "parentSourceType": "str",
+        "elementId": "uibvar03",
+        "elementIdSourceType": "str",
+        "position": "last",
+        "positionSourceType": "str",
+        "slotSourceProp": "Default value",
+        "slotSourcePropType": "str",
+        "attribsSource": "{\"variable\":\"myvar3\"}",
+        "attribsSourceType": "json",
+        "slotPropMarkdown": false,
+        "x": 670,
+        "y": 3180,
+        "wires": [
+            [
+                "5c5965ac4682fc53"
+            ]
+        ]
+    },
+    {
+        "id": "130704c99e375d77",
+        "type": "inject",
+        "z": "ff1a7711.244f48",
+        "g": "e281d742284760a4",
+        "name": "Blank myvar3",
+        "props": [
+            {
+                "p": "_uib",
+                "v": "{\"command\":\"set\",\"prop\":\"myvar3\",\"value\":\"\"}",
+                "vt": "json"
+            }
+        ],
+        "repeat": "",
+        "crontab": "",
+        "once": false,
+        "onceDelay": 0.1,
+        "topic": "",
+        "x": 710,
+        "y": 3260,
+        "wires": [
+            [
+                "6a4c985e0fc73c31"
+            ]
+        ]
+    },
+    {
+        "id": "0e7d0e2fdb0cc462",
+        "type": "inject",
+        "z": "ff1a7711.244f48",
+        "g": "e281d742284760a4",
+        "name": "Random myvar3",
+        "props": [
+            {
+                "p": "_uib",
+                "v": "{\t   \"command\":\"set\",\t   \"prop\":\"myvar3\",\t   \"value\":$formatInteger($random() * 100, \"0\")\t}",
+                "vt": "jsonata"
+            }
+        ],
+        "repeat": "",
+        "crontab": "",
+        "once": false,
+        "onceDelay": 0.1,
+        "topic": "",
+        "x": 700,
+        "y": 3300,
+        "wires": [
+            [
+                "6a4c985e0fc73c31"
+            ]
+        ]
+    },
+    {
+        "id": "eeb24d2935b76147",
+        "type": "inject",
+        "z": "ff1a7711.244f48",
+        "g": "e281d742284760a4",
+        "name": "",
+        "props": [],
+        "repeat": "",
+        "crontab": "",
+        "once": false,
+        "onceDelay": 0.1,
+        "topic": "",
+        "x": 515,
+        "y": 3180,
+        "wires": [
+            [
+                "29f2d5712c08232b"
+            ]
+        ],
+        "l": false
+    },
+    {
+        "id": "a29c18dfe4a6926b",
+        "type": "comment",
+        "z": "ff1a7711.244f48",
+        "g": "e281d742284760a4",
+        "name": "Dynamic add HTML with 2 shown vars",
+        "info": "",
+        "x": 1070,
+        "y": 3120,
+        "wires": []
+    },
+    {
+        "id": "bebda3baf75a1209",
+        "type": "comment",
+        "z": "ff1a7711.244f48",
+        "g": "e281d742284760a4",
+        "name": "Add single shown vars dynamically",
+        "info": "",
+        "x": 1060,
+        "y": 3180,
+        "wires": []
+    },
+    {
+        "id": "f2591948e1dea11e",
+        "type": "comment",
+        "z": "ff1a7711.244f48",
+        "g": "e281d742284760a4",
+        "name": "Blank 3rd var",
+        "info": "",
+        "x": 990,
+        "y": 3260,
+        "wires": []
+    },
+    {
+        "id": "22c52f9ce8e9ea37",
+        "type": "comment",
+        "z": "ff1a7711.244f48",
+        "g": "e281d742284760a4",
+        "name": "Set 3rd var to random number",
+        "info": "",
+        "x": 1040,
+        "y": 3300,
+        "wires": []
+    },
+    {
+        "id": "5f237a9ee055b71d",
+        "type": "comment",
+        "z": "ff1a7711.244f48",
+        "g": "e281d742284760a4",
+        "name": "Set 2nd var to random number",
+        "info": "",
+        "x": 1040,
+        "y": 3340,
+        "wires": []
+    }
+]
diff --git a/front-end/ui.esm.min.js.map b/front-end/ui.esm.min.js.map
index 9dca91e4..cdb1266c 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-2023 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// ts-nocheck \n\nconst Ui = class Ui {\n    version = '6.6.0-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    window\n\n    /** Log function - passed in constructor or will be a dummy function\n     * @type {function}\n     */\n    static log\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        if (win) this.window = 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        this.document = this.window.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\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    // TODO Add multi-slot\n    /** Replace or add an HTML element's slot from text or an HTML string\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 {*} component The component we are trying to add/replace\n     */\n    replaceSlot(el, component) {\n        if (!component.slot) return\n        if (!el) return\n\n        // If DOMPurify is loaded, apply it now\n        if (this.window['DOMPurify']) component.slot = this.window['DOMPurify'].sanitize(component.slot)\n        // Set the component content to the msg.payload or the slot property\n        el.innerHTML = component.slot\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 (!this.window['markdownit']) return mdText\n\n        const opts = { // eslint-disable-line object-shorthand\n            html: true,\n            linkify: true,\n            _highlight: true,\n            langPrefix: 'language-',\n            highlight(str, lang) {\n                if (lang && this.window['hljs'] && this.window['hljs'].getLanguage(lang)) {\n                    try {\n                        return `<pre class=\"highlight\" data-language=\"${lang.toUpperCase()}\">\n                                <code class=\"language-${lang}\">${this.window['hljs'].highlightAuto(str).value}</code></pre>`\n                    } finally { } // eslint-disable-line no-empty\n                }\n                return `<pre class=\"highlight\"><code>${md.utils.escapeHtml(str)}</code></pre>`\n            },\n        }\n        const md = this.window['markdownit'](opts)\n        // Convert from markdown to HTML\n        return md.render(mdText)\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 (!this.window['DOMPurify']) return html\n        return this.window['DOMPurify'].sanitize(html, { ADD_TAGS: this.sanitiseExtraTags, ADD_ATTR: this.sanitiseExtraAttribs })\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    /** 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 = this.document.createElement('script')\n        newScript.src = url\n        newScript.async = false\n        this.document.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 = this.document.createElement('link')\n        newStyle.href = url\n        newStyle.rel = 'stylesheet'\n        newStyle.type = 'text/css'\n\n        this.document.head.appendChild(newStyle)\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 = this.document.createElement('script')\n        newScript.async = false\n        newScript.textContent = textFn\n        this.document.head.appendChild(newScript)\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 = this.document.createElement('style')\n        newStyle.textContent = textFn\n        this.document.head.appendChild(newStyle)\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 += msg.payload\n        if (ui.content) content += ui.content\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 = this.document.getElementById('toaster')\n        if (toaster === null) {\n            toaster = this.document.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            this.document.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 = this.document.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\n    } // --- End of showDialog ---\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                    ev.currentTarget.userAction = 'close'\n                    resolve(ev)\n                })\n                notify.addEventListener('click', ev => {\n                    ev.currentTarget.userAction = 'click'\n                    resolve(ev)\n                })\n                notify.addEventListener('error', ev => {\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    /** 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    /** 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    // 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\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                // 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            })\n        }\n\n        //#region Add Slot content to innerHTML\n        if (comp.slot) {\n            this.replaceSlot(el, comp)\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    uiEnhanceElement(el, comp) {\n        this._uiComposeComponent(el, comp)\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            } else if (compToAdd.ns === 'svg') {\n                newEl = this.document.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 = this.document.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    // 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 = this.document.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 = this.document.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 = this.document.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToAdd.ns = 'dom'\n                    newEl = this.document.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 = this.document.querySelector(compToAdd.parent)\n            } else if (ui.parent) {\n                elParent = this.document.querySelector(ui.parent)\n            }\n            if (!elParent) {\n                Ui.log('info', 'Ui:_uiAdd', 'No parent found, adding to body')()\n                elParent = this.document.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\n    } // --- end of _uiAdd ---\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 = [this.document.querySelector(compToRemove)]\n            else els = this.document.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 'this.document': '##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 = this.document.getElementById(compToReplace.id) // .querySelector(`#${compToReplace.id}`)\n            } else if (compToReplace.selector || compToReplace.select) {\n                elToReplace = this.document.querySelector(compToReplace.selector)\n            } else if (compToReplace.name) {\n                elToReplace = this.document.querySelector(`[name=\"${compToReplace.name}\"]`)\n            } else if (compToReplace.type) {\n                elToReplace = this.document.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 = this.document.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 = this.document.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToReplace.ns = 'dom'\n                    newEl = this.document.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\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:_uiManager:update', 'Starting _uiUpdate')()\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', `Component #${i}`, compToUpd)()\n\n            /** @type {NodeListOf<Element>} */\n            let elToUpd\n\n            // 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.id) {\n                // NB We don't use get by id because this way the code is simpler later on\n                elToUpd = this.document.querySelectorAll(`#${compToUpd.id}`)\n            } else if (compToUpd.selector || compToUpd.select) {\n                elToUpd = this.document.querySelectorAll(compToUpd.selector)\n            } else if (compToUpd.name) {\n                elToUpd = this.document.querySelectorAll(`[name=\"${compToUpd.name}\"]`)\n            } else if (compToUpd.type) {\n                elToUpd = this.document.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 => {\n                this._uiComposeComponent(el, compToUpd)\n            })\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToUpd.components) {\n                elToUpd.forEach(el => {\n                    Ui.log('trace', '_uiUpdate:components', 'el', el)()\n                    this._uiUpdate({\n                        method: ui.method,\n                        parentEl: el,\n                        components: compToUpd.components,\n                    })\n                })\n            }\n\n        })\n\n    } // --- end of _uiUpdate ---\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                await 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 a reload request */\n    _uiReload() {\n        Ui.log('trace', 'Ui:uiManager:reload', 'reloading')()\n        location.reload()\n    }\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.method) {\n                Ui.log('error', 'Ui:_uiManager', `No method defined for msg._ui[${i}]. Ignoring`)()\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\n    } // --- end of _uiManager ---\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 = this.document.querySelectorAll(`${cssSelector} li`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'DL') {\n            const listEntries = this.document.querySelectorAll(`${cssSelector} dt`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'TABLE') {\n            const bodyEntries = this.document.querySelectorAll(`${cssSelector} > tbody > tr`)\n            const headEntries = this.document.querySelectorAll(`${cssSelector} > thead > tr`)\n            const cols = this.document.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            }\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    /** 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>} */ (this.document.querySelectorAll(cssSelector))\n\n        const out = []\n\n        selection.forEach(node => {\n            // Specific property asked for ...\n            if (propName !== null && propName !== '') {\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                    // Nightmare of different object types in a DOM Element!\n                    if (prop.constructor.name === 'NamedNodeMap') { // Attributes\n                        const p = {}\n                        for (const key of prop) {\n                            // @ts-ignore\n                            p[key.name] = prop[key.name].value\n                        }\n                        out.push(p)\n                    } else if (!prop.constructor.name.toLowerCase().includes('map')) { // Ordinary properties\n                        out.push({\n                            [propName]: prop\n                        })\n                    } else { // Other MAP types\n                        const p = {}\n                        // @ts-ignore\n                        for (const key in prop) {\n                            p[key] = prop[key]\n                        }\n                        out.push(p)\n                    }\n                }\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    /** 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 (this.window['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 (this.window['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 (this.window['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\n    } // ---- End of include() ---- //\n}\n\nmodule.exports = Ui\n// window['ui'] = new Ui()\n// export Ui\n"],
-  "mappings": "84BAAA,IAAAA,EAAAC,EAAA,CAAAC,EAAAC,IAAA,KAAAC,EAwBMC,GAAKD,EAAA,KAAS,CAqBhB,YAAYE,EAAKC,EAAQC,EAAe,CApBxCC,EAAA,eAAU,aAGVA,EAAA,yBAAoB,CAAC,SAAS,GAC9BA,EAAA,4BAAuB,CAAC,WAAY,SAAU,WAAW,GAIzDA,EAAA,eAeI,GAAIH,EAAK,KAAK,OAASA,MAInB,OAAM,IAAI,MAAM,6FAA6F,EAIjH,KAAK,SAAW,KAAK,OAAO,SAGxBC,EAAQH,EAAG,IAAMG,EAChBH,EAAG,IAAM,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC,EAGxCI,EAAe,KAAK,gBAAkBA,EACrC,KAAK,gBAAkB,UAAU,CAAC,CAC3C,CAKA,GAAGE,EAAM,CAEL,IAAIC,EAAM,CAAC,EACPD,EAAK,IAAKC,EAAMD,EACfC,EAAI,IAAMD,EAEf,KAAK,WAAWC,CAAG,CACvB,CASA,YAAYC,EAAIC,EAAW,CAClBA,EAAU,MACVD,IAGD,KAAK,OAAO,YAAcC,EAAU,KAAO,KAAK,OAAO,UAAa,SAASA,EAAU,IAAI,GAE/FD,EAAG,UAAYC,EAAU,KAC7B,CAOA,gBAAgBC,EAAQ,CACpB,GAAI,CAACA,EAAQ,MAAO,GACpB,GAAI,CAAC,KAAK,OAAO,WAAe,OAAOA,EAEvC,IAAMC,EAAO,CACT,KAAM,GACN,QAAS,GACT,WAAY,GACZ,WAAY,YACZ,UAAUC,EAAKC,EAAM,CACjB,GAAIA,GAAQ,KAAK,OAAO,MAAW,KAAK,OAAO,KAAQ,YAAYA,CAAI,EACnE,GAAI,CACA,MAAO,yCAAyC,OAAAA,EAAK,YAAY,EAAC,8DAClC,OAAAA,EAAI,MAAK,YAAK,OAAO,KAAQ,cAAcD,CAAG,EAAE,MAAK,gBACzF,QAAE,CAAU,CAEhB,MAAO,gCAAgC,OAAAE,EAAG,MAAM,WAAWF,CAAG,EAAC,gBACnE,CACJ,EACME,EAAK,KAAK,OAAO,WAAcH,CAAI,EAEzC,OAAOG,EAAG,OAAOJ,CAAM,CAC3B,CAOA,aAAaK,EAAM,CACf,OAAK,KAAK,OAAO,UACV,KAAK,OAAO,UAAa,SAASA,EAAM,CAAE,SAAU,KAAK,kBAAmB,SAAU,KAAK,oBAAqB,CAAC,EADlFA,CAE1C,CAQA,oBAAoBP,EAAIC,EAAW,CAC1BD,GACAC,EAAU,eAGfA,EAAU,aAAe,KAAK,gBAAgBA,EAAU,YAAY,EAEpEA,EAAU,aAAe,KAAK,aAAaA,EAAU,YAAY,EAEjED,EAAG,UAAYC,EAAU,aAC7B,CAOA,cAAcO,EAAK,CACf,IAAMC,EAAY,KAAK,SAAS,cAAc,QAAQ,EACtDA,EAAU,IAAMD,EAChBC,EAAU,MAAQ,GAClB,KAAK,SAAS,KAAK,YAAYA,CAAS,CAC5C,CAOA,aAAaD,EAAK,CACd,IAAME,EAAW,KAAK,SAAS,cAAc,MAAM,EACnDA,EAAS,KAAOF,EAChBE,EAAS,IAAM,aACfA,EAAS,KAAO,WAEhB,KAAK,SAAS,KAAK,YAAYA,CAAQ,CAC3C,CAOA,cAAcC,EAAQ,CAClB,IAAMF,EAAY,KAAK,SAAS,cAAc,QAAQ,EACtDA,EAAU,MAAQ,GAClBA,EAAU,YAAcE,EACxB,KAAK,SAAS,KAAK,YAAYF,CAAS,CAC5C,CAOA,aAAaE,EAAQ,CACjB,IAAMD,EAAW,KAAK,SAAS,cAAc,OAAO,EACpDA,EAAS,YAAcC,EACvB,KAAK,SAAS,KAAK,YAAYD,CAAQ,CAC3C,CAWA,WAAWE,EAAMC,EAAId,EAAK,CAItB,IAAIe,EAAU,GAKd,GAHIf,EAAI,SAAW,OAAOA,EAAI,SAAY,WAAUe,GAAWf,EAAI,SAC/Dc,EAAG,UAASC,GAAWD,EAAG,SAE1BC,IAAY,GAAI,CAChBtB,EAAG,IAAI,EAAG,gBAAiB,oCAAoC,EAAE,EACjE,MACJ,CAGI,CAACqB,EAAG,OAASd,EAAI,QAAOc,EAAG,MAAQd,EAAI,OACvCc,EAAG,QAAOC,EAAU,yBAAyB,OAAAD,EAAG,MAAK,WAAU,OAAAC,EAAO,SAMtED,EAAG,aAAYA,EAAG,WAAaA,EAAG,YAClCA,EAAG,aAAYA,EAAG,SAAW,CAACA,EAAG,YAEjCA,EAAG,eACEA,EAAG,WAAUA,EAAG,SAAW,IAChCA,EAAG,MAAQA,EAAG,eACXA,EAAG,cAAgB,IACrB,OAAO,UAAU,eAAe,KAAKA,EAAI,UAAU,IAAGA,EAAG,SAAW,IAErED,IAAS,UACTC,EAAG,MAAQ,GACXA,EAAG,SAAW,GACdC,EAAU,ymBAAymB,OAAAA,IAMvnB,IAAIC,EAAU,KAAK,SAAS,eAAe,SAAS,EAChDA,IAAY,OACZA,EAAU,KAAK,SAAS,cAAc,KAAK,EAC3CA,EAAQ,GAAK,UACbA,EAAQ,MAAQ,kCAChBA,EAAQ,aAAa,QAAS,SAAS,EACvCA,EAAQ,aAAa,OAAQ,QAAQ,EACrCA,EAAQ,aAAa,cAAe,eAAe,EACnDA,EAAQ,QAAU,UAAY,CAE1BA,EAAQ,OAAO,CACnB,EACA,KAAK,SAAS,KAAK,sBAAsB,aAAcA,CAAO,GAIlE,IAAMC,EAAQ,KAAK,SAAS,cAAc,KAAK,EAC/CA,EAAM,MAAQ,kCACdA,EAAM,aAAa,QAAS,SAAS,OAAAH,EAAG,QAAUA,EAAG,QAAU,GAAE,KAAI,OAAAD,EAAM,EAC3EI,EAAM,UAAYF,EAClBE,EAAM,aAAa,OAAQ,aAAa,EACpCH,EAAG,OAAOG,EAAM,aAAa,aAAcH,EAAG,KAAK,EACvDG,EAAM,QAAU,SAAUC,EAAK,CAC3BA,EAAI,gBAAgB,EACpBD,EAAM,OAAO,EAETD,EAAQ,kBAAoB,GAAGA,EAAQ,OAAO,CACtD,EAQAA,EAAQ,sBAAsBF,EAAG,cAAgB,GAAO,YAAc,aAAcG,CAAK,EAGrFH,EAAG,WAAa,IAChB,YAAY,IAAM,CACdG,EAAM,OAAO,EAETD,EAAQ,kBAAoB,GAAGA,EAAQ,OAAO,CACtD,EAAGF,EAAG,aAAa,CAG3B,CAMA,kBAAkBK,EAAQ,CACjBA,EAAO,OAAS,CAACA,EAAO,QAAQA,EAAO,MAAQA,EAAO,OACrDA,EAAO,QAAQA,EAAO,MAAQ,0BAC/BA,EAAO,SAAW,CAACA,EAAO,OAAOA,EAAO,KAAOA,EAAO,SACrDA,EAAO,OAAOA,EAAO,KAAO,sBAElC,GAAI,CACA,IAAMC,EAAS,IAAI,aAAaD,EAAO,MAAOA,CAAM,EACpD,OAAO,IAAI,QAAS,CAACE,EAASC,IAAW,CAErCF,EAAO,iBAAiB,QAASG,GAAM,CACnCA,EAAG,cAAc,WAAa,QAC9BF,EAAQE,CAAE,CACd,CAAC,EACDH,EAAO,iBAAiB,QAASG,GAAM,CACnCA,EAAG,cAAc,WAAa,QAC9BF,EAAQE,CAAE,CACd,CAAC,EACDH,EAAO,iBAAiB,QAASG,GAAM,CACnCA,EAAG,cAAc,WAAa,QAC9BD,EAAOC,CAAE,CACb,CAAC,CACL,CAAC,CACL,MAAY,CACR,OAAO,QAAQ,OAAO,IAAI,MAAM,0CAA0C,CAAC,CAC/E,CACJ,CASA,MAAM,aAAaJ,EAAQ,CAKvB,GAJI,OAAOA,GAAW,WAClBA,EAAS,CAAE,KAAMA,CAAO,GAGxB,OAAO,aAAiB,IAAa,OAAO,QAAQ,OAAO,IAAI,MAAM,6CAA6C,CAAC,EAEvH,IAAIK,EAAS,aAAa,WAC1B,OAAIA,IAAW,SACJ,QAAQ,OAAO,IAAI,MAAM,qCAAqC,CAAC,EAC/DA,IAAW,UACX,KAAK,kBAAkBL,CAAM,GAEpCK,EAAS,MAAM,aAAa,kBAAkB,EAC1CA,IAAW,UACJ,KAAK,kBAAkBL,CAAM,EAEjC,QAAQ,OAAO,IAAI,MAAM,qCAAqC,CAAC,EAE9E,CAKA,OAAOV,EAAK,CACR,GAAI,CAAC,MAAO,CACRhB,EAAG,IAAI,EAAG,YAAa,yDAAyD,EAAE,EAClF,MACJ,CACA,GAAI,CAACgB,EAAK,CACNhB,EAAG,IAAI,EAAG,YAAa,2CAA2C,EAAE,EACpE,MACJ,CAEA,MAAMgB,CAAG,EACJ,KAAKgB,GAAY,CACd,GAAIA,EAAS,KAAO,GAEhB,MAAM,IAAI,MAAM,mBAAmB,OAAAhB,EAAG,cAAa,OAAAgB,EAAS,OAAM,aAAY,OAAAA,EAAS,WAAY,EAGvGhC,EAAG,IAAI,QAAS,kBAAmB,WAAW,OAAAgB,EAAG,cAAa,OAAAgB,EAAS,OAAM,MAAK,OAAAA,EAAS,WAAY,EAAE,EAEzG,IAAMC,EAAcD,EAAS,QAAQ,IAAI,cAAc,EACvD,GAAI,CAACC,GAAe,CAACA,EAAY,SAAS,kBAAkB,EACxD,MAAM,IAAI,UAAU,UAAU,OAAAjB,EAAG,kCAAiC,EAGtE,OAAOgB,EAAS,KAAK,CACzB,CAAC,EACA,KAAKE,GACEA,IAAS,QACTlC,EAAG,IAAI,QAAS,kBAAmB,mCAAmC,EAAE,EAExE,KAAK,WAAW,CAAE,IAAKkC,CAAK,CAAC,EACtB,IAEJ,EACV,EACA,MAAMC,GAAO,CACVnC,EAAG,IAAI,OAAQ,kBAAmB,UAAWmC,CAAG,EAAE,CACtD,CAAC,CACT,CAgBA,oBAAoB3B,EAAI4B,EAAM,CAEtBA,EAAK,YACL,OAAO,KAAKA,EAAK,UAAU,EAAE,QAASC,GAAW,CAEzCA,IAAW,UAAS7B,EAAG,MAAQ4B,EAAK,WAAWC,CAAM,GAErDA,EAAO,WAAW,QAAQ,EAAG7B,EAAG,eAAe,+BAAgC6B,EAAQD,EAAK,WAAWC,CAAM,CAAC,EAC7G7B,EAAG,aAAa6B,EAAQD,EAAK,WAAWC,CAAM,CAAC,CACxD,CAAC,EAIDD,EAAK,IAAI5B,EAAG,aAAa,KAAM4B,EAAK,EAAE,EAGtCA,EAAK,OAAS,QACd5B,EAAG,eAAe,gCAAiC,QAAS,4BAA4B,EACxFA,EAAG,eAAe,gCAAiC,cAAe,8BAA8B,GAIhG4B,EAAK,QACL,OAAO,KAAKA,EAAK,MAAM,EAAE,QAAShB,GAAS,CAEnCA,EAAK,cAAgB,YAAWA,EAAO,SAE3C,GAAI,CACAZ,EAAG,iBAAiBY,EAAOK,GAAQ,CAE9B,IAAI,SAAS,MAAO,GAAG,OAAAW,EAAK,OAAOhB,CAAI,EAAC,QAAO,EAAGK,CAAG,CAC1D,CAAC,CAEL,OAASU,EAAK,CACVnC,EAAG,IAAI,QAAS,yBAA0B,cAAc,OAAAoB,EAAI,mBAAkB,OAAAgB,EAAK,KAAI,iCAAgC,OAAAD,EAAI,QAAS,EAAE,CAC1I,CACJ,CAAC,EAIDC,EAAK,YACL,OAAO,KAAKA,EAAK,UAAU,EAAE,QAASE,GAAS,CAE3C9B,EAAG8B,CAAI,EAAIF,EAAK,WAAWE,CAAI,CACnC,CAAC,EAIDF,EAAK,MACL,KAAK,YAAY5B,EAAI4B,CAAI,EAOzBA,EAAK,cACL,KAAK,oBAAoB5B,EAAI4B,CAAI,CAGzC,CAEA,iBAAiB5B,EAAI4B,EAAM,CACvB,KAAK,oBAAoB5B,EAAI4B,CAAI,CACrC,CAQA,YAAYG,EAAUC,EAAYC,EAAK,GAAI,CACvCD,EAAW,QAAQ,CAACE,EAAWC,IAAM,CACjC3C,EAAG,IAAI,QAAS,qCAAqC,OAAA2C,GAAKD,CAAS,EAAE,EAGrE,IAAIE,EAEJF,EAAU,GAAKD,EAEXC,EAAU,KAAO,QACjBE,EAAQL,EAERA,EAAS,UAAYG,EAAU,MACxBA,EAAU,KAAO,OACxBE,EAAQ,KAAK,SAAS,gBAAgB,6BAA8BF,EAAU,IAAI,EAElF,KAAK,oBAAoBE,EAAOF,CAAS,EACzCH,EAAS,YAAYK,CAAK,IAE1BA,EAAQ,KAAK,SAAS,cAAcF,EAAU,OAAS,OAAS,MAAQA,EAAU,IAAI,EAEtF,KAAK,oBAAoBE,EAAOF,CAAS,EACzCH,EAAS,YAAYK,CAAK,GAI1BF,EAAU,YACV,KAAK,YAAYE,EAAOF,EAAU,WAAYA,EAAU,EAAE,CAElE,CAAC,CACL,CA+BA,OAAOrB,EAAIwB,EAAW,CAClB7C,EAAG,IAAI,QAAS,oBAAqB,iBAAiB,EAAE,EAQxDqB,EAAG,WAAW,QAAQ,CAACqB,EAAWC,IAAM,CACpC3C,EAAG,IAAI,QAAS,gCAAgC,OAAA2C,GAAK,qBAAsBD,CAAS,EAAE,EAGtF,IAAIE,EACJ,OAAQF,EAAU,KAAM,CAEpB,IAAK,OAAQ,CACTA,EAAU,GAAK,OACfE,EAAQ,KAAK,SAAS,cAAc,KAAK,EACzC,KACJ,CAGA,IAAK,MAAO,CACRF,EAAU,GAAK,MACfE,EAAQ,KAAK,SAAS,gBAAgB,6BAA8B,KAAK,EACzE,KACJ,CAEA,QAAS,CACLF,EAAU,GAAK,MACfE,EAAQ,KAAK,SAAS,cAAcF,EAAU,IAAI,EAClD,KACJ,CACJ,CAEI,CAACA,EAAU,MAAQrB,EAAG,UAASqB,EAAU,KAAOrB,EAAG,SAMvD,KAAK,oBAAoBuB,EAAOF,CAAS,EAGzC,IAAII,EACAJ,EAAU,SACVI,EAAWJ,EAAU,SACdrB,EAAG,SACVyB,EAAWzB,EAAG,SACPqB,EAAU,OACjBI,EAAW,KAAK,SAAS,cAAcJ,EAAU,MAAM,EAChDrB,EAAG,SACVyB,EAAW,KAAK,SAAS,cAAczB,EAAG,MAAM,GAE/CyB,IACD9C,EAAG,IAAI,OAAQ,YAAa,iCAAiC,EAAE,EAC/D8C,EAAW,KAAK,SAAS,cAAc,MAAM,GAG7CJ,EAAU,UAAYA,EAAU,WAAa,QAE7CI,EAAS,aAAaF,EAAOE,EAAS,UAAU,EACzCJ,EAAU,UAAY,OAAO,UAAU,OAAOA,EAAU,QAAQ,CAAC,EACxEI,EAAS,aAAaF,EAAOE,EAAS,SAASJ,EAAU,QAAQ,CAAC,EAGlEI,EAAS,YAAYF,CAAK,EAI1BF,EAAU,YAMV,KAAK,YAAYE,EAAOF,EAAU,WAAYA,EAAU,EAAE,CAElE,CAAC,CAEL,CAOA,UAAUrB,EAAI0B,EAAM,GAAO,CACvB1B,EAAG,WAAW,QAAS2B,GAAiB,CACpC,IAAIC,EACAF,IAAQ,GAAME,EAAM,CAAC,KAAK,SAAS,cAAcD,CAAY,CAAC,EAC7DC,EAAM,KAAK,SAAS,iBAAiBD,CAAY,EAEtDC,EAAI,QAAQzC,GAAM,CACd,GAAI,CACAA,EAAG,OAAO,CACd,OAAS2B,EAAK,CAGVnC,EAAG,IAAI,QAAS,eAAgB,qBAAqB,OAAAmC,EAAI,QAAS,EAAE,CACxE,CACJ,CAAC,CACL,CAAC,CACL,CAKA,WAAWd,EAAI,CACXrB,EAAG,IAAI,QAAS,gBAAiB,UAAU,EAAE,EAE7CqB,EAAG,WAAW,QAAQ,CAAC6B,EAAqC,IAAM,CAC9DlD,EAAG,IAAI,QAAS,oCAAoC,UAAK,yBAA0BkD,CAAa,EAAE,EAGlG,IAAIC,EAgBJ,GAbID,EAAc,GACdC,EAAc,KAAK,SAAS,eAAeD,EAAc,EAAE,EACpDA,EAAc,UAAYA,EAAc,OAC/CC,EAAc,KAAK,SAAS,cAAcD,EAAc,QAAQ,EACzDA,EAAc,KACrBC,EAAc,KAAK,SAAS,cAAc,UAAU,OAAAD,EAAc,KAAI,KAAI,EACnEA,EAAc,OACrBC,EAAc,KAAK,SAAS,cAAcD,EAAc,IAAI,GAGhElD,EAAG,IAAI,QAAS,oCAAoC,UAAK,uBAAwBmD,CAAW,EAAE,EAG7DA,GAAgB,KAAM,CACnDnD,EAAG,IAAI,QAAS,oCAAoC,SAAC,cAAc,+CAAgDkD,CAAa,EAAE,EAClI,KAAK,OAAO,CAAE,WAAY,CAACA,CAAa,CAAE,EAAG,EAAK,EAClD,MACJ,CAGA,IAAIN,EACJ,OAAQM,EAAc,KAAM,CAExB,IAAK,OAAQ,CACTA,EAAc,GAAK,OACnBN,EAAQ,KAAK,SAAS,cAAc,KAAK,EACzC,KACJ,CAGA,IAAK,MAAO,CACRM,EAAc,GAAK,MACnBN,EAAQ,KAAK,SAAS,gBAAgB,6BAA8B,KAAK,EACzE,KACJ,CAEA,QAAS,CACLM,EAAc,GAAK,MACnBN,EAAQ,KAAK,SAAS,cAAcM,EAAc,IAAI,EACtD,KACJ,CACJ,CAGA,KAAK,oBAAoBN,EAAOM,CAAa,EAG7CC,EAAY,YAAYP,CAAK,EAGzBM,EAAc,YACd,KAAK,YAAYN,EAAOM,EAAc,WAAYA,EAAc,EAAE,CAE1E,CAAC,CAEL,CAQA,UAAU7B,EAAI,CACVrB,EAAG,IAAI,QAAS,uBAAwB,oBAAoB,EAAE,EAGzDqB,EAAG,aAAYA,EAAG,WAAa,CAAC,OAAO,OAAO,CAAC,EAAGA,CAAE,CAAC,GAE1DA,EAAG,WAAW,QAAQ,CAAC+B,EAAW,IAAM,CACpCpD,EAAG,IAAI,QAAS,+BAAgC,cAAc,UAAKoD,CAAS,EAAE,EAG9E,IAAIC,EAeJ,GAZID,EAAU,GAEVC,EAAU,KAAK,SAAS,iBAAiB,IAAI,OAAAD,EAAU,GAAI,EACpDA,EAAU,UAAYA,EAAU,OACvCC,EAAU,KAAK,SAAS,iBAAiBD,EAAU,QAAQ,EACpDA,EAAU,KACjBC,EAAU,KAAK,SAAS,iBAAiB,UAAU,OAAAD,EAAU,KAAI,KAAI,EAC9DA,EAAU,OACjBC,EAAU,KAAK,SAAS,iBAAiBD,EAAU,IAAI,GAIvDC,IAAY,QAAaA,EAAQ,OAAS,EAAG,CAC7CrD,EAAG,IAAI,OAAQ,uBAAwB,yCAA0CoD,CAAS,EAAE,EAC5F,MACJ,CAEApD,EAAG,IAAI,QAAS,+BAAgC,gCAAgC,OAAAqD,EAAQ,QAAUA,CAAO,EAAE,EAGvG,CAACD,EAAU,MAAQA,EAAU,UAASA,EAAU,KAAOA,EAAU,SAGrEC,EAAQ,QAAQ7C,GAAM,CAClB,KAAK,oBAAoBA,EAAI4C,CAAS,CAC1C,CAAC,EAGGA,EAAU,YACVC,EAAQ,QAAQ7C,GAAM,CAClBR,EAAG,IAAI,QAAS,uBAAwB,KAAMQ,CAAE,EAAE,EAClD,KAAK,UAAU,CACX,OAAQa,EAAG,OACX,SAAUb,EACV,WAAY4C,EAAU,UAC1B,CAAC,CACL,CAAC,CAGT,CAAC,CAEL,CAOA,QAAQ/B,EAAI,CAGJA,EAAG,aACE,MAAM,QAAQA,EAAG,UAAU,IAAGA,EAAG,WAAa,CAACA,EAAG,UAAU,GAEjEA,EAAG,WAAW,QAAQ,MAAMZ,GAAa,CACrC,MAAM,2BAAO6C,EAAPC,EAAO9C,CAAS,GAC1B,CAAC,GAGDY,EAAG,aACE,MAAM,QAAQA,EAAG,UAAU,IAAGA,EAAG,WAAa,CAACA,EAAG,UAAU,GAEjEA,EAAG,WAAW,QAAQmC,GAAU,CAC5B,KAAK,cAAcA,CAAM,CAC7B,CAAC,GAGDnC,EAAG,aACE,MAAM,QAAQA,EAAG,UAAU,IAAGA,EAAG,WAAa,CAACA,EAAG,UAAU,GAEjE,KAAK,cAAcA,EAAG,WAAW,KAAK,IAAI,CAAC,GAG3CA,EAAG,YACE,MAAM,QAAQA,EAAG,SAAS,IAAGA,EAAG,UAAY,CAACA,EAAG,SAAS,GAE9DA,EAAG,UAAU,QAAQoC,GAAS,CAC1B,KAAK,aAAaA,CAAK,CAC3B,CAAC,GAGDpC,EAAG,YACE,MAAM,QAAQA,EAAG,SAAS,IAAGA,EAAG,UAAY,CAACA,EAAG,SAAS,GAE9D,KAAK,aAAaA,EAAG,UAAU,KAAK,IAAI,CAAC,EAGjD,CAGA,WAAY,CACRrB,EAAG,IAAI,QAAS,sBAAuB,WAAW,EAAE,EACpD,SAAS,OAAO,CACpB,CAMA,WAAWO,EAAK,CACPA,EAAI,MAGJ,MAAM,QAAQA,EAAI,GAAG,IAAGA,EAAI,IAAM,CAACA,EAAI,GAAG,GAE/CA,EAAI,IAAI,QAAQ,CAACc,EAAI,IAAM,CACvB,GAAI,CAACA,EAAG,OAAQ,CACZrB,EAAG,IAAI,QAAS,gBAAiB,iCAAiC,SAAC,cAAa,EAAE,EAClF,MACJ,CAIA,OAFAqB,EAAG,QAAUd,EAAI,QACjBc,EAAG,MAAQd,EAAI,MACPc,EAAG,OAAQ,CACf,IAAK,MAAO,CACR,KAAK,OAAOA,EAAI,EAAK,EACrB,KACJ,CAEA,IAAK,SAAU,CACX,KAAK,UAAUA,EAAI,EAAK,EACxB,KACJ,CAEA,IAAK,YAAa,CACd,KAAK,UAAUA,EAAI,EAAI,EACvB,KACJ,CAEA,IAAK,UAAW,CACZ,KAAK,WAAWA,CAAE,EAClB,KACJ,CAEA,IAAK,SAAU,CACX,KAAK,UAAUA,CAAE,EACjB,KACJ,CAEA,IAAK,OAAQ,CACT,KAAK,QAAQA,CAAE,EACf,KACJ,CAEA,IAAK,SAAU,CACX,KAAK,UAAU,EACf,KACJ,CAEA,IAAK,SAAU,CACX,KAAK,WAAW,SAAUA,EAAId,CAAG,EACjC,KACJ,CAEA,IAAK,QAAS,CACV,KAAK,WAAW,QAASc,EAAId,CAAG,EAChC,KACJ,CAEA,QAAS,CACLP,EAAG,IAAI,QAAS,gBAAiB,mBAAmB,SAAC,cAAa,OAAAqB,EAAG,OAAM,cAAa,EAAE,EAC1F,KACJ,CACJ,CACJ,CAAC,EAEL,CAOA,QAAQqC,EAAMC,EAAa,CACvB,IAAMC,EAAU,CACZ,GAAIF,EAAK,KAAO,GAAK,OAAYA,EAAK,GACtC,KAAMA,EAAK,KACX,SAAUA,EAAK,WAAW,OAC1B,KAAMA,EAAK,SACX,WAAY,OAEZ,YAAa,EAAAA,EAAK,SAClB,UAAYA,EAAK,SAAuB,CACpC,MAAOA,EAAK,MACZ,SAAU,OACV,aAAcA,EAAK,aACnB,YAAaA,EAAK,YAClB,cAAeA,EAAK,cACpB,KAAMA,EAAK,IACf,EAP4B,MAQhC,EAEA,GAAI,CAAC,KAAM,IAAI,EAAE,SAASA,EAAK,QAAQ,EAAG,CACtC,IAAMG,EAAc,KAAK,SAAS,iBAAiB,GAAG,OAAAF,EAAW,MAAK,EAClEE,IACAD,EAAQ,KAAO,CACX,QAAWC,EAAY,MAC3B,EAER,CACA,GAAIH,EAAK,WAAa,KAAM,CACxB,IAAMG,EAAc,KAAK,SAAS,iBAAiB,GAAG,OAAAF,EAAW,MAAK,EAClEE,IACAD,EAAQ,KAAO,CACX,QAAWC,EAAY,MAC3B,EAER,CACA,GAAIH,EAAK,WAAa,QAAS,CAC3B,IAAMI,EAAc,KAAK,SAAS,iBAAiB,GAAG,OAAAH,EAAW,gBAAe,EAC1EI,EAAc,KAAK,SAAS,iBAAiB,GAAG,OAAAJ,EAAW,gBAAe,EAC1EK,EAAO,KAAK,SAAS,iBAAiB,GAAG,OAAAL,EAAW,+BAA8B,GACpFG,GAAeC,GAAeC,KAC9BJ,EAAQ,MAAQ,CACZ,SAAYG,EAAcA,EAAY,OAAS,EAC/C,SAAYD,EAAcA,EAAY,OAAS,EAC/C,QAAWE,EAAOA,EAAK,OAAS,CACpC,EAER,CACA,GAAIN,EAAK,WAAa,SAAWA,EAAK,YAAcA,EAAK,WAAW,OAAS,EAAG,CAC5EE,EAAQ,WAAa,CAAC,EAEtB,QAAWvB,KAAUqB,EAAK,WAClBrB,EAAO,OAAS,OAChBuB,EAAQ,WAAWvB,EAAO,IAAI,EAAIqB,EAAK,WAAWrB,EAAO,IAAI,EAAE,MAG3E,CACIqB,EAAK,WAAa,UAClBE,EAAQ,KAAOF,EAAK,aAEpBA,EAAK,WAAUE,EAAQ,UAAU,SAAW,CAAC,GACjD,QAAWK,KAAKP,EAAK,SACjBE,EAAQ,UAAU,SAASK,CAAC,EAAIP,EAAK,SAASO,CAAC,EAGnD,OAAOL,CACX,CAOA,MAAMD,EAAaO,EAAW,KAAM,CAEhC,IAAMC,EAAyD,KAAK,SAAS,iBAAiBR,CAAW,EAEnGS,EAAM,CAAC,EAEb,OAAAD,EAAU,QAAQT,GAAQ,CAEtB,GAAIQ,IAAa,MAAQA,IAAa,GAAI,CAEtC,IAAI5B,EAAOoB,EAAK,aAAaQ,CAAQ,EAErC,GAA0B5B,GAAS,KAC/B,GAAI,CACAA,EAAOoB,EAAKQ,CAAQ,CACxB,MAAgB,CAAC,CAGrB,GAA0B5B,GAAS,KAE3B4B,EAAS,YAAY,IAAM,QAASE,EAAI,KAAKV,EAAK,SAAS,EAC1DU,EAAI,KAAK,aAAa,OAAAF,EAAQ,cAAa,UAG5C5B,EAAK,YAAY,OAAS,eAAgB,CAC1C,IAAM+B,EAAI,CAAC,EACX,QAAWC,KAAOhC,EAEd+B,EAAEC,EAAI,IAAI,EAAIhC,EAAKgC,EAAI,IAAI,EAAE,MAEjCF,EAAI,KAAKC,CAAC,CACd,SAAW,CAAC/B,EAAK,YAAY,KAAK,YAAY,EAAE,SAAS,KAAK,EAC1D8B,EAAI,KAAK,CACL,CAACF,CAAQ,EAAG5B,CAChB,CAAC,MACE,CACH,IAAM+B,EAAI,CAAC,EAEX,QAAWC,KAAOhC,EACd+B,EAAEC,CAAG,EAAIhC,EAAKgC,CAAG,EAErBF,EAAI,KAAKC,CAAC,CACd,CAGR,MACID,EAAI,KAAK,KAAK,QAAQV,EAAMC,CAAW,CAAC,CAEhD,CAAC,EAEMS,CACX,CAWA,MAAM,QAAQpD,EAAKuD,EAAW,CAE1B,GAAI,CAAC,MACD,OAAAvE,EAAG,IAAI,EAAG,aAAc,yDAAyD,EAAE,EAC5E,0DAEX,GAAI,CAACgB,EACD,OAAAhB,EAAG,IAAI,EAAG,aAAc,2CAA2C,EAAE,EAC9D,4CAEX,GAAI,CAACuE,GAAa,CAACA,EAAU,GACzB,OAAAvE,EAAG,IAAI,EAAG,aAAc,4FAA4F,EAAE,EAC/G,6FAIX,IAAIgC,EACJ,GAAI,CACAA,EAAW,MAAM,MAAMhB,CAAG,CAC9B,OAASwD,EAAO,CACZ,OAAAxE,EAAG,IAAI,EAAG,aAAc,kBAAkB,OAAAgB,EAAG,cAAcwD,EAAM,OAAO,EAAE,EACnEA,EAAM,OACjB,CACA,GAAI,CAACxC,EAAS,GACV,OAAAhC,EAAG,IAAI,EAAG,aAAc,kBAAkB,OAAAgB,EAAG,sBAAqB,OAAAgB,EAAS,WAAU,IAAG,EAAE,EACnFA,EAAS,WAIpB,IAAMC,EAAc,MAAMD,EAAS,QAAQ,IAAI,cAAc,EACzDZ,EAAO,KACPa,IACIA,EAAY,SAAS,WAAW,EAChCb,EAAO,OACAa,EAAY,SAAS,kBAAkB,EAC9Cb,EAAO,OACAa,EAAY,SAAS,qBAAqB,EACjDb,EAAO,OACAa,EAAY,SAAS,QAAQ,EACpCb,EAAO,QACAa,EAAY,SAAS,QAAQ,EACpCb,EAAO,QACAa,EAAY,SAAS,iBAAiB,EAC7Cb,EAAO,MACAa,EAAY,SAAS,YAAY,IACxCb,EAAO,SAKf,IAAIqD,EAAO,GACPC,EAAY,qBACZxC,EACJ,OAAQd,EAAM,CACV,IAAK,OAAQ,CACTc,EAAO,MAAMF,EAAS,KAAK,EAC3ByC,EAAOvC,EACP,KACJ,CAEA,IAAK,OAAQ,CACTA,EAAO,MAAMF,EAAS,KAAK,EAC3ByC,EAAO,iCACPA,GAAQ,KAAK,gBAAgBvC,CAAI,EACjCuC,GAAQ,SACR,KACJ,CAEA,IAAK,OAAQ,CACTvC,EAAO,MAAMF,EAAS,SAAS,EAC/ByC,EAAO,iCACPA,GAAQ,KAAK,gBAAgBvC,CAAI,EACjCuC,GAAQ,SACR,KACJ,CAEA,IAAK,QAAS,CACVvC,EAAO,MAAMF,EAAS,KAAK,EAC3ByC,EAAO,aAAa,WAAI,gBAAgBvC,CAAI,EAAC,MACzC,KAAK,OAAO,YACZwC,EAAY,oEACZ1E,EAAG,IAAI,OAAQ,mBAAoB0E,CAAS,EAAE,GAElD,KACJ,CAEA,IAAK,QAAS,CACVxC,EAAO,MAAMF,EAAS,KAAK,EAC3ByC,EAAO,yCAAyC,WAAI,gBAAgBvC,CAAI,EAAC,cACrE,KAAK,OAAO,YACZwC,EAAY,oEACZ1E,EAAG,IAAI,OAAQ,mBAAoB0E,CAAS,EAAE,GAElD,KACJ,CAEA,IAAK,MACL,IAAK,OACL,QAAS,CACLxC,EAAO,MAAMF,EAAS,KAAK,EAC3ByC,EAAO,kEAAkE,WAAI,gBAAgBvC,CAAI,EAAC,MAC9F,KAAK,OAAO,YACZwC,EAAY,oEACZ1E,EAAG,IAAI,OAAQ,cAAc,OAAAoB,GAAQsD,CAAS,EAAE,GAEpD,KACJ,CACJ,CAGA,OAAAH,EAAU,KAAO,MACjBA,EAAU,KAAOE,EACZF,EAAU,SAAQA,EAAU,OAAS,QACrCA,EAAU,aAAYA,EAAU,WAAa,CAAE,MAAO,UAAW,GAGtE,KAAK,WAAW,CACZ,WAAY,CACRA,CACJ,CACJ,CAAC,EAEDvE,EAAG,IAAI,QAAS,cAAc,OAAAoB,GAAQsD,CAAS,EAAE,EAC1CA,CAEX,CACJ,EAnnCIrE,EAdOL,EAcA,OAdAA,GAmoCXD,EAAO,QAAUE",
+  "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-2023 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\nconst Ui = class Ui {\n    version = '6.6.0-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    window\n\n    /** Log function - passed in constructor or will be a dummy function\n     * @type {function}\n     */\n    static log\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        if (win) this.window = 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        this.document = this.window.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\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    // TODO Add multi-slot\n    /** Replace or add an HTML element's slot from text or an HTML string\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 {*} component The component we are trying to add/replace\n     */\n    replaceSlot(el, component) {\n        if (!component.slot) return\n        if (!el) return\n\n        // If DOMPurify is loaded, apply it now\n        if (this.window['DOMPurify']) component.slot = this.window['DOMPurify'].sanitize(component.slot)\n        // Set the component content to the msg.payload or the slot property\n        el.innerHTML = component.slot\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 (!this.window['markdownit']) return mdText\n\n        const opts = { // eslint-disable-line object-shorthand\n            html: true,\n            linkify: true,\n            _highlight: true,\n            langPrefix: 'language-',\n            highlight(str, lang) {\n                if (lang && this.window['hljs'] && this.window['hljs'].getLanguage(lang)) {\n                    try {\n                        return `<pre class=\"highlight\" data-language=\"${lang.toUpperCase()}\">\n                                <code class=\"language-${lang}\">${this.window['hljs'].highlightAuto(str).value}</code></pre>`\n                    } finally { } // eslint-disable-line no-empty\n                }\n                return `<pre class=\"highlight\"><code>${md.utils.escapeHtml(str)}</code></pre>`\n            },\n        }\n        const md = this.window['markdownit'](opts)\n        // Convert from markdown to HTML\n        return md.render(mdText)\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 (!this.window['DOMPurify']) return html\n        return this.window['DOMPurify'].sanitize(html, { ADD_TAGS: this.sanitiseExtraTags, ADD_ATTR: this.sanitiseExtraAttribs })\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    /** 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 = this.document.createElement('script')\n        newScript.src = url\n        newScript.async = false\n        this.document.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 = this.document.createElement('link')\n        newStyle.href = url\n        newStyle.rel = 'stylesheet'\n        newStyle.type = 'text/css'\n\n        this.document.head.appendChild(newStyle)\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 = this.document.createElement('script')\n        newScript.async = false\n        newScript.textContent = textFn\n        this.document.head.appendChild(newScript)\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 = this.document.createElement('style')\n        newStyle.textContent = textFn\n        this.document.head.appendChild(newStyle)\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 += msg.payload\n        if (ui.content) content += ui.content\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 = this.document.getElementById('toaster')\n        if (toaster === null) {\n            toaster = this.document.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            this.document.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 = this.document.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    /** 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                    ev.currentTarget.userAction = 'close'\n                    resolve(ev)\n                })\n                notify.addEventListener('click', ev => {\n                    ev.currentTarget.userAction = 'click'\n                    resolve(ev)\n                })\n                notify.addEventListener('error', ev => {\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    /** 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    /** 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    // 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\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                // 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            })\n        }\n\n        //#region Add Slot content to innerHTML\n        if (comp.slot) {\n            this.replaceSlot(el, comp)\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    uiEnhanceElement(el, comp) {\n        this._uiComposeComponent(el, comp)\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            } else if (compToAdd.ns === 'svg') {\n                newEl = this.document.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 = this.document.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    // 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 = this.document.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 = this.document.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 = this.document.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToAdd.ns = 'dom'\n                    newEl = this.document.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 = this.document.querySelector(compToAdd.parent)\n            } else if (ui.parent) {\n                elParent = this.document.querySelector(ui.parent)\n            }\n            if (!elParent) {\n                Ui.log('info', 'Ui:_uiAdd', 'No parent found, adding to body')()\n                elParent = this.document.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    // 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 = [this.document.querySelector(compToRemove)]\n            else els = this.document.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 'this.document': '##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 = this.document.getElementById(compToReplace.id) // .querySelector(`#${compToReplace.id}`)\n            } else if (compToReplace.selector || compToReplace.select) {\n                elToReplace = this.document.querySelector(compToReplace.selector)\n            } else if (compToReplace.name) {\n                elToReplace = this.document.querySelector(`[name=\"${compToReplace.name}\"]`)\n            } else if (compToReplace.type) {\n                elToReplace = this.document.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 = this.document.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 = this.document.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToReplace.ns = 'dom'\n                    newEl = this.document.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:_uiManager:update', 'Starting _uiUpdate')()\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', `Component #${i}`, compToUpd)()\n\n            /** @type {NodeListOf<Element>} */\n            let elToUpd\n\n            // 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.id) {\n                // NB We don't use get by id because this way the code is simpler later on\n                elToUpd = this.document.querySelectorAll(`#${compToUpd.id}`)\n            } else if (compToUpd.selector || compToUpd.select) {\n                elToUpd = this.document.querySelectorAll(compToUpd.selector)\n            } else if (compToUpd.name) {\n                elToUpd = this.document.querySelectorAll(`[name=\"${compToUpd.name}\"]`)\n            } else if (compToUpd.type) {\n                elToUpd = this.document.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 => {\n                this._uiComposeComponent(el, compToUpd)\n            })\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToUpd.components) {\n                elToUpd.forEach(el => {\n                    Ui.log('trace', '_uiUpdate:components', 'el', el)()\n                    this._uiUpdate({\n                        method: ui.method,\n                        parentEl: el,\n                        components: compToUpd.components,\n                    })\n                })\n            }\n\n        })\n    } // --- end of _uiUpdate ---\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                await 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 a reload request */\n    _uiReload() {\n        Ui.log('trace', 'Ui:uiManager:reload', 'reloading')()\n        location.reload()\n    }\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.method) {\n                Ui.log('error', 'Ui:_uiManager', `No method defined for msg._ui[${i}]. Ignoring`)()\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\n    } // --- end of _uiManager ---\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 = this.document.querySelectorAll(`${cssSelector} li`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'DL') {\n            const listEntries = this.document.querySelectorAll(`${cssSelector} dt`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'TABLE') {\n            const bodyEntries = this.document.querySelectorAll(`${cssSelector} > tbody > tr`)\n            const headEntries = this.document.querySelectorAll(`${cssSelector} > thead > tr`)\n            const cols = this.document.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            }\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    /** 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>} */ (this.document.querySelectorAll(cssSelector))\n\n        const out = []\n\n        selection.forEach(node => {\n            // Specific property asked for ...\n            if (propName !== null && propName !== '') {\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                    // Nightmare of different object types in a DOM Element!\n                    if (prop.constructor.name === 'NamedNodeMap') { // Attributes\n                        const p = {}\n                        for (const key of prop) {\n                            // @ts-ignore\n                            p[key.name] = prop[key.name].value\n                        }\n                        out.push(p)\n                    } else if (!prop.constructor.name.toLowerCase().includes('map')) { // Ordinary properties\n                        out.push({\n                            [propName]: prop\n                        })\n                    } else { // Other MAP types\n                        const p = {}\n                        // @ts-ignore\n                        for (const key in prop) {\n                            p[key] = prop[key]\n                        }\n                        out.push(p)\n                    }\n                }\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    /** 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 (this.window['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 (this.window['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 (this.window['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\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", "json", "msg", "el", "component", "mdText", "opts", "str", "lang", "md", "html", "url", "newScript", "newStyle", "textFn", "type", "ui", "content", "toaster", "toast", "evt", "config", "notify", "resolve", "reject", "ev", "permit", "response", "contentType", "data", "err", "comp", "attrib", "prop", "parentEl", "components", "ns", "compToAdd", "i", "newEl", "isRecurse", "elParent", "all", "compToRemove", "els", "compToReplace", "elToReplace", "compToUpd", "elToUpd", "__toESM", "__require", "script", "sheet", "node", "cssSelector", "thisOut", "listEntries", "bodyEntries", "headEntries", "cols", "v", "propName", "selection", "out", "p", "key", "uiOptions", "error", "slot", "txtReturn"]
 }
diff --git a/front-end/ui.iife.min.js.map b/front-end/ui.iife.min.js.map
index f8b8c7f3..fef37de3 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-2023 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// ts-nocheck \n\nconst Ui = class Ui {\n    version = '6.6.0-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    window\n\n    /** Log function - passed in constructor or will be a dummy function\n     * @type {function}\n     */\n    static log\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        if (win) this.window = 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        this.document = this.window.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\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    // TODO Add multi-slot\n    /** Replace or add an HTML element's slot from text or an HTML string\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 {*} component The component we are trying to add/replace\n     */\n    replaceSlot(el, component) {\n        if (!component.slot) return\n        if (!el) return\n\n        // If DOMPurify is loaded, apply it now\n        if (this.window['DOMPurify']) component.slot = this.window['DOMPurify'].sanitize(component.slot)\n        // Set the component content to the msg.payload or the slot property\n        el.innerHTML = component.slot\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 (!this.window['markdownit']) return mdText\n\n        const opts = { // eslint-disable-line object-shorthand\n            html: true,\n            linkify: true,\n            _highlight: true,\n            langPrefix: 'language-',\n            highlight(str, lang) {\n                if (lang && this.window['hljs'] && this.window['hljs'].getLanguage(lang)) {\n                    try {\n                        return `<pre class=\"highlight\" data-language=\"${lang.toUpperCase()}\">\n                                <code class=\"language-${lang}\">${this.window['hljs'].highlightAuto(str).value}</code></pre>`\n                    } finally { } // eslint-disable-line no-empty\n                }\n                return `<pre class=\"highlight\"><code>${md.utils.escapeHtml(str)}</code></pre>`\n            },\n        }\n        const md = this.window['markdownit'](opts)\n        // Convert from markdown to HTML\n        return md.render(mdText)\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 (!this.window['DOMPurify']) return html\n        return this.window['DOMPurify'].sanitize(html, { ADD_TAGS: this.sanitiseExtraTags, ADD_ATTR: this.sanitiseExtraAttribs })\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    /** 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 = this.document.createElement('script')\n        newScript.src = url\n        newScript.async = false\n        this.document.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 = this.document.createElement('link')\n        newStyle.href = url\n        newStyle.rel = 'stylesheet'\n        newStyle.type = 'text/css'\n\n        this.document.head.appendChild(newStyle)\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 = this.document.createElement('script')\n        newScript.async = false\n        newScript.textContent = textFn\n        this.document.head.appendChild(newScript)\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 = this.document.createElement('style')\n        newStyle.textContent = textFn\n        this.document.head.appendChild(newStyle)\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 += msg.payload\n        if (ui.content) content += ui.content\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 = this.document.getElementById('toaster')\n        if (toaster === null) {\n            toaster = this.document.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            this.document.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 = this.document.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\n    } // --- End of showDialog ---\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                    ev.currentTarget.userAction = 'close'\n                    resolve(ev)\n                })\n                notify.addEventListener('click', ev => {\n                    ev.currentTarget.userAction = 'click'\n                    resolve(ev)\n                })\n                notify.addEventListener('error', ev => {\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    /** 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    /** 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    // 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\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                // 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            })\n        }\n\n        //#region Add Slot content to innerHTML\n        if (comp.slot) {\n            this.replaceSlot(el, comp)\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    uiEnhanceElement(el, comp) {\n        this._uiComposeComponent(el, comp)\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            } else if (compToAdd.ns === 'svg') {\n                newEl = this.document.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 = this.document.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    // 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 = this.document.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 = this.document.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 = this.document.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToAdd.ns = 'dom'\n                    newEl = this.document.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 = this.document.querySelector(compToAdd.parent)\n            } else if (ui.parent) {\n                elParent = this.document.querySelector(ui.parent)\n            }\n            if (!elParent) {\n                Ui.log('info', 'Ui:_uiAdd', 'No parent found, adding to body')()\n                elParent = this.document.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\n    } // --- end of _uiAdd ---\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 = [this.document.querySelector(compToRemove)]\n            else els = this.document.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 'this.document': '##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 = this.document.getElementById(compToReplace.id) // .querySelector(`#${compToReplace.id}`)\n            } else if (compToReplace.selector || compToReplace.select) {\n                elToReplace = this.document.querySelector(compToReplace.selector)\n            } else if (compToReplace.name) {\n                elToReplace = this.document.querySelector(`[name=\"${compToReplace.name}\"]`)\n            } else if (compToReplace.type) {\n                elToReplace = this.document.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 = this.document.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 = this.document.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToReplace.ns = 'dom'\n                    newEl = this.document.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\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:_uiManager:update', 'Starting _uiUpdate')()\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', `Component #${i}`, compToUpd)()\n\n            /** @type {NodeListOf<Element>} */\n            let elToUpd\n\n            // 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.id) {\n                // NB We don't use get by id because this way the code is simpler later on\n                elToUpd = this.document.querySelectorAll(`#${compToUpd.id}`)\n            } else if (compToUpd.selector || compToUpd.select) {\n                elToUpd = this.document.querySelectorAll(compToUpd.selector)\n            } else if (compToUpd.name) {\n                elToUpd = this.document.querySelectorAll(`[name=\"${compToUpd.name}\"]`)\n            } else if (compToUpd.type) {\n                elToUpd = this.document.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 => {\n                this._uiComposeComponent(el, compToUpd)\n            })\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToUpd.components) {\n                elToUpd.forEach(el => {\n                    Ui.log('trace', '_uiUpdate:components', 'el', el)()\n                    this._uiUpdate({\n                        method: ui.method,\n                        parentEl: el,\n                        components: compToUpd.components,\n                    })\n                })\n            }\n\n        })\n\n    } // --- end of _uiUpdate ---\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                await 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 a reload request */\n    _uiReload() {\n        Ui.log('trace', 'Ui:uiManager:reload', 'reloading')()\n        location.reload()\n    }\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.method) {\n                Ui.log('error', 'Ui:_uiManager', `No method defined for msg._ui[${i}]. Ignoring`)()\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\n    } // --- end of _uiManager ---\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 = this.document.querySelectorAll(`${cssSelector} li`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'DL') {\n            const listEntries = this.document.querySelectorAll(`${cssSelector} dt`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'TABLE') {\n            const bodyEntries = this.document.querySelectorAll(`${cssSelector} > tbody > tr`)\n            const headEntries = this.document.querySelectorAll(`${cssSelector} > thead > tr`)\n            const cols = this.document.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            }\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    /** 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>} */ (this.document.querySelectorAll(cssSelector))\n\n        const out = []\n\n        selection.forEach(node => {\n            // Specific property asked for ...\n            if (propName !== null && propName !== '') {\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                    // Nightmare of different object types in a DOM Element!\n                    if (prop.constructor.name === 'NamedNodeMap') { // Attributes\n                        const p = {}\n                        for (const key of prop) {\n                            // @ts-ignore\n                            p[key.name] = prop[key.name].value\n                        }\n                        out.push(p)\n                    } else if (!prop.constructor.name.toLowerCase().includes('map')) { // Ordinary properties\n                        out.push({\n                            [propName]: prop\n                        })\n                    } else { // Other MAP types\n                        const p = {}\n                        // @ts-ignore\n                        for (const key in prop) {\n                            p[key] = prop[key]\n                        }\n                        out.push(p)\n                    }\n                }\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    /** 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 (this.window['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 (this.window['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 (this.window['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\n    } // ---- End of include() ---- //\n}\n\nmodule.exports = Ui\n// window['ui'] = new Ui()\n// export Ui\n"],
-  "mappings": "o5BAAA,IAAAA,EAAAC,EAAA,CAAAC,EAAAC,IAAA,KAAAC,EAwBMC,GAAKD,EAAA,KAAS,CAqBhB,YAAYE,EAAKC,EAAQC,EAAe,CApBxCC,EAAA,eAAU,aAGVA,EAAA,yBAAoB,CAAC,SAAS,GAC9BA,EAAA,4BAAuB,CAAC,WAAY,SAAU,WAAW,GAIzDA,EAAA,eAeI,GAAIH,EAAK,KAAK,OAASA,MAInB,OAAM,IAAI,MAAM,6FAA6F,EAIjH,KAAK,SAAW,KAAK,OAAO,SAGxBC,EAAQH,EAAG,IAAMG,EAChBH,EAAG,IAAM,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC,EAGxCI,EAAe,KAAK,gBAAkBA,EACrC,KAAK,gBAAkB,UAAU,CAAC,CAC3C,CAKA,GAAGE,EAAM,CAEL,IAAIC,EAAM,CAAC,EACPD,EAAK,IAAKC,EAAMD,EACfC,EAAI,IAAMD,EAEf,KAAK,WAAWC,CAAG,CACvB,CASA,YAAYC,EAAIC,EAAW,CAClBA,EAAU,MACVD,IAGD,KAAK,OAAO,YAAcC,EAAU,KAAO,KAAK,OAAO,UAAa,SAASA,EAAU,IAAI,GAE/FD,EAAG,UAAYC,EAAU,KAC7B,CAOA,gBAAgBC,EAAQ,CACpB,GAAI,CAACA,EAAQ,MAAO,GACpB,GAAI,CAAC,KAAK,OAAO,WAAe,OAAOA,EAEvC,IAAMC,EAAO,CACT,KAAM,GACN,QAAS,GACT,WAAY,GACZ,WAAY,YACZ,UAAUC,EAAKC,EAAM,CACjB,GAAIA,GAAQ,KAAK,OAAO,MAAW,KAAK,OAAO,KAAQ,YAAYA,CAAI,EACnE,GAAI,CACA,MAAO,yCAAyC,OAAAA,EAAK,YAAY,EAAC,8DAClC,OAAAA,EAAI,MAAK,YAAK,OAAO,KAAQ,cAAcD,CAAG,EAAE,MAAK,gBACzF,QAAE,CAAU,CAEhB,MAAO,gCAAgC,OAAAE,EAAG,MAAM,WAAWF,CAAG,EAAC,gBACnE,CACJ,EACME,EAAK,KAAK,OAAO,WAAcH,CAAI,EAEzC,OAAOG,EAAG,OAAOJ,CAAM,CAC3B,CAOA,aAAaK,EAAM,CACf,OAAK,KAAK,OAAO,UACV,KAAK,OAAO,UAAa,SAASA,EAAM,CAAE,SAAU,KAAK,kBAAmB,SAAU,KAAK,oBAAqB,CAAC,EADlFA,CAE1C,CAQA,oBAAoBP,EAAIC,EAAW,CAC1BD,GACAC,EAAU,eAGfA,EAAU,aAAe,KAAK,gBAAgBA,EAAU,YAAY,EAEpEA,EAAU,aAAe,KAAK,aAAaA,EAAU,YAAY,EAEjED,EAAG,UAAYC,EAAU,aAC7B,CAOA,cAAcO,EAAK,CACf,IAAMC,EAAY,KAAK,SAAS,cAAc,QAAQ,EACtDA,EAAU,IAAMD,EAChBC,EAAU,MAAQ,GAClB,KAAK,SAAS,KAAK,YAAYA,CAAS,CAC5C,CAOA,aAAaD,EAAK,CACd,IAAME,EAAW,KAAK,SAAS,cAAc,MAAM,EACnDA,EAAS,KAAOF,EAChBE,EAAS,IAAM,aACfA,EAAS,KAAO,WAEhB,KAAK,SAAS,KAAK,YAAYA,CAAQ,CAC3C,CAOA,cAAcC,EAAQ,CAClB,IAAMF,EAAY,KAAK,SAAS,cAAc,QAAQ,EACtDA,EAAU,MAAQ,GAClBA,EAAU,YAAcE,EACxB,KAAK,SAAS,KAAK,YAAYF,CAAS,CAC5C,CAOA,aAAaE,EAAQ,CACjB,IAAMD,EAAW,KAAK,SAAS,cAAc,OAAO,EACpDA,EAAS,YAAcC,EACvB,KAAK,SAAS,KAAK,YAAYD,CAAQ,CAC3C,CAWA,WAAWE,EAAMC,EAAId,EAAK,CAItB,IAAIe,EAAU,GAKd,GAHIf,EAAI,SAAW,OAAOA,EAAI,SAAY,WAAUe,GAAWf,EAAI,SAC/Dc,EAAG,UAASC,GAAWD,EAAG,SAE1BC,IAAY,GAAI,CAChBtB,EAAG,IAAI,EAAG,gBAAiB,oCAAoC,EAAE,EACjE,MACJ,CAGI,CAACqB,EAAG,OAASd,EAAI,QAAOc,EAAG,MAAQd,EAAI,OACvCc,EAAG,QAAOC,EAAU,yBAAyB,OAAAD,EAAG,MAAK,WAAU,OAAAC,EAAO,SAMtED,EAAG,aAAYA,EAAG,WAAaA,EAAG,YAClCA,EAAG,aAAYA,EAAG,SAAW,CAACA,EAAG,YAEjCA,EAAG,eACEA,EAAG,WAAUA,EAAG,SAAW,IAChCA,EAAG,MAAQA,EAAG,eACXA,EAAG,cAAgB,IACrB,OAAO,UAAU,eAAe,KAAKA,EAAI,UAAU,IAAGA,EAAG,SAAW,IAErED,IAAS,UACTC,EAAG,MAAQ,GACXA,EAAG,SAAW,GACdC,EAAU,ymBAAymB,OAAAA,IAMvnB,IAAIC,EAAU,KAAK,SAAS,eAAe,SAAS,EAChDA,IAAY,OACZA,EAAU,KAAK,SAAS,cAAc,KAAK,EAC3CA,EAAQ,GAAK,UACbA,EAAQ,MAAQ,kCAChBA,EAAQ,aAAa,QAAS,SAAS,EACvCA,EAAQ,aAAa,OAAQ,QAAQ,EACrCA,EAAQ,aAAa,cAAe,eAAe,EACnDA,EAAQ,QAAU,UAAY,CAE1BA,EAAQ,OAAO,CACnB,EACA,KAAK,SAAS,KAAK,sBAAsB,aAAcA,CAAO,GAIlE,IAAMC,EAAQ,KAAK,SAAS,cAAc,KAAK,EAC/CA,EAAM,MAAQ,kCACdA,EAAM,aAAa,QAAS,SAAS,OAAAH,EAAG,QAAUA,EAAG,QAAU,GAAE,KAAI,OAAAD,EAAM,EAC3EI,EAAM,UAAYF,EAClBE,EAAM,aAAa,OAAQ,aAAa,EACpCH,EAAG,OAAOG,EAAM,aAAa,aAAcH,EAAG,KAAK,EACvDG,EAAM,QAAU,SAAUC,EAAK,CAC3BA,EAAI,gBAAgB,EACpBD,EAAM,OAAO,EAETD,EAAQ,kBAAoB,GAAGA,EAAQ,OAAO,CACtD,EAQAA,EAAQ,sBAAsBF,EAAG,cAAgB,GAAO,YAAc,aAAcG,CAAK,EAGrFH,EAAG,WAAa,IAChB,YAAY,IAAM,CACdG,EAAM,OAAO,EAETD,EAAQ,kBAAoB,GAAGA,EAAQ,OAAO,CACtD,EAAGF,EAAG,aAAa,CAG3B,CAMA,kBAAkBK,EAAQ,CACjBA,EAAO,OAAS,CAACA,EAAO,QAAQA,EAAO,MAAQA,EAAO,OACrDA,EAAO,QAAQA,EAAO,MAAQ,0BAC/BA,EAAO,SAAW,CAACA,EAAO,OAAOA,EAAO,KAAOA,EAAO,SACrDA,EAAO,OAAOA,EAAO,KAAO,sBAElC,GAAI,CACA,IAAMC,EAAS,IAAI,aAAaD,EAAO,MAAOA,CAAM,EACpD,OAAO,IAAI,QAAS,CAACE,EAASC,IAAW,CAErCF,EAAO,iBAAiB,QAASG,GAAM,CACnCA,EAAG,cAAc,WAAa,QAC9BF,EAAQE,CAAE,CACd,CAAC,EACDH,EAAO,iBAAiB,QAASG,GAAM,CACnCA,EAAG,cAAc,WAAa,QAC9BF,EAAQE,CAAE,CACd,CAAC,EACDH,EAAO,iBAAiB,QAASG,GAAM,CACnCA,EAAG,cAAc,WAAa,QAC9BD,EAAOC,CAAE,CACb,CAAC,CACL,CAAC,CACL,MAAY,CACR,OAAO,QAAQ,OAAO,IAAI,MAAM,0CAA0C,CAAC,CAC/E,CACJ,CASA,MAAM,aAAaJ,EAAQ,CAKvB,GAJI,OAAOA,GAAW,WAClBA,EAAS,CAAE,KAAMA,CAAO,GAGxB,OAAO,aAAiB,IAAa,OAAO,QAAQ,OAAO,IAAI,MAAM,6CAA6C,CAAC,EAEvH,IAAIK,EAAS,aAAa,WAC1B,OAAIA,IAAW,SACJ,QAAQ,OAAO,IAAI,MAAM,qCAAqC,CAAC,EAC/DA,IAAW,UACX,KAAK,kBAAkBL,CAAM,GAEpCK,EAAS,MAAM,aAAa,kBAAkB,EAC1CA,IAAW,UACJ,KAAK,kBAAkBL,CAAM,EAEjC,QAAQ,OAAO,IAAI,MAAM,qCAAqC,CAAC,EAE9E,CAKA,OAAOV,EAAK,CACR,GAAI,CAAC,MAAO,CACRhB,EAAG,IAAI,EAAG,YAAa,yDAAyD,EAAE,EAClF,MACJ,CACA,GAAI,CAACgB,EAAK,CACNhB,EAAG,IAAI,EAAG,YAAa,2CAA2C,EAAE,EACpE,MACJ,CAEA,MAAMgB,CAAG,EACJ,KAAKgB,GAAY,CACd,GAAIA,EAAS,KAAO,GAEhB,MAAM,IAAI,MAAM,mBAAmB,OAAAhB,EAAG,cAAa,OAAAgB,EAAS,OAAM,aAAY,OAAAA,EAAS,WAAY,EAGvGhC,EAAG,IAAI,QAAS,kBAAmB,WAAW,OAAAgB,EAAG,cAAa,OAAAgB,EAAS,OAAM,MAAK,OAAAA,EAAS,WAAY,EAAE,EAEzG,IAAMC,EAAcD,EAAS,QAAQ,IAAI,cAAc,EACvD,GAAI,CAACC,GAAe,CAACA,EAAY,SAAS,kBAAkB,EACxD,MAAM,IAAI,UAAU,UAAU,OAAAjB,EAAG,kCAAiC,EAGtE,OAAOgB,EAAS,KAAK,CACzB,CAAC,EACA,KAAKE,GACEA,IAAS,QACTlC,EAAG,IAAI,QAAS,kBAAmB,mCAAmC,EAAE,EAExE,KAAK,WAAW,CAAE,IAAKkC,CAAK,CAAC,EACtB,IAEJ,EACV,EACA,MAAMC,GAAO,CACVnC,EAAG,IAAI,OAAQ,kBAAmB,UAAWmC,CAAG,EAAE,CACtD,CAAC,CACT,CAgBA,oBAAoB3B,EAAI4B,EAAM,CAEtBA,EAAK,YACL,OAAO,KAAKA,EAAK,UAAU,EAAE,QAASC,GAAW,CAEzCA,IAAW,UAAS7B,EAAG,MAAQ4B,EAAK,WAAWC,CAAM,GAErDA,EAAO,WAAW,QAAQ,EAAG7B,EAAG,eAAe,+BAAgC6B,EAAQD,EAAK,WAAWC,CAAM,CAAC,EAC7G7B,EAAG,aAAa6B,EAAQD,EAAK,WAAWC,CAAM,CAAC,CACxD,CAAC,EAIDD,EAAK,IAAI5B,EAAG,aAAa,KAAM4B,EAAK,EAAE,EAGtCA,EAAK,OAAS,QACd5B,EAAG,eAAe,gCAAiC,QAAS,4BAA4B,EACxFA,EAAG,eAAe,gCAAiC,cAAe,8BAA8B,GAIhG4B,EAAK,QACL,OAAO,KAAKA,EAAK,MAAM,EAAE,QAAShB,GAAS,CAEnCA,EAAK,cAAgB,YAAWA,EAAO,SAE3C,GAAI,CACAZ,EAAG,iBAAiBY,EAAOK,GAAQ,CAE9B,IAAI,SAAS,MAAO,GAAG,OAAAW,EAAK,OAAOhB,CAAI,EAAC,QAAO,EAAGK,CAAG,CAC1D,CAAC,CAEL,OAASU,EAAK,CACVnC,EAAG,IAAI,QAAS,yBAA0B,cAAc,OAAAoB,EAAI,mBAAkB,OAAAgB,EAAK,KAAI,iCAAgC,OAAAD,EAAI,QAAS,EAAE,CAC1I,CACJ,CAAC,EAIDC,EAAK,YACL,OAAO,KAAKA,EAAK,UAAU,EAAE,QAASE,GAAS,CAE3C9B,EAAG8B,CAAI,EAAIF,EAAK,WAAWE,CAAI,CACnC,CAAC,EAIDF,EAAK,MACL,KAAK,YAAY5B,EAAI4B,CAAI,EAOzBA,EAAK,cACL,KAAK,oBAAoB5B,EAAI4B,CAAI,CAGzC,CAEA,iBAAiB5B,EAAI4B,EAAM,CACvB,KAAK,oBAAoB5B,EAAI4B,CAAI,CACrC,CAQA,YAAYG,EAAUC,EAAYC,EAAK,GAAI,CACvCD,EAAW,QAAQ,CAACE,EAAWC,IAAM,CACjC3C,EAAG,IAAI,QAAS,qCAAqC,OAAA2C,GAAKD,CAAS,EAAE,EAGrE,IAAIE,EAEJF,EAAU,GAAKD,EAEXC,EAAU,KAAO,QACjBE,EAAQL,EAERA,EAAS,UAAYG,EAAU,MACxBA,EAAU,KAAO,OACxBE,EAAQ,KAAK,SAAS,gBAAgB,6BAA8BF,EAAU,IAAI,EAElF,KAAK,oBAAoBE,EAAOF,CAAS,EACzCH,EAAS,YAAYK,CAAK,IAE1BA,EAAQ,KAAK,SAAS,cAAcF,EAAU,OAAS,OAAS,MAAQA,EAAU,IAAI,EAEtF,KAAK,oBAAoBE,EAAOF,CAAS,EACzCH,EAAS,YAAYK,CAAK,GAI1BF,EAAU,YACV,KAAK,YAAYE,EAAOF,EAAU,WAAYA,EAAU,EAAE,CAElE,CAAC,CACL,CA+BA,OAAOrB,EAAIwB,EAAW,CAClB7C,EAAG,IAAI,QAAS,oBAAqB,iBAAiB,EAAE,EAQxDqB,EAAG,WAAW,QAAQ,CAACqB,EAAWC,IAAM,CACpC3C,EAAG,IAAI,QAAS,gCAAgC,OAAA2C,GAAK,qBAAsBD,CAAS,EAAE,EAGtF,IAAIE,EACJ,OAAQF,EAAU,KAAM,CAEpB,IAAK,OAAQ,CACTA,EAAU,GAAK,OACfE,EAAQ,KAAK,SAAS,cAAc,KAAK,EACzC,KACJ,CAGA,IAAK,MAAO,CACRF,EAAU,GAAK,MACfE,EAAQ,KAAK,SAAS,gBAAgB,6BAA8B,KAAK,EACzE,KACJ,CAEA,QAAS,CACLF,EAAU,GAAK,MACfE,EAAQ,KAAK,SAAS,cAAcF,EAAU,IAAI,EAClD,KACJ,CACJ,CAEI,CAACA,EAAU,MAAQrB,EAAG,UAASqB,EAAU,KAAOrB,EAAG,SAMvD,KAAK,oBAAoBuB,EAAOF,CAAS,EAGzC,IAAII,EACAJ,EAAU,SACVI,EAAWJ,EAAU,SACdrB,EAAG,SACVyB,EAAWzB,EAAG,SACPqB,EAAU,OACjBI,EAAW,KAAK,SAAS,cAAcJ,EAAU,MAAM,EAChDrB,EAAG,SACVyB,EAAW,KAAK,SAAS,cAAczB,EAAG,MAAM,GAE/CyB,IACD9C,EAAG,IAAI,OAAQ,YAAa,iCAAiC,EAAE,EAC/D8C,EAAW,KAAK,SAAS,cAAc,MAAM,GAG7CJ,EAAU,UAAYA,EAAU,WAAa,QAE7CI,EAAS,aAAaF,EAAOE,EAAS,UAAU,EACzCJ,EAAU,UAAY,OAAO,UAAU,OAAOA,EAAU,QAAQ,CAAC,EACxEI,EAAS,aAAaF,EAAOE,EAAS,SAASJ,EAAU,QAAQ,CAAC,EAGlEI,EAAS,YAAYF,CAAK,EAI1BF,EAAU,YAMV,KAAK,YAAYE,EAAOF,EAAU,WAAYA,EAAU,EAAE,CAElE,CAAC,CAEL,CAOA,UAAUrB,EAAI0B,EAAM,GAAO,CACvB1B,EAAG,WAAW,QAAS2B,GAAiB,CACpC,IAAIC,EACAF,IAAQ,GAAME,EAAM,CAAC,KAAK,SAAS,cAAcD,CAAY,CAAC,EAC7DC,EAAM,KAAK,SAAS,iBAAiBD,CAAY,EAEtDC,EAAI,QAAQzC,GAAM,CACd,GAAI,CACAA,EAAG,OAAO,CACd,OAAS2B,EAAK,CAGVnC,EAAG,IAAI,QAAS,eAAgB,qBAAqB,OAAAmC,EAAI,QAAS,EAAE,CACxE,CACJ,CAAC,CACL,CAAC,CACL,CAKA,WAAWd,EAAI,CACXrB,EAAG,IAAI,QAAS,gBAAiB,UAAU,EAAE,EAE7CqB,EAAG,WAAW,QAAQ,CAAC6B,EAAqC,IAAM,CAC9DlD,EAAG,IAAI,QAAS,oCAAoC,UAAK,yBAA0BkD,CAAa,EAAE,EAGlG,IAAIC,EAgBJ,GAbID,EAAc,GACdC,EAAc,KAAK,SAAS,eAAeD,EAAc,EAAE,EACpDA,EAAc,UAAYA,EAAc,OAC/CC,EAAc,KAAK,SAAS,cAAcD,EAAc,QAAQ,EACzDA,EAAc,KACrBC,EAAc,KAAK,SAAS,cAAc,UAAU,OAAAD,EAAc,KAAI,KAAI,EACnEA,EAAc,OACrBC,EAAc,KAAK,SAAS,cAAcD,EAAc,IAAI,GAGhElD,EAAG,IAAI,QAAS,oCAAoC,UAAK,uBAAwBmD,CAAW,EAAE,EAG7DA,GAAgB,KAAM,CACnDnD,EAAG,IAAI,QAAS,oCAAoC,SAAC,cAAc,+CAAgDkD,CAAa,EAAE,EAClI,KAAK,OAAO,CAAE,WAAY,CAACA,CAAa,CAAE,EAAG,EAAK,EAClD,MACJ,CAGA,IAAIN,EACJ,OAAQM,EAAc,KAAM,CAExB,IAAK,OAAQ,CACTA,EAAc,GAAK,OACnBN,EAAQ,KAAK,SAAS,cAAc,KAAK,EACzC,KACJ,CAGA,IAAK,MAAO,CACRM,EAAc,GAAK,MACnBN,EAAQ,KAAK,SAAS,gBAAgB,6BAA8B,KAAK,EACzE,KACJ,CAEA,QAAS,CACLM,EAAc,GAAK,MACnBN,EAAQ,KAAK,SAAS,cAAcM,EAAc,IAAI,EACtD,KACJ,CACJ,CAGA,KAAK,oBAAoBN,EAAOM,CAAa,EAG7CC,EAAY,YAAYP,CAAK,EAGzBM,EAAc,YACd,KAAK,YAAYN,EAAOM,EAAc,WAAYA,EAAc,EAAE,CAE1E,CAAC,CAEL,CAQA,UAAU7B,EAAI,CACVrB,EAAG,IAAI,QAAS,uBAAwB,oBAAoB,EAAE,EAGzDqB,EAAG,aAAYA,EAAG,WAAa,CAAC,OAAO,OAAO,CAAC,EAAGA,CAAE,CAAC,GAE1DA,EAAG,WAAW,QAAQ,CAAC+B,EAAW,IAAM,CACpCpD,EAAG,IAAI,QAAS,+BAAgC,cAAc,UAAKoD,CAAS,EAAE,EAG9E,IAAIC,EAeJ,GAZID,EAAU,GAEVC,EAAU,KAAK,SAAS,iBAAiB,IAAI,OAAAD,EAAU,GAAI,EACpDA,EAAU,UAAYA,EAAU,OACvCC,EAAU,KAAK,SAAS,iBAAiBD,EAAU,QAAQ,EACpDA,EAAU,KACjBC,EAAU,KAAK,SAAS,iBAAiB,UAAU,OAAAD,EAAU,KAAI,KAAI,EAC9DA,EAAU,OACjBC,EAAU,KAAK,SAAS,iBAAiBD,EAAU,IAAI,GAIvDC,IAAY,QAAaA,EAAQ,OAAS,EAAG,CAC7CrD,EAAG,IAAI,OAAQ,uBAAwB,yCAA0CoD,CAAS,EAAE,EAC5F,MACJ,CAEApD,EAAG,IAAI,QAAS,+BAAgC,gCAAgC,OAAAqD,EAAQ,QAAUA,CAAO,EAAE,EAGvG,CAACD,EAAU,MAAQA,EAAU,UAASA,EAAU,KAAOA,EAAU,SAGrEC,EAAQ,QAAQ7C,GAAM,CAClB,KAAK,oBAAoBA,EAAI4C,CAAS,CAC1C,CAAC,EAGGA,EAAU,YACVC,EAAQ,QAAQ7C,GAAM,CAClBR,EAAG,IAAI,QAAS,uBAAwB,KAAMQ,CAAE,EAAE,EAClD,KAAK,UAAU,CACX,OAAQa,EAAG,OACX,SAAUb,EACV,WAAY4C,EAAU,UAC1B,CAAC,CACL,CAAC,CAGT,CAAC,CAEL,CAOA,QAAQ/B,EAAI,CAGJA,EAAG,aACE,MAAM,QAAQA,EAAG,UAAU,IAAGA,EAAG,WAAa,CAACA,EAAG,UAAU,GAEjEA,EAAG,WAAW,QAAQ,MAAMZ,GAAa,CACrC,MAAM,2BAAO6C,EAAPC,EAAO9C,CAAS,GAC1B,CAAC,GAGDY,EAAG,aACE,MAAM,QAAQA,EAAG,UAAU,IAAGA,EAAG,WAAa,CAACA,EAAG,UAAU,GAEjEA,EAAG,WAAW,QAAQmC,GAAU,CAC5B,KAAK,cAAcA,CAAM,CAC7B,CAAC,GAGDnC,EAAG,aACE,MAAM,QAAQA,EAAG,UAAU,IAAGA,EAAG,WAAa,CAACA,EAAG,UAAU,GAEjE,KAAK,cAAcA,EAAG,WAAW,KAAK,IAAI,CAAC,GAG3CA,EAAG,YACE,MAAM,QAAQA,EAAG,SAAS,IAAGA,EAAG,UAAY,CAACA,EAAG,SAAS,GAE9DA,EAAG,UAAU,QAAQoC,GAAS,CAC1B,KAAK,aAAaA,CAAK,CAC3B,CAAC,GAGDpC,EAAG,YACE,MAAM,QAAQA,EAAG,SAAS,IAAGA,EAAG,UAAY,CAACA,EAAG,SAAS,GAE9D,KAAK,aAAaA,EAAG,UAAU,KAAK,IAAI,CAAC,EAGjD,CAGA,WAAY,CACRrB,EAAG,IAAI,QAAS,sBAAuB,WAAW,EAAE,EACpD,SAAS,OAAO,CACpB,CAMA,WAAWO,EAAK,CACPA,EAAI,MAGJ,MAAM,QAAQA,EAAI,GAAG,IAAGA,EAAI,IAAM,CAACA,EAAI,GAAG,GAE/CA,EAAI,IAAI,QAAQ,CAACc,EAAI,IAAM,CACvB,GAAI,CAACA,EAAG,OAAQ,CACZrB,EAAG,IAAI,QAAS,gBAAiB,iCAAiC,SAAC,cAAa,EAAE,EAClF,MACJ,CAIA,OAFAqB,EAAG,QAAUd,EAAI,QACjBc,EAAG,MAAQd,EAAI,MACPc,EAAG,OAAQ,CACf,IAAK,MAAO,CACR,KAAK,OAAOA,EAAI,EAAK,EACrB,KACJ,CAEA,IAAK,SAAU,CACX,KAAK,UAAUA,EAAI,EAAK,EACxB,KACJ,CAEA,IAAK,YAAa,CACd,KAAK,UAAUA,EAAI,EAAI,EACvB,KACJ,CAEA,IAAK,UAAW,CACZ,KAAK,WAAWA,CAAE,EAClB,KACJ,CAEA,IAAK,SAAU,CACX,KAAK,UAAUA,CAAE,EACjB,KACJ,CAEA,IAAK,OAAQ,CACT,KAAK,QAAQA,CAAE,EACf,KACJ,CAEA,IAAK,SAAU,CACX,KAAK,UAAU,EACf,KACJ,CAEA,IAAK,SAAU,CACX,KAAK,WAAW,SAAUA,EAAId,CAAG,EACjC,KACJ,CAEA,IAAK,QAAS,CACV,KAAK,WAAW,QAASc,EAAId,CAAG,EAChC,KACJ,CAEA,QAAS,CACLP,EAAG,IAAI,QAAS,gBAAiB,mBAAmB,SAAC,cAAa,OAAAqB,EAAG,OAAM,cAAa,EAAE,EAC1F,KACJ,CACJ,CACJ,CAAC,EAEL,CAOA,QAAQqC,EAAMC,EAAa,CACvB,IAAMC,EAAU,CACZ,GAAIF,EAAK,KAAO,GAAK,OAAYA,EAAK,GACtC,KAAMA,EAAK,KACX,SAAUA,EAAK,WAAW,OAC1B,KAAMA,EAAK,SACX,WAAY,OAEZ,YAAa,EAAAA,EAAK,SAClB,UAAYA,EAAK,SAAuB,CACpC,MAAOA,EAAK,MACZ,SAAU,OACV,aAAcA,EAAK,aACnB,YAAaA,EAAK,YAClB,cAAeA,EAAK,cACpB,KAAMA,EAAK,IACf,EAP4B,MAQhC,EAEA,GAAI,CAAC,KAAM,IAAI,EAAE,SAASA,EAAK,QAAQ,EAAG,CACtC,IAAMG,EAAc,KAAK,SAAS,iBAAiB,GAAG,OAAAF,EAAW,MAAK,EAClEE,IACAD,EAAQ,KAAO,CACX,QAAWC,EAAY,MAC3B,EAER,CACA,GAAIH,EAAK,WAAa,KAAM,CACxB,IAAMG,EAAc,KAAK,SAAS,iBAAiB,GAAG,OAAAF,EAAW,MAAK,EAClEE,IACAD,EAAQ,KAAO,CACX,QAAWC,EAAY,MAC3B,EAER,CACA,GAAIH,EAAK,WAAa,QAAS,CAC3B,IAAMI,EAAc,KAAK,SAAS,iBAAiB,GAAG,OAAAH,EAAW,gBAAe,EAC1EI,EAAc,KAAK,SAAS,iBAAiB,GAAG,OAAAJ,EAAW,gBAAe,EAC1EK,EAAO,KAAK,SAAS,iBAAiB,GAAG,OAAAL,EAAW,+BAA8B,GACpFG,GAAeC,GAAeC,KAC9BJ,EAAQ,MAAQ,CACZ,SAAYG,EAAcA,EAAY,OAAS,EAC/C,SAAYD,EAAcA,EAAY,OAAS,EAC/C,QAAWE,EAAOA,EAAK,OAAS,CACpC,EAER,CACA,GAAIN,EAAK,WAAa,SAAWA,EAAK,YAAcA,EAAK,WAAW,OAAS,EAAG,CAC5EE,EAAQ,WAAa,CAAC,EAEtB,QAAWvB,KAAUqB,EAAK,WAClBrB,EAAO,OAAS,OAChBuB,EAAQ,WAAWvB,EAAO,IAAI,EAAIqB,EAAK,WAAWrB,EAAO,IAAI,EAAE,MAG3E,CACIqB,EAAK,WAAa,UAClBE,EAAQ,KAAOF,EAAK,aAEpBA,EAAK,WAAUE,EAAQ,UAAU,SAAW,CAAC,GACjD,QAAWK,KAAKP,EAAK,SACjBE,EAAQ,UAAU,SAASK,CAAC,EAAIP,EAAK,SAASO,CAAC,EAGnD,OAAOL,CACX,CAOA,MAAMD,EAAaO,EAAW,KAAM,CAEhC,IAAMC,EAAyD,KAAK,SAAS,iBAAiBR,CAAW,EAEnGS,EAAM,CAAC,EAEb,OAAAD,EAAU,QAAQT,GAAQ,CAEtB,GAAIQ,IAAa,MAAQA,IAAa,GAAI,CAEtC,IAAI5B,EAAOoB,EAAK,aAAaQ,CAAQ,EAErC,GAA0B5B,GAAS,KAC/B,GAAI,CACAA,EAAOoB,EAAKQ,CAAQ,CACxB,MAAgB,CAAC,CAGrB,GAA0B5B,GAAS,KAE3B4B,EAAS,YAAY,IAAM,QAASE,EAAI,KAAKV,EAAK,SAAS,EAC1DU,EAAI,KAAK,aAAa,OAAAF,EAAQ,cAAa,UAG5C5B,EAAK,YAAY,OAAS,eAAgB,CAC1C,IAAM+B,EAAI,CAAC,EACX,QAAWC,KAAOhC,EAEd+B,EAAEC,EAAI,IAAI,EAAIhC,EAAKgC,EAAI,IAAI,EAAE,MAEjCF,EAAI,KAAKC,CAAC,CACd,SAAW,CAAC/B,EAAK,YAAY,KAAK,YAAY,EAAE,SAAS,KAAK,EAC1D8B,EAAI,KAAK,CACL,CAACF,CAAQ,EAAG5B,CAChB,CAAC,MACE,CACH,IAAM+B,EAAI,CAAC,EAEX,QAAWC,KAAOhC,EACd+B,EAAEC,CAAG,EAAIhC,EAAKgC,CAAG,EAErBF,EAAI,KAAKC,CAAC,CACd,CAGR,MACID,EAAI,KAAK,KAAK,QAAQV,EAAMC,CAAW,CAAC,CAEhD,CAAC,EAEMS,CACX,CAWA,MAAM,QAAQpD,EAAKuD,EAAW,CAE1B,GAAI,CAAC,MACD,OAAAvE,EAAG,IAAI,EAAG,aAAc,yDAAyD,EAAE,EAC5E,0DAEX,GAAI,CAACgB,EACD,OAAAhB,EAAG,IAAI,EAAG,aAAc,2CAA2C,EAAE,EAC9D,4CAEX,GAAI,CAACuE,GAAa,CAACA,EAAU,GACzB,OAAAvE,EAAG,IAAI,EAAG,aAAc,4FAA4F,EAAE,EAC/G,6FAIX,IAAIgC,EACJ,GAAI,CACAA,EAAW,MAAM,MAAMhB,CAAG,CAC9B,OAASwD,EAAO,CACZ,OAAAxE,EAAG,IAAI,EAAG,aAAc,kBAAkB,OAAAgB,EAAG,cAAcwD,EAAM,OAAO,EAAE,EACnEA,EAAM,OACjB,CACA,GAAI,CAACxC,EAAS,GACV,OAAAhC,EAAG,IAAI,EAAG,aAAc,kBAAkB,OAAAgB,EAAG,sBAAqB,OAAAgB,EAAS,WAAU,IAAG,EAAE,EACnFA,EAAS,WAIpB,IAAMC,EAAc,MAAMD,EAAS,QAAQ,IAAI,cAAc,EACzDZ,EAAO,KACPa,IACIA,EAAY,SAAS,WAAW,EAChCb,EAAO,OACAa,EAAY,SAAS,kBAAkB,EAC9Cb,EAAO,OACAa,EAAY,SAAS,qBAAqB,EACjDb,EAAO,OACAa,EAAY,SAAS,QAAQ,EACpCb,EAAO,QACAa,EAAY,SAAS,QAAQ,EACpCb,EAAO,QACAa,EAAY,SAAS,iBAAiB,EAC7Cb,EAAO,MACAa,EAAY,SAAS,YAAY,IACxCb,EAAO,SAKf,IAAIqD,EAAO,GACPC,EAAY,qBACZxC,EACJ,OAAQd,EAAM,CACV,IAAK,OAAQ,CACTc,EAAO,MAAMF,EAAS,KAAK,EAC3ByC,EAAOvC,EACP,KACJ,CAEA,IAAK,OAAQ,CACTA,EAAO,MAAMF,EAAS,KAAK,EAC3ByC,EAAO,iCACPA,GAAQ,KAAK,gBAAgBvC,CAAI,EACjCuC,GAAQ,SACR,KACJ,CAEA,IAAK,OAAQ,CACTvC,EAAO,MAAMF,EAAS,SAAS,EAC/ByC,EAAO,iCACPA,GAAQ,KAAK,gBAAgBvC,CAAI,EACjCuC,GAAQ,SACR,KACJ,CAEA,IAAK,QAAS,CACVvC,EAAO,MAAMF,EAAS,KAAK,EAC3ByC,EAAO,aAAa,WAAI,gBAAgBvC,CAAI,EAAC,MACzC,KAAK,OAAO,YACZwC,EAAY,oEACZ1E,EAAG,IAAI,OAAQ,mBAAoB0E,CAAS,EAAE,GAElD,KACJ,CAEA,IAAK,QAAS,CACVxC,EAAO,MAAMF,EAAS,KAAK,EAC3ByC,EAAO,yCAAyC,WAAI,gBAAgBvC,CAAI,EAAC,cACrE,KAAK,OAAO,YACZwC,EAAY,oEACZ1E,EAAG,IAAI,OAAQ,mBAAoB0E,CAAS,EAAE,GAElD,KACJ,CAEA,IAAK,MACL,IAAK,OACL,QAAS,CACLxC,EAAO,MAAMF,EAAS,KAAK,EAC3ByC,EAAO,kEAAkE,WAAI,gBAAgBvC,CAAI,EAAC,MAC9F,KAAK,OAAO,YACZwC,EAAY,oEACZ1E,EAAG,IAAI,OAAQ,cAAc,OAAAoB,GAAQsD,CAAS,EAAE,GAEpD,KACJ,CACJ,CAGA,OAAAH,EAAU,KAAO,MACjBA,EAAU,KAAOE,EACZF,EAAU,SAAQA,EAAU,OAAS,QACrCA,EAAU,aAAYA,EAAU,WAAa,CAAE,MAAO,UAAW,GAGtE,KAAK,WAAW,CACZ,WAAY,CACRA,CACJ,CACJ,CAAC,EAEDvE,EAAG,IAAI,QAAS,cAAc,OAAAoB,GAAQsD,CAAS,EAAE,EAC1CA,CAEX,CACJ,EAnnCIrE,EAdOL,EAcA,OAdAA,GAmoCXD,EAAO,QAAUE",
+  "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-2023 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\nconst Ui = class Ui {\n    version = '6.6.0-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    window\n\n    /** Log function - passed in constructor or will be a dummy function\n     * @type {function}\n     */\n    static log\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        if (win) this.window = 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        this.document = this.window.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\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    // TODO Add multi-slot\n    /** Replace or add an HTML element's slot from text or an HTML string\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 {*} component The component we are trying to add/replace\n     */\n    replaceSlot(el, component) {\n        if (!component.slot) return\n        if (!el) return\n\n        // If DOMPurify is loaded, apply it now\n        if (this.window['DOMPurify']) component.slot = this.window['DOMPurify'].sanitize(component.slot)\n        // Set the component content to the msg.payload or the slot property\n        el.innerHTML = component.slot\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 (!this.window['markdownit']) return mdText\n\n        const opts = { // eslint-disable-line object-shorthand\n            html: true,\n            linkify: true,\n            _highlight: true,\n            langPrefix: 'language-',\n            highlight(str, lang) {\n                if (lang && this.window['hljs'] && this.window['hljs'].getLanguage(lang)) {\n                    try {\n                        return `<pre class=\"highlight\" data-language=\"${lang.toUpperCase()}\">\n                                <code class=\"language-${lang}\">${this.window['hljs'].highlightAuto(str).value}</code></pre>`\n                    } finally { } // eslint-disable-line no-empty\n                }\n                return `<pre class=\"highlight\"><code>${md.utils.escapeHtml(str)}</code></pre>`\n            },\n        }\n        const md = this.window['markdownit'](opts)\n        // Convert from markdown to HTML\n        return md.render(mdText)\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 (!this.window['DOMPurify']) return html\n        return this.window['DOMPurify'].sanitize(html, { ADD_TAGS: this.sanitiseExtraTags, ADD_ATTR: this.sanitiseExtraAttribs })\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    /** 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 = this.document.createElement('script')\n        newScript.src = url\n        newScript.async = false\n        this.document.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 = this.document.createElement('link')\n        newStyle.href = url\n        newStyle.rel = 'stylesheet'\n        newStyle.type = 'text/css'\n\n        this.document.head.appendChild(newStyle)\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 = this.document.createElement('script')\n        newScript.async = false\n        newScript.textContent = textFn\n        this.document.head.appendChild(newScript)\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 = this.document.createElement('style')\n        newStyle.textContent = textFn\n        this.document.head.appendChild(newStyle)\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 += msg.payload\n        if (ui.content) content += ui.content\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 = this.document.getElementById('toaster')\n        if (toaster === null) {\n            toaster = this.document.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            this.document.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 = this.document.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    /** 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                    ev.currentTarget.userAction = 'close'\n                    resolve(ev)\n                })\n                notify.addEventListener('click', ev => {\n                    ev.currentTarget.userAction = 'click'\n                    resolve(ev)\n                })\n                notify.addEventListener('error', ev => {\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    /** 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    /** 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    // 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\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                // 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            })\n        }\n\n        //#region Add Slot content to innerHTML\n        if (comp.slot) {\n            this.replaceSlot(el, comp)\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    uiEnhanceElement(el, comp) {\n        this._uiComposeComponent(el, comp)\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            } else if (compToAdd.ns === 'svg') {\n                newEl = this.document.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 = this.document.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    // 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 = this.document.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 = this.document.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 = this.document.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToAdd.ns = 'dom'\n                    newEl = this.document.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 = this.document.querySelector(compToAdd.parent)\n            } else if (ui.parent) {\n                elParent = this.document.querySelector(ui.parent)\n            }\n            if (!elParent) {\n                Ui.log('info', 'Ui:_uiAdd', 'No parent found, adding to body')()\n                elParent = this.document.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    // 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 = [this.document.querySelector(compToRemove)]\n            else els = this.document.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 'this.document': '##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 = this.document.getElementById(compToReplace.id) // .querySelector(`#${compToReplace.id}`)\n            } else if (compToReplace.selector || compToReplace.select) {\n                elToReplace = this.document.querySelector(compToReplace.selector)\n            } else if (compToReplace.name) {\n                elToReplace = this.document.querySelector(`[name=\"${compToReplace.name}\"]`)\n            } else if (compToReplace.type) {\n                elToReplace = this.document.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 = this.document.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 = this.document.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToReplace.ns = 'dom'\n                    newEl = this.document.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:_uiManager:update', 'Starting _uiUpdate')()\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', `Component #${i}`, compToUpd)()\n\n            /** @type {NodeListOf<Element>} */\n            let elToUpd\n\n            // 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.id) {\n                // NB We don't use get by id because this way the code is simpler later on\n                elToUpd = this.document.querySelectorAll(`#${compToUpd.id}`)\n            } else if (compToUpd.selector || compToUpd.select) {\n                elToUpd = this.document.querySelectorAll(compToUpd.selector)\n            } else if (compToUpd.name) {\n                elToUpd = this.document.querySelectorAll(`[name=\"${compToUpd.name}\"]`)\n            } else if (compToUpd.type) {\n                elToUpd = this.document.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 => {\n                this._uiComposeComponent(el, compToUpd)\n            })\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToUpd.components) {\n                elToUpd.forEach(el => {\n                    Ui.log('trace', '_uiUpdate:components', 'el', el)()\n                    this._uiUpdate({\n                        method: ui.method,\n                        parentEl: el,\n                        components: compToUpd.components,\n                    })\n                })\n            }\n\n        })\n    } // --- end of _uiUpdate ---\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                await 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 a reload request */\n    _uiReload() {\n        Ui.log('trace', 'Ui:uiManager:reload', 'reloading')()\n        location.reload()\n    }\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.method) {\n                Ui.log('error', 'Ui:_uiManager', `No method defined for msg._ui[${i}]. Ignoring`)()\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\n    } // --- end of _uiManager ---\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 = this.document.querySelectorAll(`${cssSelector} li`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'DL') {\n            const listEntries = this.document.querySelectorAll(`${cssSelector} dt`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'TABLE') {\n            const bodyEntries = this.document.querySelectorAll(`${cssSelector} > tbody > tr`)\n            const headEntries = this.document.querySelectorAll(`${cssSelector} > thead > tr`)\n            const cols = this.document.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            }\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    /** 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>} */ (this.document.querySelectorAll(cssSelector))\n\n        const out = []\n\n        selection.forEach(node => {\n            // Specific property asked for ...\n            if (propName !== null && propName !== '') {\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                    // Nightmare of different object types in a DOM Element!\n                    if (prop.constructor.name === 'NamedNodeMap') { // Attributes\n                        const p = {}\n                        for (const key of prop) {\n                            // @ts-ignore\n                            p[key.name] = prop[key.name].value\n                        }\n                        out.push(p)\n                    } else if (!prop.constructor.name.toLowerCase().includes('map')) { // Ordinary properties\n                        out.push({\n                            [propName]: prop\n                        })\n                    } else { // Other MAP types\n                        const p = {}\n                        // @ts-ignore\n                        for (const key in prop) {\n                            p[key] = prop[key]\n                        }\n                        out.push(p)\n                    }\n                }\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    /** 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 (this.window['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 (this.window['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 (this.window['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\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", "json", "msg", "el", "component", "mdText", "opts", "str", "lang", "md", "html", "url", "newScript", "newStyle", "textFn", "type", "ui", "content", "toaster", "toast", "evt", "config", "notify", "resolve", "reject", "ev", "permit", "response", "contentType", "data", "err", "comp", "attrib", "prop", "parentEl", "components", "ns", "compToAdd", "i", "newEl", "isRecurse", "elParent", "all", "compToRemove", "els", "compToReplace", "elToReplace", "compToUpd", "elToUpd", "__toESM", "__require", "script", "sheet", "node", "cssSelector", "thisOut", "listEntries", "bodyEntries", "headEntries", "cols", "v", "propName", "selection", "out", "p", "key", "uiOptions", "error", "slot", "txtReturn"]
 }
diff --git a/front-end/uibuilder.esm.js b/front-end/uibuilder.esm.js
index f8330c13..5e757d12 100644
--- a/front-end/uibuilder.esm.js
+++ b/front-end/uibuilder.esm.js
@@ -1020,7 +1020,7 @@ var require_ui = __commonJS({
 // src/front-end-module/uibuilder.module.js
 var import_ui = __toESM(require_ui());
 
-// src/components/uib-var/uib-var.js
+// src/components/uib-var.js
 var _UibVar = class _UibVar extends HTMLElement {
   //#endregion --- Class Properties ---
   constructor() {
@@ -4650,7 +4650,7 @@ function syntaxHighlight(json) {
   return json;
 }
 var _ui = new import_ui.default(window, log, syntaxHighlight);
-var _a, _pingInterval, _propChangeCallbacks, _msgRecvdByTopicCallbacks, _timerid, _MsgHandler, _isShowMsg, _isShowStatus, _intersectionObserver, _extCommands, _managedVars, _showStatus, _uiObservers;
+var _a, _pingInterval, _propChangeCallbacks, _msgRecvdByTopicCallbacks, _timerid, _MsgHandler, _isShowMsg, _isShowStatus, _intersectionObserver, _sendUrlHash, _extCommands, _managedVars, _showStatus, _uiObservers;
 var Uib = (_a = class {
   // ---- End of ioSetup ---- //
   //#endregion -------- ------------ -------- //
@@ -4690,6 +4690,8 @@ var Uib = (_a = class {
     __privateAdd(this, _isShowStatus, false);
     // Has an IntersectionObserver been created? If so, this will hold the reference to it
     __privateAdd(this, _intersectionObserver, void 0);
+    // If true, URL hash changes send msg back to node-red. Controlled by watchUrlHash()
+    __privateAdd(this, _sendUrlHash, false);
     // Externally accessible command functions (NB: Case must match) - remember to update _uibCommand for new commands
     __privateAdd(this, _extCommands, [
       "get",
@@ -4776,6 +4778,8 @@ var Uib = (_a = class {
     __publicField(this, "purify", false);
     // Is the Markdown-IT library loaded? Updated in start()
     __publicField(this, "markdown", false);
+    // Current URL hash. Initial set is done from start->watchHashChanges via a set to make it watched
+    __publicField(this, "urlHash", location.hash);
     //#endregion ---- ---- ---- ---- //
     // TODO Move to proper getters/setters
     //#region ---- Externally Writable (via .set method, read via .get method) ---- //
@@ -5300,6 +5304,50 @@ var Uib = (_a = class {
     return exists;
   }
   // --- End of elementExists --- //
+  /** Only keep the URL Hash & ignoring query params
+   * @param {string} url URL to extract the hash from
+   * @returns {string} Just the route id
+   */
+  keepHashFromUrl(url2) {
+    if (!url2)
+      return "";
+    return "#" + url2.replace(/^.*#(.*)/, "$1").replace(/\?.*$/, "");
+  }
+  /** Set up an event listener to watch for hash changes
+   * and set the watchable urlHash variable
+   */
+  _watchHashChanges() {
+    this.set("urlHash", location.hash);
+    window.addEventListener("hashchange", (event2) => {
+      this.set("urlHash", location.hash);
+      if (__privateGet(this, _sendUrlHash) === true) {
+        this.send({ topic: "hashChange", payload: location.hash, newHash: this.keepHashFromUrl(event2.newURL), oldHash: this.keepHashFromUrl(event2.oldURL) });
+      }
+    });
+  }
+  /** Returns true/false or a default value for truthy/falsy and other values
+   * @param {string|number|boolean|*} val The value to test
+   * @param {any} deflt Default value to use if the value is not truthy/falsy
+   * @returns {boolean|any} The truth! Or the default
+   */
+  truthy(val, deflt) {
+    let ret;
+    if (["on", "On", "ON", "true", "True", "TRUE", "1", true, 1].includes(val))
+      ret = true;
+    else if (["off", "Off", "OFF", "false", "False", "FALSE", "0", false, 0].includes(val))
+      ret = false;
+    else
+      ret = deflt;
+    return ret;
+  }
+  /** Turn on/off/toggle sending URL hash changes back to Node-RED
+   * @param {string|number|boolean|undefined} [toggle] Optional on/off/etc
+   * @returns {boolean} True if we will send a msg to Node-RED on a hash change
+   */
+  watchUrlHash(toggle) {
+    __privateSet(this, _sendUrlHash, this.truthy(toggle, __privateGet(this, _sendUrlHash) !== true));
+    return __privateGet(this, _sendUrlHash);
+  }
   //#endregion -------- -------- -------- //
   //#region ------- UI handlers --------- //
   //#region -- Direct to _ui --
@@ -5918,8 +5966,9 @@ var Uib = (_a = class {
         msg.payload[entry.key] = entry.val;
       });
     }
-    if (domevent.type === "change")
-      msg._ui.newValue = msg.payload.value = domevent.target.value;
+    if (domevent.type === "change") {
+      msg._ui.newValue = msg.payload.value = "checked" in target ? target.checked : domevent.target.value;
+    }
     log("trace", "Uib:eventSend", "Sending msg to Node-RED", msg)();
     if (target.dataset && target.dataset.length === 0)
       log("warn", "Uib:eventSend", "No payload in msg. data-* attributes should be used.")();
@@ -5927,8 +5976,10 @@ var Uib = (_a = class {
   }
   /** Easily send the entire DOM/HTML msg back to Node-RED
    * @param {string} [originator] A Node-RED node ID to return the message to
+   * @param {boolean} [send] If true (default) directly send response to Node-RED. Is false when calling from Node-RED as a command.
+   * @returns {string} The HTML as a string
    */
-  htmlSend(originator = "") {
+  htmlSend(originator = "", send = true) {
     const out = `<!doctype html>
 ${document.documentElement.outerHTML}`;
     const msg = {
@@ -5937,7 +5988,9 @@ ${document.documentElement.outerHTML}`;
       topic: this.topic
     };
     log("trace", "Uib:htmlSend", "Sending full HTML to Node-RED", msg)();
-    this._send(msg, this._ioChannels.client, originator);
+    if (send === true)
+      this._send(msg, this._ioChannels.client, originator);
+    return out;
   }
   /** Process msg._uib.command - Remember to update #extCommands with new allowed commands
    * @param {object} msg Msg from Node-RED containing a msg._uib object
@@ -5976,7 +6029,7 @@ ${document.documentElement.outerHTML}`;
         break;
       }
       case "htmlSend": {
-        response = this.htmlSend();
+        response = this.htmlSend("", false);
         break;
       }
       case "include": {
@@ -6011,6 +6064,10 @@ ${document.documentElement.outerHTML}`;
         response = this.uiWatch(prop);
         break;
       }
+      case "watchUrlHash": {
+        response = this.watchUrlHash(prop);
+        break;
+      }
       default: {
         log("warning", "Uib:_uibCommand", `Command '${cmd}' not yet implemented`)();
         break;
@@ -6359,6 +6416,7 @@ ioPath: ${this.ioPath}`)();
     } else {
       log("error", "Uib:start", "Start completed. ERROR: Socket.IO client library NOT LOADED.")();
     }
+    this._watchHashChanges();
     if (window["Vue"]) {
       this.set("isVue", true);
       try {
@@ -6391,7 +6449,7 @@ ioPath: ${this.ioPath}`)();
     this._dispatchCustomEvent("uibuilder:startComplete");
   }
   //#endregion -------- ------------ -------- //
-}, _pingInterval = new WeakMap(), _propChangeCallbacks = new WeakMap(), _msgRecvdByTopicCallbacks = new WeakMap(), _timerid = new WeakMap(), _MsgHandler = new WeakMap(), _isShowMsg = new WeakMap(), _isShowStatus = new WeakMap(), _intersectionObserver = new WeakMap(), _extCommands = new WeakMap(), _managedVars = new WeakMap(), _showStatus = new WeakMap(), _uiObservers = new WeakMap(), //#region --- Static variables ---
+}, _pingInterval = new WeakMap(), _propChangeCallbacks = new WeakMap(), _msgRecvdByTopicCallbacks = new WeakMap(), _timerid = new WeakMap(), _MsgHandler = new WeakMap(), _isShowMsg = new WeakMap(), _isShowStatus = new WeakMap(), _intersectionObserver = new WeakMap(), _sendUrlHash = new WeakMap(), _extCommands = new WeakMap(), _managedVars = new WeakMap(), _showStatus = new WeakMap(), _uiObservers = new WeakMap(), //#region --- Static variables ---
 __publicField(_a, "_meta", {
   version,
   type: "module",
diff --git a/front-end/uibuilder.esm.min.js b/front-end/uibuilder.esm.min.js
index 2c7db444..a4e1459c 100644
--- a/front-end/uibuilder.esm.min.js
+++ b/front-end/uibuilder.esm.min.js
@@ -1,2 +1,2 @@
-var _t=Object.create;var le=Object.defineProperty;var Et=Object.getOwnPropertyDescriptor;var Ct=Object.getOwnPropertyNames;var St=Object.getPrototypeOf,Nt=Object.prototype.hasOwnProperty;var xt=(s,e,t)=>e in s?le(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var Be=(s=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(s,{get:(e,t)=>(typeof require<"u"?require:e)[t]}):s)(function(s){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+s+'" is not supported')});var Ot=(s,e)=>()=>(e||s((e={exports:{}}).exports,e),e.exports),Rt=(s,e)=>{for(var t in e)le(s,t,{get:e[t],enumerable:!0})},At=(s,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of Ct(e))!Nt.call(s,n)&&n!==t&&le(s,n,{get:()=>e[n],enumerable:!(i=Et(e,n))||i.enumerable});return s};var _e=(s,e,t)=>(t=s!=null?_t(St(s)):{},At(e||!s||!s.__esModule?le(t,"default",{value:s,enumerable:!0}):t,s));var h=(s,e,t)=>(xt(s,typeof e!="symbol"?e+"":e,t),t),De=(s,e,t)=>{if(!e.has(s))throw TypeError("Cannot "+t)};var u=(s,e,t)=>(De(s,e,"read from private field"),t?t.call(s):e.get(s)),C=(s,e,t)=>{if(e.has(s))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(s):e.set(s,t)},A=(s,e,t,i)=>(De(s,e,"write to private field"),i?i.call(s,t):e.set(s,t),t);var qe=Ot((ii,Pe)=>{var d,Tt=(d=class{constructor(e,t,i){h(this,"version","6.6.0-src");h(this,"sanitiseExtraTags",["uib-var"]);h(this,"sanitiseExtraAttribs",["variable","report","undefined"]);h(this,"window");if(e)this.window=e;else throw new Error("Ui:constructor. Current environment does not include `window`, UI functions cannot be used.");this.document=this.window.document,t?d.log=t:d.log=function(){return function(){}},i?this.syntaxHighlight=i:this.syntaxHighlight=function(){}}ui(e){let t={};e._ui?t=e:t._ui=e,this._uiManager(t)}replaceSlot(e,t){t.slot&&e&&(this.window.DOMPurify&&(t.slot=this.window.DOMPurify.sanitize(t.slot)),e.innerHTML=t.slot)}convertMarkdown(e){if(!e)return"";if(!this.window.markdownit)return e;let t={html:!0,linkify:!0,_highlight:!0,langPrefix:"language-",highlight(n,r){if(r&&this.window.hljs&&this.window.hljs.getLanguage(r))try{return'<pre class="highlight" data-language="'.concat(r.toUpperCase(),'">\n                                <code class="language-').concat(r,'">').concat(this.window.hljs.highlightAuto(n).value,"</code></pre>")}finally{}return'<pre class="highlight"><code>'.concat(i.utils.escapeHtml(n),"</code></pre>")}},i=this.window.markdownit(t);return i.render(e)}sanitiseHTML(e){return this.window.DOMPurify?this.window.DOMPurify.sanitize(e,{ADD_TAGS:this.sanitiseExtraTags,ADD_ATTR:this.sanitiseExtraAttribs}):e}replaceSlotMarkdown(e,t){e&&t.slotMarkdown&&(t.slotMarkdown=this.convertMarkdown(t.slotMarkdown),t.slotMarkdown=this.sanitiseHTML(t.slotMarkdown),e.innerHTML=t.slotMarkdown)}loadScriptSrc(e){let t=this.document.createElement("script");t.src=e,t.async=!1,this.document.head.appendChild(t)}loadStyleSrc(e){let t=this.document.createElement("link");t.href=e,t.rel="stylesheet",t.type="text/css",this.document.head.appendChild(t)}loadScriptTxt(e){let t=this.document.createElement("script");t.async=!1,t.textContent=e,this.document.head.appendChild(t)}loadStyleTxt(e){let t=this.document.createElement("style");t.textContent=e,this.document.head.appendChild(t)}showDialog(e,t,i){let n="";if(i.payload&&typeof i.payload=="string"&&(n+=i.payload),t.content&&(n+=t.content),n===""){d.log(1,"Ui:showDialog","Toast content is blank. Not shown.")();return}!t.title&&i.topic&&(t.title=i.topic),t.title&&(n='<p class="toast-head">'.concat(t.title,"</p><p>").concat(n,"</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,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 r=this.document.getElementById("toaster");r===null&&(r=this.document.createElement("div"),r.id="toaster",r.title="Click to clear all notifcations",r.setAttribute("class","toaster"),r.setAttribute("role","dialog"),r.setAttribute("arial-label","Toast message"),r.onclick=function(){r.remove()},this.document.body.insertAdjacentElement("afterbegin",r));let o=this.document.createElement("div");o.title="Click to clear this notifcation",o.setAttribute("class","toast ".concat(t.variant?t.variant:""," ").concat(e)),o.innerHTML=n,o.setAttribute("role","alertdialog"),t.modal&&o.setAttribute("aria-modal",t.modal),o.onclick=function(c){c.stopPropagation(),o.remove(),r.childElementCount<1&&r.remove()},r.insertAdjacentElement(t.appendToast===!0?"beforeend":"afterbegin",o),t.autohide===!0&&setInterval(()=>{o.remove(),r.childElementCount<1&&r.remove()},t.autoHideDelay)}_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,n)=>{t.addEventListener("close",r=>{r.currentTarget.userAction="close",i(r)}),t.addEventListener("click",r=>{r.currentTarget.userAction="click",i(r)}),t.addEventListener("error",r=>{r.currentTarget.userAction="error",n(r)})})}catch{return Promise.reject(new Error("Browser refused to create a Notification"))}}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")))}loadui(e){if(!fetch){d.log(0,"Ui:loadui","Current environment does not include `fetch`, skipping.")();return}if(!e){d.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));d.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?(d.log("trace","Ui:loadui:then2","Parsed JSON successfully obtained")(),this._uiManager({_ui:t}),!0):!1).catch(t=>{d.log("warn","Ui:loadui:catch","Error. ",t)()})}_uiComposeComponent(e,t){t.attributes&&Object.keys(t.attributes).forEach(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,n=>{new Function("evt","".concat(t.events[i],"(evt)"))(n)})}catch(n){d.log("error","Ui:_uiComposeComponent","Add event '".concat(i,"' for element '").concat(t.type,"': Cannot add event handler. ").concat(n.message))()}}),t.properties&&Object.keys(t.properties).forEach(i=>{e[i]=t.properties[i]}),t.slot&&this.replaceSlot(e,t),t.slotMarkdown&&this.replaceSlotMarkdown(e,t)}uiEnhanceElement(e,t){this._uiComposeComponent(e,t)}_uiExtendEl(e,t,i=""){t.forEach((n,r)=>{d.log("trace","Ui:_uiExtendEl:components-forEach:".concat(r),n)();let o;n.ns=i,n.ns==="html"?(o=e,e.innerHTML=n.slot):n.ns==="svg"?(o=this.document.createElementNS("http://www.w3.org/2000/svg",n.type),this._uiComposeComponent(o,n),e.appendChild(o)):(o=this.document.createElement(n.type==="html"?"div":n.type),this._uiComposeComponent(o,n),e.appendChild(o)),n.components&&this._uiExtendEl(o,n.components,n.ns)})}_uiAdd(e,t){d.log("trace","Ui:_uiManager:add","Starting _uiAdd")(),e.components.forEach((i,n)=>{d.log("trace","Ui:_uiAdd:components-forEach:".concat(n),"Component to add: ",i)();let r;switch(i.type){case"html":{i.ns="html",r=this.document.createElement("div");break}case"svg":{i.ns="svg",r=this.document.createElementNS("http://www.w3.org/2000/svg","svg");break}default:{i.ns="dom",r=this.document.createElement(i.type);break}}!i.slot&&e.payload&&(i.slot=e.payload),this._uiComposeComponent(r,i);let o;i.parentEl?o=i.parentEl:e.parentEl?o=e.parentEl:i.parent?o=this.document.querySelector(i.parent):e.parent&&(o=this.document.querySelector(e.parent)),o||(d.log("info","Ui:_uiAdd","No parent found, adding to body")(),o=this.document.querySelector("body")),i.position&&i.position==="first"?o.insertBefore(r,o.firstChild):i.position&&Number.isInteger(Number(i.position))?o.insertBefore(r,o.children[i.position]):o.appendChild(r),i.components&&this._uiExtendEl(r,i.components,i.ns)})}_uiRemove(e,t=!1){e.components.forEach(i=>{let n;t!==!0?n=[this.document.querySelector(i)]:n=this.document.querySelectorAll(i),n.forEach(r=>{try{r.remove()}catch(o){d.log("trace","Ui:_uiRemove","Could not remove. ".concat(o.message))()}})})}_uiReplace(e){d.log("trace","Ui:_uiReplace","Starting")(),e.components.forEach((t,i)=>{d.log("trace","Ui:_uiReplace:components-forEach:".concat(i),"Component to replace: ",t)();let n;if(t.id?n=this.document.getElementById(t.id):t.selector||t.select?n=this.document.querySelector(t.selector):t.name?n=this.document.querySelector('[name="'.concat(t.name,'"]')):t.type&&(n=this.document.querySelector(t.type)),d.log("trace","Ui:_uiReplace:components-forEach:".concat(i),"Element to replace: ",n)(),n==null){d.log("trace","Ui:_uiReplace:components-forEach:".concat(i,":noReplace"),"Cannot find the DOM element. Adding instead.",t)(),this._uiAdd({components:[t]},!1);return}let r;switch(t.type){case"html":{t.ns="html",r=this.document.createElement("div");break}case"svg":{t.ns="svg",r=this.document.createElementNS("http://www.w3.org/2000/svg","svg");break}default:{t.ns="dom",r=this.document.createElement(t.type);break}}this._uiComposeComponent(r,t),n.replaceWith(r),t.components&&this._uiExtendEl(r,t.components,t.ns)})}_uiUpdate(e){d.log("trace","Ui:_uiManager:update","Starting _uiUpdate")(),e.components||(e.components=[Object.assign({},e)]),e.components.forEach((t,i)=>{d.log("trace","_uiUpdate:components-forEach","Component #".concat(i),t)();let n;if(t.id?n=this.document.querySelectorAll("#".concat(t.id)):t.selector||t.select?n=this.document.querySelectorAll(t.selector):t.name?n=this.document.querySelectorAll('[name="'.concat(t.name,'"]')):t.type&&(n=this.document.querySelectorAll(t.type)),n===void 0||n.length<1){d.log("warn","Ui:_uiManager:update","Cannot find the DOM element. Ignoring.",t)();return}d.log("trace","_uiUpdate:components-forEach","Element(s) to update. Count: ".concat(n.length),n)(),!t.slot&&t.payload&&(t.slot=t.payload),n.forEach(r=>{this._uiComposeComponent(r,t)}),t.components&&n.forEach(r=>{d.log("trace","_uiUpdate:components","el",r)(),this._uiUpdate({method:e.method,parentEl:r,components:t.components})})})}_uiLoad(e){e.components&&(Array.isArray(e.components)||(e.components=[e.components]),e.components.forEach(async t=>{await Promise.resolve().then(()=>_e(Be(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")))}_uiReload(){d.log("trace","Ui:uiManager:reload","reloading")(),location.reload()}_uiManager(e){e._ui&&(Array.isArray(e._ui)||(e._ui=[e._ui]),e._ui.forEach((t,i)=>{if(!t.method){d.log("error","Ui:_uiManager","No method defined for msg._ui[".concat(i,"]. Ignoring"))();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:{d.log("error","Ui:_uiManager","Invalid msg._ui[".concat(i,"].method (").concat(t.method,"). Ignoring"))();break}}}))}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 n=this.document.querySelectorAll("".concat(t," li"));n&&(i.list={entries:n.length})}if(e.nodeName==="DL"){let n=this.document.querySelectorAll("".concat(t," dt"));n&&(i.list={entries:n.length})}if(e.nodeName==="TABLE"){let n=this.document.querySelectorAll("".concat(t," > tbody > tr")),r=this.document.querySelectorAll("".concat(t," > thead > tr")),o=this.document.querySelectorAll("".concat(t," > tbody > tr:last-child > *"));(n||r||o)&&(i.table={headRows:r?r.length:0,bodyRows:n?n.length:0,columns:o?o.length:0})}if(e.nodeName!=="#text"&&e.attributes&&e.attributes.length>0){i.attributes={};for(let n of e.attributes)n.name!=="id"&&(i.attributes[n.name]=e.attributes[n.name].value)}e.nodeName==="#text"&&(i.text=e.textContent),e.validity&&(i.userInput.validity={});for(let n in e.validity)i.userInput.validity[n]=e.validity[n];return i}uiGet(e,t=null){let i=this.document.querySelectorAll(e),n=[];return i.forEach(r=>{if(t!==null&&t!==""){let o=r.getAttribute(t);if(o==null)try{o=r[t]}catch{}if(o==null)t.toLowerCase()==="value"?n.push(r.innerText):n.push("Property '".concat(t,"' not found"));else if(o.constructor.name==="NamedNodeMap"){let c={};for(let l of o)c[l.name]=o[l.name].value;n.push(c)}else if(!o.constructor.name.toLowerCase().includes("map"))n.push({[t]:o});else{let c={};for(let l in o)c[l]=o[l];n.push(c)}}else n.push(this.nodeGet(r,e))}),n}async include(e,t){if(!fetch)return d.log(0,"Ui:include","Current environment does not include `fetch`, skipping.")(),"Current environment does not include `fetch`, skipping.";if(!e)return d.log(0,"Ui:include","url parameter must be provided, skipping.")(),"url parameter must be provided, skipping.";if(!t||!t.id)return d.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(m){return d.log(0,"Ui:include","Fetch of file '".concat(e,"' failed. "),m.message)(),m.message}if(!i.ok)return d.log(0,"Ui:include","Fetch of file '".concat(e,"' failed. Status='").concat(i.statusText,"'"))(),i.statusText;let n=await i.headers.get("content-type"),r=null;n&&(n.includes("text/html")?r="html":n.includes("application/json")?r="json":n.includes("multipart/form-data")?r="form":n.includes("image/")?r="image":n.includes("video/")?r="video":n.includes("application/pdf")?r="pdf":n.includes("text/plain")&&(r="text"));let o="",c="Include successful",l;switch(r){case"html":{l=await i.text(),o=l;break}case"json":{l=await i.json(),o='<pre class="syntax-highlight">',o+=this.syntaxHighlight(l),o+="</pre>";break}case"form":{l=await i.formData(),o='<pre class="syntax-highlight">',o+=this.syntaxHighlight(l),o+="</pre>";break}case"image":{l=await i.blob(),o='<img src="'.concat(URL.createObjectURL(l),'">'),this.window.DOMPurify&&(c="Include successful. BUT DOMPurify loaded which may block its use.",d.log("warn","Ui:include:image",c)());break}case"video":{l=await i.blob(),o='<video controls autoplay><source src="'.concat(URL.createObjectURL(l),'"></video>'),this.window.DOMPurify&&(c="Include successful. BUT DOMPurify loaded which may block its use.",d.log("warn","Ui:include:video",c)());break}case"pdf":case"text":default:{l=await i.blob(),o='<iframe style="resize:both;width:inherit;height:inherit;" src="'.concat(URL.createObjectURL(l),'">'),this.window.DOMPurify&&(c="Include successful. BUT DOMPurify loaded which may block its use.",d.log("warn","Ui:include:".concat(r),c)());break}}return t.type="div",t.slot=o,t.parent||(t.parent="body"),t.attributes||(t.attributes={class:"included"}),this._uiReplace({components:[t]}),d.log("trace","Ui:include:".concat(r),c)(),c}},h(d,"log"),d);Pe.exports=Tt});var vt=_e(qe());var F=class F extends HTMLElement{constructor(){super();h(this,"variable");h(this,"value");h(this,"undefined",!1);h(this,"report",!1);h(this,"type","plain");h(this,"types",["plain","html","markdown","object"]);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","../uibuilder/uib-brand.min.css"),this.dispatchEvent(new Event("uib-var:construction",{bubbles:!0,composed:!0}))}static get observedAttributes(){return F.props}attributeChangedCallback(t,i,n){if(i!==n)switch(t){case"variable":{if(n==="")throw new Error('[uib-var] Attribute "variable" MUST be set to a UIBUILDER managed variable name');this.variable=n,this.doWatch();break}case"undefined":{n===""||["on","true","report"].includes(n.toLowerCase())?this.undefined=!0:this.undefined=!1;break}case"report":{n===""||["on","true","report"].includes(n.toLowerCase())?this.report=!0:this.report=!1;break}case"type":{n===""||!this.types.includes(n.toLowerCase())?this.type="plain":this.type=n;break}default:{this[t]=n;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(++F._iCount))}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(){if(this.value===void 0&&this.undefined!==!0){this.shadow.innerHTML="<slot></slot>";return}let t=this.value;switch(this.type){case"markdown":{this.shadow.innerHTML=window.uibuilder.sanitiseHTML(window.uibuilder.convertMarkdown(t));break}case"object":{this.shadow.innerHTML='<pre class="syntax-highlight">'.concat(window.uibuilder.syntaxHighlight(t),"</pre>");break}case"plain":case"html":default:{let i=typeof t;if(Array.isArray(t)||i==="[object Object]"||i==="object")try{this.shadow.innerHTML=JSON.stringify(t)}catch{this.shadow.innerHTML=t}else this.shadow.innerHTML=t;break}}this.shadow.appendChild(this.css)}};h(F,"_iCount",0),h(F,"props",["name","id","variable","undefined","report","type"]);var G=F;var x=Object.create(null);x.open="0";x.close="1";x.ping="2";x.pong="3";x.message="4";x.upgrade="5";x.noop="6";var X=Object.create(null);Object.keys(x).forEach(s=>{X[x[s]]=s});var Q={type:"error",data:"parser error"};var Fe=typeof Blob=="function"||typeof Blob<"u"&&Object.prototype.toString.call(Blob)==="[object BlobConstructor]",je=typeof ArrayBuffer=="function",We=s=>typeof ArrayBuffer.isView=="function"?ArrayBuffer.isView(s):s&&s.buffer instanceof ArrayBuffer,Z=({type:s,data:e},t,i)=>Fe&&e instanceof Blob?t?i(e):Ve(e,i):je&&(e instanceof ArrayBuffer||We(e))?t?i(e):Ve(new Blob([e]),i):i(x[s]+(e||"")),Ve=(s,e)=>{let t=new FileReader;return t.onload=function(){let i=t.result.split(",")[1];e("b"+(i||""))},t.readAsDataURL(s)};function He(s){return s instanceof Uint8Array?s:s instanceof ArrayBuffer?new Uint8Array(s):new Uint8Array(s.buffer,s.byteOffset,s.byteLength)}var Ee;function Ke(s,e){if(Fe&&s.data instanceof Blob)return s.data.arrayBuffer().then(He).then(e);if(je&&(s.data instanceof ArrayBuffer||We(s.data)))return e(He(s.data));Z(s,!1,t=>{Ee||(Ee=new TextEncoder),e(Ee.encode(t))})}var Je="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",ee=typeof Uint8Array>"u"?[]:new Uint8Array(256);for(let s=0;s<Je.length;s++)ee[Je.charCodeAt(s)]=s;var ze=s=>{let e=s.length*.75,t=s.length,i,n=0,r,o,c,l;s[s.length-1]==="="&&(e--,s[s.length-2]==="="&&e--);let m=new ArrayBuffer(e),b=new Uint8Array(m);for(i=0;i<t;i+=4)r=ee[s.charCodeAt(i)],o=ee[s.charCodeAt(i+1)],c=ee[s.charCodeAt(i+2)],l=ee[s.charCodeAt(i+3)],b[n++]=r<<2|o>>4,b[n++]=(o&15)<<4|c>>2,b[n++]=(c&3)<<6|l&63;return m};var $t=typeof ArrayBuffer=="function",te=(s,e)=>{if(typeof s!="string")return{type:"message",data:Ye(s,e)};let t=s.charAt(0);return t==="b"?{type:"message",data:Lt(s.substring(1),e)}:X[t]?s.length>1?{type:X[t],data:s.substring(1)}:{type:X[t]}:Q},Lt=(s,e)=>{if($t){let t=ze(s);return Ye(t,e)}else return{base64:!0,data:s}},Ye=(s,e)=>{switch(e){case"blob":return s instanceof Blob?s:new Blob([s]);case"arraybuffer":default:return s instanceof ArrayBuffer?s:s.buffer}};var Ge=String.fromCharCode(30),Xe=(s,e)=>{let t=s.length,i=new Array(t),n=0;s.forEach((r,o)=>{Z(r,!1,c=>{i[o]=c,++n===t&&e(i.join(Ge))})})},Qe=(s,e)=>{let t=s.split(Ge),i=[];for(let n=0;n<t.length;n++){let r=te(t[n],e);if(i.push(r),r.type==="error")break}return i};function Ze(){return new TransformStream({transform(s,e){Ke(s,t=>{let i=t.length,n;if(i<126)n=new Uint8Array(1),new DataView(n.buffer).setUint8(0,i);else if(i<65536){n=new Uint8Array(3);let r=new DataView(n.buffer);r.setUint8(0,126),r.setUint16(1,i)}else{n=new Uint8Array(9);let r=new DataView(n.buffer);r.setUint8(0,127),r.setBigUint64(1,BigInt(i))}s.data&&typeof s.data!="string"&&(n[0]|=128),e.enqueue(n),e.enqueue(t)})}})}var Ce;function he(s){return s.reduce((e,t)=>e+t.length,0)}function ue(s,e){if(s[0].length===e)return s.shift();let t=new Uint8Array(e),i=0;for(let n=0;n<e;n++)t[n]=s[0][i++],i===s[0].length&&(s.shift(),i=0);return s.length&&i<s[0].length&&(s[0]=s[0].slice(i)),t}function et(s,e){Ce||(Ce=new TextDecoder);let t=[],i=0,n=-1,r=!1;return new TransformStream({transform(o,c){for(t.push(o);;){if(i===0){if(he(t)<1)break;let l=ue(t,1);r=(l[0]&128)===128,n=l[0]&127,n<126?i=3:n===126?i=1:i=2}else if(i===1){if(he(t)<2)break;let l=ue(t,2);n=new DataView(l.buffer,l.byteOffset,l.length).getUint16(0),i=3}else if(i===2){if(he(t)<8)break;let l=ue(t,8),m=new DataView(l.buffer,l.byteOffset,l.length),b=m.getUint32(0);if(b>Math.pow(2,53-32)-1){c.enqueue(Q);break}n=b*Math.pow(2,32)+m.getUint32(4),i=3}else{if(he(t)<n)break;let l=ue(t,n);c.enqueue(te(r?l:Ce.decode(l),e)),i=0}if(n===0||n>s){c.enqueue(Q);break}}}})}var Se=4;function y(s){if(s)return It(s)}function It(s){for(var e in y.prototype)s[e]=y.prototype[e];return s}y.prototype.on=y.prototype.addEventListener=function(s,e){return this._callbacks=this._callbacks||{},(this._callbacks["$"+s]=this._callbacks["$"+s]||[]).push(e),this};y.prototype.once=function(s,e){function t(){this.off(s,t),e.apply(this,arguments)}return t.fn=e,this.on(s,t),this};y.prototype.off=y.prototype.removeListener=y.prototype.removeAllListeners=y.prototype.removeEventListener=function(s,e){if(this._callbacks=this._callbacks||{},arguments.length==0)return this._callbacks={},this;var t=this._callbacks["$"+s];if(!t)return this;if(arguments.length==1)return delete this._callbacks["$"+s],this;for(var i,n=0;n<t.length;n++)if(i=t[n],i===e||i.fn===e){t.splice(n,1);break}return t.length===0&&delete this._callbacks["$"+s],this};y.prototype.emit=function(s){this._callbacks=this._callbacks||{};for(var e=new Array(arguments.length-1),t=this._callbacks["$"+s],i=1;i<arguments.length;i++)e[i-1]=arguments[i];if(t){t=t.slice(0);for(var i=0,n=t.length;i<n;++i)t[i].apply(this,e)}return this};y.prototype.emitReserved=y.prototype.emit;y.prototype.listeners=function(s){return this._callbacks=this._callbacks||{},this._callbacks["$"+s]||[]};y.prototype.hasListeners=function(s){return!!this.listeners(s).length};var k=(()=>typeof self<"u"?self:typeof window<"u"?window:Function("return this")())();function de(s,...e){return e.reduce((t,i)=>(s.hasOwnProperty(i)&&(t[i]=s[i]),t),{})}var Ut=k.setTimeout,Mt=k.clearTimeout;function $(s,e){e.useNativeTimers?(s.setTimeoutFn=Ut.bind(k),s.clearTimeoutFn=Mt.bind(k)):(s.setTimeoutFn=k.setTimeout.bind(k),s.clearTimeoutFn=k.clearTimeout.bind(k))}var Bt=1.33;function tt(s){return typeof s=="string"?Dt(s):Math.ceil((s.byteLength||s.size)*Bt)}function Dt(s){let e=0,t=0;for(let i=0,n=s.length;i<n;i++)e=s.charCodeAt(i),e<128?t+=1:e<2048?t+=2:e<55296||e>=57344?t+=3:(i++,t+=4);return t}function it(s){let e="";for(let t in s)s.hasOwnProperty(t)&&(e.length&&(e+="&"),e+=encodeURIComponent(t)+"="+encodeURIComponent(s[t]));return e}function st(s){let e={},t=s.split("&");for(let i=0,n=t.length;i<n;i++){let r=t[i].split("=");e[decodeURIComponent(r[0])]=decodeURIComponent(r[1])}return e}var Ne=class extends Error{constructor(e,t,i){super(e),this.description=t,this.context=i,this.type="TransportError"}},L=class extends y{constructor(e){super(),this.writable=!1,$(this,e),this.opts=e,this.query=e.query,this.socket=e.socket}onError(e,t,i){return super.emitReserved("error",new Ne(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=te(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=it(e);return t.length?"?"+t:""}};var at="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz-_".split(""),xe=64,Pt={},nt=0,fe=0,rt;function ot(s){let e="";do e=at[s%xe]+e,s=Math.floor(s/xe);while(s>0);return e}function pe(){let s=ot(+new Date);return s!==rt?(nt=0,rt=s):s+"."+ot(nt++)}for(;fe<xe;fe++)Pt[at[fe]]=fe;var ct=!1;try{ct=typeof XMLHttpRequest<"u"&&"withCredentials"in new XMLHttpRequest}catch{}var lt=ct;function Oe(s){let e=s.xdomain;try{if(typeof XMLHttpRequest<"u"&&(!e||lt))return new XMLHttpRequest}catch{}if(!e)try{return new k[["Active"].concat("Object").join("X")]("Microsoft.XMLHTTP")}catch{}}function qt(){}var Vt=function(){return new Oe({xdomain:!1}).responseType!=null}(),me=class extends L{constructor(e){if(super(e),this.polling=!1,typeof location<"u"){let i=location.protocol==="https:",n=location.port;n||(n=i?"443":"80"),this.xd=typeof location<"u"&&e.hostname!==location.hostname||n!==e.port}let t=e&&e.forceBase64;this.supportsBinary=Vt&&!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)};Qe(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,Xe(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]=pe()),!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 I(this.uri(),e)}doWrite(e,t){let i=this.request({method:"POST",data:e});i.on("success",t),i.on("error",(n,r)=>{this.onError("xhr post error",n,r)})}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}},I=class s extends y{constructor(e,t){super(),$(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=de(this.opts,"agent","pfx","key","passphrase","cert","ca","ciphers","rejectUnauthorized","autoUnref");t.xdomain=!!this.opts.xd;let i=this.xhr=new Oe(t);try{i.open(this.method,this.uri,!0);try{if(this.opts.extraHeaders){i.setDisableHeaderCheck&&i.setDisableHeaderCheck(!0);for(let n in this.opts.extraHeaders)this.opts.extraHeaders.hasOwnProperty(n)&&i.setRequestHeader(n,this.opts.extraHeaders[n])}}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 n;i.readyState===3&&((n=this.opts.cookieJar)===null||n===void 0||n.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(n){this.setTimeoutFn(()=>{this.onError(n)},0);return}typeof document<"u"&&(this.index=s.requestsCount++,s.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=qt,e)try{this.xhr.abort()}catch{}typeof document<"u"&&delete s.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()}};I.requestsCount=0;I.requests={};if(typeof document<"u"){if(typeof attachEvent=="function")attachEvent("onunload",ht);else if(typeof addEventListener=="function"){let s="onpagehide"in k?"pagehide":"unload";addEventListener(s,ht,!1)}}function ht(){for(let s in I.requests)I.requests.hasOwnProperty(s)&&I.requests[s].abort()}var B=(()=>typeof Promise=="function"&&typeof Promise.resolve=="function"?e=>Promise.resolve().then(e):(e,t)=>t(e,0))(),ie=k.WebSocket||k.MozWebSocket,ge=!0,ut="arraybuffer";var dt=typeof navigator<"u"&&typeof navigator.product=="string"&&navigator.product.toLowerCase()==="reactnative",ye=class extends L{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=dt?{}:de(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=ge&&!dt?t?new ie(e,t):new ie(e):new ie(e,t,i)}catch(n){return this.emitReserved("error",n)}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],n=t===e.length-1;Z(i,this.supportsBinary,r=>{let o={};ge||(i.options&&(o.compress=i.options.compress),this.opts.perMessageDeflate&&(typeof r=="string"?Buffer.byteLength(r):r.length)<this.opts.perMessageDeflate.threshold&&(o.compress=!1));try{ge?this.ws.send(r):this.ws.send(r,o)}catch{}n&&B(()=>{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]=pe()),this.supportsBinary||(t.b64=1),this.createUri(e,t)}check(){return!!ie}};var be=class extends L{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=et(Number.MAX_SAFE_INTEGER,this.socket.binaryType),i=e.readable.pipeThrough(t).getReader(),n=Ze();n.readable.pipeTo(e.writable),this.writer=n.writable.getWriter();let r=()=>{i.read().then(({done:c,value:l})=>{c||(this.onPacket(l),r())}).catch(c=>{})};r();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],n=t===e.length-1;this.writer.write(i).then(()=>{n&&B(()=>{this.writable=!0,this.emitReserved("drain")},this.setTimeoutFn)})}}doClose(){var e;(e=this.transport)===null||e===void 0||e.close()}};var Re={websocket:ye,webtransport:be,polling:me};var Ht=/^(?:(?![^:@\/?#]+:[^:@\/]*@)(http|https|ws|wss):\/\/)?((?:(([^:@\/?#]*)(?::([^:@\/?#]*))?)?@)?((?:[a-f0-9]{0,4}:){2,7}[a-f0-9]{0,4}|[^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/,Ft=["source","protocol","authority","userInfo","user","password","host","port","relative","path","directory","file","query","anchor"];function j(s){let e=s,t=s.indexOf("["),i=s.indexOf("]");t!=-1&&i!=-1&&(s=s.substring(0,t)+s.substring(t,i).replace(/:/g,";")+s.substring(i,s.length));let n=Ht.exec(s||""),r={},o=14;for(;o--;)r[Ft[o]]=n[o]||"";return t!=-1&&i!=-1&&(r.source=e,r.host=r.host.substring(1,r.host.length-1).replace(/;/g,":"),r.authority=r.authority.replace("[","").replace("]","").replace(/;/g,":"),r.ipv6uri=!0),r.pathNames=jt(r,r.path),r.queryKey=Wt(r,r.query),r}function jt(s,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 Wt(s,e){let t={};return e.replace(/(?:^|&)([^&=]*)=?([^&]*)/g,function(i,n,r){n&&(t[n]=r)}),t}var D=class s extends y{constructor(e,t={}){super(),this.binaryType=ut,this.writeBuffer=[],e&&typeof e=="object"&&(t=e,e=null),e?(e=j(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=j(t.host).host),$(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=st(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=Se,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 Re[e](i)}open(){let e;if(this.opts.rememberUpgrade&&s.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;s.priorWebsocketSuccess=!1;let n=()=>{i||(t.send([{type:"ping",data:"probe"}]),t.once("packet",N=>{if(!i)if(N.type==="pong"&&N.data==="probe"){if(this.upgrading=!0,this.emitReserved("upgrading",t),!t)return;s.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 _=new Error("probe error");_.transport=t.name,this.emitReserved("upgradeError",_)}}))};function r(){i||(i=!0,b(),t.close(),t=null)}let o=N=>{let _=new Error("probe error: "+N);_.transport=t.name,r(),this.emitReserved("upgradeError",_)};function c(){o("transport closed")}function l(){o("socket closed")}function m(N){t&&N.name!==t.name&&r()}let b=()=>{t.removeListener("open",n),t.removeListener("error",o),t.removeListener("close",c),this.off("close",l),this.off("upgrading",m)};t.once("open",n),t.once("error",o),t.once("close",c),this.once("close",l),this.once("upgrading",m),this.upgrades.indexOf("webtransport")!==-1&&e!=="webtransport"?this.setTimeoutFn(()=>{i||t.open()},200):t.open()}onOpen(){if(this.readyState="open",s.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 n=this.writeBuffer[i].data;if(n&&(t+=tt(n)),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,n){if(typeof t=="function"&&(n=t,t=void 0),typeof i=="function"&&(n=i,i=null),this.readyState==="closing"||this.readyState==="closed")return;i=i||{},i.compress=i.compress!==!1;let r={type:e,data:t,options:i};this.emitReserved("packetCreate",r),this.writeBuffer.push(r),n&&this.once("flush",n),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){s.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,n=e.length;for(;i<n;i++)~this.transports.indexOf(e[i])&&t.push(e[i]);return t}};D.protocol=Se;var fs=D.protocol;function ft(s,e="",t){let i=s;t=t||typeof location<"u"&&location,s==null&&(s=t.protocol+"//"+t.host),typeof s=="string"&&(s.charAt(0)==="/"&&(s.charAt(1)==="/"?s=t.protocol+s:s=t.host+s),/^(https?|wss?):\/\//.test(s)||(typeof t<"u"?s=t.protocol+"//"+s:s="https://"+s),i=j(s)),i.port||(/^(http|ws)$/.test(i.protocol)?i.port="80":/^(http|ws)s$/.test(i.protocol)&&(i.port="443")),i.path=i.path||"/";let r=i.host.indexOf(":")!==-1?"["+i.host+"]":i.host;return i.id=i.protocol+"://"+r+":"+i.port+e,i.href=i.protocol+"://"+r+(t&&t.port===i.port?"":":"+i.port),i}var Ue={};Rt(Ue,{Decoder:()=>Le,Encoder:()=>$e,PacketType:()=>f,protocol:()=>bt});var Kt=typeof ArrayBuffer=="function",Jt=s=>typeof ArrayBuffer.isView=="function"?ArrayBuffer.isView(s):s.buffer instanceof ArrayBuffer,pt=Object.prototype.toString,zt=typeof Blob=="function"||typeof Blob<"u"&&pt.call(Blob)==="[object BlobConstructor]",Yt=typeof File=="function"||typeof File<"u"&&pt.call(File)==="[object FileConstructor]";function ne(s){return Kt&&(s instanceof ArrayBuffer||Jt(s))||zt&&s instanceof Blob||Yt&&s instanceof File}function se(s,e){if(!s||typeof s!="object")return!1;if(Array.isArray(s)){for(let t=0,i=s.length;t<i;t++)if(se(s[t]))return!0;return!1}if(ne(s))return!0;if(s.toJSON&&typeof s.toJSON=="function"&&arguments.length===1)return se(s.toJSON(),!0);for(let t in s)if(Object.prototype.hasOwnProperty.call(s,t)&&se(s[t]))return!0;return!1}function mt(s){let e=[],t=s.data,i=s;return i.data=Ae(t,e),i.attachments=e.length,{packet:i,buffers:e}}function Ae(s,e){if(!s)return s;if(ne(s)){let t={_placeholder:!0,num:e.length};return e.push(s),t}else if(Array.isArray(s)){let t=new Array(s.length);for(let i=0;i<s.length;i++)t[i]=Ae(s[i],e);return t}else if(typeof s=="object"&&!(s instanceof Date)){let t={};for(let i in s)Object.prototype.hasOwnProperty.call(s,i)&&(t[i]=Ae(s[i],e));return t}return s}function gt(s,e){return s.data=Te(s.data,e),delete s.attachments,s}function Te(s,e){if(!s)return s;if(s&&s._placeholder===!0){if(typeof s.num=="number"&&s.num>=0&&s.num<e.length)return e[s.num];throw new Error("illegal attachments")}else if(Array.isArray(s))for(let t=0;t<s.length;t++)s[t]=Te(s[t],e);else if(typeof s=="object")for(let t in s)Object.prototype.hasOwnProperty.call(s,t)&&(s[t]=Te(s[t],e));return s}var Gt=["connect","connect_error","disconnect","disconnecting","newListener","removeListener"],bt=5,f;(function(s){s[s.CONNECT=0]="CONNECT",s[s.DISCONNECT=1]="DISCONNECT",s[s.EVENT=2]="EVENT",s[s.ACK=3]="ACK",s[s.CONNECT_ERROR=4]="CONNECT_ERROR",s[s.BINARY_EVENT=5]="BINARY_EVENT",s[s.BINARY_ACK=6]="BINARY_ACK"})(f||(f={}));var $e=class{constructor(e){this.replacer=e}encode(e){return(e.type===f.EVENT||e.type===f.ACK)&&se(e)?this.encodeAsBinary({type:e.type===f.EVENT?f.BINARY_EVENT:f.BINARY_ACK,nsp:e.nsp,data:e.data,id:e.id}):[this.encodeAsString(e)]}encodeAsString(e){let t=""+e.type;return(e.type===f.BINARY_EVENT||e.type===f.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=mt(e),i=this.encodeAsString(t.packet),n=t.buffers;return n.unshift(i),n}};function yt(s){return Object.prototype.toString.call(s)==="[object Object]"}var Le=class s extends y{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===f.BINARY_EVENT;i||t.type===f.BINARY_ACK?(t.type=i?f.EVENT:f.ACK,this.reconstructor=new Ie(t),t.attachments===0&&super.emitReserved("decoded",t)):super.emitReserved("decoded",t)}else if(ne(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(f[i.type]===void 0)throw new Error("unknown packet type "+i.type);if(i.type===f.BINARY_EVENT||i.type===f.BINARY_ACK){let r=t+1;for(;e.charAt(++t)!=="-"&&t!=e.length;);let o=e.substring(r,t);if(o!=Number(o)||e.charAt(t)!=="-")throw new Error("Illegal attachments");i.attachments=Number(o)}if(e.charAt(t+1)==="/"){let r=t+1;for(;++t&&!(e.charAt(t)===","||t===e.length););i.nsp=e.substring(r,t)}else i.nsp="/";let n=e.charAt(t+1);if(n!==""&&Number(n)==n){let r=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(r,t+1))}if(e.charAt(++t)){let r=this.tryParse(e.substr(t));if(s.isPayloadValid(i.type,r))i.data=r;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 f.CONNECT:return yt(t);case f.DISCONNECT:return t===void 0;case f.CONNECT_ERROR:return typeof t=="string"||yt(t);case f.EVENT:case f.BINARY_EVENT:return Array.isArray(t)&&(typeof t[0]=="number"||typeof t[0]=="string"&&Gt.indexOf(t[0])===-1);case f.ACK:case f.BINARY_ACK:return Array.isArray(t)}}destroy(){this.reconstructor&&(this.reconstructor.finishedReconstruction(),this.reconstructor=null)}},Ie=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=gt(this.reconPack,this.buffers);return this.finishedReconstruction(),t}return null}finishedReconstruction(){this.reconPack=null,this.buffers=[]}};function S(s,e,t){return s.on(e,t),function(){s.off(e,t)}}var Xt=Object.freeze({connect:1,connect_error:1,disconnect:1,disconnecting:1,newListener:1,removeListener:1}),W=class extends y{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=[S(e,"open",this.onopen.bind(this)),S(e,"packet",this.onpacket.bind(this)),S(e,"error",this.onerror.bind(this)),S(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(Xt.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:f.EVENT,data:t};if(i.options={},i.options.compress=this.flags.compress!==!1,typeof t[t.length-1]=="function"){let o=this.ids++,c=t.pop();this._registerAckCallback(o,c),i.id=o}let n=this.io.engine&&this.io.engine.transport&&this.io.engine.transport.writable;return this.flags.volatile&&(!n||!this.connected)||(this.connected?(this.notifyOutgoingListeners(i),this.packet(i)):this.sendBuffer.push(i)),this.flags={},this}_registerAckCallback(e,t){var i;let n=(i=this.flags.timeout)!==null&&i!==void 0?i:this._opts.ackTimeout;if(n===void 0){this.acks[e]=t;return}let r=this.io.setTimeoutFn(()=>{delete this.acks[e];for(let o=0;o<this.sendBuffer.length;o++)this.sendBuffer[o].id===e&&this.sendBuffer.splice(o,1);t.call(this,new Error("operation has timed out"))},n);this.acks[e]=(...o)=>{this.io.clearTimeoutFn(r),t.apply(this,[null,...o])}}emitWithAck(e,...t){let i=this.flags.timeout!==void 0||this._opts.ackTimeout!==void 0;return new Promise((n,r)=>{t.push((o,c)=>i?o?r(o):n(c):n(o)),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((n,...r)=>i!==this._queue[0]?void 0:(n!==null?i.tryCount>this._opts.retries&&(this._queue.shift(),t&&t(n)):(this._queue.shift(),t&&t(null,...r)),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:f.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)}onpacket(e){if(e.nsp===this.nsp)switch(e.type){case f.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 f.EVENT:case f.BINARY_EVENT:this.onevent(e);break;case f.ACK:case f.BINARY_ACK:this.onack(e);break;case f.DISCONNECT:this.ondisconnect();break;case f.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(...n){i||(i=!0,t.packet({type:f.ACK,id:e,data:n}))}}onack(e){let t=this.acks[e.id];typeof t=="function"&&(t.apply(this,e.data),delete this.acks[e.id])}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:f.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 P(s){s=s||{},this.ms=s.min||100,this.max=s.max||1e4,this.factor=s.factor||2,this.jitter=s.jitter>0&&s.jitter<=1?s.jitter:0,this.attempts=0}P.prototype.duration=function(){var s=this.ms*Math.pow(this.factor,this.attempts++);if(this.jitter){var e=Math.random(),t=Math.floor(e*this.jitter*s);s=Math.floor(e*10)&1?s+t:s-t}return Math.min(s,this.max)|0};P.prototype.reset=function(){this.attempts=0};P.prototype.setMin=function(s){this.ms=s};P.prototype.setMax=function(s){this.max=s};P.prototype.setJitter=function(s){this.jitter=s};var K=class extends y{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,$(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 P({min:this.reconnectionDelay(),max:this.reconnectionDelayMax(),jitter:this.randomizationFactor()}),this.timeout(t.timeout==null?2e4:t.timeout),this._readyState="closed",this.uri=e;let n=t.parser||Ue;this.encoder=new n.Encoder,this.decoder=new n.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 D(this.uri,this.opts);let t=this.engine,i=this;this._readyState="opening",this.skipReconnect=!1;let n=S(t,"open",function(){i.onopen(),e&&e()}),r=c=>{this.cleanup(),this._readyState="closed",this.emitReserved("error",c),e?e(c):this.maybeReconnectOnOpen()},o=S(t,"error",r);if(this._timeout!==!1){let c=this._timeout,l=this.setTimeoutFn(()=>{n(),r(new Error("timeout")),t.close()},c);this.opts.autoUnref&&l.unref(),this.subs.push(()=>{this.clearTimeoutFn(l)})}return this.subs.push(n),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(S(e,"ping",this.onping.bind(this)),S(e,"data",this.ondata.bind(this)),S(e,"error",this.onerror.bind(this)),S(e,"close",this.onclose.bind(this)),S(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){B(()=>{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 W(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(n=>{n?(e._reconnecting=!1,e.reconnect(),this.emitReserved("reconnect_error",n)):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 re={};function J(s,e){typeof s=="object"&&(e=s,s=void 0),e=e||{};let t=ft(s,e.path||"/socket.io"),i=t.source,n=t.id,r=t.path,o=re[n]&&r in re[n].nsps,c=e.forceNew||e["force new connection"]||e.multiplex===!1||o,l;return c?l=new K(i,e):(re[n]||(re[n]=new K(i,e)),l=re[n]),t.query&&!e.query&&(e.query=t.queryKey),l.socket(t.path,e)}Object.assign(J,{Manager:K,Socket:W,io:J,connect:J});var wt="6.6.0-esm.min",Qt=!/param/.test(function(s){}),U=Qt?0:1,R={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;"};function a(){let s=Array.prototype.slice.call(arguments),e=s.shift(),t;switch(e){case"trace":case 5:{if(U<5)break;e=5,t="trace";break}case"debug":case 4:{if(U<4)break;e=4,t="debug";break}case"log":case 3:{if(U<3)break;e=3,t="log";break}case"info":case"":case 2:{if(U<2)break;e=2,t="info";break}case"warn":case 1:{if(U<1)break;e=1,t="warn";break}case"error":case"err":case 0:{if(U<0)break;e=0,t="error";break}default:{e=-1;break}}if(t===void 0)return function(){};let i=s.shift();return Function.prototype.bind.call(console[R[t].console],console,"%c".concat(R[t].pre).concat(t,"%c [").concat(i,"]"),"".concat(R.level," ").concat(R[t].css),"".concat(R.head," ").concat(R[t].txtCss),...s)}function Me(s,e){e||(e="payload"),typeof e!="string"&&(a("warn","uibuilderfe:makeMeAnObject","WARNING: property parameter must be a string and not: ".concat(typeof e))(),e="payload");let t={};return s!==null&&s.constructor.name==="Object"?t=s:s!==null&&(t[e]=s),t}function Zt(){return("/"+Array.prototype.slice.call(arguments).map(function(t){return t.replace(/^\/|\/$/g,"")}).filter(function(t){return t}).join("/")).replace("//","/")}function kt(s){if(s===void 0)s='<span class="undefined">undefined</span>';else try{s=JSON.stringify(s,void 0,4),s=s.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){s="Syntax Highlight ERROR: ".concat(e.message)}return s}var g=new vt.default(window,a,kt),v,q,O,T,E,oe,z,Y,V,we,ae,ce,M,ei=(v=class{constructor(){h(this,"connectedNum",0);h(this,"_ioChannels",{control:"uiBuilderControl",client:"uiBuilderClient",server:"uiBuilder"});C(this,q,void 0);C(this,O,{});C(this,T,{});h(this,"isVue",!1);h(this,"vueVersion");C(this,E,null);C(this,oe,void 0);h(this,"_socket");h(this,"_htmlObserver");C(this,z,!1);C(this,Y,!1);C(this,V,void 0);C(this,we,["get","set","htmlSend","showMsg","showStatus","uiGet","uiWatch","include","elementExists","getManagedVarList","getWatchedVars"]);C(this,ae,{});C(this,ce,{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"}});C(this,M,{});h(this,"clientId","");h(this,"cookies",{});h(this,"ctrlMsg",{});h(this,"ioConnected",!1);h(this,"isVisible",!1);h(this,"lastNavType","");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,"originator","");h(this,"topic");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:{clientVersion:wt,clientId:this.clientId,pathName:window.location.pathname,urlParams:Object.fromEntries(new URLSearchParams(location.search)),pageName:void 0,tabId:void 0,lastNavType:void 0},transportOptions:{polling:{extraHeaders:{"x-clientid":"".concat(v._meta.displayName,"; ").concat(v._meta.type,"; ").concat(v._meta.version,"; ").concat(this.clientId)}}}});if(a("trace","Uib:constructor","Starting")(),window.addEventListener("offline",e=>{this.set("online",!1),this.set("ioConnected",!1),a("warn","Browser","DISCONNECTED from network")()}),window.addEventListener("online",e=>{this.set("online",!0),a("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"]),a("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=>{u(this,Y)&&e.detail.prop in u(this,ce)&&(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"]),a("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("/"))),a("trace","[Uib:constructor]",'httpNodeRoot set by URL parsing to "'.concat(this.httpNodeRoot,'". NOTE: This may fail for pages in sub-folders.'))()}this.set("ioPath",Zt(this.httpNodeRoot,v._meta.displayName,"vendor","socket.io")),a("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"),a("trace","Uib:constructor","Ending")()}set logLevel(e){U=e,console.log("%c\u2757 info%c [logLevel]","".concat(R.level," ").concat(R.info.css),"".concat(R.head," ").concat(R.info.txtCss),"Set to ".concat(e," (").concat(R.names[e],")"))}get logLevel(){return U}get meta(){return v._meta}set(e,t,i=!1,n=!1){return e.startsWith("_")||e.startsWith("#")?(a("warn","Uib:set",'Cannot use set() on protected property "'.concat(e,'"'))(),'Cannot use set() on protected property "'.concat(e,'"')):(this[e]=t,u(this,ae)[e]=e,i===!0&&this.setStore(e,t,n),a("trace","Uib:set","prop set - prop: ".concat(e,", val: "),t," store: ".concat(i,", autoload: ").concat(n))(),this._dispatchCustomEvent("uibuilder:propertyChanged",{prop:e,value:t,store:i,autoload:n}),t)}get(e){if(e.startsWith("_")||e.startsWith("#")){a("warn","Uib:get",'Cannot use get() on protected property "'.concat(e,'"'))();return}return e==="version"?v._meta.version:e==="msgsCtrl"?this.msgsCtrlReceived:e==="reconnections"?this.connectedNum:(this[e]===void 0&&a("warn","Uib:get",'get() - property "'.concat(e,'" is undefined'))(),this[e])}setStore(e,t,i=!1){let n={};if(i===!0)try{n=this.getStore("_uibAutoloadVars")||{}}catch{}if(typeof t=="object")try{t=JSON.stringify(t)}catch(r){return a("error","Uib:setStore","Cannot stringify object, not storing. ",r)(),!1}try{if(localStorage.setItem(this.storePrefix+e,t),i){n[e]=e;try{localStorage.setItem(this.storePrefix+"_uibAutoloadVars",JSON.stringify(n))}catch(r){a("error","Uib:setStore","Cannot save autoload list. ",r)()}}return this._dispatchCustomEvent("uibuilder:propertyStored",{prop:e,value:t,autoload:i}),!0}catch(r){return a("error","Uib:setStore","Cannot write to localStorage. ",r)(),!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 u(this,ae)}getWatchedVars(){return Object.keys(u(this,O))}_dispatchCustomEvent(e,t){let i=new CustomEvent(e,{detail:t});document.dispatchEvent(i)}onChange(e,t){u(this,O)[e]?u(this,O)[e]._nextRef++:u(this,O)[e]={_nextRef:1};let i=u(this,O)[e]._nextRef,n=u(this,O)[e][i]=function(o){if(e===o.detail.prop){let c=o.detail.value;t.call(c,c)}};return document.addEventListener("uibuilder:propertyChanged",n),i}cancelChange(e,t){document.removeEventListener("uibuilder:propertyChanged",u(this,O)[e][t]),delete u(this,O)[e][t]}onTopic(e,t){u(this,T)[e]?u(this,T)[e]._nextRef++:u(this,T)[e]={_nextRef:1};let i=u(this,T)[e]._nextRef,n=u(this,T)[e][i]=function(o){let c=o.detail;c.topic===e&&t.call(c,c)};return document.addEventListener("uibuilder:stdMsgReceived",n),i}cancelTopic(e,t){document.removeEventListener("uibuilder:stdMsgReceived",u(this,T)[e][t]),delete u(this,T)[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&&(a("trace","Uib:checkTimestamp:".concat(this._ioChannels.server," (server)"),"Offset changed to: ".concat(i," from: ").concat(this.serverTimeOffset))(),this.set("serverTimeOffset",i))}}$(e){let t=document.querySelector(e);return t?t.nodeName==="TEMPLATE"&&(t=t.content.firstElementChild,!t)?(a(0,"Uib:$","Template selected for CSS selector ".concat(e," but it is empty"))(),null):t:(a(1,"Uib:$","No element found for CSS selector ".concat(e))(),null)}$$(e){return Array.from(document.querySelectorAll(e))}setOriginator(e=""){this.set("originator",e)}setPing(e=0){let t=new XMLHttpRequest;t.addEventListener("load",()=>{let i=t.getAllResponseHeaders().split("\r\n"),n=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:n})}),u(this,q)&&(clearInterval(u(this,q)),A(this,q,void 0)),t.open("GET","".concat(this.httpNodeRoot,"/uibuilder/ping?t=").concat(Number(new Date))),t.send(),e>0&&A(this,q,setInterval(()=>{t.open("GET","".concat(this.httpNodeRoot,"/uibuilder/ping?t=").concat(Number(new Date))),t.send()},e))}log(){a(...arguments)()}syntaxHighlight(e){return kt(e)}copyToClipboard(e){let t="";try{console.log(this.get(e),JSON.stringify(this.get(e))),t=JSON.stringify(this.get(e))}catch(i){a("error","copyToClipboard",'Could not copy "'.concat(e,'" to clipboard.'),i.message)()}navigator.clipboard.writeText(t)}elementIsVisible(e,t=!1,i=.1){if(!IntersectionObserver)return;u(this,V)||A(this,V,new IntersectionObserver(r=>{let o=[];r.forEach(c=>{c.target.dataset.isvisible=c.isIntersecting,o.push({isIntersecting:c.isIntersecting})}),this.send({payload:o[0].isIntersecting,isVisible:o[0].isIntersecting,cssSelector:e,entries:o}),a("info","uib:elementIsVisible",'Element "'.concat(e,'" is now ').concat(o[0].isIntersecting?"more than 10%":"NOT (<10%)"," visible"))()},{threshold:i}));let n=document.querySelector(e);if(n===null){a("error","uib:elementIsVisible",'Element "'.concat(e,'" not found'))();return}if(t===!0){u(this,V).unobserve(n);return}u(this,V).observe(n)}elementExists(e,t=!0){let i=document.querySelector(e),n=!1;return i!==null&&(n=!0),t===!0&&this.send({payload:n,info:'Element "'.concat(e,'" ').concat(n?"exists":"does not exist")}),n}ui(e){g.ui(e)}replaceSlot(e,t){g.replaceSlot(e,t)}replaceSlotMarkdown(e,t){g.replaceSlotMarkdown(e,t)}convertMarkdown(e){return g.convertMarkdown(e)}sanitiseHTML(e){return g.sanitiseHTML(e)}loadScriptSrc(e){g.loadScriptSrc(e)}loadStyleSrc(e){g.loadStyleSrc(e)}loadScriptTxt(e){g.loadScriptTxt(e)}loadStyleTxt(e){g.loadStyleTxt(e)}showDialog(e,t,i){g.showDialog(e,t,i)}loadui(e){g.loadui(e)}uiGet(e,t=null){return g.uiGet(e,t)}async include(e,t){g.include(e,t)}uiEnhanceElement(e,t){g.uiEnhanceElement(e,t)}showMsg(e,t="body"){e===void 0&&(e=!u(this,z)),A(this,z,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?g._uiRemove({components:["#uib_last_msg_wrap"]}):g._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}notify(e){return e.return?g.notification(e):(g.notification(e).then(t=>{a("info","Uib:notification","Notification completed event",t)()}).catch(t=>{a("error","Uib:notification","Notification error event",t)()}),null)}showStatus(e,t="body"){if(e===void 0&&(e=!u(this,Y)),A(this,Y,e),e===!1)return g._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:[]}]}]}]},n=i.components[0].components[0].components[0].components;return Object.values(u(this,ce)).forEach(r=>{n.push({type:"tr",attributes:{title:r.description},components:[{type:"th",slot:r.label},{type:"td",attributes:{"data-varType":r.var},slot:r.var==="version"?v._meta.version:JSON.stringify(this[r.var])}]})}),g._uiReplace(i),e}uiWatch(e,t="toggle",i=!0,n=!0){let r=document.querySelector(e);if(!r)return a("warn","uibuilder.module.js:uiWatch","CSS Selector '".concat(e,"' not found."))(),!1;(t==="toggle"||t===void 0||t===null)&&(u(this,M)[e]?t=!1:t=!0);let o=this;return t===!0?(u(this,M)[e]=new MutationObserver(function(c){let l=[];c.forEach(m=>{let b={type:m.type,oldValue:m.oldValue!==null?m.oldValue:void 0};m.addedNodes.length>0&&(b.addedNodes=[],m.addedNodes.forEach((N,_)=>{b.addedNodes.push(g.nodeGet(m.addedNodes[_]))})),m.removedNodes.length>0&&(b.removedNodes=[],m.removedNodes.forEach((N,_)=>{b.removedNodes.push(g.nodeGet(m.removedNodes[_]))})),m.type==="attributes"&&(b.attributeName=m.attributeName,b.newValue=m.target.attributes[m.attributeName].value),l.push(b)}),o._dispatchCustomEvent("uibuilder:domChange",l),i===!0&&o.send({_ui:{cssSelector:e,uiChanges:l},topic:o.topic||"DOM Changes for '".concat(e,"'")}),n===!0&&a("info","uibuilder.module.js:uiWatch","DOM Changes for '".concat(e,"'"),{uiChanges:l},{mutationList:c})()}),u(this,M)[e].observe(r,{attributes:!0,childList:!0,subtree:!0,characterData:!0}),a("trace","uibuilder.module.js:uiWatch","Started Watching DOM changes for '".concat(e,"'"))()):(u(this,M)[e].disconnect(),delete u(this,M)[e],a("trace","uibuilder.module.js:uiWatch","Stopped Watching DOM changes for '".concat(e,"'"))()),t}clearHtmlCache(){this.removeStore("htmlCache"),a("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,a("trace","uibuilder.module.js:restoreHtmlFromCache","Restored HTML from cache")()}else a("trace","uibuilder.module.js:restoreHtmlFromCache","No cache to restore")()}saveHtmlCache(){this.setStore("htmlCache",document.documentElement.innerHTML)}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}),a("trace","uibuilder.module.js:watchDom","Started Watching and saving DOM changes")()):(this._htmlObserver.disconnect(),a("trace","uibuilder.module.js:watchDom","Stopped Watching and saving DOM changes")())}_send(e,t,i=""){t==null&&(t=this._ioChannels.client),t===this._ioChannels.client?e=Me(e,"payload"):t===this._ioChannels.control&&(e=Me(e,"uibuilderCtrl"),Object.prototype.hasOwnProperty.call(e,"uibuilderCtrl")||(e.uibuilderCtrl="manual send"),e.from="client"),e._socketId=this._socket.id,this.socketOptions.auth.tabId=this.tabId,this.socketOptions.auth.lastNavType=this.lastNavType,this.socketOptions.auth.connectedNum=this.connectedNum,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");let n;t===this._ioChannels.client?(this.set("sentMsg",e),n=this.set("msgsSent",++this.msgsSent)):t===this._ioChannels.control&&(this.set("sentCtrlMsg",e),n=this.set("msgsSentCtrl",++this.msgsSentCtrl)),a("trace","Uib:_send"," Channel '".concat(t,"'. Sending msg #").concat(n),e)(),this._socket.emit(t,e)}send(e,t=""){this._send(e,this._ioChannels.client,t)}sendCtrl(e){this._send(e,this._ioChannels.control)}eventSend(e,t=""){if(this.$attrs){a("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){a("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){a("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,n={};Object.keys(i).forEach(p=>{p.startsWith("_")||(n[p]=i[p])});let r=["class","id","name"],o;try{o=Object.assign({},...Array.from(i.attributes,({name:p,value:ke})=>{if(!r.includes(p))return{[p]:ke}}))}catch{}let c,l=[];i.form&&(c={},c.valid=i.form.checkValidity(),Object.values(i.form).forEach((p,ke)=>{let H=p.id!==""?p.id:p.name!==""?p.name:"".concat(ke,"-").concat(p.type);if(H!==""&&p.type){if("checked"in p&&p.value==="on"&&(p.value=p.checked.toString()),l.push({key:H,val:p.value}),c[H]={id:p.id,name:p.name,value:p.value,valid:p.checkValidity(),type:p.type},c[H].valid===!1){let w=p.validity;c[H].validity={badInput:w.badInput===!0?w.badInput:void 0,customError:w.customError===!0?w.customError:void 0,patternMismatch:w.patternMismatch===!0?w.patternMismatch:void 0,rangeOverflow:w.rangeOverflow===!0?w.rangeOverflow:void 0,rangeUnderflow:w.rangeUnderflow===!0?w.rangeUnderflow:void 0,stepMismatch:w.stepMismatch===!0?w.stepMismatch:void 0,tooLong:w.tooLong===!0?w.tooLong:void 0,tooShort:w.tooShort===!0?w.tooShort:void 0,typeMismatch:w.typeMismatch===!0?w.typeMismatch:void 0,valueMissing:w.valueMissing===!0?w.valueMissing:void 0}}p.dataset&&(c[H].data=p.dataset)}}));let m;try{m=Array.from(i.classList)}catch{}let b={...i.dataset},N;Object.prototype.toString.call(i)==="[object Notification]"&&(b="notification-".concat(i.userAction),N={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 _={payload:b,_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:c,props:n,attribs:o,classes:m,notification:N,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}};l.length>0&&l.forEach(p=>{_.payload[p.key]=p.val}),e.type==="change"&&(_._ui.newValue=_.payload.value=e.target.value),a("trace","Uib:eventSend","Sending msg to Node-RED",_)(),i.dataset&&i.dataset.length===0&&a("warn","Uib:eventSend","No payload in msg. data-* attributes should be used.")(),this._send(_,this._ioChannels.client,t)}htmlSend(e=""){let t="<!doctype html>\n".concat(document.documentElement.outerHTML),i={payload:t,length:t.length,topic:this.topic};a("trace","Uib:htmlSend","Sending full HTML to Node-RED",i)(),this._send(i,this._ioChannels.client,e)}_uibCommand(e){let t=e._uib.command;if(!u(this,we).includes(t.trim())){a("error","Uib:_uibCommand","Command '".concat(t," is not allowed to be called externally"))();return}let i=e._uib.prop,n=e._uib.value,r,o;switch(t){case"elementExists":{r=this.elementExists(i,!1),o='Element "'.concat(i,'" ').concat(r?"exists":"does not exist");break}case"get":{r=this.get(i);break}case"getManagedVarList":{i==="full"?r=this.getManagedVarList():r=Object.values(this.getManagedVarList());break}case"getWatchedVars":{i==="full"?r=this.getWatchedVars():r=Object.values(this.getWatchedVars());break}case"htmlSend":{r=this.htmlSend();break}case"include":{r=g.include(i,n);break}case"set":{let c=!1,l=!1;e._uib.options&&e._uib.options.store&&(e._uib.options.store===!0&&(c=!0),e._uib.options.autoload===!0&&(l=!0)),r=this.set(i,n,c,l);break}case"showMsg":{r=this.showMsg(n,i);break}case"showStatus":{r=this.showStatus(n,i);break}case"uiGet":{r=g.uiGet(i,n);break}case"uiWatch":{r=this.uiWatch(i);break}default:{a("warning","Uib:_uibCommand","Command '".concat(t,"' not yet implemented"))();break}}r===void 0&&(r="'".concat(i,"' is undefined")),Object(r).constructor===Promise?r.then(c=>(e.payload=e._uib.response=c,e.info=e._uib.info=o,e.topic||(e.topic=this.topic||"uib ".concat(t," for '").concat(i,"'")),this.send(e),!0)).catch(c=>{a(0,"Uib:_uibCommand","Error: ",c)()}):(e.payload=e._uib.response=r,e.info=e._uib.info=o,e.topic||(e.topic=this.topic||"uib ".concat(t," for '").concat(i,"'")),this.send(e))}_forThis(e){let t=!0;return e.pageName&&e.pageName!==this.pageName&&(a("trace","Uib:_msgRcvdEvents:_uib","Not for this page")(),t=!1),e.clientId&&e.clientId!==this.clientId&&(a("trace","Uib:_msgRcvdEvents:_uib","Not for this clientId")(),t=!1),e.tabId&&e.tabId!==this.tabId&&(a("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){if(!this._forThis(e._uib))return;if(e._uib.reload===!0){a("trace","Uib:_msgRcvdEvents:_uib:reload","reloading")(),location.reload();return}if(e._uib.command){this._uibCommand(e);return}e._uib.componentRef==="globalNotification"&&g.showDialog("notify",e._uib.options,e),e._uib.componentRef==="globalAlert"&&g.showDialog("alert",e._uib.options,e)}if(e._ui){if(!this._forThis(e._ui))return;a("trace","Uib:_msgRcvdEvents:_ui","Calling _uiManager")(),this._dispatchCustomEvent("uibuilder:msg:_ui",e),g._uiManager(e)}}_stdMsgFromServer(e){e=Me(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),a("info","Uib:ioSetup:stdMsgFromServer","Channel '".concat(this._ioChannels.server,"'. Received msg #").concat(this.msgsReceived,"."),e)()))}_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),a("trace","Uib:ioSetup:_ctrlMsgFromServer","Channel '".concat(this._ioChannels.control,"'. Received control msg #").concat(this.msgsCtrlReceived),e)(),e.uibuilderCtrl){case"shutdown":{a("info","Uib:ioSetup:".concat(this._ioChannels.control),'\u274C Received "shutdown" from server')(),this.set("serverShutdown",void 0);break}case"client connect":{a("trace","Uib:ioSetup:".concat(this._ioChannels.control),'Received "client connect" from server')(),a("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"))(),v._meta.version.startsWith(e.version.split("-")[0])||a("warn","Uib:ioSetup:".concat(this._ioChannels.control),"Server version (".concat(e.version,") not the same as the client version (").concat(v._meta.version,")"))(),this.autoSendReady===!0&&a("trace","Uib:ioSetup:".concat(this._ioChannels.control,"/client connect"),"Auto-sending ready-for-content/replay msg to server");break}default:a("trace","uibuilderfe:ioSetup:".concat(this._ioChannels.control),"Received ".concat(e.uibuilderCtrl," from server"))}}beaconLog(e,t){t||(t="debug"),navigator.sendBeacon("./_clientLog","".concat(t,"::").concat(e))}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})}_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(),a("trace","uibuilder.module.js:getIOnamespace","Socket.IO namespace found via url path: ".concat(e))()}else a("trace","uibuilder.module.js:getIOnamespace","Socket.IO namespace found via cookie: ".concat(e))();return this.url=e,e="/"+e,a("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),a("trace","Uib:checkConnect","Checking connection. Connected: ".concat(this._socket.connected,". Timer: ").concat(u(this,E),". Depth: ").concat(i,". Delay: ").concat(e,". Factor: ").concat(t),this._socket)(),this._socket.connected===!0?(u(this,E)&&(window.clearTimeout(u(this,E)),A(this,E,null)),this.set("ioConnected",!0),this.set("socketError",null),!0):(this.set("ioConnected",!1),u(this,E)&&window.clearTimeout(u(this,E)),A(this,E,window.setTimeout(()=>{a("warn","Uib:checkConnect:setTimeout","Socket.IO reconnection attempt. Current delay: ".concat(e,". Depth: ").concat(i))(),this._socket.close(),this._socket.connect(),A(this,E,null),this._checkConnect(e*t,t,i++)},e)),!1)}_onConnect(){this.set("connectedNum",this.connectedNum++),this.socketOptions.auth.connectedNum=this.connectedNum,this.socketOptions.auth.lastNavType=this.lastNavType,this.socketOptions.auth.tabId=this.tabId,this.socketOptions.auth.more=this.tabId,a("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){a("info","Uib:ioSetup:socket-disconnect","\u26D4 Socket Disconnected. Reason: ".concat(e))(),this._dispatchCustomEvent("uibuilder:socket:disconnected",e),this._checkConnect()}_ioSetup(){return J===void 0?(a("error","Uib:ioSetup","Socket.IO client not loaded, Node-RED comms will not work")(),!1):(this._socket&&(a("trace","Uib:ioSetup","Removing listeners in preparation for redoing Socket.IO connections")(),u(this,E)&&(window.clearTimeout(u(this,E)),A(this,E,null)),this._socket.close(),this._socket.offAny(),this._socket=void 0,this.set("ioConnected",!1)),this.socketOptions.path=this.ioPath,this.socketOptions.auth.pageName=this.pageName,this.socketOptions.auth.clientId=this.clientId,this.socketOptions.transportOptions.polling.extraHeaders["x-clientid"]="".concat(v._meta.displayName,"; ").concat(v._meta.type,"; ").concat(v._meta.version,"; ").concat(this.clientId),this.socketOptions.auth.tabId=this.tabId,this.socketOptions.auth.lastNavType=this.lastNavType,this.socketOptions.auth.connectedNum=this.connectedNum,a("trace","Uib:ioSetup","About to create IO object. Transports: [".concat(this.socketOptions.transports.join(", "),"]"))(),this._socket=J(this.ioNamespace,this.socketOptions),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&&(a("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=>{a("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)}start(e){a("trace","Uib:start","Starting")(),u(this,oe)&&this.cancelChange("msg",u(this,oe)),this.started===!0&&a("info","Uib:start","Start function already called. Resetting Socket.IO and msg handler.")(),a("log","Uib:start","Cookies: ",this.cookies,"\nClient ID: ".concat(this.clientId))(),a("trace","Uib:start","ioNamespace: ",this.ioNamespace,"\nioPath: ".concat(this.ioPath))(),e&&(e.ioNamespace!==void 0&&e.ioNamespace!==null&&e.ioNamespace!==""&&this.set("ioNamespace",e.ioNamespace),e.ioPath!==void 0&&e.ioPath!==null&&e.ioPath!==""&&this.set("ioPath",e.ioPath)),document.styleSheets.length>=1||document.styleSheets.length===1&&document.styleSheets[0].cssRules.length===0?a("info","Uib:start","Styles already loaded so not loading uibuilder default styles.")():e&&e.loadStylesheet===!1?a("info","Uib:start","No styles loaded & options.loadStylesheet === false.")():(a("info","Uib:start","No styles loaded, loading uibuilder default styles.")(),this.loadStyleSrc("".concat(this.httpNodeRoot,"/uibuilder/uib-brand.min.css")));let[t]=performance.getEntriesByType("navigation");if(this.set("lastNavType",t.type),this.set("started",this._ioSetup()),this.started===!0?a("trace","Uib:start","Start completed. Socket.IO client library loaded.")():a("error","Uib:start","Start completed. ERROR: Socket.IO client library NOT LOADED.")(),window.Vue){this.set("isVue",!0);try{this.set("vueVersion",window.Vue.version)}catch{}a("trace","Uib:start","VueJS is loaded. Version: ".concat(this.vueVersion))()}else a("trace","Uib:start","VueJS is not loaded.")();window.DOMPurify?(this.set("purify",!0),a("trace","Uib:start","DOMPurify is loaded.")()):a("trace","Uib:start","DOMPurify is not loaded.")(),window.markdownit?(this.set("markdown",!0),a("trace","Uib:start","Markdown-IT is loaded.")()):a("trace","Uib:start","Markdown-IT is not loaded.")(),this.onChange("msg",i=>{if(u(this,z)===!0){let n=document.getElementById("uib_last_msg");n&&(n.innerHTML=this.syntaxHighlight(i))}}),this._dispatchCustomEvent("uibuilder:startComplete")}},q=new WeakMap,O=new WeakMap,T=new WeakMap,E=new WeakMap,oe=new WeakMap,z=new WeakMap,Y=new WeakMap,V=new WeakMap,we=new WeakMap,ae=new WeakMap,ce=new WeakMap,M=new WeakMap,h(v,"_meta",{version:wt,type:"module",displayName:"uibuilder"}),v),ve=new ei;window.uibuilder?a("error","uibuilder.module.js","`uibuilder` already assigned to window. Have you tried to load it more than once?"):window.uibuilder=ve;window.uib?a("warn","uibuilder.module.js","`uib` shortcut already assigned to window."):window.uib=ve;window.$?a("warn","uibuilder.module.js","Cannot allocate the global `$`, it is already in use. Use `uibuilder.$` instead."):window.$=window.uibuilder.$;window.$$?a("warn","uibuilder.module.js","Cannot allocate the global `$$`, it is already in use. Use `uibuilder.$$` instead."):window.$$=window.uibuilder.$$;var Js=ve;ve.start();customElements.define("uib-var",G);export{ei as Uib,Js as default,ve as uibuilder};
+var Et=Object.create;var he=Object.defineProperty;var Ct=Object.getOwnPropertyDescriptor;var St=Object.getOwnPropertyNames;var Nt=Object.getPrototypeOf,xt=Object.prototype.hasOwnProperty;var Ot=(s,e,t)=>e in s?he(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var De=(s=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(s,{get:(e,t)=>(typeof require<"u"?require:e)[t]}):s)(function(s){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+s+'" is not supported')});var Rt=(s,e)=>()=>(e||s((e={exports:{}}).exports,e),e.exports),At=(s,e)=>{for(var t in e)he(s,t,{get:e[t],enumerable:!0})},Tt=(s,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of St(e))!xt.call(s,r)&&r!==t&&he(s,r,{get:()=>e[r],enumerable:!(i=Ct(e,r))||i.enumerable});return s};var Ee=(s,e,t)=>(t=s!=null?Et(Nt(s)):{},Tt(e||!s||!s.__esModule?he(t,"default",{value:s,enumerable:!0}):t,s));var h=(s,e,t)=>(Ot(s,typeof e!="symbol"?e+"":e,t),t),Pe=(s,e,t)=>{if(!e.has(s))throw TypeError("Cannot "+t)};var u=(s,e,t)=>(Pe(s,e,"read from private field"),t?t.call(s):e.get(s)),E=(s,e,t)=>{if(e.has(s))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(s):e.set(s,t)},x=(s,e,t,i)=>(Pe(s,e,"write to private field"),i?i.call(s,t):e.set(s,t),t);var He=Rt((si,qe)=>{var d,$t=(d=class{constructor(e,t,i){h(this,"version","6.6.0-src");h(this,"sanitiseExtraTags",["uib-var"]);h(this,"sanitiseExtraAttribs",["variable","report","undefined"]);h(this,"window");if(e)this.window=e;else throw new Error("Ui:constructor. Current environment does not include `window`, UI functions cannot be used.");this.document=this.window.document,t?d.log=t:d.log=function(){return function(){}},i?this.syntaxHighlight=i:this.syntaxHighlight=function(){}}ui(e){let t={};e._ui?t=e:t._ui=e,this._uiManager(t)}replaceSlot(e,t){t.slot&&e&&(this.window.DOMPurify&&(t.slot=this.window.DOMPurify.sanitize(t.slot)),e.innerHTML=t.slot)}convertMarkdown(e){if(!e)return"";if(!this.window.markdownit)return e;let t={html:!0,linkify:!0,_highlight:!0,langPrefix:"language-",highlight(r,n){if(n&&this.window.hljs&&this.window.hljs.getLanguage(n))try{return'<pre class="highlight" data-language="'.concat(n.toUpperCase(),'">\n                                <code class="language-').concat(n,'">').concat(this.window.hljs.highlightAuto(r).value,"</code></pre>")}finally{}return'<pre class="highlight"><code>'.concat(i.utils.escapeHtml(r),"</code></pre>")}},i=this.window.markdownit(t);return i.render(e)}sanitiseHTML(e){return this.window.DOMPurify?this.window.DOMPurify.sanitize(e,{ADD_TAGS:this.sanitiseExtraTags,ADD_ATTR:this.sanitiseExtraAttribs}):e}replaceSlotMarkdown(e,t){e&&t.slotMarkdown&&(t.slotMarkdown=this.convertMarkdown(t.slotMarkdown),t.slotMarkdown=this.sanitiseHTML(t.slotMarkdown),e.innerHTML=t.slotMarkdown)}loadScriptSrc(e){let t=this.document.createElement("script");t.src=e,t.async=!1,this.document.head.appendChild(t)}loadStyleSrc(e){let t=this.document.createElement("link");t.href=e,t.rel="stylesheet",t.type="text/css",this.document.head.appendChild(t)}loadScriptTxt(e){let t=this.document.createElement("script");t.async=!1,t.textContent=e,this.document.head.appendChild(t)}loadStyleTxt(e){let t=this.document.createElement("style");t.textContent=e,this.document.head.appendChild(t)}showDialog(e,t,i){let r="";if(i.payload&&typeof i.payload=="string"&&(r+=i.payload),t.content&&(r+=t.content),r===""){d.log(1,"Ui:showDialog","Toast content is blank. Not shown.")();return}!t.title&&i.topic&&(t.title=i.topic),t.title&&(r='<p class="toast-head">'.concat(t.title,"</p><p>").concat(r,"</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,r='<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(r));let n=this.document.getElementById("toaster");n===null&&(n=this.document.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()},this.document.body.insertAdjacentElement("afterbegin",n));let o=this.document.createElement("div");o.title="Click to clear this notifcation",o.setAttribute("class","toast ".concat(t.variant?t.variant:""," ").concat(e)),o.innerHTML=r,o.setAttribute("role","alertdialog"),t.modal&&o.setAttribute("aria-modal",t.modal),o.onclick=function(c){c.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)}_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,r)=>{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",r(n)})})}catch{return Promise.reject(new Error("Browser refused to create a Notification"))}}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")))}loadui(e){if(!fetch){d.log(0,"Ui:loadui","Current environment does not include `fetch`, skipping.")();return}if(!e){d.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));d.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?(d.log("trace","Ui:loadui:then2","Parsed JSON successfully obtained")(),this._uiManager({_ui:t}),!0):!1).catch(t=>{d.log("warn","Ui:loadui:catch","Error. ",t)()})}_uiComposeComponent(e,t){t.attributes&&Object.keys(t.attributes).forEach(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,r=>{new Function("evt","".concat(t.events[i],"(evt)"))(r)})}catch(r){d.log("error","Ui:_uiComposeComponent","Add event '".concat(i,"' for element '").concat(t.type,"': Cannot add event handler. ").concat(r.message))()}}),t.properties&&Object.keys(t.properties).forEach(i=>{e[i]=t.properties[i]}),t.slot&&this.replaceSlot(e,t),t.slotMarkdown&&this.replaceSlotMarkdown(e,t)}uiEnhanceElement(e,t){this._uiComposeComponent(e,t)}_uiExtendEl(e,t,i=""){t.forEach((r,n)=>{d.log("trace","Ui:_uiExtendEl:components-forEach:".concat(n),r)();let o;r.ns=i,r.ns==="html"?(o=e,e.innerHTML=r.slot):r.ns==="svg"?(o=this.document.createElementNS("http://www.w3.org/2000/svg",r.type),this._uiComposeComponent(o,r),e.appendChild(o)):(o=this.document.createElement(r.type==="html"?"div":r.type),this._uiComposeComponent(o,r),e.appendChild(o)),r.components&&this._uiExtendEl(o,r.components,r.ns)})}_uiAdd(e,t){d.log("trace","Ui:_uiManager:add","Starting _uiAdd")(),e.components.forEach((i,r)=>{d.log("trace","Ui:_uiAdd:components-forEach:".concat(r),"Component to add: ",i)();let n;switch(i.type){case"html":{i.ns="html",n=this.document.createElement("div");break}case"svg":{i.ns="svg",n=this.document.createElementNS("http://www.w3.org/2000/svg","svg");break}default:{i.ns="dom",n=this.document.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=this.document.querySelector(i.parent):e.parent&&(o=this.document.querySelector(e.parent)),o||(d.log("info","Ui:_uiAdd","No parent found, adding to body")(),o=this.document.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)})}_uiRemove(e,t=!1){e.components.forEach(i=>{let r;t!==!0?r=[this.document.querySelector(i)]:r=this.document.querySelectorAll(i),r.forEach(n=>{try{n.remove()}catch(o){d.log("trace","Ui:_uiRemove","Could not remove. ".concat(o.message))()}})})}_uiReplace(e){d.log("trace","Ui:_uiReplace","Starting")(),e.components.forEach((t,i)=>{d.log("trace","Ui:_uiReplace:components-forEach:".concat(i),"Component to replace: ",t)();let r;if(t.id?r=this.document.getElementById(t.id):t.selector||t.select?r=this.document.querySelector(t.selector):t.name?r=this.document.querySelector('[name="'.concat(t.name,'"]')):t.type&&(r=this.document.querySelector(t.type)),d.log("trace","Ui:_uiReplace:components-forEach:".concat(i),"Element to replace: ",r)(),r==null){d.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=this.document.createElement("div");break}case"svg":{t.ns="svg",n=this.document.createElementNS("http://www.w3.org/2000/svg","svg");break}default:{t.ns="dom",n=this.document.createElement(t.type);break}}this._uiComposeComponent(n,t),r.replaceWith(n),t.components&&this._uiExtendEl(n,t.components,t.ns)})}_uiUpdate(e){d.log("trace","Ui:_uiManager:update","Starting _uiUpdate")(),e.components||(e.components=[Object.assign({},e)]),e.components.forEach((t,i)=>{d.log("trace","_uiUpdate:components-forEach","Component #".concat(i),t)();let r;if(t.id?r=this.document.querySelectorAll("#".concat(t.id)):t.selector||t.select?r=this.document.querySelectorAll(t.selector):t.name?r=this.document.querySelectorAll('[name="'.concat(t.name,'"]')):t.type&&(r=this.document.querySelectorAll(t.type)),r===void 0||r.length<1){d.log("warn","Ui:_uiManager:update","Cannot find the DOM element. Ignoring.",t)();return}d.log("trace","_uiUpdate:components-forEach","Element(s) to update. Count: ".concat(r.length),r)(),!t.slot&&t.payload&&(t.slot=t.payload),r.forEach(n=>{this._uiComposeComponent(n,t)}),t.components&&r.forEach(n=>{d.log("trace","_uiUpdate:components","el",n)(),this._uiUpdate({method:e.method,parentEl:n,components:t.components})})})}_uiLoad(e){e.components&&(Array.isArray(e.components)||(e.components=[e.components]),e.components.forEach(async t=>{await Promise.resolve().then(()=>Ee(De(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")))}_uiReload(){d.log("trace","Ui:uiManager:reload","reloading")(),location.reload()}_uiManager(e){e._ui&&(Array.isArray(e._ui)||(e._ui=[e._ui]),e._ui.forEach((t,i)=>{if(!t.method){d.log("error","Ui:_uiManager","No method defined for msg._ui[".concat(i,"]. Ignoring"))();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:{d.log("error","Ui:_uiManager","Invalid msg._ui[".concat(i,"].method (").concat(t.method,"). Ignoring"))();break}}}))}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 r=this.document.querySelectorAll("".concat(t," li"));r&&(i.list={entries:r.length})}if(e.nodeName==="DL"){let r=this.document.querySelectorAll("".concat(t," dt"));r&&(i.list={entries:r.length})}if(e.nodeName==="TABLE"){let r=this.document.querySelectorAll("".concat(t," > tbody > tr")),n=this.document.querySelectorAll("".concat(t," > thead > tr")),o=this.document.querySelectorAll("".concat(t," > tbody > tr:last-child > *"));(r||n||o)&&(i.table={headRows:n?n.length:0,bodyRows:r?r.length:0,columns:o?o.length:0})}if(e.nodeName!=="#text"&&e.attributes&&e.attributes.length>0){i.attributes={};for(let r of e.attributes)r.name!=="id"&&(i.attributes[r.name]=e.attributes[r.name].value)}e.nodeName==="#text"&&(i.text=e.textContent),e.validity&&(i.userInput.validity={});for(let r in e.validity)i.userInput.validity[r]=e.validity[r];return i}uiGet(e,t=null){let i=this.document.querySelectorAll(e),r=[];return i.forEach(n=>{if(t!==null&&t!==""){let o=n.getAttribute(t);if(o==null)try{o=n[t]}catch{}if(o==null)t.toLowerCase()==="value"?r.push(n.innerText):r.push("Property '".concat(t,"' not found"));else if(o.constructor.name==="NamedNodeMap"){let c={};for(let l of o)c[l.name]=o[l.name].value;r.push(c)}else if(!o.constructor.name.toLowerCase().includes("map"))r.push({[t]:o});else{let c={};for(let l in o)c[l]=o[l];r.push(c)}}else r.push(this.nodeGet(n,e))}),r}async include(e,t){if(!fetch)return d.log(0,"Ui:include","Current environment does not include `fetch`, skipping.")(),"Current environment does not include `fetch`, skipping.";if(!e)return d.log(0,"Ui:include","url parameter must be provided, skipping.")(),"url parameter must be provided, skipping.";if(!t||!t.id)return d.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(m){return d.log(0,"Ui:include","Fetch of file '".concat(e,"' failed. "),m.message)(),m.message}if(!i.ok)return d.log(0,"Ui:include","Fetch of file '".concat(e,"' failed. Status='").concat(i.statusText,"'"))(),i.statusText;let r=await i.headers.get("content-type"),n=null;r&&(r.includes("text/html")?n="html":r.includes("application/json")?n="json":r.includes("multipart/form-data")?n="form":r.includes("image/")?n="image":r.includes("video/")?n="video":r.includes("application/pdf")?n="pdf":r.includes("text/plain")&&(n="text"));let o="",c="Include successful",l;switch(n){case"html":{l=await i.text(),o=l;break}case"json":{l=await i.json(),o='<pre class="syntax-highlight">',o+=this.syntaxHighlight(l),o+="</pre>";break}case"form":{l=await i.formData(),o='<pre class="syntax-highlight">',o+=this.syntaxHighlight(l),o+="</pre>";break}case"image":{l=await i.blob(),o='<img src="'.concat(URL.createObjectURL(l),'">'),this.window.DOMPurify&&(c="Include successful. BUT DOMPurify loaded which may block its use.",d.log("warn","Ui:include:image",c)());break}case"video":{l=await i.blob(),o='<video controls autoplay><source src="'.concat(URL.createObjectURL(l),'"></video>'),this.window.DOMPurify&&(c="Include successful. BUT DOMPurify loaded which may block its use.",d.log("warn","Ui:include:video",c)());break}case"pdf":case"text":default:{l=await i.blob(),o='<iframe style="resize:both;width:inherit;height:inherit;" src="'.concat(URL.createObjectURL(l),'">'),this.window.DOMPurify&&(c="Include successful. BUT DOMPurify loaded which may block its use.",d.log("warn","Ui:include:".concat(n),c)());break}}return t.type="div",t.slot=o,t.parent||(t.parent="body"),t.attributes||(t.attributes={class:"included"}),this._uiReplace({components:[t]}),d.log("trace","Ui:include:".concat(n),c)(),c}},h(d,"log"),d);qe.exports=$t});var kt=Ee(He());var j=class j extends HTMLElement{constructor(){super();h(this,"variable");h(this,"value");h(this,"undefined",!1);h(this,"report",!1);h(this,"type","plain");h(this,"types",["plain","html","markdown","object"]);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","../uibuilder/uib-brand.min.css"),this.dispatchEvent(new Event("uib-var:construction",{bubbles:!0,composed:!0}))}static get observedAttributes(){return j.props}attributeChangedCallback(t,i,r){if(i!==r)switch(t){case"variable":{if(r==="")throw new Error('[uib-var] Attribute "variable" MUST be set to a UIBUILDER managed variable name');this.variable=r,this.doWatch();break}case"undefined":{r===""||["on","true","report"].includes(r.toLowerCase())?this.undefined=!0:this.undefined=!1;break}case"report":{r===""||["on","true","report"].includes(r.toLowerCase())?this.report=!0:this.report=!1;break}case"type":{r===""||!this.types.includes(r.toLowerCase())?this.type="plain":this.type=r;break}default:{this[t]=r;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))}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(){if(this.value===void 0&&this.undefined!==!0){this.shadow.innerHTML="<slot></slot>";return}let t=this.value;switch(this.type){case"markdown":{this.shadow.innerHTML=window.uibuilder.sanitiseHTML(window.uibuilder.convertMarkdown(t));break}case"object":{this.shadow.innerHTML='<pre class="syntax-highlight">'.concat(window.uibuilder.syntaxHighlight(t),"</pre>");break}case"plain":case"html":default:{let i=typeof t;if(Array.isArray(t)||i==="[object Object]"||i==="object")try{this.shadow.innerHTML=JSON.stringify(t)}catch{this.shadow.innerHTML=t}else this.shadow.innerHTML=t;break}}this.shadow.appendChild(this.css)}};h(j,"_iCount",0),h(j,"props",["name","id","variable","undefined","report","type"]);var X=j;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 Q=Object.create(null);Object.keys(O).forEach(s=>{Q[O[s]]=s});var Z={type:"error",data:"parser error"};var je=typeof Blob=="function"||typeof Blob<"u"&&Object.prototype.toString.call(Blob)==="[object BlobConstructor]",We=typeof ArrayBuffer=="function",Ke=s=>typeof ArrayBuffer.isView=="function"?ArrayBuffer.isView(s):s&&s.buffer instanceof ArrayBuffer,ee=({type:s,data:e},t,i)=>je&&e instanceof Blob?t?i(e):Ve(e,i):We&&(e instanceof ArrayBuffer||Ke(e))?t?i(e):Ve(new Blob([e]),i):i(O[s]+(e||"")),Ve=(s,e)=>{let t=new FileReader;return t.onload=function(){let i=t.result.split(",")[1];e("b"+(i||""))},t.readAsDataURL(s)};function Fe(s){return s instanceof Uint8Array?s:s instanceof ArrayBuffer?new Uint8Array(s):new Uint8Array(s.buffer,s.byteOffset,s.byteLength)}var Ce;function Je(s,e){if(je&&s.data instanceof Blob)return s.data.arrayBuffer().then(Fe).then(e);if(We&&(s.data instanceof ArrayBuffer||Ke(s.data)))return e(Fe(s.data));ee(s,!1,t=>{Ce||(Ce=new TextEncoder),e(Ce.encode(t))})}var ze="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",te=typeof Uint8Array>"u"?[]:new Uint8Array(256);for(let s=0;s<ze.length;s++)te[ze.charCodeAt(s)]=s;var Ye=s=>{let e=s.length*.75,t=s.length,i,r=0,n,o,c,l;s[s.length-1]==="="&&(e--,s[s.length-2]==="="&&e--);let m=new ArrayBuffer(e),b=new Uint8Array(m);for(i=0;i<t;i+=4)n=te[s.charCodeAt(i)],o=te[s.charCodeAt(i+1)],c=te[s.charCodeAt(i+2)],l=te[s.charCodeAt(i+3)],b[r++]=n<<2|o>>4,b[r++]=(o&15)<<4|c>>2,b[r++]=(c&3)<<6|l&63;return m};var Lt=typeof ArrayBuffer=="function",ie=(s,e)=>{if(typeof s!="string")return{type:"message",data:Ge(s,e)};let t=s.charAt(0);return t==="b"?{type:"message",data:Ut(s.substring(1),e)}:Q[t]?s.length>1?{type:Q[t],data:s.substring(1)}:{type:Q[t]}:Z},Ut=(s,e)=>{if(Lt){let t=Ye(s);return Ge(t,e)}else return{base64:!0,data:s}},Ge=(s,e)=>{switch(e){case"blob":return s instanceof Blob?s:new Blob([s]);case"arraybuffer":default:return s instanceof ArrayBuffer?s:s.buffer}};var Xe=String.fromCharCode(30),Qe=(s,e)=>{let t=s.length,i=new Array(t),r=0;s.forEach((n,o)=>{ee(n,!1,c=>{i[o]=c,++r===t&&e(i.join(Xe))})})},Ze=(s,e)=>{let t=s.split(Xe),i=[];for(let r=0;r<t.length;r++){let n=ie(t[r],e);if(i.push(n),n.type==="error")break}return i};function et(){return new TransformStream({transform(s,e){Je(s,t=>{let i=t.length,r;if(i<126)r=new Uint8Array(1),new DataView(r.buffer).setUint8(0,i);else if(i<65536){r=new Uint8Array(3);let n=new DataView(r.buffer);n.setUint8(0,126),n.setUint16(1,i)}else{r=new Uint8Array(9);let n=new DataView(r.buffer);n.setUint8(0,127),n.setBigUint64(1,BigInt(i))}s.data&&typeof s.data!="string"&&(r[0]|=128),e.enqueue(r),e.enqueue(t)})}})}var Se;function ue(s){return s.reduce((e,t)=>e+t.length,0)}function de(s,e){if(s[0].length===e)return s.shift();let t=new Uint8Array(e),i=0;for(let r=0;r<e;r++)t[r]=s[0][i++],i===s[0].length&&(s.shift(),i=0);return s.length&&i<s[0].length&&(s[0]=s[0].slice(i)),t}function tt(s,e){Se||(Se=new TextDecoder);let t=[],i=0,r=-1,n=!1;return new TransformStream({transform(o,c){for(t.push(o);;){if(i===0){if(ue(t)<1)break;let l=de(t,1);n=(l[0]&128)===128,r=l[0]&127,r<126?i=3:r===126?i=1:i=2}else if(i===1){if(ue(t)<2)break;let l=de(t,2);r=new DataView(l.buffer,l.byteOffset,l.length).getUint16(0),i=3}else if(i===2){if(ue(t)<8)break;let l=de(t,8),m=new DataView(l.buffer,l.byteOffset,l.length),b=m.getUint32(0);if(b>Math.pow(2,53-32)-1){c.enqueue(Z);break}r=b*Math.pow(2,32)+m.getUint32(4),i=3}else{if(ue(t)<r)break;let l=de(t,r);c.enqueue(ie(n?l:Se.decode(l),e)),i=0}if(r===0||r>s){c.enqueue(Z);break}}}})}var Ne=4;function y(s){if(s)return It(s)}function It(s){for(var e in y.prototype)s[e]=y.prototype[e];return s}y.prototype.on=y.prototype.addEventListener=function(s,e){return this._callbacks=this._callbacks||{},(this._callbacks["$"+s]=this._callbacks["$"+s]||[]).push(e),this};y.prototype.once=function(s,e){function t(){this.off(s,t),e.apply(this,arguments)}return t.fn=e,this.on(s,t),this};y.prototype.off=y.prototype.removeListener=y.prototype.removeAllListeners=y.prototype.removeEventListener=function(s,e){if(this._callbacks=this._callbacks||{},arguments.length==0)return this._callbacks={},this;var t=this._callbacks["$"+s];if(!t)return this;if(arguments.length==1)return delete this._callbacks["$"+s],this;for(var i,r=0;r<t.length;r++)if(i=t[r],i===e||i.fn===e){t.splice(r,1);break}return t.length===0&&delete this._callbacks["$"+s],this};y.prototype.emit=function(s){this._callbacks=this._callbacks||{};for(var e=new Array(arguments.length-1),t=this._callbacks["$"+s],i=1;i<arguments.length;i++)e[i-1]=arguments[i];if(t){t=t.slice(0);for(var i=0,r=t.length;i<r;++i)t[i].apply(this,e)}return this};y.prototype.emitReserved=y.prototype.emit;y.prototype.listeners=function(s){return this._callbacks=this._callbacks||{},this._callbacks["$"+s]||[]};y.prototype.hasListeners=function(s){return!!this.listeners(s).length};var k=(()=>typeof self<"u"?self:typeof window<"u"?window:Function("return this")())();function fe(s,...e){return e.reduce((t,i)=>(s.hasOwnProperty(i)&&(t[i]=s[i]),t),{})}var Mt=k.setTimeout,Bt=k.clearTimeout;function $(s,e){e.useNativeTimers?(s.setTimeoutFn=Mt.bind(k),s.clearTimeoutFn=Bt.bind(k)):(s.setTimeoutFn=k.setTimeout.bind(k),s.clearTimeoutFn=k.clearTimeout.bind(k))}var Dt=1.33;function it(s){return typeof s=="string"?Pt(s):Math.ceil((s.byteLength||s.size)*Dt)}function Pt(s){let e=0,t=0;for(let i=0,r=s.length;i<r;i++)e=s.charCodeAt(i),e<128?t+=1:e<2048?t+=2:e<55296||e>=57344?t+=3:(i++,t+=4);return t}function st(s){let e="";for(let t in s)s.hasOwnProperty(t)&&(e.length&&(e+="&"),e+=encodeURIComponent(t)+"="+encodeURIComponent(s[t]));return e}function rt(s){let e={},t=s.split("&");for(let i=0,r=t.length;i<r;i++){let n=t[i].split("=");e[decodeURIComponent(n[0])]=decodeURIComponent(n[1])}return e}var xe=class extends Error{constructor(e,t,i){super(e),this.description=t,this.context=i,this.type="TransportError"}},L=class extends y{constructor(e){super(),this.writable=!1,$(this,e),this.opts=e,this.query=e.query,this.socket=e.socket}onError(e,t,i){return super.emitReserved("error",new xe(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=ie(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=st(e);return t.length?"?"+t:""}};var ct="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz-_".split(""),Oe=64,qt={},nt=0,pe=0,ot;function at(s){let e="";do e=ct[s%Oe]+e,s=Math.floor(s/Oe);while(s>0);return e}function me(){let s=at(+new Date);return s!==ot?(nt=0,ot=s):s+"."+at(nt++)}for(;pe<Oe;pe++)qt[ct[pe]]=pe;var lt=!1;try{lt=typeof XMLHttpRequest<"u"&&"withCredentials"in new XMLHttpRequest}catch{}var ht=lt;function Re(s){let e=s.xdomain;try{if(typeof XMLHttpRequest<"u"&&(!e||ht))return new XMLHttpRequest}catch{}if(!e)try{return new k[["Active"].concat("Object").join("X")]("Microsoft.XMLHTTP")}catch{}}function Ht(){}var Vt=function(){return new Re({xdomain:!1}).responseType!=null}(),ge=class extends L{constructor(e){if(super(e),this.polling=!1,typeof location<"u"){let i=location.protocol==="https:",r=location.port;r||(r=i?"443":"80"),this.xd=typeof location<"u"&&e.hostname!==location.hostname||r!==e.port}let t=e&&e.forceBase64;this.supportsBinary=Vt&&!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)};Ze(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,Qe(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]=me()),!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 U(this.uri(),e)}doWrite(e,t){let i=this.request({method:"POST",data:e});i.on("success",t),i.on("error",(r,n)=>{this.onError("xhr post error",r,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}},U=class s extends y{constructor(e,t){super(),$(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=fe(this.opts,"agent","pfx","key","passphrase","cert","ca","ciphers","rejectUnauthorized","autoUnref");t.xdomain=!!this.opts.xd;let i=this.xhr=new Re(t);try{i.open(this.method,this.uri,!0);try{if(this.opts.extraHeaders){i.setDisableHeaderCheck&&i.setDisableHeaderCheck(!0);for(let r in this.opts.extraHeaders)this.opts.extraHeaders.hasOwnProperty(r)&&i.setRequestHeader(r,this.opts.extraHeaders[r])}}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 r;i.readyState===3&&((r=this.opts.cookieJar)===null||r===void 0||r.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(r){this.setTimeoutFn(()=>{this.onError(r)},0);return}typeof document<"u"&&(this.index=s.requestsCount++,s.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=Ht,e)try{this.xhr.abort()}catch{}typeof document<"u"&&delete s.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()}};U.requestsCount=0;U.requests={};if(typeof document<"u"){if(typeof attachEvent=="function")attachEvent("onunload",ut);else if(typeof addEventListener=="function"){let s="onpagehide"in k?"pagehide":"unload";addEventListener(s,ut,!1)}}function ut(){for(let s in U.requests)U.requests.hasOwnProperty(s)&&U.requests[s].abort()}var B=(()=>typeof Promise=="function"&&typeof Promise.resolve=="function"?e=>Promise.resolve().then(e):(e,t)=>t(e,0))(),se=k.WebSocket||k.MozWebSocket,ye=!0,dt="arraybuffer";var ft=typeof navigator<"u"&&typeof navigator.product=="string"&&navigator.product.toLowerCase()==="reactnative",be=class extends L{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=ft?{}:fe(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=ye&&!ft?t?new se(e,t):new se(e):new se(e,t,i)}catch(r){return this.emitReserved("error",r)}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],r=t===e.length-1;ee(i,this.supportsBinary,n=>{let o={};ye||(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{ye?this.ws.send(n):this.ws.send(n,o)}catch{}r&&B(()=>{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]=me()),this.supportsBinary||(t.b64=1),this.createUri(e,t)}check(){return!!se}};var we=class extends L{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=tt(Number.MAX_SAFE_INTEGER,this.socket.binaryType),i=e.readable.pipeThrough(t).getReader(),r=et();r.readable.pipeTo(e.writable),this.writer=r.writable.getWriter();let n=()=>{i.read().then(({done:c,value:l})=>{c||(this.onPacket(l),n())}).catch(c=>{})};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],r=t===e.length-1;this.writer.write(i).then(()=>{r&&B(()=>{this.writable=!0,this.emitReserved("drain")},this.setTimeoutFn)})}}doClose(){var e;(e=this.transport)===null||e===void 0||e.close()}};var Ae={websocket:be,webtransport:we,polling:ge};var Ft=/^(?:(?![^:@\/?#]+:[^:@\/]*@)(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 W(s){let e=s,t=s.indexOf("["),i=s.indexOf("]");t!=-1&&i!=-1&&(s=s.substring(0,t)+s.substring(t,i).replace(/:/g,";")+s.substring(i,s.length));let r=Ft.exec(s||""),n={},o=14;for(;o--;)n[jt[o]]=r[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=Wt(n,n.path),n.queryKey=Kt(n,n.query),n}function Wt(s,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(s,e){let t={};return e.replace(/(?:^|&)([^&=]*)=?([^&]*)/g,function(i,r,n){r&&(t[r]=n)}),t}var D=class s extends y{constructor(e,t={}){super(),this.binaryType=dt,this.writeBuffer=[],e&&typeof e=="object"&&(t=e,e=null),e?(e=W(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=W(t.host).host),$(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=rt(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 Ae[e](i)}open(){let e;if(this.opts.rememberUpgrade&&s.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;s.priorWebsocketSuccess=!1;let r=()=>{i||(t.send([{type:"ping",data:"probe"}]),t.once("packet",N=>{if(!i)if(N.type==="pong"&&N.data==="probe"){if(this.upgrading=!0,this.emitReserved("upgrading",t),!t)return;s.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 _=new Error("probe error");_.transport=t.name,this.emitReserved("upgradeError",_)}}))};function n(){i||(i=!0,b(),t.close(),t=null)}let o=N=>{let _=new Error("probe error: "+N);_.transport=t.name,n(),this.emitReserved("upgradeError",_)};function c(){o("transport closed")}function l(){o("socket closed")}function m(N){t&&N.name!==t.name&&n()}let b=()=>{t.removeListener("open",r),t.removeListener("error",o),t.removeListener("close",c),this.off("close",l),this.off("upgrading",m)};t.once("open",r),t.once("error",o),t.once("close",c),this.once("close",l),this.once("upgrading",m),this.upgrades.indexOf("webtransport")!==-1&&e!=="webtransport"?this.setTimeoutFn(()=>{i||t.open()},200):t.open()}onOpen(){if(this.readyState="open",s.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 r=this.writeBuffer[i].data;if(r&&(t+=it(r)),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,r){if(typeof t=="function"&&(r=t,t=void 0),typeof i=="function"&&(r=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),r&&this.once("flush",r),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){s.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,r=e.length;for(;i<r;i++)~this.transports.indexOf(e[i])&&t.push(e[i]);return t}};D.protocol=Ne;var ps=D.protocol;function pt(s,e="",t){let i=s;t=t||typeof location<"u"&&location,s==null&&(s=t.protocol+"//"+t.host),typeof s=="string"&&(s.charAt(0)==="/"&&(s.charAt(1)==="/"?s=t.protocol+s:s=t.host+s),/^(https?|wss?):\/\//.test(s)||(typeof t<"u"?s=t.protocol+"//"+s:s="https://"+s),i=W(s)),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 Me={};At(Me,{Decoder:()=>Ue,Encoder:()=>Le,PacketType:()=>f,protocol:()=>wt});var Jt=typeof ArrayBuffer=="function",zt=s=>typeof ArrayBuffer.isView=="function"?ArrayBuffer.isView(s):s.buffer instanceof ArrayBuffer,mt=Object.prototype.toString,Yt=typeof Blob=="function"||typeof Blob<"u"&&mt.call(Blob)==="[object BlobConstructor]",Gt=typeof File=="function"||typeof File<"u"&&mt.call(File)==="[object FileConstructor]";function ne(s){return Jt&&(s instanceof ArrayBuffer||zt(s))||Yt&&s instanceof Blob||Gt&&s instanceof File}function re(s,e){if(!s||typeof s!="object")return!1;if(Array.isArray(s)){for(let t=0,i=s.length;t<i;t++)if(re(s[t]))return!0;return!1}if(ne(s))return!0;if(s.toJSON&&typeof s.toJSON=="function"&&arguments.length===1)return re(s.toJSON(),!0);for(let t in s)if(Object.prototype.hasOwnProperty.call(s,t)&&re(s[t]))return!0;return!1}function gt(s){let e=[],t=s.data,i=s;return i.data=Te(t,e),i.attachments=e.length,{packet:i,buffers:e}}function Te(s,e){if(!s)return s;if(ne(s)){let t={_placeholder:!0,num:e.length};return e.push(s),t}else if(Array.isArray(s)){let t=new Array(s.length);for(let i=0;i<s.length;i++)t[i]=Te(s[i],e);return t}else if(typeof s=="object"&&!(s instanceof Date)){let t={};for(let i in s)Object.prototype.hasOwnProperty.call(s,i)&&(t[i]=Te(s[i],e));return t}return s}function yt(s,e){return s.data=$e(s.data,e),delete s.attachments,s}function $e(s,e){if(!s)return s;if(s&&s._placeholder===!0){if(typeof s.num=="number"&&s.num>=0&&s.num<e.length)return e[s.num];throw new Error("illegal attachments")}else if(Array.isArray(s))for(let t=0;t<s.length;t++)s[t]=$e(s[t],e);else if(typeof s=="object")for(let t in s)Object.prototype.hasOwnProperty.call(s,t)&&(s[t]=$e(s[t],e));return s}var Xt=["connect","connect_error","disconnect","disconnecting","newListener","removeListener"],wt=5,f;(function(s){s[s.CONNECT=0]="CONNECT",s[s.DISCONNECT=1]="DISCONNECT",s[s.EVENT=2]="EVENT",s[s.ACK=3]="ACK",s[s.CONNECT_ERROR=4]="CONNECT_ERROR",s[s.BINARY_EVENT=5]="BINARY_EVENT",s[s.BINARY_ACK=6]="BINARY_ACK"})(f||(f={}));var Le=class{constructor(e){this.replacer=e}encode(e){return(e.type===f.EVENT||e.type===f.ACK)&&re(e)?this.encodeAsBinary({type:e.type===f.EVENT?f.BINARY_EVENT:f.BINARY_ACK,nsp:e.nsp,data:e.data,id:e.id}):[this.encodeAsString(e)]}encodeAsString(e){let t=""+e.type;return(e.type===f.BINARY_EVENT||e.type===f.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=gt(e),i=this.encodeAsString(t.packet),r=t.buffers;return r.unshift(i),r}};function bt(s){return Object.prototype.toString.call(s)==="[object Object]"}var Ue=class s extends y{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===f.BINARY_EVENT;i||t.type===f.BINARY_ACK?(t.type=i?f.EVENT:f.ACK,this.reconstructor=new Ie(t),t.attachments===0&&super.emitReserved("decoded",t)):super.emitReserved("decoded",t)}else if(ne(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(f[i.type]===void 0)throw new Error("unknown packet type "+i.type);if(i.type===f.BINARY_EVENT||i.type===f.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 r=e.charAt(t+1);if(r!==""&&Number(r)==r){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(s.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 f.CONNECT:return bt(t);case f.DISCONNECT:return t===void 0;case f.CONNECT_ERROR:return typeof t=="string"||bt(t);case f.EVENT:case f.BINARY_EVENT:return Array.isArray(t)&&(typeof t[0]=="number"||typeof t[0]=="string"&&Xt.indexOf(t[0])===-1);case f.ACK:case f.BINARY_ACK:return Array.isArray(t)}}destroy(){this.reconstructor&&(this.reconstructor.finishedReconstruction(),this.reconstructor=null)}},Ie=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=yt(this.reconPack,this.buffers);return this.finishedReconstruction(),t}return null}finishedReconstruction(){this.reconPack=null,this.buffers=[]}};function S(s,e,t){return s.on(e,t),function(){s.off(e,t)}}var Qt=Object.freeze({connect:1,connect_error:1,disconnect:1,disconnecting:1,newListener:1,removeListener:1}),K=class extends y{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=[S(e,"open",this.onopen.bind(this)),S(e,"packet",this.onpacket.bind(this)),S(e,"error",this.onerror.bind(this)),S(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(Qt.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:f.EVENT,data:t};if(i.options={},i.options.compress=this.flags.compress!==!1,typeof t[t.length-1]=="function"){let o=this.ids++,c=t.pop();this._registerAckCallback(o,c),i.id=o}let r=this.io.engine&&this.io.engine.transport&&this.io.engine.transport.writable;return this.flags.volatile&&(!r||!this.connected)||(this.connected?(this.notifyOutgoingListeners(i),this.packet(i)):this.sendBuffer.push(i)),this.flags={},this}_registerAckCallback(e,t){var i;let r=(i=this.flags.timeout)!==null&&i!==void 0?i:this._opts.ackTimeout;if(r===void 0){this.acks[e]=t;return}let n=this.io.setTimeoutFn(()=>{delete this.acks[e];for(let o=0;o<this.sendBuffer.length;o++)this.sendBuffer[o].id===e&&this.sendBuffer.splice(o,1);t.call(this,new Error("operation has timed out"))},r);this.acks[e]=(...o)=>{this.io.clearTimeoutFn(n),t.apply(this,[null,...o])}}emitWithAck(e,...t){let i=this.flags.timeout!==void 0||this._opts.ackTimeout!==void 0;return new Promise((r,n)=>{t.push((o,c)=>i?o?n(o):r(c):r(o)),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((r,...n)=>i!==this._queue[0]?void 0:(r!==null?i.tryCount>this._opts.retries&&(this._queue.shift(),t&&t(r)):(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:f.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)}onpacket(e){if(e.nsp===this.nsp)switch(e.type){case f.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 f.EVENT:case f.BINARY_EVENT:this.onevent(e);break;case f.ACK:case f.BINARY_ACK:this.onack(e);break;case f.DISCONNECT:this.ondisconnect();break;case f.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(...r){i||(i=!0,t.packet({type:f.ACK,id:e,data:r}))}}onack(e){let t=this.acks[e.id];typeof t=="function"&&(t.apply(this,e.data),delete this.acks[e.id])}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:f.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 P(s){s=s||{},this.ms=s.min||100,this.max=s.max||1e4,this.factor=s.factor||2,this.jitter=s.jitter>0&&s.jitter<=1?s.jitter:0,this.attempts=0}P.prototype.duration=function(){var s=this.ms*Math.pow(this.factor,this.attempts++);if(this.jitter){var e=Math.random(),t=Math.floor(e*this.jitter*s);s=Math.floor(e*10)&1?s+t:s-t}return Math.min(s,this.max)|0};P.prototype.reset=function(){this.attempts=0};P.prototype.setMin=function(s){this.ms=s};P.prototype.setMax=function(s){this.max=s};P.prototype.setJitter=function(s){this.jitter=s};var J=class extends y{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,$(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 P({min:this.reconnectionDelay(),max:this.reconnectionDelayMax(),jitter:this.randomizationFactor()}),this.timeout(t.timeout==null?2e4:t.timeout),this._readyState="closed",this.uri=e;let r=t.parser||Me;this.encoder=new r.Encoder,this.decoder=new r.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 D(this.uri,this.opts);let t=this.engine,i=this;this._readyState="opening",this.skipReconnect=!1;let r=S(t,"open",function(){i.onopen(),e&&e()}),n=c=>{this.cleanup(),this._readyState="closed",this.emitReserved("error",c),e?e(c):this.maybeReconnectOnOpen()},o=S(t,"error",n);if(this._timeout!==!1){let c=this._timeout,l=this.setTimeoutFn(()=>{r(),n(new Error("timeout")),t.close()},c);this.opts.autoUnref&&l.unref(),this.subs.push(()=>{this.clearTimeoutFn(l)})}return this.subs.push(r),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(S(e,"ping",this.onping.bind(this)),S(e,"data",this.ondata.bind(this)),S(e,"error",this.onerror.bind(this)),S(e,"close",this.onclose.bind(this)),S(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){B(()=>{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 K(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(r=>{r?(e._reconnecting=!1,e.reconnect(),this.emitReserved("reconnect_error",r)):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 oe={};function z(s,e){typeof s=="object"&&(e=s,s=void 0),e=e||{};let t=pt(s,e.path||"/socket.io"),i=t.source,r=t.id,n=t.path,o=oe[r]&&n in oe[r].nsps,c=e.forceNew||e["force new connection"]||e.multiplex===!1||o,l;return c?l=new J(i,e):(oe[r]||(oe[r]=new J(i,e)),l=oe[r]),t.query&&!e.query&&(e.query=t.queryKey),l.socket(t.path,e)}Object.assign(z,{Manager:J,Socket:K,io:z,connect:z});var vt="6.6.0-esm.min",Zt=!/param/.test(function(s){}),I=Zt?0:1,A={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;"};function a(){let s=Array.prototype.slice.call(arguments),e=s.shift(),t;switch(e){case"trace":case 5:{if(I<5)break;e=5,t="trace";break}case"debug":case 4:{if(I<4)break;e=4,t="debug";break}case"log":case 3:{if(I<3)break;e=3,t="log";break}case"info":case"":case 2:{if(I<2)break;e=2,t="info";break}case"warn":case 1:{if(I<1)break;e=1,t="warn";break}case"error":case"err":case 0:{if(I<0)break;e=0,t="error";break}default:{e=-1;break}}if(t===void 0)return function(){};let i=s.shift();return Function.prototype.bind.call(console[A[t].console],console,"%c".concat(A[t].pre).concat(t,"%c [").concat(i,"]"),"".concat(A.level," ").concat(A[t].css),"".concat(A.head," ").concat(A[t].txtCss),...s)}function Be(s,e){e||(e="payload"),typeof e!="string"&&(a("warn","uibuilderfe:makeMeAnObject","WARNING: property parameter must be a string and not: ".concat(typeof e))(),e="payload");let t={};return s!==null&&s.constructor.name==="Object"?t=s:s!==null&&(t[e]=s),t}function ei(){return("/"+Array.prototype.slice.call(arguments).map(function(t){return t.replace(/^\/|\/$/g,"")}).filter(function(t){return t}).join("/")).replace("//","/")}function _t(s){if(s===void 0)s='<span class="undefined">undefined</span>';else try{s=JSON.stringify(s,void 0,4),s=s.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){s="Syntax Highlight ERROR: ".concat(e.message)}return s}var g=new kt.default(window,a,_t),v,q,R,T,C,ae,Y,G,H,V,ve,ce,le,M,ti=(v=class{constructor(){h(this,"connectedNum",0);h(this,"_ioChannels",{control:"uiBuilderControl",client:"uiBuilderClient",server:"uiBuilder"});E(this,q,void 0);E(this,R,{});E(this,T,{});h(this,"isVue",!1);h(this,"vueVersion");E(this,C,null);E(this,ae,void 0);h(this,"_socket");h(this,"_htmlObserver");E(this,Y,!1);E(this,G,!1);E(this,H,void 0);E(this,V,!1);E(this,ve,["get","set","htmlSend","showMsg","showStatus","uiGet","uiWatch","include","elementExists","getManagedVarList","getWatchedVars"]);E(this,ce,{});E(this,le,{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"}});E(this,M,{});h(this,"clientId","");h(this,"cookies",{});h(this,"ctrlMsg",{});h(this,"ioConnected",!1);h(this,"isVisible",!1);h(this,"lastNavType","");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,"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:{clientVersion:vt,clientId:this.clientId,pathName:window.location.pathname,urlParams:Object.fromEntries(new URLSearchParams(location.search)),pageName:void 0,tabId:void 0,lastNavType:void 0},transportOptions:{polling:{extraHeaders:{"x-clientid":"".concat(v._meta.displayName,"; ").concat(v._meta.type,"; ").concat(v._meta.version,"; ").concat(this.clientId)}}}});if(a("trace","Uib:constructor","Starting")(),window.addEventListener("offline",e=>{this.set("online",!1),this.set("ioConnected",!1),a("warn","Browser","DISCONNECTED from network")()}),window.addEventListener("online",e=>{this.set("online",!0),a("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"]),a("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=>{u(this,G)&&e.detail.prop in u(this,le)&&(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"]),a("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("/"))),a("trace","[Uib:constructor]",'httpNodeRoot set by URL parsing to "'.concat(this.httpNodeRoot,'". NOTE: This may fail for pages in sub-folders.'))()}this.set("ioPath",ei(this.httpNodeRoot,v._meta.displayName,"vendor","socket.io")),a("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"),a("trace","Uib:constructor","Ending")()}set logLevel(e){I=e,console.log("%c\u2757 info%c [logLevel]","".concat(A.level," ").concat(A.info.css),"".concat(A.head," ").concat(A.info.txtCss),"Set to ".concat(e," (").concat(A.names[e],")"))}get logLevel(){return I}get meta(){return v._meta}set(e,t,i=!1,r=!1){return e.startsWith("_")||e.startsWith("#")?(a("warn","Uib:set",'Cannot use set() on protected property "'.concat(e,'"'))(),'Cannot use set() on protected property "'.concat(e,'"')):(this[e]=t,u(this,ce)[e]=e,i===!0&&this.setStore(e,t,r),a("trace","Uib:set","prop set - prop: ".concat(e,", val: "),t," store: ".concat(i,", autoload: ").concat(r))(),this._dispatchCustomEvent("uibuilder:propertyChanged",{prop:e,value:t,store:i,autoload:r}),t)}get(e){if(e.startsWith("_")||e.startsWith("#")){a("warn","Uib:get",'Cannot use get() on protected property "'.concat(e,'"'))();return}return e==="version"?v._meta.version:e==="msgsCtrl"?this.msgsCtrlReceived:e==="reconnections"?this.connectedNum:(this[e]===void 0&&a("warn","Uib:get",'get() - property "'.concat(e,'" is undefined'))(),this[e])}setStore(e,t,i=!1){let r={};if(i===!0)try{r=this.getStore("_uibAutoloadVars")||{}}catch{}if(typeof t=="object")try{t=JSON.stringify(t)}catch(n){return a("error","Uib:setStore","Cannot stringify object, not storing. ",n)(),!1}try{if(localStorage.setItem(this.storePrefix+e,t),i){r[e]=e;try{localStorage.setItem(this.storePrefix+"_uibAutoloadVars",JSON.stringify(r))}catch(n){a("error","Uib:setStore","Cannot save autoload list. ",n)()}}return this._dispatchCustomEvent("uibuilder:propertyStored",{prop:e,value:t,autoload:i}),!0}catch(n){return a("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 u(this,ce)}getWatchedVars(){return Object.keys(u(this,R))}_dispatchCustomEvent(e,t){let i=new CustomEvent(e,{detail:t});document.dispatchEvent(i)}onChange(e,t){u(this,R)[e]?u(this,R)[e]._nextRef++:u(this,R)[e]={_nextRef:1};let i=u(this,R)[e]._nextRef,r=u(this,R)[e][i]=function(o){if(e===o.detail.prop){let c=o.detail.value;t.call(c,c)}};return document.addEventListener("uibuilder:propertyChanged",r),i}cancelChange(e,t){document.removeEventListener("uibuilder:propertyChanged",u(this,R)[e][t]),delete u(this,R)[e][t]}onTopic(e,t){u(this,T)[e]?u(this,T)[e]._nextRef++:u(this,T)[e]={_nextRef:1};let i=u(this,T)[e]._nextRef,r=u(this,T)[e][i]=function(o){let c=o.detail;c.topic===e&&t.call(c,c)};return document.addEventListener("uibuilder:stdMsgReceived",r),i}cancelTopic(e,t){document.removeEventListener("uibuilder:stdMsgReceived",u(this,T)[e][t]),delete u(this,T)[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&&(a("trace","Uib:checkTimestamp:".concat(this._ioChannels.server," (server)"),"Offset changed to: ".concat(i," from: ").concat(this.serverTimeOffset))(),this.set("serverTimeOffset",i))}}$(e){let t=document.querySelector(e);return t?t.nodeName==="TEMPLATE"&&(t=t.content.firstElementChild,!t)?(a(0,"Uib:$","Template selected for CSS selector ".concat(e," but it is empty"))(),null):t:(a(1,"Uib:$","No element found for CSS selector ".concat(e))(),null)}$$(e){return Array.from(document.querySelectorAll(e))}setOriginator(e=""){this.set("originator",e)}setPing(e=0){let t=new XMLHttpRequest;t.addEventListener("load",()=>{let i=t.getAllResponseHeaders().split("\r\n"),r=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:r})}),u(this,q)&&(clearInterval(u(this,q)),x(this,q,void 0)),t.open("GET","".concat(this.httpNodeRoot,"/uibuilder/ping?t=").concat(Number(new Date))),t.send(),e>0&&x(this,q,setInterval(()=>{t.open("GET","".concat(this.httpNodeRoot,"/uibuilder/ping?t=").concat(Number(new Date))),t.send()},e))}log(){a(...arguments)()}syntaxHighlight(e){return _t(e)}copyToClipboard(e){let t="";try{console.log(this.get(e),JSON.stringify(this.get(e))),t=JSON.stringify(this.get(e))}catch(i){a("error","copyToClipboard",'Could not copy "'.concat(e,'" to clipboard.'),i.message)()}navigator.clipboard.writeText(t)}elementIsVisible(e,t=!1,i=.1){if(!IntersectionObserver)return;u(this,H)||x(this,H,new IntersectionObserver(n=>{let o=[];n.forEach(c=>{c.target.dataset.isvisible=c.isIntersecting,o.push({isIntersecting:c.isIntersecting})}),this.send({payload:o[0].isIntersecting,isVisible:o[0].isIntersecting,cssSelector:e,entries:o}),a("info","uib:elementIsVisible",'Element "'.concat(e,'" is now ').concat(o[0].isIntersecting?"more than 10%":"NOT (<10%)"," visible"))()},{threshold:i}));let r=document.querySelector(e);if(r===null){a("error","uib:elementIsVisible",'Element "'.concat(e,'" not found'))();return}if(t===!0){u(this,H).unobserve(r);return}u(this,H).observe(r)}elementExists(e,t=!0){let i=document.querySelector(e),r=!1;return i!==null&&(r=!0),t===!0&&this.send({payload:r,info:'Element "'.concat(e,'" ').concat(r?"exists":"does not exist")}),r}keepHashFromUrl(e){return e?"#"+e.replace(/^.*#(.*)/,"$1").replace(/\?.*$/,""):""}_watchHashChanges(){this.set("urlHash",location.hash),window.addEventListener("hashchange",e=>{this.set("urlHash",location.hash),u(this,V)===!0&&this.send({topic:"hashChange",payload:location.hash,newHash:this.keepHashFromUrl(e.newURL),oldHash:this.keepHashFromUrl(e.oldURL)})})}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}watchUrlHash(e){return x(this,V,this.truthy(e,u(this,V)!==!0)),u(this,V)}ui(e){g.ui(e)}replaceSlot(e,t){g.replaceSlot(e,t)}replaceSlotMarkdown(e,t){g.replaceSlotMarkdown(e,t)}convertMarkdown(e){return g.convertMarkdown(e)}sanitiseHTML(e){return g.sanitiseHTML(e)}loadScriptSrc(e){g.loadScriptSrc(e)}loadStyleSrc(e){g.loadStyleSrc(e)}loadScriptTxt(e){g.loadScriptTxt(e)}loadStyleTxt(e){g.loadStyleTxt(e)}showDialog(e,t,i){g.showDialog(e,t,i)}loadui(e){g.loadui(e)}uiGet(e,t=null){return g.uiGet(e,t)}async include(e,t){g.include(e,t)}uiEnhanceElement(e,t){g.uiEnhanceElement(e,t)}showMsg(e,t="body"){e===void 0&&(e=!u(this,Y)),x(this,Y,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?g._uiRemove({components:["#uib_last_msg_wrap"]}):g._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}notify(e){return e.return?g.notification(e):(g.notification(e).then(t=>{a("info","Uib:notification","Notification completed event",t)()}).catch(t=>{a("error","Uib:notification","Notification error event",t)()}),null)}showStatus(e,t="body"){if(e===void 0&&(e=!u(this,G)),x(this,G,e),e===!1)return g._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:[]}]}]}]},r=i.components[0].components[0].components[0].components;return Object.values(u(this,le)).forEach(n=>{r.push({type:"tr",attributes:{title:n.description},components:[{type:"th",slot:n.label},{type:"td",attributes:{"data-varType":n.var},slot:n.var==="version"?v._meta.version:JSON.stringify(this[n.var])}]})}),g._uiReplace(i),e}uiWatch(e,t="toggle",i=!0,r=!0){let n=document.querySelector(e);if(!n)return a("warn","uibuilder.module.js:uiWatch","CSS Selector '".concat(e,"' not found."))(),!1;(t==="toggle"||t===void 0||t===null)&&(u(this,M)[e]?t=!1:t=!0);let o=this;return t===!0?(u(this,M)[e]=new MutationObserver(function(c){let l=[];c.forEach(m=>{let b={type:m.type,oldValue:m.oldValue!==null?m.oldValue:void 0};m.addedNodes.length>0&&(b.addedNodes=[],m.addedNodes.forEach((N,_)=>{b.addedNodes.push(g.nodeGet(m.addedNodes[_]))})),m.removedNodes.length>0&&(b.removedNodes=[],m.removedNodes.forEach((N,_)=>{b.removedNodes.push(g.nodeGet(m.removedNodes[_]))})),m.type==="attributes"&&(b.attributeName=m.attributeName,b.newValue=m.target.attributes[m.attributeName].value),l.push(b)}),o._dispatchCustomEvent("uibuilder:domChange",l),i===!0&&o.send({_ui:{cssSelector:e,uiChanges:l},topic:o.topic||"DOM Changes for '".concat(e,"'")}),r===!0&&a("info","uibuilder.module.js:uiWatch","DOM Changes for '".concat(e,"'"),{uiChanges:l},{mutationList:c})()}),u(this,M)[e].observe(n,{attributes:!0,childList:!0,subtree:!0,characterData:!0}),a("trace","uibuilder.module.js:uiWatch","Started Watching DOM changes for '".concat(e,"'"))()):(u(this,M)[e].disconnect(),delete u(this,M)[e],a("trace","uibuilder.module.js:uiWatch","Stopped Watching DOM changes for '".concat(e,"'"))()),t}clearHtmlCache(){this.removeStore("htmlCache"),a("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,a("trace","uibuilder.module.js:restoreHtmlFromCache","Restored HTML from cache")()}else a("trace","uibuilder.module.js:restoreHtmlFromCache","No cache to restore")()}saveHtmlCache(){this.setStore("htmlCache",document.documentElement.innerHTML)}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}),a("trace","uibuilder.module.js:watchDom","Started Watching and saving DOM changes")()):(this._htmlObserver.disconnect(),a("trace","uibuilder.module.js:watchDom","Stopped Watching and saving DOM changes")())}_send(e,t,i=""){t==null&&(t=this._ioChannels.client),t===this._ioChannels.client?e=Be(e,"payload"):t===this._ioChannels.control&&(e=Be(e,"uibuilderCtrl"),Object.prototype.hasOwnProperty.call(e,"uibuilderCtrl")||(e.uibuilderCtrl="manual send"),e.from="client"),e._socketId=this._socket.id,this.socketOptions.auth.tabId=this.tabId,this.socketOptions.auth.lastNavType=this.lastNavType,this.socketOptions.auth.connectedNum=this.connectedNum,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");let r;t===this._ioChannels.client?(this.set("sentMsg",e),r=this.set("msgsSent",++this.msgsSent)):t===this._ioChannels.control&&(this.set("sentCtrlMsg",e),r=this.set("msgsSentCtrl",++this.msgsSentCtrl)),a("trace","Uib:_send"," Channel '".concat(t,"'. Sending msg #").concat(r),e)(),this._socket.emit(t,e)}send(e,t=""){this._send(e,this._ioChannels.client,t)}sendCtrl(e){this._send(e,this._ioChannels.control)}eventSend(e,t=""){if(this.$attrs){a("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){a("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){a("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,r={};Object.keys(i).forEach(p=>{p.startsWith("_")||(r[p]=i[p])});let n=["class","id","name"],o;try{o=Object.assign({},...Array.from(i.attributes,({name:p,value:_e})=>{if(!n.includes(p))return{[p]:_e}}))}catch{}let c,l=[];i.form&&(c={},c.valid=i.form.checkValidity(),Object.values(i.form).forEach((p,_e)=>{let F=p.id!==""?p.id:p.name!==""?p.name:"".concat(_e,"-").concat(p.type);if(F!==""&&p.type){if("checked"in p&&p.value==="on"&&(p.value=p.checked.toString()),l.push({key:F,val:p.value}),c[F]={id:p.id,name:p.name,value:p.value,valid:p.checkValidity(),type:p.type},c[F].valid===!1){let w=p.validity;c[F].validity={badInput:w.badInput===!0?w.badInput:void 0,customError:w.customError===!0?w.customError:void 0,patternMismatch:w.patternMismatch===!0?w.patternMismatch:void 0,rangeOverflow:w.rangeOverflow===!0?w.rangeOverflow:void 0,rangeUnderflow:w.rangeUnderflow===!0?w.rangeUnderflow:void 0,stepMismatch:w.stepMismatch===!0?w.stepMismatch:void 0,tooLong:w.tooLong===!0?w.tooLong:void 0,tooShort:w.tooShort===!0?w.tooShort:void 0,typeMismatch:w.typeMismatch===!0?w.typeMismatch:void 0,valueMissing:w.valueMissing===!0?w.valueMissing:void 0}}p.dataset&&(c[F].data=p.dataset)}}));let m;try{m=Array.from(i.classList)}catch{}let b={...i.dataset},N;Object.prototype.toString.call(i)==="[object Notification]"&&(b="notification-".concat(i.userAction),N={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 _={payload:b,_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:c,props:r,attribs:o,classes:m,notification:N,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}};l.length>0&&l.forEach(p=>{_.payload[p.key]=p.val}),e.type==="change"&&(_._ui.newValue=_.payload.value="checked"in i?i.checked:e.target.value),a("trace","Uib:eventSend","Sending msg to Node-RED",_)(),i.dataset&&i.dataset.length===0&&a("warn","Uib:eventSend","No payload in msg. data-* attributes should be used.")(),this._send(_,this._ioChannels.client,t)}htmlSend(e="",t=!0){let i="<!doctype html>\n".concat(document.documentElement.outerHTML),r={payload:i,length:i.length,topic:this.topic};return a("trace","Uib:htmlSend","Sending full HTML to Node-RED",r)(),t===!0&&this._send(r,this._ioChannels.client,e),i}_uibCommand(e){let t=e._uib.command;if(!u(this,ve).includes(t.trim())){a("error","Uib:_uibCommand","Command '".concat(t," is not allowed to be called externally"))();return}let i=e._uib.prop,r=e._uib.value,n,o;switch(t){case"elementExists":{n=this.elementExists(i,!1),o='Element "'.concat(i,'" ').concat(n?"exists":"does not exist");break}case"get":{n=this.get(i);break}case"getManagedVarList":{i==="full"?n=this.getManagedVarList():n=Object.values(this.getManagedVarList());break}case"getWatchedVars":{i==="full"?n=this.getWatchedVars():n=Object.values(this.getWatchedVars());break}case"htmlSend":{n=this.htmlSend("",!1);break}case"include":{n=g.include(i,r);break}case"set":{let c=!1,l=!1;e._uib.options&&e._uib.options.store&&(e._uib.options.store===!0&&(c=!0),e._uib.options.autoload===!0&&(l=!0)),n=this.set(i,r,c,l);break}case"showMsg":{n=this.showMsg(r,i);break}case"showStatus":{n=this.showStatus(r,i);break}case"uiGet":{n=g.uiGet(i,r);break}case"uiWatch":{n=this.uiWatch(i);break}case"watchUrlHash":{n=this.watchUrlHash(i);break}default:{a("warning","Uib:_uibCommand","Command '".concat(t,"' not yet implemented"))();break}}n===void 0&&(n="'".concat(i,"' is undefined")),Object(n).constructor===Promise?n.then(c=>(e.payload=e._uib.response=c,e.info=e._uib.info=o,e.topic||(e.topic=this.topic||"uib ".concat(t," for '").concat(i,"'")),this.send(e),!0)).catch(c=>{a(0,"Uib:_uibCommand","Error: ",c)()}):(e.payload=e._uib.response=n,e.info=e._uib.info=o,e.topic||(e.topic=this.topic||"uib ".concat(t," for '").concat(i,"'")),this.send(e))}_forThis(e){let t=!0;return e.pageName&&e.pageName!==this.pageName&&(a("trace","Uib:_msgRcvdEvents:_uib","Not for this page")(),t=!1),e.clientId&&e.clientId!==this.clientId&&(a("trace","Uib:_msgRcvdEvents:_uib","Not for this clientId")(),t=!1),e.tabId&&e.tabId!==this.tabId&&(a("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){if(!this._forThis(e._uib))return;if(e._uib.reload===!0){a("trace","Uib:_msgRcvdEvents:_uib:reload","reloading")(),location.reload();return}if(e._uib.command){this._uibCommand(e);return}e._uib.componentRef==="globalNotification"&&g.showDialog("notify",e._uib.options,e),e._uib.componentRef==="globalAlert"&&g.showDialog("alert",e._uib.options,e)}if(e._ui){if(!this._forThis(e._ui))return;a("trace","Uib:_msgRcvdEvents:_ui","Calling _uiManager")(),this._dispatchCustomEvent("uibuilder:msg:_ui",e),g._uiManager(e)}}_stdMsgFromServer(e){e=Be(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),a("info","Uib:ioSetup:stdMsgFromServer","Channel '".concat(this._ioChannels.server,"'. Received msg #").concat(this.msgsReceived,"."),e)()))}_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),a("trace","Uib:ioSetup:_ctrlMsgFromServer","Channel '".concat(this._ioChannels.control,"'. Received control msg #").concat(this.msgsCtrlReceived),e)(),e.uibuilderCtrl){case"shutdown":{a("info","Uib:ioSetup:".concat(this._ioChannels.control),'\u274C Received "shutdown" from server')(),this.set("serverShutdown",void 0);break}case"client connect":{a("trace","Uib:ioSetup:".concat(this._ioChannels.control),'Received "client connect" from server')(),a("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"))(),v._meta.version.startsWith(e.version.split("-")[0])||a("warn","Uib:ioSetup:".concat(this._ioChannels.control),"Server version (".concat(e.version,") not the same as the client version (").concat(v._meta.version,")"))(),this.autoSendReady===!0&&a("trace","Uib:ioSetup:".concat(this._ioChannels.control,"/client connect"),"Auto-sending ready-for-content/replay msg to server");break}default:a("trace","uibuilderfe:ioSetup:".concat(this._ioChannels.control),"Received ".concat(e.uibuilderCtrl," from server"))}}beaconLog(e,t){t||(t="debug"),navigator.sendBeacon("./_clientLog","".concat(t,"::").concat(e))}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})}_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(),a("trace","uibuilder.module.js:getIOnamespace","Socket.IO namespace found via url path: ".concat(e))()}else a("trace","uibuilder.module.js:getIOnamespace","Socket.IO namespace found via cookie: ".concat(e))();return this.url=e,e="/"+e,a("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),a("trace","Uib:checkConnect","Checking connection. Connected: ".concat(this._socket.connected,". Timer: ").concat(u(this,C),". Depth: ").concat(i,". Delay: ").concat(e,". Factor: ").concat(t),this._socket)(),this._socket.connected===!0?(u(this,C)&&(window.clearTimeout(u(this,C)),x(this,C,null)),this.set("ioConnected",!0),this.set("socketError",null),!0):(this.set("ioConnected",!1),u(this,C)&&window.clearTimeout(u(this,C)),x(this,C,window.setTimeout(()=>{a("warn","Uib:checkConnect:setTimeout","Socket.IO reconnection attempt. Current delay: ".concat(e,". Depth: ").concat(i))(),this._socket.close(),this._socket.connect(),x(this,C,null),this._checkConnect(e*t,t,i++)},e)),!1)}_onConnect(){this.set("connectedNum",this.connectedNum++),this.socketOptions.auth.connectedNum=this.connectedNum,this.socketOptions.auth.lastNavType=this.lastNavType,this.socketOptions.auth.tabId=this.tabId,this.socketOptions.auth.more=this.tabId,a("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){a("info","Uib:ioSetup:socket-disconnect","\u26D4 Socket Disconnected. Reason: ".concat(e))(),this._dispatchCustomEvent("uibuilder:socket:disconnected",e),this._checkConnect()}_ioSetup(){return z===void 0?(a("error","Uib:ioSetup","Socket.IO client not loaded, Node-RED comms will not work")(),!1):(this._socket&&(a("trace","Uib:ioSetup","Removing listeners in preparation for redoing Socket.IO connections")(),u(this,C)&&(window.clearTimeout(u(this,C)),x(this,C,null)),this._socket.close(),this._socket.offAny(),this._socket=void 0,this.set("ioConnected",!1)),this.socketOptions.path=this.ioPath,this.socketOptions.auth.pageName=this.pageName,this.socketOptions.auth.clientId=this.clientId,this.socketOptions.transportOptions.polling.extraHeaders["x-clientid"]="".concat(v._meta.displayName,"; ").concat(v._meta.type,"; ").concat(v._meta.version,"; ").concat(this.clientId),this.socketOptions.auth.tabId=this.tabId,this.socketOptions.auth.lastNavType=this.lastNavType,this.socketOptions.auth.connectedNum=this.connectedNum,a("trace","Uib:ioSetup","About to create IO object. Transports: [".concat(this.socketOptions.transports.join(", "),"]"))(),this._socket=z(this.ioNamespace,this.socketOptions),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&&(a("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=>{a("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)}start(e){a("trace","Uib:start","Starting")(),u(this,ae)&&this.cancelChange("msg",u(this,ae)),this.started===!0&&a("info","Uib:start","Start function already called. Resetting Socket.IO and msg handler.")(),a("log","Uib:start","Cookies: ",this.cookies,"\nClient ID: ".concat(this.clientId))(),a("trace","Uib:start","ioNamespace: ",this.ioNamespace,"\nioPath: ".concat(this.ioPath))(),e&&(e.ioNamespace!==void 0&&e.ioNamespace!==null&&e.ioNamespace!==""&&this.set("ioNamespace",e.ioNamespace),e.ioPath!==void 0&&e.ioPath!==null&&e.ioPath!==""&&this.set("ioPath",e.ioPath)),document.styleSheets.length>=1||document.styleSheets.length===1&&document.styleSheets[0].cssRules.length===0?a("info","Uib:start","Styles already loaded so not loading uibuilder default styles.")():e&&e.loadStylesheet===!1?a("info","Uib:start","No styles loaded & options.loadStylesheet === false.")():(a("info","Uib:start","No styles loaded, loading uibuilder default styles.")(),this.loadStyleSrc("".concat(this.httpNodeRoot,"/uibuilder/uib-brand.min.css")));let[t]=performance.getEntriesByType("navigation");if(this.set("lastNavType",t.type),this.set("started",this._ioSetup()),this.started===!0?a("trace","Uib:start","Start completed. Socket.IO client library loaded.")():a("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{}a("trace","Uib:start","VueJS is loaded. Version: ".concat(this.vueVersion))()}else a("trace","Uib:start","VueJS is not loaded.")();window.DOMPurify?(this.set("purify",!0),a("trace","Uib:start","DOMPurify is loaded.")()):a("trace","Uib:start","DOMPurify is not loaded.")(),window.markdownit?(this.set("markdown",!0),a("trace","Uib:start","Markdown-IT is loaded.")()):a("trace","Uib:start","Markdown-IT is not loaded.")(),this.onChange("msg",i=>{if(u(this,Y)===!0){let r=document.getElementById("uib_last_msg");r&&(r.innerHTML=this.syntaxHighlight(i))}}),this._dispatchCustomEvent("uibuilder:startComplete")}},q=new WeakMap,R=new WeakMap,T=new WeakMap,C=new WeakMap,ae=new WeakMap,Y=new WeakMap,G=new WeakMap,H=new WeakMap,V=new WeakMap,ve=new WeakMap,ce=new WeakMap,le=new WeakMap,M=new WeakMap,h(v,"_meta",{version:vt,type:"module",displayName:"uibuilder"}),v),ke=new ti;window.uibuilder?a("error","uibuilder.module.js","`uibuilder` already assigned to window. Have you tried to load it more than once?"):window.uibuilder=ke;window.uib?a("warn","uibuilder.module.js","`uib` shortcut already assigned to window."):window.uib=ke;window.$?a("warn","uibuilder.module.js","Cannot allocate the global `$`, it is already in use. Use `uibuilder.$` instead."):window.$=window.uibuilder.$;window.$$?a("warn","uibuilder.module.js","Cannot allocate the global `$$`, it is already in use. Use `uibuilder.$$` instead."):window.$$=window.uibuilder.$$;var zs=ke;ke.start();customElements.define("uib-var",X);export{ti as Uib,zs as default,ke 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 8ac9e50c..e5ed890b 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", "src/components/uib-var/uib-var.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/index.mjs", "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"],
-  "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-2023 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// ts-nocheck \n\nconst Ui = class Ui {\n    version = '6.6.0-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    window\n\n    /** Log function - passed in constructor or will be a dummy function\n     * @type {function}\n     */\n    static log\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        if (win) this.window = 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        this.document = this.window.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\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    // TODO Add multi-slot\n    /** Replace or add an HTML element's slot from text or an HTML string\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 {*} component The component we are trying to add/replace\n     */\n    replaceSlot(el, component) {\n        if (!component.slot) return\n        if (!el) return\n\n        // If DOMPurify is loaded, apply it now\n        if (this.window['DOMPurify']) component.slot = this.window['DOMPurify'].sanitize(component.slot)\n        // Set the component content to the msg.payload or the slot property\n        el.innerHTML = component.slot\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 (!this.window['markdownit']) return mdText\n\n        const opts = { // eslint-disable-line object-shorthand\n            html: true,\n            linkify: true,\n            _highlight: true,\n            langPrefix: 'language-',\n            highlight(str, lang) {\n                if (lang && this.window['hljs'] && this.window['hljs'].getLanguage(lang)) {\n                    try {\n                        return `<pre class=\"highlight\" data-language=\"${lang.toUpperCase()}\">\n                                <code class=\"language-${lang}\">${this.window['hljs'].highlightAuto(str).value}</code></pre>`\n                    } finally { } // eslint-disable-line no-empty\n                }\n                return `<pre class=\"highlight\"><code>${md.utils.escapeHtml(str)}</code></pre>`\n            },\n        }\n        const md = this.window['markdownit'](opts)\n        // Convert from markdown to HTML\n        return md.render(mdText)\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 (!this.window['DOMPurify']) return html\n        return this.window['DOMPurify'].sanitize(html, { ADD_TAGS: this.sanitiseExtraTags, ADD_ATTR: this.sanitiseExtraAttribs })\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    /** 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 = this.document.createElement('script')\n        newScript.src = url\n        newScript.async = false\n        this.document.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 = this.document.createElement('link')\n        newStyle.href = url\n        newStyle.rel = 'stylesheet'\n        newStyle.type = 'text/css'\n\n        this.document.head.appendChild(newStyle)\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 = this.document.createElement('script')\n        newScript.async = false\n        newScript.textContent = textFn\n        this.document.head.appendChild(newScript)\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 = this.document.createElement('style')\n        newStyle.textContent = textFn\n        this.document.head.appendChild(newStyle)\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 += msg.payload\n        if (ui.content) content += ui.content\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 = this.document.getElementById('toaster')\n        if (toaster === null) {\n            toaster = this.document.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            this.document.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 = this.document.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\n    } // --- End of showDialog ---\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                    ev.currentTarget.userAction = 'close'\n                    resolve(ev)\n                })\n                notify.addEventListener('click', ev => {\n                    ev.currentTarget.userAction = 'click'\n                    resolve(ev)\n                })\n                notify.addEventListener('error', ev => {\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    /** 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    /** 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    // 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\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                // 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            })\n        }\n\n        //#region Add Slot content to innerHTML\n        if (comp.slot) {\n            this.replaceSlot(el, comp)\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    uiEnhanceElement(el, comp) {\n        this._uiComposeComponent(el, comp)\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            } else if (compToAdd.ns === 'svg') {\n                newEl = this.document.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 = this.document.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    // 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 = this.document.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 = this.document.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 = this.document.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToAdd.ns = 'dom'\n                    newEl = this.document.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 = this.document.querySelector(compToAdd.parent)\n            } else if (ui.parent) {\n                elParent = this.document.querySelector(ui.parent)\n            }\n            if (!elParent) {\n                Ui.log('info', 'Ui:_uiAdd', 'No parent found, adding to body')()\n                elParent = this.document.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\n    } // --- end of _uiAdd ---\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 = [this.document.querySelector(compToRemove)]\n            else els = this.document.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 'this.document': '##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 = this.document.getElementById(compToReplace.id) // .querySelector(`#${compToReplace.id}`)\n            } else if (compToReplace.selector || compToReplace.select) {\n                elToReplace = this.document.querySelector(compToReplace.selector)\n            } else if (compToReplace.name) {\n                elToReplace = this.document.querySelector(`[name=\"${compToReplace.name}\"]`)\n            } else if (compToReplace.type) {\n                elToReplace = this.document.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 = this.document.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 = this.document.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToReplace.ns = 'dom'\n                    newEl = this.document.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\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:_uiManager:update', 'Starting _uiUpdate')()\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', `Component #${i}`, compToUpd)()\n\n            /** @type {NodeListOf<Element>} */\n            let elToUpd\n\n            // 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.id) {\n                // NB We don't use get by id because this way the code is simpler later on\n                elToUpd = this.document.querySelectorAll(`#${compToUpd.id}`)\n            } else if (compToUpd.selector || compToUpd.select) {\n                elToUpd = this.document.querySelectorAll(compToUpd.selector)\n            } else if (compToUpd.name) {\n                elToUpd = this.document.querySelectorAll(`[name=\"${compToUpd.name}\"]`)\n            } else if (compToUpd.type) {\n                elToUpd = this.document.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 => {\n                this._uiComposeComponent(el, compToUpd)\n            })\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToUpd.components) {\n                elToUpd.forEach(el => {\n                    Ui.log('trace', '_uiUpdate:components', 'el', el)()\n                    this._uiUpdate({\n                        method: ui.method,\n                        parentEl: el,\n                        components: compToUpd.components,\n                    })\n                })\n            }\n\n        })\n\n    } // --- end of _uiUpdate ---\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                await 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 a reload request */\n    _uiReload() {\n        Ui.log('trace', 'Ui:uiManager:reload', 'reloading')()\n        location.reload()\n    }\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.method) {\n                Ui.log('error', 'Ui:_uiManager', `No method defined for msg._ui[${i}]. Ignoring`)()\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\n    } // --- end of _uiManager ---\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 = this.document.querySelectorAll(`${cssSelector} li`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'DL') {\n            const listEntries = this.document.querySelectorAll(`${cssSelector} dt`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'TABLE') {\n            const bodyEntries = this.document.querySelectorAll(`${cssSelector} > tbody > tr`)\n            const headEntries = this.document.querySelectorAll(`${cssSelector} > thead > tr`)\n            const cols = this.document.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            }\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    /** 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>} */ (this.document.querySelectorAll(cssSelector))\n\n        const out = []\n\n        selection.forEach(node => {\n            // Specific property asked for ...\n            if (propName !== null && propName !== '') {\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                    // Nightmare of different object types in a DOM Element!\n                    if (prop.constructor.name === 'NamedNodeMap') { // Attributes\n                        const p = {}\n                        for (const key of prop) {\n                            // @ts-ignore\n                            p[key.name] = prop[key.name].value\n                        }\n                        out.push(p)\n                    } else if (!prop.constructor.name.toLowerCase().includes('map')) { // Ordinary properties\n                        out.push({\n                            [propName]: prop\n                        })\n                    } else { // Other MAP types\n                        const p = {}\n                        // @ts-ignore\n                        for (const key in prop) {\n                            p[key] = prop[key]\n                        }\n                        out.push(p)\n                    }\n                }\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    /** 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 (this.window['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 (this.window['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 (this.window['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\n    } // ---- End of include() ---- //\n}\n\nmodule.exports = Ui\n// window['ui'] = new Ui()\n// export Ui\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-2023 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//#region --- 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 UibVar from '../components/uib-var/uib-var'\nimport io from 'socket.io-client'\n\n// TODO - Maybe - check if already loaded as window['io']?\n// TODO - Maybe - Should this be moved to inside the class - would know the httpRoot then so less need to guess?\n// TODO           Or, could pull the cookie processing out of the class\n// const ioLocns = [ // Likely locations of the Socket.IO client library\n//     // Where it should normally be\n//     '../uibuilder/vendor/socket.io-client/socket.io.esm.min.js',\n//     // Where it might be if using a custom uib Express server and haven't changed httpNodeRoot\n//     '/uibuilder/vendor/socket.io-client/socket.io.esm.min.js',\n//     // Where it might be if using a custom uib Express server and have changed httpNodeRoot\n//     '../../../../../uibuilder/vendor/socket.io-client/socket.io.esm.min.js',\n//     '../../../../uibuilder/vendor/socket.io-client/socket.io.esm.min.js',\n//     '../../../uibuilder/vendor/socket.io-client/socket.io.esm.min.js',\n//     '../../uibuilder/vendor/socket.io-client/socket.io.esm.min.js',\n//     // Direct from the Internet - last ditch attempt\n//     'https://cdn.jsdelivr.net/npm/socket.io-client/+esm',\n// ]\n\n// let io\n// for (const locn of ioLocns) {\n//     try {\n//         ({ io } = await import(locn))\n//         log('trace', 'uibuilder.module.js:io', `Socket.IO client library found at '${locn}'`)()\n//     } catch (e) {\n//         log('trace', 'uibuilder.module.js:io', `Socket.IO client library not found at '${locn}'`)()\n//     }\n//     if (io) break\n// }\n// if (!io) log('error', 'uibuilder.module.js', 'Socket.IO client failed to load')()\n//#endregion -------- -------- -------- //\n\nconst version = '6.6.0-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// @ts-ignore Detect whether the loaded library is minified or not\nconst isMinified = !(/param/).test(function (param) { }) // eslint-disable-line no-unused-vars\n\n//#region --- print/console - debugging output functions --- //\n\n/** Default log level - Error & Warn */\nlet logLevel = isMinified ? 0 : 1  // When using minified lib, assume production and only log errors otherwise also log warn\n// function changeLogLevel(level) {\n//     logLevel = level\n//     console.trace = logLevel < 4 ? function(){} : console.trace\n//     console.debug = logLevel < 2 ? function(){} : console.debug\n//     if ( logLevel < 1 ) {\n//         console.log = console.group = console.groupEnd =  function(){}\n//     }\n// }\n\n// Experimental\nconst 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/** 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 (logLevel < 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 (logLevel < 4) break\n            level = 4\n            strLevel = 'debug'\n            break\n        }\n\n        case 'log':\n        case 3: {\n            if (logLevel < 3) break\n            level = 3\n            strLevel = 'log'\n            break\n        }\n\n        case 'info':\n        case '':\n        case 2: {\n            if (logLevel < 2) break\n            level = 2\n            strLevel = 'info'\n            break\n        }\n\n        case 'warn':\n        case 1: {\n            if (logLevel < 1) break\n            level = 1\n            strLevel = 'warn'\n            break\n        }\n\n        case 'error':\n        case 'err':\n        case 0: {\n            if (logLevel < 0) break\n            level = 0\n            strLevel = 'error'\n            break\n        }\n\n        default: {\n            level = -1\n            break\n        }\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_STYLES[strLevel].console],\n        console,\n        `%c${LOG_STYLES[strLevel].pre}${strLevel}%c [${head}]`, `${LOG_STYLES.level} ${LOG_STYLES[strLevel].css}`, `${LOG_STYLES.head} ${LOG_STYLES[strLevel].txtCss}`,\n        ...args\n    )\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/** Makes a null or non-object into an object\n * If not null, moves \"thing\" to {payload:thing}\n *\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 */\nfunction makeMeAnObject(thing, property) {\n    if (!property) property = 'payload'\n    if (typeof property !== 'string') {\n        log('warn', 'uibuilderfe: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/** 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 */\nfunction 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/** 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    // Has an IntersectionObserver been created? If so, this will hold the reference to it\n    #intersectionObserver = undefined\n    // Externally accessible command functions (NB: Case must match) - remember to update _uibCommand for new commands\n    #extCommands = [\n        'get', 'set', 'htmlSend', 'showMsg', 'showStatus', 'uiGet', 'uiWatch', 'include', 'elementExists',\n        'getManagedVarList', 'getWatchedVars',\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    //#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 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    /** 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    //#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    //#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    socketOptions = {\n        path: this.ioPath,\n        transports: ['polling', 'websocket'],\n        auth: {\n            clientVersion: version,\n            clientId: this.clientId,\n            pathName: window.location.pathname,\n            urlParams: Object.fromEntries(new URLSearchParams(location.search)),\n            pageName: undefined,\n            tabId: undefined,\n            lastNavType: undefined,\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) { logLevel = level; console.log('%c\u2757 info%c [logLevel]', `${LOG_STYLES.level} ${LOG_STYLES.info.css}`, `${LOG_STYLES.head} ${LOG_STYLES.info.txtCss}`, `Set to ${level} (${LOG_STYLES.names[level]})`) /* changeLogLevel(level)*/ }\n    get logLevel() { return logLevel }\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    // TODO Add option to send event details back to Node-RED as uib ctrl msg\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    /** 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 {*} Selected HTML element or null\n     */\n    $(cssSelector) {\n        /** @type {*} Some kind of HTML element */\n        let el = document.querySelector(cssSelector)\n\n        if (!el) {\n            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                log(0, 'Uib:$', `Template selected for CSS selector ${cssSelector} but it is empty`)()\n                return null\n            }\n        }\n\n        return el\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 {*} cssSelector A CSS Selector that identifies the elements to return\n     * @returns {Array} Array of DOM elements/nodes. Array is empty if selector is not found.\n     */\n    $$(cssSelector) {\n        return Array.from(document.querySelectorAll(cssSelector))\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    log() {\n        log(...arguments)()\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     */\n    syntaxHighlight(json) {\n        return syntaxHighlight(json)\n    } // --- End of syntaxHighlight --- //\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            console.log(this.get(varToCopy), JSON.stringify(this.get(varToCopy)))\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    /** 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     * @param {string} cssSelector Required. CSS Selector to examine for visibility\n     * @param {boolean} stop Optional. Default=false. If TRUE, stop the observer for this cssSelector\n     * @param {number} threshold Optional. Default=0.1. Between 0 and 1, the % visibility before trigger\n     */\n    elementIsVisible(cssSelector, stop = false, threshold = 0.1) {\n        if (!IntersectionObserver) return\n\n        // TODO Return a promise? - make return message optional?\n        // https://blog.bitsrc.io/angular-maximizing-performance-with-the-intersection-observer-api-23d81312f178#:~:text=Let%E2%80%99s%20define%20a%20function%20named%20isVisible%20and%20returns,resolve%20%28entry.isIntersecting%29%3B%20observer.disconnect%20%28%29%3B%20%7D%29%3B%20observer.observe%20%28element%29%3B%20%7D%29%3B\n\n        if (!this.#intersectionObserver) {\n            this.#intersectionObserver = new IntersectionObserver( (ioEntries) => {\n                const entries = []\n                // Stupid DOM API's, we have to explicitly loop through the data to be able to use it\n                ioEntries.forEach((entry) => {\n                    // Markup the element (data-isvisible)\n                    entry.target.dataset.isvisible = entry.isIntersecting\n                    // Each entry describes an intersection change for one observed\n                    entries.push({\n                        isIntersecting: entry.isIntersecting,\n                    })\n                })\n\n                // console.log('IntersectionObserver: Entries ', ioEntries, entries)\n                this.send({\n                    payload: entries[0].isIntersecting,\n                    isVisible: entries[0].isIntersecting,\n                    cssSelector,\n                    entries: entries,\n                })\n\n                log('info', 'uib:elementIsVisible', `Element \"${cssSelector}\" is now ${entries[0].isIntersecting ? 'more than 10%' : 'NOT (<10%)'} visible`)()\n            }, { threshold: threshold })\n        }\n\n        const el = document.querySelector(cssSelector)\n\n        if (el === null) {\n            log('error', 'uib:elementIsVisible', `Element \"${cssSelector}\" not found`)()\n            return\n        }\n\n        if (stop === true) {\n            this.#intersectionObserver.unobserve(el)\n            return\n        }\n\n        this.#intersectionObserver.observe(el)\n    } // --- End of elementIsVisible --- //\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    //#endregion -------- -------- -------- //\n\n    //#region ------- UI handlers --------- //\n\n    //#region -- Direct to _ui --\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    /** Replace or add an HTML element's slot from text or an HTML string\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 {*} component The component we are trying to add/replace\n     */\n    replaceSlot(el, component) {\n        _ui.replaceSlot(el, component)\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    /** 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(mdText)\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    /** 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    /** 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    /** 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    /** 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    /** 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        _ui.include(url, uiOptions)\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    /** * 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 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    /** 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    //#endregion -------- -------- -------- //\n\n    //#region ------- HTML cache and DOM watch --------- //\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    /** 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 ------- Message Handling (To/From Node-RED) -------- //\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\n        if (channel === this._ioChannels.client) {\n            msgToSend = makeMeAnObject(msgToSend, 'payload')\n        } else if (channel === this._ioChannels.control) {\n            msgToSend = 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        }\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        //#region ---- Update socket.io metadata ---- //\n        // Session tab id\n        this.socketOptions.auth.tabId = this.tabId\n        // How was the page last loaded?\n        this.socketOptions.auth.lastNavType = this.lastNavType\n        // How many times has the client (re)connected since page load\n        this.socketOptions.auth.connectedNum = this.connectedNum\n        //#endregion ---- ---- ---- //\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'\n        if (msgToSend._ui) msgToSend._ui.from = 'client'\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    /** 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    /** 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    /** 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 properties - only shows custom props not element default ones\n        const props = {}\n        Object.keys(target).forEach( key => {\n            if (key.startsWith('_')) return // Exclude private\n            props[key] = target[key]\n        })\n\n        // Attempt to get target attributs - can fail for certain target types\n        const ignoreAttribs = ['class', 'id', 'name']\n        let attribs\n        try {\n            attribs = Object.assign({},\n                ...Array.from(target.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        // If target embedded in a form, include the form data\n        let form\n        const frmVals = []\n        if ( target.form ) {\n            form = {}\n            form.valid = target.form.checkValidity()\n            Object.values(target.form).forEach( (frmEl, i) => {\n                const id = frmEl.id !== '' ? frmEl.id : (frmEl.name !== '' ? frmEl.name : `${i}-${frmEl.type}`)\n\n                // We must have both an element id (we may have forced one above) AND\n                // the element type MUST be not undefined - to allow for the extra properties added by frameworks such as Svelte\n                if (id !== '' && frmEl.type) {\n                    // Stupid HTML doesn't use value attrib for checkboxes. So override if value is set to default\n                    if ('checked' in frmEl && frmEl.value === 'on') frmEl.value = frmEl.checked.toString()\n\n                    frmVals.push( { key: id, val: frmEl.value } ) // simplified for addition to msg.payload\n\n                    form[id] = {\n                        'id': frmEl.id,\n                        'name': frmEl.name,\n                        'value': frmEl.value,\n                        'valid': frmEl.checkValidity(),\n                        'type': frmEl.type,\n                    }\n\n                    if (form[id].valid === false) {\n                        const v = frmEl.validity\n                        form[id].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 (frmEl.dataset) form[id].data = frmEl.dataset\n                }\n            })\n        }\n\n        // Check for CSS Classes\n        let classes\n        try {\n            classes = Array.from(target.classList)\n        } catch (e) {}\n\n        // Each `data-xxxx` attribute is added as a property\n        let payload = { ...target.dataset }\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        // console.log(Object.prototype.toString.call(target))\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: form,\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        if (frmVals.length > 0) {\n            frmVals.forEach( entry => {\n                msg.payload[entry.key] = entry.val\n            })\n        }\n\n        if (domevent.type === 'change') msg._ui.newValue = msg.payload.value = domevent.target.value\n\n        log('trace', 'Uib:eventSend', 'Sending msg to Node-RED', msg)()\n        if (target.dataset && target.dataset.length === 0) log('warn', 'Uib:eventSend', 'No payload in msg. data-* attributes should be used.')()\n\n        this._send(msg, this._ioChannels.client, originator)\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     */\n    htmlSend(originator = '') {\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        this._send(msg, this._ioChannels.client, originator)\n    }\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        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        let response, info\n\n        // Don't forget to update `docs/client-docs/control-from-node-red.md`\n        switch (cmd) {\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()\n                break\n            }\n\n            case 'include': {\n                // include is async\n                response = _ui.include(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            default: {\n                log('warning', 'Uib:_uibCommand', `Command '${cmd}' not yet implemented`)()\n                break\n            }\n        }\n\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    /** 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\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        // 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                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                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                _ui.showDialog('notify', msg._uib.options, msg)\n            }\n            if ( msg._uib.componentRef === '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            this._dispatchCustomEvent('uibuilder:msg:_ui', msg)\n            _ui._uiManager(msg)\n        }\n\n    } // --- end of _msgRcvdEvents ---\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 = 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\n    } // -- End of websocket receive DATA msg 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')()\n                log('info', `Uib:ioSetup:${this._ioChannels.control}`, `\u2705 Server connected. Version: ${receivedCtrlMsg.version}\\nServer time: ${receivedCtrlMsg.serverTimestamp}, Sever time offset: ${this.serverTimeOffset} hours`)()\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                break\n            }\n\n            default: {\n                log('trace', `uibuilderfe:ioSetup:${this._ioChannels.control}`, `Received ${receivedCtrlMsg.uibuilderCtrl} from server`)\n                // Anything else to do for other control msgs?\n            }\n\n        } // ---- End of process control msg types ---- //\n\n    } // -- End of websocket receive CONTROL msg from Node-RED -- //\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    /** 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    //#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.close()\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        this.set('connectedNum', this.connectedNum++)\n        // How many times has the client (re)connected since page load\n        this.socketOptions.auth.connectedNum = this.connectedNum\n        // How was the page last loaded?\n        this.socketOptions.auth.lastNavType = this.lastNavType\n        // Session tab id\n        this.socketOptions.auth.tabId = this.tabId\n        this.socketOptions.auth.more = this.tabId\n\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        //#region --- custom meta-data ---\n        // Add the pageName\n        this.socketOptions.auth.pageName = this.pageName\n        // Add stable client id (static unless browser closed)\n        this.socketOptions.auth.clientId = this.clientId\n        this.socketOptions.transportOptions.polling.extraHeaders['x-clientid'] = `${Uib._meta.displayName}; ${Uib._meta.type}; ${Uib._meta.version}; ${this.clientId}`\n        // Session tab id\n        this.socketOptions.auth.tabId = this.tabId\n        // How was the page last loaded?\n        this.socketOptions.auth.lastNavType = this.lastNavType\n        // How many times has the client (re)connected since page load\n        this.socketOptions.auth.connectedNum = this.connectedNum\n        //#endregion --- ---- ---\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        /** 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    //#endregion -------- ------------ -------- //\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', 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        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 !== undefined && options.ioNamespace !== null && options.ioNamespace !== '') this.set('ioNamespace', options.ioNamespace)\n            if (options.ioPath !== undefined && options.ioPath !== null && options.ioPath !== '') this.set('ioPath', options.ioPath)\n            // See below for handling of options.loadStylesheet\n        }\n\n        // Do we need to load styles?\n        if ( document.styleSheets.length >= 1 || (document.styleSheets.length === 1 && document.styleSheets[0].cssRules.length === 0) ) {\n            log('info', 'Uib:start', 'Styles already loaded so not loading uibuilder default styles.')()\n        } else {\n            if (options && options.loadStylesheet === false) log('info', 'Uib:start', 'No styles loaded & options.loadStylesheet === false.')()\n            else {\n                log('info', 'Uib:start', 'No styles loaded, loading uibuilder default styles.')()\n                this.loadStyleSrc(`${this.httpNodeRoot}/uibuilder/uib-brand.min.css`)\n            }\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        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        // 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        // 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\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        this._dispatchCustomEvent('uibuilder:startComplete')\n    }\n\n    //#endregion -------- ------------ -------- //\n} // ==== End of Class Uib ====\n\n//#region --- Wrap up - get things started ---\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.$` 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.$$` instead.')\n}\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 the class as a new Custom Element to the window object\ncustomElements.define('uib-var', UibVar)\n\n//#endregion --- Wrap up ---\n\n// EOF\n", "/** A zero dependency web component that will display a managed uibuilder variable.\n *\n * Version: 0.0.1 2023-10-07\n *\n * ToDo:\n * -\n */\n/*\n  Copyright (c) 2023 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    undefined = 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']\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 = ['name', 'id', 'variable', 'undefined', 'report', 'type']\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\n        this.css = document.createElement(\"link\")\n        this.css.setAttribute(\"type\", \"text/css\")\n        this.css.setAttribute(\"rel\", \"stylesheet\")\n        this.css.setAttribute(\"href\", \"../uibuilder/uib-brand.min.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    /** NOTE: On initial startup, this is called for each watched attrib set in HTML - BEFORE connectedCallback is called  */\n    attributeChangedCallback(attrib, oldVal, newVal) {\n        if ( oldVal === newVal ) return\n\n        switch (attrib) {\n            case 'variable': {\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.undefined = true\n                else this.undefined = 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\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() {} // ---- 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 (!window['uibuilder']) 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 */\n    varDom() {\n        // If user doesn't want to show undefined vars, allow the component slot to show instead\n        if (this.value === undefined && this.undefined !== true) { \n            this.shadow.innerHTML = '<slot></slot>'\n            return\n        }\n        \n        let val = this.value\n\n        // console.log('\uD83E\uDDEA varDOM: ', val, typeof val, this.type)\n\n        switch (this.type) {\n            case 'markdown': {\n                this.shadow.innerHTML = window['uibuilder'].sanitiseHTML(window['uibuilder'].convertMarkdown(val))\n                break\n            }\n        \n            case 'object': {\n                // console.log(window['uibuilder'].syntaxHighlight(val))\n                this.shadow.innerHTML = `<pre class=\"syntax-highlight\">${window['uibuilder'].syntaxHighlight(val)}</pre>`\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                        this.shadow.innerHTML = JSON.stringify(val)\n                    } catch (e) {\n                        this.shadow.innerHTML = val\n                    }\n                } else {\n                    this.shadow.innerHTML = val\n                }\n                break\n            }\n        }\n\n        this.shadow.appendChild(this.css)\n        // this.$('span').innerHTML = window['uibuilder'].sanitiseHTML(val)\n        // this.shadow.innerHTML = window['uibuilder'].sanitiseHTML(val)\n    }\n}\n\n// Add the class as a new Custom Element to the window object \n// customElements.define('uib-var', UibVar)\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\n            .arrayBuffer()\n            .then(toArray)\n            .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 /* 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 /* 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 /* READ_PAYLOAD */;\n                    }\n                    else if (expectedLength === 126) {\n                        state = 1 /* READ_EXTENDED_LENGTH_16 */;\n                    }\n                    else {\n                        state = 2 /* READ_EXTENDED_LENGTH_64 */;\n                    }\n                }\n                else if (state === 1 /* 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 /* READ_PAYLOAD */;\n                }\n                else if (state === 2 /* 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 /* 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 /* 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\";\nclass 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    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 } 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        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        this.acks[id] = (...args) => {\n            // @ts-ignore\n            this.io.clearTimeoutFn(timer);\n            ack.apply(this, [null, ...args]);\n        };\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        // the timeout flag is optional\n        const withErr = this.flags.timeout !== undefined || this._opts.ackTimeout !== undefined;\n        return new Promise((resolve, reject) => {\n            args.push((arg1, arg2) => {\n                if (withErr) {\n                    return arg1 ? reject(arg1) : resolve(arg2);\n                }\n                else {\n                    return resolve(arg1);\n                }\n            });\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    }\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 acknowlegement.\n     *\n     * @param packet\n     * @private\n     */\n    onack(packet) {\n        const ack = this.acks[packet.id];\n        if (\"function\" === typeof ack) {\n            ack.apply(this, packet.data);\n            delete this.acks[packet.id];\n        }\n        else {\n        }\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"],
-  "mappings": "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",
-  "names": ["require_ui", "__commonJSMin", "exports", "module", "_a", "Ui", "win", "extLog", "jsonHighlight", "__publicField", "json", "msg", "el", "component", "mdText", "opts", "str", "lang", "md", "html", "url", "newScript", "newStyle", "textFn", "type", "ui", "content", "toaster", "toast", "evt", "config", "notify", "resolve", "reject", "ev", "permit", "response", "contentType", "data", "err", "comp", "attrib", "prop", "parentEl", "components", "ns", "compToAdd", "i", "newEl", "isRecurse", "elParent", "all", "compToRemove", "els", "compToReplace", "elToReplace", "compToUpd", "elToUpd", "__toESM", "__require", "script", "sheet", "node", "cssSelector", "thisOut", "listEntries", "bodyEntries", "headEntries", "cols", "v", "propName", "selection", "out", "p", "key", "uiOptions", "error", "slot", "txtReturn", "import_ui", "_UibVar", "__publicField", "attrib", "oldVal", "newVal", "val", "t", "UibVar", "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", "withErr", "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", "version", "isMinified", "param", "logLevel", "LOG_STYLES", "log", "args", "level", "strLevel", "head", "makeMeAnObject", "thing", "property", "out", "urlJoin", "e", "syntaxHighlight", "json", "match", "cls", "_ui", "Ui", "_a", "_pingInterval", "_propChangeCallbacks", "_msgRecvdByTopicCallbacks", "_timerid", "_MsgHandler", "_isShowMsg", "_isShowStatus", "_intersectionObserver", "_extCommands", "_managedVars", "_showStatus", "_uiObservers", "Uib", "__publicField", "__privateAdd", "c", "splitC", "event", "__privateGet", "fullPath", "autoloadVars", "id", "prop", "val", "store", "autoload", "value", "autoVars", "title", "details", "callback", "nextCbRef", "propChangeCallback", "cbRef", "topic", "msgRecvdEvtCallback", "msg", "receivedMsg", "serverTimestamp", "offset", "cssSelector", "el", "originator", "ms", "oReq", "headers", "elapsedTime", "__privateSet", "varToCopy", "data", "stop", "threshold", "ioEntries", "entries", "entry", "exists", "component", "mdText", "html", "url", "textFn", "type", "ui", "propName", "uiOptions", "showHide", "parent", "slot", "config", "res", "err", "root", "startStop", "send", "showLog", "targetNode", "that", "mutationList", "mu", "oMu", "an", "i", "htmlCache", "msgToSend", "channel", "numMsgs", "domevent", "target", "props", "key", "ignoreAttribs", "attribs", "name", "form", "frmVals", "frmEl", "v", "classes", "payload", "nprops", "cmd", "response", "info", "obj", "r", "receivedCtrlMsg", "txtToSend", "ioNamespace", "u", "t", "delay", "factor", "depth", "reason", "lookup", "options", "eMsg", "uibuilder", "uibuilder_module_default", "uibuilder", "UibVar"]
+  "sources": ["src/front-end-module/ui.js", "src/front-end-module/uibuilder.module.js", "src/components/uib-var.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/index.mjs", "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"],
+  "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-2023 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\nconst Ui = class Ui {\n    version = '6.6.0-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    window\n\n    /** Log function - passed in constructor or will be a dummy function\n     * @type {function}\n     */\n    static log\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        if (win) this.window = 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        this.document = this.window.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\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    // TODO Add multi-slot\n    /** Replace or add an HTML element's slot from text or an HTML string\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 {*} component The component we are trying to add/replace\n     */\n    replaceSlot(el, component) {\n        if (!component.slot) return\n        if (!el) return\n\n        // If DOMPurify is loaded, apply it now\n        if (this.window['DOMPurify']) component.slot = this.window['DOMPurify'].sanitize(component.slot)\n        // Set the component content to the msg.payload or the slot property\n        el.innerHTML = component.slot\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 (!this.window['markdownit']) return mdText\n\n        const opts = { // eslint-disable-line object-shorthand\n            html: true,\n            linkify: true,\n            _highlight: true,\n            langPrefix: 'language-',\n            highlight(str, lang) {\n                if (lang && this.window['hljs'] && this.window['hljs'].getLanguage(lang)) {\n                    try {\n                        return `<pre class=\"highlight\" data-language=\"${lang.toUpperCase()}\">\n                                <code class=\"language-${lang}\">${this.window['hljs'].highlightAuto(str).value}</code></pre>`\n                    } finally { } // eslint-disable-line no-empty\n                }\n                return `<pre class=\"highlight\"><code>${md.utils.escapeHtml(str)}</code></pre>`\n            },\n        }\n        const md = this.window['markdownit'](opts)\n        // Convert from markdown to HTML\n        return md.render(mdText)\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 (!this.window['DOMPurify']) return html\n        return this.window['DOMPurify'].sanitize(html, { ADD_TAGS: this.sanitiseExtraTags, ADD_ATTR: this.sanitiseExtraAttribs })\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    /** 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 = this.document.createElement('script')\n        newScript.src = url\n        newScript.async = false\n        this.document.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 = this.document.createElement('link')\n        newStyle.href = url\n        newStyle.rel = 'stylesheet'\n        newStyle.type = 'text/css'\n\n        this.document.head.appendChild(newStyle)\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 = this.document.createElement('script')\n        newScript.async = false\n        newScript.textContent = textFn\n        this.document.head.appendChild(newScript)\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 = this.document.createElement('style')\n        newStyle.textContent = textFn\n        this.document.head.appendChild(newStyle)\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 += msg.payload\n        if (ui.content) content += ui.content\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 = this.document.getElementById('toaster')\n        if (toaster === null) {\n            toaster = this.document.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            this.document.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 = this.document.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    /** 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                    ev.currentTarget.userAction = 'close'\n                    resolve(ev)\n                })\n                notify.addEventListener('click', ev => {\n                    ev.currentTarget.userAction = 'click'\n                    resolve(ev)\n                })\n                notify.addEventListener('error', ev => {\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    /** 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    /** 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    // 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\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                // 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            })\n        }\n\n        //#region Add Slot content to innerHTML\n        if (comp.slot) {\n            this.replaceSlot(el, comp)\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    uiEnhanceElement(el, comp) {\n        this._uiComposeComponent(el, comp)\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            } else if (compToAdd.ns === 'svg') {\n                newEl = this.document.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 = this.document.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    // 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 = this.document.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 = this.document.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 = this.document.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToAdd.ns = 'dom'\n                    newEl = this.document.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 = this.document.querySelector(compToAdd.parent)\n            } else if (ui.parent) {\n                elParent = this.document.querySelector(ui.parent)\n            }\n            if (!elParent) {\n                Ui.log('info', 'Ui:_uiAdd', 'No parent found, adding to body')()\n                elParent = this.document.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    // 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 = [this.document.querySelector(compToRemove)]\n            else els = this.document.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 'this.document': '##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 = this.document.getElementById(compToReplace.id) // .querySelector(`#${compToReplace.id}`)\n            } else if (compToReplace.selector || compToReplace.select) {\n                elToReplace = this.document.querySelector(compToReplace.selector)\n            } else if (compToReplace.name) {\n                elToReplace = this.document.querySelector(`[name=\"${compToReplace.name}\"]`)\n            } else if (compToReplace.type) {\n                elToReplace = this.document.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 = this.document.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 = this.document.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToReplace.ns = 'dom'\n                    newEl = this.document.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:_uiManager:update', 'Starting _uiUpdate')()\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', `Component #${i}`, compToUpd)()\n\n            /** @type {NodeListOf<Element>} */\n            let elToUpd\n\n            // 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.id) {\n                // NB We don't use get by id because this way the code is simpler later on\n                elToUpd = this.document.querySelectorAll(`#${compToUpd.id}`)\n            } else if (compToUpd.selector || compToUpd.select) {\n                elToUpd = this.document.querySelectorAll(compToUpd.selector)\n            } else if (compToUpd.name) {\n                elToUpd = this.document.querySelectorAll(`[name=\"${compToUpd.name}\"]`)\n            } else if (compToUpd.type) {\n                elToUpd = this.document.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 => {\n                this._uiComposeComponent(el, compToUpd)\n            })\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToUpd.components) {\n                elToUpd.forEach(el => {\n                    Ui.log('trace', '_uiUpdate:components', 'el', el)()\n                    this._uiUpdate({\n                        method: ui.method,\n                        parentEl: el,\n                        components: compToUpd.components,\n                    })\n                })\n            }\n\n        })\n    } // --- end of _uiUpdate ---\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                await 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 a reload request */\n    _uiReload() {\n        Ui.log('trace', 'Ui:uiManager:reload', 'reloading')()\n        location.reload()\n    }\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.method) {\n                Ui.log('error', 'Ui:_uiManager', `No method defined for msg._ui[${i}]. Ignoring`)()\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\n    } // --- end of _uiManager ---\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 = this.document.querySelectorAll(`${cssSelector} li`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'DL') {\n            const listEntries = this.document.querySelectorAll(`${cssSelector} dt`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'TABLE') {\n            const bodyEntries = this.document.querySelectorAll(`${cssSelector} > tbody > tr`)\n            const headEntries = this.document.querySelectorAll(`${cssSelector} > thead > tr`)\n            const cols = this.document.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            }\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    /** 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>} */ (this.document.querySelectorAll(cssSelector))\n\n        const out = []\n\n        selection.forEach(node => {\n            // Specific property asked for ...\n            if (propName !== null && propName !== '') {\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                    // Nightmare of different object types in a DOM Element!\n                    if (prop.constructor.name === 'NamedNodeMap') { // Attributes\n                        const p = {}\n                        for (const key of prop) {\n                            // @ts-ignore\n                            p[key.name] = prop[key.name].value\n                        }\n                        out.push(p)\n                    } else if (!prop.constructor.name.toLowerCase().includes('map')) { // Ordinary properties\n                        out.push({\n                            [propName]: prop\n                        })\n                    } else { // Other MAP types\n                        const p = {}\n                        // @ts-ignore\n                        for (const key in prop) {\n                            p[key] = prop[key]\n                        }\n                        out.push(p)\n                    }\n                }\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    /** 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 (this.window['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 (this.window['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 (this.window['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\nmodule.exports = Ui\n\n// if (window) window['$ui'] = new Ui(window)\n\n// export Ui\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-2023 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//#region --- 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 UibVar from '../components/uib-var'\nimport io from 'socket.io-client'\n\n// TODO - Maybe - check if already loaded as window['io']?\n// TODO - Maybe - Should this be moved to inside the class - would know the httpRoot then so less need to guess?\n// TODO           Or, could pull the cookie processing out of the class\n// const ioLocns = [ // Likely locations of the Socket.IO client library\n//     // Where it should normally be\n//     '../uibuilder/vendor/socket.io-client/socket.io.esm.min.js',\n//     // Where it might be if using a custom uib Express server and haven't changed httpNodeRoot\n//     '/uibuilder/vendor/socket.io-client/socket.io.esm.min.js',\n//     // Where it might be if using a custom uib Express server and have changed httpNodeRoot\n//     '../../../../../uibuilder/vendor/socket.io-client/socket.io.esm.min.js',\n//     '../../../../uibuilder/vendor/socket.io-client/socket.io.esm.min.js',\n//     '../../../uibuilder/vendor/socket.io-client/socket.io.esm.min.js',\n//     '../../uibuilder/vendor/socket.io-client/socket.io.esm.min.js',\n//     // Direct from the Internet - last ditch attempt\n//     'https://cdn.jsdelivr.net/npm/socket.io-client/+esm',\n// ]\n\n// let io\n// for (const locn of ioLocns) {\n//     try {\n//         ({ io } = await import(locn))\n//         log('trace', 'uibuilder.module.js:io', `Socket.IO client library found at '${locn}'`)()\n//     } catch (e) {\n//         log('trace', 'uibuilder.module.js:io', `Socket.IO client library not found at '${locn}'`)()\n//     }\n//     if (io) break\n// }\n// if (!io) log('error', 'uibuilder.module.js', 'Socket.IO client failed to load')()\n//#endregion -------- -------- -------- //\n\nconst version = '6.6.0-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// @ts-ignore Detect whether the loaded library is minified or not\nconst isMinified = !(/param/).test(function (param) { }) // eslint-disable-line no-unused-vars\n\n//#region --- print/console - debugging output functions --- //\n\n/** Default log level - Error & Warn */\nlet logLevel = isMinified ? 0 : 1  // When using minified lib, assume production and only log errors otherwise also log warn\n// function changeLogLevel(level) {\n//     logLevel = level\n//     console.trace = logLevel < 4 ? function(){} : console.trace\n//     console.debug = logLevel < 2 ? function(){} : console.debug\n//     if ( logLevel < 1 ) {\n//         console.log = console.group = console.groupEnd =  function(){}\n//     }\n// }\n\n// Experimental\nconst 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/** 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 (logLevel < 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 (logLevel < 4) break\n            level = 4\n            strLevel = 'debug'\n            break\n        }\n\n        case 'log':\n        case 3: {\n            if (logLevel < 3) break\n            level = 3\n            strLevel = 'log'\n            break\n        }\n\n        case 'info':\n        case '':\n        case 2: {\n            if (logLevel < 2) break\n            level = 2\n            strLevel = 'info'\n            break\n        }\n\n        case 'warn':\n        case 1: {\n            if (logLevel < 1) break\n            level = 1\n            strLevel = 'warn'\n            break\n        }\n\n        case 'error':\n        case 'err':\n        case 0: {\n            if (logLevel < 0) break\n            level = 0\n            strLevel = 'error'\n            break\n        }\n\n        default: {\n            level = -1\n            break\n        }\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_STYLES[strLevel].console],\n        console,\n        `%c${LOG_STYLES[strLevel].pre}${strLevel}%c [${head}]`, `${LOG_STYLES.level} ${LOG_STYLES[strLevel].css}`, `${LOG_STYLES.head} ${LOG_STYLES[strLevel].txtCss}`,\n        ...args\n    )\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/** Makes a null or non-object into an object\n * If not null, moves \"thing\" to {payload:thing}\n *\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 */\nfunction makeMeAnObject(thing, property) {\n    if (!property) property = 'payload'\n    if (typeof property !== 'string') {\n        log('warn', 'uibuilderfe: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/** 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 */\nfunction 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/** 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    // Has an IntersectionObserver been created? If so, this will hold the reference to it\n    #intersectionObserver = undefined\n    // If true, URL hash changes send msg back to node-red. Controlled by watchUrlHash()\n    #sendUrlHash = false\n    // Externally accessible command functions (NB: Case must match) - remember to update _uibCommand for new commands\n    #extCommands = [\n        'get', 'set', 'htmlSend', 'showMsg', 'showStatus', 'uiGet', 'uiWatch', 'include', 'elementExists',\n        'getManagedVarList', 'getWatchedVars',\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    //#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 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    /** 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    //#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    socketOptions = {\n        path: this.ioPath,\n        transports: ['polling', 'websocket'],\n        auth: {\n            clientVersion: version,\n            clientId: this.clientId,\n            pathName: window.location.pathname,\n            urlParams: Object.fromEntries(new URLSearchParams(location.search)),\n            pageName: undefined,\n            tabId: undefined,\n            lastNavType: undefined,\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) { logLevel = level; console.log('%c\u2757 info%c [logLevel]', `${LOG_STYLES.level} ${LOG_STYLES.info.css}`, `${LOG_STYLES.head} ${LOG_STYLES.info.txtCss}`, `Set to ${level} (${LOG_STYLES.names[level]})`) /* changeLogLevel(level)*/ }\n    get logLevel() { return logLevel }\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    // TODO Add option to send event details back to Node-RED as uib ctrl msg\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    /** 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 {*} Selected HTML element or null\n     */\n    $(cssSelector) {\n        /** @type {*} Some kind of HTML element */\n        let el = document.querySelector(cssSelector)\n\n        if (!el) {\n            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                log(0, 'Uib:$', `Template selected for CSS selector ${cssSelector} but it is empty`)()\n                return null\n            }\n        }\n\n        return el\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 {*} cssSelector A CSS Selector that identifies the elements to return\n     * @returns {Array} Array of DOM elements/nodes. Array is empty if selector is not found.\n     */\n    $$(cssSelector) {\n        return Array.from(document.querySelectorAll(cssSelector))\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    log() {\n        log(...arguments)()\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     */\n    syntaxHighlight(json) {\n        return syntaxHighlight(json)\n    } // --- End of syntaxHighlight --- //\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            console.log(this.get(varToCopy), JSON.stringify(this.get(varToCopy)))\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    /** 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     * @param {string} cssSelector Required. CSS Selector to examine for visibility\n     * @param {boolean} stop Optional. Default=false. If TRUE, stop the observer for this cssSelector\n     * @param {number} threshold Optional. Default=0.1. Between 0 and 1, the % visibility before trigger\n     */\n    elementIsVisible(cssSelector, stop = false, threshold = 0.1) {\n        if (!IntersectionObserver) return\n\n        // TODO Return a promise? - make return message optional?\n        // https://blog.bitsrc.io/angular-maximizing-performance-with-the-intersection-observer-api-23d81312f178#:~:text=Let%E2%80%99s%20define%20a%20function%20named%20isVisible%20and%20returns,resolve%20%28entry.isIntersecting%29%3B%20observer.disconnect%20%28%29%3B%20%7D%29%3B%20observer.observe%20%28element%29%3B%20%7D%29%3B\n\n        if (!this.#intersectionObserver) {\n            this.#intersectionObserver = new IntersectionObserver( (ioEntries) => {\n                const entries = []\n                // Stupid DOM API's, we have to explicitly loop through the data to be able to use it\n                ioEntries.forEach((entry) => {\n                    // Markup the element (data-isvisible)\n                    entry.target.dataset.isvisible = entry.isIntersecting\n                    // Each entry describes an intersection change for one observed\n                    entries.push({\n                        isIntersecting: entry.isIntersecting,\n                    })\n                })\n\n                // console.log('IntersectionObserver: Entries ', ioEntries, entries)\n                this.send({\n                    payload: entries[0].isIntersecting,\n                    isVisible: entries[0].isIntersecting,\n                    cssSelector,\n                    entries: entries,\n                })\n\n                log('info', 'uib:elementIsVisible', `Element \"${cssSelector}\" is now ${entries[0].isIntersecting ? 'more than 10%' : 'NOT (<10%)'} visible`)()\n            }, { threshold: threshold })\n        }\n\n        const el = document.querySelector(cssSelector)\n\n        if (el === null) {\n            log('error', 'uib:elementIsVisible', `Element \"${cssSelector}\" not found`)()\n            return\n        }\n\n        if (stop === true) {\n            this.#intersectionObserver.unobserve(el)\n            return\n        }\n\n        this.#intersectionObserver.observe(el)\n    } // --- End of elementIsVisible --- //\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    /** 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    /** 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 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    /** 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    //#endregion -------- -------- -------- //\n\n    //#region ------- UI handlers --------- //\n\n    //#region -- Direct to _ui --\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    /** Replace or add an HTML element's slot from text or an HTML string\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 {*} component The component we are trying to add/replace\n     */\n    replaceSlot(el, component) {\n        _ui.replaceSlot(el, component)\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    /** 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(mdText)\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    /** 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    /** 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    /** 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    /** 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    /** 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        _ui.include(url, uiOptions)\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    /** * 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 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    /** 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    //#endregion -------- -------- -------- //\n\n    //#region ------- HTML cache and DOM watch --------- //\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    /** 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 ------- Message Handling (To/From Node-RED) -------- //\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\n        if (channel === this._ioChannels.client) {\n            msgToSend = makeMeAnObject(msgToSend, 'payload')\n        } else if (channel === this._ioChannels.control) {\n            msgToSend = 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        }\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        //#region ---- Update socket.io metadata ---- //\n        // Session tab id\n        this.socketOptions.auth.tabId = this.tabId\n        // How was the page last loaded?\n        this.socketOptions.auth.lastNavType = this.lastNavType\n        // How many times has the client (re)connected since page load\n        this.socketOptions.auth.connectedNum = this.connectedNum\n        //#endregion ---- ---- ---- //\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'\n        if (msgToSend._ui) msgToSend._ui.from = 'client'\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    /** 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    /** 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    /** 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 properties - only shows custom props not element default ones\n        const props = {}\n        Object.keys(target).forEach( key => {\n            if (key.startsWith('_')) return // Exclude private\n            props[key] = target[key]\n        })\n\n        // Attempt to get target attributs - can fail for certain target types\n        const ignoreAttribs = ['class', 'id', 'name']\n        let attribs\n        try {\n            attribs = Object.assign({},\n                ...Array.from(target.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        // If target embedded in a form, include the form data\n        let form\n        const frmVals = []\n        if ( target.form ) {\n            form = {}\n            form.valid = target.form.checkValidity()\n            Object.values(target.form).forEach( (frmEl, i) => {\n                const id = frmEl.id !== '' ? frmEl.id : (frmEl.name !== '' ? frmEl.name : `${i}-${frmEl.type}`)\n\n                // We must have both an element id (we may have forced one above) AND\n                // the element type MUST be not undefined - to allow for the extra properties added by frameworks such as Svelte\n                if (id !== '' && frmEl.type) {\n                    // Stupid HTML doesn't use value attrib for checkboxes. So override if value is set to default\n                    if ('checked' in frmEl && frmEl.value === 'on') frmEl.value = frmEl.checked.toString()\n\n                    frmVals.push( { key: id, val: frmEl.value } ) // simplified for addition to msg.payload\n\n                    form[id] = {\n                        'id': frmEl.id,\n                        'name': frmEl.name,\n                        'value': frmEl.value,\n                        'valid': frmEl.checkValidity(),\n                        'type': frmEl.type,\n                    }\n\n                    if (form[id].valid === false) {\n                        const v = frmEl.validity\n                        form[id].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 (frmEl.dataset) form[id].data = frmEl.dataset\n                }\n            })\n        }\n\n        // Check for CSS Classes\n        let classes\n        try {\n            classes = Array.from(target.classList)\n        } catch (e) {}\n\n        // Each `data-xxxx` attribute is added as a property\n        let payload = { ...target.dataset }\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        // console.log(Object.prototype.toString.call(target))\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: form,\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        if (frmVals.length > 0) {\n            frmVals.forEach( entry => {\n                msg.payload[entry.key] = entry.val\n            })\n        }\n\n        if (domevent.type === 'change') {\n            // Checkboxes don't have a value!!\n            msg._ui.newValue = msg.payload.value = 'checked' in target ? target.checked : domevent.target.value\n        }\n\n        log('trace', 'Uib:eventSend', 'Sending msg to Node-RED', msg)()\n        if (target.dataset && target.dataset.length === 0) log('warn', 'Uib:eventSend', 'No payload in msg. data-* attributes should be used.')()\n\n        this._send(msg, this._ioChannels.client, originator)\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    /** 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        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        let response, info\n\n        // Don't forget to update `docs/client-docs/control-from-node-red.md`\n        switch (cmd) {\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 '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 (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    /** 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        // 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                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                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                _ui.showDialog('notify', msg._uib.options, msg)\n            }\n            if ( msg._uib.componentRef === '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            this._dispatchCustomEvent('uibuilder:msg:_ui', msg)\n            _ui._uiManager(msg)\n        }\n    } // --- end of _msgRcvdEvents ---\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 = 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\n    } // -- End of websocket receive DATA msg 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')()\n                log('info', `Uib:ioSetup:${this._ioChannels.control}`, `\u2705 Server connected. Version: ${receivedCtrlMsg.version}\\nServer time: ${receivedCtrlMsg.serverTimestamp}, Sever time offset: ${this.serverTimeOffset} hours`)()\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                break\n            }\n\n            default: {\n                log('trace', `uibuilderfe:ioSetup:${this._ioChannels.control}`, `Received ${receivedCtrlMsg.uibuilderCtrl} from server`)\n                // Anything else to do for other control msgs?\n            }\n\n        } // ---- End of process control msg types ---- //\n\n    } // -- End of websocket receive CONTROL msg from Node-RED -- //\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    /** 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    //#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.close()\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        this.set('connectedNum', this.connectedNum++)\n        // How many times has the client (re)connected since page load\n        this.socketOptions.auth.connectedNum = this.connectedNum\n        // How was the page last loaded?\n        this.socketOptions.auth.lastNavType = this.lastNavType\n        // Session tab id\n        this.socketOptions.auth.tabId = this.tabId\n        this.socketOptions.auth.more = this.tabId\n\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        //#region --- custom meta-data ---\n        // Add the pageName\n        this.socketOptions.auth.pageName = this.pageName\n        // Add stable client id (static unless browser closed)\n        this.socketOptions.auth.clientId = this.clientId\n        this.socketOptions.transportOptions.polling.extraHeaders['x-clientid'] = `${Uib._meta.displayName}; ${Uib._meta.type}; ${Uib._meta.version}; ${this.clientId}`\n        // Session tab id\n        this.socketOptions.auth.tabId = this.tabId\n        // How was the page last loaded?\n        this.socketOptions.auth.lastNavType = this.lastNavType\n        // How many times has the client (re)connected since page load\n        this.socketOptions.auth.connectedNum = this.connectedNum\n        //#endregion --- ---- ---\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        /** 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    //#endregion -------- ------------ -------- //\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', 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        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 !== undefined && options.ioNamespace !== null && options.ioNamespace !== '') this.set('ioNamespace', options.ioNamespace)\n            if (options.ioPath !== undefined && options.ioPath !== null && options.ioPath !== '') this.set('ioPath', options.ioPath)\n            // See below for handling of options.loadStylesheet\n        }\n\n        // Do we need to load styles?\n        if ( document.styleSheets.length >= 1 || (document.styleSheets.length === 1 && document.styleSheets[0].cssRules.length === 0) ) {\n            log('info', 'Uib:start', 'Styles already loaded so not loading uibuilder default styles.')()\n        } else {\n            if (options && options.loadStylesheet === false) log('info', 'Uib:start', 'No styles loaded & options.loadStylesheet === false.')()\n            else {\n                log('info', 'Uib:start', 'No styles loaded, loading uibuilder default styles.')()\n                this.loadStyleSrc(`${this.httpNodeRoot}/uibuilder/uib-brand.min.css`)\n            }\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        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        // 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\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        this._dispatchCustomEvent('uibuilder:startComplete')\n    }\n\n    //#endregion -------- ------------ -------- //\n} // ==== End of Class Uib ====\n\n//#region --- Wrap up - get things started ---\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.$` 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.$$` instead.')\n}\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 the class as a new Custom Element to the window object\ncustomElements.define('uib-var', UibVar)\n\n//#endregion --- Wrap up ---\n\n// EOF\n", "/** A zero dependency web component that will display a managed uibuilder variable.\n *\n * Version: 0.0.1 2023-10-07\n *\n * ToDo:\n * -\n */\n/*\n  Copyright (c) 2023 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    undefined = 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']\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 = ['name', 'id', 'variable', 'undefined', 'report', 'type']\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\n        this.css = document.createElement(\"link\")\n        this.css.setAttribute(\"type\", \"text/css\")\n        this.css.setAttribute(\"rel\", \"stylesheet\")\n        this.css.setAttribute(\"href\", \"../uibuilder/uib-brand.min.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    /** NOTE: On initial startup, this is called for each watched attrib set in HTML - BEFORE connectedCallback is called  */\n    attributeChangedCallback(attrib, oldVal, newVal) {\n        if ( oldVal === newVal ) return\n\n        switch (attrib) {\n            case 'variable': {\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.undefined = true\n                else this.undefined = 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\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() {} // ---- 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 (!window['uibuilder']) 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 */\n    varDom() {\n        // If user doesn't want to show undefined vars, allow the component slot to show instead\n        if (this.value === undefined && this.undefined !== true) { \n            this.shadow.innerHTML = '<slot></slot>'\n            return\n        }\n        \n        let val = this.value\n\n        // console.log('\uD83E\uDDEA varDOM: ', val, typeof val, this.type)\n\n        switch (this.type) {\n            case 'markdown': {\n                this.shadow.innerHTML = window['uibuilder'].sanitiseHTML(window['uibuilder'].convertMarkdown(val))\n                break\n            }\n        \n            case 'object': {\n                // console.log(window['uibuilder'].syntaxHighlight(val))\n                this.shadow.innerHTML = `<pre class=\"syntax-highlight\">${window['uibuilder'].syntaxHighlight(val)}</pre>`\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                        this.shadow.innerHTML = JSON.stringify(val)\n                    } catch (e) {\n                        this.shadow.innerHTML = val\n                    }\n                } else {\n                    this.shadow.innerHTML = val\n                }\n                break\n            }\n        }\n\n        this.shadow.appendChild(this.css)\n        // this.$('span').innerHTML = window['uibuilder'].sanitiseHTML(val)\n        // this.shadow.innerHTML = window['uibuilder'].sanitiseHTML(val)\n    }\n}\n\n// Add the class as a new Custom Element to the window object \n// customElements.define('uib-var', UibVar)\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\n            .arrayBuffer()\n            .then(toArray)\n            .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 /* 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 /* 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 /* READ_PAYLOAD */;\n                    }\n                    else if (expectedLength === 126) {\n                        state = 1 /* READ_EXTENDED_LENGTH_16 */;\n                    }\n                    else {\n                        state = 2 /* READ_EXTENDED_LENGTH_64 */;\n                    }\n                }\n                else if (state === 1 /* 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 /* READ_PAYLOAD */;\n                }\n                else if (state === 2 /* 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 /* 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 /* 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\";\nclass 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    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 } 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        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        this.acks[id] = (...args) => {\n            // @ts-ignore\n            this.io.clearTimeoutFn(timer);\n            ack.apply(this, [null, ...args]);\n        };\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        // the timeout flag is optional\n        const withErr = this.flags.timeout !== undefined || this._opts.ackTimeout !== undefined;\n        return new Promise((resolve, reject) => {\n            args.push((arg1, arg2) => {\n                if (withErr) {\n                    return arg1 ? reject(arg1) : resolve(arg2);\n                }\n                else {\n                    return resolve(arg1);\n                }\n            });\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    }\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 acknowlegement.\n     *\n     * @param packet\n     * @private\n     */\n    onack(packet) {\n        const ack = this.acks[packet.id];\n        if (\"function\" === typeof ack) {\n            ack.apply(this, packet.data);\n            delete this.acks[packet.id];\n        }\n        else {\n        }\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"],
+  "mappings": "6yCAAA,IAAAA,GAAAC,GAAA,CAAAC,GAAAC,KAAA,KAAAC,EAuBMC,IAAKD,EAAA,KAAS,CAqBhB,YAAYE,EAAKC,EAAQC,EAAe,CApBxCC,EAAA,eAAU,aAGVA,EAAA,yBAAoB,CAAC,SAAS,GAC9BA,EAAA,4BAAuB,CAAC,WAAY,SAAU,WAAW,GAIzDA,EAAA,eAeI,GAAIH,EAAK,KAAK,OAASA,MAInB,OAAM,IAAI,MAAM,6FAA6F,EAIjH,KAAK,SAAW,KAAK,OAAO,SAGxBC,EAAQH,EAAG,IAAMG,EAChBH,EAAG,IAAM,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC,EAGxCI,EAAe,KAAK,gBAAkBA,EACrC,KAAK,gBAAkB,UAAU,CAAC,CAC3C,CAKA,GAAGE,EAAM,CAEL,IAAIC,EAAM,CAAC,EACPD,EAAK,IAAKC,EAAMD,EACfC,EAAI,IAAMD,EAEf,KAAK,WAAWC,CAAG,CACvB,CASA,YAAYC,EAAIC,EAAW,CAClBA,EAAU,MACVD,IAGD,KAAK,OAAO,YAAcC,EAAU,KAAO,KAAK,OAAO,UAAa,SAASA,EAAU,IAAI,GAE/FD,EAAG,UAAYC,EAAU,KAC7B,CAOA,gBAAgBC,EAAQ,CACpB,GAAI,CAACA,EAAQ,MAAO,GACpB,GAAI,CAAC,KAAK,OAAO,WAAe,OAAOA,EAEvC,IAAMC,EAAO,CACT,KAAM,GACN,QAAS,GACT,WAAY,GACZ,WAAY,YACZ,UAAUC,EAAKC,EAAM,CACjB,GAAIA,GAAQ,KAAK,OAAO,MAAW,KAAK,OAAO,KAAQ,YAAYA,CAAI,EACnE,GAAI,CACA,MAAO,yCAAyC,OAAAA,EAAK,YAAY,EAAC,8DAClC,OAAAA,EAAI,MAAK,YAAK,OAAO,KAAQ,cAAcD,CAAG,EAAE,MAAK,gBACzF,QAAE,CAAU,CAEhB,MAAO,gCAAgC,OAAAE,EAAG,MAAM,WAAWF,CAAG,EAAC,gBACnE,CACJ,EACME,EAAK,KAAK,OAAO,WAAcH,CAAI,EAEzC,OAAOG,EAAG,OAAOJ,CAAM,CAC3B,CAOA,aAAaK,EAAM,CACf,OAAK,KAAK,OAAO,UACV,KAAK,OAAO,UAAa,SAASA,EAAM,CAAE,SAAU,KAAK,kBAAmB,SAAU,KAAK,oBAAqB,CAAC,EADlFA,CAE1C,CAQA,oBAAoBP,EAAIC,EAAW,CAC1BD,GACAC,EAAU,eAGfA,EAAU,aAAe,KAAK,gBAAgBA,EAAU,YAAY,EAEpEA,EAAU,aAAe,KAAK,aAAaA,EAAU,YAAY,EAEjED,EAAG,UAAYC,EAAU,aAC7B,CAOA,cAAcO,EAAK,CACf,IAAMC,EAAY,KAAK,SAAS,cAAc,QAAQ,EACtDA,EAAU,IAAMD,EAChBC,EAAU,MAAQ,GAClB,KAAK,SAAS,KAAK,YAAYA,CAAS,CAC5C,CAOA,aAAaD,EAAK,CACd,IAAME,EAAW,KAAK,SAAS,cAAc,MAAM,EACnDA,EAAS,KAAOF,EAChBE,EAAS,IAAM,aACfA,EAAS,KAAO,WAEhB,KAAK,SAAS,KAAK,YAAYA,CAAQ,CAC3C,CAOA,cAAcC,EAAQ,CAClB,IAAMF,EAAY,KAAK,SAAS,cAAc,QAAQ,EACtDA,EAAU,MAAQ,GAClBA,EAAU,YAAcE,EACxB,KAAK,SAAS,KAAK,YAAYF,CAAS,CAC5C,CAOA,aAAaE,EAAQ,CACjB,IAAMD,EAAW,KAAK,SAAS,cAAc,OAAO,EACpDA,EAAS,YAAcC,EACvB,KAAK,SAAS,KAAK,YAAYD,CAAQ,CAC3C,CAWA,WAAWE,EAAMC,EAAId,EAAK,CAItB,IAAIe,EAAU,GAKd,GAHIf,EAAI,SAAW,OAAOA,EAAI,SAAY,WAAUe,GAAWf,EAAI,SAC/Dc,EAAG,UAASC,GAAWD,EAAG,SAE1BC,IAAY,GAAI,CAChBtB,EAAG,IAAI,EAAG,gBAAiB,oCAAoC,EAAE,EACjE,MACJ,CAGI,CAACqB,EAAG,OAASd,EAAI,QAAOc,EAAG,MAAQd,EAAI,OACvCc,EAAG,QAAOC,EAAU,yBAAyB,OAAAD,EAAG,MAAK,WAAU,OAAAC,EAAO,SAMtED,EAAG,aAAYA,EAAG,WAAaA,EAAG,YAClCA,EAAG,aAAYA,EAAG,SAAW,CAACA,EAAG,YAEjCA,EAAG,eACEA,EAAG,WAAUA,EAAG,SAAW,IAChCA,EAAG,MAAQA,EAAG,eACXA,EAAG,cAAgB,IACrB,OAAO,UAAU,eAAe,KAAKA,EAAI,UAAU,IAAGA,EAAG,SAAW,IAErED,IAAS,UACTC,EAAG,MAAQ,GACXA,EAAG,SAAW,GACdC,EAAU,ymBAAymB,OAAAA,IAMvnB,IAAIC,EAAU,KAAK,SAAS,eAAe,SAAS,EAChDA,IAAY,OACZA,EAAU,KAAK,SAAS,cAAc,KAAK,EAC3CA,EAAQ,GAAK,UACbA,EAAQ,MAAQ,kCAChBA,EAAQ,aAAa,QAAS,SAAS,EACvCA,EAAQ,aAAa,OAAQ,QAAQ,EACrCA,EAAQ,aAAa,cAAe,eAAe,EACnDA,EAAQ,QAAU,UAAY,CAE1BA,EAAQ,OAAO,CACnB,EACA,KAAK,SAAS,KAAK,sBAAsB,aAAcA,CAAO,GAIlE,IAAMC,EAAQ,KAAK,SAAS,cAAc,KAAK,EAC/CA,EAAM,MAAQ,kCACdA,EAAM,aAAa,QAAS,SAAS,OAAAH,EAAG,QAAUA,EAAG,QAAU,GAAE,KAAI,OAAAD,EAAM,EAC3EI,EAAM,UAAYF,EAClBE,EAAM,aAAa,OAAQ,aAAa,EACpCH,EAAG,OAAOG,EAAM,aAAa,aAAcH,EAAG,KAAK,EACvDG,EAAM,QAAU,SAAUC,EAAK,CAC3BA,EAAI,gBAAgB,EACpBD,EAAM,OAAO,EAETD,EAAQ,kBAAoB,GAAGA,EAAQ,OAAO,CACtD,EAQAA,EAAQ,sBAAsBF,EAAG,cAAgB,GAAO,YAAc,aAAcG,CAAK,EAGrFH,EAAG,WAAa,IAChB,YAAY,IAAM,CACdG,EAAM,OAAO,EAETD,EAAQ,kBAAoB,GAAGA,EAAQ,OAAO,CACtD,EAAGF,EAAG,aAAa,CAE3B,CAMA,kBAAkBK,EAAQ,CACjBA,EAAO,OAAS,CAACA,EAAO,QAAQA,EAAO,MAAQA,EAAO,OACrDA,EAAO,QAAQA,EAAO,MAAQ,0BAC/BA,EAAO,SAAW,CAACA,EAAO,OAAOA,EAAO,KAAOA,EAAO,SACrDA,EAAO,OAAOA,EAAO,KAAO,sBAElC,GAAI,CACA,IAAMC,EAAS,IAAI,aAAaD,EAAO,MAAOA,CAAM,EACpD,OAAO,IAAI,QAAS,CAACE,EAASC,IAAW,CAErCF,EAAO,iBAAiB,QAASG,GAAM,CACnCA,EAAG,cAAc,WAAa,QAC9BF,EAAQE,CAAE,CACd,CAAC,EACDH,EAAO,iBAAiB,QAASG,GAAM,CACnCA,EAAG,cAAc,WAAa,QAC9BF,EAAQE,CAAE,CACd,CAAC,EACDH,EAAO,iBAAiB,QAASG,GAAM,CACnCA,EAAG,cAAc,WAAa,QAC9BD,EAAOC,CAAE,CACb,CAAC,CACL,CAAC,CACL,MAAY,CACR,OAAO,QAAQ,OAAO,IAAI,MAAM,0CAA0C,CAAC,CAC/E,CACJ,CASA,MAAM,aAAaJ,EAAQ,CAKvB,GAJI,OAAOA,GAAW,WAClBA,EAAS,CAAE,KAAMA,CAAO,GAGxB,OAAO,aAAiB,IAAa,OAAO,QAAQ,OAAO,IAAI,MAAM,6CAA6C,CAAC,EAEvH,IAAIK,EAAS,aAAa,WAC1B,OAAIA,IAAW,SACJ,QAAQ,OAAO,IAAI,MAAM,qCAAqC,CAAC,EAC/DA,IAAW,UACX,KAAK,kBAAkBL,CAAM,GAEpCK,EAAS,MAAM,aAAa,kBAAkB,EAC1CA,IAAW,UACJ,KAAK,kBAAkBL,CAAM,EAEjC,QAAQ,OAAO,IAAI,MAAM,qCAAqC,CAAC,EAE9E,CAKA,OAAOV,EAAK,CACR,GAAI,CAAC,MAAO,CACRhB,EAAG,IAAI,EAAG,YAAa,yDAAyD,EAAE,EAClF,MACJ,CACA,GAAI,CAACgB,EAAK,CACNhB,EAAG,IAAI,EAAG,YAAa,2CAA2C,EAAE,EACpE,MACJ,CAEA,MAAMgB,CAAG,EACJ,KAAKgB,GAAY,CACd,GAAIA,EAAS,KAAO,GAEhB,MAAM,IAAI,MAAM,mBAAmB,OAAAhB,EAAG,cAAa,OAAAgB,EAAS,OAAM,aAAY,OAAAA,EAAS,WAAY,EAGvGhC,EAAG,IAAI,QAAS,kBAAmB,WAAW,OAAAgB,EAAG,cAAa,OAAAgB,EAAS,OAAM,MAAK,OAAAA,EAAS,WAAY,EAAE,EAEzG,IAAMC,EAAcD,EAAS,QAAQ,IAAI,cAAc,EACvD,GAAI,CAACC,GAAe,CAACA,EAAY,SAAS,kBAAkB,EACxD,MAAM,IAAI,UAAU,UAAU,OAAAjB,EAAG,kCAAiC,EAGtE,OAAOgB,EAAS,KAAK,CACzB,CAAC,EACA,KAAKE,GACEA,IAAS,QACTlC,EAAG,IAAI,QAAS,kBAAmB,mCAAmC,EAAE,EAExE,KAAK,WAAW,CAAE,IAAKkC,CAAK,CAAC,EACtB,IAEJ,EACV,EACA,MAAMC,GAAO,CACVnC,EAAG,IAAI,OAAQ,kBAAmB,UAAWmC,CAAG,EAAE,CACtD,CAAC,CACT,CAgBA,oBAAoB3B,EAAI4B,EAAM,CAEtBA,EAAK,YACL,OAAO,KAAKA,EAAK,UAAU,EAAE,QAASC,GAAW,CAEzCA,IAAW,UAAS7B,EAAG,MAAQ4B,EAAK,WAAWC,CAAM,GAErDA,EAAO,WAAW,QAAQ,EAAG7B,EAAG,eAAe,+BAAgC6B,EAAQD,EAAK,WAAWC,CAAM,CAAC,EAC7G7B,EAAG,aAAa6B,EAAQD,EAAK,WAAWC,CAAM,CAAC,CACxD,CAAC,EAIDD,EAAK,IAAI5B,EAAG,aAAa,KAAM4B,EAAK,EAAE,EAGtCA,EAAK,OAAS,QACd5B,EAAG,eAAe,gCAAiC,QAAS,4BAA4B,EACxFA,EAAG,eAAe,gCAAiC,cAAe,8BAA8B,GAIhG4B,EAAK,QACL,OAAO,KAAKA,EAAK,MAAM,EAAE,QAAShB,GAAS,CAEnCA,EAAK,cAAgB,YAAWA,EAAO,SAE3C,GAAI,CACAZ,EAAG,iBAAiBY,EAAOK,GAAQ,CAE9B,IAAI,SAAS,MAAO,GAAG,OAAAW,EAAK,OAAOhB,CAAI,EAAC,QAAO,EAAGK,CAAG,CAC1D,CAAC,CAEL,OAASU,EAAK,CACVnC,EAAG,IAAI,QAAS,yBAA0B,cAAc,OAAAoB,EAAI,mBAAkB,OAAAgB,EAAK,KAAI,iCAAgC,OAAAD,EAAI,QAAS,EAAE,CAC1I,CACJ,CAAC,EAIDC,EAAK,YACL,OAAO,KAAKA,EAAK,UAAU,EAAE,QAASE,GAAS,CAE3C9B,EAAG8B,CAAI,EAAIF,EAAK,WAAWE,CAAI,CACnC,CAAC,EAIDF,EAAK,MACL,KAAK,YAAY5B,EAAI4B,CAAI,EAOzBA,EAAK,cACL,KAAK,oBAAoB5B,EAAI4B,CAAI,CAGzC,CAEA,iBAAiB5B,EAAI4B,EAAM,CACvB,KAAK,oBAAoB5B,EAAI4B,CAAI,CACrC,CAQA,YAAYG,EAAUC,EAAYC,EAAK,GAAI,CACvCD,EAAW,QAAQ,CAACE,EAAWC,IAAM,CACjC3C,EAAG,IAAI,QAAS,qCAAqC,OAAA2C,GAAKD,CAAS,EAAE,EAGrE,IAAIE,EAEJF,EAAU,GAAKD,EAEXC,EAAU,KAAO,QACjBE,EAAQL,EAERA,EAAS,UAAYG,EAAU,MACxBA,EAAU,KAAO,OACxBE,EAAQ,KAAK,SAAS,gBAAgB,6BAA8BF,EAAU,IAAI,EAElF,KAAK,oBAAoBE,EAAOF,CAAS,EACzCH,EAAS,YAAYK,CAAK,IAE1BA,EAAQ,KAAK,SAAS,cAAcF,EAAU,OAAS,OAAS,MAAQA,EAAU,IAAI,EAEtF,KAAK,oBAAoBE,EAAOF,CAAS,EACzCH,EAAS,YAAYK,CAAK,GAI1BF,EAAU,YACV,KAAK,YAAYE,EAAOF,EAAU,WAAYA,EAAU,EAAE,CAElE,CAAC,CACL,CA+BA,OAAOrB,EAAIwB,EAAW,CAClB7C,EAAG,IAAI,QAAS,oBAAqB,iBAAiB,EAAE,EAQxDqB,EAAG,WAAW,QAAQ,CAACqB,EAAWC,IAAM,CACpC3C,EAAG,IAAI,QAAS,gCAAgC,OAAA2C,GAAK,qBAAsBD,CAAS,EAAE,EAGtF,IAAIE,EACJ,OAAQF,EAAU,KAAM,CAEpB,IAAK,OAAQ,CACTA,EAAU,GAAK,OACfE,EAAQ,KAAK,SAAS,cAAc,KAAK,EACzC,KACJ,CAGA,IAAK,MAAO,CACRF,EAAU,GAAK,MACfE,EAAQ,KAAK,SAAS,gBAAgB,6BAA8B,KAAK,EACzE,KACJ,CAEA,QAAS,CACLF,EAAU,GAAK,MACfE,EAAQ,KAAK,SAAS,cAAcF,EAAU,IAAI,EAClD,KACJ,CACJ,CAEI,CAACA,EAAU,MAAQrB,EAAG,UAASqB,EAAU,KAAOrB,EAAG,SAMvD,KAAK,oBAAoBuB,EAAOF,CAAS,EAGzC,IAAII,EACAJ,EAAU,SACVI,EAAWJ,EAAU,SACdrB,EAAG,SACVyB,EAAWzB,EAAG,SACPqB,EAAU,OACjBI,EAAW,KAAK,SAAS,cAAcJ,EAAU,MAAM,EAChDrB,EAAG,SACVyB,EAAW,KAAK,SAAS,cAAczB,EAAG,MAAM,GAE/CyB,IACD9C,EAAG,IAAI,OAAQ,YAAa,iCAAiC,EAAE,EAC/D8C,EAAW,KAAK,SAAS,cAAc,MAAM,GAG7CJ,EAAU,UAAYA,EAAU,WAAa,QAE7CI,EAAS,aAAaF,EAAOE,EAAS,UAAU,EACzCJ,EAAU,UAAY,OAAO,UAAU,OAAOA,EAAU,QAAQ,CAAC,EACxEI,EAAS,aAAaF,EAAOE,EAAS,SAASJ,EAAU,QAAQ,CAAC,EAGlEI,EAAS,YAAYF,CAAK,EAI1BF,EAAU,YAMV,KAAK,YAAYE,EAAOF,EAAU,WAAYA,EAAU,EAAE,CAElE,CAAC,CACL,CAOA,UAAUrB,EAAI0B,EAAM,GAAO,CACvB1B,EAAG,WAAW,QAAS2B,GAAiB,CACpC,IAAIC,EACAF,IAAQ,GAAME,EAAM,CAAC,KAAK,SAAS,cAAcD,CAAY,CAAC,EAC7DC,EAAM,KAAK,SAAS,iBAAiBD,CAAY,EAEtDC,EAAI,QAAQzC,GAAM,CACd,GAAI,CACAA,EAAG,OAAO,CACd,OAAS2B,EAAK,CAGVnC,EAAG,IAAI,QAAS,eAAgB,qBAAqB,OAAAmC,EAAI,QAAS,EAAE,CACxE,CACJ,CAAC,CACL,CAAC,CACL,CAKA,WAAWd,EAAI,CACXrB,EAAG,IAAI,QAAS,gBAAiB,UAAU,EAAE,EAE7CqB,EAAG,WAAW,QAAQ,CAAC6B,EAAqC,IAAM,CAC9DlD,EAAG,IAAI,QAAS,oCAAoC,UAAK,yBAA0BkD,CAAa,EAAE,EAGlG,IAAIC,EAgBJ,GAbID,EAAc,GACdC,EAAc,KAAK,SAAS,eAAeD,EAAc,EAAE,EACpDA,EAAc,UAAYA,EAAc,OAC/CC,EAAc,KAAK,SAAS,cAAcD,EAAc,QAAQ,EACzDA,EAAc,KACrBC,EAAc,KAAK,SAAS,cAAc,UAAU,OAAAD,EAAc,KAAI,KAAI,EACnEA,EAAc,OACrBC,EAAc,KAAK,SAAS,cAAcD,EAAc,IAAI,GAGhElD,EAAG,IAAI,QAAS,oCAAoC,UAAK,uBAAwBmD,CAAW,EAAE,EAG7DA,GAAgB,KAAM,CACnDnD,EAAG,IAAI,QAAS,oCAAoC,SAAC,cAAc,+CAAgDkD,CAAa,EAAE,EAClI,KAAK,OAAO,CAAE,WAAY,CAACA,CAAa,CAAE,EAAG,EAAK,EAClD,MACJ,CAGA,IAAIN,EACJ,OAAQM,EAAc,KAAM,CAExB,IAAK,OAAQ,CACTA,EAAc,GAAK,OACnBN,EAAQ,KAAK,SAAS,cAAc,KAAK,EACzC,KACJ,CAGA,IAAK,MAAO,CACRM,EAAc,GAAK,MACnBN,EAAQ,KAAK,SAAS,gBAAgB,6BAA8B,KAAK,EACzE,KACJ,CAEA,QAAS,CACLM,EAAc,GAAK,MACnBN,EAAQ,KAAK,SAAS,cAAcM,EAAc,IAAI,EACtD,KACJ,CACJ,CAGA,KAAK,oBAAoBN,EAAOM,CAAa,EAG7CC,EAAY,YAAYP,CAAK,EAGzBM,EAAc,YACd,KAAK,YAAYN,EAAOM,EAAc,WAAYA,EAAc,EAAE,CAE1E,CAAC,CACL,CAQA,UAAU7B,EAAI,CACVrB,EAAG,IAAI,QAAS,uBAAwB,oBAAoB,EAAE,EAGzDqB,EAAG,aAAYA,EAAG,WAAa,CAAC,OAAO,OAAO,CAAC,EAAGA,CAAE,CAAC,GAE1DA,EAAG,WAAW,QAAQ,CAAC+B,EAAW,IAAM,CACpCpD,EAAG,IAAI,QAAS,+BAAgC,cAAc,UAAKoD,CAAS,EAAE,EAG9E,IAAIC,EAeJ,GAZID,EAAU,GAEVC,EAAU,KAAK,SAAS,iBAAiB,IAAI,OAAAD,EAAU,GAAI,EACpDA,EAAU,UAAYA,EAAU,OACvCC,EAAU,KAAK,SAAS,iBAAiBD,EAAU,QAAQ,EACpDA,EAAU,KACjBC,EAAU,KAAK,SAAS,iBAAiB,UAAU,OAAAD,EAAU,KAAI,KAAI,EAC9DA,EAAU,OACjBC,EAAU,KAAK,SAAS,iBAAiBD,EAAU,IAAI,GAIvDC,IAAY,QAAaA,EAAQ,OAAS,EAAG,CAC7CrD,EAAG,IAAI,OAAQ,uBAAwB,yCAA0CoD,CAAS,EAAE,EAC5F,MACJ,CAEApD,EAAG,IAAI,QAAS,+BAAgC,gCAAgC,OAAAqD,EAAQ,QAAUA,CAAO,EAAE,EAGvG,CAACD,EAAU,MAAQA,EAAU,UAASA,EAAU,KAAOA,EAAU,SAGrEC,EAAQ,QAAQ7C,GAAM,CAClB,KAAK,oBAAoBA,EAAI4C,CAAS,CAC1C,CAAC,EAGGA,EAAU,YACVC,EAAQ,QAAQ7C,GAAM,CAClBR,EAAG,IAAI,QAAS,uBAAwB,KAAMQ,CAAE,EAAE,EAClD,KAAK,UAAU,CACX,OAAQa,EAAG,OACX,SAAUb,EACV,WAAY4C,EAAU,UAC1B,CAAC,CACL,CAAC,CAGT,CAAC,CACL,CAOA,QAAQ/B,EAAI,CAGJA,EAAG,aACE,MAAM,QAAQA,EAAG,UAAU,IAAGA,EAAG,WAAa,CAACA,EAAG,UAAU,GAEjEA,EAAG,WAAW,QAAQ,MAAMZ,GAAa,CACrC,MAAM,2BAAO6C,GAAPC,GAAO9C,CAAS,GAC1B,CAAC,GAGDY,EAAG,aACE,MAAM,QAAQA,EAAG,UAAU,IAAGA,EAAG,WAAa,CAACA,EAAG,UAAU,GAEjEA,EAAG,WAAW,QAAQmC,GAAU,CAC5B,KAAK,cAAcA,CAAM,CAC7B,CAAC,GAGDnC,EAAG,aACE,MAAM,QAAQA,EAAG,UAAU,IAAGA,EAAG,WAAa,CAACA,EAAG,UAAU,GAEjE,KAAK,cAAcA,EAAG,WAAW,KAAK,IAAI,CAAC,GAG3CA,EAAG,YACE,MAAM,QAAQA,EAAG,SAAS,IAAGA,EAAG,UAAY,CAACA,EAAG,SAAS,GAE9DA,EAAG,UAAU,QAAQoC,GAAS,CAC1B,KAAK,aAAaA,CAAK,CAC3B,CAAC,GAGDpC,EAAG,YACE,MAAM,QAAQA,EAAG,SAAS,IAAGA,EAAG,UAAY,CAACA,EAAG,SAAS,GAE9D,KAAK,aAAaA,EAAG,UAAU,KAAK,IAAI,CAAC,EAGjD,CAGA,WAAY,CACRrB,EAAG,IAAI,QAAS,sBAAuB,WAAW,EAAE,EACpD,SAAS,OAAO,CACpB,CAMA,WAAWO,EAAK,CACPA,EAAI,MAGJ,MAAM,QAAQA,EAAI,GAAG,IAAGA,EAAI,IAAM,CAACA,EAAI,GAAG,GAE/CA,EAAI,IAAI,QAAQ,CAACc,EAAI,IAAM,CACvB,GAAI,CAACA,EAAG,OAAQ,CACZrB,EAAG,IAAI,QAAS,gBAAiB,iCAAiC,SAAC,cAAa,EAAE,EAClF,MACJ,CAIA,OAFAqB,EAAG,QAAUd,EAAI,QACjBc,EAAG,MAAQd,EAAI,MACPc,EAAG,OAAQ,CACf,IAAK,MAAO,CACR,KAAK,OAAOA,EAAI,EAAK,EACrB,KACJ,CAEA,IAAK,SAAU,CACX,KAAK,UAAUA,EAAI,EAAK,EACxB,KACJ,CAEA,IAAK,YAAa,CACd,KAAK,UAAUA,EAAI,EAAI,EACvB,KACJ,CAEA,IAAK,UAAW,CACZ,KAAK,WAAWA,CAAE,EAClB,KACJ,CAEA,IAAK,SAAU,CACX,KAAK,UAAUA,CAAE,EACjB,KACJ,CAEA,IAAK,OAAQ,CACT,KAAK,QAAQA,CAAE,EACf,KACJ,CAEA,IAAK,SAAU,CACX,KAAK,UAAU,EACf,KACJ,CAEA,IAAK,SAAU,CACX,KAAK,WAAW,SAAUA,EAAId,CAAG,EACjC,KACJ,CAEA,IAAK,QAAS,CACV,KAAK,WAAW,QAASc,EAAId,CAAG,EAChC,KACJ,CAEA,QAAS,CACLP,EAAG,IAAI,QAAS,gBAAiB,mBAAmB,SAAC,cAAa,OAAAqB,EAAG,OAAM,cAAa,EAAE,EAC1F,KACJ,CACJ,CACJ,CAAC,EAEL,CAOA,QAAQqC,EAAMC,EAAa,CACvB,IAAMC,EAAU,CACZ,GAAIF,EAAK,KAAO,GAAK,OAAYA,EAAK,GACtC,KAAMA,EAAK,KACX,SAAUA,EAAK,WAAW,OAC1B,KAAMA,EAAK,SACX,WAAY,OAEZ,YAAa,EAAAA,EAAK,SAClB,UAAYA,EAAK,SAAuB,CACpC,MAAOA,EAAK,MACZ,SAAU,OACV,aAAcA,EAAK,aACnB,YAAaA,EAAK,YAClB,cAAeA,EAAK,cACpB,KAAMA,EAAK,IACf,EAP4B,MAQhC,EAEA,GAAI,CAAC,KAAM,IAAI,EAAE,SAASA,EAAK,QAAQ,EAAG,CACtC,IAAMG,EAAc,KAAK,SAAS,iBAAiB,GAAG,OAAAF,EAAW,MAAK,EAClEE,IACAD,EAAQ,KAAO,CACX,QAAWC,EAAY,MAC3B,EAER,CACA,GAAIH,EAAK,WAAa,KAAM,CACxB,IAAMG,EAAc,KAAK,SAAS,iBAAiB,GAAG,OAAAF,EAAW,MAAK,EAClEE,IACAD,EAAQ,KAAO,CACX,QAAWC,EAAY,MAC3B,EAER,CACA,GAAIH,EAAK,WAAa,QAAS,CAC3B,IAAMI,EAAc,KAAK,SAAS,iBAAiB,GAAG,OAAAH,EAAW,gBAAe,EAC1EI,EAAc,KAAK,SAAS,iBAAiB,GAAG,OAAAJ,EAAW,gBAAe,EAC1EK,EAAO,KAAK,SAAS,iBAAiB,GAAG,OAAAL,EAAW,+BAA8B,GACpFG,GAAeC,GAAeC,KAC9BJ,EAAQ,MAAQ,CACZ,SAAYG,EAAcA,EAAY,OAAS,EAC/C,SAAYD,EAAcA,EAAY,OAAS,EAC/C,QAAWE,EAAOA,EAAK,OAAS,CACpC,EAER,CACA,GAAIN,EAAK,WAAa,SAAWA,EAAK,YAAcA,EAAK,WAAW,OAAS,EAAG,CAC5EE,EAAQ,WAAa,CAAC,EAEtB,QAAWvB,KAAUqB,EAAK,WAClBrB,EAAO,OAAS,OAChBuB,EAAQ,WAAWvB,EAAO,IAAI,EAAIqB,EAAK,WAAWrB,EAAO,IAAI,EAAE,MAG3E,CACIqB,EAAK,WAAa,UAClBE,EAAQ,KAAOF,EAAK,aAEpBA,EAAK,WAAUE,EAAQ,UAAU,SAAW,CAAC,GACjD,QAAWK,KAAKP,EAAK,SACjBE,EAAQ,UAAU,SAASK,CAAC,EAAIP,EAAK,SAASO,CAAC,EAGnD,OAAOL,CACX,CAOA,MAAMD,EAAaO,EAAW,KAAM,CAEhC,IAAMC,EAAyD,KAAK,SAAS,iBAAiBR,CAAW,EAEnGS,EAAM,CAAC,EAEb,OAAAD,EAAU,QAAQT,GAAQ,CAEtB,GAAIQ,IAAa,MAAQA,IAAa,GAAI,CAEtC,IAAI5B,EAAOoB,EAAK,aAAaQ,CAAQ,EAErC,GAA0B5B,GAAS,KAC/B,GAAI,CACAA,EAAOoB,EAAKQ,CAAQ,CACxB,MAAgB,CAAC,CAGrB,GAA0B5B,GAAS,KAE3B4B,EAAS,YAAY,IAAM,QAASE,EAAI,KAAKV,EAAK,SAAS,EAC1DU,EAAI,KAAK,aAAa,OAAAF,EAAQ,cAAa,UAG5C5B,EAAK,YAAY,OAAS,eAAgB,CAC1C,IAAM+B,EAAI,CAAC,EACX,QAAWC,KAAOhC,EAEd+B,EAAEC,EAAI,IAAI,EAAIhC,EAAKgC,EAAI,IAAI,EAAE,MAEjCF,EAAI,KAAKC,CAAC,CACd,SAAW,CAAC/B,EAAK,YAAY,KAAK,YAAY,EAAE,SAAS,KAAK,EAC1D8B,EAAI,KAAK,CACL,CAACF,CAAQ,EAAG5B,CAChB,CAAC,MACE,CACH,IAAM+B,EAAI,CAAC,EAEX,QAAWC,KAAOhC,EACd+B,EAAEC,CAAG,EAAIhC,EAAKgC,CAAG,EAErBF,EAAI,KAAKC,CAAC,CACd,CAGR,MACID,EAAI,KAAK,KAAK,QAAQV,EAAMC,CAAW,CAAC,CAEhD,CAAC,EAEMS,CACX,CAWA,MAAM,QAAQpD,EAAKuD,EAAW,CAE1B,GAAI,CAAC,MACD,OAAAvE,EAAG,IAAI,EAAG,aAAc,yDAAyD,EAAE,EAC5E,0DAEX,GAAI,CAACgB,EACD,OAAAhB,EAAG,IAAI,EAAG,aAAc,2CAA2C,EAAE,EAC9D,4CAEX,GAAI,CAACuE,GAAa,CAACA,EAAU,GACzB,OAAAvE,EAAG,IAAI,EAAG,aAAc,4FAA4F,EAAE,EAC/G,6FAIX,IAAIgC,EACJ,GAAI,CACAA,EAAW,MAAM,MAAMhB,CAAG,CAC9B,OAASwD,EAAO,CACZ,OAAAxE,EAAG,IAAI,EAAG,aAAc,kBAAkB,OAAAgB,EAAG,cAAcwD,EAAM,OAAO,EAAE,EACnEA,EAAM,OACjB,CACA,GAAI,CAACxC,EAAS,GACV,OAAAhC,EAAG,IAAI,EAAG,aAAc,kBAAkB,OAAAgB,EAAG,sBAAqB,OAAAgB,EAAS,WAAU,IAAG,EAAE,EACnFA,EAAS,WAIpB,IAAMC,EAAc,MAAMD,EAAS,QAAQ,IAAI,cAAc,EACzDZ,EAAO,KACPa,IACIA,EAAY,SAAS,WAAW,EAChCb,EAAO,OACAa,EAAY,SAAS,kBAAkB,EAC9Cb,EAAO,OACAa,EAAY,SAAS,qBAAqB,EACjDb,EAAO,OACAa,EAAY,SAAS,QAAQ,EACpCb,EAAO,QACAa,EAAY,SAAS,QAAQ,EACpCb,EAAO,QACAa,EAAY,SAAS,iBAAiB,EAC7Cb,EAAO,MACAa,EAAY,SAAS,YAAY,IACxCb,EAAO,SAKf,IAAIqD,EAAO,GACPC,EAAY,qBACZxC,EACJ,OAAQd,EAAM,CACV,IAAK,OAAQ,CACTc,EAAO,MAAMF,EAAS,KAAK,EAC3ByC,EAAOvC,EACP,KACJ,CAEA,IAAK,OAAQ,CACTA,EAAO,MAAMF,EAAS,KAAK,EAC3ByC,EAAO,iCACPA,GAAQ,KAAK,gBAAgBvC,CAAI,EACjCuC,GAAQ,SACR,KACJ,CAEA,IAAK,OAAQ,CACTvC,EAAO,MAAMF,EAAS,SAAS,EAC/ByC,EAAO,iCACPA,GAAQ,KAAK,gBAAgBvC,CAAI,EACjCuC,GAAQ,SACR,KACJ,CAEA,IAAK,QAAS,CACVvC,EAAO,MAAMF,EAAS,KAAK,EAC3ByC,EAAO,aAAa,WAAI,gBAAgBvC,CAAI,EAAC,MACzC,KAAK,OAAO,YACZwC,EAAY,oEACZ1E,EAAG,IAAI,OAAQ,mBAAoB0E,CAAS,EAAE,GAElD,KACJ,CAEA,IAAK,QAAS,CACVxC,EAAO,MAAMF,EAAS,KAAK,EAC3ByC,EAAO,yCAAyC,WAAI,gBAAgBvC,CAAI,EAAC,cACrE,KAAK,OAAO,YACZwC,EAAY,oEACZ1E,EAAG,IAAI,OAAQ,mBAAoB0E,CAAS,EAAE,GAElD,KACJ,CAEA,IAAK,MACL,IAAK,OACL,QAAS,CACLxC,EAAO,MAAMF,EAAS,KAAK,EAC3ByC,EAAO,kEAAkE,WAAI,gBAAgBvC,CAAI,EAAC,MAC9F,KAAK,OAAO,YACZwC,EAAY,oEACZ1E,EAAG,IAAI,OAAQ,cAAc,OAAAoB,GAAQsD,CAAS,EAAE,GAEpD,KACJ,CACJ,CAGA,OAAAH,EAAU,KAAO,MACjBA,EAAU,KAAOE,EACZF,EAAU,SAAQA,EAAU,OAAS,QACrCA,EAAU,aAAYA,EAAU,WAAa,CAAE,MAAO,UAAW,GAGtE,KAAK,WAAW,CACZ,WAAY,CACRA,CACJ,CACJ,CAAC,EAEDvE,EAAG,IAAI,QAAS,cAAc,OAAAoB,GAAQsD,CAAS,EAAE,EAC1CA,CACX,CACJ,EA9mCIrE,EAdOL,EAcA,OAdAA,GA8nCXD,GAAO,QAAUE,KCtnCjB,IAAA0E,GAAe,SCDf,IAAqBC,EAArB,MAAqBA,UAAe,WAAY,CAwB5C,aAAc,CACV,MAAM,EAtBVC,EAAA,iBAEAA,EAAA,cAEAA,EAAA,iBAAY,IAEZA,EAAA,cAAS,IAETA,EAAA,YAAO,SAEPA,EAAA,aAAQ,CAAC,QAAS,OAAQ,WAAY,QAAQ,GAG9CA,EAAA,UAUI,KAAK,OAAS,KAAK,aAAa,CAAE,KAAM,OAAQ,eAAgB,EAAK,CAAC,EAGtE,KAAK,EAAI,KAAK,WAAW,cAAc,KAAK,KAAK,UAAU,EAG3D,KAAK,IAAM,SAAS,cAAc,MAAM,EACxC,KAAK,IAAI,aAAa,OAAQ,UAAU,EACxC,KAAK,IAAI,aAAa,MAAO,YAAY,EACzC,KAAK,IAAI,aAAa,OAAQ,gCAAgC,EAE9D,KAAK,cAAc,IAAI,MAAM,uBAAwB,CAAE,QAAS,GAAM,SAAU,EAAK,CAAC,CAAC,CAC3F,CAGA,WAAW,oBAAqB,CAC5B,OAAOD,EAAO,KAClB,CAGA,yBAAyBE,EAAQC,EAAQC,EAAQ,CAC7C,GAAKD,IAAWC,EAEhB,OAAQF,EAAQ,CACZ,IAAK,WAAY,CACb,GAAIE,IAAW,GAAI,MAAM,IAAI,MAAM,iFAAiF,EACpH,KAAK,SAAWA,EAChB,KAAK,QAAQ,EACb,KACJ,CACA,IAAK,YAAa,CACVA,IAAW,IAAM,CAAC,KAAM,OAAQ,QAAQ,EAAE,SAASA,EAAO,YAAY,CAAC,EAAG,KAAK,UAAY,GAC1F,KAAK,UAAY,GACtB,KACJ,CACA,IAAK,SAAU,CACPA,IAAW,IAAM,CAAC,KAAM,OAAQ,QAAQ,EAAE,SAASA,EAAO,YAAY,CAAC,EAAG,KAAK,OAAS,GACvF,KAAK,OAAS,GACnB,KACJ,CACA,IAAK,OAAQ,CACLA,IAAW,IAAM,CAAC,KAAK,MAAM,SAASA,EAAO,YAAY,CAAC,EAAG,KAAK,KAAO,QACxE,KAAK,KAAOA,EACjB,KACJ,CAEA,QAAS,CACL,KAAKF,CAAM,EAAIE,EACf,KACJ,CACJ,CACJ,CAGA,mBAAoB,CAEX,KAAK,KACD,KAAK,OAAM,KAAK,KAAO,KAAK,aAAa,MAAM,GAChD,KAAK,KAAM,KAAK,GAAK,KAAK,KAAK,YAAY,EAAE,QAAQ,MAAO,GAAG,EAC9D,KAAK,GAAK,WAAW,SAAEJ,EAAO,SAE3C,CAMA,SAAU,CACN,GAAI,CAAC,KAAK,SAAU,MAAM,IAAI,MAAM,2BAA2B,EAG/D,KAAK,MAAQ,OAAO,UAAa,IAAI,KAAK,QAAQ,EAClD,KAAK,OAAO,EAGZ,OAAO,UAAa,SAAS,KAAK,SAAWK,GAAQ,CACjD,KAAK,MAAQA,EACb,KAAK,OAAO,EACR,KAAK,SAAW,IAAM,OAAO,UAAa,KAAK,CAAC,MAAO,KAAK,SAAU,QAAS,KAAK,OAAS,MAAS,CAAC,CAC/G,CAAC,CACL,CAGA,QAAS,CAEL,GAAI,KAAK,QAAU,QAAa,KAAK,YAAc,GAAM,CACrD,KAAK,OAAO,UAAY,gBACxB,MACJ,CAEA,IAAIA,EAAM,KAAK,MAIf,OAAQ,KAAK,KAAM,CACf,IAAK,WAAY,CACb,KAAK,OAAO,UAAY,OAAO,UAAa,aAAa,OAAO,UAAa,gBAAgBA,CAAG,CAAC,EACjG,KACJ,CAEA,IAAK,SAAU,CAEX,KAAK,OAAO,UAAY,iCAAiC,cAAO,UAAa,gBAAgBA,CAAG,EAAC,UACjG,KACJ,CAEA,IAAK,QACL,IAAK,OACL,QAAS,CACL,IAAMC,EAAI,OAAOD,EACjB,GAAI,MAAM,QAAQA,CAAG,GAAKC,IAAM,mBAAqBA,IAAM,SACvD,GAAI,CACA,KAAK,OAAO,UAAY,KAAK,UAAUD,CAAG,CAC9C,MAAY,CACR,KAAK,OAAO,UAAYA,CAC5B,MAEA,KAAK,OAAO,UAAYA,EAE5B,KACJ,CACJ,CAEA,KAAK,OAAO,YAAY,KAAK,GAAG,CAGpC,CACJ,EAtIIJ,EAnBiBD,EAmBV,UAAU,GAEjBC,EArBiBD,EAqBV,QAAQ,CAAC,OAAQ,KAAM,WAAY,YAAa,SAAU,MAAM,GArB3E,IAAqBO,EAArBP,EC9BA,IAAMQ,EAAe,OAAO,OAAO,IAAI,EACvCA,EAAa,KAAU,IACvBA,EAAa,MAAW,IACxBA,EAAa,KAAU,IACvBA,EAAa,KAAU,IACvBA,EAAa,QAAa,IAC1BA,EAAa,QAAa,IAC1BA,EAAa,KAAU,IACvB,IAAMC,EAAuB,OAAO,OAAO,IAAI,EAC/C,OAAO,KAAKD,CAAY,EAAE,QAAQE,GAAO,CACrCD,EAAqBD,EAAaE,CAAG,CAAC,EAAIA,CAC9C,CAAC,EACD,IAAMC,EAAe,CAAE,KAAM,QAAS,KAAM,cAAe,ECX3D,IAAMC,GAAiB,OAAO,MAAS,YAClC,OAAO,KAAS,KACb,OAAO,UAAU,SAAS,KAAK,IAAI,IAAM,2BAC3CC,GAAwB,OAAO,aAAgB,WAE/CC,GAASC,GACJ,OAAO,YAAY,QAAW,WAC/B,YAAY,OAAOA,CAAG,EACtBA,GAAOA,EAAI,kBAAkB,YAEjCC,GAAe,CAAC,CAAE,KAAAC,EAAM,KAAAC,CAAK,EAAGC,EAAgBC,IAC9CR,IAAkBM,aAAgB,KAC9BC,EACOC,EAASF,CAAI,EAGbG,GAAmBH,EAAME,CAAQ,EAGvCP,KACJK,aAAgB,aAAeJ,GAAOI,CAAI,GACvCC,EACOC,EAASF,CAAI,EAGbG,GAAmB,IAAI,KAAK,CAACH,CAAI,CAAC,EAAGE,CAAQ,EAIrDA,EAASE,EAAaL,CAAI,GAAKC,GAAQ,GAAG,EAE/CG,GAAqB,CAACH,EAAME,IAAa,CAC3C,IAAMG,EAAa,IAAI,WACvB,OAAAA,EAAW,OAAS,UAAY,CAC5B,IAAMC,EAAUD,EAAW,OAAO,MAAM,GAAG,EAAE,CAAC,EAC9CH,EAAS,KAAOI,GAAW,GAAG,CAClC,EACOD,EAAW,cAAcL,CAAI,CACxC,EACA,SAASO,GAAQP,EAAM,CACnB,OAAIA,aAAgB,WACTA,EAEFA,aAAgB,YACd,IAAI,WAAWA,CAAI,EAGnB,IAAI,WAAWA,EAAK,OAAQA,EAAK,WAAYA,EAAK,UAAU,CAE3E,CACA,IAAIQ,GACG,SAASC,GAAqBC,EAAQR,EAAU,CACnD,GAAIR,IAAkBgB,EAAO,gBAAgB,KACzC,OAAOA,EAAO,KACT,YAAY,EACZ,KAAKH,EAAO,EACZ,KAAKL,CAAQ,EAEjB,GAAIP,KACJe,EAAO,gBAAgB,aAAed,GAAOc,EAAO,IAAI,GACzD,OAAOR,EAASK,GAAQG,EAAO,IAAI,CAAC,EAExCZ,GAAaY,EAAQ,GAAOC,GAAW,CAC9BH,KACDA,GAAe,IAAI,aAEvBN,EAASM,GAAa,OAAOG,CAAO,CAAC,CACzC,CAAC,CACL,CCpEA,IAAMC,GAAQ,mEAERC,GAAS,OAAO,WAAe,IAAc,CAAC,EAAI,IAAI,WAAW,GAAG,EAC1E,QAASC,EAAI,EAAGA,EAAIF,GAAM,OAAQE,IAC9BD,GAAOD,GAAM,WAAWE,CAAC,CAAC,EAAIA,EAkB3B,IAAMC,GAAUC,GAAW,CAC9B,IAAIC,EAAeD,EAAO,OAAS,IAAME,EAAMF,EAAO,OAAQ,EAAGG,EAAI,EAAGC,EAAUC,EAAUC,EAAUC,EAClGP,EAAOA,EAAO,OAAS,CAAC,IAAM,MAC9BC,IACID,EAAOA,EAAO,OAAS,CAAC,IAAM,KAC9BC,KAGR,IAAMO,EAAc,IAAI,YAAYP,CAAY,EAAGQ,EAAQ,IAAI,WAAWD,CAAW,EACrF,IAAK,EAAI,EAAG,EAAIN,EAAK,GAAK,EACtBE,EAAWM,GAAOV,EAAO,WAAW,CAAC,CAAC,EACtCK,EAAWK,GAAOV,EAAO,WAAW,EAAI,CAAC,CAAC,EAC1CM,EAAWI,GAAOV,EAAO,WAAW,EAAI,CAAC,CAAC,EAC1CO,EAAWG,GAAOV,EAAO,WAAW,EAAI,CAAC,CAAC,EAC1CS,EAAMN,GAAG,EAAKC,GAAY,EAAMC,GAAY,EAC5CI,EAAMN,GAAG,GAAME,EAAW,KAAO,EAAMC,GAAY,EACnDG,EAAMN,GAAG,GAAMG,EAAW,IAAM,EAAMC,EAAW,GAErD,OAAOC,CACX,ECxCA,IAAMG,GAAwB,OAAO,aAAgB,WACxCC,GAAe,CAACC,EAAeC,IAAe,CACvD,GAAI,OAAOD,GAAkB,SACzB,MAAO,CACH,KAAM,UACN,KAAME,GAAUF,EAAeC,CAAU,CAC7C,EAEJ,IAAME,EAAOH,EAAc,OAAO,CAAC,EACnC,OAAIG,IAAS,IACF,CACH,KAAM,UACN,KAAMC,GAAmBJ,EAAc,UAAU,CAAC,EAAGC,CAAU,CACnE,EAEeI,EAAqBF,CAAI,EAIrCH,EAAc,OAAS,EACxB,CACE,KAAMK,EAAqBF,CAAI,EAC/B,KAAMH,EAAc,UAAU,CAAC,CACnC,EACE,CACE,KAAMK,EAAqBF,CAAI,CACnC,EATOG,CAUf,EACMF,GAAqB,CAACG,EAAMN,IAAe,CAC7C,GAAIH,GAAuB,CACvB,IAAMU,EAAUC,GAAOF,CAAI,EAC3B,OAAOL,GAAUM,EAASP,CAAU,CACxC,KAEI,OAAO,CAAE,OAAQ,GAAM,KAAAM,CAAK,CAEpC,EACML,GAAY,CAACK,EAAMN,IAAe,CACpC,OAAQA,EAAY,CAChB,IAAK,OACD,OAAIM,aAAgB,KAETA,EAIA,IAAI,KAAK,CAACA,CAAI,CAAC,EAE9B,IAAK,cACL,QACI,OAAIA,aAAgB,YAETA,EAIAA,EAAK,MAExB,CACJ,EC1DA,IAAMG,GAAY,OAAO,aAAa,EAAE,EAClCC,GAAgB,CAACC,EAASC,IAAa,CAEzC,IAAMC,EAASF,EAAQ,OACjBG,EAAiB,IAAI,MAAMD,CAAM,EACnCE,EAAQ,EACZJ,EAAQ,QAAQ,CAACK,EAAQC,IAAM,CAE3BC,GAAaF,EAAQ,GAAOG,GAAiB,CACzCL,EAAeG,CAAC,EAAIE,EAChB,EAAEJ,IAAUF,GACZD,EAASE,EAAe,KAAKL,EAAS,CAAC,CAE/C,CAAC,CACL,CAAC,CACL,EACMW,GAAgB,CAACC,EAAgBC,IAAe,CAClD,IAAMR,EAAiBO,EAAe,MAAMZ,EAAS,EAC/CE,EAAU,CAAC,EACjB,QAASM,EAAI,EAAGA,EAAIH,EAAe,OAAQG,IAAK,CAC5C,IAAMM,EAAgBC,GAAaV,EAAeG,CAAC,EAAGK,CAAU,EAEhE,GADAX,EAAQ,KAAKY,CAAa,EACtBA,EAAc,OAAS,QACvB,KAER,CACA,OAAOZ,CACX,EACO,SAASc,IAA4B,CACxC,OAAO,IAAI,gBAAgB,CACvB,UAAUT,EAAQU,EAAY,CAC1BC,GAAqBX,EAAQG,GAAiB,CAC1C,IAAMS,EAAgBT,EAAc,OAChCU,EAEJ,GAAID,EAAgB,IAChBC,EAAS,IAAI,WAAW,CAAC,EACzB,IAAI,SAASA,EAAO,MAAM,EAAE,SAAS,EAAGD,CAAa,UAEhDA,EAAgB,MAAO,CAC5BC,EAAS,IAAI,WAAW,CAAC,EACzB,IAAMC,EAAO,IAAI,SAASD,EAAO,MAAM,EACvCC,EAAK,SAAS,EAAG,GAAG,EACpBA,EAAK,UAAU,EAAGF,CAAa,CACnC,KACK,CACDC,EAAS,IAAI,WAAW,CAAC,EACzB,IAAMC,EAAO,IAAI,SAASD,EAAO,MAAM,EACvCC,EAAK,SAAS,EAAG,GAAG,EACpBA,EAAK,aAAa,EAAG,OAAOF,CAAa,CAAC,CAC9C,CAEIZ,EAAO,MAAQ,OAAOA,EAAO,MAAS,WACtCa,EAAO,CAAC,GAAK,KAEjBH,EAAW,QAAQG,CAAM,EACzBH,EAAW,QAAQP,CAAa,CACpC,CAAC,CACL,CACJ,CAAC,CACL,CACA,IAAIY,GACJ,SAASC,GAAYC,EAAQ,CACzB,OAAOA,EAAO,OAAO,CAACC,EAAKC,IAAUD,EAAMC,EAAM,OAAQ,CAAC,CAC9D,CACA,SAASC,GAAaH,EAAQI,EAAM,CAChC,GAAIJ,EAAO,CAAC,EAAE,SAAWI,EACrB,OAAOJ,EAAO,MAAM,EAExB,IAAMK,EAAS,IAAI,WAAWD,CAAI,EAC9BE,EAAI,EACR,QAAStB,EAAI,EAAGA,EAAIoB,EAAMpB,IACtBqB,EAAOrB,CAAC,EAAIgB,EAAO,CAAC,EAAEM,GAAG,EACrBA,IAAMN,EAAO,CAAC,EAAE,SAChBA,EAAO,MAAM,EACbM,EAAI,GAGZ,OAAIN,EAAO,QAAUM,EAAIN,EAAO,CAAC,EAAE,SAC/BA,EAAO,CAAC,EAAIA,EAAO,CAAC,EAAE,MAAMM,CAAC,GAE1BD,CACX,CACO,SAASE,GAA0BC,EAAYnB,EAAY,CACzDS,KACDA,GAAe,IAAI,aAEvB,IAAME,EAAS,CAAC,EACZS,EAAQ,EACRC,EAAiB,GACjBC,EAAW,GACf,OAAO,IAAI,gBAAgB,CACvB,UAAUT,EAAOT,EAAY,CAEzB,IADAO,EAAO,KAAKE,CAAK,IACJ,CACT,GAAIO,IAAU,EAAqB,CAC/B,GAAIV,GAAYC,CAAM,EAAI,EACtB,MAEJ,IAAMJ,EAASO,GAAaH,EAAQ,CAAC,EACrCW,GAAYf,EAAO,CAAC,EAAI,OAAU,IAClCc,EAAiBd,EAAO,CAAC,EAAI,IACzBc,EAAiB,IACjBD,EAAQ,EAEHC,IAAmB,IACxBD,EAAQ,EAGRA,EAAQ,CAEhB,SACSA,IAAU,EAAiC,CAChD,GAAIV,GAAYC,CAAM,EAAI,EACtB,MAEJ,IAAMY,EAAcT,GAAaH,EAAQ,CAAC,EAC1CU,EAAiB,IAAI,SAASE,EAAY,OAAQA,EAAY,WAAYA,EAAY,MAAM,EAAE,UAAU,CAAC,EACzGH,EAAQ,CACZ,SACSA,IAAU,EAAiC,CAChD,GAAIV,GAAYC,CAAM,EAAI,EACtB,MAEJ,IAAMY,EAAcT,GAAaH,EAAQ,CAAC,EACpCH,EAAO,IAAI,SAASe,EAAY,OAAQA,EAAY,WAAYA,EAAY,MAAM,EAClFC,EAAIhB,EAAK,UAAU,CAAC,EAC1B,GAAIgB,EAAI,KAAK,IAAI,EAAG,GAAK,EAAE,EAAI,EAAG,CAE9BpB,EAAW,QAAQqB,CAAY,EAC/B,KACJ,CACAJ,EAAiBG,EAAI,KAAK,IAAI,EAAG,EAAE,EAAIhB,EAAK,UAAU,CAAC,EACvDY,EAAQ,CACZ,KACK,CACD,GAAIV,GAAYC,CAAM,EAAIU,EACtB,MAEJ,IAAMK,EAAOZ,GAAaH,EAAQU,CAAc,EAChDjB,EAAW,QAAQF,GAAaoB,EAAWI,EAAOjB,GAAa,OAAOiB,CAAI,EAAG1B,CAAU,CAAC,EACxFoB,EAAQ,CACZ,CACA,GAAIC,IAAmB,GAAKA,EAAiBF,EAAY,CACrDf,EAAW,QAAQqB,CAAY,EAC/B,KACJ,CACJ,CACJ,CACJ,CAAC,CACL,CACO,IAAME,GAAW,ECpJjB,SAASC,EAAQC,EAAK,CAC3B,GAAIA,EAAK,OAAOC,GAAMD,CAAG,CAC3B,CAUA,SAASC,GAAMD,EAAK,CAClB,QAASE,KAAOH,EAAQ,UACtBC,EAAIE,CAAG,EAAIH,EAAQ,UAAUG,CAAG,EAElC,OAAOF,CACT,CAWAD,EAAQ,UAAU,GAClBA,EAAQ,UAAU,iBAAmB,SAASI,EAAOC,EAAG,CACtD,YAAK,WAAa,KAAK,YAAc,CAAC,GACrC,KAAK,WAAW,IAAMD,CAAK,EAAI,KAAK,WAAW,IAAMA,CAAK,GAAK,CAAC,GAC9D,KAAKC,CAAE,EACH,IACT,EAYAL,EAAQ,UAAU,KAAO,SAASI,EAAOC,EAAG,CAC1C,SAASC,GAAK,CACZ,KAAK,IAAIF,EAAOE,CAAE,EAClBD,EAAG,MAAM,KAAM,SAAS,CAC1B,CAEA,OAAAC,EAAG,GAAKD,EACR,KAAK,GAAGD,EAAOE,CAAE,EACV,IACT,EAYAN,EAAQ,UAAU,IAClBA,EAAQ,UAAU,eAClBA,EAAQ,UAAU,mBAClBA,EAAQ,UAAU,oBAAsB,SAASI,EAAOC,EAAG,CAIzD,GAHA,KAAK,WAAa,KAAK,YAAc,CAAC,EAG7B,UAAU,QAAf,EACF,YAAK,WAAa,CAAC,EACZ,KAIT,IAAIE,EAAY,KAAK,WAAW,IAAMH,CAAK,EAC3C,GAAI,CAACG,EAAW,OAAO,KAGvB,GAAS,UAAU,QAAf,EACF,cAAO,KAAK,WAAW,IAAMH,CAAK,EAC3B,KAKT,QADII,EACKC,EAAI,EAAGA,EAAIF,EAAU,OAAQE,IAEpC,GADAD,EAAKD,EAAUE,CAAC,EACZD,IAAOH,GAAMG,EAAG,KAAOH,EAAI,CAC7BE,EAAU,OAAOE,EAAG,CAAC,EACrB,KACF,CAKF,OAAIF,EAAU,SAAW,GACvB,OAAO,KAAK,WAAW,IAAMH,CAAK,EAG7B,IACT,EAUAJ,EAAQ,UAAU,KAAO,SAASI,EAAM,CACtC,KAAK,WAAa,KAAK,YAAc,CAAC,EAKtC,QAHIM,EAAO,IAAI,MAAM,UAAU,OAAS,CAAC,EACrCH,EAAY,KAAK,WAAW,IAAMH,CAAK,EAElC,EAAI,EAAG,EAAI,UAAU,OAAQ,IACpCM,EAAK,EAAI,CAAC,EAAI,UAAU,CAAC,EAG3B,GAAIH,EAAW,CACbA,EAAYA,EAAU,MAAM,CAAC,EAC7B,QAAS,EAAI,EAAGI,EAAMJ,EAAU,OAAQ,EAAII,EAAK,EAAE,EACjDJ,EAAU,CAAC,EAAE,MAAM,KAAMG,CAAI,CAEjC,CAEA,OAAO,IACT,EAGAV,EAAQ,UAAU,aAAeA,EAAQ,UAAU,KAUnDA,EAAQ,UAAU,UAAY,SAASI,EAAM,CAC3C,YAAK,WAAa,KAAK,YAAc,CAAC,EAC/B,KAAK,WAAW,IAAMA,CAAK,GAAK,CAAC,CAC1C,EAUAJ,EAAQ,UAAU,aAAe,SAASI,EAAM,CAC9C,MAAO,CAAC,CAAE,KAAK,UAAUA,CAAK,EAAE,MAClC,ECxKO,IAAMQ,GAAkB,IACvB,OAAO,KAAS,IACT,KAEF,OAAO,OAAW,IAChB,OAGA,SAAS,aAAa,EAAE,GAEpC,ECTI,SAASC,GAAKC,KAAQC,EAAM,CAC/B,OAAOA,EAAK,OAAO,CAACC,EAAKC,KACjBH,EAAI,eAAeG,CAAC,IACpBD,EAAIC,CAAC,EAAIH,EAAIG,CAAC,GAEXD,GACR,CAAC,CAAC,CACT,CAEA,IAAME,GAAqBC,EAAW,WAChCC,GAAuBD,EAAW,aACjC,SAASE,EAAsBP,EAAKQ,EAAM,CACzCA,EAAK,iBACLR,EAAI,aAAeI,GAAmB,KAAKC,CAAU,EACrDL,EAAI,eAAiBM,GAAqB,KAAKD,CAAU,IAGzDL,EAAI,aAAeK,EAAW,WAAW,KAAKA,CAAU,EACxDL,EAAI,eAAiBK,EAAW,aAAa,KAAKA,CAAU,EAEpE,CAEA,IAAMI,GAAkB,KAEjB,SAASC,GAAWV,EAAK,CAC5B,OAAI,OAAOA,GAAQ,SACRW,GAAWX,CAAG,EAGlB,KAAK,MAAMA,EAAI,YAAcA,EAAI,MAAQS,EAAe,CACnE,CACA,SAASE,GAAWC,EAAK,CACrB,IAAIC,EAAI,EAAGC,EAAS,EACpB,QAAS,EAAI,EAAGC,EAAIH,EAAI,OAAQ,EAAIG,EAAG,IACnCF,EAAID,EAAI,WAAW,CAAC,EAChBC,EAAI,IACJC,GAAU,EAELD,EAAI,KACTC,GAAU,EAELD,EAAI,OAAUA,GAAK,MACxBC,GAAU,GAGV,IACAA,GAAU,GAGlB,OAAOA,CACX,CC3CO,SAASE,GAAOC,EAAK,CACxB,IAAIC,EAAM,GACV,QAASC,KAAKF,EACNA,EAAI,eAAeE,CAAC,IAChBD,EAAI,SACJA,GAAO,KACXA,GAAO,mBAAmBC,CAAC,EAAI,IAAM,mBAAmBF,EAAIE,CAAC,CAAC,GAGtE,OAAOD,CACX,CAOO,SAASE,GAAOC,EAAI,CACvB,IAAIC,EAAM,CAAC,EACPC,EAAQF,EAAG,MAAM,GAAG,EACxB,QAAS,EAAI,EAAGG,EAAID,EAAM,OAAQ,EAAIC,EAAG,IAAK,CAC1C,IAAIC,EAAOF,EAAM,CAAC,EAAE,MAAM,GAAG,EAC7BD,EAAI,mBAAmBG,EAAK,CAAC,CAAC,CAAC,EAAI,mBAAmBA,EAAK,CAAC,CAAC,CACjE,CACA,OAAOH,CACX,CC7BA,IAAMI,GAAN,cAA6B,KAAM,CAC/B,YAAYC,EAAQC,EAAaC,EAAS,CACtC,MAAMF,CAAM,EACZ,KAAK,YAAcC,EACnB,KAAK,QAAUC,EACf,KAAK,KAAO,gBAChB,CACJ,EACaC,EAAN,cAAwBC,CAAQ,CAOnC,YAAYC,EAAM,CACd,MAAM,EACN,KAAK,SAAW,GAChBC,EAAsB,KAAMD,CAAI,EAChC,KAAK,KAAOA,EACZ,KAAK,MAAQA,EAAK,MAClB,KAAK,OAASA,EAAK,MACvB,CAUA,QAAQL,EAAQC,EAAaC,EAAS,CAClC,aAAM,aAAa,QAAS,IAAIH,GAAeC,EAAQC,EAAaC,CAAO,CAAC,EACrE,IACX,CAIA,MAAO,CACH,YAAK,WAAa,UAClB,KAAK,OAAO,EACL,IACX,CAIA,OAAQ,CACJ,OAAI,KAAK,aAAe,WAAa,KAAK,aAAe,UACrD,KAAK,QAAQ,EACb,KAAK,QAAQ,GAEV,IACX,CAMA,KAAKK,EAAS,CACN,KAAK,aAAe,QACpB,KAAK,MAAMA,CAAO,CAK1B,CAMA,QAAS,CACL,KAAK,WAAa,OAClB,KAAK,SAAW,GAChB,MAAM,aAAa,MAAM,CAC7B,CAOA,OAAOC,EAAM,CACT,IAAMC,EAASC,GAAaF,EAAM,KAAK,OAAO,UAAU,EACxD,KAAK,SAASC,CAAM,CACxB,CAMA,SAASA,EAAQ,CACb,MAAM,aAAa,SAAUA,CAAM,CACvC,CAMA,QAAQE,EAAS,CACb,KAAK,WAAa,SAClB,MAAM,aAAa,QAASA,CAAO,CACvC,CAMA,MAAMC,EAAS,CAAE,CACjB,UAAUC,EAAQC,EAAQ,CAAC,EAAG,CAC1B,OAAQD,EACJ,MACA,KAAK,UAAU,EACf,KAAK,MAAM,EACX,KAAK,KAAK,KACV,KAAK,OAAOC,CAAK,CACzB,CACA,WAAY,CACR,IAAMC,EAAW,KAAK,KAAK,SAC3B,OAAOA,EAAS,QAAQ,GAAG,IAAM,GAAKA,EAAW,IAAMA,EAAW,GACtE,CACA,OAAQ,CACJ,OAAI,KAAK,KAAK,OACR,KAAK,KAAK,QAAU,EAAO,KAAK,KAAK,OAAS,MAC3C,CAAC,KAAK,KAAK,QAAU,OAAO,KAAK,KAAK,IAAI,IAAM,IAC9C,IAAM,KAAK,KAAK,KAGhB,EAEf,CACA,OAAOD,EAAO,CACV,IAAME,EAAeC,GAAOH,CAAK,EACjC,OAAOE,EAAa,OAAS,IAAMA,EAAe,EACtD,CACJ,EC1IA,IAAME,GAAW,mEAAmE,MAAM,EAAE,EAAGC,GAAS,GAAIC,GAAM,CAAC,EAC/GC,GAAO,EAAGC,GAAI,EAAGC,GAQd,SAASC,GAAOC,EAAK,CACxB,IAAIC,EAAU,GACd,GACIA,EAAUR,GAASO,EAAMN,EAAM,EAAIO,EACnCD,EAAM,KAAK,MAAMA,EAAMN,EAAM,QACxBM,EAAM,GACf,OAAOC,CACX,CAqBO,SAASC,IAAQ,CACpB,IAAMC,EAAMC,GAAO,CAAC,IAAI,IAAM,EAC9B,OAAID,IAAQE,IACDC,GAAO,EAAGD,GAAOF,GACrBA,EAAM,IAAMC,GAAOE,IAAM,CACpC,CAIA,KAAOC,GAAIC,GAAQD,KACfE,GAAIC,GAASH,EAAC,CAAC,EAAIA,GChDvB,IAAII,GAAQ,GACZ,GAAI,CACAA,GAAQ,OAAO,eAAmB,KAC9B,oBAAqB,IAAI,cACjC,MACY,CAGZ,CACO,IAAMC,GAAUD,GCPhB,SAASE,GAAIC,EAAM,CACtB,IAAMC,EAAUD,EAAK,QAErB,GAAI,CACA,GAAoB,OAAO,eAAvB,MAA0C,CAACC,GAAWC,IACtD,OAAO,IAAI,cAEnB,MACU,CAAE,CACZ,GAAI,CAACD,EACD,GAAI,CACA,OAAO,IAAIE,EAAW,CAAC,QAAQ,EAAE,OAAO,QAAQ,EAAE,KAAK,GAAG,CAAC,EAAE,mBAAmB,CACpF,MACU,CAAE,CAEpB,CCXA,SAASC,IAAQ,CAAE,CACnB,IAAMC,GAAW,UAAY,CAIzB,OAHY,IAAIC,GAAe,CAC3B,QAAS,EACb,CAAC,EACkB,cAAZ,IACX,EAAG,EACUC,GAAN,cAAsBC,CAAU,CAOnC,YAAYC,EAAM,CAGd,GAFA,MAAMA,CAAI,EACV,KAAK,QAAU,GACX,OAAO,SAAa,IAAa,CACjC,IAAMC,EAAqB,SAAS,WAAtB,SACVC,EAAO,SAAS,KAEfA,IACDA,EAAOD,EAAQ,MAAQ,MAE3B,KAAK,GACA,OAAO,SAAa,KACjBD,EAAK,WAAa,SAAS,UAC3BE,IAASF,EAAK,IAC1B,CAIA,IAAMG,EAAcH,GAAQA,EAAK,YACjC,KAAK,eAAiBJ,IAAW,CAACO,EAC9B,KAAK,KAAK,kBACV,KAAK,UAAY,OAEzB,CACA,IAAI,MAAO,CACP,MAAO,SACX,CAOA,QAAS,CACL,KAAK,KAAK,CACd,CAOA,MAAMC,EAAS,CACX,KAAK,WAAa,UAClB,IAAMC,EAAQ,IAAM,CAChB,KAAK,WAAa,SAClBD,EAAQ,CACZ,EACA,GAAI,KAAK,SAAW,CAAC,KAAK,SAAU,CAChC,IAAIE,EAAQ,EACR,KAAK,UACLA,IACA,KAAK,KAAK,eAAgB,UAAY,CAClC,EAAEA,GAASD,EAAM,CACrB,CAAC,GAEA,KAAK,WACNC,IACA,KAAK,KAAK,QAAS,UAAY,CAC3B,EAAEA,GAASD,EAAM,CACrB,CAAC,EAET,MAEIA,EAAM,CAEd,CAMA,MAAO,CACH,KAAK,QAAU,GACf,KAAK,OAAO,EACZ,KAAK,aAAa,MAAM,CAC5B,CAMA,OAAOE,EAAM,CACT,IAAMC,EAAYC,GAAW,CAMzB,GAJkB,KAAK,aAAnB,WAAiCA,EAAO,OAAS,QACjD,KAAK,OAAO,EAGAA,EAAO,OAAnB,QACA,YAAK,QAAQ,CAAE,YAAa,gCAAiC,CAAC,EACvD,GAGX,KAAK,SAASA,CAAM,CACxB,EAEAC,GAAcH,EAAM,KAAK,OAAO,UAAU,EAAE,QAAQC,CAAQ,EAE3C,KAAK,aAAlB,WAEA,KAAK,QAAU,GACf,KAAK,aAAa,cAAc,EACjB,KAAK,aAAhB,QACA,KAAK,KAAK,EAKtB,CAMA,SAAU,CACN,IAAMG,EAAQ,IAAM,CAChB,KAAK,MAAM,CAAC,CAAE,KAAM,OAAQ,CAAC,CAAC,CAClC,EACe,KAAK,aAAhB,OACAA,EAAM,EAKN,KAAK,KAAK,OAAQA,CAAK,CAE/B,CAOA,MAAMC,EAAS,CACX,KAAK,SAAW,GAChBC,GAAcD,EAAUL,GAAS,CAC7B,KAAK,QAAQA,EAAM,IAAM,CACrB,KAAK,SAAW,GAChB,KAAK,aAAa,OAAO,CAC7B,CAAC,CACL,CAAC,CACL,CAMA,KAAM,CACF,IAAMO,EAAS,KAAK,KAAK,OAAS,QAAU,OACtCC,EAAQ,KAAK,OAAS,CAAC,EAE7B,OAAc,KAAK,KAAK,oBAApB,KACAA,EAAM,KAAK,KAAK,cAAc,EAAIC,GAAM,GAExC,CAAC,KAAK,gBAAkB,CAACD,EAAM,MAC/BA,EAAM,IAAM,GAET,KAAK,UAAUD,EAAQC,CAAK,CACvC,CAOA,QAAQf,EAAO,CAAC,EAAG,CACf,cAAO,OAAOA,EAAM,CAAE,GAAI,KAAK,GAAI,UAAW,KAAK,SAAU,EAAG,KAAK,IAAI,EAClE,IAAIiB,EAAQ,KAAK,IAAI,EAAGjB,CAAI,CACvC,CAQA,QAAQO,EAAMW,EAAI,CACd,IAAMC,EAAM,KAAK,QAAQ,CACrB,OAAQ,OACR,KAAMZ,CACV,CAAC,EACDY,EAAI,GAAG,UAAWD,CAAE,EACpBC,EAAI,GAAG,QAAS,CAACC,EAAWC,IAAY,CACpC,KAAK,QAAQ,iBAAkBD,EAAWC,CAAO,CACrD,CAAC,CACL,CAMA,QAAS,CACL,IAAMF,EAAM,KAAK,QAAQ,EACzBA,EAAI,GAAG,OAAQ,KAAK,OAAO,KAAK,IAAI,CAAC,EACrCA,EAAI,GAAG,QAAS,CAACC,EAAWC,IAAY,CACpC,KAAK,QAAQ,iBAAkBD,EAAWC,CAAO,CACrD,CAAC,EACD,KAAK,QAAUF,CACnB,CACJ,EACaF,EAAN,MAAMK,UAAgBC,CAAQ,CAOjC,YAAYC,EAAKxB,EAAM,CACnB,MAAM,EACNyB,EAAsB,KAAMzB,CAAI,EAChC,KAAK,KAAOA,EACZ,KAAK,OAASA,EAAK,QAAU,MAC7B,KAAK,IAAMwB,EACX,KAAK,KAAqBxB,EAAK,OAAnB,OAA0BA,EAAK,KAAO,KAClD,KAAK,OAAO,CAChB,CAMA,QAAS,CACL,IAAI0B,EACJ,IAAM1B,EAAO2B,GAAK,KAAK,KAAM,QAAS,MAAO,MAAO,aAAc,OAAQ,KAAM,UAAW,qBAAsB,WAAW,EAC5H3B,EAAK,QAAU,CAAC,CAAC,KAAK,KAAK,GAC3B,IAAM4B,EAAO,KAAK,IAAM,IAAI/B,GAAeG,CAAI,EAC/C,GAAI,CACA4B,EAAI,KAAK,KAAK,OAAQ,KAAK,IAAK,EAAI,EACpC,GAAI,CACA,GAAI,KAAK,KAAK,aAAc,CACxBA,EAAI,uBAAyBA,EAAI,sBAAsB,EAAI,EAC3D,QAASC,KAAK,KAAK,KAAK,aAChB,KAAK,KAAK,aAAa,eAAeA,CAAC,GACvCD,EAAI,iBAAiBC,EAAG,KAAK,KAAK,aAAaA,CAAC,CAAC,CAG7D,CACJ,MACU,CAAE,CACZ,GAAe,KAAK,SAAhB,OACA,GAAI,CACAD,EAAI,iBAAiB,eAAgB,0BAA0B,CACnE,MACU,CAAE,CAEhB,GAAI,CACAA,EAAI,iBAAiB,SAAU,KAAK,CACxC,MACU,CAAE,EACXF,EAAK,KAAK,KAAK,aAAe,MAAQA,IAAO,QAAkBA,EAAG,WAAWE,CAAG,EAE7E,oBAAqBA,IACrBA,EAAI,gBAAkB,KAAK,KAAK,iBAEhC,KAAK,KAAK,iBACVA,EAAI,QAAU,KAAK,KAAK,gBAE5BA,EAAI,mBAAqB,IAAM,CAC3B,IAAIF,EACAE,EAAI,aAAe,KAClBF,EAAK,KAAK,KAAK,aAAe,MAAQA,IAAO,QAAkBA,EAAG,aAAaE,CAAG,GAE7EA,EAAI,aAAV,IAEQA,EAAI,SAAZ,KAA+BA,EAAI,SAAb,KACtB,KAAK,OAAO,EAKZ,KAAK,aAAa,IAAM,CACpB,KAAK,QAAQ,OAAOA,EAAI,QAAW,SAAWA,EAAI,OAAS,CAAC,CAChE,EAAG,CAAC,EAEZ,EACAA,EAAI,KAAK,KAAK,IAAI,CACtB,OACOE,EAAG,CAIN,KAAK,aAAa,IAAM,CACpB,KAAK,QAAQA,CAAC,CAClB,EAAG,CAAC,EACJ,MACJ,CACI,OAAO,SAAa,MACpB,KAAK,MAAQR,EAAQ,gBACrBA,EAAQ,SAAS,KAAK,KAAK,EAAI,KAEvC,CAMA,QAAQS,EAAK,CACT,KAAK,aAAa,QAASA,EAAK,KAAK,GAAG,EACxC,KAAK,QAAQ,EAAI,CACrB,CAMA,QAAQC,EAAW,CACf,GAAI,EAAgB,OAAO,KAAK,IAA5B,KAA4C,KAAK,MAAd,MAIvC,IADA,KAAK,IAAI,mBAAqBrC,GAC1BqC,EACA,GAAI,CACA,KAAK,IAAI,MAAM,CACnB,MACU,CAAE,CAEZ,OAAO,SAAa,KACpB,OAAOV,EAAQ,SAAS,KAAK,KAAK,EAEtC,KAAK,IAAM,KACf,CAMA,QAAS,CACL,IAAMf,EAAO,KAAK,IAAI,aAClBA,IAAS,OACT,KAAK,aAAa,OAAQA,CAAI,EAC9B,KAAK,aAAa,SAAS,EAC3B,KAAK,QAAQ,EAErB,CAMA,OAAQ,CACJ,KAAK,QAAQ,CACjB,CACJ,EACAU,EAAQ,cAAgB,EACxBA,EAAQ,SAAW,CAAC,EAMpB,GAAI,OAAO,SAAa,KAEpB,GAAI,OAAO,aAAgB,WAEvB,YAAY,WAAYgB,EAAa,UAEhC,OAAO,kBAAqB,WAAY,CAC7C,IAAMC,EAAmB,eAAgBC,EAAa,WAAa,SACnE,iBAAiBD,EAAkBD,GAAe,EAAK,CAC3D,EAEJ,SAASA,IAAgB,CACrB,QAASJ,KAAKZ,EAAQ,SACdA,EAAQ,SAAS,eAAeY,CAAC,GACjCZ,EAAQ,SAASY,CAAC,EAAE,MAAM,CAGtC,CCpYO,IAAMO,GAAY,IACM,OAAO,SAAY,YAAc,OAAO,QAAQ,SAAY,WAE3EC,GAAO,QAAQ,QAAQ,EAAE,KAAKA,CAAE,EAGjC,CAACA,EAAIC,IAAiBA,EAAaD,EAAI,CAAC,GAEpD,EACUE,GAAYC,EAAW,WAAaA,EAAW,aAC/CC,GAAwB,GACxBC,GAAoB,cCNjC,IAAMC,GAAgB,OAAO,UAAc,KACvC,OAAO,UAAU,SAAY,UAC7B,UAAU,QAAQ,YAAY,IAAM,cAC3BC,GAAN,cAAiBC,CAAU,CAO9B,YAAYC,EAAM,CACd,MAAMA,CAAI,EACV,KAAK,eAAiB,CAACA,EAAK,WAChC,CACA,IAAI,MAAO,CACP,MAAO,WACX,CACA,QAAS,CACL,GAAI,CAAC,KAAK,MAAM,EAEZ,OAEJ,IAAMC,EAAM,KAAK,IAAI,EACfC,EAAY,KAAK,KAAK,UAEtBF,EAAOH,GACP,CAAC,EACDM,GAAK,KAAK,KAAM,QAAS,oBAAqB,MAAO,MAAO,aAAc,OAAQ,KAAM,UAAW,qBAAsB,eAAgB,kBAAmB,SAAU,aAAc,SAAU,qBAAqB,EACrN,KAAK,KAAK,eACVH,EAAK,QAAU,KAAK,KAAK,cAE7B,GAAI,CACA,KAAK,GACDI,IAAyB,CAACP,GACpBK,EACI,IAAIG,GAAUJ,EAAKC,CAAS,EAC5B,IAAIG,GAAUJ,CAAG,EACrB,IAAII,GAAUJ,EAAKC,EAAWF,CAAI,CAChD,OACOM,EAAK,CACR,OAAO,KAAK,aAAa,QAASA,CAAG,CACzC,CACA,KAAK,GAAG,WAAa,KAAK,OAAO,WACjC,KAAK,kBAAkB,CAC3B,CAMA,mBAAoB,CAChB,KAAK,GAAG,OAAS,IAAM,CACf,KAAK,KAAK,WACV,KAAK,GAAG,QAAQ,MAAM,EAE1B,KAAK,OAAO,CAChB,EACA,KAAK,GAAG,QAAWC,GAAe,KAAK,QAAQ,CAC3C,YAAa,8BACb,QAASA,CACb,CAAC,EACD,KAAK,GAAG,UAAaC,GAAO,KAAK,OAAOA,EAAG,IAAI,EAC/C,KAAK,GAAG,QAAW,GAAM,KAAK,QAAQ,kBAAmB,CAAC,CAC9D,CACA,MAAMC,EAAS,CACX,KAAK,SAAW,GAGhB,QAASC,EAAI,EAAGA,EAAID,EAAQ,OAAQC,IAAK,CACrC,IAAMC,EAASF,EAAQC,CAAC,EAClBE,EAAaF,IAAMD,EAAQ,OAAS,EAC1CI,GAAaF,EAAQ,KAAK,eAAiBG,GAAS,CAEhD,IAAMd,EAAO,CAAC,EACTI,KACGO,EAAO,UACPX,EAAK,SAAWW,EAAO,QAAQ,UAE/B,KAAK,KAAK,oBAGG,OAAOG,GAApB,SAA2B,OAAO,WAAWA,CAAI,EAAIA,EAAK,QAChD,KAAK,KAAK,kBAAkB,YAClCd,EAAK,SAAW,KAO5B,GAAI,CACII,GAEA,KAAK,GAAG,KAAKU,CAAI,EAGjB,KAAK,GAAG,KAAKA,EAAMd,CAAI,CAE/B,MACU,CACV,CACIY,GAGAG,EAAS,IAAM,CACX,KAAK,SAAW,GAChB,KAAK,aAAa,OAAO,CAC7B,EAAG,KAAK,YAAY,CAE5B,CAAC,CACL,CACJ,CACA,SAAU,CACF,OAAO,KAAK,GAAO,MACnB,KAAK,GAAG,MAAM,EACd,KAAK,GAAK,KAElB,CAMA,KAAM,CACF,IAAMC,EAAS,KAAK,KAAK,OAAS,MAAQ,KACpCC,EAAQ,KAAK,OAAS,CAAC,EAE7B,OAAI,KAAK,KAAK,oBACVA,EAAM,KAAK,KAAK,cAAc,EAAIC,GAAM,GAGvC,KAAK,iBACND,EAAM,IAAM,GAET,KAAK,UAAUD,EAAQC,CAAK,CACvC,CAOA,OAAQ,CACJ,MAAO,CAAC,CAACZ,EACb,CACJ,ECpJO,IAAMc,GAAN,cAAiBC,CAAU,CAC9B,IAAI,MAAO,CACP,MAAO,cACX,CACA,QAAS,CAED,OAAO,cAAiB,aAI5B,KAAK,UAAY,IAAI,aAAa,KAAK,UAAU,OAAO,EAAG,KAAK,KAAK,iBAAiB,KAAK,IAAI,CAAC,EAChG,KAAK,UAAU,OACV,KAAK,IAAM,CACZ,KAAK,QAAQ,CACjB,CAAC,EACI,MAAOC,GAAQ,CAChB,KAAK,QAAQ,qBAAsBA,CAAG,CAC1C,CAAC,EAED,KAAK,UAAU,MAAM,KAAK,IAAM,CAC5B,KAAK,UAAU,0BAA0B,EAAE,KAAMC,GAAW,CACxD,IAAMC,EAAgBC,GAA0B,OAAO,iBAAkB,KAAK,OAAO,UAAU,EACzFC,EAASH,EAAO,SAAS,YAAYC,CAAa,EAAE,UAAU,EAC9DG,EAAgBC,GAA0B,EAChDD,EAAc,SAAS,OAAOJ,EAAO,QAAQ,EAC7C,KAAK,OAASI,EAAc,SAAS,UAAU,EAC/C,IAAME,EAAO,IAAM,CACfH,EACK,KAAK,EACL,KAAK,CAAC,CAAE,KAAAI,EAAM,MAAAC,CAAM,IAAM,CACvBD,IAGJ,KAAK,SAASC,CAAK,EACnBF,EAAK,EACT,CAAC,EACI,MAAOP,GAAQ,CACpB,CAAC,CACL,EACAO,EAAK,EACL,IAAMG,EAAS,CAAE,KAAM,MAAO,EAC1B,KAAK,MAAM,MACXA,EAAO,KAAO,WAAW,YAAK,MAAM,IAAG,OAE3C,KAAK,OAAO,MAAMA,CAAM,EAAE,KAAK,IAAM,KAAK,OAAO,CAAC,CACtD,CAAC,CACL,CAAC,EACL,CACA,MAAMC,EAAS,CACX,KAAK,SAAW,GAChB,QAASC,EAAI,EAAGA,EAAID,EAAQ,OAAQC,IAAK,CACrC,IAAMF,EAASC,EAAQC,CAAC,EAClBC,EAAaD,IAAMD,EAAQ,OAAS,EAC1C,KAAK,OAAO,MAAMD,CAAM,EAAE,KAAK,IAAM,CAC7BG,GACAC,EAAS,IAAM,CACX,KAAK,SAAW,GAChB,KAAK,aAAa,OAAO,CAC7B,EAAG,KAAK,YAAY,CAE5B,CAAC,CACL,CACJ,CACA,SAAU,CACN,IAAIC,GACHA,EAAK,KAAK,aAAe,MAAQA,IAAO,QAAkBA,EAAG,MAAM,CACxE,CACJ,ECnEO,IAAMC,GAAa,CACtB,UAAWC,GACX,aAAcC,GACd,QAASC,EACb,ECYA,IAAMC,GAAK,sPACLC,GAAQ,CACV,SAAU,WAAY,YAAa,WAAY,OAAQ,WAAY,OAAQ,OAAQ,WAAY,OAAQ,YAAa,OAAQ,QAAS,QACzI,EACO,SAASC,EAAMC,EAAK,CACvB,IAAMC,EAAMD,EAAKE,EAAIF,EAAI,QAAQ,GAAG,EAAGG,EAAIH,EAAI,QAAQ,GAAG,EACtDE,GAAK,IAAMC,GAAK,KAChBH,EAAMA,EAAI,UAAU,EAAGE,CAAC,EAAIF,EAAI,UAAUE,EAAGC,CAAC,EAAE,QAAQ,KAAM,GAAG,EAAIH,EAAI,UAAUG,EAAGH,EAAI,MAAM,GAEpG,IAAII,EAAIP,GAAG,KAAKG,GAAO,EAAE,EAAGK,EAAM,CAAC,EAAGC,EAAI,GAC1C,KAAOA,KACHD,EAAIP,GAAMQ,CAAC,CAAC,EAAIF,EAAEE,CAAC,GAAK,GAE5B,OAAIJ,GAAK,IAAMC,GAAK,KAChBE,EAAI,OAASJ,EACbI,EAAI,KAAOA,EAAI,KAAK,UAAU,EAAGA,EAAI,KAAK,OAAS,CAAC,EAAE,QAAQ,KAAM,GAAG,EACvEA,EAAI,UAAYA,EAAI,UAAU,QAAQ,IAAK,EAAE,EAAE,QAAQ,IAAK,EAAE,EAAE,QAAQ,KAAM,GAAG,EACjFA,EAAI,QAAU,IAElBA,EAAI,UAAYE,GAAUF,EAAKA,EAAI,IAAO,EAC1CA,EAAI,SAAWG,GAASH,EAAKA,EAAI,KAAQ,EAClCA,CACX,CACA,SAASE,GAAUE,EAAKC,EAAM,CAC1B,IAAMC,EAAO,WAAYC,EAAQF,EAAK,QAAQC,EAAM,GAAG,EAAE,MAAM,GAAG,EAClE,OAAID,EAAK,MAAM,EAAG,CAAC,GAAK,KAAOA,EAAK,SAAW,IAC3CE,EAAM,OAAO,EAAG,CAAC,EAEjBF,EAAK,MAAM,EAAE,GAAK,KAClBE,EAAM,OAAOA,EAAM,OAAS,EAAG,CAAC,EAE7BA,CACX,CACA,SAASJ,GAASH,EAAKQ,EAAO,CAC1B,IAAMC,EAAO,CAAC,EACd,OAAAD,EAAM,QAAQ,4BAA6B,SAAUE,EAAIC,EAAIC,EAAI,CACzDD,IACAF,EAAKE,CAAE,EAAIC,EAEnB,CAAC,EACMH,CACX,CCrDO,IAAMI,EAAN,MAAMC,UAAeC,CAAQ,CAOhC,YAAYC,EAAKC,EAAO,CAAC,EAAG,CACxB,MAAM,EACN,KAAK,WAAaC,GAClB,KAAK,YAAc,CAAC,EAChBF,GAAoB,OAAOA,GAApB,WACPC,EAAOD,EACPA,EAAM,MAENA,GACAA,EAAMG,EAAMH,CAAG,EACfC,EAAK,SAAWD,EAAI,KACpBC,EAAK,OAASD,EAAI,WAAa,SAAWA,EAAI,WAAa,MAC3DC,EAAK,KAAOD,EAAI,KACZA,EAAI,QACJC,EAAK,MAAQD,EAAI,QAEhBC,EAAK,OACVA,EAAK,SAAWE,EAAMF,EAAK,IAAI,EAAE,MAErCG,EAAsB,KAAMH,CAAI,EAChC,KAAK,OACOA,EAAK,QAAb,KACMA,EAAK,OACL,OAAO,SAAa,KAA4B,SAAS,WAAtB,SACzCA,EAAK,UAAY,CAACA,EAAK,OAEvBA,EAAK,KAAO,KAAK,OAAS,MAAQ,MAEtC,KAAK,SACDA,EAAK,WACA,OAAO,SAAa,IAAc,SAAS,SAAW,aAC/D,KAAK,KACDA,EAAK,OACA,OAAO,SAAa,KAAe,SAAS,KACvC,SAAS,KACT,KAAK,OACD,MACA,MAClB,KAAK,WAAaA,EAAK,YAAc,CACjC,UACA,YACA,cACJ,EACA,KAAK,YAAc,CAAC,EACpB,KAAK,cAAgB,EACrB,KAAK,KAAO,OAAO,OAAO,CACtB,KAAM,aACN,MAAO,GACP,gBAAiB,GACjB,QAAS,GACT,eAAgB,IAChB,gBAAiB,GACjB,iBAAkB,GAClB,mBAAoB,GACpB,kBAAmB,CACf,UAAW,IACf,EACA,iBAAkB,CAAC,EACnB,oBAAqB,EACzB,EAAGA,CAAI,EACP,KAAK,KAAK,KACN,KAAK,KAAK,KAAK,QAAQ,MAAO,EAAE,GAC3B,KAAK,KAAK,iBAAmB,IAAM,IACxC,OAAO,KAAK,KAAK,OAAU,WAC3B,KAAK,KAAK,MAAQI,GAAO,KAAK,KAAK,KAAK,GAG5C,KAAK,GAAK,KACV,KAAK,SAAW,KAChB,KAAK,aAAe,KACpB,KAAK,YAAc,KAEnB,KAAK,iBAAmB,KACpB,OAAO,kBAAqB,aACxB,KAAK,KAAK,sBAIV,KAAK,0BAA4B,IAAM,CAC/B,KAAK,YAEL,KAAK,UAAU,mBAAmB,EAClC,KAAK,UAAU,MAAM,EAE7B,EACA,iBAAiB,eAAgB,KAAK,0BAA2B,EAAK,GAEtE,KAAK,WAAa,cAClB,KAAK,qBAAuB,IAAM,CAC9B,KAAK,QAAQ,kBAAmB,CAC5B,YAAa,yBACjB,CAAC,CACL,EACA,iBAAiB,UAAW,KAAK,qBAAsB,EAAK,IAGpE,KAAK,KAAK,CACd,CAQA,gBAAgBC,EAAM,CAClB,IAAMC,EAAQ,OAAO,OAAO,CAAC,EAAG,KAAK,KAAK,KAAK,EAE/CA,EAAM,IAAMC,GAEZD,EAAM,UAAYD,EAEd,KAAK,KACLC,EAAM,IAAM,KAAK,IACrB,IAAMN,EAAO,OAAO,OAAO,CAAC,EAAG,KAAK,KAAM,CACtC,MAAAM,EACA,OAAQ,KACR,SAAU,KAAK,SACf,OAAQ,KAAK,OACb,KAAM,KAAK,IACf,EAAG,KAAK,KAAK,iBAAiBD,CAAI,CAAC,EACnC,OAAO,IAAIG,GAAWH,CAAI,EAAEL,CAAI,CACpC,CAMA,MAAO,CACH,IAAIS,EACJ,GAAI,KAAK,KAAK,iBACVZ,EAAO,uBACP,KAAK,WAAW,QAAQ,WAAW,IAAM,GACzCY,EAAY,oBAED,KAAK,WAAW,SAAtB,EAA8B,CAEnC,KAAK,aAAa,IAAM,CACpB,KAAK,aAAa,QAAS,yBAAyB,CACxD,EAAG,CAAC,EACJ,MACJ,MAEIA,EAAY,KAAK,WAAW,CAAC,EAEjC,KAAK,WAAa,UAElB,GAAI,CACAA,EAAY,KAAK,gBAAgBA,CAAS,CAC9C,MACU,CACN,KAAK,WAAW,MAAM,EACtB,KAAK,KAAK,EACV,MACJ,CACAA,EAAU,KAAK,EACf,KAAK,aAAaA,CAAS,CAC/B,CAMA,aAAaA,EAAW,CAChB,KAAK,WACL,KAAK,UAAU,mBAAmB,EAGtC,KAAK,UAAYA,EAEjBA,EACK,GAAG,QAAS,KAAK,QAAQ,KAAK,IAAI,CAAC,EACnC,GAAG,SAAU,KAAK,SAAS,KAAK,IAAI,CAAC,EACrC,GAAG,QAAS,KAAK,QAAQ,KAAK,IAAI,CAAC,EACnC,GAAG,QAAUC,GAAW,KAAK,QAAQ,kBAAmBA,CAAM,CAAC,CACxE,CAOA,MAAML,EAAM,CACR,IAAII,EAAY,KAAK,gBAAgBJ,CAAI,EACrCM,EAAS,GACbd,EAAO,sBAAwB,GAC/B,IAAMe,EAAkB,IAAM,CACtBD,IAEJF,EAAU,KAAK,CAAC,CAAE,KAAM,OAAQ,KAAM,OAAQ,CAAC,CAAC,EAChDA,EAAU,KAAK,SAAWI,GAAQ,CAC9B,GAAI,CAAAF,EAEJ,GAAeE,EAAI,OAAf,QAAmCA,EAAI,OAAhB,QAAsB,CAG7C,GAFA,KAAK,UAAY,GACjB,KAAK,aAAa,YAAaJ,CAAS,EACpC,CAACA,EACD,OACJZ,EAAO,sBAAwCY,EAAU,OAA1B,YAC/B,KAAK,UAAU,MAAM,IAAM,CACnBE,GAEa,KAAK,aAAlB,WAEJG,EAAQ,EACR,KAAK,aAAaL,CAAS,EAC3BA,EAAU,KAAK,CAAC,CAAE,KAAM,SAAU,CAAC,CAAC,EACpC,KAAK,aAAa,UAAWA,CAAS,EACtCA,EAAY,KACZ,KAAK,UAAY,GACjB,KAAK,MAAM,EACf,CAAC,CACL,KACK,CACD,IAAMM,EAAM,IAAI,MAAM,aAAa,EAEnCA,EAAI,UAAYN,EAAU,KAC1B,KAAK,aAAa,eAAgBM,CAAG,CACzC,CACJ,CAAC,EACL,EACA,SAASC,GAAkB,CACnBL,IAGJA,EAAS,GACTG,EAAQ,EACRL,EAAU,MAAM,EAChBA,EAAY,KAChB,CAEA,IAAMQ,EAAWF,GAAQ,CACrB,IAAMG,EAAQ,IAAI,MAAM,gBAAkBH,CAAG,EAE7CG,EAAM,UAAYT,EAAU,KAC5BO,EAAgB,EAChB,KAAK,aAAa,eAAgBE,CAAK,CAC3C,EACA,SAASC,GAAmB,CACxBF,EAAQ,kBAAkB,CAC9B,CAEA,SAASG,GAAU,CACfH,EAAQ,eAAe,CAC3B,CAEA,SAASI,EAAUC,EAAI,CACfb,GAAaa,EAAG,OAASb,EAAU,MACnCO,EAAgB,CAExB,CAEA,IAAMF,EAAU,IAAM,CAClBL,EAAU,eAAe,OAAQG,CAAe,EAChDH,EAAU,eAAe,QAASQ,CAAO,EACzCR,EAAU,eAAe,QAASU,CAAgB,EAClD,KAAK,IAAI,QAASC,CAAO,EACzB,KAAK,IAAI,YAAaC,CAAS,CACnC,EACAZ,EAAU,KAAK,OAAQG,CAAe,EACtCH,EAAU,KAAK,QAASQ,CAAO,EAC/BR,EAAU,KAAK,QAASU,CAAgB,EACxC,KAAK,KAAK,QAASC,CAAO,EAC1B,KAAK,KAAK,YAAaC,CAAS,EAC5B,KAAK,SAAS,QAAQ,cAAc,IAAM,IAC1ChB,IAAS,eAET,KAAK,aAAa,IAAM,CACfM,GACDF,EAAU,KAAK,CAEvB,EAAG,GAAG,EAGNA,EAAU,KAAK,CAEvB,CAMA,QAAS,CAOL,GANA,KAAK,WAAa,OAClBZ,EAAO,sBAAwC,KAAK,UAAU,OAA/B,YAC/B,KAAK,aAAa,MAAM,EACxB,KAAK,MAAM,EAGI,KAAK,aAAhB,QAA8B,KAAK,KAAK,QAAS,CACjD,IAAI0B,EAAI,EACFC,EAAI,KAAK,SAAS,OACxB,KAAOD,EAAIC,EAAGD,IACV,KAAK,MAAM,KAAK,SAASA,CAAC,CAAC,CAEnC,CACJ,CAMA,SAASE,EAAQ,CACb,GAAkB,KAAK,aAAnB,WACW,KAAK,aAAhB,QACc,KAAK,aAAnB,UAKA,OAJA,KAAK,aAAa,SAAUA,CAAM,EAElC,KAAK,aAAa,WAAW,EAC7B,KAAK,iBAAiB,EACdA,EAAO,KAAM,CACjB,IAAK,OACD,KAAK,YAAY,KAAK,MAAMA,EAAO,IAAI,CAAC,EACxC,MACJ,IAAK,OACD,KAAK,WAAW,MAAM,EACtB,KAAK,aAAa,MAAM,EACxB,KAAK,aAAa,MAAM,EACxB,MACJ,IAAK,QACD,IAAMV,EAAM,IAAI,MAAM,cAAc,EAEpCA,EAAI,KAAOU,EAAO,KAClB,KAAK,QAAQV,CAAG,EAChB,MACJ,IAAK,UACD,KAAK,aAAa,OAAQU,EAAO,IAAI,EACrC,KAAK,aAAa,UAAWA,EAAO,IAAI,EACxC,KACR,CAIR,CAOA,YAAYC,EAAM,CACd,KAAK,aAAa,YAAaA,CAAI,EACnC,KAAK,GAAKA,EAAK,IACf,KAAK,UAAU,MAAM,IAAMA,EAAK,IAChC,KAAK,SAAW,KAAK,eAAeA,EAAK,QAAQ,EACjD,KAAK,aAAeA,EAAK,aACzB,KAAK,YAAcA,EAAK,YACxB,KAAK,WAAaA,EAAK,WACvB,KAAK,OAAO,EAEK,KAAK,aAAlB,UAEJ,KAAK,iBAAiB,CAC1B,CAMA,kBAAmB,CACf,KAAK,eAAe,KAAK,gBAAgB,EACzC,KAAK,iBAAmB,KAAK,aAAa,IAAM,CAC5C,KAAK,QAAQ,cAAc,CAC/B,EAAG,KAAK,aAAe,KAAK,WAAW,EACnC,KAAK,KAAK,WACV,KAAK,iBAAiB,MAAM,CAEpC,CAMA,SAAU,CACN,KAAK,YAAY,OAAO,EAAG,KAAK,aAAa,EAI7C,KAAK,cAAgB,EACX,KAAK,YAAY,SAAvB,EACA,KAAK,aAAa,OAAO,EAGzB,KAAK,MAAM,CAEnB,CAMA,OAAQ,CACJ,GAAiB,KAAK,aAAlB,UACA,KAAK,UAAU,UACf,CAAC,KAAK,WACN,KAAK,YAAY,OAAQ,CACzB,IAAMC,EAAU,KAAK,mBAAmB,EACxC,KAAK,UAAU,KAAKA,CAAO,EAG3B,KAAK,cAAgBA,EAAQ,OAC7B,KAAK,aAAa,OAAO,CAC7B,CACJ,CAOA,oBAAqB,CAIjB,GAAI,EAH2B,KAAK,YAChC,KAAK,UAAU,OAAS,WACxB,KAAK,YAAY,OAAS,GAE1B,OAAO,KAAK,YAEhB,IAAIC,EAAc,EAClB,QAAS,EAAI,EAAG,EAAI,KAAK,YAAY,OAAQ,IAAK,CAC9C,IAAMF,EAAO,KAAK,YAAY,CAAC,EAAE,KAIjC,GAHIA,IACAE,GAAeC,GAAWH,CAAI,GAE9B,EAAI,GAAKE,EAAc,KAAK,WAC5B,OAAO,KAAK,YAAY,MAAM,EAAG,CAAC,EAEtCA,GAAe,CACnB,CACA,OAAO,KAAK,WAChB,CASA,MAAMf,EAAKiB,EAASC,EAAI,CACpB,YAAK,WAAW,UAAWlB,EAAKiB,EAASC,CAAE,EACpC,IACX,CACA,KAAKlB,EAAKiB,EAASC,EAAI,CACnB,YAAK,WAAW,UAAWlB,EAAKiB,EAASC,CAAE,EACpC,IACX,CAUA,WAAWC,EAAMN,EAAMI,EAASC,EAAI,CAShC,GARmB,OAAOL,GAAtB,aACAK,EAAKL,EACLA,EAAO,QAEQ,OAAOI,GAAtB,aACAC,EAAKD,EACLA,EAAU,MAEI,KAAK,aAAnB,WAA8C,KAAK,aAAlB,SACjC,OAEJA,EAAUA,GAAW,CAAC,EACtBA,EAAQ,SAAqBA,EAAQ,WAAlB,GACnB,IAAML,EAAS,CACX,KAAMO,EACN,KAAMN,EACN,QAASI,CACb,EACA,KAAK,aAAa,eAAgBL,CAAM,EACxC,KAAK,YAAY,KAAKA,CAAM,EACxBM,GACA,KAAK,KAAK,QAASA,CAAE,EACzB,KAAK,MAAM,CACf,CAIA,OAAQ,CACJ,IAAME,EAAQ,IAAM,CAChB,KAAK,QAAQ,cAAc,EAC3B,KAAK,UAAU,MAAM,CACzB,EACMC,EAAkB,IAAM,CAC1B,KAAK,IAAI,UAAWA,CAAe,EACnC,KAAK,IAAI,eAAgBA,CAAe,EACxCD,EAAM,CACV,EACME,EAAiB,IAAM,CAEzB,KAAK,KAAK,UAAWD,CAAe,EACpC,KAAK,KAAK,eAAgBA,CAAe,CAC7C,EACA,OAAkB,KAAK,aAAnB,WAA4C,KAAK,aAAhB,UACjC,KAAK,WAAa,UACd,KAAK,YAAY,OACjB,KAAK,KAAK,QAAS,IAAM,CACjB,KAAK,UACLC,EAAe,EAGfF,EAAM,CAEd,CAAC,EAEI,KAAK,UACVE,EAAe,EAGfF,EAAM,GAGP,IACX,CAMA,QAAQlB,EAAK,CACTlB,EAAO,sBAAwB,GAC/B,KAAK,aAAa,QAASkB,CAAG,EAC9B,KAAK,QAAQ,kBAAmBA,CAAG,CACvC,CAMA,QAAQL,EAAQ0B,EAAa,EACP,KAAK,aAAnB,WACW,KAAK,aAAhB,QACc,KAAK,aAAnB,aAEA,KAAK,eAAe,KAAK,gBAAgB,EAEzC,KAAK,UAAU,mBAAmB,OAAO,EAEzC,KAAK,UAAU,MAAM,EAErB,KAAK,UAAU,mBAAmB,EAC9B,OAAO,qBAAwB,aAC/B,oBAAoB,eAAgB,KAAK,0BAA2B,EAAK,EACzE,oBAAoB,UAAW,KAAK,qBAAsB,EAAK,GAGnE,KAAK,WAAa,SAElB,KAAK,GAAK,KAEV,KAAK,aAAa,QAAS1B,EAAQ0B,CAAW,EAG9C,KAAK,YAAc,CAAC,EACpB,KAAK,cAAgB,EAE7B,CAOA,eAAeC,EAAU,CACrB,IAAMC,EAAmB,CAAC,EACtB,EAAI,EACFC,EAAIF,EAAS,OACnB,KAAO,EAAIE,EAAG,IACN,CAAC,KAAK,WAAW,QAAQF,EAAS,CAAC,CAAC,GACpCC,EAAiB,KAAKD,EAAS,CAAC,CAAC,EAEzC,OAAOC,CACX,CACJ,EACA1C,EAAO,SAAWW,GC/kBX,IAAMiC,GAAWC,EAAO,SCQxB,SAASC,GAAIC,EAAKC,EAAO,GAAIC,EAAK,CACrC,IAAIC,EAAMH,EAEVE,EAAMA,GAAQ,OAAO,SAAa,KAAe,SACrCF,GAAR,OACAA,EAAME,EAAI,SAAW,KAAOA,EAAI,MAEhC,OAAOF,GAAQ,WACHA,EAAI,OAAO,CAAC,IAApB,MACYA,EAAI,OAAO,CAAC,IAApB,IACAA,EAAME,EAAI,SAAWF,EAGrBA,EAAME,EAAI,KAAOF,GAGpB,sBAAsB,KAAKA,CAAG,IACX,OAAOE,EAAvB,IACAF,EAAME,EAAI,SAAW,KAAOF,EAG5BA,EAAM,WAAaA,GAI3BG,EAAMC,EAAMJ,CAAG,GAGdG,EAAI,OACD,cAAc,KAAKA,EAAI,QAAQ,EAC/BA,EAAI,KAAO,KAEN,eAAe,KAAKA,EAAI,QAAQ,IACrCA,EAAI,KAAO,QAGnBA,EAAI,KAAOA,EAAI,MAAQ,IAEvB,IAAME,EADOF,EAAI,KAAK,QAAQ,GAAG,IAAM,GACnB,IAAMA,EAAI,KAAO,IAAMA,EAAI,KAE/C,OAAAA,EAAI,GAAKA,EAAI,SAAW,MAAQE,EAAO,IAAMF,EAAI,KAAOF,EAExDE,EAAI,KACAA,EAAI,SACA,MACAE,GACCH,GAAOA,EAAI,OAASC,EAAI,KAAO,GAAK,IAAMA,EAAI,MAChDA,CACX,CC1DA,IAAAG,GAAA,GAAAC,GAAAD,GAAA,aAAAE,GAAA,YAAAC,GAAA,eAAAC,EAAA,aAAAC,KCAA,IAAMC,GAAwB,OAAO,aAAgB,WAC/CC,GAAUC,GACL,OAAO,YAAY,QAAW,WAC/B,YAAY,OAAOA,CAAG,EACtBA,EAAI,kBAAkB,YAE1BC,GAAW,OAAO,UAAU,SAC5BC,GAAiB,OAAO,MAAS,YAClC,OAAO,KAAS,KACbD,GAAS,KAAK,IAAI,IAAM,2BAC1BE,GAAiB,OAAO,MAAS,YAClC,OAAO,KAAS,KACbF,GAAS,KAAK,IAAI,IAAM,2BAMzB,SAASG,GAASJ,EAAK,CAC1B,OAASF,KAA0BE,aAAe,aAAeD,GAAOC,CAAG,IACtEE,IAAkBF,aAAe,MACjCG,IAAkBH,aAAe,IAC1C,CACO,SAASK,GAAUL,EAAKM,EAAQ,CACnC,GAAI,CAACN,GAAO,OAAOA,GAAQ,SACvB,MAAO,GAEX,GAAI,MAAM,QAAQA,CAAG,EAAG,CACpB,QAASO,EAAI,EAAGC,EAAIR,EAAI,OAAQO,EAAIC,EAAGD,IACnC,GAAIF,GAAUL,EAAIO,CAAC,CAAC,EAChB,MAAO,GAGf,MAAO,EACX,CACA,GAAIH,GAASJ,CAAG,EACZ,MAAO,GAEX,GAAIA,EAAI,QACJ,OAAOA,EAAI,QAAW,YACtB,UAAU,SAAW,EACrB,OAAOK,GAAUL,EAAI,OAAO,EAAG,EAAI,EAEvC,QAAWS,KAAOT,EACd,GAAI,OAAO,UAAU,eAAe,KAAKA,EAAKS,CAAG,GAAKJ,GAAUL,EAAIS,CAAG,CAAC,EACpE,MAAO,GAGf,MAAO,EACX,CCzCO,SAASC,GAAkBC,EAAQ,CACtC,IAAMC,EAAU,CAAC,EACXC,EAAaF,EAAO,KACpBG,EAAOH,EACb,OAAAG,EAAK,KAAOC,GAAmBF,EAAYD,CAAO,EAClDE,EAAK,YAAcF,EAAQ,OACpB,CAAE,OAAQE,EAAM,QAASF,CAAQ,CAC5C,CACA,SAASG,GAAmBC,EAAMJ,EAAS,CACvC,GAAI,CAACI,EACD,OAAOA,EACX,GAAIC,GAASD,CAAI,EAAG,CAChB,IAAME,EAAc,CAAE,aAAc,GAAM,IAAKN,EAAQ,MAAO,EAC9D,OAAAA,EAAQ,KAAKI,CAAI,EACVE,CACX,SACS,MAAM,QAAQF,CAAI,EAAG,CAC1B,IAAMG,EAAU,IAAI,MAAMH,EAAK,MAAM,EACrC,QAAS,EAAI,EAAG,EAAIA,EAAK,OAAQ,IAC7BG,EAAQ,CAAC,EAAIJ,GAAmBC,EAAK,CAAC,EAAGJ,CAAO,EAEpD,OAAOO,CACX,SACS,OAAOH,GAAS,UAAY,EAAEA,aAAgB,MAAO,CAC1D,IAAMG,EAAU,CAAC,EACjB,QAAWC,KAAOJ,EACV,OAAO,UAAU,eAAe,KAAKA,EAAMI,CAAG,IAC9CD,EAAQC,CAAG,EAAIL,GAAmBC,EAAKI,CAAG,EAAGR,CAAO,GAG5D,OAAOO,CACX,CACA,OAAOH,CACX,CASO,SAASK,GAAkBV,EAAQC,EAAS,CAC/C,OAAAD,EAAO,KAAOW,GAAmBX,EAAO,KAAMC,CAAO,EACrD,OAAOD,EAAO,YACPA,CACX,CACA,SAASW,GAAmBN,EAAMJ,EAAS,CACvC,GAAI,CAACI,EACD,OAAOA,EACX,GAAIA,GAAQA,EAAK,eAAiB,GAAM,CAIpC,GAHqB,OAAOA,EAAK,KAAQ,UACrCA,EAAK,KAAO,GACZA,EAAK,IAAMJ,EAAQ,OAEnB,OAAOA,EAAQI,EAAK,GAAG,EAGvB,MAAM,IAAI,MAAM,qBAAqB,CAE7C,SACS,MAAM,QAAQA,CAAI,EACvB,QAASO,EAAI,EAAGA,EAAIP,EAAK,OAAQO,IAC7BP,EAAKO,CAAC,EAAID,GAAmBN,EAAKO,CAAC,EAAGX,CAAO,UAG5C,OAAOI,GAAS,SACrB,QAAWI,KAAOJ,EACV,OAAO,UAAU,eAAe,KAAKA,EAAMI,CAAG,IAC9CJ,EAAKI,CAAG,EAAIE,GAAmBN,EAAKI,CAAG,EAAGR,CAAO,GAI7D,OAAOI,CACX,CF5EA,IAAMQ,GAAkB,CACpB,UACA,gBACA,aACA,gBACA,cACA,gBACJ,EAMaC,GAAW,EACbC,GACV,SAAUA,EAAY,CACnBA,EAAWA,EAAW,QAAa,CAAC,EAAI,UACxCA,EAAWA,EAAW,WAAgB,CAAC,EAAI,aAC3CA,EAAWA,EAAW,MAAW,CAAC,EAAI,QACtCA,EAAWA,EAAW,IAAS,CAAC,EAAI,MACpCA,EAAWA,EAAW,cAAmB,CAAC,EAAI,gBAC9CA,EAAWA,EAAW,aAAkB,CAAC,EAAI,eAC7CA,EAAWA,EAAW,WAAgB,CAAC,EAAI,YAC/C,GAAGA,IAAeA,EAAa,CAAC,EAAE,EAI3B,IAAMC,GAAN,KAAc,CAMjB,YAAYC,EAAU,CAClB,KAAK,SAAWA,CACpB,CAOA,OAAOC,EAAK,CACR,OAAIA,EAAI,OAASH,EAAW,OAASG,EAAI,OAASH,EAAW,MACrDI,GAAUD,CAAG,EACN,KAAK,eAAe,CACvB,KAAMA,EAAI,OAASH,EAAW,MACxBA,EAAW,aACXA,EAAW,WACjB,IAAKG,EAAI,IACT,KAAMA,EAAI,KACV,GAAIA,EAAI,EACZ,CAAC,EAGF,CAAC,KAAK,eAAeA,CAAG,CAAC,CACpC,CAIA,eAAeA,EAAK,CAEhB,IAAIE,EAAM,GAAKF,EAAI,KAEnB,OAAIA,EAAI,OAASH,EAAW,cACxBG,EAAI,OAASH,EAAW,cACxBK,GAAOF,EAAI,YAAc,KAIzBA,EAAI,KAAeA,EAAI,MAAZ,MACXE,GAAOF,EAAI,IAAM,KAGTA,EAAI,IAAZ,OACAE,GAAOF,EAAI,IAGHA,EAAI,MAAZ,OACAE,GAAO,KAAK,UAAUF,EAAI,KAAM,KAAK,QAAQ,GAE1CE,CACX,CAMA,eAAeF,EAAK,CAChB,IAAMG,EAAiBC,GAAkBJ,CAAG,EACtCK,EAAO,KAAK,eAAeF,EAAe,MAAM,EAChDG,EAAUH,EAAe,QAC/B,OAAAG,EAAQ,QAAQD,CAAI,EACbC,CACX,CACJ,EAEA,SAASC,GAASC,EAAO,CACrB,OAAO,OAAO,UAAU,SAAS,KAAKA,CAAK,IAAM,iBACrD,CAMO,IAAMC,GAAN,MAAMC,UAAgBC,CAAQ,CAMjC,YAAYC,EAAS,CACjB,MAAM,EACN,KAAK,QAAUA,CACnB,CAMA,IAAIZ,EAAK,CACL,IAAIa,EACJ,GAAI,OAAOb,GAAQ,SAAU,CACzB,GAAI,KAAK,cACL,MAAM,IAAI,MAAM,iDAAiD,EAErEa,EAAS,KAAK,aAAab,CAAG,EAC9B,IAAMc,EAAgBD,EAAO,OAAShB,EAAW,aAC7CiB,GAAiBD,EAAO,OAAShB,EAAW,YAC5CgB,EAAO,KAAOC,EAAgBjB,EAAW,MAAQA,EAAW,IAE5D,KAAK,cAAgB,IAAIkB,GAAoBF,CAAM,EAE/CA,EAAO,cAAgB,GACvB,MAAM,aAAa,UAAWA,CAAM,GAKxC,MAAM,aAAa,UAAWA,CAAM,CAE5C,SACSG,GAAShB,CAAG,GAAKA,EAAI,OAE1B,GAAK,KAAK,cAINa,EAAS,KAAK,cAAc,eAAeb,CAAG,EAC1Ca,IAEA,KAAK,cAAgB,KACrB,MAAM,aAAa,UAAWA,CAAM,OAPxC,OAAM,IAAI,MAAM,kDAAkD,MAYtE,OAAM,IAAI,MAAM,iBAAmBb,CAAG,CAE9C,CAOA,aAAaE,EAAK,CACd,IAAIe,EAAI,EAEFC,EAAI,CACN,KAAM,OAAOhB,EAAI,OAAO,CAAC,CAAC,CAC9B,EACA,GAAIL,EAAWqB,EAAE,IAAI,IAAM,OACvB,MAAM,IAAI,MAAM,uBAAyBA,EAAE,IAAI,EAGnD,GAAIA,EAAE,OAASrB,EAAW,cACtBqB,EAAE,OAASrB,EAAW,WAAY,CAClC,IAAMsB,EAAQF,EAAI,EAClB,KAAOf,EAAI,OAAO,EAAEe,CAAC,IAAM,KAAOA,GAAKf,EAAI,QAAQ,CACnD,IAAMkB,EAAMlB,EAAI,UAAUiB,EAAOF,CAAC,EAClC,GAAIG,GAAO,OAAOA,CAAG,GAAKlB,EAAI,OAAOe,CAAC,IAAM,IACxC,MAAM,IAAI,MAAM,qBAAqB,EAEzCC,EAAE,YAAc,OAAOE,CAAG,CAC9B,CAEA,GAAYlB,EAAI,OAAOe,EAAI,CAAC,IAAxB,IAA2B,CAC3B,IAAME,EAAQF,EAAI,EAClB,KAAO,EAAEA,GAED,EADMf,EAAI,OAAOe,CAAC,IAClB,KAEAA,IAAMf,EAAI,SAAd,CAGJgB,EAAE,IAAMhB,EAAI,UAAUiB,EAAOF,CAAC,CAClC,MAEIC,EAAE,IAAM,IAGZ,IAAMG,EAAOnB,EAAI,OAAOe,EAAI,CAAC,EAC7B,GAAWI,IAAP,IAAe,OAAOA,CAAI,GAAKA,EAAM,CACrC,IAAMF,EAAQF,EAAI,EAClB,KAAO,EAAEA,GAAG,CACR,IAAMK,EAAIpB,EAAI,OAAOe,CAAC,EACtB,GAAYK,GAAR,MAAa,OAAOA,CAAC,GAAKA,EAAG,CAC7B,EAAEL,EACF,KACJ,CACA,GAAIA,IAAMf,EAAI,OACV,KACR,CACAgB,EAAE,GAAK,OAAOhB,EAAI,UAAUiB,EAAOF,EAAI,CAAC,CAAC,CAC7C,CAEA,GAAIf,EAAI,OAAO,EAAEe,CAAC,EAAG,CACjB,IAAMM,EAAU,KAAK,SAASrB,EAAI,OAAOe,CAAC,CAAC,EAC3C,GAAIP,EAAQ,eAAeQ,EAAE,KAAMK,CAAO,EACtCL,EAAE,KAAOK,MAGT,OAAM,IAAI,MAAM,iBAAiB,CAEzC,CACA,OAAOL,CACX,CACA,SAAShB,EAAK,CACV,GAAI,CACA,OAAO,KAAK,MAAMA,EAAK,KAAK,OAAO,CACvC,MACU,CACN,MAAO,EACX,CACJ,CACA,OAAO,eAAesB,EAAMD,EAAS,CACjC,OAAQC,EAAM,CACV,KAAK3B,EAAW,QACZ,OAAOU,GAASgB,CAAO,EAC3B,KAAK1B,EAAW,WACZ,OAAO0B,IAAY,OACvB,KAAK1B,EAAW,cACZ,OAAO,OAAO0B,GAAY,UAAYhB,GAASgB,CAAO,EAC1D,KAAK1B,EAAW,MAChB,KAAKA,EAAW,aACZ,OAAQ,MAAM,QAAQ0B,CAAO,IACxB,OAAOA,EAAQ,CAAC,GAAM,UAClB,OAAOA,EAAQ,CAAC,GAAM,UACnB5B,GAAgB,QAAQ4B,EAAQ,CAAC,CAAC,IAAM,IACxD,KAAK1B,EAAW,IAChB,KAAKA,EAAW,WACZ,OAAO,MAAM,QAAQ0B,CAAO,CACpC,CACJ,CAIA,SAAU,CACF,KAAK,gBACL,KAAK,cAAc,uBAAuB,EAC1C,KAAK,cAAgB,KAE7B,CACJ,EASMR,GAAN,KAA0B,CACtB,YAAYF,EAAQ,CAChB,KAAK,OAASA,EACd,KAAK,QAAU,CAAC,EAChB,KAAK,UAAYA,CACrB,CASA,eAAeY,EAAS,CAEpB,GADA,KAAK,QAAQ,KAAKA,CAAO,EACrB,KAAK,QAAQ,SAAW,KAAK,UAAU,YAAa,CAEpD,IAAMZ,EAASa,GAAkB,KAAK,UAAW,KAAK,OAAO,EAC7D,YAAK,uBAAuB,EACrBb,CACX,CACA,OAAO,IACX,CAIA,wBAAyB,CACrB,KAAK,UAAY,KACjB,KAAK,QAAU,CAAC,CACpB,CACJ,EGtTO,SAASc,EAAGC,EAAKC,EAAIC,EAAI,CAC5B,OAAAF,EAAI,GAAGC,EAAIC,CAAE,EACN,UAAsB,CACzBF,EAAI,IAAIC,EAAIC,CAAE,CAClB,CACJ,CCEA,IAAMC,GAAkB,OAAO,OAAO,CAClC,QAAS,EACT,cAAe,EACf,WAAY,EACZ,cAAe,EAEf,YAAa,EACb,eAAgB,CACpB,CAAC,EAyBYC,EAAN,cAAqBC,CAAQ,CAIhC,YAAYC,EAAIC,EAAKC,EAAM,CACvB,MAAM,EAeN,KAAK,UAAY,GAKjB,KAAK,UAAY,GAIjB,KAAK,cAAgB,CAAC,EAItB,KAAK,WAAa,CAAC,EAOnB,KAAK,OAAS,CAAC,EAKf,KAAK,UAAY,EACjB,KAAK,IAAM,EACX,KAAK,KAAO,CAAC,EACb,KAAK,MAAQ,CAAC,EACd,KAAK,GAAKF,EACV,KAAK,IAAMC,EACPC,GAAQA,EAAK,OACb,KAAK,KAAOA,EAAK,MAErB,KAAK,MAAQ,OAAO,OAAO,CAAC,EAAGA,CAAI,EAC/B,KAAK,GAAG,cACR,KAAK,KAAK,CAClB,CAeA,IAAI,cAAe,CACf,MAAO,CAAC,KAAK,SACjB,CAMA,WAAY,CACR,GAAI,KAAK,KACL,OACJ,IAAMF,EAAK,KAAK,GAChB,KAAK,KAAO,CACRG,EAAGH,EAAI,OAAQ,KAAK,OAAO,KAAK,IAAI,CAAC,EACrCG,EAAGH,EAAI,SAAU,KAAK,SAAS,KAAK,IAAI,CAAC,EACzCG,EAAGH,EAAI,QAAS,KAAK,QAAQ,KAAK,IAAI,CAAC,EACvCG,EAAGH,EAAI,QAAS,KAAK,QAAQ,KAAK,IAAI,CAAC,CAC3C,CACJ,CAkBA,IAAI,QAAS,CACT,MAAO,CAAC,CAAC,KAAK,IAClB,CAWA,SAAU,CACN,OAAI,KAAK,UACE,MACX,KAAK,UAAU,EACV,KAAK,GAAG,eACT,KAAK,GAAG,KAAK,EACF,KAAK,GAAG,cAAnB,QACA,KAAK,OAAO,EACT,KACX,CAIA,MAAO,CACH,OAAO,KAAK,QAAQ,CACxB,CAgBA,QAAQI,EAAM,CACV,OAAAA,EAAK,QAAQ,SAAS,EACtB,KAAK,KAAK,MAAM,KAAMA,CAAI,EACnB,IACX,CAkBA,KAAKC,KAAOD,EAAM,CACd,GAAIP,GAAgB,eAAeQ,CAAE,EACjC,MAAM,IAAI,MAAM,IAAMA,EAAG,SAAS,EAAI,4BAA4B,EAGtE,GADAD,EAAK,QAAQC,CAAE,EACX,KAAK,MAAM,SAAW,CAAC,KAAK,MAAM,WAAa,CAAC,KAAK,MAAM,SAC3D,YAAK,YAAYD,CAAI,EACd,KAEX,IAAME,EAAS,CACX,KAAMC,EAAW,MACjB,KAAMH,CACV,EAIA,GAHAE,EAAO,QAAU,CAAC,EAClBA,EAAO,QAAQ,SAAW,KAAK,MAAM,WAAa,GAE/B,OAAOF,EAAKA,EAAK,OAAS,CAAC,GAA1C,WAA6C,CAC7C,IAAMI,EAAK,KAAK,MACVC,EAAML,EAAK,IAAI,EACrB,KAAK,qBAAqBI,EAAIC,CAAG,EACjCH,EAAO,GAAKE,CAChB,CACA,IAAME,EAAsB,KAAK,GAAG,QAChC,KAAK,GAAG,OAAO,WACf,KAAK,GAAG,OAAO,UAAU,SAE7B,OADsB,KAAK,MAAM,WAAa,CAACA,GAAuB,CAAC,KAAK,aAGnE,KAAK,WACV,KAAK,wBAAwBJ,CAAM,EACnC,KAAK,OAAOA,CAAM,GAGlB,KAAK,WAAW,KAAKA,CAAM,GAE/B,KAAK,MAAQ,CAAC,EACP,IACX,CAIA,qBAAqBE,EAAIC,EAAK,CAC1B,IAAIE,EACJ,IAAMC,GAAWD,EAAK,KAAK,MAAM,WAAa,MAAQA,IAAO,OAASA,EAAK,KAAK,MAAM,WACtF,GAAIC,IAAY,OAAW,CACvB,KAAK,KAAKJ,CAAE,EAAIC,EAChB,MACJ,CAEA,IAAMI,EAAQ,KAAK,GAAG,aAAa,IAAM,CACrC,OAAO,KAAK,KAAKL,CAAE,EACnB,QAASM,EAAI,EAAGA,EAAI,KAAK,WAAW,OAAQA,IACpC,KAAK,WAAWA,CAAC,EAAE,KAAON,GAC1B,KAAK,WAAW,OAAOM,EAAG,CAAC,EAGnCL,EAAI,KAAK,KAAM,IAAI,MAAM,yBAAyB,CAAC,CACvD,EAAGG,CAAO,EACV,KAAK,KAAKJ,CAAE,EAAI,IAAIJ,IAAS,CAEzB,KAAK,GAAG,eAAeS,CAAK,EAC5BJ,EAAI,MAAM,KAAM,CAAC,KAAM,GAAGL,CAAI,CAAC,CACnC,CACJ,CAiBA,YAAYC,KAAOD,EAAM,CAErB,IAAMW,EAAU,KAAK,MAAM,UAAY,QAAa,KAAK,MAAM,aAAe,OAC9E,OAAO,IAAI,QAAQ,CAACC,EAASC,IAAW,CACpCb,EAAK,KAAK,CAACc,EAAMC,IACTJ,EACOG,EAAOD,EAAOC,CAAI,EAAIF,EAAQG,CAAI,EAGlCH,EAAQE,CAAI,CAE1B,EACD,KAAK,KAAKb,EAAI,GAAGD,CAAI,CACzB,CAAC,CACL,CAMA,YAAYA,EAAM,CACd,IAAIK,EACA,OAAOL,EAAKA,EAAK,OAAS,CAAC,GAAM,aACjCK,EAAML,EAAK,IAAI,GAEnB,IAAME,EAAS,CACX,GAAI,KAAK,YACT,SAAU,EACV,QAAS,GACT,KAAAF,EACA,MAAO,OAAO,OAAO,CAAE,UAAW,EAAK,EAAG,KAAK,KAAK,CACxD,EACAA,EAAK,KAAK,CAACgB,KAAQC,IACXf,IAAW,KAAK,OAAO,CAAC,EAExB,QAEac,IAAQ,KAEjBd,EAAO,SAAW,KAAK,MAAM,UAC7B,KAAK,OAAO,MAAM,EACdG,GACAA,EAAIW,CAAG,IAKf,KAAK,OAAO,MAAM,EACdX,GACAA,EAAI,KAAM,GAAGY,CAAY,GAGjCf,EAAO,QAAU,GACV,KAAK,YAAY,EAC3B,EACD,KAAK,OAAO,KAAKA,CAAM,EACvB,KAAK,YAAY,CACrB,CAOA,YAAYgB,EAAQ,GAAO,CACvB,GAAI,CAAC,KAAK,WAAa,KAAK,OAAO,SAAW,EAC1C,OAEJ,IAAMhB,EAAS,KAAK,OAAO,CAAC,EACxBA,EAAO,SAAW,CAACgB,IAGvBhB,EAAO,QAAU,GACjBA,EAAO,WACP,KAAK,MAAQA,EAAO,MACpB,KAAK,KAAK,MAAM,KAAMA,EAAO,IAAI,EACrC,CAOA,OAAOA,EAAQ,CACXA,EAAO,IAAM,KAAK,IAClB,KAAK,GAAG,QAAQA,CAAM,CAC1B,CAMA,QAAS,CACD,OAAO,KAAK,MAAQ,WACpB,KAAK,KAAMiB,GAAS,CAChB,KAAK,mBAAmBA,CAAI,CAChC,CAAC,EAGD,KAAK,mBAAmB,KAAK,IAAI,CAEzC,CAOA,mBAAmBA,EAAM,CACrB,KAAK,OAAO,CACR,KAAMhB,EAAW,QACjB,KAAM,KAAK,KACL,OAAO,OAAO,CAAE,IAAK,KAAK,KAAM,OAAQ,KAAK,WAAY,EAAGgB,CAAI,EAChEA,CACV,CAAC,CACL,CAOA,QAAQH,EAAK,CACJ,KAAK,WACN,KAAK,aAAa,gBAAiBA,CAAG,CAE9C,CAQA,QAAQI,EAAQC,EAAa,CACzB,KAAK,UAAY,GACjB,OAAO,KAAK,GACZ,KAAK,aAAa,aAAcD,EAAQC,CAAW,CACvD,CAOA,SAASnB,EAAQ,CAEb,GADsBA,EAAO,MAAQ,KAAK,IAG1C,OAAQA,EAAO,KAAM,CACjB,KAAKC,EAAW,QACRD,EAAO,MAAQA,EAAO,KAAK,IAC3B,KAAK,UAAUA,EAAO,KAAK,IAAKA,EAAO,KAAK,GAAG,EAG/C,KAAK,aAAa,gBAAiB,IAAI,MAAM,2LAA2L,CAAC,EAE7O,MACJ,KAAKC,EAAW,MAChB,KAAKA,EAAW,aACZ,KAAK,QAAQD,CAAM,EACnB,MACJ,KAAKC,EAAW,IAChB,KAAKA,EAAW,WACZ,KAAK,MAAMD,CAAM,EACjB,MACJ,KAAKC,EAAW,WACZ,KAAK,aAAa,EAClB,MACJ,KAAKA,EAAW,cACZ,KAAK,QAAQ,EACb,IAAMa,EAAM,IAAI,MAAMd,EAAO,KAAK,OAAO,EAEzCc,EAAI,KAAOd,EAAO,KAAK,KACvB,KAAK,aAAa,gBAAiBc,CAAG,EACtC,KACR,CACJ,CAOA,QAAQd,EAAQ,CACZ,IAAMF,EAAOE,EAAO,MAAQ,CAAC,EACjBA,EAAO,IAAf,MACAF,EAAK,KAAK,KAAK,IAAIE,EAAO,EAAE,CAAC,EAE7B,KAAK,UACL,KAAK,UAAUF,CAAI,EAGnB,KAAK,cAAc,KAAK,OAAO,OAAOA,CAAI,CAAC,CAEnD,CACA,UAAUA,EAAM,CACZ,GAAI,KAAK,eAAiB,KAAK,cAAc,OAAQ,CACjD,IAAMsB,EAAY,KAAK,cAAc,MAAM,EAC3C,QAAWC,KAAYD,EACnBC,EAAS,MAAM,KAAMvB,CAAI,CAEjC,CACA,MAAM,KAAK,MAAM,KAAMA,CAAI,EACvB,KAAK,MAAQA,EAAK,QAAU,OAAOA,EAAKA,EAAK,OAAS,CAAC,GAAM,WAC7D,KAAK,YAAcA,EAAKA,EAAK,OAAS,CAAC,EAE/C,CAMA,IAAII,EAAI,CACJ,IAAMoB,EAAO,KACTC,EAAO,GACX,OAAO,YAAazB,EAAM,CAElByB,IAEJA,EAAO,GACPD,EAAK,OAAO,CACR,KAAMrB,EAAW,IACjB,GAAIC,EACJ,KAAMJ,CACV,CAAC,EACL,CACJ,CAOA,MAAME,EAAQ,CACV,IAAMG,EAAM,KAAK,KAAKH,EAAO,EAAE,EACZ,OAAOG,GAAtB,aACAA,EAAI,MAAM,KAAMH,EAAO,IAAI,EAC3B,OAAO,KAAK,KAAKA,EAAO,EAAE,EAIlC,CAMA,UAAUE,EAAIsB,EAAK,CACf,KAAK,GAAKtB,EACV,KAAK,UAAYsB,GAAO,KAAK,OAASA,EACtC,KAAK,KAAOA,EACZ,KAAK,UAAY,GACjB,KAAK,aAAa,EAClB,KAAK,aAAa,SAAS,EAC3B,KAAK,YAAY,EAAI,CACzB,CAMA,cAAe,CACX,KAAK,cAAc,QAAS1B,GAAS,KAAK,UAAUA,CAAI,CAAC,EACzD,KAAK,cAAgB,CAAC,EACtB,KAAK,WAAW,QAASE,GAAW,CAChC,KAAK,wBAAwBA,CAAM,EACnC,KAAK,OAAOA,CAAM,CACtB,CAAC,EACD,KAAK,WAAa,CAAC,CACvB,CAMA,cAAe,CACX,KAAK,QAAQ,EACb,KAAK,QAAQ,sBAAsB,CACvC,CAQA,SAAU,CACF,KAAK,OAEL,KAAK,KAAK,QAASyB,GAAeA,EAAW,CAAC,EAC9C,KAAK,KAAO,QAEhB,KAAK,GAAG,SAAY,IAAI,CAC5B,CAiBA,YAAa,CACT,OAAI,KAAK,WACL,KAAK,OAAO,CAAE,KAAMxB,EAAW,UAAW,CAAC,EAG/C,KAAK,QAAQ,EACT,KAAK,WAEL,KAAK,QAAQ,sBAAsB,EAEhC,IACX,CAMA,OAAQ,CACJ,OAAO,KAAK,WAAW,CAC3B,CAUA,SAASyB,EAAU,CACf,YAAK,MAAM,SAAWA,EACf,IACX,CAUA,IAAI,UAAW,CACX,YAAK,MAAM,SAAW,GACf,IACX,CAcA,QAAQpB,EAAS,CACb,YAAK,MAAM,QAAUA,EACd,IACX,CAYA,MAAMe,EAAU,CACZ,YAAK,cAAgB,KAAK,eAAiB,CAAC,EAC5C,KAAK,cAAc,KAAKA,CAAQ,EACzB,IACX,CAYA,WAAWA,EAAU,CACjB,YAAK,cAAgB,KAAK,eAAiB,CAAC,EAC5C,KAAK,cAAc,QAAQA,CAAQ,EAC5B,IACX,CAmBA,OAAOA,EAAU,CACb,GAAI,CAAC,KAAK,cACN,OAAO,KAEX,GAAIA,EAAU,CACV,IAAMD,EAAY,KAAK,cACvB,QAAS,EAAI,EAAG,EAAIA,EAAU,OAAQ,IAClC,GAAIC,IAAaD,EAAU,CAAC,EACxB,OAAAA,EAAU,OAAO,EAAG,CAAC,EACd,IAGnB,MAEI,KAAK,cAAgB,CAAC,EAE1B,OAAO,IACX,CAKA,cAAe,CACX,OAAO,KAAK,eAAiB,CAAC,CAClC,CAcA,cAAcC,EAAU,CACpB,YAAK,sBAAwB,KAAK,uBAAyB,CAAC,EAC5D,KAAK,sBAAsB,KAAKA,CAAQ,EACjC,IACX,CAcA,mBAAmBA,EAAU,CACzB,YAAK,sBAAwB,KAAK,uBAAyB,CAAC,EAC5D,KAAK,sBAAsB,QAAQA,CAAQ,EACpC,IACX,CAmBA,eAAeA,EAAU,CACrB,GAAI,CAAC,KAAK,sBACN,OAAO,KAEX,GAAIA,EAAU,CACV,IAAMD,EAAY,KAAK,sBACvB,QAAS,EAAI,EAAG,EAAIA,EAAU,OAAQ,IAClC,GAAIC,IAAaD,EAAU,CAAC,EACxB,OAAAA,EAAU,OAAO,EAAG,CAAC,EACd,IAGnB,MAEI,KAAK,sBAAwB,CAAC,EAElC,OAAO,IACX,CAKA,sBAAuB,CACnB,OAAO,KAAK,uBAAyB,CAAC,CAC1C,CAQA,wBAAwBpB,EAAQ,CAC5B,GAAI,KAAK,uBAAyB,KAAK,sBAAsB,OAAQ,CACjE,IAAMoB,EAAY,KAAK,sBAAsB,MAAM,EACnD,QAAWC,KAAYD,EACnBC,EAAS,MAAM,KAAMrB,EAAO,IAAI,CAExC,CACJ,CACJ,EC1zBO,SAAS2B,EAAQC,EAAM,CAC1BA,EAAOA,GAAQ,CAAC,EAChB,KAAK,GAAKA,EAAK,KAAO,IACtB,KAAK,IAAMA,EAAK,KAAO,IACvB,KAAK,OAASA,EAAK,QAAU,EAC7B,KAAK,OAASA,EAAK,OAAS,GAAKA,EAAK,QAAU,EAAIA,EAAK,OAAS,EAClE,KAAK,SAAW,CACpB,CAOAD,EAAQ,UAAU,SAAW,UAAY,CACrC,IAAIE,EAAK,KAAK,GAAK,KAAK,IAAI,KAAK,OAAQ,KAAK,UAAU,EACxD,GAAI,KAAK,OAAQ,CACb,IAAIC,EAAO,KAAK,OAAO,EACnBC,EAAY,KAAK,MAAMD,EAAO,KAAK,OAASD,CAAE,EAClDA,EAAM,KAAK,MAAMC,EAAO,EAAE,EAAI,EAA2BD,EAAKE,EAAtBF,EAAKE,CACjD,CACA,OAAO,KAAK,IAAIF,EAAI,KAAK,GAAG,EAAI,CACpC,EAMAF,EAAQ,UAAU,MAAQ,UAAY,CAClC,KAAK,SAAW,CACpB,EAMAA,EAAQ,UAAU,OAAS,SAAUK,EAAK,CACtC,KAAK,GAAKA,CACd,EAMAL,EAAQ,UAAU,OAAS,SAAUM,EAAK,CACtC,KAAK,IAAMA,CACf,EAMAN,EAAQ,UAAU,UAAY,SAAUO,EAAQ,CAC5C,KAAK,OAASA,CAClB,EC3DO,IAAMC,EAAN,cAAsBC,CAAQ,CACjC,YAAYC,EAAKC,EAAM,CACnB,IAAIC,EACJ,MAAM,EACN,KAAK,KAAO,CAAC,EACb,KAAK,KAAO,CAAC,EACTF,GAAoB,OAAOA,GAApB,WACPC,EAAOD,EACPA,EAAM,QAEVC,EAAOA,GAAQ,CAAC,EAChBA,EAAK,KAAOA,EAAK,MAAQ,aACzB,KAAK,KAAOA,EACZE,EAAsB,KAAMF,CAAI,EAChC,KAAK,aAAaA,EAAK,eAAiB,EAAK,EAC7C,KAAK,qBAAqBA,EAAK,sBAAwB,GAAQ,EAC/D,KAAK,kBAAkBA,EAAK,mBAAqB,GAAI,EACrD,KAAK,qBAAqBA,EAAK,sBAAwB,GAAI,EAC3D,KAAK,qBAAqBC,EAAKD,EAAK,uBAAyB,MAAQC,IAAO,OAASA,EAAK,EAAG,EAC7F,KAAK,QAAU,IAAIE,EAAQ,CACvB,IAAK,KAAK,kBAAkB,EAC5B,IAAK,KAAK,qBAAqB,EAC/B,OAAQ,KAAK,oBAAoB,CACrC,CAAC,EACD,KAAK,QAAgBH,EAAK,SAAb,KAAuB,IAAQA,EAAK,OAAO,EACxD,KAAK,YAAc,SACnB,KAAK,IAAMD,EACX,IAAMK,EAAUJ,EAAK,QAAUK,GAC/B,KAAK,QAAU,IAAID,EAAQ,QAC3B,KAAK,QAAU,IAAIA,EAAQ,QAC3B,KAAK,aAAeJ,EAAK,cAAgB,GACrC,KAAK,cACL,KAAK,KAAK,CAClB,CACA,aAAaM,EAAG,CACZ,OAAK,UAAU,QAEf,KAAK,cAAgB,CAAC,CAACA,EAChB,MAFI,KAAK,aAGpB,CACA,qBAAqBA,EAAG,CACpB,OAAIA,IAAM,OACC,KAAK,uBAChB,KAAK,sBAAwBA,EACtB,KACX,CACA,kBAAkBA,EAAG,CACjB,IAAIL,EACJ,OAAIK,IAAM,OACC,KAAK,oBAChB,KAAK,mBAAqBA,GACzBL,EAAK,KAAK,WAAa,MAAQA,IAAO,QAAkBA,EAAG,OAAOK,CAAC,EAC7D,KACX,CACA,oBAAoBA,EAAG,CACnB,IAAIL,EACJ,OAAIK,IAAM,OACC,KAAK,sBAChB,KAAK,qBAAuBA,GAC3BL,EAAK,KAAK,WAAa,MAAQA,IAAO,QAAkBA,EAAG,UAAUK,CAAC,EAChE,KACX,CACA,qBAAqBA,EAAG,CACpB,IAAIL,EACJ,OAAIK,IAAM,OACC,KAAK,uBAChB,KAAK,sBAAwBA,GAC5BL,EAAK,KAAK,WAAa,MAAQA,IAAO,QAAkBA,EAAG,OAAOK,CAAC,EAC7D,KACX,CACA,QAAQA,EAAG,CACP,OAAK,UAAU,QAEf,KAAK,SAAWA,EACT,MAFI,KAAK,QAGpB,CAOA,sBAAuB,CAEf,CAAC,KAAK,eACN,KAAK,eACL,KAAK,QAAQ,WAAa,GAE1B,KAAK,UAAU,CAEvB,CAQA,KAAKC,EAAI,CACL,GAAI,CAAC,KAAK,YAAY,QAAQ,MAAM,EAChC,OAAO,KACX,KAAK,OAAS,IAAIC,EAAO,KAAK,IAAK,KAAK,IAAI,EAC5C,IAAMC,EAAS,KAAK,OACdC,EAAO,KACb,KAAK,YAAc,UACnB,KAAK,cAAgB,GAErB,IAAMC,EAAiBC,EAAGH,EAAQ,OAAQ,UAAY,CAClDC,EAAK,OAAO,EACZH,GAAMA,EAAG,CACb,CAAC,EACKM,EAAWC,GAAQ,CACrB,KAAK,QAAQ,EACb,KAAK,YAAc,SACnB,KAAK,aAAa,QAASA,CAAG,EAC1BP,EACAA,EAAGO,CAAG,EAIN,KAAK,qBAAqB,CAElC,EAEMC,EAAWH,EAAGH,EAAQ,QAASI,CAAO,EAC5C,GAAc,KAAK,WAAf,GAAyB,CACzB,IAAMG,EAAU,KAAK,SAEfC,EAAQ,KAAK,aAAa,IAAM,CAClCN,EAAe,EACfE,EAAQ,IAAI,MAAM,SAAS,CAAC,EAC5BJ,EAAO,MAAM,CACjB,EAAGO,CAAO,EACN,KAAK,KAAK,WACVC,EAAM,MAAM,EAEhB,KAAK,KAAK,KAAK,IAAM,CACjB,KAAK,eAAeA,CAAK,CAC7B,CAAC,CACL,CACA,YAAK,KAAK,KAAKN,CAAc,EAC7B,KAAK,KAAK,KAAKI,CAAQ,EAChB,IACX,CAOA,QAAQR,EAAI,CACR,OAAO,KAAK,KAAKA,CAAE,CACvB,CAMA,QAAS,CAEL,KAAK,QAAQ,EAEb,KAAK,YAAc,OACnB,KAAK,aAAa,MAAM,EAExB,IAAME,EAAS,KAAK,OACpB,KAAK,KAAK,KAAKG,EAAGH,EAAQ,OAAQ,KAAK,OAAO,KAAK,IAAI,CAAC,EAAGG,EAAGH,EAAQ,OAAQ,KAAK,OAAO,KAAK,IAAI,CAAC,EAAGG,EAAGH,EAAQ,QAAS,KAAK,QAAQ,KAAK,IAAI,CAAC,EAAGG,EAAGH,EAAQ,QAAS,KAAK,QAAQ,KAAK,IAAI,CAAC,EAAGG,EAAG,KAAK,QAAS,UAAW,KAAK,UAAU,KAAK,IAAI,CAAC,CAAC,CAC7P,CAMA,QAAS,CACL,KAAK,aAAa,MAAM,CAC5B,CAMA,OAAOM,EAAM,CACT,GAAI,CACA,KAAK,QAAQ,IAAIA,CAAI,CACzB,OACOC,EAAG,CACN,KAAK,QAAQ,cAAeA,CAAC,CACjC,CACJ,CAMA,UAAUC,EAAQ,CAEdC,EAAS,IAAM,CACX,KAAK,aAAa,SAAUD,CAAM,CACtC,EAAG,KAAK,YAAY,CACxB,CAMA,QAAQN,EAAK,CACT,KAAK,aAAa,QAASA,CAAG,CAClC,CAOA,OAAOQ,EAAKtB,EAAM,CACd,IAAIS,EAAS,KAAK,KAAKa,CAAG,EAC1B,OAAKb,EAII,KAAK,cAAgB,CAACA,EAAO,QAClCA,EAAO,QAAQ,GAJfA,EAAS,IAAID,EAAO,KAAMc,EAAKtB,CAAI,EACnC,KAAK,KAAKsB,CAAG,EAAIb,GAKdA,CACX,CAOA,SAASA,EAAQ,CACb,IAAMc,EAAO,OAAO,KAAK,KAAK,IAAI,EAClC,QAAWD,KAAOC,EAEd,GADe,KAAK,KAAKD,CAAG,EACjB,OACP,OAGR,KAAK,OAAO,CAChB,CAOA,QAAQF,EAAQ,CACZ,IAAMI,EAAiB,KAAK,QAAQ,OAAOJ,CAAM,EACjD,QAAS,EAAI,EAAG,EAAII,EAAe,OAAQ,IACvC,KAAK,OAAO,MAAMA,EAAe,CAAC,EAAGJ,EAAO,OAAO,CAE3D,CAMA,SAAU,CACN,KAAK,KAAK,QAASK,GAAeA,EAAW,CAAC,EAC9C,KAAK,KAAK,OAAS,EACnB,KAAK,QAAQ,QAAQ,CACzB,CAMA,QAAS,CACL,KAAK,cAAgB,GACrB,KAAK,cAAgB,GACrB,KAAK,QAAQ,cAAc,EACvB,KAAK,QACL,KAAK,OAAO,MAAM,CAC1B,CAMA,YAAa,CACT,OAAO,KAAK,OAAO,CACvB,CAMA,QAAQC,EAAQC,EAAa,CACzB,KAAK,QAAQ,EACb,KAAK,QAAQ,MAAM,EACnB,KAAK,YAAc,SACnB,KAAK,aAAa,QAASD,EAAQC,CAAW,EAC1C,KAAK,eAAiB,CAAC,KAAK,eAC5B,KAAK,UAAU,CAEvB,CAMA,WAAY,CACR,GAAI,KAAK,eAAiB,KAAK,cAC3B,OAAO,KACX,IAAMjB,EAAO,KACb,GAAI,KAAK,QAAQ,UAAY,KAAK,sBAC9B,KAAK,QAAQ,MAAM,EACnB,KAAK,aAAa,kBAAkB,EACpC,KAAK,cAAgB,OAEpB,CACD,IAAMkB,EAAQ,KAAK,QAAQ,SAAS,EACpC,KAAK,cAAgB,GACrB,IAAMX,EAAQ,KAAK,aAAa,IAAM,CAC9BP,EAAK,gBAET,KAAK,aAAa,oBAAqBA,EAAK,QAAQ,QAAQ,EAExD,CAAAA,EAAK,eAETA,EAAK,KAAMI,GAAQ,CACXA,GACAJ,EAAK,cAAgB,GACrBA,EAAK,UAAU,EACf,KAAK,aAAa,kBAAmBI,CAAG,GAGxCJ,EAAK,YAAY,CAEzB,CAAC,EACL,EAAGkB,CAAK,EACJ,KAAK,KAAK,WACVX,EAAM,MAAM,EAEhB,KAAK,KAAK,KAAK,IAAM,CACjB,KAAK,eAAeA,CAAK,CAC7B,CAAC,CACL,CACJ,CAMA,aAAc,CACV,IAAMY,EAAU,KAAK,QAAQ,SAC7B,KAAK,cAAgB,GACrB,KAAK,QAAQ,MAAM,EACnB,KAAK,aAAa,YAAaA,CAAO,CAC1C,CACJ,EC/VA,IAAMC,GAAQ,CAAC,EACf,SAASC,EAAOC,EAAKC,EAAM,CACnB,OAAOD,GAAQ,WACfC,EAAOD,EACPA,EAAM,QAEVC,EAAOA,GAAQ,CAAC,EAChB,IAAMC,EAASC,GAAIH,EAAKC,EAAK,MAAQ,YAAY,EAC3CG,EAASF,EAAO,OAChBG,EAAKH,EAAO,GACZI,EAAOJ,EAAO,KACdK,EAAgBT,GAAMO,CAAE,GAAKC,KAAQR,GAAMO,CAAE,EAAE,KAC/CG,EAAgBP,EAAK,UACvBA,EAAK,sBAAsB,GACjBA,EAAK,YAAf,IACAM,EACAE,EACJ,OAAID,EACAC,EAAK,IAAIC,EAAQN,EAAQH,CAAI,GAGxBH,GAAMO,CAAE,IACTP,GAAMO,CAAE,EAAI,IAAIK,EAAQN,EAAQH,CAAI,GAExCQ,EAAKX,GAAMO,CAAE,GAEbH,EAAO,OAAS,CAACD,EAAK,QACtBA,EAAK,MAAQC,EAAO,UAEjBO,EAAG,OAAOP,EAAO,KAAMD,CAAI,CACtC,CAGA,OAAO,OAAOF,EAAQ,CAClB,QAAAW,EACA,OAAAC,EACA,GAAIZ,EACJ,QAASA,CACb,CAAC,E/BqBD,IAAMa,GAAU,YAMVC,GAAa,CAAE,QAAS,KAAK,SAAUC,EAAO,CAAE,CAAC,EAKnDC,EAAWF,GAAa,EAAI,EAW1BG,EAAa,CAEf,MAAO,CACH,IAAK,iCACL,OAAQ,eACR,IAAK,UACL,QAAS,OACb,EAEA,KAAM,CACF,IAAK,wCACL,OAAQ,sBACR,IAAK,UACL,QAAS,MACb,EAEA,KAAM,CACF,IAAK,kCACL,OAAQ,eACR,IAAK,UACL,QAAS,MACb,EAEA,IAAK,CACD,IAAK,mCACL,OAAQ,eACR,IAAK,GACL,QAAS,KACb,EAEA,MAAO,CACH,IAAK,wCACL,OAAQ,qBACR,IAAK,GACL,QAAS,OACb,EAEA,MAAO,CACH,IAAK,qCACL,OAAQ,kBACR,IAAK,GACL,QAAS,KACb,EAEA,MAAO,CAAC,QAAS,OAAQ,OAAQ,MAAO,QAAS,OAAO,EACxD,MAAO,kBACP,KAAM,uCACN,MAAO,+EACX,EAIA,SAASC,GAAM,CAEX,IAAMC,EAAO,MAAM,UAAU,MAAM,KAAK,SAAS,EAG7CC,EAAQD,EAAK,MAAM,EACnBE,EACJ,OAAQD,EAAO,CACX,IAAK,QACL,IAAK,GAAG,CACJ,GAAIJ,EAAW,EAAG,MAClBI,EAAQ,EACRC,EAAW,QACX,KACJ,CAEA,IAAK,QACL,IAAK,GAAG,CACJ,GAAIL,EAAW,EAAG,MAClBI,EAAQ,EACRC,EAAW,QACX,KACJ,CAEA,IAAK,MACL,IAAK,GAAG,CACJ,GAAIL,EAAW,EAAG,MAClBI,EAAQ,EACRC,EAAW,MACX,KACJ,CAEA,IAAK,OACL,IAAK,GACL,IAAK,GAAG,CACJ,GAAIL,EAAW,EAAG,MAClBI,EAAQ,EACRC,EAAW,OACX,KACJ,CAEA,IAAK,OACL,IAAK,GAAG,CACJ,GAAIL,EAAW,EAAG,MAClBI,EAAQ,EACRC,EAAW,OACX,KACJ,CAEA,IAAK,QACL,IAAK,MACL,IAAK,GAAG,CACJ,GAAIL,EAAW,EAAG,MAClBI,EAAQ,EACRC,EAAW,QACX,KACJ,CAEA,QAAS,CACLD,EAAQ,GACR,KACJ,CAEJ,CAGA,GAAIC,IAAa,OAAW,OAAO,UAAY,CAAE,EAGjD,IAAMC,EAAOH,EAAK,MAAM,EAGxB,OAAO,SAAS,UAAU,KAAK,KAC3B,QAAQF,EAAWI,CAAQ,EAAE,OAAO,EACpC,QACA,KAAK,OAAAJ,EAAWI,CAAQ,EAAE,KAAM,OAAAA,EAAQ,QAAO,OAAAC,EAAI,KAAK,GAAG,OAAAL,EAAW,MAAK,KAAI,OAAAA,EAAWI,CAAQ,EAAE,KAAO,GAAG,OAAAJ,EAAW,KAAI,KAAI,OAAAA,EAAWI,CAAQ,EAAE,QACtJ,GAAGF,CACP,CACJ,CAiCA,SAASI,GAAeC,EAAOC,EAAU,CAChCA,IAAUA,EAAW,WACtB,OAAOA,GAAa,WACpBP,EAAI,OAAQ,6BAA8B,yDAAyD,cAAOO,EAAU,EAAE,EACtHA,EAAW,WAEf,IAAIC,EAAM,CAAC,EACX,OAAKF,IAAU,MAAQA,EAAM,YAAY,OAAS,SAC9CE,EAAMF,EACCA,IAAU,OACjBE,EAAID,CAAQ,EAAID,GAEbE,CACX,CAQA,SAASC,IAAU,CASf,OAPY,IADE,MAAM,UAAU,MAAM,KAAK,SAAS,EAC1B,IAAI,SAAUC,EAAG,CACrC,OAAOA,EAAE,QAAQ,WAAY,EAAE,CACnC,CAAC,EACI,OAAO,SAAUA,EAAG,CACjB,OAAOA,CACX,CAAC,EACA,KAAK,GAAG,GACF,QAAQ,KAAM,GAAG,CAChC,CAMA,SAASC,GAAgBC,EAAM,CAC3B,GAAIA,IAAS,OACTA,EAAO,+CAEP,IAAI,CACAA,EAAO,KAAK,UAAUA,EAAM,OAAW,CAAC,EAExCA,EAAOA,EAAK,QAAQ,wGAAyG,SAAUC,EAAO,CAC1I,IAAIC,EAAM,SACV,MAAK,KAAM,KAAKD,CAAK,EACZ,KAAM,KAAKA,CAAK,EACjBC,EAAM,MAENA,EAAM,SAEF,aAAc,KAAKD,CAAK,EAChCC,EAAM,UACE,OAAQ,KAAKD,CAAK,IAC1BC,EAAM,QAEH,gBAAgB,OAAAA,EAAG,MAAK,OAAAD,EAAK,UACxC,CAAC,CACL,OAAS,EAAG,CACRD,EAAO,2BAA2B,SAAE,QACxC,CAEJ,OAAOA,CACX,CAGA,IAAMG,EAAM,IAAI,GAAAC,QAAG,OAAQhB,EAAKW,EAAe,EA7T/CM,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,GAAAC,EAAAC,EAAAC,EAAAC,EAAAC,GAAAC,GAAAC,GAAAC,EAoUaC,IAAMd,EAAA,KAAU,CAogEzB,aAAc,CAv/Dde,EAAA,oBAAe,GAIfA,EAAA,mBAAc,CAAE,QAAS,mBAAoB,OAAQ,kBAAmB,OAAQ,WAAY,GAE5FC,EAAA,KAAAf,EAAA,QAEAe,EAAA,KAAAd,EAAuB,CAAC,GAExBc,EAAA,KAAAb,EAA4B,CAAC,GAE7BY,EAAA,aAAQ,IAERA,EAAA,mBAIAC,EAAA,KAAAZ,EAAW,MAEXY,EAAA,KAAAX,GAAA,QAEAU,EAAA,gBAEAA,EAAA,sBAEAC,EAAA,KAAAV,EAAa,IAEbU,EAAA,KAAAT,EAAgB,IAEhBS,EAAA,KAAAR,EAAwB,QAExBQ,EAAA,KAAAP,EAAe,IAEfO,EAAA,KAAAN,GAAe,CACX,MAAO,MAAO,WAAY,UAAW,aAAc,QAAS,UAAW,UAAW,gBAClF,oBAAqB,gBACzB,GAGAM,EAAA,KAAAL,GAAe,CAAC,GAGhBK,EAAA,KAAAJ,GAAc,CACV,OAAQ,CAAE,IAAO,SAAU,MAAS,UAAW,YAAe,wBAA0B,EACxF,YAAa,CAAE,IAAO,cAAe,MAAS,uBAAwB,YAAe,yBAA2B,EAChH,aAAc,CAAE,IAAO,eAAgB,MAAS,kBAAmB,YAAe,qEAAuE,EAEzJ,SAAU,CAAE,IAAO,WAAY,MAAS,YAAa,YAAe,kFAAoF,EACxJ,MAAO,CAAE,IAAO,QAAS,MAAS,iBAAkB,YAAe,gDAAmD,EACtH,QAAS,CAAE,IAAO,UAAW,MAAS,UAAW,YAAe,yBAA2B,EAC3F,aAAc,CAAE,IAAO,eAAgB,MAAS,eAAgB,YAAe,kFAAsF,EACrK,SAAU,CAAE,IAAO,WAAY,MAAS,YAAa,YAAe,0BAA4B,EAEhG,YAAa,CAAE,IAAO,cAAe,MAAS,gBAAiB,YAAe,8DAAgE,EAE9I,YAAa,CAAE,IAAO,cAAe,MAAS,eAAgB,YAAe,kDAAoD,EAEjI,SAAU,CAAE,IAAO,WAAY,MAAS,cAAe,YAAe,wDAA0D,EAChI,aAAc,CAAE,IAAO,eAAgB,MAAS,kBAAmB,YAAe,8DAAgE,EAClJ,aAAc,CAAE,IAAO,eAAgB,MAAS,sBAAuB,YAAe,uDAAyD,EAC/I,iBAAkB,CAAE,IAAO,mBAAoB,MAAS,0BAA2B,YAAe,6DAA+D,EACjK,WAAY,CAAE,IAAO,aAAc,MAAS,kBAAmB,YAAe,8HAAgI,EAC9M,MAAO,CAAE,IAAO,QAAS,MAAS,gBAAiB,YAAe,qEAAuE,EAEzI,QAAS,CAAE,IAAO,UAAW,MAAS,gCAAiC,YAAe,2GAA6G,EACnM,QAAS,CAAE,IAAO,UAAW,MAAS,2BAA4B,YAAe,oDAAsD,EACvI,iBAAkB,CAAE,IAAO,mBAAoB,MAAS,2BAA4B,YAAe,2EAA6E,CACpL,GAGAI,EAAA,KAAAH,EAAe,CAAC,GAUhBE,EAAA,gBAAW,IAEXA,EAAA,eAAU,CAAC,GAEXA,EAAA,eAAU,CAAC,GAEXA,EAAA,mBAAc,IAEdA,EAAA,iBAAY,IAEZA,EAAA,mBAAc,IAEdA,EAAA,WAAM,CAAC,GAEPA,EAAA,gBAAW,GAEXA,EAAA,oBAAe,GAEfA,EAAA,oBAAe,GAEfA,EAAA,wBAAmB,GAEnBA,EAAA,cAAS,UAAU,QAEnBA,EAAA,mBAAc,CAAC,GAEfA,EAAA,eAAU,CAAC,GAEXA,EAAA,wBAAmB,MAEnBA,EAAA,mBAAc,MAEdA,EAAA,aAAQ,IAERA,EAAA,gBAAW,MAEXA,EAAA,cAAS,IAETA,EAAA,gBAAW,IAEXA,EAAA,eAAU,SAAS,MAQnBA,EAAA,kBAAa,IAIbA,EAAA,cAIAA,EAAA,qBAAgB,IAChBA,EAAA,oBAAe,IACfA,EAAA,mBAAc,IACdA,EAAA,cAAS,IACTA,EAAA,mBAAc,KACdA,EAAA,eAAU,KACVA,EAAA,mBAAc,QACdA,EAAA,eAAU,IACVA,EAAA,qBAAgB,CACZ,KAAM,KAAK,OACX,WAAY,CAAC,UAAW,WAAW,EACnC,KAAM,CACF,cAAerC,GACf,SAAU,KAAK,SACf,SAAU,OAAO,SAAS,SAC1B,UAAW,OAAO,YAAY,IAAI,gBAAgB,SAAS,MAAM,CAAC,EAClE,SAAU,OACV,MAAO,OACP,YAAa,MACjB,EACA,iBAAkB,CAEd,QAAS,CACL,aAAc,CACV,aAAc,GAAG,OAAAsB,EAAI,MAAM,YAAW,MAAK,OAAAA,EAAI,MAAM,KAAI,MAAK,OAAAA,EAAI,MAAM,QAAO,MAAK,YAAK,SAC7F,CACJ,CACJ,CACJ,GAu5DI,GApEAjB,EAAI,QAAS,kBAAmB,UAAU,EAAE,EAG5C,OAAO,iBAAiB,UAAY,GAAM,CACtC,KAAK,IAAI,SAAU,EAAK,EACxB,KAAK,IAAI,cAAe,EAAK,EAC7BA,EAAI,OAAQ,UAAW,2BAA2B,EAAE,CACxD,CAAC,EACD,OAAO,iBAAiB,SAAW,GAAM,CACrC,KAAK,IAAI,SAAU,EAAI,EACvBA,EAAI,OAAQ,UAAW,wBAAwB,EAAE,EACjD,KAAK,cAAc,CACvB,CAAC,EAED,SAAS,OAAO,MAAM,GAAG,EAAE,QAASkC,GAAM,CACtC,IAAMC,EAASD,EAAE,MAAM,GAAG,EAC1B,KAAK,QAAQC,EAAO,CAAC,EAAE,KAAK,CAAC,EAAIA,EAAO,CAAC,CAC7C,CAAC,EAGD,KAAK,IAAI,WAAY,KAAK,QAAQ,qBAAqB,CAAC,EACxDnC,EAAI,QAAS,kBAAmB,cAAe,KAAK,QAAQ,EAAE,EAK9D,KAAK,IAAI,QAAS,OAAO,eAAe,QAAQ,OAAO,CAAC,EACnD,KAAK,QACN,KAAK,IAAI,QAAS,IAAI,YAAK,MAAM,KAAK,OAAO,EAAI,GAAO,EAAG,EAC3D,OAAO,eAAe,QAAQ,QAAS,KAAK,KAAK,GAWrD,SAAS,iBAAiB,OAAQ,IAAM,CACpC,KAAK,IAAI,YAAa,EAAI,CAC9B,CAAC,EACD,SAAS,iBAAiB,mBAAoB,IAAM,CAEhD,KAAK,IAAI,YAAa,SAAS,kBAAoB,SAAS,EAC5D,KAAK,SAAS,CAAE,cAAe,aAAc,UAAW,KAAK,SAAU,CAAC,CAI5E,CAAC,EAGD,SAAS,iBAAiB,4BAA8BoC,GAAU,CACzDC,EAAA,KAAKb,IAGNY,EAAM,OAAO,QAAQC,EAAA,KAAKR,MAE1B,SAAS,cAAc,oBAAoB,OAAAO,EAAM,OAAO,KAAI,KAAI,EAAE,UAAY,KAAK,UAAUA,EAAM,OAAO,KAAK,EAEvH,CAAC,EAED,KAAK,IAAI,cAAe,KAAK,gBAAgB,CAAC,EAK1C,sBAAuB,KAAK,QAC5B,KAAK,IAAI,eAAgB,KAAK,QAAQ,mBAAmB,CAAC,EAC1DpC,EAAI,QAAS,kBAAmB,kCAAkC,YAAK,aAAY,IAAG,EAAE,MACrF,CAEH,IAAMsC,EAAW,OAAO,SAAS,SAAS,MAAM,GAAG,EAAE,OAAO,SAAU,EAAG,CAAE,OAAO,EAAE,KAAK,IAAM,EAAG,CAAC,EAE/FA,EAAS,OAAS,GAAKA,EAASA,EAAS,OAAS,CAAC,EAAE,SAAS,OAAO,GAAGA,EAAS,IAAI,EACzFA,EAAS,IAAI,EACb,KAAK,IAAI,eAAgB,IAAI,OAAAA,EAAS,KAAK,GAAG,EAAG,EACjDtC,EAAI,QAAS,oBAAqB,uCAAuC,YAAK,aAAY,mDAAkD,EAAE,CAClJ,CACA,KAAK,IAAI,SAAUS,GAAQ,KAAK,aAAcQ,EAAI,MAAM,YAAa,SAAU,WAAW,CAAC,EAC3FjB,EAAI,QAAS,kBAAmB,YAAY,YAAK,OAAM,IAAG,EAAE,EAK5D,KAAK,IAAI,WAAY,OAAO,SAAS,SAAS,QAAQ,GAAG,YAAK,YAAW,KAAK,EAAE,CAAC,EAC5E,KAAK,SAAS,SAAS,GAAG,GAAI,KAAK,IAAI,WAAY,GAAG,YAAK,SAAQ,aAAY,EAC/E,KAAK,WAAa,IAAK,KAAK,IAAI,WAAY,YAAY,EAG7D,GAAI,CACA,IAAMuC,EAAe,KAAK,SAAS,kBAAkB,EACjD,OAAO,KAAKA,CAAY,EAAE,OAAS,GACnC,OAAO,KAAKA,CAAY,EAAE,QAAUC,GAAO,CACvC,KAAK,IAAIA,EAAI,KAAK,SAASA,CAAE,CAAC,CAClC,CAAC,CAET,MAAY,CAAC,CAEb,KAAK,qBAAqB,+BAA+B,EAEzDxC,EAAI,QAAS,kBAAmB,QAAQ,EAAE,CAC9C,CAl7DA,IAAI,SAASE,EAAO,CAAEJ,EAAWI,EAAO,QAAQ,IAAI,6BAAyB,GAAG,OAAAH,EAAW,MAAK,KAAI,OAAAA,EAAW,KAAK,KAAO,GAAG,OAAAA,EAAW,KAAI,KAAI,OAAAA,EAAW,KAAK,QAAU,UAAU,OAAAG,EAAK,MAAK,OAAAH,EAAW,MAAMG,CAAK,EAAC,IAAG,CAA6B,CACtP,IAAI,UAAW,CAAE,OAAOJ,CAAS,CAEjC,IAAI,MAAO,CAAE,OAAOmB,EAAI,KAAM,CAW9B,IAAIwB,EAAMC,EAAKC,EAAQ,GAAOC,EAAW,GAAO,CAG5C,OAAIH,EAAK,WAAW,GAAG,GAAKA,EAAK,WAAW,GAAG,GAC3CzC,EAAI,OAAQ,UAAW,2CAA2C,OAAAyC,EAAI,IAAG,EAAE,EACpE,2CAA2C,OAAAA,EAAI,OAI1D,KAAKA,CAAI,EAAIC,EAGbL,EAAA,KAAKT,IAAaa,CAAI,EAAIA,EAGtBE,IAAU,IAAM,KAAK,SAASF,EAAMC,EAAKE,CAAQ,EAErD5C,EAAI,QAAS,UAAW,oBAAoB,OAAAyC,EAAI,WAAWC,EAAK,WAAW,OAAAC,EAAK,gBAAe,OAAAC,EAAU,EAAE,EAM3G,KAAK,qBAAqB,4BAA6B,CAAE,KAAQH,EAAM,MAASC,EAAK,MAASC,EAAO,SAAYC,CAAS,CAAC,EAEpHF,EACX,CAOA,IAAID,EAAM,CACN,GAAIA,EAAK,WAAW,GAAG,GAAKA,EAAK,WAAW,GAAG,EAAG,CAC9CzC,EAAI,OAAQ,UAAW,2CAA2C,OAAAyC,EAAI,IAAG,EAAE,EAC3E,MACJ,CACA,OAAIA,IAAS,UAAkBxB,EAAI,MAAM,QACrCwB,IAAS,WAAmB,KAAK,iBACjCA,IAAS,gBAAwB,KAAK,cACtC,KAAKA,CAAI,IAAM,QACfzC,EAAI,OAAQ,UAAW,qBAAqB,OAAAyC,EAAI,iBAAgB,EAAE,EAE/D,KAAKA,CAAI,EACpB,CAYA,SAASD,EAAIK,EAAOD,EAAW,GAAO,CAClC,IAAIE,EAAW,CAAC,EAChB,GAAIF,IAAa,GACb,GAAI,CACAE,EAAW,KAAK,SAAS,kBAAkB,GAAK,CAAC,CACrD,MAAY,CAAC,CAEjB,GAAI,OAAOD,GAAU,SACjB,GAAI,CACAA,EAAQ,KAAK,UAAUA,CAAK,CAChC,OAASnC,EAAG,CACR,OAAAV,EAAI,QAAS,eAAgB,yCAA0CU,CAAC,EAAE,EACnE,EACX,CAEJ,GAAI,CAEA,GADA,aAAa,QAAQ,KAAK,YAAc8B,EAAIK,CAAK,EAC7CD,EAAU,CACVE,EAASN,CAAE,EAAIA,EACf,GAAI,CACA,aAAa,QAAQ,KAAK,YAAc,mBAAoB,KAAK,UAAUM,CAAQ,CAAC,CACxF,OAASpC,EAAG,CACRV,EAAI,QAAS,eAAgB,8BAA+BU,CAAC,EAAE,CACnE,CACJ,CACA,YAAK,qBAAqB,2BAA4B,CAAE,KAAQ8B,EAAI,MAASK,EAAO,SAAYD,CAAS,CAAC,EACnG,EACX,OAASlC,EAAG,CACR,OAAAV,EAAI,QAAS,eAAgB,iCAAkCU,CAAC,EAAE,EAC3D,EACX,CACJ,CAOA,SAAS8B,EAAI,CACT,GAAI,CAEA,OAAO,KAAK,MAAM,aAAa,QAAQ,KAAK,YAAcA,CAAE,CAAC,CACjE,MAAY,CAAE,CACd,GAAI,CACA,OAAO,aAAa,QAAQ,KAAK,YAAcA,CAAE,CACrD,MAAY,CACR,MACJ,CACJ,CAKA,YAAYA,EAAI,CACZ,GAAI,CACA,aAAa,WAAW,KAAK,YAAcA,CAAE,CACjD,MAAY,CAAE,CAClB,CAKA,mBAAoB,CAChB,OAAOH,EAAA,KAAKT,GAChB,CAEA,gBAAiB,CACb,OAAO,OAAO,KAAKS,EAAA,KAAKlB,EAAoB,CAChD,CAWA,qBAAqB4B,EAAOC,EAAS,CACjC,IAAMZ,EAAQ,IAAI,YAAYW,EAAO,CAAE,OAAQC,CAAQ,CAAC,EACxD,SAAS,cAAcZ,CAAK,CAChC,CAaA,SAASK,EAAMQ,EAAU,CAahBZ,EAAA,KAAKlB,GAAqBsB,CAAI,EAC9BJ,EAAA,KAAKlB,GAAqBsB,CAAI,EAAE,WADCJ,EAAA,KAAKlB,GAAqBsB,CAAI,EAAI,CAAE,SAAU,CAAE,EAGtF,IAAMS,EAAYb,EAAA,KAAKlB,GAAqBsB,CAAI,EAAE,SAG5CU,EAAqBd,EAAA,KAAKlB,GAAqBsB,CAAI,EAAES,CAAS,EAAI,SAA4BxC,EAAG,CAEnG,GAAI+B,IAAS/B,EAAE,OAAO,KAAM,CACxB,IAAMmC,EAAQnC,EAAE,OAAO,MAGvBuC,EAAS,KAAKJ,EAAOA,CAAK,CAC9B,CACJ,EAEA,gBAAS,iBAAiB,4BAA6BM,CAAkB,EAElED,CACX,CAEA,aAAaT,EAAMW,EAAO,CACtB,SAAS,oBAAoB,4BAA6Bf,EAAA,KAAKlB,GAAqBsB,CAAI,EAAEW,CAAK,CAAC,EAChG,OAAOf,EAAA,KAAKlB,GAAqBsB,CAAI,EAAEW,CAAK,CAEhD,CAWA,QAAQC,EAAOJ,EAAU,CAEhBZ,EAAA,KAAKjB,GAA0BiC,CAAK,EACpChB,EAAA,KAAKjB,GAA0BiC,CAAK,EAAE,WADChB,EAAA,KAAKjB,GAA0BiC,CAAK,EAAI,CAAE,SAAU,CAAE,EAGlG,IAAMH,EAAYb,EAAA,KAAKjB,GAA0BiC,CAAK,EAAE,SAGlDC,EAAsBjB,EAAA,KAAKjB,GAA0BiC,CAAK,EAAEH,CAAS,EAAI,SAA6BxC,EAAG,CAC3G,IAAM6C,EAAM7C,EAAE,OAEV6C,EAAI,QAAUF,GAEdJ,EAAS,KAAKM,EAAKA,CAAG,CAE9B,EAEA,gBAAS,iBAAiB,2BAA4BD,CAAmB,EAElEJ,CACX,CAEA,YAAYG,EAAOD,EAAO,CACtB,SAAS,oBAAoB,2BAA4Bf,EAAA,KAAKjB,GAA0BiC,CAAK,EAAED,CAAK,CAAC,EACrG,OAAOf,EAAA,KAAKjB,GAA0BiC,CAAK,EAAED,CAAK,CAEtD,CA0CA,gBAAgBI,EAAa,CACzB,GAAI,OAAO,UAAU,eAAe,KAAKA,EAAa,iBAAiB,EAAG,CACtE,IAAMC,EAAkB,IAAI,KAAKD,EAAY,eAAe,EAEtDE,EAAS,KAAK,OAAQ,IAAI,KAAUD,GAAmB,IAAO,EAChEC,IAAW,KAAK,mBAChB1D,EAAI,QAAS,sBAAsB,YAAK,YAAY,OAAM,aAAa,sBAAsB,OAAA0D,EAAM,WAAU,YAAK,iBAAkB,EAAE,EACtI,KAAK,IAAI,mBAAoBA,CAAM,EAE3C,CACJ,CASA,EAAEC,EAAa,CAEX,IAAIC,EAAK,SAAS,cAAcD,CAAW,EAE3C,OAAKC,EAKAA,EAAG,WAAa,aACjBA,EAAKA,EAAG,QAAQ,kBACZ,CAACA,IACD5D,EAAI,EAAG,QAAS,sCAAsC,OAAA2D,EAAW,mBAAkB,EAAE,EAC9E,MAIRC,GAZH5D,EAAI,EAAG,QAAS,qCAAqC,OAAA2D,EAAa,EAAE,EAC7D,KAYf,CAOA,GAAGA,EAAa,CACZ,OAAO,MAAM,KAAK,SAAS,iBAAiBA,CAAW,CAAC,CAC5D,CAKA,cAAcE,EAAa,GAAI,CAC3B,KAAK,IAAI,aAAcA,CAAU,CACrC,CAWA,QAAQC,EAAK,EAAG,CACZ,IAAMC,EAAO,IAAI,eACjBA,EAAK,iBAAiB,OAAQ,IAAM,CAChC,IAAMC,EAAWD,EAAK,sBAAsB,EAAG,MAAM,MAAM,EACrDE,EAAc,OAAO,IAAI,IAAM,EAAI,OAAQF,EAAK,YAAY,MAAM,GAAG,EAAG,CAAC,CAAC,EAChF,KAAK,IAAI,OAAQ,CACb,QAAaA,EAAK,SAAW,KAASA,EAAK,SAAW,IACtD,OAAQA,EAAK,OACb,QAASC,EACT,IAAKD,EAAK,YACV,YAAaE,CACjB,CAAC,CACL,CAAC,EAEG5B,EAAA,KAAKnB,KACL,cAAcmB,EAAA,KAAKnB,EAAa,EAChCgD,EAAA,KAAKhD,EAAgB,SAGzB6C,EAAK,KAAK,MAAO,GAAG,YAAK,aAAY,sBAAqB,cAAO,IAAI,IAAM,EAAG,EAC9EA,EAAK,KAAK,EAEND,EAAK,GACLI,EAAA,KAAKhD,EAAgB,YAAY,IAAM,CACnC6C,EAAK,KAAK,MAAO,GAAG,YAAK,aAAY,sBAAqB,cAAO,IAAI,IAAM,EAAG,EAC9EA,EAAK,KAAK,CACd,EAAGD,CAAE,EAEb,CAEA,KAAM,CACF9D,EAAI,GAAG,SAAS,EAAE,CACtB,CAMA,gBAAgBY,EAAM,CAClB,OAAOD,GAAgBC,CAAI,CAC/B,CAKA,gBAAgBuD,EAAW,CACvB,IAAIC,EAAO,GACX,GAAI,CACA,QAAQ,IAAI,KAAK,IAAID,CAAS,EAAG,KAAK,UAAU,KAAK,IAAIA,CAAS,CAAC,CAAC,EACpEC,EAAO,KAAK,UAAU,KAAK,IAAID,CAAS,CAAC,CAC7C,OAASzD,EAAG,CACRV,EAAI,QAAS,kBAAmB,mBAAmB,OAAAmE,EAAS,mBAAmBzD,EAAE,OAAO,EAAE,CAC9F,CACA,UAAU,UAAU,UAAU0D,CAAI,CACtC,CAUA,iBAAiBT,EAAaU,EAAO,GAAOC,EAAY,GAAK,CACzD,GAAI,CAAC,qBAAsB,OAKtBjC,EAAA,KAAKZ,IACNyC,EAAA,KAAKzC,EAAwB,IAAI,qBAAuB8C,GAAc,CAClE,IAAMC,EAAU,CAAC,EAEjBD,EAAU,QAASE,GAAU,CAEzBA,EAAM,OAAO,QAAQ,UAAYA,EAAM,eAEvCD,EAAQ,KAAK,CACT,eAAgBC,EAAM,cAC1B,CAAC,CACL,CAAC,EAGD,KAAK,KAAK,CACN,QAASD,EAAQ,CAAC,EAAE,eACpB,UAAWA,EAAQ,CAAC,EAAE,eACtB,YAAAb,EACA,QAASa,CACb,CAAC,EAEDxE,EAAI,OAAQ,uBAAwB,YAAY,OAAA2D,EAAW,aAAY,OAAAa,EAAQ,CAAC,EAAE,eAAiB,gBAAkB,aAAY,WAAU,EAAE,CACjJ,EAAG,CAAE,UAAWF,CAAU,CAAC,GAG/B,IAAMV,EAAK,SAAS,cAAcD,CAAW,EAE7C,GAAIC,IAAO,KAAM,CACb5D,EAAI,QAAS,uBAAwB,YAAY,OAAA2D,EAAW,cAAa,EAAE,EAC3E,MACJ,CAEA,GAAIU,IAAS,GAAM,CACfhC,EAAA,KAAKZ,GAAsB,UAAUmC,CAAE,EACvC,MACJ,CAEAvB,EAAA,KAAKZ,GAAsB,QAAQmC,CAAE,CACzC,CAQA,cAAcD,EAAaJ,EAAM,GAAM,CACnC,IAAMK,EAAK,SAAS,cAAcD,CAAW,EAEzCe,EAAS,GACb,OAAId,IAAO,OAAMc,EAAS,IAEtBnB,IAAQ,IACR,KAAK,KAAK,CACN,QAASmB,EACT,KAAM,YAAY,OAAAf,EAAW,MAAK,OAAAe,EAAS,SAAW,iBAC1D,CAAC,EAGEA,CACX,CAMA,gBAAgBC,EAAK,CACjB,OAAKA,EACE,IAAMA,EAAI,QAAQ,WAAY,IAAI,EAAE,QAAQ,QAAS,EAAE,EAD7C,EAErB,CAKA,mBAAoB,CAChB,KAAK,IAAI,UAAW,SAAS,IAAI,EACjC,OAAO,iBAAiB,aAAevC,GAAU,CAC7C,KAAK,IAAI,UAAW,SAAS,IAAI,EAC7BC,EAAA,KAAKX,KAAiB,IACtB,KAAK,KAAK,CAAE,MAAO,aAAc,QAAS,SAAS,KAAM,QAAS,KAAK,gBAAgBU,EAAM,MAAM,EAAG,QAAS,KAAK,gBAAgBA,EAAM,MAAM,CAAE,CAAC,CAE3J,CAAC,CACL,CAOA,OAAOM,EAAKkC,EAAO,CACf,IAAIC,EACJ,MAAI,CAAC,KAAM,KAAM,KAAM,OAAQ,OAAQ,OAAQ,IAAK,GAAM,CAAC,EAAE,SAASnC,CAAG,EAAGmC,EAAM,GACzE,CAAC,MAAO,MAAO,MAAO,QAAS,QAAS,QAAS,IAAK,GAAO,CAAC,EAAE,SAASnC,CAAG,EAAGmC,EAAM,GACzFA,EAAMD,EACJC,CACX,CAMA,aAAaC,EAAQ,CACjB,OAAAZ,EAAA,KAAKxC,EAAe,KAAK,OAAOoD,EAAQzC,EAAA,KAAKX,KAAiB,EAAI,GAC3DW,EAAA,KAAKX,EAChB,CAWA,GAAGd,EAAM,CACLG,EAAI,GAAGH,CAAI,CACf,CAQA,YAAYgD,EAAImB,EAAW,CACvBhE,EAAI,YAAY6C,EAAImB,CAAS,CACjC,CAQA,oBAAoBnB,EAAImB,EAAW,CAC/BhE,EAAI,oBAAoB6C,EAAImB,CAAS,CACzC,CAOA,gBAAgBC,EAAQ,CACpB,OAAOjE,EAAI,gBAAgBiE,CAAM,CACrC,CAOA,aAAaC,EAAM,CACf,OAAOlE,EAAI,aAAakE,CAAI,CAChC,CAOA,cAAcN,EAAK,CACf5D,EAAI,cAAc4D,CAAG,CACzB,CAOA,aAAaA,EAAK,CACd5D,EAAI,aAAa4D,CAAG,CACxB,CAOA,cAAcO,EAAQ,CAClBnE,EAAI,cAAcmE,CAAM,CAC5B,CAOA,aAAaA,EAAQ,CACjBnE,EAAI,aAAamE,CAAM,CAC3B,CAWA,WAAWC,EAAMC,EAAI7B,EAAK,CACtBxC,EAAI,WAAWoE,EAAMC,EAAI7B,CAAG,CAChC,CAKA,OAAOoB,EAAK,CACR5D,EAAI,OAAO4D,CAAG,CAClB,CAOA,MAAMhB,EAAa0B,EAAW,KAAM,CAChC,OAAOtE,EAAI,MAAM4C,EAAa0B,CAAQ,CAC1C,CAUA,MAAM,QAAQV,EAAKW,EAAW,CAC1BvE,EAAI,QAAQ4D,EAAKW,CAAS,CAC9B,CAOA,iBAAiB1B,EAAImB,EAAW,CAC5BhE,EAAI,iBAAiB6C,EAAImB,CAAS,CACtC,CAUA,QAAQQ,EAAUC,EAAS,OAAQ,CAC1BD,IAAa,SAAYA,EAAW,CAAClD,EAAA,KAAKd,IAC/C2C,EAAA,KAAK3C,EAAagE,GAClB,IAAIE,EAAO,sCAEX,OAAI,KAAK,KAAO,OAAO,KAAK,KAAK,GAAG,EAAE,OAAS,IAC3CA,EAAO,KAAK,gBAAgB,KAAK,GAAG,GAGnCF,IAAa,GACdxE,EAAI,UAAW,CACX,WAAY,CACR,oBACJ,CACJ,CAAC,EAEDA,EAAI,WAAW,CACX,WAAY,CACR,CACI,KAAM,MACN,GAAI,oBACJ,OAAQyE,EACR,WAAY,CACR,MAAO,4BACX,EACA,WAAY,CACR,CACI,KAAM,SACN,WAAY,CACR,QAAS,mCACT,MAAO,UACP,MAAO,YACX,EACA,KAAM,WACV,EACA,CACI,KAAM,SACN,WAAY,CACR,QAAS,sBACT,MAAO,UACP,MAAO,aACX,EACA,KAAM,QACV,EACA,CACI,KAAM,MACN,GAAI,eAEJ,WAAY,CACR,MAAO,kBACX,EACA,KAAMC,CACV,CACJ,CACJ,CACJ,CACJ,CAAC,EAGEF,CACX,CAgBA,OAAOG,EAAQ,CACX,OAAIA,EAAO,OAAe3E,EAAI,aAAa2E,CAAM,GAEjD3E,EAAI,aAAa2E,CAAM,EAClB,KAAMC,GAAO,CACV3F,EAAI,OAAQ,mBAAoB,+BAAgC2F,CAAG,EAAE,CAEzE,CAAC,EACA,MAAOC,GAAO,CACX5F,EAAI,QAAS,mBAAoB,2BAA4B4F,CAAG,EAAE,CACtE,CAAC,EACE,KACX,CASA,WAAWL,EAAUC,EAAS,OAAQ,CAIlC,GAHKD,IAAa,SAAYA,EAAW,CAAClD,EAAA,KAAKb,IAC/C0C,EAAA,KAAK1C,EAAgB+D,GAEhBA,IAAa,GACd,OAAAxE,EAAI,UAAW,CACX,WAAY,CACR,aACJ,CACJ,CAAC,EACMwE,EAGX,IAAMM,EAAO,CACT,WAAY,CACR,CACI,KAAM,MACN,GAAI,aACJ,OAAQL,EACR,WAAY,CACR,MAAO,yCACP,MAAO,cACX,EACA,WAAY,CACR,CACI,KAAQ,QACR,WAAc,CACV,CACI,KAAQ,QACR,WAAc,CAAC,CACnB,CACJ,CACJ,CACJ,CACJ,CACJ,CACJ,EACMxC,EAAU6C,EAAK,WAAW,CAAC,EAAE,WAAW,CAAC,EAAE,WAAW,CAAC,EAAE,WAE/D,cAAO,OAAOxD,EAAA,KAAKR,GAAW,EAAE,QAAS4C,GAAS,CAC9CzB,EAAQ,KAAK,CACT,KAAQ,KACR,WAAc,CACV,MAAOyB,EAAM,WACjB,EACA,WAAc,CACV,CACI,KAAQ,KACR,KAAQA,EAAM,KAClB,EACA,CACI,KAAQ,KACR,WAAc,CACV,eAAgBA,EAAM,GAC1B,EACA,KAAQA,EAAM,MAAQ,UAAYxD,EAAI,MAAM,QAAU,KAAK,UAAU,KAAKwD,EAAM,GAAG,CAAC,CACxF,CACJ,CACJ,CAAC,CACL,CAAC,EAED1D,EAAI,WAAW8E,CAAI,EAEZN,CACX,CAWA,QAAQ5B,EAAamC,EAAY,SAAUC,EAAO,GAAMC,EAAU,GAAM,CAEpE,IAAMC,EAAa,SAAS,cAActC,CAAW,EACrD,GAAI,CAACsC,EACD,OAAAjG,EAAI,OAAQ,8BAA+B,iBAAiB,OAAA2D,EAAW,eAAc,EAAE,EAChF,IAGPmC,IAAc,UAAYA,IAAc,QAAaA,IAAc,QAC/DzD,EAAA,KAAKP,GAAa6B,CAAW,EAAGmC,EAAY,GAC3CA,EAAY,IAIrB,IAAMI,EAAO,KAEb,OAAIJ,IAAc,IAEdzD,EAAA,KAAKP,GAAa6B,CAAW,EAAI,IAAI,iBAAkB,SAAUwC,EAAgC,CAC7F,IAAM3F,EAAM,CAAC,EAEb2F,EAAa,QAASC,GAAM,CAExB,IAAMC,EAAM,CACR,KAAMD,EAAG,KACT,SAAUA,EAAG,WAAa,KAAOA,EAAG,SAAW,MACnD,EAEIA,EAAG,WAAW,OAAS,IACvBC,EAAI,WAAa,CAAC,EAClBD,EAAG,WAAW,QAAS,CAACE,EAAIC,IAAM,CAC9BF,EAAI,WAAW,KAAKtF,EAAI,QAAQqF,EAAG,WAAWG,CAAC,CAAC,CAAC,CACrD,CAAC,GAGDH,EAAG,aAAa,OAAS,IACzBC,EAAI,aAAe,CAAC,EACpBD,EAAG,aAAa,QAAS,CAACE,EAAIC,IAAM,CAChCF,EAAI,aAAa,KAAKtF,EAAI,QAAQqF,EAAG,aAAaG,CAAC,CAAC,CAAC,CACzD,CAAC,GAGAH,EAAG,OAAS,eACbC,EAAI,cAAgBD,EAAG,cAEvBC,EAAI,SAAWD,EAAG,OAAO,WAAWA,EAAG,aAAa,EAAE,OAG1D5F,EAAI,KAAK6F,CAAG,CAChB,CAAC,EAGDH,EAAK,qBAAqB,sBAAuB1F,CAAG,EAEhDuF,IAAS,IACTG,EAAK,KAAK,CACN,IAAK,CACD,YAAavC,EACb,UAAWnD,CACf,EACA,MAAO0F,EAAK,OAAS,oBAAoB,OAAAvC,EAAW,IACxD,CAAC,EAGDqC,IAAY,IACZhG,EAAI,OAAQ,8BAA+B,oBAAoB,OAAA2D,EAAW,KAAK,CAAE,UAAWnD,CAAI,EAAG,CAAE,aAAA2F,CAAa,CAAC,EAAE,CAE7H,CAAE,EAGF9D,EAAA,KAAKP,GAAa6B,CAAW,EAAE,QAAQsC,EAAY,CAAE,WAAY,GAAM,UAAW,GAAM,QAAS,GAAM,cAAe,EAAK,CAAC,EAC5HjG,EAAI,QAAS,8BAA+B,qCAAqC,OAAA2D,EAAW,IAAG,EAAE,IAEjGtB,EAAA,KAAKP,GAAa6B,CAAW,EAAE,WAAW,EAC1C,OAAOtB,EAAA,KAAKP,GAAa6B,CAAW,EACpC3D,EAAI,QAAS,8BAA+B,qCAAqC,OAAA2D,EAAW,IAAG,EAAE,GAG9FmC,CACX,CAOA,gBAAiB,CACb,KAAK,YAAY,WAAW,EAC5B9F,EAAI,QAAS,qCAAsC,oBAAoB,EAAE,CAC7E,CAGA,sBAAuB,CAEnB,IAAMwG,EAAY,KAAK,SAAS,WAAW,EAC3C,GAAIA,EAAW,CACX,IAAMP,EAAa,SAAS,qBAAqB,MAAM,EAAE,CAAC,EAE1DA,EAAW,UAAYO,EACvBxG,EAAI,QAAS,2CAA4C,0BAA0B,EAAE,CACzF,MACIA,EAAI,QAAS,2CAA4C,qBAAqB,EAAE,CAExF,CAKA,eAAgB,CAEZ,KAAK,SAAS,YAAa,SAAS,gBAAgB,SAAS,CACjE,CAUA,SAAS8F,EAAW,CAEhB,IAAMG,EAAa,SAAS,gBAGtBC,EAAO,KAGR,KAAK,gBACN,KAAK,cAAgB,IAAI,iBAAkB,UAAuC,CAE9E,KAAK,YAAY,EAEjBA,EAAK,cAAc,CACvB,CAAE,GAGFJ,IAAc,IAAQA,IAAc,QAEpC,KAAK,cAAc,QAAQG,EAAY,CAAE,WAAY,GAAM,UAAW,GAAM,QAAS,GAAM,cAAe,EAAK,CAAC,EAChHjG,EAAI,QAAS,+BAAgC,yCAAyC,EAAE,IAExF,KAAK,cAAc,WAAW,EAC9BA,EAAI,QAAS,+BAAgC,yCAAyC,EAAE,EAEhG,CAYA,MAAMyG,EAAWC,EAAS7C,EAAa,GAAI,CACnC6C,GAAY,OAA+BA,EAAU,KAAK,YAAY,QAGtEA,IAAY,KAAK,YAAY,OAC7BD,EAAYpG,GAAeoG,EAAW,SAAS,EACxCC,IAAY,KAAK,YAAY,UACpCD,EAAYpG,GAAeoG,EAAW,eAAe,EAChD,OAAO,UAAU,eAAe,KAAKA,EAAW,eAAe,IAChEA,EAAU,cAAgB,eAG9BA,EAAU,KAAO,UAIrBA,EAAU,UAAY,KAAK,QAAQ,GAInC,KAAK,cAAc,KAAK,MAAQ,KAAK,MAErC,KAAK,cAAc,KAAK,YAAc,KAAK,YAE3C,KAAK,cAAc,KAAK,aAAe,KAAK,aAIxC5C,IAAe,IAAM,KAAK,aAAe,KAAIA,EAAa,KAAK,YAC/DA,IAAe,IAAI,OAAO,OAAO4C,EAAW,CAAE,KAAQ,CAAE,WAAc5C,CAAW,CAAE,CAAC,EAGlF,OAAO,UAAU,eAAe,KAAK4C,EAAW,OAAO,IAErD,KAAK,QAAU,QAAa,KAAK,QAAU,GAAIA,EAAU,MAAQ,KAAK,MAGjE,OAAO,UAAU,eAAe,KAAK,KAAM,KAAK,GAAK,OAAO,UAAU,eAAe,KAAK,KAAK,IAAK,OAAO,IAC5GA,EAAU,MAAQ,KAAK,IAAI,QAMnCA,EAAU,MAAKA,EAAU,IAAI,KAAO,UAGxC,IAAIE,EACAD,IAAY,KAAK,YAAY,QAC7B,KAAK,IAAI,UAAWD,CAAS,EAC7BE,EAAU,KAAK,IAAI,WAAY,EAAE,KAAK,QAAQ,GACvCD,IAAY,KAAK,YAAY,UACpC,KAAK,IAAI,cAAeD,CAAS,EACjCE,EAAU,KAAK,IAAI,eAAgB,EAAE,KAAK,YAAY,GAE1D3G,EAAI,QAAS,YAAa,aAAa,OAAA0G,EAAO,oBAAmB,OAAAC,GAAWF,CAAS,EAAE,EAEvF,KAAK,QAAQ,KAAKC,EAASD,CAAS,CACxC,CAOA,KAAKlD,EAAKM,EAAa,GAAI,CACvB,KAAK,MAAMN,EAAK,KAAK,YAAY,OAAQM,CAAU,CACvD,CAKA,SAASN,EAAK,CACV,KAAK,MAAMA,EAAK,KAAK,YAAY,OAAO,CAC5C,CAmBA,UAAUqD,EAAU/C,EAAa,GAAI,CAEjC,GAAK,KAAK,OAAS,CACf7D,EAAI,QAAS,gBAAiB,+IAAgJ,EAAE,EAChL,MACJ,CACA,GAAI,CAAC4G,GAAY,CAAC,MAAO,CACrB5G,EAAI,OAAQ,gBAAiB,qJAAsJ,EAAE,EACrL,MACJ,CAKA,IAHI,CAAC4G,GAAY,CAACA,EAAS,eAAaA,EAAW,OAG9C,CAACA,EAAS,YAAY,KAAK,SAAS,OAAO,GAAO,CAACA,EAAS,cAAgB,CAC7E5G,EAAI,OAAQ,gBAAiB,iGAAiG,OAAA4G,EAAS,YAAY,MAAQA,CAAQ,EAAE,EACrK,MACJ,CAGAA,EAAS,eAAe,EAGxB,IAAMC,EAASD,EAAS,cAGlBE,EAAQ,CAAC,EACf,OAAO,KAAKD,CAAM,EAAE,QAASE,GAAO,CAC5BA,EAAI,WAAW,GAAG,IACtBD,EAAMC,CAAG,EAAIF,EAAOE,CAAG,EAC3B,CAAC,EAGD,IAAMC,EAAgB,CAAC,QAAS,KAAM,MAAM,EACxCC,EACJ,GAAI,CACAA,EAAU,OAAO,OAAO,CAAC,EACrB,GAAG,MAAM,KAAKJ,EAAO,WACjB,CAAE,CAAE,KAAAK,EAAM,MAAArE,EAAM,IAAO,CACnB,GAAK,CAACmE,EAAc,SAASE,CAAI,EAC7B,MAAQ,CAAE,CAACA,CAAI,EAAGrE,EAAM,CAGhC,CACJ,CACJ,CACJ,MAAY,CAAC,CAGb,IAAIsE,EACEC,EAAU,CAAC,EACZP,EAAO,OACRM,EAAO,CAAC,EACRA,EAAK,MAAQN,EAAO,KAAK,cAAc,EACvC,OAAO,OAAOA,EAAO,IAAI,EAAE,QAAS,CAACQ,EAAOd,KAAM,CAC9C,IAAM/D,EAAK6E,EAAM,KAAO,GAAKA,EAAM,GAAMA,EAAM,OAAS,GAAKA,EAAM,KAAO,GAAG,OAAAd,GAAC,KAAI,OAAAc,EAAM,MAIxF,GAAI7E,IAAO,IAAM6E,EAAM,KAAM,CAczB,GAZI,YAAaA,GAASA,EAAM,QAAU,OAAMA,EAAM,MAAQA,EAAM,QAAQ,SAAS,GAErFD,EAAQ,KAAM,CAAE,IAAK5E,EAAI,IAAK6E,EAAM,KAAM,CAAE,EAE5CF,EAAK3E,CAAE,EAAI,CACP,GAAM6E,EAAM,GACZ,KAAQA,EAAM,KACd,MAASA,EAAM,MACf,MAASA,EAAM,cAAc,EAC7B,KAAQA,EAAM,IAClB,EAEIF,EAAK3E,CAAE,EAAE,QAAU,GAAO,CAC1B,IAAM8E,EAAID,EAAM,SAChBF,EAAK3E,CAAE,EAAE,SAAW,CAChB,SAAU8E,EAAE,WAAa,GAAOA,EAAE,SAAW,OAC7C,YAAaA,EAAE,cAAgB,GAAOA,EAAE,YAAc,OACtD,gBAAiBA,EAAE,kBAAoB,GAAOA,EAAE,gBAAkB,OAClE,cAAeA,EAAE,gBAAkB,GAAOA,EAAE,cAAgB,OAC5D,eAAgBA,EAAE,iBAAmB,GAAOA,EAAE,eAAiB,OAC/D,aAAcA,EAAE,eAAiB,GAAOA,EAAE,aAAe,OACzD,QAASA,EAAE,UAAY,GAAOA,EAAE,QAAU,OAC1C,SAAUA,EAAE,WAAa,GAAOA,EAAE,SAAW,OAC7C,aAAcA,EAAE,eAAiB,GAAOA,EAAE,aAAe,OACzD,aAAcA,EAAE,eAAiB,GAAOA,EAAE,aAAe,MAC7D,CACJ,CAEID,EAAM,UAASF,EAAK3E,CAAE,EAAE,KAAO6E,EAAM,QAC7C,CACJ,CAAC,GAIL,IAAIE,EACJ,GAAI,CACAA,EAAU,MAAM,KAAKV,EAAO,SAAS,CACzC,MAAY,CAAC,CAGb,IAAIW,EAAU,CAAE,GAAGX,EAAO,OAAQ,EAG9BY,EACC,OAAO,UAAU,SAAS,KAAKZ,CAAM,IAAM,0BAE5CW,EAAU,gBAAgB,OAAAX,EAAO,YAEjCY,EAAS,CAEL,QAASZ,EAAO,QAChB,MAAOA,EAAO,MACd,KAAMA,EAAO,KACb,KAAMA,EAAO,KACb,IAAKA,EAAO,IACZ,KAAMA,EAAO,KACb,MAAOA,EAAO,MACd,KAAMA,EAAO,KACb,SAAUA,EAAO,SACjB,mBAAoBA,EAAO,mBAC3B,OAAQA,EAAO,OACf,IAAKA,EAAO,IACZ,UAAWA,EAAO,UAClB,MAAOA,EAAO,MACd,QAASA,EAAO,OACpB,GAKJ,IAAMtD,EAAM,CAER,QAASiE,EAET,IAAK,CACD,KAAM,YACN,GAAIX,EAAO,KAAO,GAAKA,EAAO,GAAK,OACnC,KAAMA,EAAO,OAAS,GAAKA,EAAO,KAAO,OACzC,SAAUA,EAAO,YAAcA,EAAO,YAAY,UAAU,EAAG,GAAG,EAAI,OAEtE,KAAMM,EACN,MAAOL,EACP,QAASG,EACT,QAASM,EAET,aAAcE,EAEd,MAAOb,EAAS,KAChB,OAAQA,EAAS,OACjB,QAASA,EAAS,QAClB,SAAUA,EAAS,SACnB,QAASA,EAAS,QAElB,YAAaA,EAAS,YACtB,SAAUC,EAAO,SAEjB,SAAU,KAAK,SACf,SAAU,KAAK,SACf,MAAO,KAAK,KAChB,CACJ,EAEIO,EAAQ,OAAS,GACjBA,EAAQ,QAAS3C,GAAS,CACtBlB,EAAI,QAAQkB,EAAM,GAAG,EAAIA,EAAM,GACnC,CAAC,EAGDmC,EAAS,OAAS,WAElBrD,EAAI,IAAI,SAAWA,EAAI,QAAQ,MAAQ,YAAasD,EAASA,EAAO,QAAUD,EAAS,OAAO,OAGlG5G,EAAI,QAAS,gBAAiB,0BAA2BuD,CAAG,EAAE,EAC1DsD,EAAO,SAAWA,EAAO,QAAQ,SAAW,GAAG7G,EAAI,OAAQ,gBAAiB,sDAAsD,EAAE,EAExI,KAAK,MAAMuD,EAAK,KAAK,YAAY,OAAQM,CAAU,CACvD,CAOA,SAASA,EAAa,GAAIkC,EAAO,GAAM,CACnC,IAAMvF,EAAM,oBAAoB,gBAAS,gBAAgB,WAGnD+C,EAAM,CACR,QAAS/C,EACT,OAAQA,EAAI,OACZ,MAAO,KAAK,KAChB,EAEA,OAAAR,EAAI,QAAS,eAAgB,gCAAiCuD,CAAG,EAAE,EAE/DwC,IAAS,IAAM,KAAK,MAAMxC,EAAK,KAAK,YAAY,OAAQM,CAAU,EAC/DrD,CACX,CAKA,YAAY+C,EAAK,CACb,IAAMmE,EAAMnE,EAAI,KAAK,QAErB,GAAI,CAAClB,EAAA,KAAKV,IAAa,SAAS+F,EAAI,KAAK,CAAC,EAAG,CACzC1H,EAAI,QAAS,kBAAmB,YAAY,OAAA0H,EAAG,0CAAyC,EAAE,EAC1F,MACJ,CACA,IAAMjF,EAAOc,EAAI,KAAK,KAChBV,EAAQU,EAAI,KAAK,MACnBoE,EAAUC,EAGd,OAAQF,EAAK,CACT,IAAK,gBAAiB,CAClBC,EAAW,KAAK,cAAclF,EAAM,EAAK,EACzCmF,EAAO,YAAY,OAAAnF,EAAI,MAAK,OAAAkF,EAAW,SAAW,kBAClD,KACJ,CAEA,IAAK,MAAO,CACRA,EAAW,KAAK,IAAIlF,CAAI,EACxB,KACJ,CAEA,IAAK,oBAAqB,CAClBA,IAAS,OAAQkF,EAAW,KAAK,kBAAkB,EAClDA,EAAW,OAAO,OAAO,KAAK,kBAAkB,CAAC,EACtD,KACJ,CAEA,IAAK,iBAAkB,CACflF,IAAS,OAAQkF,EAAW,KAAK,eAAe,EAC/CA,EAAW,OAAO,OAAO,KAAK,eAAe,CAAC,EACnD,KACJ,CAEA,IAAK,WAAY,CACbA,EAAW,KAAK,SAAS,GAAI,EAAK,EAClC,KACJ,CAEA,IAAK,UAAW,CAEZA,EAAW5G,EAAI,QAAQ0B,EAAMI,CAAK,EAClC,KACJ,CAEA,IAAK,MAAO,CACR,IAAIF,EAAQ,GACRC,EAAW,GACXW,EAAI,KAAK,SAAWA,EAAI,KAAK,QAAQ,QACjCA,EAAI,KAAK,QAAQ,QAAU,KAAMZ,EAAQ,IACzCY,EAAI,KAAK,QAAQ,WAAa,KAAMX,EAAW,KAEvD+E,EAAW,KAAK,IAAIlF,EAAMI,EAAOF,EAAOC,CAAQ,EAChD,KACJ,CAEA,IAAK,UAAW,CACZ+E,EAAW,KAAK,QAAQ9E,EAAOJ,CAAI,EACnC,KACJ,CAEA,IAAK,aAAc,CACfkF,EAAW,KAAK,WAAW9E,EAAOJ,CAAI,EACtC,KACJ,CAEA,IAAK,QAAS,CACVkF,EAAW5G,EAAI,MAAM0B,EAAMI,CAAK,EAChC,KACJ,CAEA,IAAK,UAAW,CACZ8E,EAAW,KAAK,QAAQlF,CAAI,EAC5B,KACJ,CAEA,IAAK,eAAgB,CACjBkF,EAAW,KAAK,aAAalF,CAAI,EACjC,KACJ,CAEA,QAAS,CACLzC,EAAI,UAAW,kBAAmB,YAAY,OAAA0H,EAAG,wBAAuB,EAAE,EAC1E,KACJ,CACJ,CAEIC,IAAa,SACbA,EAAW,IAAI,OAAAlF,EAAI,mBAEnB,OAAOkF,CAAQ,EAAE,cAAgB,QAEjCA,EACK,KAA0BvD,IACvBb,EAAI,QAAUA,EAAI,KAAK,SAAWa,EAClCb,EAAI,KAAOA,EAAI,KAAK,KAAOqE,EACtBrE,EAAI,QAAOA,EAAI,MAAQ,KAAK,OAAS,OAAO,OAAAmE,EAAG,UAAS,OAAAjF,EAAI,MACjE,KAAK,KAAKc,CAAG,EACN,GACV,EACA,MAAOqC,GAAO,CACX5F,EAAI,EAAG,kBAAmB,UAAW4F,CAAG,EAAE,CAC9C,CAAC,GAELrC,EAAI,QAAUA,EAAI,KAAK,SAAWoE,EAClCpE,EAAI,KAAOA,EAAI,KAAK,KAAOqE,EACtBrE,EAAI,QAAOA,EAAI,MAAQ,KAAK,OAAS,OAAO,OAAAmE,EAAG,UAAS,OAAAjF,EAAI,MACjE,KAAK,KAAKc,CAAG,EAGrB,CAMA,SAASsE,EAAK,CACV,IAAIC,EAAI,GAGR,OAAID,EAAI,UAAYA,EAAI,WAAa,KAAK,WACtC7H,EAAI,QAAS,0BAA2B,mBAAmB,EAAE,EAC7D8H,EAAI,IAIJD,EAAI,UAAYA,EAAI,WAAa,KAAK,WACtC7H,EAAI,QAAS,0BAA2B,uBAAuB,EAAE,EACjE8H,EAAI,IAIJD,EAAI,OAASA,EAAI,QAAU,KAAK,QAChC7H,EAAI,QAAS,0BAA2B,oBAAoB,EAAE,EAC9D8H,EAAI,IAGDA,CACX,CAGA,eAAevE,EAAK,CAQhB,GANA,KAAK,qBAAqB,2BAA4BA,CAAG,EAGpDA,EAAI,OAAQ,KAAK,qBAAqB,uBAAuB,OAAAA,EAAI,OAASA,CAAG,EAG9EA,EAAI,KAAM,CAEV,GAAI,CAAC,KAAK,SAASA,EAAI,IAAI,EAAG,OAI9B,GAAIA,EAAI,KAAK,SAAW,GAAM,CAC1BvD,EAAI,QAAS,iCAAkC,WAAW,EAAE,EAC5D,SAAS,OAAO,EAChB,MACJ,CAGA,GAAIuD,EAAI,KAAK,QAAS,CAClB,KAAK,YAAYA,CAAG,EACpB,MACJ,CAGKA,EAAI,KAAK,eAAiB,sBAC3BxC,EAAI,WAAW,SAAUwC,EAAI,KAAK,QAASA,CAAG,EAE7CA,EAAI,KAAK,eAAiB,eAC3BxC,EAAI,WAAW,QAASwC,EAAI,KAAK,QAASA,CAAG,CAErD,CAGA,GAAKA,EAAI,IAAM,CAEX,GAAI,CAAC,KAAK,SAASA,EAAI,GAAG,EAAG,OAE7BvD,EAAI,QAAS,yBAA0B,oBAAoB,EAAE,EAC7D,KAAK,qBAAqB,oBAAqBuD,CAAG,EAClDxC,EAAI,WAAWwC,CAAG,CACtB,CACJ,CASA,kBAAkBC,EAAa,CAG3BA,EAAcnD,GAAemD,EAAa,SAAS,EAG/C,EAAAA,EAAY,MAAQ,CAAC,KAAK,SAASA,EAAY,IAAI,KACnDA,EAAY,KAAO,CAAC,KAAK,SAASA,EAAY,GAAG,IAGrD,KAAK,gBAAgBA,CAAW,EAGhC,KAAK,IAAI,eAAgB,EAAE,KAAK,YAAY,EAG5C,KAAK,eAAeA,CAAW,EAExB,QAASA,GAAe,EAAE,YAAaA,IAE1C,KAAK,IAAI,MAAOA,CAAW,EAG/BxD,EAAI,OAAQ,+BAAgC,YAAY,YAAK,YAAY,OAAM,qBAAoB,YAAK,aAAY,KAAKwD,CAAW,EAAE,GAI1I,CAKA,mBAAmBuE,EAAiB,CAGhC,GAAIA,IAAoB,KACpBA,EAAkB,CAAC,UACZ,OAAOA,GAAoB,SAAU,CAC5C,IAAMxE,EAAM,CAAC,EACbA,EAAI,iBAAmB,KAAK,YAAY,OAAO,EAAIwE,EACnDA,EAAkBxE,CACtB,CAWA,OARA,KAAK,gBAAgBwE,CAAe,EAEpC,KAAK,IAAI,UAAWA,CAAe,EACnC,KAAK,IAAI,mBAAoB,EAAE,KAAK,gBAAgB,EAEpD/H,EAAI,QAAS,iCAAkC,YAAY,YAAK,YAAY,QAAO,6BAA4B,YAAK,kBAAoB+H,CAAe,EAAE,EAGjJA,EAAgB,cAAe,CAEnC,IAAK,WAAY,CACb/H,EAAI,OAAQ,eAAe,YAAK,YAAY,SAAW,wCAAmC,EAAE,EAC5F,KAAK,IAAI,iBAAkB,MAAS,EACpC,KACJ,CAGA,IAAK,iBAAkB,CACnBA,EAAI,QAAS,eAAe,YAAK,YAAY,SAAW,uCAAuC,EAAE,EACjGA,EAAI,OAAQ,eAAe,YAAK,YAAY,SAAW,qCAAgC,OAAA+H,EAAgB,QAAO,mBAAkB,OAAAA,EAAgB,gBAAe,yBAAwB,YAAK,iBAAgB,SAAQ,EAAE,EAEhN9G,EAAI,MAAM,QAAQ,WAAW8G,EAAgB,QAAQ,MAAM,GAAG,EAAE,CAAC,CAAC,GACpE/H,EAAI,OAAQ,eAAe,YAAK,YAAY,SAAW,mBAAmB,OAAA+H,EAAgB,QAAO,0CAAyC,OAAA9G,EAAI,MAAM,QAAO,IAAG,EAAE,EAGhK,KAAK,gBAAkB,IACvBjB,EAAI,QAAS,eAAe,YAAK,YAAY,QAAO,mBAAmB,qDAAqD,EAShI,KACJ,CAEA,QACIA,EAAI,QAAS,uBAAuB,YAAK,YAAY,SAAW,YAAY,OAAA+H,EAAgB,cAAa,eAAc,CAI/H,CAEJ,CAMA,UAAUC,EAAWlI,EAAU,CACtBA,IAAUA,EAAW,SAC1B,UAAU,WAAW,eAAgB,GAAG,OAAAA,EAAQ,MAAK,OAAAkI,EAAW,CACpE,CAKA,aAAc,CACV,KAAK,SAAS,CACV,cAAe,qBACf,QAAS,UAET,UAAW,KAAK,QAAQ,GAExB,SAAU,KAAK,SACf,MAAO,KAAK,MAEZ,SAAU,KAAK,SACf,YAAa,KAAK,aAClB,YAAa,KAAK,WACtB,CAAC,CACL,CAcA,iBAAkB,CAEd,IAAIC,EAMJ,GAHAA,EAAc,KAAK,QAAQ,qBAAqB,EAG5CA,IAAgB,QAAaA,IAAgB,GAAI,CAEjD,IAAMC,EAAI,OAAO,SAAS,SAAS,MAAM,GAAG,EACvC,OAAO,SAAUC,EAAG,CAAE,OAAOA,EAAE,KAAK,IAAM,EAAG,CAAC,EAG/CD,EAAE,OAAS,GAAMA,EAAEA,EAAE,OAAS,CAAC,EAAE,SAAS,OAAO,GAAIA,EAAE,IAAI,EAG/DD,EAAcC,EAAE,IAAI,EAEpBlI,EAAI,QAAS,qCAAsC,2CAA2C,OAAAiI,EAAa,EAAE,CACjH,MACIjI,EAAI,QAAS,qCAAsC,yCAAyC,OAAAiI,EAAa,EAAE,EAG/G,YAAK,IAAMA,EAEXA,EAAc,IAAMA,EAEpBjI,EAAI,QAAS,qCAAsC,8BAA8B,OAAAiI,EAAa,EAAE,EAEzFA,CACX,CAQA,cAAcG,EAAOC,EAAQC,EAAQ,EAAG,CACpC,GAAK,UAAU,SAAW,GAQ1B,OANKF,IAAOA,EAAQ,KAAK,SACpBC,IAAQA,EAAS,KAAK,aAE3BrI,EAAI,QAAS,mBAAoB,mCAAmC,YAAK,QAAQ,UAAS,aAAY,OAAAqC,EAAA,KAAKhB,GAAQ,aAAY,OAAAiH,EAAK,aAAY,OAAAF,EAAK,cAAa,OAAAC,GAAU,KAAK,OAAO,EAAE,EAGtL,KAAK,QAAQ,YAAc,IAEvBhG,EAAA,KAAKhB,KACL,OAAO,aAAagB,EAAA,KAAKhB,EAAQ,EACjC6C,EAAA,KAAK7C,EAAW,OAEpB,KAAK,IAAI,cAAe,EAAI,EAC5B,KAAK,IAAI,cAAe,IAAI,EACrB,KAIX,KAAK,IAAI,cAAe,EAAK,EAGzBgB,EAAA,KAAKhB,IAAU,OAAO,aAAagB,EAAA,KAAKhB,EAAQ,EAGpD6C,EAAA,KAAK7C,EAAW,OAAO,WAAW,IAAM,CACpCrB,EAAI,OAAQ,8BAA+B,kDAAkD,OAAAoI,EAAK,aAAY,OAAAE,EAAO,EAAE,EAGvH,KAAK,QAAQ,MAAM,EAGnB,KAAK,QAAQ,QAAQ,EAGrBpE,EAAA,KAAK7C,EAAW,MAGhB,KAAK,cAAc+G,EAAQC,EAAQA,EAAQC,GAAO,CACtD,EAAGF,CAAK,GAED,GACX,CAKA,YAAa,CACT,KAAK,IAAI,eAAgB,KAAK,cAAc,EAE5C,KAAK,cAAc,KAAK,aAAe,KAAK,aAE5C,KAAK,cAAc,KAAK,YAAc,KAAK,YAE3C,KAAK,cAAc,KAAK,MAAQ,KAAK,MACrC,KAAK,cAAc,KAAK,KAAO,KAAK,MAEpCpI,EAAI,OAAQ,cAAe,8CAAyC,YAAK,aAAY,sBAAqB,YAAK,QAAQ,UAAS,mBAAkB,YAAK,YAAa,EAAE,EACtK,KAAK,qBAAqB,6BAA8B,CAAE,eAAkB,KAAK,aAAc,WAAc,KAAK,QAAQ,SAAU,CAAC,EAErI,KAAK,cAAc,CACvB,CAKA,cAAcuI,EAAQ,CAIlBvI,EAAI,OAAQ,gCAAiC,uCAAkC,OAAAuI,EAAQ,EAAE,EAEzF,KAAK,qBAAqB,gCAAiCA,CAAM,EAGjE,KAAK,cAAc,CACvB,CAMA,UAAW,CAGP,OAAIC,IAAO,QACPxI,EAAI,QAAS,cAAe,2DAA2D,EAAE,EAClF,KAIP,KAAK,UACLA,EAAI,QAAS,cAAe,qEAAqE,EAAE,EAC/FqC,EAAA,KAAKhB,KACL,OAAO,aAAagB,EAAA,KAAKhB,EAAQ,EACjC6C,EAAA,KAAK7C,EAAW,OAEpB,KAAK,QAAQ,MAAM,EACnB,KAAK,QAAQ,OAAO,EACpB,KAAK,QAAU,OACf,KAAK,IAAI,cAAe,EAAK,GAIjC,KAAK,cAAc,KAAO,KAAK,OAI/B,KAAK,cAAc,KAAK,SAAW,KAAK,SAExC,KAAK,cAAc,KAAK,SAAW,KAAK,SACxC,KAAK,cAAc,iBAAiB,QAAQ,aAAa,YAAY,EAAI,GAAG,OAAAJ,EAAI,MAAM,YAAW,MAAK,OAAAA,EAAI,MAAM,KAAI,MAAK,OAAAA,EAAI,MAAM,QAAO,MAAK,YAAK,UAEpJ,KAAK,cAAc,KAAK,MAAQ,KAAK,MAErC,KAAK,cAAc,KAAK,YAAc,KAAK,YAE3C,KAAK,cAAc,KAAK,aAAe,KAAK,aAI5CjB,EAAI,QAAS,cAAe,2CAA2C,YAAK,cAAc,WAAW,KAAK,IAAI,EAAC,IAAG,EAAE,EACpH,KAAK,QAAUwI,EAAG,KAAK,YAAa,KAAK,aAAa,EAGtD,KAAK,QAAQ,GAAG,UAAW,KAAK,WAAW,KAAK,IAAI,CAAC,EAGrD,KAAK,QAAQ,GAAG,KAAK,YAAY,OAAQ,KAAK,kBAAkB,KAAK,IAAI,CAAC,EAG1E,KAAK,QAAQ,GAAG,KAAK,YAAY,QAAS,KAAK,mBAAmB,KAAK,IAAI,CAAC,EAG5E,KAAK,QAAQ,GAAG,aAAc,KAAK,cAAc,KAAK,IAAI,CAAC,EAG3D,KAAK,QAAQ,GAAG,gBAAkB5C,GAAQ,CACjC,UAAU,SAAW,KAC1B5F,EAAI,QAAS,4BAA6B,2CAAsC,OAAA4F,EAAI,SAAWA,CAAG,EAAE,EACpG,KAAK,IAAI,cAAe,EAAK,EAC7B,KAAK,IAAI,cAAeA,CAAG,EAC3B,KAAK,qBAAqB,gCAAiCA,CAAG,EAClE,CAAC,EAGD,KAAK,QAAQ,GAAG,QAAUA,GAAQ,CAC9B5F,EAAI,QAAS,oBAAqB,mCAA8B,OAAA4F,EAAI,SAAWA,CAAG,EAAE,EACpF,KAAK,IAAI,cAAe,EAAK,EAC7B,KAAK,IAAI,cAAeA,CAAG,EAC3B,KAAK,qBAAqB,gCAAiCA,CAAG,CAClE,CAAC,EAGD,KAAK,cAAc,EAEZ,GAyCX,CAuHA,MAAM6C,EAAS,CACXzI,EAAI,QAAS,YAAa,UAAU,EAAE,EAGjCqC,EAAA,KAAKf,KAAc,KAAK,aAAa,MAAOe,EAAA,KAAKf,GAAW,EAE7D,KAAK,UAAY,IACjBtB,EAAI,OAAQ,YAAa,qEAAqE,EAAE,EAGpGA,EAAI,MAAO,YAAa,YAAa,KAAK,QAAS,gBAAgB,YAAK,SAAU,EAAE,EACpFA,EAAI,QAAS,YAAa,gBAAiB,KAAK,YAAa,aAAa,YAAK,OAAQ,EAAE,EAGrFyI,IACIA,EAAQ,cAAgB,QAAaA,EAAQ,cAAgB,MAAQA,EAAQ,cAAgB,IAAI,KAAK,IAAI,cAAeA,EAAQ,WAAW,EAC5IA,EAAQ,SAAW,QAAaA,EAAQ,SAAW,MAAQA,EAAQ,SAAW,IAAI,KAAK,IAAI,SAAUA,EAAQ,MAAM,GAKtH,SAAS,YAAY,QAAU,GAAM,SAAS,YAAY,SAAW,GAAK,SAAS,YAAY,CAAC,EAAE,SAAS,SAAW,EACvHzI,EAAI,OAAQ,YAAa,gEAAgE,EAAE,EAEvFyI,GAAWA,EAAQ,iBAAmB,GAAOzI,EAAI,OAAQ,YAAa,sDAAsD,EAAE,GAE9HA,EAAI,OAAQ,YAAa,qDAAqD,EAAE,EAChF,KAAK,aAAa,GAAG,YAAK,aAAY,+BAA8B,GAO5E,GAAM,CAACyE,CAAK,EAAI,YAAY,iBAAiB,YAAY,EAiBzD,GAfA,KAAK,IAAI,cAAeA,EAAM,IAAI,EAGlC,KAAK,IAAI,UAAW,KAAK,SAAS,CAAC,EAE9B,KAAK,UAAY,GAClBzE,EAAI,QAAS,YAAa,mDAAmD,EAAE,EAE/EA,EAAI,QAAS,YAAa,8DAA8D,EAAE,EAI9F,KAAK,kBAAkB,EAGnB,OAAO,IAAQ,CACf,KAAK,IAAI,QAAS,EAAI,EACtB,GAAI,CACA,KAAK,IAAI,aAAc,OAAO,IAAO,OAAO,CAChD,MAAY,CAAE,CACdA,EAAI,QAAS,YAAa,6BAA6B,YAAK,WAAY,EAAE,CAC9E,MACIA,EAAI,QAAS,YAAa,sBAAsB,EAAE,EAIlD,OAAO,WACP,KAAK,IAAI,SAAU,EAAI,EACvBA,EAAI,QAAS,YAAa,sBAAsB,EAAE,GAElDA,EAAI,QAAS,YAAa,0BAA0B,EAAE,EAGtD,OAAO,YACP,KAAK,IAAI,WAAY,EAAI,EACzBA,EAAI,QAAS,YAAa,wBAAwB,EAAE,GAEpDA,EAAI,QAAS,YAAa,4BAA4B,EAAE,EAW5D,KAAK,SAAS,MAAQuD,GAAQ,CAC1B,GAAIlB,EAAA,KAAKd,KAAe,GAAM,CAC1B,IAAMmH,EAAO,SAAS,eAAe,cAAc,EAC/CA,IAAMA,EAAK,UAAY,KAAK,gBAAgBnF,CAAG,EACvD,CACJ,CAAC,EAED,KAAK,qBAAqB,yBAAyB,CACvD,CAGJ,EAjsEIrC,EAAA,YAEAC,EAAA,YAEAC,EAAA,YAQAC,EAAA,YAEAC,GAAA,YAMAC,EAAA,YAEAC,EAAA,YAEAC,EAAA,YAEAC,EAAA,YAEAC,GAAA,YAMAC,GAAA,YAGAC,GAAA,YA4BAC,EAAA,YAjFAE,EAHef,EAGR,QAAQ,CACX,QAAStB,GACT,KAAM,SACN,YAAa,WACjB,GAPesB,GAytEb0H,GAAY,IAAI5G,GAIjB,OAAO,UAGR/B,EAAI,QAAS,sBAAuB,mFAAmF,EAFvH,OAAO,UAAe2I,GAIrB,OAAO,IAGR3I,EAAI,OAAQ,sBAAuB,4CAA4C,EAF/E,OAAO,IAAS2I,GAOf,OAAO,EAIR3I,EAAI,OAAQ,sBAAuB,kFAAkF,EAFrH,OAAO,EAAO,OAAO,UAAa,EAMjC,OAAO,GAIRA,EAAI,OAAQ,sBAAuB,oFAAoF,EAFvH,OAAO,GAAQ,OAAO,UAAa,GAOvC,IAAO4I,GAAQC,GAGfA,GAAU,MAAM,EAGhB,eAAe,OAAO,UAAWC,CAAM",
+  "names": ["require_ui", "__commonJSMin", "exports", "module", "_a", "Ui", "win", "extLog", "jsonHighlight", "__publicField", "json", "msg", "el", "component", "mdText", "opts", "str", "lang", "md", "html", "url", "newScript", "newStyle", "textFn", "type", "ui", "content", "toaster", "toast", "evt", "config", "notify", "resolve", "reject", "ev", "permit", "response", "contentType", "data", "err", "comp", "attrib", "prop", "parentEl", "components", "ns", "compToAdd", "i", "newEl", "isRecurse", "elParent", "all", "compToRemove", "els", "compToReplace", "elToReplace", "compToUpd", "elToUpd", "__toESM", "__require", "script", "sheet", "node", "cssSelector", "thisOut", "listEntries", "bodyEntries", "headEntries", "cols", "v", "propName", "selection", "out", "p", "key", "uiOptions", "error", "slot", "txtReturn", "import_ui", "_UibVar", "__publicField", "attrib", "oldVal", "newVal", "val", "t", "UibVar", "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", "withErr", "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", "version", "isMinified", "param", "logLevel", "LOG_STYLES", "log", "args", "level", "strLevel", "head", "makeMeAnObject", "thing", "property", "out", "urlJoin", "e", "syntaxHighlight", "json", "match", "cls", "_ui", "Ui", "_a", "_pingInterval", "_propChangeCallbacks", "_msgRecvdByTopicCallbacks", "_timerid", "_MsgHandler", "_isShowMsg", "_isShowStatus", "_intersectionObserver", "_sendUrlHash", "_extCommands", "_managedVars", "_showStatus", "_uiObservers", "Uib", "__publicField", "__privateAdd", "c", "splitC", "event", "__privateGet", "fullPath", "autoloadVars", "id", "prop", "val", "store", "autoload", "value", "autoVars", "title", "details", "callback", "nextCbRef", "propChangeCallback", "cbRef", "topic", "msgRecvdEvtCallback", "msg", "receivedMsg", "serverTimestamp", "offset", "cssSelector", "el", "originator", "ms", "oReq", "headers", "elapsedTime", "__privateSet", "varToCopy", "data", "stop", "threshold", "ioEntries", "entries", "entry", "exists", "url", "deflt", "ret", "toggle", "component", "mdText", "html", "textFn", "type", "ui", "propName", "uiOptions", "showHide", "parent", "slot", "config", "res", "err", "root", "startStop", "send", "showLog", "targetNode", "that", "mutationList", "mu", "oMu", "an", "i", "htmlCache", "msgToSend", "channel", "numMsgs", "domevent", "target", "props", "key", "ignoreAttribs", "attribs", "name", "form", "frmVals", "frmEl", "v", "classes", "payload", "nprops", "cmd", "response", "info", "obj", "r", "receivedCtrlMsg", "txtToSend", "ioNamespace", "u", "t", "delay", "factor", "depth", "reason", "lookup", "options", "eMsg", "uibuilder", "uibuilder_module_default", "uibuilder", "UibVar"]
 }
diff --git a/front-end/uibuilder.iife.js b/front-end/uibuilder.iife.js
index 6f0e721e..06405417 100644
--- a/front-end/uibuilder.iife.js
+++ b/front-end/uibuilder.iife.js
@@ -1021,7 +1021,7 @@
   // src/front-end-module/uibuilder.module.js
   var import_ui = __toESM(require_ui());
 
-  // src/components/uib-var/uib-var.js
+  // src/components/uib-var.js
   var _UibVar = class _UibVar extends HTMLElement {
     //#endregion --- Class Properties ---
     constructor() {
@@ -4651,7 +4651,7 @@
     return json;
   }
   var _ui = new import_ui.default(window, log, syntaxHighlight);
-  var _a, _pingInterval, _propChangeCallbacks, _msgRecvdByTopicCallbacks, _timerid, _MsgHandler, _isShowMsg, _isShowStatus, _intersectionObserver, _extCommands, _managedVars, _showStatus, _uiObservers;
+  var _a, _pingInterval, _propChangeCallbacks, _msgRecvdByTopicCallbacks, _timerid, _MsgHandler, _isShowMsg, _isShowStatus, _intersectionObserver, _sendUrlHash, _extCommands, _managedVars, _showStatus, _uiObservers;
   var Uib = (_a = class {
     // ---- End of ioSetup ---- //
     //#endregion -------- ------------ -------- //
@@ -4691,6 +4691,8 @@
       __privateAdd(this, _isShowStatus, false);
       // Has an IntersectionObserver been created? If so, this will hold the reference to it
       __privateAdd(this, _intersectionObserver, void 0);
+      // If true, URL hash changes send msg back to node-red. Controlled by watchUrlHash()
+      __privateAdd(this, _sendUrlHash, false);
       // Externally accessible command functions (NB: Case must match) - remember to update _uibCommand for new commands
       __privateAdd(this, _extCommands, [
         "get",
@@ -4777,6 +4779,8 @@
       __publicField(this, "purify", false);
       // Is the Markdown-IT library loaded? Updated in start()
       __publicField(this, "markdown", false);
+      // Current URL hash. Initial set is done from start->watchHashChanges via a set to make it watched
+      __publicField(this, "urlHash", location.hash);
       //#endregion ---- ---- ---- ---- //
       // TODO Move to proper getters/setters
       //#region ---- Externally Writable (via .set method, read via .get method) ---- //
@@ -5301,6 +5305,50 @@
       return exists;
     }
     // --- End of elementExists --- //
+    /** Only keep the URL Hash & ignoring query params
+     * @param {string} url URL to extract the hash from
+     * @returns {string} Just the route id
+     */
+    keepHashFromUrl(url2) {
+      if (!url2)
+        return "";
+      return "#" + url2.replace(/^.*#(.*)/, "$1").replace(/\?.*$/, "");
+    }
+    /** Set up an event listener to watch for hash changes
+     * and set the watchable urlHash variable
+     */
+    _watchHashChanges() {
+      this.set("urlHash", location.hash);
+      window.addEventListener("hashchange", (event2) => {
+        this.set("urlHash", location.hash);
+        if (__privateGet(this, _sendUrlHash) === true) {
+          this.send({ topic: "hashChange", payload: location.hash, newHash: this.keepHashFromUrl(event2.newURL), oldHash: this.keepHashFromUrl(event2.oldURL) });
+        }
+      });
+    }
+    /** Returns true/false or a default value for truthy/falsy and other values
+     * @param {string|number|boolean|*} val The value to test
+     * @param {any} deflt Default value to use if the value is not truthy/falsy
+     * @returns {boolean|any} The truth! Or the default
+     */
+    truthy(val, deflt) {
+      let ret;
+      if (["on", "On", "ON", "true", "True", "TRUE", "1", true, 1].includes(val))
+        ret = true;
+      else if (["off", "Off", "OFF", "false", "False", "FALSE", "0", false, 0].includes(val))
+        ret = false;
+      else
+        ret = deflt;
+      return ret;
+    }
+    /** Turn on/off/toggle sending URL hash changes back to Node-RED
+     * @param {string|number|boolean|undefined} [toggle] Optional on/off/etc
+     * @returns {boolean} True if we will send a msg to Node-RED on a hash change
+     */
+    watchUrlHash(toggle) {
+      __privateSet(this, _sendUrlHash, this.truthy(toggle, __privateGet(this, _sendUrlHash) !== true));
+      return __privateGet(this, _sendUrlHash);
+    }
     //#endregion -------- -------- -------- //
     //#region ------- UI handlers --------- //
     //#region -- Direct to _ui --
@@ -5919,8 +5967,9 @@
           msg.payload[entry.key] = entry.val;
         });
       }
-      if (domevent.type === "change")
-        msg._ui.newValue = msg.payload.value = domevent.target.value;
+      if (domevent.type === "change") {
+        msg._ui.newValue = msg.payload.value = "checked" in target ? target.checked : domevent.target.value;
+      }
       log("trace", "Uib:eventSend", "Sending msg to Node-RED", msg)();
       if (target.dataset && target.dataset.length === 0)
         log("warn", "Uib:eventSend", "No payload in msg. data-* attributes should be used.")();
@@ -5928,8 +5977,10 @@
     }
     /** Easily send the entire DOM/HTML msg back to Node-RED
      * @param {string} [originator] A Node-RED node ID to return the message to
+     * @param {boolean} [send] If true (default) directly send response to Node-RED. Is false when calling from Node-RED as a command.
+     * @returns {string} The HTML as a string
      */
-    htmlSend(originator = "") {
+    htmlSend(originator = "", send = true) {
       const out = `<!doctype html>
 ${document.documentElement.outerHTML}`;
       const msg = {
@@ -5938,7 +5989,9 @@ ${document.documentElement.outerHTML}`;
         topic: this.topic
       };
       log("trace", "Uib:htmlSend", "Sending full HTML to Node-RED", msg)();
-      this._send(msg, this._ioChannels.client, originator);
+      if (send === true)
+        this._send(msg, this._ioChannels.client, originator);
+      return out;
     }
     /** Process msg._uib.command - Remember to update #extCommands with new allowed commands
      * @param {object} msg Msg from Node-RED containing a msg._uib object
@@ -5977,7 +6030,7 @@ ${document.documentElement.outerHTML}`;
           break;
         }
         case "htmlSend": {
-          response = this.htmlSend();
+          response = this.htmlSend("", false);
           break;
         }
         case "include": {
@@ -6012,6 +6065,10 @@ ${document.documentElement.outerHTML}`;
           response = this.uiWatch(prop);
           break;
         }
+        case "watchUrlHash": {
+          response = this.watchUrlHash(prop);
+          break;
+        }
         default: {
           log("warning", "Uib:_uibCommand", `Command '${cmd}' not yet implemented`)();
           break;
@@ -6360,6 +6417,7 @@ ioPath: ${this.ioPath}`)();
       } else {
         log("error", "Uib:start", "Start completed. ERROR: Socket.IO client library NOT LOADED.")();
       }
+      this._watchHashChanges();
       if (window["Vue"]) {
         this.set("isVue", true);
         try {
@@ -6392,7 +6450,7 @@ ioPath: ${this.ioPath}`)();
       this._dispatchCustomEvent("uibuilder:startComplete");
     }
     //#endregion -------- ------------ -------- //
-  }, _pingInterval = new WeakMap(), _propChangeCallbacks = new WeakMap(), _msgRecvdByTopicCallbacks = new WeakMap(), _timerid = new WeakMap(), _MsgHandler = new WeakMap(), _isShowMsg = new WeakMap(), _isShowStatus = new WeakMap(), _intersectionObserver = new WeakMap(), _extCommands = new WeakMap(), _managedVars = new WeakMap(), _showStatus = new WeakMap(), _uiObservers = new WeakMap(), //#region --- Static variables ---
+  }, _pingInterval = new WeakMap(), _propChangeCallbacks = new WeakMap(), _msgRecvdByTopicCallbacks = new WeakMap(), _timerid = new WeakMap(), _MsgHandler = new WeakMap(), _isShowMsg = new WeakMap(), _isShowStatus = new WeakMap(), _intersectionObserver = new WeakMap(), _sendUrlHash = new WeakMap(), _extCommands = new WeakMap(), _managedVars = new WeakMap(), _showStatus = new WeakMap(), _uiObservers = new WeakMap(), //#region --- Static variables ---
   __publicField(_a, "_meta", {
     version,
     type: "module",
diff --git a/front-end/uibuilder.iife.min.js b/front-end/uibuilder.iife.min.js
index 053975ac..fbe0aebf 100644
--- a/front-end/uibuilder.iife.min.js
+++ b/front-end/uibuilder.iife.min.js
@@ -1,2 +1,2 @@
-(()=>{var _t=Object.create;var le=Object.defineProperty;var Et=Object.getOwnPropertyDescriptor;var Ct=Object.getOwnPropertyNames;var St=Object.getPrototypeOf,Nt=Object.prototype.hasOwnProperty;var xt=(s,e,t)=>e in s?le(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var Be=(s=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(s,{get:(e,t)=>(typeof require<"u"?require:e)[t]}):s)(function(s){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+s+'" is not supported')});var Ot=(s,e)=>()=>(e||s((e={exports:{}}).exports,e),e.exports),Rt=(s,e)=>{for(var t in e)le(s,t,{get:e[t],enumerable:!0})},At=(s,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of Ct(e))!Nt.call(s,n)&&n!==t&&le(s,n,{get:()=>e[n],enumerable:!(i=Et(e,n))||i.enumerable});return s};var _e=(s,e,t)=>(t=s!=null?_t(St(s)):{},At(e||!s||!s.__esModule?le(t,"default",{value:s,enumerable:!0}):t,s));var h=(s,e,t)=>(xt(s,typeof e!="symbol"?e+"":e,t),t),De=(s,e,t)=>{if(!e.has(s))throw TypeError("Cannot "+t)};var u=(s,e,t)=>(De(s,e,"read from private field"),t?t.call(s):e.get(s)),C=(s,e,t)=>{if(e.has(s))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(s):e.set(s,t)},A=(s,e,t,i)=>(De(s,e,"write to private field"),i?i.call(s,t):e.set(s,t),t);var qe=Ot((ii,Pe)=>{var d,Tt=(d=class{constructor(e,t,i){h(this,"version","6.6.0-src");h(this,"sanitiseExtraTags",["uib-var"]);h(this,"sanitiseExtraAttribs",["variable","report","undefined"]);h(this,"window");if(e)this.window=e;else throw new Error("Ui:constructor. Current environment does not include `window`, UI functions cannot be used.");this.document=this.window.document,t?d.log=t:d.log=function(){return function(){}},i?this.syntaxHighlight=i:this.syntaxHighlight=function(){}}ui(e){let t={};e._ui?t=e:t._ui=e,this._uiManager(t)}replaceSlot(e,t){t.slot&&e&&(this.window.DOMPurify&&(t.slot=this.window.DOMPurify.sanitize(t.slot)),e.innerHTML=t.slot)}convertMarkdown(e){if(!e)return"";if(!this.window.markdownit)return e;let t={html:!0,linkify:!0,_highlight:!0,langPrefix:"language-",highlight(n,r){if(r&&this.window.hljs&&this.window.hljs.getLanguage(r))try{return'<pre class="highlight" data-language="'.concat(r.toUpperCase(),'">\n                                <code class="language-').concat(r,'">').concat(this.window.hljs.highlightAuto(n).value,"</code></pre>")}finally{}return'<pre class="highlight"><code>'.concat(i.utils.escapeHtml(n),"</code></pre>")}},i=this.window.markdownit(t);return i.render(e)}sanitiseHTML(e){return this.window.DOMPurify?this.window.DOMPurify.sanitize(e,{ADD_TAGS:this.sanitiseExtraTags,ADD_ATTR:this.sanitiseExtraAttribs}):e}replaceSlotMarkdown(e,t){e&&t.slotMarkdown&&(t.slotMarkdown=this.convertMarkdown(t.slotMarkdown),t.slotMarkdown=this.sanitiseHTML(t.slotMarkdown),e.innerHTML=t.slotMarkdown)}loadScriptSrc(e){let t=this.document.createElement("script");t.src=e,t.async=!1,this.document.head.appendChild(t)}loadStyleSrc(e){let t=this.document.createElement("link");t.href=e,t.rel="stylesheet",t.type="text/css",this.document.head.appendChild(t)}loadScriptTxt(e){let t=this.document.createElement("script");t.async=!1,t.textContent=e,this.document.head.appendChild(t)}loadStyleTxt(e){let t=this.document.createElement("style");t.textContent=e,this.document.head.appendChild(t)}showDialog(e,t,i){let n="";if(i.payload&&typeof i.payload=="string"&&(n+=i.payload),t.content&&(n+=t.content),n===""){d.log(1,"Ui:showDialog","Toast content is blank. Not shown.")();return}!t.title&&i.topic&&(t.title=i.topic),t.title&&(n='<p class="toast-head">'.concat(t.title,"</p><p>").concat(n,"</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,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 r=this.document.getElementById("toaster");r===null&&(r=this.document.createElement("div"),r.id="toaster",r.title="Click to clear all notifcations",r.setAttribute("class","toaster"),r.setAttribute("role","dialog"),r.setAttribute("arial-label","Toast message"),r.onclick=function(){r.remove()},this.document.body.insertAdjacentElement("afterbegin",r));let o=this.document.createElement("div");o.title="Click to clear this notifcation",o.setAttribute("class","toast ".concat(t.variant?t.variant:""," ").concat(e)),o.innerHTML=n,o.setAttribute("role","alertdialog"),t.modal&&o.setAttribute("aria-modal",t.modal),o.onclick=function(c){c.stopPropagation(),o.remove(),r.childElementCount<1&&r.remove()},r.insertAdjacentElement(t.appendToast===!0?"beforeend":"afterbegin",o),t.autohide===!0&&setInterval(()=>{o.remove(),r.childElementCount<1&&r.remove()},t.autoHideDelay)}_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,n)=>{t.addEventListener("close",r=>{r.currentTarget.userAction="close",i(r)}),t.addEventListener("click",r=>{r.currentTarget.userAction="click",i(r)}),t.addEventListener("error",r=>{r.currentTarget.userAction="error",n(r)})})}catch{return Promise.reject(new Error("Browser refused to create a Notification"))}}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")))}loadui(e){if(!fetch){d.log(0,"Ui:loadui","Current environment does not include `fetch`, skipping.")();return}if(!e){d.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));d.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?(d.log("trace","Ui:loadui:then2","Parsed JSON successfully obtained")(),this._uiManager({_ui:t}),!0):!1).catch(t=>{d.log("warn","Ui:loadui:catch","Error. ",t)()})}_uiComposeComponent(e,t){t.attributes&&Object.keys(t.attributes).forEach(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,n=>{new Function("evt","".concat(t.events[i],"(evt)"))(n)})}catch(n){d.log("error","Ui:_uiComposeComponent","Add event '".concat(i,"' for element '").concat(t.type,"': Cannot add event handler. ").concat(n.message))()}}),t.properties&&Object.keys(t.properties).forEach(i=>{e[i]=t.properties[i]}),t.slot&&this.replaceSlot(e,t),t.slotMarkdown&&this.replaceSlotMarkdown(e,t)}uiEnhanceElement(e,t){this._uiComposeComponent(e,t)}_uiExtendEl(e,t,i=""){t.forEach((n,r)=>{d.log("trace","Ui:_uiExtendEl:components-forEach:".concat(r),n)();let o;n.ns=i,n.ns==="html"?(o=e,e.innerHTML=n.slot):n.ns==="svg"?(o=this.document.createElementNS("http://www.w3.org/2000/svg",n.type),this._uiComposeComponent(o,n),e.appendChild(o)):(o=this.document.createElement(n.type==="html"?"div":n.type),this._uiComposeComponent(o,n),e.appendChild(o)),n.components&&this._uiExtendEl(o,n.components,n.ns)})}_uiAdd(e,t){d.log("trace","Ui:_uiManager:add","Starting _uiAdd")(),e.components.forEach((i,n)=>{d.log("trace","Ui:_uiAdd:components-forEach:".concat(n),"Component to add: ",i)();let r;switch(i.type){case"html":{i.ns="html",r=this.document.createElement("div");break}case"svg":{i.ns="svg",r=this.document.createElementNS("http://www.w3.org/2000/svg","svg");break}default:{i.ns="dom",r=this.document.createElement(i.type);break}}!i.slot&&e.payload&&(i.slot=e.payload),this._uiComposeComponent(r,i);let o;i.parentEl?o=i.parentEl:e.parentEl?o=e.parentEl:i.parent?o=this.document.querySelector(i.parent):e.parent&&(o=this.document.querySelector(e.parent)),o||(d.log("info","Ui:_uiAdd","No parent found, adding to body")(),o=this.document.querySelector("body")),i.position&&i.position==="first"?o.insertBefore(r,o.firstChild):i.position&&Number.isInteger(Number(i.position))?o.insertBefore(r,o.children[i.position]):o.appendChild(r),i.components&&this._uiExtendEl(r,i.components,i.ns)})}_uiRemove(e,t=!1){e.components.forEach(i=>{let n;t!==!0?n=[this.document.querySelector(i)]:n=this.document.querySelectorAll(i),n.forEach(r=>{try{r.remove()}catch(o){d.log("trace","Ui:_uiRemove","Could not remove. ".concat(o.message))()}})})}_uiReplace(e){d.log("trace","Ui:_uiReplace","Starting")(),e.components.forEach((t,i)=>{d.log("trace","Ui:_uiReplace:components-forEach:".concat(i),"Component to replace: ",t)();let n;if(t.id?n=this.document.getElementById(t.id):t.selector||t.select?n=this.document.querySelector(t.selector):t.name?n=this.document.querySelector('[name="'.concat(t.name,'"]')):t.type&&(n=this.document.querySelector(t.type)),d.log("trace","Ui:_uiReplace:components-forEach:".concat(i),"Element to replace: ",n)(),n==null){d.log("trace","Ui:_uiReplace:components-forEach:".concat(i,":noReplace"),"Cannot find the DOM element. Adding instead.",t)(),this._uiAdd({components:[t]},!1);return}let r;switch(t.type){case"html":{t.ns="html",r=this.document.createElement("div");break}case"svg":{t.ns="svg",r=this.document.createElementNS("http://www.w3.org/2000/svg","svg");break}default:{t.ns="dom",r=this.document.createElement(t.type);break}}this._uiComposeComponent(r,t),n.replaceWith(r),t.components&&this._uiExtendEl(r,t.components,t.ns)})}_uiUpdate(e){d.log("trace","Ui:_uiManager:update","Starting _uiUpdate")(),e.components||(e.components=[Object.assign({},e)]),e.components.forEach((t,i)=>{d.log("trace","_uiUpdate:components-forEach","Component #".concat(i),t)();let n;if(t.id?n=this.document.querySelectorAll("#".concat(t.id)):t.selector||t.select?n=this.document.querySelectorAll(t.selector):t.name?n=this.document.querySelectorAll('[name="'.concat(t.name,'"]')):t.type&&(n=this.document.querySelectorAll(t.type)),n===void 0||n.length<1){d.log("warn","Ui:_uiManager:update","Cannot find the DOM element. Ignoring.",t)();return}d.log("trace","_uiUpdate:components-forEach","Element(s) to update. Count: ".concat(n.length),n)(),!t.slot&&t.payload&&(t.slot=t.payload),n.forEach(r=>{this._uiComposeComponent(r,t)}),t.components&&n.forEach(r=>{d.log("trace","_uiUpdate:components","el",r)(),this._uiUpdate({method:e.method,parentEl:r,components:t.components})})})}_uiLoad(e){e.components&&(Array.isArray(e.components)||(e.components=[e.components]),e.components.forEach(async t=>{await Promise.resolve().then(()=>_e(Be(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")))}_uiReload(){d.log("trace","Ui:uiManager:reload","reloading")(),location.reload()}_uiManager(e){e._ui&&(Array.isArray(e._ui)||(e._ui=[e._ui]),e._ui.forEach((t,i)=>{if(!t.method){d.log("error","Ui:_uiManager","No method defined for msg._ui[".concat(i,"]. Ignoring"))();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:{d.log("error","Ui:_uiManager","Invalid msg._ui[".concat(i,"].method (").concat(t.method,"). Ignoring"))();break}}}))}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 n=this.document.querySelectorAll("".concat(t," li"));n&&(i.list={entries:n.length})}if(e.nodeName==="DL"){let n=this.document.querySelectorAll("".concat(t," dt"));n&&(i.list={entries:n.length})}if(e.nodeName==="TABLE"){let n=this.document.querySelectorAll("".concat(t," > tbody > tr")),r=this.document.querySelectorAll("".concat(t," > thead > tr")),o=this.document.querySelectorAll("".concat(t," > tbody > tr:last-child > *"));(n||r||o)&&(i.table={headRows:r?r.length:0,bodyRows:n?n.length:0,columns:o?o.length:0})}if(e.nodeName!=="#text"&&e.attributes&&e.attributes.length>0){i.attributes={};for(let n of e.attributes)n.name!=="id"&&(i.attributes[n.name]=e.attributes[n.name].value)}e.nodeName==="#text"&&(i.text=e.textContent),e.validity&&(i.userInput.validity={});for(let n in e.validity)i.userInput.validity[n]=e.validity[n];return i}uiGet(e,t=null){let i=this.document.querySelectorAll(e),n=[];return i.forEach(r=>{if(t!==null&&t!==""){let o=r.getAttribute(t);if(o==null)try{o=r[t]}catch{}if(o==null)t.toLowerCase()==="value"?n.push(r.innerText):n.push("Property '".concat(t,"' not found"));else if(o.constructor.name==="NamedNodeMap"){let c={};for(let l of o)c[l.name]=o[l.name].value;n.push(c)}else if(!o.constructor.name.toLowerCase().includes("map"))n.push({[t]:o});else{let c={};for(let l in o)c[l]=o[l];n.push(c)}}else n.push(this.nodeGet(r,e))}),n}async include(e,t){if(!fetch)return d.log(0,"Ui:include","Current environment does not include `fetch`, skipping.")(),"Current environment does not include `fetch`, skipping.";if(!e)return d.log(0,"Ui:include","url parameter must be provided, skipping.")(),"url parameter must be provided, skipping.";if(!t||!t.id)return d.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(m){return d.log(0,"Ui:include","Fetch of file '".concat(e,"' failed. "),m.message)(),m.message}if(!i.ok)return d.log(0,"Ui:include","Fetch of file '".concat(e,"' failed. Status='").concat(i.statusText,"'"))(),i.statusText;let n=await i.headers.get("content-type"),r=null;n&&(n.includes("text/html")?r="html":n.includes("application/json")?r="json":n.includes("multipart/form-data")?r="form":n.includes("image/")?r="image":n.includes("video/")?r="video":n.includes("application/pdf")?r="pdf":n.includes("text/plain")&&(r="text"));let o="",c="Include successful",l;switch(r){case"html":{l=await i.text(),o=l;break}case"json":{l=await i.json(),o='<pre class="syntax-highlight">',o+=this.syntaxHighlight(l),o+="</pre>";break}case"form":{l=await i.formData(),o='<pre class="syntax-highlight">',o+=this.syntaxHighlight(l),o+="</pre>";break}case"image":{l=await i.blob(),o='<img src="'.concat(URL.createObjectURL(l),'">'),this.window.DOMPurify&&(c="Include successful. BUT DOMPurify loaded which may block its use.",d.log("warn","Ui:include:image",c)());break}case"video":{l=await i.blob(),o='<video controls autoplay><source src="'.concat(URL.createObjectURL(l),'"></video>'),this.window.DOMPurify&&(c="Include successful. BUT DOMPurify loaded which may block its use.",d.log("warn","Ui:include:video",c)());break}case"pdf":case"text":default:{l=await i.blob(),o='<iframe style="resize:both;width:inherit;height:inherit;" src="'.concat(URL.createObjectURL(l),'">'),this.window.DOMPurify&&(c="Include successful. BUT DOMPurify loaded which may block its use.",d.log("warn","Ui:include:".concat(r),c)());break}}return t.type="div",t.slot=o,t.parent||(t.parent="body"),t.attributes||(t.attributes={class:"included"}),this._uiReplace({components:[t]}),d.log("trace","Ui:include:".concat(r),c)(),c}},h(d,"log"),d);Pe.exports=Tt});var vt=_e(qe());var F=class F extends HTMLElement{constructor(){super();h(this,"variable");h(this,"value");h(this,"undefined",!1);h(this,"report",!1);h(this,"type","plain");h(this,"types",["plain","html","markdown","object"]);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","../uibuilder/uib-brand.min.css"),this.dispatchEvent(new Event("uib-var:construction",{bubbles:!0,composed:!0}))}static get observedAttributes(){return F.props}attributeChangedCallback(t,i,n){if(i!==n)switch(t){case"variable":{if(n==="")throw new Error('[uib-var] Attribute "variable" MUST be set to a UIBUILDER managed variable name');this.variable=n,this.doWatch();break}case"undefined":{n===""||["on","true","report"].includes(n.toLowerCase())?this.undefined=!0:this.undefined=!1;break}case"report":{n===""||["on","true","report"].includes(n.toLowerCase())?this.report=!0:this.report=!1;break}case"type":{n===""||!this.types.includes(n.toLowerCase())?this.type="plain":this.type=n;break}default:{this[t]=n;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(++F._iCount))}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(){if(this.value===void 0&&this.undefined!==!0){this.shadow.innerHTML="<slot></slot>";return}let t=this.value;switch(this.type){case"markdown":{this.shadow.innerHTML=window.uibuilder.sanitiseHTML(window.uibuilder.convertMarkdown(t));break}case"object":{this.shadow.innerHTML='<pre class="syntax-highlight">'.concat(window.uibuilder.syntaxHighlight(t),"</pre>");break}case"plain":case"html":default:{let i=typeof t;if(Array.isArray(t)||i==="[object Object]"||i==="object")try{this.shadow.innerHTML=JSON.stringify(t)}catch{this.shadow.innerHTML=t}else this.shadow.innerHTML=t;break}}this.shadow.appendChild(this.css)}};h(F,"_iCount",0),h(F,"props",["name","id","variable","undefined","report","type"]);var G=F;var x=Object.create(null);x.open="0";x.close="1";x.ping="2";x.pong="3";x.message="4";x.upgrade="5";x.noop="6";var X=Object.create(null);Object.keys(x).forEach(s=>{X[x[s]]=s});var Q={type:"error",data:"parser error"};var Fe=typeof Blob=="function"||typeof Blob<"u"&&Object.prototype.toString.call(Blob)==="[object BlobConstructor]",je=typeof ArrayBuffer=="function",We=s=>typeof ArrayBuffer.isView=="function"?ArrayBuffer.isView(s):s&&s.buffer instanceof ArrayBuffer,Z=({type:s,data:e},t,i)=>Fe&&e instanceof Blob?t?i(e):Ve(e,i):je&&(e instanceof ArrayBuffer||We(e))?t?i(e):Ve(new Blob([e]),i):i(x[s]+(e||"")),Ve=(s,e)=>{let t=new FileReader;return t.onload=function(){let i=t.result.split(",")[1];e("b"+(i||""))},t.readAsDataURL(s)};function He(s){return s instanceof Uint8Array?s:s instanceof ArrayBuffer?new Uint8Array(s):new Uint8Array(s.buffer,s.byteOffset,s.byteLength)}var Ee;function Ke(s,e){if(Fe&&s.data instanceof Blob)return s.data.arrayBuffer().then(He).then(e);if(je&&(s.data instanceof ArrayBuffer||We(s.data)))return e(He(s.data));Z(s,!1,t=>{Ee||(Ee=new TextEncoder),e(Ee.encode(t))})}var Je="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",ee=typeof Uint8Array>"u"?[]:new Uint8Array(256);for(let s=0;s<Je.length;s++)ee[Je.charCodeAt(s)]=s;var ze=s=>{let e=s.length*.75,t=s.length,i,n=0,r,o,c,l;s[s.length-1]==="="&&(e--,s[s.length-2]==="="&&e--);let m=new ArrayBuffer(e),b=new Uint8Array(m);for(i=0;i<t;i+=4)r=ee[s.charCodeAt(i)],o=ee[s.charCodeAt(i+1)],c=ee[s.charCodeAt(i+2)],l=ee[s.charCodeAt(i+3)],b[n++]=r<<2|o>>4,b[n++]=(o&15)<<4|c>>2,b[n++]=(c&3)<<6|l&63;return m};var $t=typeof ArrayBuffer=="function",te=(s,e)=>{if(typeof s!="string")return{type:"message",data:Ye(s,e)};let t=s.charAt(0);return t==="b"?{type:"message",data:Lt(s.substring(1),e)}:X[t]?s.length>1?{type:X[t],data:s.substring(1)}:{type:X[t]}:Q},Lt=(s,e)=>{if($t){let t=ze(s);return Ye(t,e)}else return{base64:!0,data:s}},Ye=(s,e)=>{switch(e){case"blob":return s instanceof Blob?s:new Blob([s]);case"arraybuffer":default:return s instanceof ArrayBuffer?s:s.buffer}};var Ge=String.fromCharCode(30),Xe=(s,e)=>{let t=s.length,i=new Array(t),n=0;s.forEach((r,o)=>{Z(r,!1,c=>{i[o]=c,++n===t&&e(i.join(Ge))})})},Qe=(s,e)=>{let t=s.split(Ge),i=[];for(let n=0;n<t.length;n++){let r=te(t[n],e);if(i.push(r),r.type==="error")break}return i};function Ze(){return new TransformStream({transform(s,e){Ke(s,t=>{let i=t.length,n;if(i<126)n=new Uint8Array(1),new DataView(n.buffer).setUint8(0,i);else if(i<65536){n=new Uint8Array(3);let r=new DataView(n.buffer);r.setUint8(0,126),r.setUint16(1,i)}else{n=new Uint8Array(9);let r=new DataView(n.buffer);r.setUint8(0,127),r.setBigUint64(1,BigInt(i))}s.data&&typeof s.data!="string"&&(n[0]|=128),e.enqueue(n),e.enqueue(t)})}})}var Ce;function he(s){return s.reduce((e,t)=>e+t.length,0)}function ue(s,e){if(s[0].length===e)return s.shift();let t=new Uint8Array(e),i=0;for(let n=0;n<e;n++)t[n]=s[0][i++],i===s[0].length&&(s.shift(),i=0);return s.length&&i<s[0].length&&(s[0]=s[0].slice(i)),t}function et(s,e){Ce||(Ce=new TextDecoder);let t=[],i=0,n=-1,r=!1;return new TransformStream({transform(o,c){for(t.push(o);;){if(i===0){if(he(t)<1)break;let l=ue(t,1);r=(l[0]&128)===128,n=l[0]&127,n<126?i=3:n===126?i=1:i=2}else if(i===1){if(he(t)<2)break;let l=ue(t,2);n=new DataView(l.buffer,l.byteOffset,l.length).getUint16(0),i=3}else if(i===2){if(he(t)<8)break;let l=ue(t,8),m=new DataView(l.buffer,l.byteOffset,l.length),b=m.getUint32(0);if(b>Math.pow(2,53-32)-1){c.enqueue(Q);break}n=b*Math.pow(2,32)+m.getUint32(4),i=3}else{if(he(t)<n)break;let l=ue(t,n);c.enqueue(te(r?l:Ce.decode(l),e)),i=0}if(n===0||n>s){c.enqueue(Q);break}}}})}var Se=4;function y(s){if(s)return It(s)}function It(s){for(var e in y.prototype)s[e]=y.prototype[e];return s}y.prototype.on=y.prototype.addEventListener=function(s,e){return this._callbacks=this._callbacks||{},(this._callbacks["$"+s]=this._callbacks["$"+s]||[]).push(e),this};y.prototype.once=function(s,e){function t(){this.off(s,t),e.apply(this,arguments)}return t.fn=e,this.on(s,t),this};y.prototype.off=y.prototype.removeListener=y.prototype.removeAllListeners=y.prototype.removeEventListener=function(s,e){if(this._callbacks=this._callbacks||{},arguments.length==0)return this._callbacks={},this;var t=this._callbacks["$"+s];if(!t)return this;if(arguments.length==1)return delete this._callbacks["$"+s],this;for(var i,n=0;n<t.length;n++)if(i=t[n],i===e||i.fn===e){t.splice(n,1);break}return t.length===0&&delete this._callbacks["$"+s],this};y.prototype.emit=function(s){this._callbacks=this._callbacks||{};for(var e=new Array(arguments.length-1),t=this._callbacks["$"+s],i=1;i<arguments.length;i++)e[i-1]=arguments[i];if(t){t=t.slice(0);for(var i=0,n=t.length;i<n;++i)t[i].apply(this,e)}return this};y.prototype.emitReserved=y.prototype.emit;y.prototype.listeners=function(s){return this._callbacks=this._callbacks||{},this._callbacks["$"+s]||[]};y.prototype.hasListeners=function(s){return!!this.listeners(s).length};var k=(()=>typeof self<"u"?self:typeof window<"u"?window:Function("return this")())();function de(s,...e){return e.reduce((t,i)=>(s.hasOwnProperty(i)&&(t[i]=s[i]),t),{})}var Ut=k.setTimeout,Mt=k.clearTimeout;function $(s,e){e.useNativeTimers?(s.setTimeoutFn=Ut.bind(k),s.clearTimeoutFn=Mt.bind(k)):(s.setTimeoutFn=k.setTimeout.bind(k),s.clearTimeoutFn=k.clearTimeout.bind(k))}var Bt=1.33;function tt(s){return typeof s=="string"?Dt(s):Math.ceil((s.byteLength||s.size)*Bt)}function Dt(s){let e=0,t=0;for(let i=0,n=s.length;i<n;i++)e=s.charCodeAt(i),e<128?t+=1:e<2048?t+=2:e<55296||e>=57344?t+=3:(i++,t+=4);return t}function it(s){let e="";for(let t in s)s.hasOwnProperty(t)&&(e.length&&(e+="&"),e+=encodeURIComponent(t)+"="+encodeURIComponent(s[t]));return e}function st(s){let e={},t=s.split("&");for(let i=0,n=t.length;i<n;i++){let r=t[i].split("=");e[decodeURIComponent(r[0])]=decodeURIComponent(r[1])}return e}var Ne=class extends Error{constructor(e,t,i){super(e),this.description=t,this.context=i,this.type="TransportError"}},L=class extends y{constructor(e){super(),this.writable=!1,$(this,e),this.opts=e,this.query=e.query,this.socket=e.socket}onError(e,t,i){return super.emitReserved("error",new Ne(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=te(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=it(e);return t.length?"?"+t:""}};var at="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz-_".split(""),xe=64,Pt={},nt=0,fe=0,rt;function ot(s){let e="";do e=at[s%xe]+e,s=Math.floor(s/xe);while(s>0);return e}function pe(){let s=ot(+new Date);return s!==rt?(nt=0,rt=s):s+"."+ot(nt++)}for(;fe<xe;fe++)Pt[at[fe]]=fe;var ct=!1;try{ct=typeof XMLHttpRequest<"u"&&"withCredentials"in new XMLHttpRequest}catch{}var lt=ct;function Oe(s){let e=s.xdomain;try{if(typeof XMLHttpRequest<"u"&&(!e||lt))return new XMLHttpRequest}catch{}if(!e)try{return new k[["Active"].concat("Object").join("X")]("Microsoft.XMLHTTP")}catch{}}function qt(){}var Vt=function(){return new Oe({xdomain:!1}).responseType!=null}(),me=class extends L{constructor(e){if(super(e),this.polling=!1,typeof location<"u"){let i=location.protocol==="https:",n=location.port;n||(n=i?"443":"80"),this.xd=typeof location<"u"&&e.hostname!==location.hostname||n!==e.port}let t=e&&e.forceBase64;this.supportsBinary=Vt&&!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)};Qe(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,Xe(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]=pe()),!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 I(this.uri(),e)}doWrite(e,t){let i=this.request({method:"POST",data:e});i.on("success",t),i.on("error",(n,r)=>{this.onError("xhr post error",n,r)})}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}},I=class s extends y{constructor(e,t){super(),$(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=de(this.opts,"agent","pfx","key","passphrase","cert","ca","ciphers","rejectUnauthorized","autoUnref");t.xdomain=!!this.opts.xd;let i=this.xhr=new Oe(t);try{i.open(this.method,this.uri,!0);try{if(this.opts.extraHeaders){i.setDisableHeaderCheck&&i.setDisableHeaderCheck(!0);for(let n in this.opts.extraHeaders)this.opts.extraHeaders.hasOwnProperty(n)&&i.setRequestHeader(n,this.opts.extraHeaders[n])}}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 n;i.readyState===3&&((n=this.opts.cookieJar)===null||n===void 0||n.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(n){this.setTimeoutFn(()=>{this.onError(n)},0);return}typeof document<"u"&&(this.index=s.requestsCount++,s.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=qt,e)try{this.xhr.abort()}catch{}typeof document<"u"&&delete s.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()}};I.requestsCount=0;I.requests={};if(typeof document<"u"){if(typeof attachEvent=="function")attachEvent("onunload",ht);else if(typeof addEventListener=="function"){let s="onpagehide"in k?"pagehide":"unload";addEventListener(s,ht,!1)}}function ht(){for(let s in I.requests)I.requests.hasOwnProperty(s)&&I.requests[s].abort()}var B=(()=>typeof Promise=="function"&&typeof Promise.resolve=="function"?e=>Promise.resolve().then(e):(e,t)=>t(e,0))(),ie=k.WebSocket||k.MozWebSocket,ge=!0,ut="arraybuffer";var dt=typeof navigator<"u"&&typeof navigator.product=="string"&&navigator.product.toLowerCase()==="reactnative",ye=class extends L{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=dt?{}:de(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=ge&&!dt?t?new ie(e,t):new ie(e):new ie(e,t,i)}catch(n){return this.emitReserved("error",n)}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],n=t===e.length-1;Z(i,this.supportsBinary,r=>{let o={};ge||(i.options&&(o.compress=i.options.compress),this.opts.perMessageDeflate&&(typeof r=="string"?Buffer.byteLength(r):r.length)<this.opts.perMessageDeflate.threshold&&(o.compress=!1));try{ge?this.ws.send(r):this.ws.send(r,o)}catch{}n&&B(()=>{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]=pe()),this.supportsBinary||(t.b64=1),this.createUri(e,t)}check(){return!!ie}};var be=class extends L{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=et(Number.MAX_SAFE_INTEGER,this.socket.binaryType),i=e.readable.pipeThrough(t).getReader(),n=Ze();n.readable.pipeTo(e.writable),this.writer=n.writable.getWriter();let r=()=>{i.read().then(({done:c,value:l})=>{c||(this.onPacket(l),r())}).catch(c=>{})};r();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],n=t===e.length-1;this.writer.write(i).then(()=>{n&&B(()=>{this.writable=!0,this.emitReserved("drain")},this.setTimeoutFn)})}}doClose(){var e;(e=this.transport)===null||e===void 0||e.close()}};var Re={websocket:ye,webtransport:be,polling:me};var Ht=/^(?:(?![^:@\/?#]+:[^:@\/]*@)(http|https|ws|wss):\/\/)?((?:(([^:@\/?#]*)(?::([^:@\/?#]*))?)?@)?((?:[a-f0-9]{0,4}:){2,7}[a-f0-9]{0,4}|[^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/,Ft=["source","protocol","authority","userInfo","user","password","host","port","relative","path","directory","file","query","anchor"];function j(s){let e=s,t=s.indexOf("["),i=s.indexOf("]");t!=-1&&i!=-1&&(s=s.substring(0,t)+s.substring(t,i).replace(/:/g,";")+s.substring(i,s.length));let n=Ht.exec(s||""),r={},o=14;for(;o--;)r[Ft[o]]=n[o]||"";return t!=-1&&i!=-1&&(r.source=e,r.host=r.host.substring(1,r.host.length-1).replace(/;/g,":"),r.authority=r.authority.replace("[","").replace("]","").replace(/;/g,":"),r.ipv6uri=!0),r.pathNames=jt(r,r.path),r.queryKey=Wt(r,r.query),r}function jt(s,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 Wt(s,e){let t={};return e.replace(/(?:^|&)([^&=]*)=?([^&]*)/g,function(i,n,r){n&&(t[n]=r)}),t}var D=class s extends y{constructor(e,t={}){super(),this.binaryType=ut,this.writeBuffer=[],e&&typeof e=="object"&&(t=e,e=null),e?(e=j(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=j(t.host).host),$(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=st(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=Se,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 Re[e](i)}open(){let e;if(this.opts.rememberUpgrade&&s.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;s.priorWebsocketSuccess=!1;let n=()=>{i||(t.send([{type:"ping",data:"probe"}]),t.once("packet",N=>{if(!i)if(N.type==="pong"&&N.data==="probe"){if(this.upgrading=!0,this.emitReserved("upgrading",t),!t)return;s.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 _=new Error("probe error");_.transport=t.name,this.emitReserved("upgradeError",_)}}))};function r(){i||(i=!0,b(),t.close(),t=null)}let o=N=>{let _=new Error("probe error: "+N);_.transport=t.name,r(),this.emitReserved("upgradeError",_)};function c(){o("transport closed")}function l(){o("socket closed")}function m(N){t&&N.name!==t.name&&r()}let b=()=>{t.removeListener("open",n),t.removeListener("error",o),t.removeListener("close",c),this.off("close",l),this.off("upgrading",m)};t.once("open",n),t.once("error",o),t.once("close",c),this.once("close",l),this.once("upgrading",m),this.upgrades.indexOf("webtransport")!==-1&&e!=="webtransport"?this.setTimeoutFn(()=>{i||t.open()},200):t.open()}onOpen(){if(this.readyState="open",s.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 n=this.writeBuffer[i].data;if(n&&(t+=tt(n)),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,n){if(typeof t=="function"&&(n=t,t=void 0),typeof i=="function"&&(n=i,i=null),this.readyState==="closing"||this.readyState==="closed")return;i=i||{},i.compress=i.compress!==!1;let r={type:e,data:t,options:i};this.emitReserved("packetCreate",r),this.writeBuffer.push(r),n&&this.once("flush",n),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){s.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,n=e.length;for(;i<n;i++)~this.transports.indexOf(e[i])&&t.push(e[i]);return t}};D.protocol=Se;var fs=D.protocol;function ft(s,e="",t){let i=s;t=t||typeof location<"u"&&location,s==null&&(s=t.protocol+"//"+t.host),typeof s=="string"&&(s.charAt(0)==="/"&&(s.charAt(1)==="/"?s=t.protocol+s:s=t.host+s),/^(https?|wss?):\/\//.test(s)||(typeof t<"u"?s=t.protocol+"//"+s:s="https://"+s),i=j(s)),i.port||(/^(http|ws)$/.test(i.protocol)?i.port="80":/^(http|ws)s$/.test(i.protocol)&&(i.port="443")),i.path=i.path||"/";let r=i.host.indexOf(":")!==-1?"["+i.host+"]":i.host;return i.id=i.protocol+"://"+r+":"+i.port+e,i.href=i.protocol+"://"+r+(t&&t.port===i.port?"":":"+i.port),i}var Ue={};Rt(Ue,{Decoder:()=>Le,Encoder:()=>$e,PacketType:()=>f,protocol:()=>bt});var Kt=typeof ArrayBuffer=="function",Jt=s=>typeof ArrayBuffer.isView=="function"?ArrayBuffer.isView(s):s.buffer instanceof ArrayBuffer,pt=Object.prototype.toString,zt=typeof Blob=="function"||typeof Blob<"u"&&pt.call(Blob)==="[object BlobConstructor]",Yt=typeof File=="function"||typeof File<"u"&&pt.call(File)==="[object FileConstructor]";function ne(s){return Kt&&(s instanceof ArrayBuffer||Jt(s))||zt&&s instanceof Blob||Yt&&s instanceof File}function se(s,e){if(!s||typeof s!="object")return!1;if(Array.isArray(s)){for(let t=0,i=s.length;t<i;t++)if(se(s[t]))return!0;return!1}if(ne(s))return!0;if(s.toJSON&&typeof s.toJSON=="function"&&arguments.length===1)return se(s.toJSON(),!0);for(let t in s)if(Object.prototype.hasOwnProperty.call(s,t)&&se(s[t]))return!0;return!1}function mt(s){let e=[],t=s.data,i=s;return i.data=Ae(t,e),i.attachments=e.length,{packet:i,buffers:e}}function Ae(s,e){if(!s)return s;if(ne(s)){let t={_placeholder:!0,num:e.length};return e.push(s),t}else if(Array.isArray(s)){let t=new Array(s.length);for(let i=0;i<s.length;i++)t[i]=Ae(s[i],e);return t}else if(typeof s=="object"&&!(s instanceof Date)){let t={};for(let i in s)Object.prototype.hasOwnProperty.call(s,i)&&(t[i]=Ae(s[i],e));return t}return s}function gt(s,e){return s.data=Te(s.data,e),delete s.attachments,s}function Te(s,e){if(!s)return s;if(s&&s._placeholder===!0){if(typeof s.num=="number"&&s.num>=0&&s.num<e.length)return e[s.num];throw new Error("illegal attachments")}else if(Array.isArray(s))for(let t=0;t<s.length;t++)s[t]=Te(s[t],e);else if(typeof s=="object")for(let t in s)Object.prototype.hasOwnProperty.call(s,t)&&(s[t]=Te(s[t],e));return s}var Gt=["connect","connect_error","disconnect","disconnecting","newListener","removeListener"],bt=5,f;(function(s){s[s.CONNECT=0]="CONNECT",s[s.DISCONNECT=1]="DISCONNECT",s[s.EVENT=2]="EVENT",s[s.ACK=3]="ACK",s[s.CONNECT_ERROR=4]="CONNECT_ERROR",s[s.BINARY_EVENT=5]="BINARY_EVENT",s[s.BINARY_ACK=6]="BINARY_ACK"})(f||(f={}));var $e=class{constructor(e){this.replacer=e}encode(e){return(e.type===f.EVENT||e.type===f.ACK)&&se(e)?this.encodeAsBinary({type:e.type===f.EVENT?f.BINARY_EVENT:f.BINARY_ACK,nsp:e.nsp,data:e.data,id:e.id}):[this.encodeAsString(e)]}encodeAsString(e){let t=""+e.type;return(e.type===f.BINARY_EVENT||e.type===f.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=mt(e),i=this.encodeAsString(t.packet),n=t.buffers;return n.unshift(i),n}};function yt(s){return Object.prototype.toString.call(s)==="[object Object]"}var Le=class s extends y{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===f.BINARY_EVENT;i||t.type===f.BINARY_ACK?(t.type=i?f.EVENT:f.ACK,this.reconstructor=new Ie(t),t.attachments===0&&super.emitReserved("decoded",t)):super.emitReserved("decoded",t)}else if(ne(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(f[i.type]===void 0)throw new Error("unknown packet type "+i.type);if(i.type===f.BINARY_EVENT||i.type===f.BINARY_ACK){let r=t+1;for(;e.charAt(++t)!=="-"&&t!=e.length;);let o=e.substring(r,t);if(o!=Number(o)||e.charAt(t)!=="-")throw new Error("Illegal attachments");i.attachments=Number(o)}if(e.charAt(t+1)==="/"){let r=t+1;for(;++t&&!(e.charAt(t)===","||t===e.length););i.nsp=e.substring(r,t)}else i.nsp="/";let n=e.charAt(t+1);if(n!==""&&Number(n)==n){let r=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(r,t+1))}if(e.charAt(++t)){let r=this.tryParse(e.substr(t));if(s.isPayloadValid(i.type,r))i.data=r;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 f.CONNECT:return yt(t);case f.DISCONNECT:return t===void 0;case f.CONNECT_ERROR:return typeof t=="string"||yt(t);case f.EVENT:case f.BINARY_EVENT:return Array.isArray(t)&&(typeof t[0]=="number"||typeof t[0]=="string"&&Gt.indexOf(t[0])===-1);case f.ACK:case f.BINARY_ACK:return Array.isArray(t)}}destroy(){this.reconstructor&&(this.reconstructor.finishedReconstruction(),this.reconstructor=null)}},Ie=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=gt(this.reconPack,this.buffers);return this.finishedReconstruction(),t}return null}finishedReconstruction(){this.reconPack=null,this.buffers=[]}};function S(s,e,t){return s.on(e,t),function(){s.off(e,t)}}var Xt=Object.freeze({connect:1,connect_error:1,disconnect:1,disconnecting:1,newListener:1,removeListener:1}),W=class extends y{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=[S(e,"open",this.onopen.bind(this)),S(e,"packet",this.onpacket.bind(this)),S(e,"error",this.onerror.bind(this)),S(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(Xt.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:f.EVENT,data:t};if(i.options={},i.options.compress=this.flags.compress!==!1,typeof t[t.length-1]=="function"){let o=this.ids++,c=t.pop();this._registerAckCallback(o,c),i.id=o}let n=this.io.engine&&this.io.engine.transport&&this.io.engine.transport.writable;return this.flags.volatile&&(!n||!this.connected)||(this.connected?(this.notifyOutgoingListeners(i),this.packet(i)):this.sendBuffer.push(i)),this.flags={},this}_registerAckCallback(e,t){var i;let n=(i=this.flags.timeout)!==null&&i!==void 0?i:this._opts.ackTimeout;if(n===void 0){this.acks[e]=t;return}let r=this.io.setTimeoutFn(()=>{delete this.acks[e];for(let o=0;o<this.sendBuffer.length;o++)this.sendBuffer[o].id===e&&this.sendBuffer.splice(o,1);t.call(this,new Error("operation has timed out"))},n);this.acks[e]=(...o)=>{this.io.clearTimeoutFn(r),t.apply(this,[null,...o])}}emitWithAck(e,...t){let i=this.flags.timeout!==void 0||this._opts.ackTimeout!==void 0;return new Promise((n,r)=>{t.push((o,c)=>i?o?r(o):n(c):n(o)),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((n,...r)=>i!==this._queue[0]?void 0:(n!==null?i.tryCount>this._opts.retries&&(this._queue.shift(),t&&t(n)):(this._queue.shift(),t&&t(null,...r)),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:f.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)}onpacket(e){if(e.nsp===this.nsp)switch(e.type){case f.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 f.EVENT:case f.BINARY_EVENT:this.onevent(e);break;case f.ACK:case f.BINARY_ACK:this.onack(e);break;case f.DISCONNECT:this.ondisconnect();break;case f.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(...n){i||(i=!0,t.packet({type:f.ACK,id:e,data:n}))}}onack(e){let t=this.acks[e.id];typeof t=="function"&&(t.apply(this,e.data),delete this.acks[e.id])}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:f.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 P(s){s=s||{},this.ms=s.min||100,this.max=s.max||1e4,this.factor=s.factor||2,this.jitter=s.jitter>0&&s.jitter<=1?s.jitter:0,this.attempts=0}P.prototype.duration=function(){var s=this.ms*Math.pow(this.factor,this.attempts++);if(this.jitter){var e=Math.random(),t=Math.floor(e*this.jitter*s);s=Math.floor(e*10)&1?s+t:s-t}return Math.min(s,this.max)|0};P.prototype.reset=function(){this.attempts=0};P.prototype.setMin=function(s){this.ms=s};P.prototype.setMax=function(s){this.max=s};P.prototype.setJitter=function(s){this.jitter=s};var K=class extends y{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,$(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 P({min:this.reconnectionDelay(),max:this.reconnectionDelayMax(),jitter:this.randomizationFactor()}),this.timeout(t.timeout==null?2e4:t.timeout),this._readyState="closed",this.uri=e;let n=t.parser||Ue;this.encoder=new n.Encoder,this.decoder=new n.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 D(this.uri,this.opts);let t=this.engine,i=this;this._readyState="opening",this.skipReconnect=!1;let n=S(t,"open",function(){i.onopen(),e&&e()}),r=c=>{this.cleanup(),this._readyState="closed",this.emitReserved("error",c),e?e(c):this.maybeReconnectOnOpen()},o=S(t,"error",r);if(this._timeout!==!1){let c=this._timeout,l=this.setTimeoutFn(()=>{n(),r(new Error("timeout")),t.close()},c);this.opts.autoUnref&&l.unref(),this.subs.push(()=>{this.clearTimeoutFn(l)})}return this.subs.push(n),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(S(e,"ping",this.onping.bind(this)),S(e,"data",this.ondata.bind(this)),S(e,"error",this.onerror.bind(this)),S(e,"close",this.onclose.bind(this)),S(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){B(()=>{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 W(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(n=>{n?(e._reconnecting=!1,e.reconnect(),this.emitReserved("reconnect_error",n)):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 re={};function J(s,e){typeof s=="object"&&(e=s,s=void 0),e=e||{};let t=ft(s,e.path||"/socket.io"),i=t.source,n=t.id,r=t.path,o=re[n]&&r in re[n].nsps,c=e.forceNew||e["force new connection"]||e.multiplex===!1||o,l;return c?l=new K(i,e):(re[n]||(re[n]=new K(i,e)),l=re[n]),t.query&&!e.query&&(e.query=t.queryKey),l.socket(t.path,e)}Object.assign(J,{Manager:K,Socket:W,io:J,connect:J});var wt="6.6.0-iife.min",Qt=!/param/.test(function(s){}),U=Qt?0:1,R={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;"};function a(){let s=Array.prototype.slice.call(arguments),e=s.shift(),t;switch(e){case"trace":case 5:{if(U<5)break;e=5,t="trace";break}case"debug":case 4:{if(U<4)break;e=4,t="debug";break}case"log":case 3:{if(U<3)break;e=3,t="log";break}case"info":case"":case 2:{if(U<2)break;e=2,t="info";break}case"warn":case 1:{if(U<1)break;e=1,t="warn";break}case"error":case"err":case 0:{if(U<0)break;e=0,t="error";break}default:{e=-1;break}}if(t===void 0)return function(){};let i=s.shift();return Function.prototype.bind.call(console[R[t].console],console,"%c".concat(R[t].pre).concat(t,"%c [").concat(i,"]"),"".concat(R.level," ").concat(R[t].css),"".concat(R.head," ").concat(R[t].txtCss),...s)}function Me(s,e){e||(e="payload"),typeof e!="string"&&(a("warn","uibuilderfe:makeMeAnObject","WARNING: property parameter must be a string and not: ".concat(typeof e))(),e="payload");let t={};return s!==null&&s.constructor.name==="Object"?t=s:s!==null&&(t[e]=s),t}function Zt(){return("/"+Array.prototype.slice.call(arguments).map(function(t){return t.replace(/^\/|\/$/g,"")}).filter(function(t){return t}).join("/")).replace("//","/")}function kt(s){if(s===void 0)s='<span class="undefined">undefined</span>';else try{s=JSON.stringify(s,void 0,4),s=s.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){s="Syntax Highlight ERROR: ".concat(e.message)}return s}var g=new vt.default(window,a,kt),v,q,O,T,E,oe,z,Y,V,we,ae,ce,M,ei=(v=class{constructor(){h(this,"connectedNum",0);h(this,"_ioChannels",{control:"uiBuilderControl",client:"uiBuilderClient",server:"uiBuilder"});C(this,q,void 0);C(this,O,{});C(this,T,{});h(this,"isVue",!1);h(this,"vueVersion");C(this,E,null);C(this,oe,void 0);h(this,"_socket");h(this,"_htmlObserver");C(this,z,!1);C(this,Y,!1);C(this,V,void 0);C(this,we,["get","set","htmlSend","showMsg","showStatus","uiGet","uiWatch","include","elementExists","getManagedVarList","getWatchedVars"]);C(this,ae,{});C(this,ce,{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"}});C(this,M,{});h(this,"clientId","");h(this,"cookies",{});h(this,"ctrlMsg",{});h(this,"ioConnected",!1);h(this,"isVisible",!1);h(this,"lastNavType","");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,"originator","");h(this,"topic");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:{clientVersion:wt,clientId:this.clientId,pathName:window.location.pathname,urlParams:Object.fromEntries(new URLSearchParams(location.search)),pageName:void 0,tabId:void 0,lastNavType:void 0},transportOptions:{polling:{extraHeaders:{"x-clientid":"".concat(v._meta.displayName,"; ").concat(v._meta.type,"; ").concat(v._meta.version,"; ").concat(this.clientId)}}}});if(a("trace","Uib:constructor","Starting")(),window.addEventListener("offline",e=>{this.set("online",!1),this.set("ioConnected",!1),a("warn","Browser","DISCONNECTED from network")()}),window.addEventListener("online",e=>{this.set("online",!0),a("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"]),a("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=>{u(this,Y)&&e.detail.prop in u(this,ce)&&(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"]),a("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("/"))),a("trace","[Uib:constructor]",'httpNodeRoot set by URL parsing to "'.concat(this.httpNodeRoot,'". NOTE: This may fail for pages in sub-folders.'))()}this.set("ioPath",Zt(this.httpNodeRoot,v._meta.displayName,"vendor","socket.io")),a("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"),a("trace","Uib:constructor","Ending")()}set logLevel(e){U=e,console.log("%c\u2757 info%c [logLevel]","".concat(R.level," ").concat(R.info.css),"".concat(R.head," ").concat(R.info.txtCss),"Set to ".concat(e," (").concat(R.names[e],")"))}get logLevel(){return U}get meta(){return v._meta}set(e,t,i=!1,n=!1){return e.startsWith("_")||e.startsWith("#")?(a("warn","Uib:set",'Cannot use set() on protected property "'.concat(e,'"'))(),'Cannot use set() on protected property "'.concat(e,'"')):(this[e]=t,u(this,ae)[e]=e,i===!0&&this.setStore(e,t,n),a("trace","Uib:set","prop set - prop: ".concat(e,", val: "),t," store: ".concat(i,", autoload: ").concat(n))(),this._dispatchCustomEvent("uibuilder:propertyChanged",{prop:e,value:t,store:i,autoload:n}),t)}get(e){if(e.startsWith("_")||e.startsWith("#")){a("warn","Uib:get",'Cannot use get() on protected property "'.concat(e,'"'))();return}return e==="version"?v._meta.version:e==="msgsCtrl"?this.msgsCtrlReceived:e==="reconnections"?this.connectedNum:(this[e]===void 0&&a("warn","Uib:get",'get() - property "'.concat(e,'" is undefined'))(),this[e])}setStore(e,t,i=!1){let n={};if(i===!0)try{n=this.getStore("_uibAutoloadVars")||{}}catch{}if(typeof t=="object")try{t=JSON.stringify(t)}catch(r){return a("error","Uib:setStore","Cannot stringify object, not storing. ",r)(),!1}try{if(localStorage.setItem(this.storePrefix+e,t),i){n[e]=e;try{localStorage.setItem(this.storePrefix+"_uibAutoloadVars",JSON.stringify(n))}catch(r){a("error","Uib:setStore","Cannot save autoload list. ",r)()}}return this._dispatchCustomEvent("uibuilder:propertyStored",{prop:e,value:t,autoload:i}),!0}catch(r){return a("error","Uib:setStore","Cannot write to localStorage. ",r)(),!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 u(this,ae)}getWatchedVars(){return Object.keys(u(this,O))}_dispatchCustomEvent(e,t){let i=new CustomEvent(e,{detail:t});document.dispatchEvent(i)}onChange(e,t){u(this,O)[e]?u(this,O)[e]._nextRef++:u(this,O)[e]={_nextRef:1};let i=u(this,O)[e]._nextRef,n=u(this,O)[e][i]=function(o){if(e===o.detail.prop){let c=o.detail.value;t.call(c,c)}};return document.addEventListener("uibuilder:propertyChanged",n),i}cancelChange(e,t){document.removeEventListener("uibuilder:propertyChanged",u(this,O)[e][t]),delete u(this,O)[e][t]}onTopic(e,t){u(this,T)[e]?u(this,T)[e]._nextRef++:u(this,T)[e]={_nextRef:1};let i=u(this,T)[e]._nextRef,n=u(this,T)[e][i]=function(o){let c=o.detail;c.topic===e&&t.call(c,c)};return document.addEventListener("uibuilder:stdMsgReceived",n),i}cancelTopic(e,t){document.removeEventListener("uibuilder:stdMsgReceived",u(this,T)[e][t]),delete u(this,T)[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&&(a("trace","Uib:checkTimestamp:".concat(this._ioChannels.server," (server)"),"Offset changed to: ".concat(i," from: ").concat(this.serverTimeOffset))(),this.set("serverTimeOffset",i))}}$(e){let t=document.querySelector(e);return t?t.nodeName==="TEMPLATE"&&(t=t.content.firstElementChild,!t)?(a(0,"Uib:$","Template selected for CSS selector ".concat(e," but it is empty"))(),null):t:(a(1,"Uib:$","No element found for CSS selector ".concat(e))(),null)}$$(e){return Array.from(document.querySelectorAll(e))}setOriginator(e=""){this.set("originator",e)}setPing(e=0){let t=new XMLHttpRequest;t.addEventListener("load",()=>{let i=t.getAllResponseHeaders().split("\r\n"),n=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:n})}),u(this,q)&&(clearInterval(u(this,q)),A(this,q,void 0)),t.open("GET","".concat(this.httpNodeRoot,"/uibuilder/ping?t=").concat(Number(new Date))),t.send(),e>0&&A(this,q,setInterval(()=>{t.open("GET","".concat(this.httpNodeRoot,"/uibuilder/ping?t=").concat(Number(new Date))),t.send()},e))}log(){a(...arguments)()}syntaxHighlight(e){return kt(e)}copyToClipboard(e){let t="";try{console.log(this.get(e),JSON.stringify(this.get(e))),t=JSON.stringify(this.get(e))}catch(i){a("error","copyToClipboard",'Could not copy "'.concat(e,'" to clipboard.'),i.message)()}navigator.clipboard.writeText(t)}elementIsVisible(e,t=!1,i=.1){if(!IntersectionObserver)return;u(this,V)||A(this,V,new IntersectionObserver(r=>{let o=[];r.forEach(c=>{c.target.dataset.isvisible=c.isIntersecting,o.push({isIntersecting:c.isIntersecting})}),this.send({payload:o[0].isIntersecting,isVisible:o[0].isIntersecting,cssSelector:e,entries:o}),a("info","uib:elementIsVisible",'Element "'.concat(e,'" is now ').concat(o[0].isIntersecting?"more than 10%":"NOT (<10%)"," visible"))()},{threshold:i}));let n=document.querySelector(e);if(n===null){a("error","uib:elementIsVisible",'Element "'.concat(e,'" not found'))();return}if(t===!0){u(this,V).unobserve(n);return}u(this,V).observe(n)}elementExists(e,t=!0){let i=document.querySelector(e),n=!1;return i!==null&&(n=!0),t===!0&&this.send({payload:n,info:'Element "'.concat(e,'" ').concat(n?"exists":"does not exist")}),n}ui(e){g.ui(e)}replaceSlot(e,t){g.replaceSlot(e,t)}replaceSlotMarkdown(e,t){g.replaceSlotMarkdown(e,t)}convertMarkdown(e){return g.convertMarkdown(e)}sanitiseHTML(e){return g.sanitiseHTML(e)}loadScriptSrc(e){g.loadScriptSrc(e)}loadStyleSrc(e){g.loadStyleSrc(e)}loadScriptTxt(e){g.loadScriptTxt(e)}loadStyleTxt(e){g.loadStyleTxt(e)}showDialog(e,t,i){g.showDialog(e,t,i)}loadui(e){g.loadui(e)}uiGet(e,t=null){return g.uiGet(e,t)}async include(e,t){g.include(e,t)}uiEnhanceElement(e,t){g.uiEnhanceElement(e,t)}showMsg(e,t="body"){e===void 0&&(e=!u(this,z)),A(this,z,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?g._uiRemove({components:["#uib_last_msg_wrap"]}):g._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}notify(e){return e.return?g.notification(e):(g.notification(e).then(t=>{a("info","Uib:notification","Notification completed event",t)()}).catch(t=>{a("error","Uib:notification","Notification error event",t)()}),null)}showStatus(e,t="body"){if(e===void 0&&(e=!u(this,Y)),A(this,Y,e),e===!1)return g._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:[]}]}]}]},n=i.components[0].components[0].components[0].components;return Object.values(u(this,ce)).forEach(r=>{n.push({type:"tr",attributes:{title:r.description},components:[{type:"th",slot:r.label},{type:"td",attributes:{"data-varType":r.var},slot:r.var==="version"?v._meta.version:JSON.stringify(this[r.var])}]})}),g._uiReplace(i),e}uiWatch(e,t="toggle",i=!0,n=!0){let r=document.querySelector(e);if(!r)return a("warn","uibuilder.module.js:uiWatch","CSS Selector '".concat(e,"' not found."))(),!1;(t==="toggle"||t===void 0||t===null)&&(u(this,M)[e]?t=!1:t=!0);let o=this;return t===!0?(u(this,M)[e]=new MutationObserver(function(c){let l=[];c.forEach(m=>{let b={type:m.type,oldValue:m.oldValue!==null?m.oldValue:void 0};m.addedNodes.length>0&&(b.addedNodes=[],m.addedNodes.forEach((N,_)=>{b.addedNodes.push(g.nodeGet(m.addedNodes[_]))})),m.removedNodes.length>0&&(b.removedNodes=[],m.removedNodes.forEach((N,_)=>{b.removedNodes.push(g.nodeGet(m.removedNodes[_]))})),m.type==="attributes"&&(b.attributeName=m.attributeName,b.newValue=m.target.attributes[m.attributeName].value),l.push(b)}),o._dispatchCustomEvent("uibuilder:domChange",l),i===!0&&o.send({_ui:{cssSelector:e,uiChanges:l},topic:o.topic||"DOM Changes for '".concat(e,"'")}),n===!0&&a("info","uibuilder.module.js:uiWatch","DOM Changes for '".concat(e,"'"),{uiChanges:l},{mutationList:c})()}),u(this,M)[e].observe(r,{attributes:!0,childList:!0,subtree:!0,characterData:!0}),a("trace","uibuilder.module.js:uiWatch","Started Watching DOM changes for '".concat(e,"'"))()):(u(this,M)[e].disconnect(),delete u(this,M)[e],a("trace","uibuilder.module.js:uiWatch","Stopped Watching DOM changes for '".concat(e,"'"))()),t}clearHtmlCache(){this.removeStore("htmlCache"),a("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,a("trace","uibuilder.module.js:restoreHtmlFromCache","Restored HTML from cache")()}else a("trace","uibuilder.module.js:restoreHtmlFromCache","No cache to restore")()}saveHtmlCache(){this.setStore("htmlCache",document.documentElement.innerHTML)}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}),a("trace","uibuilder.module.js:watchDom","Started Watching and saving DOM changes")()):(this._htmlObserver.disconnect(),a("trace","uibuilder.module.js:watchDom","Stopped Watching and saving DOM changes")())}_send(e,t,i=""){t==null&&(t=this._ioChannels.client),t===this._ioChannels.client?e=Me(e,"payload"):t===this._ioChannels.control&&(e=Me(e,"uibuilderCtrl"),Object.prototype.hasOwnProperty.call(e,"uibuilderCtrl")||(e.uibuilderCtrl="manual send"),e.from="client"),e._socketId=this._socket.id,this.socketOptions.auth.tabId=this.tabId,this.socketOptions.auth.lastNavType=this.lastNavType,this.socketOptions.auth.connectedNum=this.connectedNum,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");let n;t===this._ioChannels.client?(this.set("sentMsg",e),n=this.set("msgsSent",++this.msgsSent)):t===this._ioChannels.control&&(this.set("sentCtrlMsg",e),n=this.set("msgsSentCtrl",++this.msgsSentCtrl)),a("trace","Uib:_send"," Channel '".concat(t,"'. Sending msg #").concat(n),e)(),this._socket.emit(t,e)}send(e,t=""){this._send(e,this._ioChannels.client,t)}sendCtrl(e){this._send(e,this._ioChannels.control)}eventSend(e,t=""){if(this.$attrs){a("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){a("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){a("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,n={};Object.keys(i).forEach(p=>{p.startsWith("_")||(n[p]=i[p])});let r=["class","id","name"],o;try{o=Object.assign({},...Array.from(i.attributes,({name:p,value:ke})=>{if(!r.includes(p))return{[p]:ke}}))}catch{}let c,l=[];i.form&&(c={},c.valid=i.form.checkValidity(),Object.values(i.form).forEach((p,ke)=>{let H=p.id!==""?p.id:p.name!==""?p.name:"".concat(ke,"-").concat(p.type);if(H!==""&&p.type){if("checked"in p&&p.value==="on"&&(p.value=p.checked.toString()),l.push({key:H,val:p.value}),c[H]={id:p.id,name:p.name,value:p.value,valid:p.checkValidity(),type:p.type},c[H].valid===!1){let w=p.validity;c[H].validity={badInput:w.badInput===!0?w.badInput:void 0,customError:w.customError===!0?w.customError:void 0,patternMismatch:w.patternMismatch===!0?w.patternMismatch:void 0,rangeOverflow:w.rangeOverflow===!0?w.rangeOverflow:void 0,rangeUnderflow:w.rangeUnderflow===!0?w.rangeUnderflow:void 0,stepMismatch:w.stepMismatch===!0?w.stepMismatch:void 0,tooLong:w.tooLong===!0?w.tooLong:void 0,tooShort:w.tooShort===!0?w.tooShort:void 0,typeMismatch:w.typeMismatch===!0?w.typeMismatch:void 0,valueMissing:w.valueMissing===!0?w.valueMissing:void 0}}p.dataset&&(c[H].data=p.dataset)}}));let m;try{m=Array.from(i.classList)}catch{}let b={...i.dataset},N;Object.prototype.toString.call(i)==="[object Notification]"&&(b="notification-".concat(i.userAction),N={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 _={payload:b,_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:c,props:n,attribs:o,classes:m,notification:N,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}};l.length>0&&l.forEach(p=>{_.payload[p.key]=p.val}),e.type==="change"&&(_._ui.newValue=_.payload.value=e.target.value),a("trace","Uib:eventSend","Sending msg to Node-RED",_)(),i.dataset&&i.dataset.length===0&&a("warn","Uib:eventSend","No payload in msg. data-* attributes should be used.")(),this._send(_,this._ioChannels.client,t)}htmlSend(e=""){let t="<!doctype html>\n".concat(document.documentElement.outerHTML),i={payload:t,length:t.length,topic:this.topic};a("trace","Uib:htmlSend","Sending full HTML to Node-RED",i)(),this._send(i,this._ioChannels.client,e)}_uibCommand(e){let t=e._uib.command;if(!u(this,we).includes(t.trim())){a("error","Uib:_uibCommand","Command '".concat(t," is not allowed to be called externally"))();return}let i=e._uib.prop,n=e._uib.value,r,o;switch(t){case"elementExists":{r=this.elementExists(i,!1),o='Element "'.concat(i,'" ').concat(r?"exists":"does not exist");break}case"get":{r=this.get(i);break}case"getManagedVarList":{i==="full"?r=this.getManagedVarList():r=Object.values(this.getManagedVarList());break}case"getWatchedVars":{i==="full"?r=this.getWatchedVars():r=Object.values(this.getWatchedVars());break}case"htmlSend":{r=this.htmlSend();break}case"include":{r=g.include(i,n);break}case"set":{let c=!1,l=!1;e._uib.options&&e._uib.options.store&&(e._uib.options.store===!0&&(c=!0),e._uib.options.autoload===!0&&(l=!0)),r=this.set(i,n,c,l);break}case"showMsg":{r=this.showMsg(n,i);break}case"showStatus":{r=this.showStatus(n,i);break}case"uiGet":{r=g.uiGet(i,n);break}case"uiWatch":{r=this.uiWatch(i);break}default:{a("warning","Uib:_uibCommand","Command '".concat(t,"' not yet implemented"))();break}}r===void 0&&(r="'".concat(i,"' is undefined")),Object(r).constructor===Promise?r.then(c=>(e.payload=e._uib.response=c,e.info=e._uib.info=o,e.topic||(e.topic=this.topic||"uib ".concat(t," for '").concat(i,"'")),this.send(e),!0)).catch(c=>{a(0,"Uib:_uibCommand","Error: ",c)()}):(e.payload=e._uib.response=r,e.info=e._uib.info=o,e.topic||(e.topic=this.topic||"uib ".concat(t," for '").concat(i,"'")),this.send(e))}_forThis(e){let t=!0;return e.pageName&&e.pageName!==this.pageName&&(a("trace","Uib:_msgRcvdEvents:_uib","Not for this page")(),t=!1),e.clientId&&e.clientId!==this.clientId&&(a("trace","Uib:_msgRcvdEvents:_uib","Not for this clientId")(),t=!1),e.tabId&&e.tabId!==this.tabId&&(a("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){if(!this._forThis(e._uib))return;if(e._uib.reload===!0){a("trace","Uib:_msgRcvdEvents:_uib:reload","reloading")(),location.reload();return}if(e._uib.command){this._uibCommand(e);return}e._uib.componentRef==="globalNotification"&&g.showDialog("notify",e._uib.options,e),e._uib.componentRef==="globalAlert"&&g.showDialog("alert",e._uib.options,e)}if(e._ui){if(!this._forThis(e._ui))return;a("trace","Uib:_msgRcvdEvents:_ui","Calling _uiManager")(),this._dispatchCustomEvent("uibuilder:msg:_ui",e),g._uiManager(e)}}_stdMsgFromServer(e){e=Me(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),a("info","Uib:ioSetup:stdMsgFromServer","Channel '".concat(this._ioChannels.server,"'. Received msg #").concat(this.msgsReceived,"."),e)()))}_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),a("trace","Uib:ioSetup:_ctrlMsgFromServer","Channel '".concat(this._ioChannels.control,"'. Received control msg #").concat(this.msgsCtrlReceived),e)(),e.uibuilderCtrl){case"shutdown":{a("info","Uib:ioSetup:".concat(this._ioChannels.control),'\u274C Received "shutdown" from server')(),this.set("serverShutdown",void 0);break}case"client connect":{a("trace","Uib:ioSetup:".concat(this._ioChannels.control),'Received "client connect" from server')(),a("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"))(),v._meta.version.startsWith(e.version.split("-")[0])||a("warn","Uib:ioSetup:".concat(this._ioChannels.control),"Server version (".concat(e.version,") not the same as the client version (").concat(v._meta.version,")"))(),this.autoSendReady===!0&&a("trace","Uib:ioSetup:".concat(this._ioChannels.control,"/client connect"),"Auto-sending ready-for-content/replay msg to server");break}default:a("trace","uibuilderfe:ioSetup:".concat(this._ioChannels.control),"Received ".concat(e.uibuilderCtrl," from server"))}}beaconLog(e,t){t||(t="debug"),navigator.sendBeacon("./_clientLog","".concat(t,"::").concat(e))}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})}_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(),a("trace","uibuilder.module.js:getIOnamespace","Socket.IO namespace found via url path: ".concat(e))()}else a("trace","uibuilder.module.js:getIOnamespace","Socket.IO namespace found via cookie: ".concat(e))();return this.url=e,e="/"+e,a("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),a("trace","Uib:checkConnect","Checking connection. Connected: ".concat(this._socket.connected,". Timer: ").concat(u(this,E),". Depth: ").concat(i,". Delay: ").concat(e,". Factor: ").concat(t),this._socket)(),this._socket.connected===!0?(u(this,E)&&(window.clearTimeout(u(this,E)),A(this,E,null)),this.set("ioConnected",!0),this.set("socketError",null),!0):(this.set("ioConnected",!1),u(this,E)&&window.clearTimeout(u(this,E)),A(this,E,window.setTimeout(()=>{a("warn","Uib:checkConnect:setTimeout","Socket.IO reconnection attempt. Current delay: ".concat(e,". Depth: ").concat(i))(),this._socket.close(),this._socket.connect(),A(this,E,null),this._checkConnect(e*t,t,i++)},e)),!1)}_onConnect(){this.set("connectedNum",this.connectedNum++),this.socketOptions.auth.connectedNum=this.connectedNum,this.socketOptions.auth.lastNavType=this.lastNavType,this.socketOptions.auth.tabId=this.tabId,this.socketOptions.auth.more=this.tabId,a("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){a("info","Uib:ioSetup:socket-disconnect","\u26D4 Socket Disconnected. Reason: ".concat(e))(),this._dispatchCustomEvent("uibuilder:socket:disconnected",e),this._checkConnect()}_ioSetup(){return J===void 0?(a("error","Uib:ioSetup","Socket.IO client not loaded, Node-RED comms will not work")(),!1):(this._socket&&(a("trace","Uib:ioSetup","Removing listeners in preparation for redoing Socket.IO connections")(),u(this,E)&&(window.clearTimeout(u(this,E)),A(this,E,null)),this._socket.close(),this._socket.offAny(),this._socket=void 0,this.set("ioConnected",!1)),this.socketOptions.path=this.ioPath,this.socketOptions.auth.pageName=this.pageName,this.socketOptions.auth.clientId=this.clientId,this.socketOptions.transportOptions.polling.extraHeaders["x-clientid"]="".concat(v._meta.displayName,"; ").concat(v._meta.type,"; ").concat(v._meta.version,"; ").concat(this.clientId),this.socketOptions.auth.tabId=this.tabId,this.socketOptions.auth.lastNavType=this.lastNavType,this.socketOptions.auth.connectedNum=this.connectedNum,a("trace","Uib:ioSetup","About to create IO object. Transports: [".concat(this.socketOptions.transports.join(", "),"]"))(),this._socket=J(this.ioNamespace,this.socketOptions),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&&(a("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=>{a("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)}start(e){a("trace","Uib:start","Starting")(),u(this,oe)&&this.cancelChange("msg",u(this,oe)),this.started===!0&&a("info","Uib:start","Start function already called. Resetting Socket.IO and msg handler.")(),a("log","Uib:start","Cookies: ",this.cookies,"\nClient ID: ".concat(this.clientId))(),a("trace","Uib:start","ioNamespace: ",this.ioNamespace,"\nioPath: ".concat(this.ioPath))(),e&&(e.ioNamespace!==void 0&&e.ioNamespace!==null&&e.ioNamespace!==""&&this.set("ioNamespace",e.ioNamespace),e.ioPath!==void 0&&e.ioPath!==null&&e.ioPath!==""&&this.set("ioPath",e.ioPath)),document.styleSheets.length>=1||document.styleSheets.length===1&&document.styleSheets[0].cssRules.length===0?a("info","Uib:start","Styles already loaded so not loading uibuilder default styles.")():e&&e.loadStylesheet===!1?a("info","Uib:start","No styles loaded & options.loadStylesheet === false.")():(a("info","Uib:start","No styles loaded, loading uibuilder default styles.")(),this.loadStyleSrc("".concat(this.httpNodeRoot,"/uibuilder/uib-brand.min.css")));let[t]=performance.getEntriesByType("navigation");if(this.set("lastNavType",t.type),this.set("started",this._ioSetup()),this.started===!0?a("trace","Uib:start","Start completed. Socket.IO client library loaded.")():a("error","Uib:start","Start completed. ERROR: Socket.IO client library NOT LOADED.")(),window.Vue){this.set("isVue",!0);try{this.set("vueVersion",window.Vue.version)}catch{}a("trace","Uib:start","VueJS is loaded. Version: ".concat(this.vueVersion))()}else a("trace","Uib:start","VueJS is not loaded.")();window.DOMPurify?(this.set("purify",!0),a("trace","Uib:start","DOMPurify is loaded.")()):a("trace","Uib:start","DOMPurify is not loaded.")(),window.markdownit?(this.set("markdown",!0),a("trace","Uib:start","Markdown-IT is loaded.")()):a("trace","Uib:start","Markdown-IT is not loaded.")(),this.onChange("msg",i=>{if(u(this,z)===!0){let n=document.getElementById("uib_last_msg");n&&(n.innerHTML=this.syntaxHighlight(i))}}),this._dispatchCustomEvent("uibuilder:startComplete")}},q=new WeakMap,O=new WeakMap,T=new WeakMap,E=new WeakMap,oe=new WeakMap,z=new WeakMap,Y=new WeakMap,V=new WeakMap,we=new WeakMap,ae=new WeakMap,ce=new WeakMap,M=new WeakMap,h(v,"_meta",{version:wt,type:"module",displayName:"uibuilder"}),v),ve=new ei;window.uibuilder?a("error","uibuilder.module.js","`uibuilder` already assigned to window. Have you tried to load it more than once?"):window.uibuilder=ve;window.uib?a("warn","uibuilder.module.js","`uib` shortcut already assigned to window."):window.uib=ve;window.$?a("warn","uibuilder.module.js","Cannot allocate the global `$`, it is already in use. Use `uibuilder.$` instead."):window.$=window.uibuilder.$;window.$$?a("warn","uibuilder.module.js","Cannot allocate the global `$$`, it is already in use. Use `uibuilder.$$` instead."):window.$$=window.uibuilder.$$;var Js=ve;ve.start();customElements.define("uib-var",G);})();
+(()=>{var Et=Object.create;var he=Object.defineProperty;var Ct=Object.getOwnPropertyDescriptor;var St=Object.getOwnPropertyNames;var Nt=Object.getPrototypeOf,xt=Object.prototype.hasOwnProperty;var Ot=(s,e,t)=>e in s?he(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var De=(s=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(s,{get:(e,t)=>(typeof require<"u"?require:e)[t]}):s)(function(s){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+s+'" is not supported')});var Rt=(s,e)=>()=>(e||s((e={exports:{}}).exports,e),e.exports),At=(s,e)=>{for(var t in e)he(s,t,{get:e[t],enumerable:!0})},Tt=(s,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of St(e))!xt.call(s,r)&&r!==t&&he(s,r,{get:()=>e[r],enumerable:!(i=Ct(e,r))||i.enumerable});return s};var Ee=(s,e,t)=>(t=s!=null?Et(Nt(s)):{},Tt(e||!s||!s.__esModule?he(t,"default",{value:s,enumerable:!0}):t,s));var h=(s,e,t)=>(Ot(s,typeof e!="symbol"?e+"":e,t),t),Pe=(s,e,t)=>{if(!e.has(s))throw TypeError("Cannot "+t)};var u=(s,e,t)=>(Pe(s,e,"read from private field"),t?t.call(s):e.get(s)),E=(s,e,t)=>{if(e.has(s))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(s):e.set(s,t)},x=(s,e,t,i)=>(Pe(s,e,"write to private field"),i?i.call(s,t):e.set(s,t),t);var He=Rt((si,qe)=>{var d,$t=(d=class{constructor(e,t,i){h(this,"version","6.6.0-src");h(this,"sanitiseExtraTags",["uib-var"]);h(this,"sanitiseExtraAttribs",["variable","report","undefined"]);h(this,"window");if(e)this.window=e;else throw new Error("Ui:constructor. Current environment does not include `window`, UI functions cannot be used.");this.document=this.window.document,t?d.log=t:d.log=function(){return function(){}},i?this.syntaxHighlight=i:this.syntaxHighlight=function(){}}ui(e){let t={};e._ui?t=e:t._ui=e,this._uiManager(t)}replaceSlot(e,t){t.slot&&e&&(this.window.DOMPurify&&(t.slot=this.window.DOMPurify.sanitize(t.slot)),e.innerHTML=t.slot)}convertMarkdown(e){if(!e)return"";if(!this.window.markdownit)return e;let t={html:!0,linkify:!0,_highlight:!0,langPrefix:"language-",highlight(r,n){if(n&&this.window.hljs&&this.window.hljs.getLanguage(n))try{return'<pre class="highlight" data-language="'.concat(n.toUpperCase(),'">\n                                <code class="language-').concat(n,'">').concat(this.window.hljs.highlightAuto(r).value,"</code></pre>")}finally{}return'<pre class="highlight"><code>'.concat(i.utils.escapeHtml(r),"</code></pre>")}},i=this.window.markdownit(t);return i.render(e)}sanitiseHTML(e){return this.window.DOMPurify?this.window.DOMPurify.sanitize(e,{ADD_TAGS:this.sanitiseExtraTags,ADD_ATTR:this.sanitiseExtraAttribs}):e}replaceSlotMarkdown(e,t){e&&t.slotMarkdown&&(t.slotMarkdown=this.convertMarkdown(t.slotMarkdown),t.slotMarkdown=this.sanitiseHTML(t.slotMarkdown),e.innerHTML=t.slotMarkdown)}loadScriptSrc(e){let t=this.document.createElement("script");t.src=e,t.async=!1,this.document.head.appendChild(t)}loadStyleSrc(e){let t=this.document.createElement("link");t.href=e,t.rel="stylesheet",t.type="text/css",this.document.head.appendChild(t)}loadScriptTxt(e){let t=this.document.createElement("script");t.async=!1,t.textContent=e,this.document.head.appendChild(t)}loadStyleTxt(e){let t=this.document.createElement("style");t.textContent=e,this.document.head.appendChild(t)}showDialog(e,t,i){let r="";if(i.payload&&typeof i.payload=="string"&&(r+=i.payload),t.content&&(r+=t.content),r===""){d.log(1,"Ui:showDialog","Toast content is blank. Not shown.")();return}!t.title&&i.topic&&(t.title=i.topic),t.title&&(r='<p class="toast-head">'.concat(t.title,"</p><p>").concat(r,"</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,r='<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(r));let n=this.document.getElementById("toaster");n===null&&(n=this.document.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()},this.document.body.insertAdjacentElement("afterbegin",n));let o=this.document.createElement("div");o.title="Click to clear this notifcation",o.setAttribute("class","toast ".concat(t.variant?t.variant:""," ").concat(e)),o.innerHTML=r,o.setAttribute("role","alertdialog"),t.modal&&o.setAttribute("aria-modal",t.modal),o.onclick=function(c){c.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)}_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,r)=>{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",r(n)})})}catch{return Promise.reject(new Error("Browser refused to create a Notification"))}}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")))}loadui(e){if(!fetch){d.log(0,"Ui:loadui","Current environment does not include `fetch`, skipping.")();return}if(!e){d.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));d.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?(d.log("trace","Ui:loadui:then2","Parsed JSON successfully obtained")(),this._uiManager({_ui:t}),!0):!1).catch(t=>{d.log("warn","Ui:loadui:catch","Error. ",t)()})}_uiComposeComponent(e,t){t.attributes&&Object.keys(t.attributes).forEach(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,r=>{new Function("evt","".concat(t.events[i],"(evt)"))(r)})}catch(r){d.log("error","Ui:_uiComposeComponent","Add event '".concat(i,"' for element '").concat(t.type,"': Cannot add event handler. ").concat(r.message))()}}),t.properties&&Object.keys(t.properties).forEach(i=>{e[i]=t.properties[i]}),t.slot&&this.replaceSlot(e,t),t.slotMarkdown&&this.replaceSlotMarkdown(e,t)}uiEnhanceElement(e,t){this._uiComposeComponent(e,t)}_uiExtendEl(e,t,i=""){t.forEach((r,n)=>{d.log("trace","Ui:_uiExtendEl:components-forEach:".concat(n),r)();let o;r.ns=i,r.ns==="html"?(o=e,e.innerHTML=r.slot):r.ns==="svg"?(o=this.document.createElementNS("http://www.w3.org/2000/svg",r.type),this._uiComposeComponent(o,r),e.appendChild(o)):(o=this.document.createElement(r.type==="html"?"div":r.type),this._uiComposeComponent(o,r),e.appendChild(o)),r.components&&this._uiExtendEl(o,r.components,r.ns)})}_uiAdd(e,t){d.log("trace","Ui:_uiManager:add","Starting _uiAdd")(),e.components.forEach((i,r)=>{d.log("trace","Ui:_uiAdd:components-forEach:".concat(r),"Component to add: ",i)();let n;switch(i.type){case"html":{i.ns="html",n=this.document.createElement("div");break}case"svg":{i.ns="svg",n=this.document.createElementNS("http://www.w3.org/2000/svg","svg");break}default:{i.ns="dom",n=this.document.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=this.document.querySelector(i.parent):e.parent&&(o=this.document.querySelector(e.parent)),o||(d.log("info","Ui:_uiAdd","No parent found, adding to body")(),o=this.document.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)})}_uiRemove(e,t=!1){e.components.forEach(i=>{let r;t!==!0?r=[this.document.querySelector(i)]:r=this.document.querySelectorAll(i),r.forEach(n=>{try{n.remove()}catch(o){d.log("trace","Ui:_uiRemove","Could not remove. ".concat(o.message))()}})})}_uiReplace(e){d.log("trace","Ui:_uiReplace","Starting")(),e.components.forEach((t,i)=>{d.log("trace","Ui:_uiReplace:components-forEach:".concat(i),"Component to replace: ",t)();let r;if(t.id?r=this.document.getElementById(t.id):t.selector||t.select?r=this.document.querySelector(t.selector):t.name?r=this.document.querySelector('[name="'.concat(t.name,'"]')):t.type&&(r=this.document.querySelector(t.type)),d.log("trace","Ui:_uiReplace:components-forEach:".concat(i),"Element to replace: ",r)(),r==null){d.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=this.document.createElement("div");break}case"svg":{t.ns="svg",n=this.document.createElementNS("http://www.w3.org/2000/svg","svg");break}default:{t.ns="dom",n=this.document.createElement(t.type);break}}this._uiComposeComponent(n,t),r.replaceWith(n),t.components&&this._uiExtendEl(n,t.components,t.ns)})}_uiUpdate(e){d.log("trace","Ui:_uiManager:update","Starting _uiUpdate")(),e.components||(e.components=[Object.assign({},e)]),e.components.forEach((t,i)=>{d.log("trace","_uiUpdate:components-forEach","Component #".concat(i),t)();let r;if(t.id?r=this.document.querySelectorAll("#".concat(t.id)):t.selector||t.select?r=this.document.querySelectorAll(t.selector):t.name?r=this.document.querySelectorAll('[name="'.concat(t.name,'"]')):t.type&&(r=this.document.querySelectorAll(t.type)),r===void 0||r.length<1){d.log("warn","Ui:_uiManager:update","Cannot find the DOM element. Ignoring.",t)();return}d.log("trace","_uiUpdate:components-forEach","Element(s) to update. Count: ".concat(r.length),r)(),!t.slot&&t.payload&&(t.slot=t.payload),r.forEach(n=>{this._uiComposeComponent(n,t)}),t.components&&r.forEach(n=>{d.log("trace","_uiUpdate:components","el",n)(),this._uiUpdate({method:e.method,parentEl:n,components:t.components})})})}_uiLoad(e){e.components&&(Array.isArray(e.components)||(e.components=[e.components]),e.components.forEach(async t=>{await Promise.resolve().then(()=>Ee(De(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")))}_uiReload(){d.log("trace","Ui:uiManager:reload","reloading")(),location.reload()}_uiManager(e){e._ui&&(Array.isArray(e._ui)||(e._ui=[e._ui]),e._ui.forEach((t,i)=>{if(!t.method){d.log("error","Ui:_uiManager","No method defined for msg._ui[".concat(i,"]. Ignoring"))();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:{d.log("error","Ui:_uiManager","Invalid msg._ui[".concat(i,"].method (").concat(t.method,"). Ignoring"))();break}}}))}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 r=this.document.querySelectorAll("".concat(t," li"));r&&(i.list={entries:r.length})}if(e.nodeName==="DL"){let r=this.document.querySelectorAll("".concat(t," dt"));r&&(i.list={entries:r.length})}if(e.nodeName==="TABLE"){let r=this.document.querySelectorAll("".concat(t," > tbody > tr")),n=this.document.querySelectorAll("".concat(t," > thead > tr")),o=this.document.querySelectorAll("".concat(t," > tbody > tr:last-child > *"));(r||n||o)&&(i.table={headRows:n?n.length:0,bodyRows:r?r.length:0,columns:o?o.length:0})}if(e.nodeName!=="#text"&&e.attributes&&e.attributes.length>0){i.attributes={};for(let r of e.attributes)r.name!=="id"&&(i.attributes[r.name]=e.attributes[r.name].value)}e.nodeName==="#text"&&(i.text=e.textContent),e.validity&&(i.userInput.validity={});for(let r in e.validity)i.userInput.validity[r]=e.validity[r];return i}uiGet(e,t=null){let i=this.document.querySelectorAll(e),r=[];return i.forEach(n=>{if(t!==null&&t!==""){let o=n.getAttribute(t);if(o==null)try{o=n[t]}catch{}if(o==null)t.toLowerCase()==="value"?r.push(n.innerText):r.push("Property '".concat(t,"' not found"));else if(o.constructor.name==="NamedNodeMap"){let c={};for(let l of o)c[l.name]=o[l.name].value;r.push(c)}else if(!o.constructor.name.toLowerCase().includes("map"))r.push({[t]:o});else{let c={};for(let l in o)c[l]=o[l];r.push(c)}}else r.push(this.nodeGet(n,e))}),r}async include(e,t){if(!fetch)return d.log(0,"Ui:include","Current environment does not include `fetch`, skipping.")(),"Current environment does not include `fetch`, skipping.";if(!e)return d.log(0,"Ui:include","url parameter must be provided, skipping.")(),"url parameter must be provided, skipping.";if(!t||!t.id)return d.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(m){return d.log(0,"Ui:include","Fetch of file '".concat(e,"' failed. "),m.message)(),m.message}if(!i.ok)return d.log(0,"Ui:include","Fetch of file '".concat(e,"' failed. Status='").concat(i.statusText,"'"))(),i.statusText;let r=await i.headers.get("content-type"),n=null;r&&(r.includes("text/html")?n="html":r.includes("application/json")?n="json":r.includes("multipart/form-data")?n="form":r.includes("image/")?n="image":r.includes("video/")?n="video":r.includes("application/pdf")?n="pdf":r.includes("text/plain")&&(n="text"));let o="",c="Include successful",l;switch(n){case"html":{l=await i.text(),o=l;break}case"json":{l=await i.json(),o='<pre class="syntax-highlight">',o+=this.syntaxHighlight(l),o+="</pre>";break}case"form":{l=await i.formData(),o='<pre class="syntax-highlight">',o+=this.syntaxHighlight(l),o+="</pre>";break}case"image":{l=await i.blob(),o='<img src="'.concat(URL.createObjectURL(l),'">'),this.window.DOMPurify&&(c="Include successful. BUT DOMPurify loaded which may block its use.",d.log("warn","Ui:include:image",c)());break}case"video":{l=await i.blob(),o='<video controls autoplay><source src="'.concat(URL.createObjectURL(l),'"></video>'),this.window.DOMPurify&&(c="Include successful. BUT DOMPurify loaded which may block its use.",d.log("warn","Ui:include:video",c)());break}case"pdf":case"text":default:{l=await i.blob(),o='<iframe style="resize:both;width:inherit;height:inherit;" src="'.concat(URL.createObjectURL(l),'">'),this.window.DOMPurify&&(c="Include successful. BUT DOMPurify loaded which may block its use.",d.log("warn","Ui:include:".concat(n),c)());break}}return t.type="div",t.slot=o,t.parent||(t.parent="body"),t.attributes||(t.attributes={class:"included"}),this._uiReplace({components:[t]}),d.log("trace","Ui:include:".concat(n),c)(),c}},h(d,"log"),d);qe.exports=$t});var kt=Ee(He());var j=class j extends HTMLElement{constructor(){super();h(this,"variable");h(this,"value");h(this,"undefined",!1);h(this,"report",!1);h(this,"type","plain");h(this,"types",["plain","html","markdown","object"]);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","../uibuilder/uib-brand.min.css"),this.dispatchEvent(new Event("uib-var:construction",{bubbles:!0,composed:!0}))}static get observedAttributes(){return j.props}attributeChangedCallback(t,i,r){if(i!==r)switch(t){case"variable":{if(r==="")throw new Error('[uib-var] Attribute "variable" MUST be set to a UIBUILDER managed variable name');this.variable=r,this.doWatch();break}case"undefined":{r===""||["on","true","report"].includes(r.toLowerCase())?this.undefined=!0:this.undefined=!1;break}case"report":{r===""||["on","true","report"].includes(r.toLowerCase())?this.report=!0:this.report=!1;break}case"type":{r===""||!this.types.includes(r.toLowerCase())?this.type="plain":this.type=r;break}default:{this[t]=r;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))}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(){if(this.value===void 0&&this.undefined!==!0){this.shadow.innerHTML="<slot></slot>";return}let t=this.value;switch(this.type){case"markdown":{this.shadow.innerHTML=window.uibuilder.sanitiseHTML(window.uibuilder.convertMarkdown(t));break}case"object":{this.shadow.innerHTML='<pre class="syntax-highlight">'.concat(window.uibuilder.syntaxHighlight(t),"</pre>");break}case"plain":case"html":default:{let i=typeof t;if(Array.isArray(t)||i==="[object Object]"||i==="object")try{this.shadow.innerHTML=JSON.stringify(t)}catch{this.shadow.innerHTML=t}else this.shadow.innerHTML=t;break}}this.shadow.appendChild(this.css)}};h(j,"_iCount",0),h(j,"props",["name","id","variable","undefined","report","type"]);var X=j;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 Q=Object.create(null);Object.keys(O).forEach(s=>{Q[O[s]]=s});var Z={type:"error",data:"parser error"};var je=typeof Blob=="function"||typeof Blob<"u"&&Object.prototype.toString.call(Blob)==="[object BlobConstructor]",We=typeof ArrayBuffer=="function",Ke=s=>typeof ArrayBuffer.isView=="function"?ArrayBuffer.isView(s):s&&s.buffer instanceof ArrayBuffer,ee=({type:s,data:e},t,i)=>je&&e instanceof Blob?t?i(e):Ve(e,i):We&&(e instanceof ArrayBuffer||Ke(e))?t?i(e):Ve(new Blob([e]),i):i(O[s]+(e||"")),Ve=(s,e)=>{let t=new FileReader;return t.onload=function(){let i=t.result.split(",")[1];e("b"+(i||""))},t.readAsDataURL(s)};function Fe(s){return s instanceof Uint8Array?s:s instanceof ArrayBuffer?new Uint8Array(s):new Uint8Array(s.buffer,s.byteOffset,s.byteLength)}var Ce;function Je(s,e){if(je&&s.data instanceof Blob)return s.data.arrayBuffer().then(Fe).then(e);if(We&&(s.data instanceof ArrayBuffer||Ke(s.data)))return e(Fe(s.data));ee(s,!1,t=>{Ce||(Ce=new TextEncoder),e(Ce.encode(t))})}var ze="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",te=typeof Uint8Array>"u"?[]:new Uint8Array(256);for(let s=0;s<ze.length;s++)te[ze.charCodeAt(s)]=s;var Ye=s=>{let e=s.length*.75,t=s.length,i,r=0,n,o,c,l;s[s.length-1]==="="&&(e--,s[s.length-2]==="="&&e--);let m=new ArrayBuffer(e),b=new Uint8Array(m);for(i=0;i<t;i+=4)n=te[s.charCodeAt(i)],o=te[s.charCodeAt(i+1)],c=te[s.charCodeAt(i+2)],l=te[s.charCodeAt(i+3)],b[r++]=n<<2|o>>4,b[r++]=(o&15)<<4|c>>2,b[r++]=(c&3)<<6|l&63;return m};var Lt=typeof ArrayBuffer=="function",ie=(s,e)=>{if(typeof s!="string")return{type:"message",data:Ge(s,e)};let t=s.charAt(0);return t==="b"?{type:"message",data:Ut(s.substring(1),e)}:Q[t]?s.length>1?{type:Q[t],data:s.substring(1)}:{type:Q[t]}:Z},Ut=(s,e)=>{if(Lt){let t=Ye(s);return Ge(t,e)}else return{base64:!0,data:s}},Ge=(s,e)=>{switch(e){case"blob":return s instanceof Blob?s:new Blob([s]);case"arraybuffer":default:return s instanceof ArrayBuffer?s:s.buffer}};var Xe=String.fromCharCode(30),Qe=(s,e)=>{let t=s.length,i=new Array(t),r=0;s.forEach((n,o)=>{ee(n,!1,c=>{i[o]=c,++r===t&&e(i.join(Xe))})})},Ze=(s,e)=>{let t=s.split(Xe),i=[];for(let r=0;r<t.length;r++){let n=ie(t[r],e);if(i.push(n),n.type==="error")break}return i};function et(){return new TransformStream({transform(s,e){Je(s,t=>{let i=t.length,r;if(i<126)r=new Uint8Array(1),new DataView(r.buffer).setUint8(0,i);else if(i<65536){r=new Uint8Array(3);let n=new DataView(r.buffer);n.setUint8(0,126),n.setUint16(1,i)}else{r=new Uint8Array(9);let n=new DataView(r.buffer);n.setUint8(0,127),n.setBigUint64(1,BigInt(i))}s.data&&typeof s.data!="string"&&(r[0]|=128),e.enqueue(r),e.enqueue(t)})}})}var Se;function ue(s){return s.reduce((e,t)=>e+t.length,0)}function de(s,e){if(s[0].length===e)return s.shift();let t=new Uint8Array(e),i=0;for(let r=0;r<e;r++)t[r]=s[0][i++],i===s[0].length&&(s.shift(),i=0);return s.length&&i<s[0].length&&(s[0]=s[0].slice(i)),t}function tt(s,e){Se||(Se=new TextDecoder);let t=[],i=0,r=-1,n=!1;return new TransformStream({transform(o,c){for(t.push(o);;){if(i===0){if(ue(t)<1)break;let l=de(t,1);n=(l[0]&128)===128,r=l[0]&127,r<126?i=3:r===126?i=1:i=2}else if(i===1){if(ue(t)<2)break;let l=de(t,2);r=new DataView(l.buffer,l.byteOffset,l.length).getUint16(0),i=3}else if(i===2){if(ue(t)<8)break;let l=de(t,8),m=new DataView(l.buffer,l.byteOffset,l.length),b=m.getUint32(0);if(b>Math.pow(2,53-32)-1){c.enqueue(Z);break}r=b*Math.pow(2,32)+m.getUint32(4),i=3}else{if(ue(t)<r)break;let l=de(t,r);c.enqueue(ie(n?l:Se.decode(l),e)),i=0}if(r===0||r>s){c.enqueue(Z);break}}}})}var Ne=4;function y(s){if(s)return It(s)}function It(s){for(var e in y.prototype)s[e]=y.prototype[e];return s}y.prototype.on=y.prototype.addEventListener=function(s,e){return this._callbacks=this._callbacks||{},(this._callbacks["$"+s]=this._callbacks["$"+s]||[]).push(e),this};y.prototype.once=function(s,e){function t(){this.off(s,t),e.apply(this,arguments)}return t.fn=e,this.on(s,t),this};y.prototype.off=y.prototype.removeListener=y.prototype.removeAllListeners=y.prototype.removeEventListener=function(s,e){if(this._callbacks=this._callbacks||{},arguments.length==0)return this._callbacks={},this;var t=this._callbacks["$"+s];if(!t)return this;if(arguments.length==1)return delete this._callbacks["$"+s],this;for(var i,r=0;r<t.length;r++)if(i=t[r],i===e||i.fn===e){t.splice(r,1);break}return t.length===0&&delete this._callbacks["$"+s],this};y.prototype.emit=function(s){this._callbacks=this._callbacks||{};for(var e=new Array(arguments.length-1),t=this._callbacks["$"+s],i=1;i<arguments.length;i++)e[i-1]=arguments[i];if(t){t=t.slice(0);for(var i=0,r=t.length;i<r;++i)t[i].apply(this,e)}return this};y.prototype.emitReserved=y.prototype.emit;y.prototype.listeners=function(s){return this._callbacks=this._callbacks||{},this._callbacks["$"+s]||[]};y.prototype.hasListeners=function(s){return!!this.listeners(s).length};var k=(()=>typeof self<"u"?self:typeof window<"u"?window:Function("return this")())();function fe(s,...e){return e.reduce((t,i)=>(s.hasOwnProperty(i)&&(t[i]=s[i]),t),{})}var Mt=k.setTimeout,Bt=k.clearTimeout;function $(s,e){e.useNativeTimers?(s.setTimeoutFn=Mt.bind(k),s.clearTimeoutFn=Bt.bind(k)):(s.setTimeoutFn=k.setTimeout.bind(k),s.clearTimeoutFn=k.clearTimeout.bind(k))}var Dt=1.33;function it(s){return typeof s=="string"?Pt(s):Math.ceil((s.byteLength||s.size)*Dt)}function Pt(s){let e=0,t=0;for(let i=0,r=s.length;i<r;i++)e=s.charCodeAt(i),e<128?t+=1:e<2048?t+=2:e<55296||e>=57344?t+=3:(i++,t+=4);return t}function st(s){let e="";for(let t in s)s.hasOwnProperty(t)&&(e.length&&(e+="&"),e+=encodeURIComponent(t)+"="+encodeURIComponent(s[t]));return e}function rt(s){let e={},t=s.split("&");for(let i=0,r=t.length;i<r;i++){let n=t[i].split("=");e[decodeURIComponent(n[0])]=decodeURIComponent(n[1])}return e}var xe=class extends Error{constructor(e,t,i){super(e),this.description=t,this.context=i,this.type="TransportError"}},L=class extends y{constructor(e){super(),this.writable=!1,$(this,e),this.opts=e,this.query=e.query,this.socket=e.socket}onError(e,t,i){return super.emitReserved("error",new xe(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=ie(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=st(e);return t.length?"?"+t:""}};var ct="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz-_".split(""),Oe=64,qt={},nt=0,pe=0,ot;function at(s){let e="";do e=ct[s%Oe]+e,s=Math.floor(s/Oe);while(s>0);return e}function me(){let s=at(+new Date);return s!==ot?(nt=0,ot=s):s+"."+at(nt++)}for(;pe<Oe;pe++)qt[ct[pe]]=pe;var lt=!1;try{lt=typeof XMLHttpRequest<"u"&&"withCredentials"in new XMLHttpRequest}catch{}var ht=lt;function Re(s){let e=s.xdomain;try{if(typeof XMLHttpRequest<"u"&&(!e||ht))return new XMLHttpRequest}catch{}if(!e)try{return new k[["Active"].concat("Object").join("X")]("Microsoft.XMLHTTP")}catch{}}function Ht(){}var Vt=function(){return new Re({xdomain:!1}).responseType!=null}(),ge=class extends L{constructor(e){if(super(e),this.polling=!1,typeof location<"u"){let i=location.protocol==="https:",r=location.port;r||(r=i?"443":"80"),this.xd=typeof location<"u"&&e.hostname!==location.hostname||r!==e.port}let t=e&&e.forceBase64;this.supportsBinary=Vt&&!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)};Ze(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,Qe(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]=me()),!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 U(this.uri(),e)}doWrite(e,t){let i=this.request({method:"POST",data:e});i.on("success",t),i.on("error",(r,n)=>{this.onError("xhr post error",r,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}},U=class s extends y{constructor(e,t){super(),$(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=fe(this.opts,"agent","pfx","key","passphrase","cert","ca","ciphers","rejectUnauthorized","autoUnref");t.xdomain=!!this.opts.xd;let i=this.xhr=new Re(t);try{i.open(this.method,this.uri,!0);try{if(this.opts.extraHeaders){i.setDisableHeaderCheck&&i.setDisableHeaderCheck(!0);for(let r in this.opts.extraHeaders)this.opts.extraHeaders.hasOwnProperty(r)&&i.setRequestHeader(r,this.opts.extraHeaders[r])}}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 r;i.readyState===3&&((r=this.opts.cookieJar)===null||r===void 0||r.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(r){this.setTimeoutFn(()=>{this.onError(r)},0);return}typeof document<"u"&&(this.index=s.requestsCount++,s.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=Ht,e)try{this.xhr.abort()}catch{}typeof document<"u"&&delete s.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()}};U.requestsCount=0;U.requests={};if(typeof document<"u"){if(typeof attachEvent=="function")attachEvent("onunload",ut);else if(typeof addEventListener=="function"){let s="onpagehide"in k?"pagehide":"unload";addEventListener(s,ut,!1)}}function ut(){for(let s in U.requests)U.requests.hasOwnProperty(s)&&U.requests[s].abort()}var B=(()=>typeof Promise=="function"&&typeof Promise.resolve=="function"?e=>Promise.resolve().then(e):(e,t)=>t(e,0))(),se=k.WebSocket||k.MozWebSocket,ye=!0,dt="arraybuffer";var ft=typeof navigator<"u"&&typeof navigator.product=="string"&&navigator.product.toLowerCase()==="reactnative",be=class extends L{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=ft?{}:fe(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=ye&&!ft?t?new se(e,t):new se(e):new se(e,t,i)}catch(r){return this.emitReserved("error",r)}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],r=t===e.length-1;ee(i,this.supportsBinary,n=>{let o={};ye||(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{ye?this.ws.send(n):this.ws.send(n,o)}catch{}r&&B(()=>{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]=me()),this.supportsBinary||(t.b64=1),this.createUri(e,t)}check(){return!!se}};var we=class extends L{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=tt(Number.MAX_SAFE_INTEGER,this.socket.binaryType),i=e.readable.pipeThrough(t).getReader(),r=et();r.readable.pipeTo(e.writable),this.writer=r.writable.getWriter();let n=()=>{i.read().then(({done:c,value:l})=>{c||(this.onPacket(l),n())}).catch(c=>{})};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],r=t===e.length-1;this.writer.write(i).then(()=>{r&&B(()=>{this.writable=!0,this.emitReserved("drain")},this.setTimeoutFn)})}}doClose(){var e;(e=this.transport)===null||e===void 0||e.close()}};var Ae={websocket:be,webtransport:we,polling:ge};var Ft=/^(?:(?![^:@\/?#]+:[^:@\/]*@)(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 W(s){let e=s,t=s.indexOf("["),i=s.indexOf("]");t!=-1&&i!=-1&&(s=s.substring(0,t)+s.substring(t,i).replace(/:/g,";")+s.substring(i,s.length));let r=Ft.exec(s||""),n={},o=14;for(;o--;)n[jt[o]]=r[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=Wt(n,n.path),n.queryKey=Kt(n,n.query),n}function Wt(s,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(s,e){let t={};return e.replace(/(?:^|&)([^&=]*)=?([^&]*)/g,function(i,r,n){r&&(t[r]=n)}),t}var D=class s extends y{constructor(e,t={}){super(),this.binaryType=dt,this.writeBuffer=[],e&&typeof e=="object"&&(t=e,e=null),e?(e=W(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=W(t.host).host),$(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=rt(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 Ae[e](i)}open(){let e;if(this.opts.rememberUpgrade&&s.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;s.priorWebsocketSuccess=!1;let r=()=>{i||(t.send([{type:"ping",data:"probe"}]),t.once("packet",N=>{if(!i)if(N.type==="pong"&&N.data==="probe"){if(this.upgrading=!0,this.emitReserved("upgrading",t),!t)return;s.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 _=new Error("probe error");_.transport=t.name,this.emitReserved("upgradeError",_)}}))};function n(){i||(i=!0,b(),t.close(),t=null)}let o=N=>{let _=new Error("probe error: "+N);_.transport=t.name,n(),this.emitReserved("upgradeError",_)};function c(){o("transport closed")}function l(){o("socket closed")}function m(N){t&&N.name!==t.name&&n()}let b=()=>{t.removeListener("open",r),t.removeListener("error",o),t.removeListener("close",c),this.off("close",l),this.off("upgrading",m)};t.once("open",r),t.once("error",o),t.once("close",c),this.once("close",l),this.once("upgrading",m),this.upgrades.indexOf("webtransport")!==-1&&e!=="webtransport"?this.setTimeoutFn(()=>{i||t.open()},200):t.open()}onOpen(){if(this.readyState="open",s.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 r=this.writeBuffer[i].data;if(r&&(t+=it(r)),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,r){if(typeof t=="function"&&(r=t,t=void 0),typeof i=="function"&&(r=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),r&&this.once("flush",r),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){s.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,r=e.length;for(;i<r;i++)~this.transports.indexOf(e[i])&&t.push(e[i]);return t}};D.protocol=Ne;var ps=D.protocol;function pt(s,e="",t){let i=s;t=t||typeof location<"u"&&location,s==null&&(s=t.protocol+"//"+t.host),typeof s=="string"&&(s.charAt(0)==="/"&&(s.charAt(1)==="/"?s=t.protocol+s:s=t.host+s),/^(https?|wss?):\/\//.test(s)||(typeof t<"u"?s=t.protocol+"//"+s:s="https://"+s),i=W(s)),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 Me={};At(Me,{Decoder:()=>Ue,Encoder:()=>Le,PacketType:()=>f,protocol:()=>wt});var Jt=typeof ArrayBuffer=="function",zt=s=>typeof ArrayBuffer.isView=="function"?ArrayBuffer.isView(s):s.buffer instanceof ArrayBuffer,mt=Object.prototype.toString,Yt=typeof Blob=="function"||typeof Blob<"u"&&mt.call(Blob)==="[object BlobConstructor]",Gt=typeof File=="function"||typeof File<"u"&&mt.call(File)==="[object FileConstructor]";function ne(s){return Jt&&(s instanceof ArrayBuffer||zt(s))||Yt&&s instanceof Blob||Gt&&s instanceof File}function re(s,e){if(!s||typeof s!="object")return!1;if(Array.isArray(s)){for(let t=0,i=s.length;t<i;t++)if(re(s[t]))return!0;return!1}if(ne(s))return!0;if(s.toJSON&&typeof s.toJSON=="function"&&arguments.length===1)return re(s.toJSON(),!0);for(let t in s)if(Object.prototype.hasOwnProperty.call(s,t)&&re(s[t]))return!0;return!1}function gt(s){let e=[],t=s.data,i=s;return i.data=Te(t,e),i.attachments=e.length,{packet:i,buffers:e}}function Te(s,e){if(!s)return s;if(ne(s)){let t={_placeholder:!0,num:e.length};return e.push(s),t}else if(Array.isArray(s)){let t=new Array(s.length);for(let i=0;i<s.length;i++)t[i]=Te(s[i],e);return t}else if(typeof s=="object"&&!(s instanceof Date)){let t={};for(let i in s)Object.prototype.hasOwnProperty.call(s,i)&&(t[i]=Te(s[i],e));return t}return s}function yt(s,e){return s.data=$e(s.data,e),delete s.attachments,s}function $e(s,e){if(!s)return s;if(s&&s._placeholder===!0){if(typeof s.num=="number"&&s.num>=0&&s.num<e.length)return e[s.num];throw new Error("illegal attachments")}else if(Array.isArray(s))for(let t=0;t<s.length;t++)s[t]=$e(s[t],e);else if(typeof s=="object")for(let t in s)Object.prototype.hasOwnProperty.call(s,t)&&(s[t]=$e(s[t],e));return s}var Xt=["connect","connect_error","disconnect","disconnecting","newListener","removeListener"],wt=5,f;(function(s){s[s.CONNECT=0]="CONNECT",s[s.DISCONNECT=1]="DISCONNECT",s[s.EVENT=2]="EVENT",s[s.ACK=3]="ACK",s[s.CONNECT_ERROR=4]="CONNECT_ERROR",s[s.BINARY_EVENT=5]="BINARY_EVENT",s[s.BINARY_ACK=6]="BINARY_ACK"})(f||(f={}));var Le=class{constructor(e){this.replacer=e}encode(e){return(e.type===f.EVENT||e.type===f.ACK)&&re(e)?this.encodeAsBinary({type:e.type===f.EVENT?f.BINARY_EVENT:f.BINARY_ACK,nsp:e.nsp,data:e.data,id:e.id}):[this.encodeAsString(e)]}encodeAsString(e){let t=""+e.type;return(e.type===f.BINARY_EVENT||e.type===f.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=gt(e),i=this.encodeAsString(t.packet),r=t.buffers;return r.unshift(i),r}};function bt(s){return Object.prototype.toString.call(s)==="[object Object]"}var Ue=class s extends y{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===f.BINARY_EVENT;i||t.type===f.BINARY_ACK?(t.type=i?f.EVENT:f.ACK,this.reconstructor=new Ie(t),t.attachments===0&&super.emitReserved("decoded",t)):super.emitReserved("decoded",t)}else if(ne(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(f[i.type]===void 0)throw new Error("unknown packet type "+i.type);if(i.type===f.BINARY_EVENT||i.type===f.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 r=e.charAt(t+1);if(r!==""&&Number(r)==r){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(s.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 f.CONNECT:return bt(t);case f.DISCONNECT:return t===void 0;case f.CONNECT_ERROR:return typeof t=="string"||bt(t);case f.EVENT:case f.BINARY_EVENT:return Array.isArray(t)&&(typeof t[0]=="number"||typeof t[0]=="string"&&Xt.indexOf(t[0])===-1);case f.ACK:case f.BINARY_ACK:return Array.isArray(t)}}destroy(){this.reconstructor&&(this.reconstructor.finishedReconstruction(),this.reconstructor=null)}},Ie=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=yt(this.reconPack,this.buffers);return this.finishedReconstruction(),t}return null}finishedReconstruction(){this.reconPack=null,this.buffers=[]}};function S(s,e,t){return s.on(e,t),function(){s.off(e,t)}}var Qt=Object.freeze({connect:1,connect_error:1,disconnect:1,disconnecting:1,newListener:1,removeListener:1}),K=class extends y{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=[S(e,"open",this.onopen.bind(this)),S(e,"packet",this.onpacket.bind(this)),S(e,"error",this.onerror.bind(this)),S(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(Qt.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:f.EVENT,data:t};if(i.options={},i.options.compress=this.flags.compress!==!1,typeof t[t.length-1]=="function"){let o=this.ids++,c=t.pop();this._registerAckCallback(o,c),i.id=o}let r=this.io.engine&&this.io.engine.transport&&this.io.engine.transport.writable;return this.flags.volatile&&(!r||!this.connected)||(this.connected?(this.notifyOutgoingListeners(i),this.packet(i)):this.sendBuffer.push(i)),this.flags={},this}_registerAckCallback(e,t){var i;let r=(i=this.flags.timeout)!==null&&i!==void 0?i:this._opts.ackTimeout;if(r===void 0){this.acks[e]=t;return}let n=this.io.setTimeoutFn(()=>{delete this.acks[e];for(let o=0;o<this.sendBuffer.length;o++)this.sendBuffer[o].id===e&&this.sendBuffer.splice(o,1);t.call(this,new Error("operation has timed out"))},r);this.acks[e]=(...o)=>{this.io.clearTimeoutFn(n),t.apply(this,[null,...o])}}emitWithAck(e,...t){let i=this.flags.timeout!==void 0||this._opts.ackTimeout!==void 0;return new Promise((r,n)=>{t.push((o,c)=>i?o?n(o):r(c):r(o)),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((r,...n)=>i!==this._queue[0]?void 0:(r!==null?i.tryCount>this._opts.retries&&(this._queue.shift(),t&&t(r)):(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:f.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)}onpacket(e){if(e.nsp===this.nsp)switch(e.type){case f.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 f.EVENT:case f.BINARY_EVENT:this.onevent(e);break;case f.ACK:case f.BINARY_ACK:this.onack(e);break;case f.DISCONNECT:this.ondisconnect();break;case f.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(...r){i||(i=!0,t.packet({type:f.ACK,id:e,data:r}))}}onack(e){let t=this.acks[e.id];typeof t=="function"&&(t.apply(this,e.data),delete this.acks[e.id])}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:f.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 P(s){s=s||{},this.ms=s.min||100,this.max=s.max||1e4,this.factor=s.factor||2,this.jitter=s.jitter>0&&s.jitter<=1?s.jitter:0,this.attempts=0}P.prototype.duration=function(){var s=this.ms*Math.pow(this.factor,this.attempts++);if(this.jitter){var e=Math.random(),t=Math.floor(e*this.jitter*s);s=Math.floor(e*10)&1?s+t:s-t}return Math.min(s,this.max)|0};P.prototype.reset=function(){this.attempts=0};P.prototype.setMin=function(s){this.ms=s};P.prototype.setMax=function(s){this.max=s};P.prototype.setJitter=function(s){this.jitter=s};var J=class extends y{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,$(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 P({min:this.reconnectionDelay(),max:this.reconnectionDelayMax(),jitter:this.randomizationFactor()}),this.timeout(t.timeout==null?2e4:t.timeout),this._readyState="closed",this.uri=e;let r=t.parser||Me;this.encoder=new r.Encoder,this.decoder=new r.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 D(this.uri,this.opts);let t=this.engine,i=this;this._readyState="opening",this.skipReconnect=!1;let r=S(t,"open",function(){i.onopen(),e&&e()}),n=c=>{this.cleanup(),this._readyState="closed",this.emitReserved("error",c),e?e(c):this.maybeReconnectOnOpen()},o=S(t,"error",n);if(this._timeout!==!1){let c=this._timeout,l=this.setTimeoutFn(()=>{r(),n(new Error("timeout")),t.close()},c);this.opts.autoUnref&&l.unref(),this.subs.push(()=>{this.clearTimeoutFn(l)})}return this.subs.push(r),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(S(e,"ping",this.onping.bind(this)),S(e,"data",this.ondata.bind(this)),S(e,"error",this.onerror.bind(this)),S(e,"close",this.onclose.bind(this)),S(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){B(()=>{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 K(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(r=>{r?(e._reconnecting=!1,e.reconnect(),this.emitReserved("reconnect_error",r)):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 oe={};function z(s,e){typeof s=="object"&&(e=s,s=void 0),e=e||{};let t=pt(s,e.path||"/socket.io"),i=t.source,r=t.id,n=t.path,o=oe[r]&&n in oe[r].nsps,c=e.forceNew||e["force new connection"]||e.multiplex===!1||o,l;return c?l=new J(i,e):(oe[r]||(oe[r]=new J(i,e)),l=oe[r]),t.query&&!e.query&&(e.query=t.queryKey),l.socket(t.path,e)}Object.assign(z,{Manager:J,Socket:K,io:z,connect:z});var vt="6.6.0-iife.min",Zt=!/param/.test(function(s){}),I=Zt?0:1,A={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;"};function a(){let s=Array.prototype.slice.call(arguments),e=s.shift(),t;switch(e){case"trace":case 5:{if(I<5)break;e=5,t="trace";break}case"debug":case 4:{if(I<4)break;e=4,t="debug";break}case"log":case 3:{if(I<3)break;e=3,t="log";break}case"info":case"":case 2:{if(I<2)break;e=2,t="info";break}case"warn":case 1:{if(I<1)break;e=1,t="warn";break}case"error":case"err":case 0:{if(I<0)break;e=0,t="error";break}default:{e=-1;break}}if(t===void 0)return function(){};let i=s.shift();return Function.prototype.bind.call(console[A[t].console],console,"%c".concat(A[t].pre).concat(t,"%c [").concat(i,"]"),"".concat(A.level," ").concat(A[t].css),"".concat(A.head," ").concat(A[t].txtCss),...s)}function Be(s,e){e||(e="payload"),typeof e!="string"&&(a("warn","uibuilderfe:makeMeAnObject","WARNING: property parameter must be a string and not: ".concat(typeof e))(),e="payload");let t={};return s!==null&&s.constructor.name==="Object"?t=s:s!==null&&(t[e]=s),t}function ei(){return("/"+Array.prototype.slice.call(arguments).map(function(t){return t.replace(/^\/|\/$/g,"")}).filter(function(t){return t}).join("/")).replace("//","/")}function _t(s){if(s===void 0)s='<span class="undefined">undefined</span>';else try{s=JSON.stringify(s,void 0,4),s=s.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){s="Syntax Highlight ERROR: ".concat(e.message)}return s}var g=new kt.default(window,a,_t),v,q,R,T,C,ae,Y,G,H,V,ve,ce,le,M,ti=(v=class{constructor(){h(this,"connectedNum",0);h(this,"_ioChannels",{control:"uiBuilderControl",client:"uiBuilderClient",server:"uiBuilder"});E(this,q,void 0);E(this,R,{});E(this,T,{});h(this,"isVue",!1);h(this,"vueVersion");E(this,C,null);E(this,ae,void 0);h(this,"_socket");h(this,"_htmlObserver");E(this,Y,!1);E(this,G,!1);E(this,H,void 0);E(this,V,!1);E(this,ve,["get","set","htmlSend","showMsg","showStatus","uiGet","uiWatch","include","elementExists","getManagedVarList","getWatchedVars"]);E(this,ce,{});E(this,le,{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"}});E(this,M,{});h(this,"clientId","");h(this,"cookies",{});h(this,"ctrlMsg",{});h(this,"ioConnected",!1);h(this,"isVisible",!1);h(this,"lastNavType","");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,"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:{clientVersion:vt,clientId:this.clientId,pathName:window.location.pathname,urlParams:Object.fromEntries(new URLSearchParams(location.search)),pageName:void 0,tabId:void 0,lastNavType:void 0},transportOptions:{polling:{extraHeaders:{"x-clientid":"".concat(v._meta.displayName,"; ").concat(v._meta.type,"; ").concat(v._meta.version,"; ").concat(this.clientId)}}}});if(a("trace","Uib:constructor","Starting")(),window.addEventListener("offline",e=>{this.set("online",!1),this.set("ioConnected",!1),a("warn","Browser","DISCONNECTED from network")()}),window.addEventListener("online",e=>{this.set("online",!0),a("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"]),a("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=>{u(this,G)&&e.detail.prop in u(this,le)&&(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"]),a("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("/"))),a("trace","[Uib:constructor]",'httpNodeRoot set by URL parsing to "'.concat(this.httpNodeRoot,'". NOTE: This may fail for pages in sub-folders.'))()}this.set("ioPath",ei(this.httpNodeRoot,v._meta.displayName,"vendor","socket.io")),a("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"),a("trace","Uib:constructor","Ending")()}set logLevel(e){I=e,console.log("%c\u2757 info%c [logLevel]","".concat(A.level," ").concat(A.info.css),"".concat(A.head," ").concat(A.info.txtCss),"Set to ".concat(e," (").concat(A.names[e],")"))}get logLevel(){return I}get meta(){return v._meta}set(e,t,i=!1,r=!1){return e.startsWith("_")||e.startsWith("#")?(a("warn","Uib:set",'Cannot use set() on protected property "'.concat(e,'"'))(),'Cannot use set() on protected property "'.concat(e,'"')):(this[e]=t,u(this,ce)[e]=e,i===!0&&this.setStore(e,t,r),a("trace","Uib:set","prop set - prop: ".concat(e,", val: "),t," store: ".concat(i,", autoload: ").concat(r))(),this._dispatchCustomEvent("uibuilder:propertyChanged",{prop:e,value:t,store:i,autoload:r}),t)}get(e){if(e.startsWith("_")||e.startsWith("#")){a("warn","Uib:get",'Cannot use get() on protected property "'.concat(e,'"'))();return}return e==="version"?v._meta.version:e==="msgsCtrl"?this.msgsCtrlReceived:e==="reconnections"?this.connectedNum:(this[e]===void 0&&a("warn","Uib:get",'get() - property "'.concat(e,'" is undefined'))(),this[e])}setStore(e,t,i=!1){let r={};if(i===!0)try{r=this.getStore("_uibAutoloadVars")||{}}catch{}if(typeof t=="object")try{t=JSON.stringify(t)}catch(n){return a("error","Uib:setStore","Cannot stringify object, not storing. ",n)(),!1}try{if(localStorage.setItem(this.storePrefix+e,t),i){r[e]=e;try{localStorage.setItem(this.storePrefix+"_uibAutoloadVars",JSON.stringify(r))}catch(n){a("error","Uib:setStore","Cannot save autoload list. ",n)()}}return this._dispatchCustomEvent("uibuilder:propertyStored",{prop:e,value:t,autoload:i}),!0}catch(n){return a("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 u(this,ce)}getWatchedVars(){return Object.keys(u(this,R))}_dispatchCustomEvent(e,t){let i=new CustomEvent(e,{detail:t});document.dispatchEvent(i)}onChange(e,t){u(this,R)[e]?u(this,R)[e]._nextRef++:u(this,R)[e]={_nextRef:1};let i=u(this,R)[e]._nextRef,r=u(this,R)[e][i]=function(o){if(e===o.detail.prop){let c=o.detail.value;t.call(c,c)}};return document.addEventListener("uibuilder:propertyChanged",r),i}cancelChange(e,t){document.removeEventListener("uibuilder:propertyChanged",u(this,R)[e][t]),delete u(this,R)[e][t]}onTopic(e,t){u(this,T)[e]?u(this,T)[e]._nextRef++:u(this,T)[e]={_nextRef:1};let i=u(this,T)[e]._nextRef,r=u(this,T)[e][i]=function(o){let c=o.detail;c.topic===e&&t.call(c,c)};return document.addEventListener("uibuilder:stdMsgReceived",r),i}cancelTopic(e,t){document.removeEventListener("uibuilder:stdMsgReceived",u(this,T)[e][t]),delete u(this,T)[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&&(a("trace","Uib:checkTimestamp:".concat(this._ioChannels.server," (server)"),"Offset changed to: ".concat(i," from: ").concat(this.serverTimeOffset))(),this.set("serverTimeOffset",i))}}$(e){let t=document.querySelector(e);return t?t.nodeName==="TEMPLATE"&&(t=t.content.firstElementChild,!t)?(a(0,"Uib:$","Template selected for CSS selector ".concat(e," but it is empty"))(),null):t:(a(1,"Uib:$","No element found for CSS selector ".concat(e))(),null)}$$(e){return Array.from(document.querySelectorAll(e))}setOriginator(e=""){this.set("originator",e)}setPing(e=0){let t=new XMLHttpRequest;t.addEventListener("load",()=>{let i=t.getAllResponseHeaders().split("\r\n"),r=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:r})}),u(this,q)&&(clearInterval(u(this,q)),x(this,q,void 0)),t.open("GET","".concat(this.httpNodeRoot,"/uibuilder/ping?t=").concat(Number(new Date))),t.send(),e>0&&x(this,q,setInterval(()=>{t.open("GET","".concat(this.httpNodeRoot,"/uibuilder/ping?t=").concat(Number(new Date))),t.send()},e))}log(){a(...arguments)()}syntaxHighlight(e){return _t(e)}copyToClipboard(e){let t="";try{console.log(this.get(e),JSON.stringify(this.get(e))),t=JSON.stringify(this.get(e))}catch(i){a("error","copyToClipboard",'Could not copy "'.concat(e,'" to clipboard.'),i.message)()}navigator.clipboard.writeText(t)}elementIsVisible(e,t=!1,i=.1){if(!IntersectionObserver)return;u(this,H)||x(this,H,new IntersectionObserver(n=>{let o=[];n.forEach(c=>{c.target.dataset.isvisible=c.isIntersecting,o.push({isIntersecting:c.isIntersecting})}),this.send({payload:o[0].isIntersecting,isVisible:o[0].isIntersecting,cssSelector:e,entries:o}),a("info","uib:elementIsVisible",'Element "'.concat(e,'" is now ').concat(o[0].isIntersecting?"more than 10%":"NOT (<10%)"," visible"))()},{threshold:i}));let r=document.querySelector(e);if(r===null){a("error","uib:elementIsVisible",'Element "'.concat(e,'" not found'))();return}if(t===!0){u(this,H).unobserve(r);return}u(this,H).observe(r)}elementExists(e,t=!0){let i=document.querySelector(e),r=!1;return i!==null&&(r=!0),t===!0&&this.send({payload:r,info:'Element "'.concat(e,'" ').concat(r?"exists":"does not exist")}),r}keepHashFromUrl(e){return e?"#"+e.replace(/^.*#(.*)/,"$1").replace(/\?.*$/,""):""}_watchHashChanges(){this.set("urlHash",location.hash),window.addEventListener("hashchange",e=>{this.set("urlHash",location.hash),u(this,V)===!0&&this.send({topic:"hashChange",payload:location.hash,newHash:this.keepHashFromUrl(e.newURL),oldHash:this.keepHashFromUrl(e.oldURL)})})}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}watchUrlHash(e){return x(this,V,this.truthy(e,u(this,V)!==!0)),u(this,V)}ui(e){g.ui(e)}replaceSlot(e,t){g.replaceSlot(e,t)}replaceSlotMarkdown(e,t){g.replaceSlotMarkdown(e,t)}convertMarkdown(e){return g.convertMarkdown(e)}sanitiseHTML(e){return g.sanitiseHTML(e)}loadScriptSrc(e){g.loadScriptSrc(e)}loadStyleSrc(e){g.loadStyleSrc(e)}loadScriptTxt(e){g.loadScriptTxt(e)}loadStyleTxt(e){g.loadStyleTxt(e)}showDialog(e,t,i){g.showDialog(e,t,i)}loadui(e){g.loadui(e)}uiGet(e,t=null){return g.uiGet(e,t)}async include(e,t){g.include(e,t)}uiEnhanceElement(e,t){g.uiEnhanceElement(e,t)}showMsg(e,t="body"){e===void 0&&(e=!u(this,Y)),x(this,Y,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?g._uiRemove({components:["#uib_last_msg_wrap"]}):g._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}notify(e){return e.return?g.notification(e):(g.notification(e).then(t=>{a("info","Uib:notification","Notification completed event",t)()}).catch(t=>{a("error","Uib:notification","Notification error event",t)()}),null)}showStatus(e,t="body"){if(e===void 0&&(e=!u(this,G)),x(this,G,e),e===!1)return g._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:[]}]}]}]},r=i.components[0].components[0].components[0].components;return Object.values(u(this,le)).forEach(n=>{r.push({type:"tr",attributes:{title:n.description},components:[{type:"th",slot:n.label},{type:"td",attributes:{"data-varType":n.var},slot:n.var==="version"?v._meta.version:JSON.stringify(this[n.var])}]})}),g._uiReplace(i),e}uiWatch(e,t="toggle",i=!0,r=!0){let n=document.querySelector(e);if(!n)return a("warn","uibuilder.module.js:uiWatch","CSS Selector '".concat(e,"' not found."))(),!1;(t==="toggle"||t===void 0||t===null)&&(u(this,M)[e]?t=!1:t=!0);let o=this;return t===!0?(u(this,M)[e]=new MutationObserver(function(c){let l=[];c.forEach(m=>{let b={type:m.type,oldValue:m.oldValue!==null?m.oldValue:void 0};m.addedNodes.length>0&&(b.addedNodes=[],m.addedNodes.forEach((N,_)=>{b.addedNodes.push(g.nodeGet(m.addedNodes[_]))})),m.removedNodes.length>0&&(b.removedNodes=[],m.removedNodes.forEach((N,_)=>{b.removedNodes.push(g.nodeGet(m.removedNodes[_]))})),m.type==="attributes"&&(b.attributeName=m.attributeName,b.newValue=m.target.attributes[m.attributeName].value),l.push(b)}),o._dispatchCustomEvent("uibuilder:domChange",l),i===!0&&o.send({_ui:{cssSelector:e,uiChanges:l},topic:o.topic||"DOM Changes for '".concat(e,"'")}),r===!0&&a("info","uibuilder.module.js:uiWatch","DOM Changes for '".concat(e,"'"),{uiChanges:l},{mutationList:c})()}),u(this,M)[e].observe(n,{attributes:!0,childList:!0,subtree:!0,characterData:!0}),a("trace","uibuilder.module.js:uiWatch","Started Watching DOM changes for '".concat(e,"'"))()):(u(this,M)[e].disconnect(),delete u(this,M)[e],a("trace","uibuilder.module.js:uiWatch","Stopped Watching DOM changes for '".concat(e,"'"))()),t}clearHtmlCache(){this.removeStore("htmlCache"),a("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,a("trace","uibuilder.module.js:restoreHtmlFromCache","Restored HTML from cache")()}else a("trace","uibuilder.module.js:restoreHtmlFromCache","No cache to restore")()}saveHtmlCache(){this.setStore("htmlCache",document.documentElement.innerHTML)}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}),a("trace","uibuilder.module.js:watchDom","Started Watching and saving DOM changes")()):(this._htmlObserver.disconnect(),a("trace","uibuilder.module.js:watchDom","Stopped Watching and saving DOM changes")())}_send(e,t,i=""){t==null&&(t=this._ioChannels.client),t===this._ioChannels.client?e=Be(e,"payload"):t===this._ioChannels.control&&(e=Be(e,"uibuilderCtrl"),Object.prototype.hasOwnProperty.call(e,"uibuilderCtrl")||(e.uibuilderCtrl="manual send"),e.from="client"),e._socketId=this._socket.id,this.socketOptions.auth.tabId=this.tabId,this.socketOptions.auth.lastNavType=this.lastNavType,this.socketOptions.auth.connectedNum=this.connectedNum,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");let r;t===this._ioChannels.client?(this.set("sentMsg",e),r=this.set("msgsSent",++this.msgsSent)):t===this._ioChannels.control&&(this.set("sentCtrlMsg",e),r=this.set("msgsSentCtrl",++this.msgsSentCtrl)),a("trace","Uib:_send"," Channel '".concat(t,"'. Sending msg #").concat(r),e)(),this._socket.emit(t,e)}send(e,t=""){this._send(e,this._ioChannels.client,t)}sendCtrl(e){this._send(e,this._ioChannels.control)}eventSend(e,t=""){if(this.$attrs){a("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){a("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){a("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,r={};Object.keys(i).forEach(p=>{p.startsWith("_")||(r[p]=i[p])});let n=["class","id","name"],o;try{o=Object.assign({},...Array.from(i.attributes,({name:p,value:_e})=>{if(!n.includes(p))return{[p]:_e}}))}catch{}let c,l=[];i.form&&(c={},c.valid=i.form.checkValidity(),Object.values(i.form).forEach((p,_e)=>{let F=p.id!==""?p.id:p.name!==""?p.name:"".concat(_e,"-").concat(p.type);if(F!==""&&p.type){if("checked"in p&&p.value==="on"&&(p.value=p.checked.toString()),l.push({key:F,val:p.value}),c[F]={id:p.id,name:p.name,value:p.value,valid:p.checkValidity(),type:p.type},c[F].valid===!1){let w=p.validity;c[F].validity={badInput:w.badInput===!0?w.badInput:void 0,customError:w.customError===!0?w.customError:void 0,patternMismatch:w.patternMismatch===!0?w.patternMismatch:void 0,rangeOverflow:w.rangeOverflow===!0?w.rangeOverflow:void 0,rangeUnderflow:w.rangeUnderflow===!0?w.rangeUnderflow:void 0,stepMismatch:w.stepMismatch===!0?w.stepMismatch:void 0,tooLong:w.tooLong===!0?w.tooLong:void 0,tooShort:w.tooShort===!0?w.tooShort:void 0,typeMismatch:w.typeMismatch===!0?w.typeMismatch:void 0,valueMissing:w.valueMissing===!0?w.valueMissing:void 0}}p.dataset&&(c[F].data=p.dataset)}}));let m;try{m=Array.from(i.classList)}catch{}let b={...i.dataset},N;Object.prototype.toString.call(i)==="[object Notification]"&&(b="notification-".concat(i.userAction),N={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 _={payload:b,_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:c,props:r,attribs:o,classes:m,notification:N,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}};l.length>0&&l.forEach(p=>{_.payload[p.key]=p.val}),e.type==="change"&&(_._ui.newValue=_.payload.value="checked"in i?i.checked:e.target.value),a("trace","Uib:eventSend","Sending msg to Node-RED",_)(),i.dataset&&i.dataset.length===0&&a("warn","Uib:eventSend","No payload in msg. data-* attributes should be used.")(),this._send(_,this._ioChannels.client,t)}htmlSend(e="",t=!0){let i="<!doctype html>\n".concat(document.documentElement.outerHTML),r={payload:i,length:i.length,topic:this.topic};return a("trace","Uib:htmlSend","Sending full HTML to Node-RED",r)(),t===!0&&this._send(r,this._ioChannels.client,e),i}_uibCommand(e){let t=e._uib.command;if(!u(this,ve).includes(t.trim())){a("error","Uib:_uibCommand","Command '".concat(t," is not allowed to be called externally"))();return}let i=e._uib.prop,r=e._uib.value,n,o;switch(t){case"elementExists":{n=this.elementExists(i,!1),o='Element "'.concat(i,'" ').concat(n?"exists":"does not exist");break}case"get":{n=this.get(i);break}case"getManagedVarList":{i==="full"?n=this.getManagedVarList():n=Object.values(this.getManagedVarList());break}case"getWatchedVars":{i==="full"?n=this.getWatchedVars():n=Object.values(this.getWatchedVars());break}case"htmlSend":{n=this.htmlSend("",!1);break}case"include":{n=g.include(i,r);break}case"set":{let c=!1,l=!1;e._uib.options&&e._uib.options.store&&(e._uib.options.store===!0&&(c=!0),e._uib.options.autoload===!0&&(l=!0)),n=this.set(i,r,c,l);break}case"showMsg":{n=this.showMsg(r,i);break}case"showStatus":{n=this.showStatus(r,i);break}case"uiGet":{n=g.uiGet(i,r);break}case"uiWatch":{n=this.uiWatch(i);break}case"watchUrlHash":{n=this.watchUrlHash(i);break}default:{a("warning","Uib:_uibCommand","Command '".concat(t,"' not yet implemented"))();break}}n===void 0&&(n="'".concat(i,"' is undefined")),Object(n).constructor===Promise?n.then(c=>(e.payload=e._uib.response=c,e.info=e._uib.info=o,e.topic||(e.topic=this.topic||"uib ".concat(t," for '").concat(i,"'")),this.send(e),!0)).catch(c=>{a(0,"Uib:_uibCommand","Error: ",c)()}):(e.payload=e._uib.response=n,e.info=e._uib.info=o,e.topic||(e.topic=this.topic||"uib ".concat(t," for '").concat(i,"'")),this.send(e))}_forThis(e){let t=!0;return e.pageName&&e.pageName!==this.pageName&&(a("trace","Uib:_msgRcvdEvents:_uib","Not for this page")(),t=!1),e.clientId&&e.clientId!==this.clientId&&(a("trace","Uib:_msgRcvdEvents:_uib","Not for this clientId")(),t=!1),e.tabId&&e.tabId!==this.tabId&&(a("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){if(!this._forThis(e._uib))return;if(e._uib.reload===!0){a("trace","Uib:_msgRcvdEvents:_uib:reload","reloading")(),location.reload();return}if(e._uib.command){this._uibCommand(e);return}e._uib.componentRef==="globalNotification"&&g.showDialog("notify",e._uib.options,e),e._uib.componentRef==="globalAlert"&&g.showDialog("alert",e._uib.options,e)}if(e._ui){if(!this._forThis(e._ui))return;a("trace","Uib:_msgRcvdEvents:_ui","Calling _uiManager")(),this._dispatchCustomEvent("uibuilder:msg:_ui",e),g._uiManager(e)}}_stdMsgFromServer(e){e=Be(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),a("info","Uib:ioSetup:stdMsgFromServer","Channel '".concat(this._ioChannels.server,"'. Received msg #").concat(this.msgsReceived,"."),e)()))}_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),a("trace","Uib:ioSetup:_ctrlMsgFromServer","Channel '".concat(this._ioChannels.control,"'. Received control msg #").concat(this.msgsCtrlReceived),e)(),e.uibuilderCtrl){case"shutdown":{a("info","Uib:ioSetup:".concat(this._ioChannels.control),'\u274C Received "shutdown" from server')(),this.set("serverShutdown",void 0);break}case"client connect":{a("trace","Uib:ioSetup:".concat(this._ioChannels.control),'Received "client connect" from server')(),a("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"))(),v._meta.version.startsWith(e.version.split("-")[0])||a("warn","Uib:ioSetup:".concat(this._ioChannels.control),"Server version (".concat(e.version,") not the same as the client version (").concat(v._meta.version,")"))(),this.autoSendReady===!0&&a("trace","Uib:ioSetup:".concat(this._ioChannels.control,"/client connect"),"Auto-sending ready-for-content/replay msg to server");break}default:a("trace","uibuilderfe:ioSetup:".concat(this._ioChannels.control),"Received ".concat(e.uibuilderCtrl," from server"))}}beaconLog(e,t){t||(t="debug"),navigator.sendBeacon("./_clientLog","".concat(t,"::").concat(e))}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})}_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(),a("trace","uibuilder.module.js:getIOnamespace","Socket.IO namespace found via url path: ".concat(e))()}else a("trace","uibuilder.module.js:getIOnamespace","Socket.IO namespace found via cookie: ".concat(e))();return this.url=e,e="/"+e,a("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),a("trace","Uib:checkConnect","Checking connection. Connected: ".concat(this._socket.connected,". Timer: ").concat(u(this,C),". Depth: ").concat(i,". Delay: ").concat(e,". Factor: ").concat(t),this._socket)(),this._socket.connected===!0?(u(this,C)&&(window.clearTimeout(u(this,C)),x(this,C,null)),this.set("ioConnected",!0),this.set("socketError",null),!0):(this.set("ioConnected",!1),u(this,C)&&window.clearTimeout(u(this,C)),x(this,C,window.setTimeout(()=>{a("warn","Uib:checkConnect:setTimeout","Socket.IO reconnection attempt. Current delay: ".concat(e,". Depth: ").concat(i))(),this._socket.close(),this._socket.connect(),x(this,C,null),this._checkConnect(e*t,t,i++)},e)),!1)}_onConnect(){this.set("connectedNum",this.connectedNum++),this.socketOptions.auth.connectedNum=this.connectedNum,this.socketOptions.auth.lastNavType=this.lastNavType,this.socketOptions.auth.tabId=this.tabId,this.socketOptions.auth.more=this.tabId,a("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){a("info","Uib:ioSetup:socket-disconnect","\u26D4 Socket Disconnected. Reason: ".concat(e))(),this._dispatchCustomEvent("uibuilder:socket:disconnected",e),this._checkConnect()}_ioSetup(){return z===void 0?(a("error","Uib:ioSetup","Socket.IO client not loaded, Node-RED comms will not work")(),!1):(this._socket&&(a("trace","Uib:ioSetup","Removing listeners in preparation for redoing Socket.IO connections")(),u(this,C)&&(window.clearTimeout(u(this,C)),x(this,C,null)),this._socket.close(),this._socket.offAny(),this._socket=void 0,this.set("ioConnected",!1)),this.socketOptions.path=this.ioPath,this.socketOptions.auth.pageName=this.pageName,this.socketOptions.auth.clientId=this.clientId,this.socketOptions.transportOptions.polling.extraHeaders["x-clientid"]="".concat(v._meta.displayName,"; ").concat(v._meta.type,"; ").concat(v._meta.version,"; ").concat(this.clientId),this.socketOptions.auth.tabId=this.tabId,this.socketOptions.auth.lastNavType=this.lastNavType,this.socketOptions.auth.connectedNum=this.connectedNum,a("trace","Uib:ioSetup","About to create IO object. Transports: [".concat(this.socketOptions.transports.join(", "),"]"))(),this._socket=z(this.ioNamespace,this.socketOptions),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&&(a("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=>{a("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)}start(e){a("trace","Uib:start","Starting")(),u(this,ae)&&this.cancelChange("msg",u(this,ae)),this.started===!0&&a("info","Uib:start","Start function already called. Resetting Socket.IO and msg handler.")(),a("log","Uib:start","Cookies: ",this.cookies,"\nClient ID: ".concat(this.clientId))(),a("trace","Uib:start","ioNamespace: ",this.ioNamespace,"\nioPath: ".concat(this.ioPath))(),e&&(e.ioNamespace!==void 0&&e.ioNamespace!==null&&e.ioNamespace!==""&&this.set("ioNamespace",e.ioNamespace),e.ioPath!==void 0&&e.ioPath!==null&&e.ioPath!==""&&this.set("ioPath",e.ioPath)),document.styleSheets.length>=1||document.styleSheets.length===1&&document.styleSheets[0].cssRules.length===0?a("info","Uib:start","Styles already loaded so not loading uibuilder default styles.")():e&&e.loadStylesheet===!1?a("info","Uib:start","No styles loaded & options.loadStylesheet === false.")():(a("info","Uib:start","No styles loaded, loading uibuilder default styles.")(),this.loadStyleSrc("".concat(this.httpNodeRoot,"/uibuilder/uib-brand.min.css")));let[t]=performance.getEntriesByType("navigation");if(this.set("lastNavType",t.type),this.set("started",this._ioSetup()),this.started===!0?a("trace","Uib:start","Start completed. Socket.IO client library loaded.")():a("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{}a("trace","Uib:start","VueJS is loaded. Version: ".concat(this.vueVersion))()}else a("trace","Uib:start","VueJS is not loaded.")();window.DOMPurify?(this.set("purify",!0),a("trace","Uib:start","DOMPurify is loaded.")()):a("trace","Uib:start","DOMPurify is not loaded.")(),window.markdownit?(this.set("markdown",!0),a("trace","Uib:start","Markdown-IT is loaded.")()):a("trace","Uib:start","Markdown-IT is not loaded.")(),this.onChange("msg",i=>{if(u(this,Y)===!0){let r=document.getElementById("uib_last_msg");r&&(r.innerHTML=this.syntaxHighlight(i))}}),this._dispatchCustomEvent("uibuilder:startComplete")}},q=new WeakMap,R=new WeakMap,T=new WeakMap,C=new WeakMap,ae=new WeakMap,Y=new WeakMap,G=new WeakMap,H=new WeakMap,V=new WeakMap,ve=new WeakMap,ce=new WeakMap,le=new WeakMap,M=new WeakMap,h(v,"_meta",{version:vt,type:"module",displayName:"uibuilder"}),v),ke=new ti;window.uibuilder?a("error","uibuilder.module.js","`uibuilder` already assigned to window. Have you tried to load it more than once?"):window.uibuilder=ke;window.uib?a("warn","uibuilder.module.js","`uib` shortcut already assigned to window."):window.uib=ke;window.$?a("warn","uibuilder.module.js","Cannot allocate the global `$`, it is already in use. Use `uibuilder.$` instead."):window.$=window.uibuilder.$;window.$$?a("warn","uibuilder.module.js","Cannot allocate the global `$$`, it is already in use. Use `uibuilder.$$` instead."):window.$$=window.uibuilder.$$;var zs=ke;ke.start();customElements.define("uib-var",X);})();
 //# 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 3190184d..44cb417e 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", "src/components/uib-var/uib-var.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/index.mjs", "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"],
-  "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-2023 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// ts-nocheck \n\nconst Ui = class Ui {\n    version = '6.6.0-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    window\n\n    /** Log function - passed in constructor or will be a dummy function\n     * @type {function}\n     */\n    static log\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        if (win) this.window = 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        this.document = this.window.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\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    // TODO Add multi-slot\n    /** Replace or add an HTML element's slot from text or an HTML string\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 {*} component The component we are trying to add/replace\n     */\n    replaceSlot(el, component) {\n        if (!component.slot) return\n        if (!el) return\n\n        // If DOMPurify is loaded, apply it now\n        if (this.window['DOMPurify']) component.slot = this.window['DOMPurify'].sanitize(component.slot)\n        // Set the component content to the msg.payload or the slot property\n        el.innerHTML = component.slot\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 (!this.window['markdownit']) return mdText\n\n        const opts = { // eslint-disable-line object-shorthand\n            html: true,\n            linkify: true,\n            _highlight: true,\n            langPrefix: 'language-',\n            highlight(str, lang) {\n                if (lang && this.window['hljs'] && this.window['hljs'].getLanguage(lang)) {\n                    try {\n                        return `<pre class=\"highlight\" data-language=\"${lang.toUpperCase()}\">\n                                <code class=\"language-${lang}\">${this.window['hljs'].highlightAuto(str).value}</code></pre>`\n                    } finally { } // eslint-disable-line no-empty\n                }\n                return `<pre class=\"highlight\"><code>${md.utils.escapeHtml(str)}</code></pre>`\n            },\n        }\n        const md = this.window['markdownit'](opts)\n        // Convert from markdown to HTML\n        return md.render(mdText)\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 (!this.window['DOMPurify']) return html\n        return this.window['DOMPurify'].sanitize(html, { ADD_TAGS: this.sanitiseExtraTags, ADD_ATTR: this.sanitiseExtraAttribs })\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    /** 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 = this.document.createElement('script')\n        newScript.src = url\n        newScript.async = false\n        this.document.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 = this.document.createElement('link')\n        newStyle.href = url\n        newStyle.rel = 'stylesheet'\n        newStyle.type = 'text/css'\n\n        this.document.head.appendChild(newStyle)\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 = this.document.createElement('script')\n        newScript.async = false\n        newScript.textContent = textFn\n        this.document.head.appendChild(newScript)\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 = this.document.createElement('style')\n        newStyle.textContent = textFn\n        this.document.head.appendChild(newStyle)\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 += msg.payload\n        if (ui.content) content += ui.content\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 = this.document.getElementById('toaster')\n        if (toaster === null) {\n            toaster = this.document.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            this.document.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 = this.document.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\n    } // --- End of showDialog ---\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                    ev.currentTarget.userAction = 'close'\n                    resolve(ev)\n                })\n                notify.addEventListener('click', ev => {\n                    ev.currentTarget.userAction = 'click'\n                    resolve(ev)\n                })\n                notify.addEventListener('error', ev => {\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    /** 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    /** 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    // 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\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                // 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            })\n        }\n\n        //#region Add Slot content to innerHTML\n        if (comp.slot) {\n            this.replaceSlot(el, comp)\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    uiEnhanceElement(el, comp) {\n        this._uiComposeComponent(el, comp)\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            } else if (compToAdd.ns === 'svg') {\n                newEl = this.document.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 = this.document.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    // 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 = this.document.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 = this.document.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 = this.document.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToAdd.ns = 'dom'\n                    newEl = this.document.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 = this.document.querySelector(compToAdd.parent)\n            } else if (ui.parent) {\n                elParent = this.document.querySelector(ui.parent)\n            }\n            if (!elParent) {\n                Ui.log('info', 'Ui:_uiAdd', 'No parent found, adding to body')()\n                elParent = this.document.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\n    } // --- end of _uiAdd ---\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 = [this.document.querySelector(compToRemove)]\n            else els = this.document.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 'this.document': '##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 = this.document.getElementById(compToReplace.id) // .querySelector(`#${compToReplace.id}`)\n            } else if (compToReplace.selector || compToReplace.select) {\n                elToReplace = this.document.querySelector(compToReplace.selector)\n            } else if (compToReplace.name) {\n                elToReplace = this.document.querySelector(`[name=\"${compToReplace.name}\"]`)\n            } else if (compToReplace.type) {\n                elToReplace = this.document.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 = this.document.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 = this.document.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToReplace.ns = 'dom'\n                    newEl = this.document.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\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:_uiManager:update', 'Starting _uiUpdate')()\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', `Component #${i}`, compToUpd)()\n\n            /** @type {NodeListOf<Element>} */\n            let elToUpd\n\n            // 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.id) {\n                // NB We don't use get by id because this way the code is simpler later on\n                elToUpd = this.document.querySelectorAll(`#${compToUpd.id}`)\n            } else if (compToUpd.selector || compToUpd.select) {\n                elToUpd = this.document.querySelectorAll(compToUpd.selector)\n            } else if (compToUpd.name) {\n                elToUpd = this.document.querySelectorAll(`[name=\"${compToUpd.name}\"]`)\n            } else if (compToUpd.type) {\n                elToUpd = this.document.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 => {\n                this._uiComposeComponent(el, compToUpd)\n            })\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToUpd.components) {\n                elToUpd.forEach(el => {\n                    Ui.log('trace', '_uiUpdate:components', 'el', el)()\n                    this._uiUpdate({\n                        method: ui.method,\n                        parentEl: el,\n                        components: compToUpd.components,\n                    })\n                })\n            }\n\n        })\n\n    } // --- end of _uiUpdate ---\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                await 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 a reload request */\n    _uiReload() {\n        Ui.log('trace', 'Ui:uiManager:reload', 'reloading')()\n        location.reload()\n    }\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.method) {\n                Ui.log('error', 'Ui:_uiManager', `No method defined for msg._ui[${i}]. Ignoring`)()\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\n    } // --- end of _uiManager ---\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 = this.document.querySelectorAll(`${cssSelector} li`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'DL') {\n            const listEntries = this.document.querySelectorAll(`${cssSelector} dt`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'TABLE') {\n            const bodyEntries = this.document.querySelectorAll(`${cssSelector} > tbody > tr`)\n            const headEntries = this.document.querySelectorAll(`${cssSelector} > thead > tr`)\n            const cols = this.document.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            }\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    /** 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>} */ (this.document.querySelectorAll(cssSelector))\n\n        const out = []\n\n        selection.forEach(node => {\n            // Specific property asked for ...\n            if (propName !== null && propName !== '') {\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                    // Nightmare of different object types in a DOM Element!\n                    if (prop.constructor.name === 'NamedNodeMap') { // Attributes\n                        const p = {}\n                        for (const key of prop) {\n                            // @ts-ignore\n                            p[key.name] = prop[key.name].value\n                        }\n                        out.push(p)\n                    } else if (!prop.constructor.name.toLowerCase().includes('map')) { // Ordinary properties\n                        out.push({\n                            [propName]: prop\n                        })\n                    } else { // Other MAP types\n                        const p = {}\n                        // @ts-ignore\n                        for (const key in prop) {\n                            p[key] = prop[key]\n                        }\n                        out.push(p)\n                    }\n                }\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    /** 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 (this.window['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 (this.window['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 (this.window['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\n    } // ---- End of include() ---- //\n}\n\nmodule.exports = Ui\n// window['ui'] = new Ui()\n// export Ui\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-2023 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//#region --- 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 UibVar from '../components/uib-var/uib-var'\nimport io from 'socket.io-client'\n\n// TODO - Maybe - check if already loaded as window['io']?\n// TODO - Maybe - Should this be moved to inside the class - would know the httpRoot then so less need to guess?\n// TODO           Or, could pull the cookie processing out of the class\n// const ioLocns = [ // Likely locations of the Socket.IO client library\n//     // Where it should normally be\n//     '../uibuilder/vendor/socket.io-client/socket.io.esm.min.js',\n//     // Where it might be if using a custom uib Express server and haven't changed httpNodeRoot\n//     '/uibuilder/vendor/socket.io-client/socket.io.esm.min.js',\n//     // Where it might be if using a custom uib Express server and have changed httpNodeRoot\n//     '../../../../../uibuilder/vendor/socket.io-client/socket.io.esm.min.js',\n//     '../../../../uibuilder/vendor/socket.io-client/socket.io.esm.min.js',\n//     '../../../uibuilder/vendor/socket.io-client/socket.io.esm.min.js',\n//     '../../uibuilder/vendor/socket.io-client/socket.io.esm.min.js',\n//     // Direct from the Internet - last ditch attempt\n//     'https://cdn.jsdelivr.net/npm/socket.io-client/+esm',\n// ]\n\n// let io\n// for (const locn of ioLocns) {\n//     try {\n//         ({ io } = await import(locn))\n//         log('trace', 'uibuilder.module.js:io', `Socket.IO client library found at '${locn}'`)()\n//     } catch (e) {\n//         log('trace', 'uibuilder.module.js:io', `Socket.IO client library not found at '${locn}'`)()\n//     }\n//     if (io) break\n// }\n// if (!io) log('error', 'uibuilder.module.js', 'Socket.IO client failed to load')()\n//#endregion -------- -------- -------- //\n\nconst version = '6.6.0-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// @ts-ignore Detect whether the loaded library is minified or not\nconst isMinified = !(/param/).test(function (param) { }) // eslint-disable-line no-unused-vars\n\n//#region --- print/console - debugging output functions --- //\n\n/** Default log level - Error & Warn */\nlet logLevel = isMinified ? 0 : 1  // When using minified lib, assume production and only log errors otherwise also log warn\n// function changeLogLevel(level) {\n//     logLevel = level\n//     console.trace = logLevel < 4 ? function(){} : console.trace\n//     console.debug = logLevel < 2 ? function(){} : console.debug\n//     if ( logLevel < 1 ) {\n//         console.log = console.group = console.groupEnd =  function(){}\n//     }\n// }\n\n// Experimental\nconst 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/** 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 (logLevel < 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 (logLevel < 4) break\n            level = 4\n            strLevel = 'debug'\n            break\n        }\n\n        case 'log':\n        case 3: {\n            if (logLevel < 3) break\n            level = 3\n            strLevel = 'log'\n            break\n        }\n\n        case 'info':\n        case '':\n        case 2: {\n            if (logLevel < 2) break\n            level = 2\n            strLevel = 'info'\n            break\n        }\n\n        case 'warn':\n        case 1: {\n            if (logLevel < 1) break\n            level = 1\n            strLevel = 'warn'\n            break\n        }\n\n        case 'error':\n        case 'err':\n        case 0: {\n            if (logLevel < 0) break\n            level = 0\n            strLevel = 'error'\n            break\n        }\n\n        default: {\n            level = -1\n            break\n        }\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_STYLES[strLevel].console],\n        console,\n        `%c${LOG_STYLES[strLevel].pre}${strLevel}%c [${head}]`, `${LOG_STYLES.level} ${LOG_STYLES[strLevel].css}`, `${LOG_STYLES.head} ${LOG_STYLES[strLevel].txtCss}`,\n        ...args\n    )\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/** Makes a null or non-object into an object\n * If not null, moves \"thing\" to {payload:thing}\n *\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 */\nfunction makeMeAnObject(thing, property) {\n    if (!property) property = 'payload'\n    if (typeof property !== 'string') {\n        log('warn', 'uibuilderfe: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/** 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 */\nfunction 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/** 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    // Has an IntersectionObserver been created? If so, this will hold the reference to it\n    #intersectionObserver = undefined\n    // Externally accessible command functions (NB: Case must match) - remember to update _uibCommand for new commands\n    #extCommands = [\n        'get', 'set', 'htmlSend', 'showMsg', 'showStatus', 'uiGet', 'uiWatch', 'include', 'elementExists',\n        'getManagedVarList', 'getWatchedVars',\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    //#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 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    /** 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    //#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    //#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    socketOptions = {\n        path: this.ioPath,\n        transports: ['polling', 'websocket'],\n        auth: {\n            clientVersion: version,\n            clientId: this.clientId,\n            pathName: window.location.pathname,\n            urlParams: Object.fromEntries(new URLSearchParams(location.search)),\n            pageName: undefined,\n            tabId: undefined,\n            lastNavType: undefined,\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) { logLevel = level; console.log('%c\u2757 info%c [logLevel]', `${LOG_STYLES.level} ${LOG_STYLES.info.css}`, `${LOG_STYLES.head} ${LOG_STYLES.info.txtCss}`, `Set to ${level} (${LOG_STYLES.names[level]})`) /* changeLogLevel(level)*/ }\n    get logLevel() { return logLevel }\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    // TODO Add option to send event details back to Node-RED as uib ctrl msg\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    /** 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 {*} Selected HTML element or null\n     */\n    $(cssSelector) {\n        /** @type {*} Some kind of HTML element */\n        let el = document.querySelector(cssSelector)\n\n        if (!el) {\n            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                log(0, 'Uib:$', `Template selected for CSS selector ${cssSelector} but it is empty`)()\n                return null\n            }\n        }\n\n        return el\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 {*} cssSelector A CSS Selector that identifies the elements to return\n     * @returns {Array} Array of DOM elements/nodes. Array is empty if selector is not found.\n     */\n    $$(cssSelector) {\n        return Array.from(document.querySelectorAll(cssSelector))\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    log() {\n        log(...arguments)()\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     */\n    syntaxHighlight(json) {\n        return syntaxHighlight(json)\n    } // --- End of syntaxHighlight --- //\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            console.log(this.get(varToCopy), JSON.stringify(this.get(varToCopy)))\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    /** 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     * @param {string} cssSelector Required. CSS Selector to examine for visibility\n     * @param {boolean} stop Optional. Default=false. If TRUE, stop the observer for this cssSelector\n     * @param {number} threshold Optional. Default=0.1. Between 0 and 1, the % visibility before trigger\n     */\n    elementIsVisible(cssSelector, stop = false, threshold = 0.1) {\n        if (!IntersectionObserver) return\n\n        // TODO Return a promise? - make return message optional?\n        // https://blog.bitsrc.io/angular-maximizing-performance-with-the-intersection-observer-api-23d81312f178#:~:text=Let%E2%80%99s%20define%20a%20function%20named%20isVisible%20and%20returns,resolve%20%28entry.isIntersecting%29%3B%20observer.disconnect%20%28%29%3B%20%7D%29%3B%20observer.observe%20%28element%29%3B%20%7D%29%3B\n\n        if (!this.#intersectionObserver) {\n            this.#intersectionObserver = new IntersectionObserver( (ioEntries) => {\n                const entries = []\n                // Stupid DOM API's, we have to explicitly loop through the data to be able to use it\n                ioEntries.forEach((entry) => {\n                    // Markup the element (data-isvisible)\n                    entry.target.dataset.isvisible = entry.isIntersecting\n                    // Each entry describes an intersection change for one observed\n                    entries.push({\n                        isIntersecting: entry.isIntersecting,\n                    })\n                })\n\n                // console.log('IntersectionObserver: Entries ', ioEntries, entries)\n                this.send({\n                    payload: entries[0].isIntersecting,\n                    isVisible: entries[0].isIntersecting,\n                    cssSelector,\n                    entries: entries,\n                })\n\n                log('info', 'uib:elementIsVisible', `Element \"${cssSelector}\" is now ${entries[0].isIntersecting ? 'more than 10%' : 'NOT (<10%)'} visible`)()\n            }, { threshold: threshold })\n        }\n\n        const el = document.querySelector(cssSelector)\n\n        if (el === null) {\n            log('error', 'uib:elementIsVisible', `Element \"${cssSelector}\" not found`)()\n            return\n        }\n\n        if (stop === true) {\n            this.#intersectionObserver.unobserve(el)\n            return\n        }\n\n        this.#intersectionObserver.observe(el)\n    } // --- End of elementIsVisible --- //\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    //#endregion -------- -------- -------- //\n\n    //#region ------- UI handlers --------- //\n\n    //#region -- Direct to _ui --\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    /** Replace or add an HTML element's slot from text or an HTML string\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 {*} component The component we are trying to add/replace\n     */\n    replaceSlot(el, component) {\n        _ui.replaceSlot(el, component)\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    /** 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(mdText)\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    /** 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    /** 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    /** 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    /** 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    /** 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        _ui.include(url, uiOptions)\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    /** * 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 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    /** 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    //#endregion -------- -------- -------- //\n\n    //#region ------- HTML cache and DOM watch --------- //\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    /** 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 ------- Message Handling (To/From Node-RED) -------- //\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\n        if (channel === this._ioChannels.client) {\n            msgToSend = makeMeAnObject(msgToSend, 'payload')\n        } else if (channel === this._ioChannels.control) {\n            msgToSend = 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        }\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        //#region ---- Update socket.io metadata ---- //\n        // Session tab id\n        this.socketOptions.auth.tabId = this.tabId\n        // How was the page last loaded?\n        this.socketOptions.auth.lastNavType = this.lastNavType\n        // How many times has the client (re)connected since page load\n        this.socketOptions.auth.connectedNum = this.connectedNum\n        //#endregion ---- ---- ---- //\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'\n        if (msgToSend._ui) msgToSend._ui.from = 'client'\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    /** 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    /** 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    /** 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 properties - only shows custom props not element default ones\n        const props = {}\n        Object.keys(target).forEach( key => {\n            if (key.startsWith('_')) return // Exclude private\n            props[key] = target[key]\n        })\n\n        // Attempt to get target attributs - can fail for certain target types\n        const ignoreAttribs = ['class', 'id', 'name']\n        let attribs\n        try {\n            attribs = Object.assign({},\n                ...Array.from(target.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        // If target embedded in a form, include the form data\n        let form\n        const frmVals = []\n        if ( target.form ) {\n            form = {}\n            form.valid = target.form.checkValidity()\n            Object.values(target.form).forEach( (frmEl, i) => {\n                const id = frmEl.id !== '' ? frmEl.id : (frmEl.name !== '' ? frmEl.name : `${i}-${frmEl.type}`)\n\n                // We must have both an element id (we may have forced one above) AND\n                // the element type MUST be not undefined - to allow for the extra properties added by frameworks such as Svelte\n                if (id !== '' && frmEl.type) {\n                    // Stupid HTML doesn't use value attrib for checkboxes. So override if value is set to default\n                    if ('checked' in frmEl && frmEl.value === 'on') frmEl.value = frmEl.checked.toString()\n\n                    frmVals.push( { key: id, val: frmEl.value } ) // simplified for addition to msg.payload\n\n                    form[id] = {\n                        'id': frmEl.id,\n                        'name': frmEl.name,\n                        'value': frmEl.value,\n                        'valid': frmEl.checkValidity(),\n                        'type': frmEl.type,\n                    }\n\n                    if (form[id].valid === false) {\n                        const v = frmEl.validity\n                        form[id].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 (frmEl.dataset) form[id].data = frmEl.dataset\n                }\n            })\n        }\n\n        // Check for CSS Classes\n        let classes\n        try {\n            classes = Array.from(target.classList)\n        } catch (e) {}\n\n        // Each `data-xxxx` attribute is added as a property\n        let payload = { ...target.dataset }\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        // console.log(Object.prototype.toString.call(target))\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: form,\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        if (frmVals.length > 0) {\n            frmVals.forEach( entry => {\n                msg.payload[entry.key] = entry.val\n            })\n        }\n\n        if (domevent.type === 'change') msg._ui.newValue = msg.payload.value = domevent.target.value\n\n        log('trace', 'Uib:eventSend', 'Sending msg to Node-RED', msg)()\n        if (target.dataset && target.dataset.length === 0) log('warn', 'Uib:eventSend', 'No payload in msg. data-* attributes should be used.')()\n\n        this._send(msg, this._ioChannels.client, originator)\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     */\n    htmlSend(originator = '') {\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        this._send(msg, this._ioChannels.client, originator)\n    }\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        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        let response, info\n\n        // Don't forget to update `docs/client-docs/control-from-node-red.md`\n        switch (cmd) {\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()\n                break\n            }\n\n            case 'include': {\n                // include is async\n                response = _ui.include(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            default: {\n                log('warning', 'Uib:_uibCommand', `Command '${cmd}' not yet implemented`)()\n                break\n            }\n        }\n\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    /** 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\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        // 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                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                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                _ui.showDialog('notify', msg._uib.options, msg)\n            }\n            if ( msg._uib.componentRef === '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            this._dispatchCustomEvent('uibuilder:msg:_ui', msg)\n            _ui._uiManager(msg)\n        }\n\n    } // --- end of _msgRcvdEvents ---\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 = 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\n    } // -- End of websocket receive DATA msg 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')()\n                log('info', `Uib:ioSetup:${this._ioChannels.control}`, `\u2705 Server connected. Version: ${receivedCtrlMsg.version}\\nServer time: ${receivedCtrlMsg.serverTimestamp}, Sever time offset: ${this.serverTimeOffset} hours`)()\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                break\n            }\n\n            default: {\n                log('trace', `uibuilderfe:ioSetup:${this._ioChannels.control}`, `Received ${receivedCtrlMsg.uibuilderCtrl} from server`)\n                // Anything else to do for other control msgs?\n            }\n\n        } // ---- End of process control msg types ---- //\n\n    } // -- End of websocket receive CONTROL msg from Node-RED -- //\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    /** 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    //#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.close()\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        this.set('connectedNum', this.connectedNum++)\n        // How many times has the client (re)connected since page load\n        this.socketOptions.auth.connectedNum = this.connectedNum\n        // How was the page last loaded?\n        this.socketOptions.auth.lastNavType = this.lastNavType\n        // Session tab id\n        this.socketOptions.auth.tabId = this.tabId\n        this.socketOptions.auth.more = this.tabId\n\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        //#region --- custom meta-data ---\n        // Add the pageName\n        this.socketOptions.auth.pageName = this.pageName\n        // Add stable client id (static unless browser closed)\n        this.socketOptions.auth.clientId = this.clientId\n        this.socketOptions.transportOptions.polling.extraHeaders['x-clientid'] = `${Uib._meta.displayName}; ${Uib._meta.type}; ${Uib._meta.version}; ${this.clientId}`\n        // Session tab id\n        this.socketOptions.auth.tabId = this.tabId\n        // How was the page last loaded?\n        this.socketOptions.auth.lastNavType = this.lastNavType\n        // How many times has the client (re)connected since page load\n        this.socketOptions.auth.connectedNum = this.connectedNum\n        //#endregion --- ---- ---\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        /** 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    //#endregion -------- ------------ -------- //\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', 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        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 !== undefined && options.ioNamespace !== null && options.ioNamespace !== '') this.set('ioNamespace', options.ioNamespace)\n            if (options.ioPath !== undefined && options.ioPath !== null && options.ioPath !== '') this.set('ioPath', options.ioPath)\n            // See below for handling of options.loadStylesheet\n        }\n\n        // Do we need to load styles?\n        if ( document.styleSheets.length >= 1 || (document.styleSheets.length === 1 && document.styleSheets[0].cssRules.length === 0) ) {\n            log('info', 'Uib:start', 'Styles already loaded so not loading uibuilder default styles.')()\n        } else {\n            if (options && options.loadStylesheet === false) log('info', 'Uib:start', 'No styles loaded & options.loadStylesheet === false.')()\n            else {\n                log('info', 'Uib:start', 'No styles loaded, loading uibuilder default styles.')()\n                this.loadStyleSrc(`${this.httpNodeRoot}/uibuilder/uib-brand.min.css`)\n            }\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        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        // 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        // 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\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        this._dispatchCustomEvent('uibuilder:startComplete')\n    }\n\n    //#endregion -------- ------------ -------- //\n} // ==== End of Class Uib ====\n\n//#region --- Wrap up - get things started ---\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.$` 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.$$` instead.')\n}\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 the class as a new Custom Element to the window object\ncustomElements.define('uib-var', UibVar)\n\n//#endregion --- Wrap up ---\n\n// EOF\n", "/** A zero dependency web component that will display a managed uibuilder variable.\n *\n * Version: 0.0.1 2023-10-07\n *\n * ToDo:\n * -\n */\n/*\n  Copyright (c) 2023 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    undefined = 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']\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 = ['name', 'id', 'variable', 'undefined', 'report', 'type']\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\n        this.css = document.createElement(\"link\")\n        this.css.setAttribute(\"type\", \"text/css\")\n        this.css.setAttribute(\"rel\", \"stylesheet\")\n        this.css.setAttribute(\"href\", \"../uibuilder/uib-brand.min.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    /** NOTE: On initial startup, this is called for each watched attrib set in HTML - BEFORE connectedCallback is called  */\n    attributeChangedCallback(attrib, oldVal, newVal) {\n        if ( oldVal === newVal ) return\n\n        switch (attrib) {\n            case 'variable': {\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.undefined = true\n                else this.undefined = 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\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() {} // ---- 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 (!window['uibuilder']) 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 */\n    varDom() {\n        // If user doesn't want to show undefined vars, allow the component slot to show instead\n        if (this.value === undefined && this.undefined !== true) { \n            this.shadow.innerHTML = '<slot></slot>'\n            return\n        }\n        \n        let val = this.value\n\n        // console.log('\uD83E\uDDEA varDOM: ', val, typeof val, this.type)\n\n        switch (this.type) {\n            case 'markdown': {\n                this.shadow.innerHTML = window['uibuilder'].sanitiseHTML(window['uibuilder'].convertMarkdown(val))\n                break\n            }\n        \n            case 'object': {\n                // console.log(window['uibuilder'].syntaxHighlight(val))\n                this.shadow.innerHTML = `<pre class=\"syntax-highlight\">${window['uibuilder'].syntaxHighlight(val)}</pre>`\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                        this.shadow.innerHTML = JSON.stringify(val)\n                    } catch (e) {\n                        this.shadow.innerHTML = val\n                    }\n                } else {\n                    this.shadow.innerHTML = val\n                }\n                break\n            }\n        }\n\n        this.shadow.appendChild(this.css)\n        // this.$('span').innerHTML = window['uibuilder'].sanitiseHTML(val)\n        // this.shadow.innerHTML = window['uibuilder'].sanitiseHTML(val)\n    }\n}\n\n// Add the class as a new Custom Element to the window object \n// customElements.define('uib-var', UibVar)\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\n            .arrayBuffer()\n            .then(toArray)\n            .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 /* 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 /* 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 /* READ_PAYLOAD */;\n                    }\n                    else if (expectedLength === 126) {\n                        state = 1 /* READ_EXTENDED_LENGTH_16 */;\n                    }\n                    else {\n                        state = 2 /* READ_EXTENDED_LENGTH_64 */;\n                    }\n                }\n                else if (state === 1 /* 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 /* READ_PAYLOAD */;\n                }\n                else if (state === 2 /* 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 /* 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 /* 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\";\nclass 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    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 } 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        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        this.acks[id] = (...args) => {\n            // @ts-ignore\n            this.io.clearTimeoutFn(timer);\n            ack.apply(this, [null, ...args]);\n        };\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        // the timeout flag is optional\n        const withErr = this.flags.timeout !== undefined || this._opts.ackTimeout !== undefined;\n        return new Promise((resolve, reject) => {\n            args.push((arg1, arg2) => {\n                if (withErr) {\n                    return arg1 ? reject(arg1) : resolve(arg2);\n                }\n                else {\n                    return resolve(arg1);\n                }\n            });\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    }\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 acknowlegement.\n     *\n     * @param packet\n     * @private\n     */\n    onack(packet) {\n        const ack = this.acks[packet.id];\n        if (\"function\" === typeof ack) {\n            ack.apply(this, packet.data);\n            delete this.acks[packet.id];\n        }\n        else {\n        }\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"],
-  "mappings": "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",
-  "names": ["require_ui", "__commonJSMin", "exports", "module", "_a", "Ui", "win", "extLog", "jsonHighlight", "__publicField", "json", "msg", "el", "component", "mdText", "opts", "str", "lang", "md", "html", "url", "newScript", "newStyle", "textFn", "type", "ui", "content", "toaster", "toast", "evt", "config", "notify", "resolve", "reject", "ev", "permit", "response", "contentType", "data", "err", "comp", "attrib", "prop", "parentEl", "components", "ns", "compToAdd", "i", "newEl", "isRecurse", "elParent", "all", "compToRemove", "els", "compToReplace", "elToReplace", "compToUpd", "elToUpd", "__toESM", "__require", "script", "sheet", "node", "cssSelector", "thisOut", "listEntries", "bodyEntries", "headEntries", "cols", "v", "propName", "selection", "out", "p", "key", "uiOptions", "error", "slot", "txtReturn", "import_ui", "_UibVar", "__publicField", "attrib", "oldVal", "newVal", "val", "t", "UibVar", "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", "withErr", "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", "version", "isMinified", "param", "logLevel", "LOG_STYLES", "log", "args", "level", "strLevel", "head", "makeMeAnObject", "thing", "property", "out", "urlJoin", "e", "syntaxHighlight", "json", "match", "cls", "_ui", "Ui", "_a", "_pingInterval", "_propChangeCallbacks", "_msgRecvdByTopicCallbacks", "_timerid", "_MsgHandler", "_isShowMsg", "_isShowStatus", "_intersectionObserver", "_extCommands", "_managedVars", "_showStatus", "_uiObservers", "Uib", "__publicField", "__privateAdd", "c", "splitC", "event", "__privateGet", "fullPath", "autoloadVars", "id", "prop", "val", "store", "autoload", "value", "autoVars", "title", "details", "callback", "nextCbRef", "propChangeCallback", "cbRef", "topic", "msgRecvdEvtCallback", "msg", "receivedMsg", "serverTimestamp", "offset", "cssSelector", "el", "originator", "ms", "oReq", "headers", "elapsedTime", "__privateSet", "varToCopy", "data", "stop", "threshold", "ioEntries", "entries", "entry", "exists", "component", "mdText", "html", "url", "textFn", "type", "ui", "propName", "uiOptions", "showHide", "parent", "slot", "config", "res", "err", "root", "startStop", "send", "showLog", "targetNode", "that", "mutationList", "mu", "oMu", "an", "i", "htmlCache", "msgToSend", "channel", "numMsgs", "domevent", "target", "props", "key", "ignoreAttribs", "attribs", "name", "form", "frmVals", "frmEl", "v", "classes", "payload", "nprops", "cmd", "response", "info", "obj", "r", "receivedCtrlMsg", "txtToSend", "ioNamespace", "u", "t", "delay", "factor", "depth", "reason", "lookup", "options", "eMsg", "uibuilder", "uibuilder_module_default", "uibuilder", "UibVar"]
+  "sources": ["src/front-end-module/ui.js", "src/front-end-module/uibuilder.module.js", "src/components/uib-var.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/index.mjs", "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"],
+  "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-2023 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\nconst Ui = class Ui {\n    version = '6.6.0-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    window\n\n    /** Log function - passed in constructor or will be a dummy function\n     * @type {function}\n     */\n    static log\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        if (win) this.window = 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        this.document = this.window.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\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    // TODO Add multi-slot\n    /** Replace or add an HTML element's slot from text or an HTML string\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 {*} component The component we are trying to add/replace\n     */\n    replaceSlot(el, component) {\n        if (!component.slot) return\n        if (!el) return\n\n        // If DOMPurify is loaded, apply it now\n        if (this.window['DOMPurify']) component.slot = this.window['DOMPurify'].sanitize(component.slot)\n        // Set the component content to the msg.payload or the slot property\n        el.innerHTML = component.slot\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 (!this.window['markdownit']) return mdText\n\n        const opts = { // eslint-disable-line object-shorthand\n            html: true,\n            linkify: true,\n            _highlight: true,\n            langPrefix: 'language-',\n            highlight(str, lang) {\n                if (lang && this.window['hljs'] && this.window['hljs'].getLanguage(lang)) {\n                    try {\n                        return `<pre class=\"highlight\" data-language=\"${lang.toUpperCase()}\">\n                                <code class=\"language-${lang}\">${this.window['hljs'].highlightAuto(str).value}</code></pre>`\n                    } finally { } // eslint-disable-line no-empty\n                }\n                return `<pre class=\"highlight\"><code>${md.utils.escapeHtml(str)}</code></pre>`\n            },\n        }\n        const md = this.window['markdownit'](opts)\n        // Convert from markdown to HTML\n        return md.render(mdText)\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 (!this.window['DOMPurify']) return html\n        return this.window['DOMPurify'].sanitize(html, { ADD_TAGS: this.sanitiseExtraTags, ADD_ATTR: this.sanitiseExtraAttribs })\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    /** 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 = this.document.createElement('script')\n        newScript.src = url\n        newScript.async = false\n        this.document.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 = this.document.createElement('link')\n        newStyle.href = url\n        newStyle.rel = 'stylesheet'\n        newStyle.type = 'text/css'\n\n        this.document.head.appendChild(newStyle)\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 = this.document.createElement('script')\n        newScript.async = false\n        newScript.textContent = textFn\n        this.document.head.appendChild(newScript)\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 = this.document.createElement('style')\n        newStyle.textContent = textFn\n        this.document.head.appendChild(newStyle)\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 += msg.payload\n        if (ui.content) content += ui.content\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 = this.document.getElementById('toaster')\n        if (toaster === null) {\n            toaster = this.document.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            this.document.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 = this.document.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    /** 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                    ev.currentTarget.userAction = 'close'\n                    resolve(ev)\n                })\n                notify.addEventListener('click', ev => {\n                    ev.currentTarget.userAction = 'click'\n                    resolve(ev)\n                })\n                notify.addEventListener('error', ev => {\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    /** 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    /** 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    // 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\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                // 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            })\n        }\n\n        //#region Add Slot content to innerHTML\n        if (comp.slot) {\n            this.replaceSlot(el, comp)\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    uiEnhanceElement(el, comp) {\n        this._uiComposeComponent(el, comp)\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            } else if (compToAdd.ns === 'svg') {\n                newEl = this.document.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 = this.document.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    // 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 = this.document.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 = this.document.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 = this.document.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToAdd.ns = 'dom'\n                    newEl = this.document.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 = this.document.querySelector(compToAdd.parent)\n            } else if (ui.parent) {\n                elParent = this.document.querySelector(ui.parent)\n            }\n            if (!elParent) {\n                Ui.log('info', 'Ui:_uiAdd', 'No parent found, adding to body')()\n                elParent = this.document.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    // 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 = [this.document.querySelector(compToRemove)]\n            else els = this.document.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 'this.document': '##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 = this.document.getElementById(compToReplace.id) // .querySelector(`#${compToReplace.id}`)\n            } else if (compToReplace.selector || compToReplace.select) {\n                elToReplace = this.document.querySelector(compToReplace.selector)\n            } else if (compToReplace.name) {\n                elToReplace = this.document.querySelector(`[name=\"${compToReplace.name}\"]`)\n            } else if (compToReplace.type) {\n                elToReplace = this.document.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 = this.document.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 = this.document.createElementNS('http://www.w3.org/2000/svg', 'svg')\n                    break\n                }\n\n                default: {\n                    compToReplace.ns = 'dom'\n                    newEl = this.document.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:_uiManager:update', 'Starting _uiUpdate')()\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', `Component #${i}`, compToUpd)()\n\n            /** @type {NodeListOf<Element>} */\n            let elToUpd\n\n            // 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.id) {\n                // NB We don't use get by id because this way the code is simpler later on\n                elToUpd = this.document.querySelectorAll(`#${compToUpd.id}`)\n            } else if (compToUpd.selector || compToUpd.select) {\n                elToUpd = this.document.querySelectorAll(compToUpd.selector)\n            } else if (compToUpd.name) {\n                elToUpd = this.document.querySelectorAll(`[name=\"${compToUpd.name}\"]`)\n            } else if (compToUpd.type) {\n                elToUpd = this.document.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 => {\n                this._uiComposeComponent(el, compToUpd)\n            })\n\n            // If nested components, go again - but don't pass payload to sub-components\n            if (compToUpd.components) {\n                elToUpd.forEach(el => {\n                    Ui.log('trace', '_uiUpdate:components', 'el', el)()\n                    this._uiUpdate({\n                        method: ui.method,\n                        parentEl: el,\n                        components: compToUpd.components,\n                    })\n                })\n            }\n\n        })\n    } // --- end of _uiUpdate ---\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                await 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 a reload request */\n    _uiReload() {\n        Ui.log('trace', 'Ui:uiManager:reload', 'reloading')()\n        location.reload()\n    }\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.method) {\n                Ui.log('error', 'Ui:_uiManager', `No method defined for msg._ui[${i}]. Ignoring`)()\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\n    } // --- end of _uiManager ---\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 = this.document.querySelectorAll(`${cssSelector} li`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'DL') {\n            const listEntries = this.document.querySelectorAll(`${cssSelector} dt`)\n            if (listEntries) {\n                thisOut.list = {\n                    'entries': listEntries.length\n                }\n            }\n        }\n        if (node.nodeName === 'TABLE') {\n            const bodyEntries = this.document.querySelectorAll(`${cssSelector} > tbody > tr`)\n            const headEntries = this.document.querySelectorAll(`${cssSelector} > thead > tr`)\n            const cols = this.document.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            }\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    /** 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>} */ (this.document.querySelectorAll(cssSelector))\n\n        const out = []\n\n        selection.forEach(node => {\n            // Specific property asked for ...\n            if (propName !== null && propName !== '') {\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                    // Nightmare of different object types in a DOM Element!\n                    if (prop.constructor.name === 'NamedNodeMap') { // Attributes\n                        const p = {}\n                        for (const key of prop) {\n                            // @ts-ignore\n                            p[key.name] = prop[key.name].value\n                        }\n                        out.push(p)\n                    } else if (!prop.constructor.name.toLowerCase().includes('map')) { // Ordinary properties\n                        out.push({\n                            [propName]: prop\n                        })\n                    } else { // Other MAP types\n                        const p = {}\n                        // @ts-ignore\n                        for (const key in prop) {\n                            p[key] = prop[key]\n                        }\n                        out.push(p)\n                    }\n                }\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    /** 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 (this.window['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 (this.window['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 (this.window['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\nmodule.exports = Ui\n\n// if (window) window['$ui'] = new Ui(window)\n\n// export Ui\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-2023 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//#region --- 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 UibVar from '../components/uib-var'\nimport io from 'socket.io-client'\n\n// TODO - Maybe - check if already loaded as window['io']?\n// TODO - Maybe - Should this be moved to inside the class - would know the httpRoot then so less need to guess?\n// TODO           Or, could pull the cookie processing out of the class\n// const ioLocns = [ // Likely locations of the Socket.IO client library\n//     // Where it should normally be\n//     '../uibuilder/vendor/socket.io-client/socket.io.esm.min.js',\n//     // Where it might be if using a custom uib Express server and haven't changed httpNodeRoot\n//     '/uibuilder/vendor/socket.io-client/socket.io.esm.min.js',\n//     // Where it might be if using a custom uib Express server and have changed httpNodeRoot\n//     '../../../../../uibuilder/vendor/socket.io-client/socket.io.esm.min.js',\n//     '../../../../uibuilder/vendor/socket.io-client/socket.io.esm.min.js',\n//     '../../../uibuilder/vendor/socket.io-client/socket.io.esm.min.js',\n//     '../../uibuilder/vendor/socket.io-client/socket.io.esm.min.js',\n//     // Direct from the Internet - last ditch attempt\n//     'https://cdn.jsdelivr.net/npm/socket.io-client/+esm',\n// ]\n\n// let io\n// for (const locn of ioLocns) {\n//     try {\n//         ({ io } = await import(locn))\n//         log('trace', 'uibuilder.module.js:io', `Socket.IO client library found at '${locn}'`)()\n//     } catch (e) {\n//         log('trace', 'uibuilder.module.js:io', `Socket.IO client library not found at '${locn}'`)()\n//     }\n//     if (io) break\n// }\n// if (!io) log('error', 'uibuilder.module.js', 'Socket.IO client failed to load')()\n//#endregion -------- -------- -------- //\n\nconst version = '6.6.0-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// @ts-ignore Detect whether the loaded library is minified or not\nconst isMinified = !(/param/).test(function (param) { }) // eslint-disable-line no-unused-vars\n\n//#region --- print/console - debugging output functions --- //\n\n/** Default log level - Error & Warn */\nlet logLevel = isMinified ? 0 : 1  // When using minified lib, assume production and only log errors otherwise also log warn\n// function changeLogLevel(level) {\n//     logLevel = level\n//     console.trace = logLevel < 4 ? function(){} : console.trace\n//     console.debug = logLevel < 2 ? function(){} : console.debug\n//     if ( logLevel < 1 ) {\n//         console.log = console.group = console.groupEnd =  function(){}\n//     }\n// }\n\n// Experimental\nconst 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/** 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 (logLevel < 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 (logLevel < 4) break\n            level = 4\n            strLevel = 'debug'\n            break\n        }\n\n        case 'log':\n        case 3: {\n            if (logLevel < 3) break\n            level = 3\n            strLevel = 'log'\n            break\n        }\n\n        case 'info':\n        case '':\n        case 2: {\n            if (logLevel < 2) break\n            level = 2\n            strLevel = 'info'\n            break\n        }\n\n        case 'warn':\n        case 1: {\n            if (logLevel < 1) break\n            level = 1\n            strLevel = 'warn'\n            break\n        }\n\n        case 'error':\n        case 'err':\n        case 0: {\n            if (logLevel < 0) break\n            level = 0\n            strLevel = 'error'\n            break\n        }\n\n        default: {\n            level = -1\n            break\n        }\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_STYLES[strLevel].console],\n        console,\n        `%c${LOG_STYLES[strLevel].pre}${strLevel}%c [${head}]`, `${LOG_STYLES.level} ${LOG_STYLES[strLevel].css}`, `${LOG_STYLES.head} ${LOG_STYLES[strLevel].txtCss}`,\n        ...args\n    )\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/** Makes a null or non-object into an object\n * If not null, moves \"thing\" to {payload:thing}\n *\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 */\nfunction makeMeAnObject(thing, property) {\n    if (!property) property = 'payload'\n    if (typeof property !== 'string') {\n        log('warn', 'uibuilderfe: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/** 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 */\nfunction 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/** 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    // Has an IntersectionObserver been created? If so, this will hold the reference to it\n    #intersectionObserver = undefined\n    // If true, URL hash changes send msg back to node-red. Controlled by watchUrlHash()\n    #sendUrlHash = false\n    // Externally accessible command functions (NB: Case must match) - remember to update _uibCommand for new commands\n    #extCommands = [\n        'get', 'set', 'htmlSend', 'showMsg', 'showStatus', 'uiGet', 'uiWatch', 'include', 'elementExists',\n        'getManagedVarList', 'getWatchedVars',\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    //#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 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    /** 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    //#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    socketOptions = {\n        path: this.ioPath,\n        transports: ['polling', 'websocket'],\n        auth: {\n            clientVersion: version,\n            clientId: this.clientId,\n            pathName: window.location.pathname,\n            urlParams: Object.fromEntries(new URLSearchParams(location.search)),\n            pageName: undefined,\n            tabId: undefined,\n            lastNavType: undefined,\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) { logLevel = level; console.log('%c\u2757 info%c [logLevel]', `${LOG_STYLES.level} ${LOG_STYLES.info.css}`, `${LOG_STYLES.head} ${LOG_STYLES.info.txtCss}`, `Set to ${level} (${LOG_STYLES.names[level]})`) /* changeLogLevel(level)*/ }\n    get logLevel() { return logLevel }\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    // TODO Add option to send event details back to Node-RED as uib ctrl msg\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    /** 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 {*} Selected HTML element or null\n     */\n    $(cssSelector) {\n        /** @type {*} Some kind of HTML element */\n        let el = document.querySelector(cssSelector)\n\n        if (!el) {\n            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                log(0, 'Uib:$', `Template selected for CSS selector ${cssSelector} but it is empty`)()\n                return null\n            }\n        }\n\n        return el\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 {*} cssSelector A CSS Selector that identifies the elements to return\n     * @returns {Array} Array of DOM elements/nodes. Array is empty if selector is not found.\n     */\n    $$(cssSelector) {\n        return Array.from(document.querySelectorAll(cssSelector))\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    log() {\n        log(...arguments)()\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     */\n    syntaxHighlight(json) {\n        return syntaxHighlight(json)\n    } // --- End of syntaxHighlight --- //\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            console.log(this.get(varToCopy), JSON.stringify(this.get(varToCopy)))\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    /** 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     * @param {string} cssSelector Required. CSS Selector to examine for visibility\n     * @param {boolean} stop Optional. Default=false. If TRUE, stop the observer for this cssSelector\n     * @param {number} threshold Optional. Default=0.1. Between 0 and 1, the % visibility before trigger\n     */\n    elementIsVisible(cssSelector, stop = false, threshold = 0.1) {\n        if (!IntersectionObserver) return\n\n        // TODO Return a promise? - make return message optional?\n        // https://blog.bitsrc.io/angular-maximizing-performance-with-the-intersection-observer-api-23d81312f178#:~:text=Let%E2%80%99s%20define%20a%20function%20named%20isVisible%20and%20returns,resolve%20%28entry.isIntersecting%29%3B%20observer.disconnect%20%28%29%3B%20%7D%29%3B%20observer.observe%20%28element%29%3B%20%7D%29%3B\n\n        if (!this.#intersectionObserver) {\n            this.#intersectionObserver = new IntersectionObserver( (ioEntries) => {\n                const entries = []\n                // Stupid DOM API's, we have to explicitly loop through the data to be able to use it\n                ioEntries.forEach((entry) => {\n                    // Markup the element (data-isvisible)\n                    entry.target.dataset.isvisible = entry.isIntersecting\n                    // Each entry describes an intersection change for one observed\n                    entries.push({\n                        isIntersecting: entry.isIntersecting,\n                    })\n                })\n\n                // console.log('IntersectionObserver: Entries ', ioEntries, entries)\n                this.send({\n                    payload: entries[0].isIntersecting,\n                    isVisible: entries[0].isIntersecting,\n                    cssSelector,\n                    entries: entries,\n                })\n\n                log('info', 'uib:elementIsVisible', `Element \"${cssSelector}\" is now ${entries[0].isIntersecting ? 'more than 10%' : 'NOT (<10%)'} visible`)()\n            }, { threshold: threshold })\n        }\n\n        const el = document.querySelector(cssSelector)\n\n        if (el === null) {\n            log('error', 'uib:elementIsVisible', `Element \"${cssSelector}\" not found`)()\n            return\n        }\n\n        if (stop === true) {\n            this.#intersectionObserver.unobserve(el)\n            return\n        }\n\n        this.#intersectionObserver.observe(el)\n    } // --- End of elementIsVisible --- //\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    /** 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    /** 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 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    /** 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    //#endregion -------- -------- -------- //\n\n    //#region ------- UI handlers --------- //\n\n    //#region -- Direct to _ui --\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    /** Replace or add an HTML element's slot from text or an HTML string\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 {*} component The component we are trying to add/replace\n     */\n    replaceSlot(el, component) {\n        _ui.replaceSlot(el, component)\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    /** 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(mdText)\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    /** 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    /** 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    /** 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    /** 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    /** 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        _ui.include(url, uiOptions)\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    /** * 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 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    /** 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    //#endregion -------- -------- -------- //\n\n    //#region ------- HTML cache and DOM watch --------- //\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    /** 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 ------- Message Handling (To/From Node-RED) -------- //\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\n        if (channel === this._ioChannels.client) {\n            msgToSend = makeMeAnObject(msgToSend, 'payload')\n        } else if (channel === this._ioChannels.control) {\n            msgToSend = 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        }\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        //#region ---- Update socket.io metadata ---- //\n        // Session tab id\n        this.socketOptions.auth.tabId = this.tabId\n        // How was the page last loaded?\n        this.socketOptions.auth.lastNavType = this.lastNavType\n        // How many times has the client (re)connected since page load\n        this.socketOptions.auth.connectedNum = this.connectedNum\n        //#endregion ---- ---- ---- //\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'\n        if (msgToSend._ui) msgToSend._ui.from = 'client'\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    /** 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    /** 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    /** 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 properties - only shows custom props not element default ones\n        const props = {}\n        Object.keys(target).forEach( key => {\n            if (key.startsWith('_')) return // Exclude private\n            props[key] = target[key]\n        })\n\n        // Attempt to get target attributs - can fail for certain target types\n        const ignoreAttribs = ['class', 'id', 'name']\n        let attribs\n        try {\n            attribs = Object.assign({},\n                ...Array.from(target.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        // If target embedded in a form, include the form data\n        let form\n        const frmVals = []\n        if ( target.form ) {\n            form = {}\n            form.valid = target.form.checkValidity()\n            Object.values(target.form).forEach( (frmEl, i) => {\n                const id = frmEl.id !== '' ? frmEl.id : (frmEl.name !== '' ? frmEl.name : `${i}-${frmEl.type}`)\n\n                // We must have both an element id (we may have forced one above) AND\n                // the element type MUST be not undefined - to allow for the extra properties added by frameworks such as Svelte\n                if (id !== '' && frmEl.type) {\n                    // Stupid HTML doesn't use value attrib for checkboxes. So override if value is set to default\n                    if ('checked' in frmEl && frmEl.value === 'on') frmEl.value = frmEl.checked.toString()\n\n                    frmVals.push( { key: id, val: frmEl.value } ) // simplified for addition to msg.payload\n\n                    form[id] = {\n                        'id': frmEl.id,\n                        'name': frmEl.name,\n                        'value': frmEl.value,\n                        'valid': frmEl.checkValidity(),\n                        'type': frmEl.type,\n                    }\n\n                    if (form[id].valid === false) {\n                        const v = frmEl.validity\n                        form[id].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 (frmEl.dataset) form[id].data = frmEl.dataset\n                }\n            })\n        }\n\n        // Check for CSS Classes\n        let classes\n        try {\n            classes = Array.from(target.classList)\n        } catch (e) {}\n\n        // Each `data-xxxx` attribute is added as a property\n        let payload = { ...target.dataset }\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        // console.log(Object.prototype.toString.call(target))\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: form,\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        if (frmVals.length > 0) {\n            frmVals.forEach( entry => {\n                msg.payload[entry.key] = entry.val\n            })\n        }\n\n        if (domevent.type === 'change') {\n            // Checkboxes don't have a value!!\n            msg._ui.newValue = msg.payload.value = 'checked' in target ? target.checked : domevent.target.value\n        }\n\n        log('trace', 'Uib:eventSend', 'Sending msg to Node-RED', msg)()\n        if (target.dataset && target.dataset.length === 0) log('warn', 'Uib:eventSend', 'No payload in msg. data-* attributes should be used.')()\n\n        this._send(msg, this._ioChannels.client, originator)\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    /** 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        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        let response, info\n\n        // Don't forget to update `docs/client-docs/control-from-node-red.md`\n        switch (cmd) {\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 '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 (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    /** 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        // 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                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                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                _ui.showDialog('notify', msg._uib.options, msg)\n            }\n            if ( msg._uib.componentRef === '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            this._dispatchCustomEvent('uibuilder:msg:_ui', msg)\n            _ui._uiManager(msg)\n        }\n    } // --- end of _msgRcvdEvents ---\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 = 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\n    } // -- End of websocket receive DATA msg 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')()\n                log('info', `Uib:ioSetup:${this._ioChannels.control}`, `\u2705 Server connected. Version: ${receivedCtrlMsg.version}\\nServer time: ${receivedCtrlMsg.serverTimestamp}, Sever time offset: ${this.serverTimeOffset} hours`)()\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                break\n            }\n\n            default: {\n                log('trace', `uibuilderfe:ioSetup:${this._ioChannels.control}`, `Received ${receivedCtrlMsg.uibuilderCtrl} from server`)\n                // Anything else to do for other control msgs?\n            }\n\n        } // ---- End of process control msg types ---- //\n\n    } // -- End of websocket receive CONTROL msg from Node-RED -- //\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    /** 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    //#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.close()\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        this.set('connectedNum', this.connectedNum++)\n        // How many times has the client (re)connected since page load\n        this.socketOptions.auth.connectedNum = this.connectedNum\n        // How was the page last loaded?\n        this.socketOptions.auth.lastNavType = this.lastNavType\n        // Session tab id\n        this.socketOptions.auth.tabId = this.tabId\n        this.socketOptions.auth.more = this.tabId\n\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        //#region --- custom meta-data ---\n        // Add the pageName\n        this.socketOptions.auth.pageName = this.pageName\n        // Add stable client id (static unless browser closed)\n        this.socketOptions.auth.clientId = this.clientId\n        this.socketOptions.transportOptions.polling.extraHeaders['x-clientid'] = `${Uib._meta.displayName}; ${Uib._meta.type}; ${Uib._meta.version}; ${this.clientId}`\n        // Session tab id\n        this.socketOptions.auth.tabId = this.tabId\n        // How was the page last loaded?\n        this.socketOptions.auth.lastNavType = this.lastNavType\n        // How many times has the client (re)connected since page load\n        this.socketOptions.auth.connectedNum = this.connectedNum\n        //#endregion --- ---- ---\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        /** 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    //#endregion -------- ------------ -------- //\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', 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        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 !== undefined && options.ioNamespace !== null && options.ioNamespace !== '') this.set('ioNamespace', options.ioNamespace)\n            if (options.ioPath !== undefined && options.ioPath !== null && options.ioPath !== '') this.set('ioPath', options.ioPath)\n            // See below for handling of options.loadStylesheet\n        }\n\n        // Do we need to load styles?\n        if ( document.styleSheets.length >= 1 || (document.styleSheets.length === 1 && document.styleSheets[0].cssRules.length === 0) ) {\n            log('info', 'Uib:start', 'Styles already loaded so not loading uibuilder default styles.')()\n        } else {\n            if (options && options.loadStylesheet === false) log('info', 'Uib:start', 'No styles loaded & options.loadStylesheet === false.')()\n            else {\n                log('info', 'Uib:start', 'No styles loaded, loading uibuilder default styles.')()\n                this.loadStyleSrc(`${this.httpNodeRoot}/uibuilder/uib-brand.min.css`)\n            }\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        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        // 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\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        this._dispatchCustomEvent('uibuilder:startComplete')\n    }\n\n    //#endregion -------- ------------ -------- //\n} // ==== End of Class Uib ====\n\n//#region --- Wrap up - get things started ---\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.$` 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.$$` instead.')\n}\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 the class as a new Custom Element to the window object\ncustomElements.define('uib-var', UibVar)\n\n//#endregion --- Wrap up ---\n\n// EOF\n", "/** A zero dependency web component that will display a managed uibuilder variable.\n *\n * Version: 0.0.1 2023-10-07\n *\n * ToDo:\n * -\n */\n/*\n  Copyright (c) 2023 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    undefined = 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']\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 = ['name', 'id', 'variable', 'undefined', 'report', 'type']\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\n        this.css = document.createElement(\"link\")\n        this.css.setAttribute(\"type\", \"text/css\")\n        this.css.setAttribute(\"rel\", \"stylesheet\")\n        this.css.setAttribute(\"href\", \"../uibuilder/uib-brand.min.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    /** NOTE: On initial startup, this is called for each watched attrib set in HTML - BEFORE connectedCallback is called  */\n    attributeChangedCallback(attrib, oldVal, newVal) {\n        if ( oldVal === newVal ) return\n\n        switch (attrib) {\n            case 'variable': {\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.undefined = true\n                else this.undefined = 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\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() {} // ---- 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 (!window['uibuilder']) 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 */\n    varDom() {\n        // If user doesn't want to show undefined vars, allow the component slot to show instead\n        if (this.value === undefined && this.undefined !== true) { \n            this.shadow.innerHTML = '<slot></slot>'\n            return\n        }\n        \n        let val = this.value\n\n        // console.log('\uD83E\uDDEA varDOM: ', val, typeof val, this.type)\n\n        switch (this.type) {\n            case 'markdown': {\n                this.shadow.innerHTML = window['uibuilder'].sanitiseHTML(window['uibuilder'].convertMarkdown(val))\n                break\n            }\n        \n            case 'object': {\n                // console.log(window['uibuilder'].syntaxHighlight(val))\n                this.shadow.innerHTML = `<pre class=\"syntax-highlight\">${window['uibuilder'].syntaxHighlight(val)}</pre>`\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                        this.shadow.innerHTML = JSON.stringify(val)\n                    } catch (e) {\n                        this.shadow.innerHTML = val\n                    }\n                } else {\n                    this.shadow.innerHTML = val\n                }\n                break\n            }\n        }\n\n        this.shadow.appendChild(this.css)\n        // this.$('span').innerHTML = window['uibuilder'].sanitiseHTML(val)\n        // this.shadow.innerHTML = window['uibuilder'].sanitiseHTML(val)\n    }\n}\n\n// Add the class as a new Custom Element to the window object \n// customElements.define('uib-var', UibVar)\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\n            .arrayBuffer()\n            .then(toArray)\n            .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 /* 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 /* 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 /* READ_PAYLOAD */;\n                    }\n                    else if (expectedLength === 126) {\n                        state = 1 /* READ_EXTENDED_LENGTH_16 */;\n                    }\n                    else {\n                        state = 2 /* READ_EXTENDED_LENGTH_64 */;\n                    }\n                }\n                else if (state === 1 /* 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 /* READ_PAYLOAD */;\n                }\n                else if (state === 2 /* 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 /* 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 /* 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\";\nclass 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    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 } 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        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        this.acks[id] = (...args) => {\n            // @ts-ignore\n            this.io.clearTimeoutFn(timer);\n            ack.apply(this, [null, ...args]);\n        };\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        // the timeout flag is optional\n        const withErr = this.flags.timeout !== undefined || this._opts.ackTimeout !== undefined;\n        return new Promise((resolve, reject) => {\n            args.push((arg1, arg2) => {\n                if (withErr) {\n                    return arg1 ? reject(arg1) : resolve(arg2);\n                }\n                else {\n                    return resolve(arg1);\n                }\n            });\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    }\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 acknowlegement.\n     *\n     * @param packet\n     * @private\n     */\n    onack(packet) {\n        const ack = this.acks[packet.id];\n        if (\"function\" === typeof ack) {\n            ack.apply(this, packet.data);\n            delete this.acks[packet.id];\n        }\n        else {\n        }\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"],
+  "mappings": "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",
+  "names": ["require_ui", "__commonJSMin", "exports", "module", "_a", "Ui", "win", "extLog", "jsonHighlight", "__publicField", "json", "msg", "el", "component", "mdText", "opts", "str", "lang", "md", "html", "url", "newScript", "newStyle", "textFn", "type", "ui", "content", "toaster", "toast", "evt", "config", "notify", "resolve", "reject", "ev", "permit", "response", "contentType", "data", "err", "comp", "attrib", "prop", "parentEl", "components", "ns", "compToAdd", "i", "newEl", "isRecurse", "elParent", "all", "compToRemove", "els", "compToReplace", "elToReplace", "compToUpd", "elToUpd", "__toESM", "__require", "script", "sheet", "node", "cssSelector", "thisOut", "listEntries", "bodyEntries", "headEntries", "cols", "v", "propName", "selection", "out", "p", "key", "uiOptions", "error", "slot", "txtReturn", "import_ui", "_UibVar", "__publicField", "attrib", "oldVal", "newVal", "val", "t", "UibVar", "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", "withErr", "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", "version", "isMinified", "param", "logLevel", "LOG_STYLES", "log", "args", "level", "strLevel", "head", "makeMeAnObject", "thing", "property", "out", "urlJoin", "e", "syntaxHighlight", "json", "match", "cls", "_ui", "Ui", "_a", "_pingInterval", "_propChangeCallbacks", "_msgRecvdByTopicCallbacks", "_timerid", "_MsgHandler", "_isShowMsg", "_isShowStatus", "_intersectionObserver", "_sendUrlHash", "_extCommands", "_managedVars", "_showStatus", "_uiObservers", "Uib", "__publicField", "__privateAdd", "c", "splitC", "event", "__privateGet", "fullPath", "autoloadVars", "id", "prop", "val", "store", "autoload", "value", "autoVars", "title", "details", "callback", "nextCbRef", "propChangeCallback", "cbRef", "topic", "msgRecvdEvtCallback", "msg", "receivedMsg", "serverTimestamp", "offset", "cssSelector", "el", "originator", "ms", "oReq", "headers", "elapsedTime", "__privateSet", "varToCopy", "data", "stop", "threshold", "ioEntries", "entries", "entry", "exists", "url", "deflt", "ret", "toggle", "component", "mdText", "html", "textFn", "type", "ui", "propName", "uiOptions", "showHide", "parent", "slot", "config", "res", "err", "root", "startStop", "send", "showLog", "targetNode", "that", "mutationList", "mu", "oMu", "an", "i", "htmlCache", "msgToSend", "channel", "numMsgs", "domevent", "target", "props", "key", "ignoreAttribs", "attribs", "name", "form", "frmVals", "frmEl", "v", "classes", "payload", "nprops", "cmd", "response", "info", "obj", "r", "receivedCtrlMsg", "txtToSend", "ioNamespace", "u", "t", "delay", "factor", "depth", "reason", "lookup", "options", "eMsg", "uibuilder", "uibuilder_module_default", "uibuilder", "UibVar"]
 }
diff --git a/front-end/uibuilderfe.js b/front-end/uibuilderfe.js
index 63026788..71f83225 100644
--- a/front-end/uibuilderfe.js
+++ b/front-end/uibuilderfe.js
@@ -124,7 +124,7 @@ if (typeof require !== 'undefined'  &&  typeof io === 'undefined') { // eslint-d
 
         //#region ++++++++++ Start of setup ++++++++++ //
 
-        self.version = '6.5.0-old'
+        self.version = '6.7.0-old'
         self.moduleName  = 'uibuilder' // Must match moduleName in uibuilder.js on the server
         // @ts-expect-error ts(2345) Tests loaded ver of lib to see if minified
         self.isUnminified = (/param/).test(function(param) {}) // eslint-disable-line no-unused-vars
diff --git a/front-end/uibuilderfe.min.js b/front-end/uibuilderfe.min.js
index 55a860bf..32727755 100644
--- a/front-end/uibuilderfe.min.js
+++ b/front-end/uibuilderfe.min.js
@@ -1 +1 @@
-"use strict";if("undefined"!=typeof require&&"undefined"==typeof io){const io=require("socket.io-client")}!function(){var e=this,t=e.uibuilder;function n(e,t){"string"!=typeof(t=t||"payload")&&(console.warn("[uibuilderfe:makeMeAnObject] WARNING: property parameter must be a string and not: "+typeof t),t="payload");var o={};return null!==e&&"Object"===e.constructor.name?o=e:null!==e&&(o[t]=e),o}var o=function(){String.prototype.endsWith||(String.prototype.endsWith=function(e){return-1!==this.indexOf(e,this.length-e.length)});var e,i=this;return i.version="6.5.0-old",i.moduleName="uibuilder",i.isUnminified=/param/.test(function(e){}),i.debug=!0===i.isUnminified,i.originator="",i.uiDebug=function(){if(i.debug){let e;e=arguments.length<2?"log":arguments[0],console[e].apply(console,[].slice.call(arguments,1))}},i.cookies={},document.cookie.split(";").forEach(function(e){e=e.split("=");i.cookies[e[0].trim()]=e[1]}),i.clientId=i.cookies["uibuilder-client-id"],i.me=function(){return!0===i.debug?i:"uibuilderfe.js Version: "+i.version},i.uiDebug("log","\nuibuilderfe: Debug? ",i.debug,"\n\t\tVersion? ",i.version,"\n\t\tRunning Packed version? ",!i.isUnminified,"\n "),i.setIOnamespace=function(){var e,t="";return void 0===(t=i.cookies["uibuilder-namespace"])||""===t?(0<(e=window.location.pathname.split("/").filter(function(e){return""!==e.trim()})).length&&e[e.length-1].endsWith(".html")&&e.pop(),t=e.pop(),i.uiDebug("log","[uibuilderfe:setIOnamespace] Found via url path: "+t)):i.uiDebug("log","[uibuilderfe:setIOnamespace] Found via cookie: "+t),i.uiDebug("log","uibuilderfe: IO Namespace: "+(t="/"+t)),t},i.authToken="",i.ioChannels={control:"uiBuilderControl",client:"uiBuilderClient",server:"uiBuilder"},i.retryMs=2e3,i.retryFactor=1.5,i.timerid=null,i.ioNamespace=i.setIOnamespace(),i.ioTransport=["polling","websocket"],i.loaded=!1,i.storePrefix="uib_",i.dummyAuth={id:"anonymous",jwt:void 0,sessionExpiry:void 0,userValidated:!1,info:{error:void 0,message:void 0,validJwt:void 0}},i._auth=i.dummyAuth,i.started=!1,i.pageName=window.location.pathname.replace(i.ioNamespace+"/",""),i.pageName.endsWith("/")&&(i.pageName+="index.html"),""===i.pageName&&(i.pageName="index.html"),i.autoSendReady=!0,i.allowScript=!0,i.allowStyle=!0,i.removeScript=!0,i.removeStyle=!0,i.msg={},i.ctrlMsg={},i.sentMsg={},i.sentCtrlMsg={},i.msgsSent=0,i.msgsReceived=0,i.msgsSentCtrl=0,i.msgsCtrl=0,i.ioConnected=!1,i.serverTimeOffset=null,i.isAuthorised=!1,i.authTokenExpiry=null,i.authData={},i.connectedNum=0,"uibuilder-webRoot"in i.cookies?i.httpNodeRoot=i.cookies["uibuilder-webRoot"]:(0<(e=window.location.pathname.split("/").filter(function(e){return""!==e.trim()})).length&&e[e.length-1].endsWith(".html")&&e.pop(),i.url=e.pop(),i.httpNodeRoot="/"+e.join("/")),i.ioPath=function(){return("/"+Array.prototype.slice.call(arguments).map(function(e){return e.replace(/^\/|\/$/g,"")}).filter(function(e){return e}).join("/")).replace("//","/")}(i.httpNodeRoot,i.moduleName,"vendor","socket.io"),i.uiDebug("debug","uibuilderfe: ioPath: "+i.ioPath+", httpNodeRoot: "+i.httpNodeRoot+", uibuilder url (not used): "+i.url),i.setStore=function(e,t){if("object"==typeof t)try{t=JSON.stringify(t)}catch(e){return console.error("[uibuilder:setStore] Cannot stringify object, not storing. ",e),!1}try{return localStorage.setItem(i.storePrefix+e,t),!0}catch(e){return console.error("[uibuilder:setStore] Cannot write to localStorage. ",e),!1}},i.set=function(e,t){i[e]=t,i.uiDebug("debug","uibuilderfe: prop set - prop: "+e+", val: "+("object"==typeof t?JSON.stringify(t):t)),i.emit(e,t)},i.checkConnect=function(e,t,o=1){i.uiDebug("debug","uibuilderfe:checkConnect. Reconnect - Depth: "+o+", Delay: "+e+", Factor: "+t,i.ioNamespace,i.ioPath),i.timerid&&window.clearTimeout(i.timerid),i.timerid=window.setTimeout(function(){i.uiDebug("debug","uibuilderfe:checkConnect timeout. SIO reconnect attempt, timeout: "+e+", depth: "+o,i.ioNamespace,i.ioPath),console.info("[uibuilderfe:checkConnect:setTimeout] Socket.IO reconnection attempt. Current delay: "+e),i.socket.close(),i.socket.connect(),i.timerid=null,i.checkConnect(e*t,t,o++)},e)},i.checkTimestamp=function(e){Object.prototype.hasOwnProperty.call(e,"serverTimestamp")&&(e=new Date(e.serverTimestamp),(e=Math.round((new Date-e)/36e5))!==i.serverTimeOffset)&&(i.set("serverTimeOffset",e),i.uiDebug("log","uibuilderfe:"+i.ioChannels.server+" (server): Offset changed to: "+e))},i.ioSetup=function(){i.uiDebug("debug","[uibuilderfe:ioSetup] About to create IO. Namespace: "+i.ioNamespace+", Path: "+i.ioPath+", Transport: ["+i.ioTransport.join(", ")+"]"),i.socketOptions={path:i.ioPath,transports:i.ioTransport,auth:{clientId:i.clientId,connectedNum:i.connectedNum,pathName:window.location.pathname,pageName:i.pageName,clientVersion:i.version},transportOptions:{polling:{extraHeaders:{"x-clientid":`${i.moduleName}; old-iife; ${i.version}; `+i.clientId}}}},i.socket=io(i.ioNamespace,i.socketOptions),i.socket.on("connect",function(){i.connectedNum++,i.socketOptions.auth.connectedNum=i.connectedNum,i.uiDebug("info","[uibuilderfe:ioSetup] SOCKET CONNECTED - # connections: "+i.connectedNum+" Namespace: "+i.ioNamespace," Server Channel: ",i.ioChannels.server," Control Channel: ",i.ioChannels.control),i.set("ioConnected",!0),i.timerid&&(window.clearTimeout(i.timerid),i.timerid=null)}),i.socket.on(i.ioChannels.server,function(e){i.uiDebug("info","[uibuilderfe:ioSetup:on-"+i.ioChannels.server+" (server)] msg received - Namespace: "+i.ioNamespace,e),e=n(e,"payload"),i.checkTimestamp(e),e._auth&&i.updateAuth(e._auth),i.allowScript&&Object.prototype.hasOwnProperty.call(e,"script")&&(i.newScript(e.script),i.removeScript)&&delete e.script,i.allowStyle&&Object.prototype.hasOwnProperty.call(e,"style")&&(i.newStyle(e.style),i.removeStyle)&&delete e.style,i.set("msg",e),i.set("msgsReceived",i.msgsReceived+1)}),i.socket.on(i.ioChannels.control,function(e){var t;switch(i.uiDebug("debug","[uibuilder:ioSetup:on-ctrl-recvd] "+i.ioChannels.control+" (control): msg received - Namespace: "+i.ioNamespace,e),null===e?e={}:"object"!=typeof e&&((t={})["uibuilderCtrl:"+i.ioChannels.control]=e,e=t),Object.prototype.hasOwnProperty.call(e,"debug")&&(i.debug=e.debug),i.checkTimestamp(e),i.set("ctrlMsg",e),i.set("msgsCtrl",i.msgsCtrl+1),e.uibuilderCtrl){case"shutdown":i.uiDebug("info",`[uibuilderfe:ioSetup:${i.ioChannels.control}] Received "shutdown" from server`),i.set("serverShutdown",void 0);break;case"client connect":i.uiDebug("info",`[uibuilderfe:ioSetup:${i.ioChannels.control}] Received "client connect" from server`),i.uiDebug("info",`[uibuilderfe:ioSetup:client-connect] Server: Version=${e.version}, Time=${e.serverTimestamp}.`),i.version.startsWith(e.version.split("-")[0])||console.warn(`[uibuilderfe:ioSetup:client-connect] Server version (${e.version}) not the same as the client version (${i.version})`),!0===i.autoSendReady&&(i.uiDebug("info","[uibuilderfe:ioSetup:client-connect] Auto-sending ready-for-content/replay msg to server"),i.send({uibuilderCtrl:"ready for content",cacheControl:"REPLAY"},i.ioChannels.control));break;case"socket error":console.error(`[uibuilderfe:ioSetup:${i.ioChannels.control}] Received "socket error" from server. `+e.error);break;default:i.uiDebug("info",`[uibuilderfe:ioSetup:${i.ioChannels.control}] Received ${e.uibuilderCtrl} from server`),e._auth&&i.updateAuth(e._auth)}}),i.socket.on("disconnect",function(e){i.uiDebug("info","[uibuilderfe:ioSetup:disconnect] SOCKET DISCONNECTED - Namespace: "+i.ioNamespace+", Reason: "+e),i.set("ioConnected",!1),console.warn("[uibuilderfe:ioSetup:disconnect] Disconnection Reason: "+e),i.checkConnect(i.retryMs,i.retryFactor)}),i.socket.on("connect_error",function(e){console.error(`[uibuilderfe:ioSetup:connect_error] SOCKET CONNECT ERROR - Namespace: ${i.ioNamespace}, ioPath: ${i.ioPath}, Reason: `+e.message,e)}),i.socket.on("error",function(e){console.error("[uibuilderfe:ioSetup:error] SOCKET ERROR from server - MESSAGE: ",e),i.set("socketError",e)}),i.checkConnect(i.retryMs,i.retryFactor)},i.setOriginator=function(e=""){i.originator=e},i.send=function(e,t,o=""){null==t&&(t=i.ioChannels.client),i.uiDebug("log","[uibuilderfe:send] Sending msg - Namespace: "+i.ioNamespace+", Channel: "+t,e),t===i.ioChannels.client?e=n(e,"payload"):t===i.ioChannels.control&&(e=n(e,"uibuilderCtrl"),Object.prototype.hasOwnProperty.call(e,"uibuilderCtrl")||(e.uibuilderCtrl="manual send"),e.from="client"),e._socketId=i.socket.id,t===i.ioChannels.client?(i.set("sentMsg",e),i.set("msgsSent",i.msgsSent+1)):t===i.ioChannels.control&&(i.set("sentCtrlMsg",e),i.set("msgsSentCtrl",i.msgsSentCtrl+1)),""!==(o=""===o&&""!==i.originator?i.originator:o)&&Object.assign(e,{_uib:{originator:o}}),i.socket.emit(t,e)},i.onChange=function(e,t){i.events[e]?i.events[e].push(t):i.events[e]=[t]},i.clearEventListeners=function(){i.events=[]},i.addCSSClass=function(t){if(""!==t&&void 0!==t){Array.isArray(t)||(t=[t]),i.uiDebug("log","[uibuilderfe:addCSSClass] style: "+t);let e=document.getElementById("uibstyle");null===e&&(i.uiDebug("log","[uibuilderfe:addCSSClass] Adding uibstyle stylesheet"),(e=document.createElement("style")).title=e.id="uibstyle",document.head.insertAdjacentElement("afterbegin",e));var o=e.sheet;for(const n of t)i.uiDebug("log","[uibuilderfe:addCSSClass] Adding style "+n),o.insertRule(n)}},i.setPing=function(e=0){const t=new XMLHttpRequest;t.addEventListener("load",function(){var e=t.getAllResponseHeaders().split("\r\n");i.set("ping",{success:201===t.status,status:t.status,headers:e})}),i.pingInterval&&(clearInterval(i.pingInterval),delete i.pingInterval),e<1?(t.open("GET","../uibuilder/ping"),t.send()):i.pingInterval=setInterval(()=>{t.open("GET","../uibuilder/ping"),t.send()},e)},i.events={},i.emit=function(e){var t=i.events[e];if(t)for(var o=Array.prototype.slice.call(arguments,1),n=0;n<t.length;n++)t[n].apply(i,o)},i.newScript=function(e){var t;!0===i.allowScript&&""!==e&&void 0!==e&&(i.uiDebug("log","uibuilderfe: newCode - script: "+e),(t=document.createElement("script")).type="text/javascript",t.defer=!0,t.textContent=e,document.getElementsByTagName("body")[0].appendChild(t))},i.newStyle=function(e){var t;!0===i.allowStyle&&""!==e&&void 0!==e&&(i.uiDebug("log","uibuilderfe: newStyle - style: "+e),(t=document.createElement("style")).textContent=e,document.head.appendChild(t))},i.showToastVanilla=function(e,t){let o=document.getElementById("toaster");null===o&&((o=document.createElement("div")).id="toaster",o.title="Click to clear all notifcations",o.setAttribute("class","uib-toaster"),o.onclick=function(){o.remove()},document.body.insertAdjacentElement("afterbegin",o));const n=document.createElement("div");n.title="Click to clear this notifcation",n.setAttribute("class","uib-toast "+t.variant),t.title&&(e=`<p class="uib-toast-head">${t.title}</p><p>${e}</p>`),n.innerHTML=e,n.onclick=function(e){e.stopPropagation(),n.remove(),o.childElementCount<1&&o.remove()},o.insertAdjacentElement(!0===t.appendToast?"beforeend":"afterbegin",n),!0===t.autohide&&setInterval(()=>{n.remove(),o.childElementCount<1&&o.remove()},t.autoHideDelay)},i.showToast=function(o){if(o._uib&&null!==o._uib&&"Object"===o._uib.constructor.name){let e={},t=(o._uib.options&&(e=Object.assign({},o._uib.options)),"");o.payload&&(t+=o.payload),e.content&&(t+=e.content),e.append&&(e.appendToast=e.append),e.noAutohide&&(e.noAutoHide=e.noAutohide),e.noAutoHide&&(e.autohide=!e.noAutoHide),Object.prototype.hasOwnProperty.call(e,"autohide")||(e.autohide=!0),e.autoHideDelay&&(e.autohide=!0,e.delay=e.autoHideDelay),!0!==e.autohide||e.autoHideDelay||(e.autoHideDelay=1e4),e.variant&&["","primary","secondary","success","info","warn","warning","error","danger"].includes(e.variant)||(e.variant=""),!e.title&&o.topic&&(e.title=o.topic),""===t?console.warn("[uibuilder:toast] Toast content is blank. Not shown."):i.vueApp&&i.vueApp.$bvToast?(i.uiDebug("[uibuilder:showToast] Bootstrap-Vue available, using to create a toast"),i.showToastBVue(t,e)):(i.uiDebug("[uibuilder:showToast] Bootstrap-Vue NOT available, creating a vanilla HTML toast"),i.showToastVanilla(t,e))}else console.warn("[uibuilder:toast] Incoming msg requires msg._uib object, cannot create a toast")},i.showToastBVue=function(e,t){var o,n;i.vueApp?i.vueApp.$bvToast?(n=(o=i.vueApp.$createElement)("p",{domProps:{innerHTML:e}}),t.title&&(t.title=o("p",{domProps:{innerHTML:t.title}})),"error"===t.variant&&(t.variant="danger"),"warn"===t.variant&&(t.variant="warning"),t.solid||(t.solid=!0),i.vueApp.$bvToast.toast(n,t)):(console.warn("[uibuilder:toast] bootstrap-vue toast component not available, cannot create a Bootstrap-Vue toast, falling back to vanilla."),i.showToastVanilla(e,t)):(console.warn("[uibuilder:toast] Vue app object not available, cannot create a Vue toast, falling back to vanilla."),i.showToastVanilla(e,t))},i.showAlert=function(){},i.showComponentDetails=function(t){if(i.vueApp&&i.vueApp.$refs[t]){var o=i.vueApp.$refs[t];let e={};return e=o.$options?{uibuilderCtrl:"vue component details",componentDetails:{ref:t,tag:o.$options._componentTag,props:o.$options._propKeys}}:(i.uiDebug("warn",o=`[uibuilderfe:showComponentDetails] ref="${t}" is not a Vue Component. Details cannot be returned.`),{uibuilderCtrl:"vue component details",componentDetails:{warning:o,ref:t,tag:null,props:null}})}},i.onChange("msg",function(e){if(e._uib&&(!0===e._uib.reload&&(console.log("reloading"),location.reload()),e._uib.componentRef)){const o=e._uib.componentRef;if("globalNotification"===o)i.uiDebug("[uibuilder:internalOnChange] globalNotification triggered - showToast() "),i.showToast(e);else if("globalAlert"===o)i.showAlert(e);else if(i.vueApp){const n=i.vueApp;if(e._uib.requestDetails)(t=i.showComponentDetails(o))&&(e.topic&&(t.topic=e.topic),i.send(t,i.ioChannels.control));else if(o in n.$refs){if(e._uib.options&&(i.uiDebug("log","🔢📈 new component instance options received for ref",o,":",e._uib.options),Object.keys(e._uib.options).forEach(function(t){try{n.$set(n.$refs[o],t,e._uib.options[t])}catch(e){i.uiDebug("warn",`[uibuilderfe:internal:onChange] Could not update prop "${t}" for component ref="${o}". Error: `+e.message)}})),e.payload){i.uiDebug("log","🔢📈 new component instance value received for ref",o,":",e.payload);try{n.$refs[o].$props.config.value=e.payload}catch(e){}}}else{var t=`[uibuilderfe:internal:onChange] ref="${o}" is not a Vue Component. Cannot set props.`,t=(i.uiDebug("warn",t),{uibuilderCtrl:"vue component details",componentDetails:{warning:t,ref:o,tag:null,props:null}});e.topic&&(t.topic=e.topic),i.send(t,i.ioChannels.control)}}}}),i.uiReturn={set:function(e,t){if(-1!==["autoSendReady","clientId","cookies","ctrlMsg","debug","events","httpNodeRoot","ioChannels","ioConnected","ioNamespace","ioPath","ioTransport","isAuthorised","isUnminified","loaded","msgsCtrl","msgsReceived","msgsSent","msgsSentCtrl","moduleName","retryFactor","retryMs","sentMsg","sentCtrlMsg","serverTimeOffset","socket","timerid","url","version","checkConnect","checkTimestamp","emit","get","ioSetup","logon","logoff","markLoggedOut","me","newScript","newStyle","onChange","self","set","send","sendAuth","sendCtrl","setIOnamespace","showComponentDetails","showToast","socket","uiDebug","updateAuth","uiReturn"].indexOf(e))console.warn('[uibuilder:set] Cannot use set() on protected property "'+e+'"'),i.uiDebug("warn",'uibuilderfe:uibuilder:set: "'+e+'" is in list of excluded properties, not set');else{if("_auth"===e){if(!t.id||0===t.id.length)return void console.warn("[uibuilder:set] _auth must contain a valid _auth.id property");t.info||(t.info=i.dummyAuth.info)}i.set(e,t)}},get:function(e){if(-1===["checkConnect","checkTimestamp","emit","get","ioSetup","logon","logoff","markLoggedOut","me","newScript","newStyle","onChange","self","set","send","sendAuth","sendCtrl","setIOnamespace","showComponentDetails","showToast","socket","uiDebug","updateAuth","uiReturn"].indexOf(e))return void 0===i[e]&&console.warn('[uibuilder] get() - property "'+e+'" does not exist'),i[e];console.warn('[uibuilder] Cannot use get() on protected property "'+e+'"'),i.uiDebug("warn",'uibuilderfe:uibuilder:get: "'+e+'" is in list of excluded properties, not get')},onChange:i.onChange,clearEventListeners:i.clearEventListeners,msg:i.msg,send:function(e,t=""){i.send(e,i.ioChannels.client,t)},setOriginator:i.setOriginator,sendCtrl:function(e){i.send(e,i.ioChannels.control)},autoSendReady:function(e){i.autoSendReady=e=!0!==e?!1:e},debug:function(e){if(void 0===e)return i.debug;"boolean"==typeof e&&(i.debug=e)},uiDebug:i.uiDebug,me:i.me,start:function(e,t,o){!0===i.started?i.uiDebug("log","❌ [uibuilderfe:start] Start function already called. Do not call more than once."):(i.uiDebug("log","[uibuilderfe:start] start() called"),"[object Object]"===toString.call(e)?(i.uiDebug("log","✅ [uibuilderfe:start] namespace IS an object!"),e=!0===e._isVue?(i.uiDebug("log","✅ [uibuilderfe:start] Vue instance object IS available!"),void(o=e)):(e.ioPath&&(t=e.ioPath),e.vueApp&&(o=e.vueApp),e.namespace||void 0)):o?"[object Object]"===toString.call(o)&&!0===o._isVue?i.uiDebug("log","✅ [uibuilderfe:start] Vue instance object IS available!"):(i.uiDebug("log","❌ [uibuilderfe:start] Vue instance object not available!"),o=void 0):i.uiDebug("log","❌ [uibuilderfe:start] Vue app not available!"),i.uiDebug("log","[uibuilderfe:start] Calling params - namespace",e,"ioPath",t,"vueApp",o),null!=e&&(i.ioNamespace=e),null!=t&&(i.ioPath=t),null!=o&&(i.vueApp=o),i.uiDebug("log","[uibuilderfe:start] Final Socket.IO params - namespace",i.ioNamespace,"ioPath",i.ioPath),i.ioSetup(),i.started=!0)},showComponentDetails:i.showComponentDetails,showToast:function(e,t="globalNotification",o={}){i.showToast({_uib:{componentRef:t,options:o},payload:e})},eventSend:function(t,o=""){if(t.constructor.name.endsWith("Event")&&t.currentTarget){var n=t.currentTarget;let e="";try{""!==n.textContent&&(e=n.textContent.substring(0,25))}catch(e){}try{""!==n.name&&(e=n.name)}catch(e){}try{""!==n.id&&(e=n.id)}catch(e){}i.send({topic:i.msg.topic,uibDomEvent:{sourceId:e,event:t.type},payload:n.dataset},i.ioChannels.client,o)}else i.uiDebug("log","[uibuilderfe:eventSend] ARGUMENT NOT A DOM EVENT - use data attributes not function arguments to pass data")},setPing:i.setPing},window.addEventListener("load",function(){i.uiDebug("debug","uibuilderfe:load: All resources loaded"),i.loaded=!0}),i.uiReturn}.call(e);o.noConflict=function(){return e.uibuilder=t,o},"undefined"!=typeof exports?(exports="undefined"!=typeof module&&module.exports?module.exports=o:exports).uibuilder=o:e.uibuilder=o}.call(this);
\ No newline at end of file
+"use strict";if("undefined"!=typeof require&&"undefined"==typeof io){const io=require("socket.io-client")}!function(){var e=this,t=e.uibuilder;function n(e,t){"string"!=typeof(t=t||"payload")&&(console.warn("[uibuilderfe:makeMeAnObject] WARNING: property parameter must be a string and not: "+typeof t),t="payload");var o={};return null!==e&&"Object"===e.constructor.name?o=e:null!==e&&(o[t]=e),o}var o=function(){String.prototype.endsWith||(String.prototype.endsWith=function(e){return-1!==this.indexOf(e,this.length-e.length)});var e,i=this;return i.version="6.7.0-old",i.moduleName="uibuilder",i.isUnminified=/param/.test(function(e){}),i.debug=!0===i.isUnminified,i.originator="",i.uiDebug=function(){if(i.debug){let e;e=arguments.length<2?"log":arguments[0],console[e].apply(console,[].slice.call(arguments,1))}},i.cookies={},document.cookie.split(";").forEach(function(e){e=e.split("=");i.cookies[e[0].trim()]=e[1]}),i.clientId=i.cookies["uibuilder-client-id"],i.me=function(){return!0===i.debug?i:"uibuilderfe.js Version: "+i.version},i.uiDebug("log","\nuibuilderfe: Debug? ",i.debug,"\n\t\tVersion? ",i.version,"\n\t\tRunning Packed version? ",!i.isUnminified,"\n "),i.setIOnamespace=function(){var e,t="";return void 0===(t=i.cookies["uibuilder-namespace"])||""===t?(0<(e=window.location.pathname.split("/").filter(function(e){return""!==e.trim()})).length&&e[e.length-1].endsWith(".html")&&e.pop(),t=e.pop(),i.uiDebug("log","[uibuilderfe:setIOnamespace] Found via url path: "+t)):i.uiDebug("log","[uibuilderfe:setIOnamespace] Found via cookie: "+t),i.uiDebug("log","uibuilderfe: IO Namespace: "+(t="/"+t)),t},i.authToken="",i.ioChannels={control:"uiBuilderControl",client:"uiBuilderClient",server:"uiBuilder"},i.retryMs=2e3,i.retryFactor=1.5,i.timerid=null,i.ioNamespace=i.setIOnamespace(),i.ioTransport=["polling","websocket"],i.loaded=!1,i.storePrefix="uib_",i.dummyAuth={id:"anonymous",jwt:void 0,sessionExpiry:void 0,userValidated:!1,info:{error:void 0,message:void 0,validJwt:void 0}},i._auth=i.dummyAuth,i.started=!1,i.pageName=window.location.pathname.replace(i.ioNamespace+"/",""),i.pageName.endsWith("/")&&(i.pageName+="index.html"),""===i.pageName&&(i.pageName="index.html"),i.autoSendReady=!0,i.allowScript=!0,i.allowStyle=!0,i.removeScript=!0,i.removeStyle=!0,i.msg={},i.ctrlMsg={},i.sentMsg={},i.sentCtrlMsg={},i.msgsSent=0,i.msgsReceived=0,i.msgsSentCtrl=0,i.msgsCtrl=0,i.ioConnected=!1,i.serverTimeOffset=null,i.isAuthorised=!1,i.authTokenExpiry=null,i.authData={},i.connectedNum=0,"uibuilder-webRoot"in i.cookies?i.httpNodeRoot=i.cookies["uibuilder-webRoot"]:(0<(e=window.location.pathname.split("/").filter(function(e){return""!==e.trim()})).length&&e[e.length-1].endsWith(".html")&&e.pop(),i.url=e.pop(),i.httpNodeRoot="/"+e.join("/")),i.ioPath=function(){return("/"+Array.prototype.slice.call(arguments).map(function(e){return e.replace(/^\/|\/$/g,"")}).filter(function(e){return e}).join("/")).replace("//","/")}(i.httpNodeRoot,i.moduleName,"vendor","socket.io"),i.uiDebug("debug","uibuilderfe: ioPath: "+i.ioPath+", httpNodeRoot: "+i.httpNodeRoot+", uibuilder url (not used): "+i.url),i.setStore=function(e,t){if("object"==typeof t)try{t=JSON.stringify(t)}catch(e){return console.error("[uibuilder:setStore] Cannot stringify object, not storing. ",e),!1}try{return localStorage.setItem(i.storePrefix+e,t),!0}catch(e){return console.error("[uibuilder:setStore] Cannot write to localStorage. ",e),!1}},i.set=function(e,t){i[e]=t,i.uiDebug("debug","uibuilderfe: prop set - prop: "+e+", val: "+("object"==typeof t?JSON.stringify(t):t)),i.emit(e,t)},i.checkConnect=function(e,t,o=1){i.uiDebug("debug","uibuilderfe:checkConnect. Reconnect - Depth: "+o+", Delay: "+e+", Factor: "+t,i.ioNamespace,i.ioPath),i.timerid&&window.clearTimeout(i.timerid),i.timerid=window.setTimeout(function(){i.uiDebug("debug","uibuilderfe:checkConnect timeout. SIO reconnect attempt, timeout: "+e+", depth: "+o,i.ioNamespace,i.ioPath),console.info("[uibuilderfe:checkConnect:setTimeout] Socket.IO reconnection attempt. Current delay: "+e),i.socket.close(),i.socket.connect(),i.timerid=null,i.checkConnect(e*t,t,o++)},e)},i.checkTimestamp=function(e){Object.prototype.hasOwnProperty.call(e,"serverTimestamp")&&(e=new Date(e.serverTimestamp),(e=Math.round((new Date-e)/36e5))!==i.serverTimeOffset)&&(i.set("serverTimeOffset",e),i.uiDebug("log","uibuilderfe:"+i.ioChannels.server+" (server): Offset changed to: "+e))},i.ioSetup=function(){i.uiDebug("debug","[uibuilderfe:ioSetup] About to create IO. Namespace: "+i.ioNamespace+", Path: "+i.ioPath+", Transport: ["+i.ioTransport.join(", ")+"]"),i.socketOptions={path:i.ioPath,transports:i.ioTransport,auth:{clientId:i.clientId,connectedNum:i.connectedNum,pathName:window.location.pathname,pageName:i.pageName,clientVersion:i.version},transportOptions:{polling:{extraHeaders:{"x-clientid":`${i.moduleName}; old-iife; ${i.version}; `+i.clientId}}}},i.socket=io(i.ioNamespace,i.socketOptions),i.socket.on("connect",function(){i.connectedNum++,i.socketOptions.auth.connectedNum=i.connectedNum,i.uiDebug("info","[uibuilderfe:ioSetup] SOCKET CONNECTED - # connections: "+i.connectedNum+" Namespace: "+i.ioNamespace," Server Channel: ",i.ioChannels.server," Control Channel: ",i.ioChannels.control),i.set("ioConnected",!0),i.timerid&&(window.clearTimeout(i.timerid),i.timerid=null)}),i.socket.on(i.ioChannels.server,function(e){i.uiDebug("info","[uibuilderfe:ioSetup:on-"+i.ioChannels.server+" (server)] msg received - Namespace: "+i.ioNamespace,e),e=n(e,"payload"),i.checkTimestamp(e),e._auth&&i.updateAuth(e._auth),i.allowScript&&Object.prototype.hasOwnProperty.call(e,"script")&&(i.newScript(e.script),i.removeScript)&&delete e.script,i.allowStyle&&Object.prototype.hasOwnProperty.call(e,"style")&&(i.newStyle(e.style),i.removeStyle)&&delete e.style,i.set("msg",e),i.set("msgsReceived",i.msgsReceived+1)}),i.socket.on(i.ioChannels.control,function(e){var t;switch(i.uiDebug("debug","[uibuilder:ioSetup:on-ctrl-recvd] "+i.ioChannels.control+" (control): msg received - Namespace: "+i.ioNamespace,e),null===e?e={}:"object"!=typeof e&&((t={})["uibuilderCtrl:"+i.ioChannels.control]=e,e=t),Object.prototype.hasOwnProperty.call(e,"debug")&&(i.debug=e.debug),i.checkTimestamp(e),i.set("ctrlMsg",e),i.set("msgsCtrl",i.msgsCtrl+1),e.uibuilderCtrl){case"shutdown":i.uiDebug("info",`[uibuilderfe:ioSetup:${i.ioChannels.control}] Received "shutdown" from server`),i.set("serverShutdown",void 0);break;case"client connect":i.uiDebug("info",`[uibuilderfe:ioSetup:${i.ioChannels.control}] Received "client connect" from server`),i.uiDebug("info",`[uibuilderfe:ioSetup:client-connect] Server: Version=${e.version}, Time=${e.serverTimestamp}.`),i.version.startsWith(e.version.split("-")[0])||console.warn(`[uibuilderfe:ioSetup:client-connect] Server version (${e.version}) not the same as the client version (${i.version})`),!0===i.autoSendReady&&(i.uiDebug("info","[uibuilderfe:ioSetup:client-connect] Auto-sending ready-for-content/replay msg to server"),i.send({uibuilderCtrl:"ready for content",cacheControl:"REPLAY"},i.ioChannels.control));break;case"socket error":console.error(`[uibuilderfe:ioSetup:${i.ioChannels.control}] Received "socket error" from server. `+e.error);break;default:i.uiDebug("info",`[uibuilderfe:ioSetup:${i.ioChannels.control}] Received ${e.uibuilderCtrl} from server`),e._auth&&i.updateAuth(e._auth)}}),i.socket.on("disconnect",function(e){i.uiDebug("info","[uibuilderfe:ioSetup:disconnect] SOCKET DISCONNECTED - Namespace: "+i.ioNamespace+", Reason: "+e),i.set("ioConnected",!1),console.warn("[uibuilderfe:ioSetup:disconnect] Disconnection Reason: "+e),i.checkConnect(i.retryMs,i.retryFactor)}),i.socket.on("connect_error",function(e){console.error(`[uibuilderfe:ioSetup:connect_error] SOCKET CONNECT ERROR - Namespace: ${i.ioNamespace}, ioPath: ${i.ioPath}, Reason: `+e.message,e)}),i.socket.on("error",function(e){console.error("[uibuilderfe:ioSetup:error] SOCKET ERROR from server - MESSAGE: ",e),i.set("socketError",e)}),i.checkConnect(i.retryMs,i.retryFactor)},i.setOriginator=function(e=""){i.originator=e},i.send=function(e,t,o=""){null==t&&(t=i.ioChannels.client),i.uiDebug("log","[uibuilderfe:send] Sending msg - Namespace: "+i.ioNamespace+", Channel: "+t,e),t===i.ioChannels.client?e=n(e,"payload"):t===i.ioChannels.control&&(e=n(e,"uibuilderCtrl"),Object.prototype.hasOwnProperty.call(e,"uibuilderCtrl")||(e.uibuilderCtrl="manual send"),e.from="client"),e._socketId=i.socket.id,t===i.ioChannels.client?(i.set("sentMsg",e),i.set("msgsSent",i.msgsSent+1)):t===i.ioChannels.control&&(i.set("sentCtrlMsg",e),i.set("msgsSentCtrl",i.msgsSentCtrl+1)),""!==(o=""===o&&""!==i.originator?i.originator:o)&&Object.assign(e,{_uib:{originator:o}}),i.socket.emit(t,e)},i.onChange=function(e,t){i.events[e]?i.events[e].push(t):i.events[e]=[t]},i.clearEventListeners=function(){i.events=[]},i.addCSSClass=function(t){if(""!==t&&void 0!==t){Array.isArray(t)||(t=[t]),i.uiDebug("log","[uibuilderfe:addCSSClass] style: "+t);let e=document.getElementById("uibstyle");null===e&&(i.uiDebug("log","[uibuilderfe:addCSSClass] Adding uibstyle stylesheet"),(e=document.createElement("style")).title=e.id="uibstyle",document.head.insertAdjacentElement("afterbegin",e));var o=e.sheet;for(const n of t)i.uiDebug("log","[uibuilderfe:addCSSClass] Adding style "+n),o.insertRule(n)}},i.setPing=function(e=0){const t=new XMLHttpRequest;t.addEventListener("load",function(){var e=t.getAllResponseHeaders().split("\r\n");i.set("ping",{success:201===t.status,status:t.status,headers:e})}),i.pingInterval&&(clearInterval(i.pingInterval),delete i.pingInterval),e<1?(t.open("GET","../uibuilder/ping"),t.send()):i.pingInterval=setInterval(()=>{t.open("GET","../uibuilder/ping"),t.send()},e)},i.events={},i.emit=function(e){var t=i.events[e];if(t)for(var o=Array.prototype.slice.call(arguments,1),n=0;n<t.length;n++)t[n].apply(i,o)},i.newScript=function(e){var t;!0===i.allowScript&&""!==e&&void 0!==e&&(i.uiDebug("log","uibuilderfe: newCode - script: "+e),(t=document.createElement("script")).type="text/javascript",t.defer=!0,t.textContent=e,document.getElementsByTagName("body")[0].appendChild(t))},i.newStyle=function(e){var t;!0===i.allowStyle&&""!==e&&void 0!==e&&(i.uiDebug("log","uibuilderfe: newStyle - style: "+e),(t=document.createElement("style")).textContent=e,document.head.appendChild(t))},i.showToastVanilla=function(e,t){let o=document.getElementById("toaster");null===o&&((o=document.createElement("div")).id="toaster",o.title="Click to clear all notifcations",o.setAttribute("class","uib-toaster"),o.onclick=function(){o.remove()},document.body.insertAdjacentElement("afterbegin",o));const n=document.createElement("div");n.title="Click to clear this notifcation",n.setAttribute("class","uib-toast "+t.variant),t.title&&(e=`<p class="uib-toast-head">${t.title}</p><p>${e}</p>`),n.innerHTML=e,n.onclick=function(e){e.stopPropagation(),n.remove(),o.childElementCount<1&&o.remove()},o.insertAdjacentElement(!0===t.appendToast?"beforeend":"afterbegin",n),!0===t.autohide&&setInterval(()=>{n.remove(),o.childElementCount<1&&o.remove()},t.autoHideDelay)},i.showToast=function(o){if(o._uib&&null!==o._uib&&"Object"===o._uib.constructor.name){let e={},t=(o._uib.options&&(e=Object.assign({},o._uib.options)),"");o.payload&&(t+=o.payload),e.content&&(t+=e.content),e.append&&(e.appendToast=e.append),e.noAutohide&&(e.noAutoHide=e.noAutohide),e.noAutoHide&&(e.autohide=!e.noAutoHide),Object.prototype.hasOwnProperty.call(e,"autohide")||(e.autohide=!0),e.autoHideDelay&&(e.autohide=!0,e.delay=e.autoHideDelay),!0!==e.autohide||e.autoHideDelay||(e.autoHideDelay=1e4),e.variant&&["","primary","secondary","success","info","warn","warning","error","danger"].includes(e.variant)||(e.variant=""),!e.title&&o.topic&&(e.title=o.topic),""===t?console.warn("[uibuilder:toast] Toast content is blank. Not shown."):i.vueApp&&i.vueApp.$bvToast?(i.uiDebug("[uibuilder:showToast] Bootstrap-Vue available, using to create a toast"),i.showToastBVue(t,e)):(i.uiDebug("[uibuilder:showToast] Bootstrap-Vue NOT available, creating a vanilla HTML toast"),i.showToastVanilla(t,e))}else console.warn("[uibuilder:toast] Incoming msg requires msg._uib object, cannot create a toast")},i.showToastBVue=function(e,t){var o,n;i.vueApp?i.vueApp.$bvToast?(n=(o=i.vueApp.$createElement)("p",{domProps:{innerHTML:e}}),t.title&&(t.title=o("p",{domProps:{innerHTML:t.title}})),"error"===t.variant&&(t.variant="danger"),"warn"===t.variant&&(t.variant="warning"),t.solid||(t.solid=!0),i.vueApp.$bvToast.toast(n,t)):(console.warn("[uibuilder:toast] bootstrap-vue toast component not available, cannot create a Bootstrap-Vue toast, falling back to vanilla."),i.showToastVanilla(e,t)):(console.warn("[uibuilder:toast] Vue app object not available, cannot create a Vue toast, falling back to vanilla."),i.showToastVanilla(e,t))},i.showAlert=function(){},i.showComponentDetails=function(t){if(i.vueApp&&i.vueApp.$refs[t]){var o=i.vueApp.$refs[t];let e={};return e=o.$options?{uibuilderCtrl:"vue component details",componentDetails:{ref:t,tag:o.$options._componentTag,props:o.$options._propKeys}}:(i.uiDebug("warn",o=`[uibuilderfe:showComponentDetails] ref="${t}" is not a Vue Component. Details cannot be returned.`),{uibuilderCtrl:"vue component details",componentDetails:{warning:o,ref:t,tag:null,props:null}})}},i.onChange("msg",function(e){if(e._uib&&(!0===e._uib.reload&&(console.log("reloading"),location.reload()),e._uib.componentRef)){const o=e._uib.componentRef;if("globalNotification"===o)i.uiDebug("[uibuilder:internalOnChange] globalNotification triggered - showToast() "),i.showToast(e);else if("globalAlert"===o)i.showAlert(e);else if(i.vueApp){const n=i.vueApp;if(e._uib.requestDetails)(t=i.showComponentDetails(o))&&(e.topic&&(t.topic=e.topic),i.send(t,i.ioChannels.control));else if(o in n.$refs){if(e._uib.options&&(i.uiDebug("log","🔢📈 new component instance options received for ref",o,":",e._uib.options),Object.keys(e._uib.options).forEach(function(t){try{n.$set(n.$refs[o],t,e._uib.options[t])}catch(e){i.uiDebug("warn",`[uibuilderfe:internal:onChange] Could not update prop "${t}" for component ref="${o}". Error: `+e.message)}})),e.payload){i.uiDebug("log","🔢📈 new component instance value received for ref",o,":",e.payload);try{n.$refs[o].$props.config.value=e.payload}catch(e){}}}else{var t=`[uibuilderfe:internal:onChange] ref="${o}" is not a Vue Component. Cannot set props.`,t=(i.uiDebug("warn",t),{uibuilderCtrl:"vue component details",componentDetails:{warning:t,ref:o,tag:null,props:null}});e.topic&&(t.topic=e.topic),i.send(t,i.ioChannels.control)}}}}),i.uiReturn={set:function(e,t){if(-1!==["autoSendReady","clientId","cookies","ctrlMsg","debug","events","httpNodeRoot","ioChannels","ioConnected","ioNamespace","ioPath","ioTransport","isAuthorised","isUnminified","loaded","msgsCtrl","msgsReceived","msgsSent","msgsSentCtrl","moduleName","retryFactor","retryMs","sentMsg","sentCtrlMsg","serverTimeOffset","socket","timerid","url","version","checkConnect","checkTimestamp","emit","get","ioSetup","logon","logoff","markLoggedOut","me","newScript","newStyle","onChange","self","set","send","sendAuth","sendCtrl","setIOnamespace","showComponentDetails","showToast","socket","uiDebug","updateAuth","uiReturn"].indexOf(e))console.warn('[uibuilder:set] Cannot use set() on protected property "'+e+'"'),i.uiDebug("warn",'uibuilderfe:uibuilder:set: "'+e+'" is in list of excluded properties, not set');else{if("_auth"===e){if(!t.id||0===t.id.length)return void console.warn("[uibuilder:set] _auth must contain a valid _auth.id property");t.info||(t.info=i.dummyAuth.info)}i.set(e,t)}},get:function(e){if(-1===["checkConnect","checkTimestamp","emit","get","ioSetup","logon","logoff","markLoggedOut","me","newScript","newStyle","onChange","self","set","send","sendAuth","sendCtrl","setIOnamespace","showComponentDetails","showToast","socket","uiDebug","updateAuth","uiReturn"].indexOf(e))return void 0===i[e]&&console.warn('[uibuilder] get() - property "'+e+'" does not exist'),i[e];console.warn('[uibuilder] Cannot use get() on protected property "'+e+'"'),i.uiDebug("warn",'uibuilderfe:uibuilder:get: "'+e+'" is in list of excluded properties, not get')},onChange:i.onChange,clearEventListeners:i.clearEventListeners,msg:i.msg,send:function(e,t=""){i.send(e,i.ioChannels.client,t)},setOriginator:i.setOriginator,sendCtrl:function(e){i.send(e,i.ioChannels.control)},autoSendReady:function(e){i.autoSendReady=e=!0!==e?!1:e},debug:function(e){if(void 0===e)return i.debug;"boolean"==typeof e&&(i.debug=e)},uiDebug:i.uiDebug,me:i.me,start:function(e,t,o){!0===i.started?i.uiDebug("log","❌ [uibuilderfe:start] Start function already called. Do not call more than once."):(i.uiDebug("log","[uibuilderfe:start] start() called"),"[object Object]"===toString.call(e)?(i.uiDebug("log","✅ [uibuilderfe:start] namespace IS an object!"),e=!0===e._isVue?(i.uiDebug("log","✅ [uibuilderfe:start] Vue instance object IS available!"),void(o=e)):(e.ioPath&&(t=e.ioPath),e.vueApp&&(o=e.vueApp),e.namespace||void 0)):o?"[object Object]"===toString.call(o)&&!0===o._isVue?i.uiDebug("log","✅ [uibuilderfe:start] Vue instance object IS available!"):(i.uiDebug("log","❌ [uibuilderfe:start] Vue instance object not available!"),o=void 0):i.uiDebug("log","❌ [uibuilderfe:start] Vue app not available!"),i.uiDebug("log","[uibuilderfe:start] Calling params - namespace",e,"ioPath",t,"vueApp",o),null!=e&&(i.ioNamespace=e),null!=t&&(i.ioPath=t),null!=o&&(i.vueApp=o),i.uiDebug("log","[uibuilderfe:start] Final Socket.IO params - namespace",i.ioNamespace,"ioPath",i.ioPath),i.ioSetup(),i.started=!0)},showComponentDetails:i.showComponentDetails,showToast:function(e,t="globalNotification",o={}){i.showToast({_uib:{componentRef:t,options:o},payload:e})},eventSend:function(t,o=""){if(t.constructor.name.endsWith("Event")&&t.currentTarget){var n=t.currentTarget;let e="";try{""!==n.textContent&&(e=n.textContent.substring(0,25))}catch(e){}try{""!==n.name&&(e=n.name)}catch(e){}try{""!==n.id&&(e=n.id)}catch(e){}i.send({topic:i.msg.topic,uibDomEvent:{sourceId:e,event:t.type},payload:n.dataset},i.ioChannels.client,o)}else i.uiDebug("log","[uibuilderfe:eventSend] ARGUMENT NOT A DOM EVENT - use data attributes not function arguments to pass data")},setPing:i.setPing},window.addEventListener("load",function(){i.uiDebug("debug","uibuilderfe:load: All resources loaded"),i.loaded=!0}),i.uiReturn}.call(e);o.noConflict=function(){return e.uibuilder=t,o},"undefined"!=typeof exports?(exports="undefined"!=typeof module&&module.exports?module.exports=o:exports).uibuilder=o:e.uibuilder=o}.call(this);
\ No newline at end of file
diff --git a/front-end/utils/uibrouter.esm.js b/front-end/utils/uibrouter.esm.js
new file mode 100644
index 00000000..06cfcf95
--- /dev/null
+++ b/front-end/utils/uibrouter.esm.js
@@ -0,0 +1,340 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet = (obj, member, getter) => {
+  __accessCheck(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet = (obj, member, value, setter) => {
+  __accessCheck(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : member.set(obj, value);
+  return value;
+};
+
+// src/front-end-module/uibrouter.js
+var _startDone;
+var UibRouter = class {
+  //#endregion --- ----- ---
+  //#region --- Internal Methods ---
+  /** Class constructor
+   * @param {UibRouterConfig} routerConfig Configuration object
+   */
+  constructor(routerConfig) {
+    /** Configuration settings @type {UibRouterConfig} */
+    __publicField(this, "config");
+    /** Reference to the container DOM element - set in setup() @type {HTMLDivElement} */
+    __publicField(this, "routeContainerEl");
+    /** The current route id after doRoute() has been called */
+    __publicField(this, "currentRouteId");
+    /** The previous route id after doRoute() has been called */
+    __publicField(this, "previousRouteId");
+    /** Internal only. Set to true when the _start() method has been called */
+    __privateAdd(this, _startDone, false);
+    if (!fetch)
+      throw new Error("[uibrouter:constructor] UibRouter requires `fetch`. Please use a current browser or load a fetch polyfill.");
+    if (!routerConfig)
+      throw new Error("[uibrouter:constructor] No config provided");
+    if (!routerConfig.routes)
+      throw new Error("[uibrouter:constructor] No routes provided in routerConfig");
+    if (!routerConfig.routeContainer)
+      routerConfig.routeContainer = "#uibroutecontainer";
+    this.config = routerConfig;
+    this._setRouteContainer();
+    Promise.all(Object.values(routerConfig.routes).filter((r) => r.type === "url").map(this._loadExternal)).then(this._appendExternalTemplates).then(() => {
+      this._start();
+    });
+  }
+  /** Save a reference to, and create if necessary, the HTML element to hold routes */
+  _setRouteContainer() {
+    const body = document.getElementsByTagName("body")[0];
+    let routeContainerEl = this.routeContainerEl = document.querySelector(this.config.routeContainer);
+    if (!routeContainerEl) {
+      const tempContainer = document.createElement("div");
+      tempContainer.setAttribute("id", this.config.routeContainer.replace("#", ""));
+      body.append(tempContainer);
+      routeContainerEl = this.routeContainerEl = document.querySelector(this.config.routeContainer);
+    }
+  }
+  /** Load fetched external elements to templates tags under the head tag
+   * @param {HTMLElement[]} loadedElements Array of loaded external elements to add as templates to the head tag
+   */
+  _appendExternalTemplates(loadedElements) {
+    const head = document.getElementsByTagName("head")[0];
+    loadedElements.forEach((element) => {
+      if (Array.isArray(element)) {
+        console.error(...element);
+      } else {
+        head.append(element);
+      }
+    });
+  }
+  /** Called once all external templates have been loaded */
+  _start() {
+    if (__privateGet(this, _startDone) === true)
+      return;
+    window.addEventListener("hashchange", (event) => this._hashChange(event));
+    this.doRoute();
+    document.dispatchEvent(new CustomEvent("uibrouter:loaded"));
+    if (uibuilder)
+      uibuilder.set("uibrouter", "loaded");
+    __privateSet(this, _startDone, true);
+  }
+  /** Called when the URL Hash changes
+   * @param {HashChangeEvent} event URL Hash change event object
+   */
+  _hashChange(event) {
+    this.doRoute(event);
+  }
+  /** Create DOM route content from a route template (internal or external)
+   * Route templates have to be a `<template>` tag with an ID that matches the route id.
+   * @param {string} routeId ID of the route definition to use to create the content
+   * @returns {boolean} True if the route content was created successfully, false otherwise
+   */
+  _createRouteContent(routeId) {
+    const rContent = document.querySelector(`#${routeId}`);
+    if (!rContent) {
+      console.error(`[uibrouter:createRouteContent] No route template found for route selector '#${routeId}'. Does the link url match a defined route id?`);
+      return false;
+    }
+    const docFrag = rContent.content.cloneNode(true);
+    if (this.isRouteExternal(routeId))
+      this._applyScripts(docFrag);
+    const tempContainer = document.createElement("div");
+    tempContainer.dataset.route = routeId;
+    tempContainer.append(docFrag);
+    try {
+      this.routeContainerEl.append(tempContainer);
+    } catch (e) {
+      console.error(`[uibrouter:createRouteContent] Failed to apply route id '${routeId}'. 
+ ${e.message}`);
+      return false;
+    }
+    return true;
+  }
+  /** Loads an external HTML file into a `<template>` tag, adding the router id as the template id.
+   *  or returns an error array
+   * @param {routeDefinition} routeDefinition Configuration for a single route
+   * @returns {Promise<HTMLTemplateElement[]|[string,string,number,string]>} A promise that fulfills to an HTMLTemplateElement or an array containing error information
+   */
+  _loadExternal(routeDefinition) {
+    const id = routeDefinition.id;
+    return fetch(routeDefinition.src).then((response) => {
+      if (response.ok === false)
+        return [routeDefinition.id, routeDefinition.src, response.status, response.statusText];
+      return response.text();
+    }).then((htmlText) => {
+      if (Array.isArray(htmlText))
+        return htmlText;
+      try {
+        const chkTemplate = document.querySelector(`#${id}`);
+        if (chkTemplate)
+          chkTemplate.remove();
+      } catch (e) {
+      }
+      const tempContainer = document.createElement("template");
+      tempContainer.innerHTML = htmlText;
+      tempContainer.setAttribute("id", id);
+      return tempContainer;
+    }).catch((error) => {
+      console.error(`[uibrouter:loadHTML] Error loading route template HTML from ${routeDefinition.src}:`, error);
+    });
+  }
+  /** Remove/re-apply scripts in a container Element so that they are executed.
+   * @param {HTMLElement} tempContainer HTML Element of container to process
+   */
+  _applyScripts(tempContainer) {
+    const scripts = tempContainer.querySelectorAll("script");
+    scripts.forEach((scr) => {
+      if (scr.parentElement)
+        scr.parentElement.removeChild(scr);
+      const newScript = document.createElement("script");
+      newScript.textContent = scr.innerText;
+      tempContainer.append(newScript);
+    });
+  }
+  //#endregion --- ----- --
+  /** Process a routing request
+   * @param {PointerEvent|MouseEvent|HashChangeEvent|TouchEvent|string} routeSource Either string containing route id or DOM Event object either click/touch on element containing `href="#routeid"` or Hash URL change event
+   */
+  doRoute(routeSource) {
+    const container = this.routeContainerEl;
+    if (!container)
+      throw new Error("[uibrouter:doRoute] Cannot route, has router.setup() been called yet?");
+    const currentHash = this.keepHashFromUrl(window.location.hash);
+    if (!routeSource)
+      routeSource = currentHash;
+    let newRouteId, oldRouteId;
+    if (typeof routeSource === "string") {
+      newRouteId = this.keepHashFromUrl(routeSource);
+      oldRouteId = currentHash;
+      if (newRouteId === "" && this.config.defaultRoute)
+        newRouteId = this.config.defaultRoute;
+      if (newRouteId !== currentHash) {
+        window.location.hash = `#${newRouteId}`;
+        return;
+      }
+    } else if (routeSource.type === "hashchange") {
+      const newUrl = routeSource.newURL;
+      if (newUrl.includes("#")) {
+        oldRouteId = this.keepHashFromUrl(routeSource.oldURL);
+        newRouteId = this.keepHashFromUrl(newUrl);
+      } else
+        return;
+    } else {
+      oldRouteId = currentHash;
+      try {
+        newRouteId = this.keepHashFromUrl(routeSource.target.attributes.href.value);
+      } catch (e) {
+        throw new Error("[uibrouter:doRoute] No valid route found. Event.target does not have an href attribute");
+      }
+    }
+    let routeShown = false;
+    if (!newRouteId || !this.routeList().includes(newRouteId)) {
+      document.dispatchEvent(new CustomEvent("uibrouter:route-change-failed", { detail: { newRouteId, oldRouteId } }));
+      if (uibuilder)
+        uibuilder.set("uibrouter", "route change failed");
+      window.location.hash = oldRouteId ? `#${oldRouteId}` : "";
+      throw new Error(`[uibrouter:doRoute] No valid route found. Either pass a valid route name or an event from an element having an href of '#routename'. Route id requested: '${newRouteId}'`);
+    }
+    if (this.config.hide) {
+      if (oldRouteId) {
+        const oldContent = document.querySelector(`div[data-route="${oldRouteId}"]`);
+        if (oldContent)
+          oldContent.style.display = "none";
+      }
+      const content = document.querySelector(`div[data-route="${newRouteId}"]`);
+      if (content) {
+        content.style.removeProperty("display");
+        routeShown = true;
+      } else {
+        routeShown = this._createRouteContent(newRouteId);
+      }
+    } else {
+      container.replaceChildren();
+      routeShown = this._createRouteContent(newRouteId);
+    }
+    if (routeShown === false) {
+      document.dispatchEvent(new CustomEvent("uibrouter:route-change-failed", { detail: { newRouteId, oldRouteId } }));
+      if (uibuilder)
+        uibuilder.set("uibrouter", "route change failed");
+      window.location.hash = oldRouteId ? `#${oldRouteId}` : "";
+      return;
+    }
+    this.currentRouteId = newRouteId;
+    this.previousRouteId = oldRouteId;
+    container.dataset.currentRoute = newRouteId;
+    document.dispatchEvent(new CustomEvent("uibrouter:route-changed", { detail: { newRouteId, oldRouteId } }));
+    if (uibuilder)
+      uibuilder.set("uibrouter", "route changed");
+  }
+  /** Return a route config given a route id (returns undefined if route not found)
+   * @param {string} routeId Route ID to search for
+   * @returns {routeDefinition|undefined} Route config for found id else undefined
+   */
+  getRouteConfigById(routeId) {
+    return Object.values(this.config.routes).filter((r) => r.id === routeId)[0];
+  }
+  /** Return true if the given route is external, false otherwise
+   * Used to correctly (re)apply script tags when cloning the template to the DOM (createRouteContent)
+   * @param {string} routeId Route ID to check
+   * @returns {boolean} True if the given route is external, false otherwise
+   */
+  isRouteExternal(routeId) {
+    const routeConfig = this.getRouteConfigById(routeId);
+    return !!(routeConfig && routeConfig.type === "url");
+  }
+  /** Go to the default route if it has been specified */
+  defaultRoute() {
+    if (this.config.defaultRoute)
+      this.doRoute(this.config.defaultRoute);
+  }
+  removeHash() {
+    history.pushState("", document.title, window.location.pathname + window.location.search);
+  }
+  /** Empty the current container and remove url hash - does not trigger a route change */
+  noRoute() {
+    this.removeHash();
+    this.routeContainerEl.replaceChildren();
+  }
+  /** Only keep anything after the # & ignoring query params
+   * @param {string} url URL to extract the hash from
+   * @returns {string} Just the route id
+   */
+  keepHashFromUrl(url) {
+    if (!url)
+      return "";
+    return url.replace(/^.*#(.*)/, "$1").replace(/\?.*$/, "");
+  }
+  /** Return an array of route ids (to facilitate creation of menus)
+   * @param {boolean} returnHash If true, returns id's with leading `#` to apply to href attributes else returns the id
+   * @returns {string[]} Array of route id's or route url hashes
+   */
+  routeList(returnHash) {
+    return Object.values(this.config.routes).map((r) => returnHash === true ? `#${r.id}` : r.id);
+  }
+  /** Add new route definitions to the existing ones
+   * @param {routeDefinition|routeDefinition[]} routeConfig Single or array of route definitions to add
+   */
+  addRoutes(routeConfig) {
+    if (!Array.isArray(routeConfig))
+      routeConfig = [routeConfig];
+    Promise.all(Object.values(routeConfig).filter((r) => r.type === "url").map(this._loadExternal)).then(this._appendExternalTemplates).then(() => {
+      this.config.routes.push(...routeConfig);
+      document.dispatchEvent(new CustomEvent("uibrouter:routes-added", { detail: routeConfig }));
+      if (uibuilder)
+        uibuilder.set("uibrouter", "routes added");
+    });
+  }
+  // TODO
+  // deleteRoutes(aRoutes) {
+  //     // Delete all if no list provided
+  //     if (!aRoutes) aRoutes = this.config.routes
+  //     if (!Array.isArray(aRoutes)) aRoutes = [aRoutes]
+  //     console.log('to be deleted', this.config.routes.filter(r => aRoutes.includes(r.id)))
+  //     console.log('to be retained', this.config.routes.filter(r => !aRoutes.includes(r.id)))
+  //     // TODO actually remove the unwanted route templates
+  //     // TODO remove from the config: this.config.routes = this.config.routes.filter(r => !aRoutes.includes(r.id))
+  //     // ? Optional future upgrade - attempt to also remove any links to this route?
+  // }
+  // TODO
+  // deleteTemplates(templateIds) {
+  //     if (!Array.isArray(templateIds)) templateIds = [templateIds]
+  //     templateIds.forEach( templateid => {
+  //         // TODO delete
+  //     } )
+  // }
+  // TODO
+  // reloadTemplates(templateIds) {
+  //     if (!Array.isArray(templateIds)) templateIds = [templateIds]
+  //     templateIds.forEach( templateid => {
+  //         // TODO reload
+  //     } )
+  // }
+};
+_startDone = new WeakMap();
+// eslint-disable-line no-unused-vars
+//#region --- Variables ---
+/** Class version */
+__publicField(UibRouter, "version", "1.0.0");
+var uibrouter_default = UibRouter;
+if (!window["UibRouter"]) {
+  window["UibRouter"] = UibRouter;
+} else {
+  console.warn("`UibRouter` already assigned to window. Have you tried to load it more than once?");
+}
+export {
+  UibRouter,
+  uibrouter_default as default
+};
diff --git a/front-end/utils/uibrouter.esm.min.js b/front-end/utils/uibrouter.esm.min.js
new file mode 100644
index 00000000..464a9143
--- /dev/null
+++ b/front-end/utils/uibrouter.esm.min.js
@@ -0,0 +1,3 @@
+var E=Object.defineProperty;var b=(n,e,t)=>e in n?E(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var u=(n,e,t)=>(b(n,typeof e!="symbol"?e+"":e,t),t),h=(n,e,t)=>{if(!e.has(n))throw TypeError("Cannot "+t)};var f=(n,e,t)=>(h(n,e,"read from private field"),t?t.call(n):e.get(n)),p=(n,e,t)=>{if(e.has(n))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(n):e.set(n,t)},m=(n,e,t,r)=>(h(n,e,"write to private field"),r?r.call(n,t):e.set(n,t),t);var d,s=class{constructor(e){u(this,"config");u(this,"routeContainerEl");u(this,"currentRouteId");u(this,"previousRouteId");p(this,d,!1);if(!fetch)throw new Error("[uibrouter:constructor] UibRouter requires `fetch`. Please use a current browser or load a fetch polyfill.");if(!e)throw new Error("[uibrouter:constructor] No config provided");if(!e.routes)throw new Error("[uibrouter:constructor] No routes provided in routerConfig");e.routeContainer||(e.routeContainer="#uibroutecontainer"),this.config=e,this._setRouteContainer(),Promise.all(Object.values(e.routes).filter(t=>t.type==="url").map(this._loadExternal)).then(this._appendExternalTemplates).then(()=>{this._start()})}_setRouteContainer(){let e=document.getElementsByTagName("body")[0],t=this.routeContainerEl=document.querySelector(this.config.routeContainer);if(!t){let r=document.createElement("div");r.setAttribute("id",this.config.routeContainer.replace("#","")),e.append(r),t=this.routeContainerEl=document.querySelector(this.config.routeContainer)}}_appendExternalTemplates(e){let t=document.getElementsByTagName("head")[0];e.forEach(r=>{Array.isArray(r)?console.error(...r):t.append(r)})}_start(){f(this,d)!==!0&&(window.addEventListener("hashchange",e=>this._hashChange(e)),this.doRoute(),document.dispatchEvent(new CustomEvent("uibrouter:loaded")),uibuilder&&uibuilder.set("uibrouter","loaded"),m(this,d,!0))}_hashChange(e){this.doRoute(e)}_createRouteContent(e){let t=document.querySelector(`#${e}`);if(!t)return console.error(`[uibrouter:createRouteContent] No route template found for route selector '#${e}'. Does the link url match a defined route id?`),!1;let r=t.content.cloneNode(!0);this.isRouteExternal(e)&&this._applyScripts(r);let o=document.createElement("div");o.dataset.route=e,o.append(r);try{this.routeContainerEl.append(o)}catch(i){return console.error(`[uibrouter:createRouteContent] Failed to apply route id '${e}'. 
+ ${i.message}`),!1}return!0}_loadExternal(e){let t=e.id;return fetch(e.src).then(r=>r.ok===!1?[e.id,e.src,r.status,r.statusText]:r.text()).then(r=>{if(Array.isArray(r))return r;try{let i=document.querySelector(`#${t}`);i&&i.remove()}catch{}let o=document.createElement("template");return o.innerHTML=r,o.setAttribute("id",t),o}).catch(r=>{console.error(`[uibrouter:loadHTML] Error loading route template HTML from ${e.src}:`,r)})}_applyScripts(e){e.querySelectorAll("script").forEach(r=>{r.parentElement&&r.parentElement.removeChild(r);let o=document.createElement("script");o.textContent=r.innerText,e.append(o)})}doRoute(e){let t=this.routeContainerEl;if(!t)throw new Error("[uibrouter:doRoute] Cannot route, has router.setup() been called yet?");let r=this.keepHashFromUrl(window.location.hash);e||(e=r);let o,i;if(typeof e=="string"){if(o=this.keepHashFromUrl(e),i=r,o===""&&this.config.defaultRoute&&(o=this.config.defaultRoute),o!==r){window.location.hash=`#${o}`;return}}else if(e.type==="hashchange"){let a=e.newURL;if(a.includes("#"))i=this.keepHashFromUrl(e.oldURL),o=this.keepHashFromUrl(a);else return}else{i=r;try{o=this.keepHashFromUrl(e.target.attributes.href.value)}catch{throw new Error("[uibrouter:doRoute] No valid route found. Event.target does not have an href attribute")}}let l=!1;if(!o||!this.routeList().includes(o))throw document.dispatchEvent(new CustomEvent("uibrouter:route-change-failed",{detail:{newRouteId:o,oldRouteId:i}})),uibuilder&&uibuilder.set("uibrouter","route change failed"),window.location.hash=i?`#${i}`:"",new Error(`[uibrouter:doRoute] No valid route found. Either pass a valid route name or an event from an element having an href of '#routename'. Route id requested: '${o}'`);if(this.config.hide){if(i){let c=document.querySelector(`div[data-route="${i}"]`);c&&(c.style.display="none")}let a=document.querySelector(`div[data-route="${o}"]`);a?(a.style.removeProperty("display"),l=!0):l=this._createRouteContent(o)}else t.replaceChildren(),l=this._createRouteContent(o);if(l===!1){document.dispatchEvent(new CustomEvent("uibrouter:route-change-failed",{detail:{newRouteId:o,oldRouteId:i}})),uibuilder&&uibuilder.set("uibrouter","route change failed"),window.location.hash=i?`#${i}`:"";return}this.currentRouteId=o,this.previousRouteId=i,t.dataset.currentRoute=o,document.dispatchEvent(new CustomEvent("uibrouter:route-changed",{detail:{newRouteId:o,oldRouteId:i}})),uibuilder&&uibuilder.set("uibrouter","route changed")}getRouteConfigById(e){return Object.values(this.config.routes).filter(t=>t.id===e)[0]}isRouteExternal(e){let t=this.getRouteConfigById(e);return!!(t&&t.type==="url")}defaultRoute(){this.config.defaultRoute&&this.doRoute(this.config.defaultRoute)}removeHash(){history.pushState("",document.title,window.location.pathname+window.location.search)}noRoute(){this.removeHash(),this.routeContainerEl.replaceChildren()}keepHashFromUrl(e){return e?e.replace(/^.*#(.*)/,"$1").replace(/\?.*$/,""):""}routeList(e){return Object.values(this.config.routes).map(t=>e===!0?`#${t.id}`:t.id)}addRoutes(e){Array.isArray(e)||(e=[e]),Promise.all(Object.values(e).filter(t=>t.type==="url").map(this._loadExternal)).then(this._appendExternalTemplates).then(()=>{this.config.routes.push(...e),document.dispatchEvent(new CustomEvent("uibrouter:routes-added",{detail:e})),uibuilder&&uibuilder.set("uibrouter","routes added")})}};d=new WeakMap,u(s,"version","1.0.0");var y=s;window.UibRouter?console.warn("`UibRouter` already assigned to window. Have you tried to load it more than once?"):window.UibRouter=s;export{s as UibRouter,y as default};
+//# sourceMappingURL=uibrouter.esm.min.js.map
diff --git a/front-end/utils/uibrouter.esm.min.js.map b/front-end/utils/uibrouter.esm.min.js.map
new file mode 100644
index 00000000..ba09ff5e
--- /dev/null
+++ b/front-end/utils/uibrouter.esm.min.js.map
@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["src/front-end-module/uibrouter.js"],
+  "sourcesContent": ["// @ts-nocheck\n/** A simple, vanilla JavaScript front-end router class\n * Included in node-red-contrib-uibuilder but is not dependent on it.\n * May be used in other contexts as desired.\n * \n * Copyright (c) 2023-2023 Julian Knight (Totally Information)\n * https://it.knightnet.org.uk\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/** ---------------------------------------------------------------------\n * TODO\n * Methods needed:\n *   Delete route\n *   Update/reload route\n *   shutdown - that removes all elements\n *   delete templates - unloads a list of (or all) templates\n *   reload templates - to facilitate updates of a list of (or all) templates\n * Additional options:\n *   unload templates after they are added to the route container. Only if hide=true. `unload: true`\n *   Maybe: options to auto-load js and css files with the same name as a template file.\n * ---------------------------------------------------------------------  */\n\n/** Type definitions\n * routeConfig\n * @typedef {object} routeDefinition Single route configuration\n * @property {string} id REQUIRED. Route ID\n * @property {string} src REQUIRED. CSS Selector for template tag routes, url for external routes\n * @property {\"url\"|undefined} [type] OPTIONAL. \"url\" for external routes\n * UibRouterConfig\n * @typedef {object} UibRouterConfig Configuration for the UiBRouter class instances\n * @property {routeDefinition[]} routes REQUIRED. Array of route definitions\n * @property {string} [defaultRoute] OPTIONAL. If set to a route id, that route will be automatically shown on load\n * @property {string} [routeContainer] OPTIONAL. CSS Selector for an HTML Element containing routes\n * @property {boolean} [hide] OPTIONAL. If TRUE, routes will be hidden/shown on change instead of removed/added\n * @property {boolean} [unload] OPTIONAL. If TRUE, route templates will be unloaded from DOM after access. Only useful with the `hide` option\n */\n\nclass UibRouter { // eslint-disable-line no-unused-vars\n    //#region --- Variables ---\n    /** Class version */\n    static version = '1.0.0'\n\n    /** Configuration settings @type {UibRouterConfig} */\n    config\n    /** Reference to the container DOM element - set in setup() @type {HTMLDivElement} */\n    routeContainerEl\n    /** The current route id after doRoute() has been called */\n    currentRouteId\n    /** The previous route id after doRoute() has been called */\n    previousRouteId\n\n    /** Internal only. Set to true when the _start() method has been called */\n    #startDone = false\n    //#endregion --- ----- ---\n\n    //#region --- Internal Methods ---\n    /** Class constructor\n     * @param {UibRouterConfig} routerConfig Configuration object\n     */\n    constructor(routerConfig) {\n        // Fetch is on desktop browsers since 2017 at latest. Not so much on mobile (Android!)\n        // May need a polyfill on mobile or old browsers.\n        if (!fetch) throw new Error('[uibrouter:constructor] UibRouter requires `fetch`. Please use a current browser or load a fetch polyfill.')\n\n        if (!routerConfig) throw new Error('[uibrouter:constructor] No config provided')\n        if (!routerConfig.routes) throw new Error('[uibrouter:constructor] No routes provided in routerConfig')\n        // Add a default route container uf needed\n        if (!routerConfig.routeContainer)routerConfig.routeContainer = '#uibroutecontainer'\n\n        // Save the config\n        this.config = routerConfig\n        // Create/access the route container element, sets this.routeContainerEl\n        this._setRouteContainer()\n\n        // Load all external route templates async in parallel - NB: Object.values works on both arrays and objects\n        // Note that final `then` is called even if no external routes are given\n        Promise.all(Object.values(routerConfig.routes).filter(r => r.type === 'url').map(this._loadExternal)) // eslint-disable-line promise/catch-or-return\n            .then(this._appendExternalTemplates)\n            .then( () => { // eslint-disable-line promise/always-return\n                // Everything is loaded so we can start\n                this._start()\n            } )\n    }\n\n    /** Save a reference to, and create if necessary, the HTML element to hold routes */\n    _setRouteContainer() {\n        const body = document.getElementsByTagName('body')[0]\n        // Get reference to route container or create it\n        let routeContainerEl = this.routeContainerEl = document.querySelector(this.config.routeContainer)\n        if (!routeContainerEl) {\n            // throw new Error(`Route container element with CSS selector '${routerConfig.routeContainer}' not found in HTML`)\n            const tempContainer = document.createElement('div')\n            tempContainer.setAttribute('id', this.config.routeContainer.replace('#', ''))\n            body.append(tempContainer)\n            routeContainerEl = this.routeContainerEl = document.querySelector(this.config.routeContainer)\n        }\n    }\n\n    /** Load fetched external elements to templates tags under the head tag\n     * @param {HTMLElement[]} loadedElements Array of loaded external elements to add as templates to the head tag\n     */\n    _appendExternalTemplates(loadedElements) {\n        const head = document.getElementsByTagName('head')[0]\n        // Append the loaded content to the main container\n        loadedElements.forEach(element => {\n            if (Array.isArray(element)) {\n                console.error(...element)\n            } else {\n                head.append(element)\n            }\n        })\n    }\n\n    /** Called once all external templates have been loaded */\n    _start() {\n        if (this.#startDone === true) return // Don't run this again\n\n        // Listen for url hash changes and process route change\n        window.addEventListener('hashchange', (event) => this._hashChange(event) )\n        // Go to default route if no route in url and if a default is defined or ensure current route is shown\n        this.doRoute()\n        // Events on fully loaded ...\n        document.dispatchEvent(new CustomEvent('uibrouter:loaded'))\n        if (uibuilder) uibuilder.set('uibrouter', 'loaded') // eslint-disable-line no-undef\n\n        this.#startDone = true // Don't run this again\n    }\n\n    /** Called when the URL Hash changes\n     * @param {HashChangeEvent} event URL Hash change event object\n     */\n    _hashChange(event) {\n        // console.log(`[uibrouter] hashchange: ${this.keepHashFromUrl(event.oldURL)} => ${this.keepHashFromUrl(event.newURL)}` )\n        this.doRoute(event)\n    }\n\n    /** Create DOM route content from a route template (internal or external)\n     * Route templates have to be a `<template>` tag with an ID that matches the route id.\n     * @param {string} routeId ID of the route definition to use to create the content\n     * @returns {boolean} True if the route content was created successfully, false otherwise\n     */\n    _createRouteContent(routeId) {\n        const rContent = document.querySelector(`#${routeId}`)\n        if (!rContent) {\n            console.error(`[uibrouter:createRouteContent] No route template found for route selector '#${routeId}'. Does the link url match a defined route id?`)\n            return false\n        }\n        const docFrag = rContent.content.cloneNode(true)\n        // Have to re-apply the scripts to make them run - only for external templates\n        if (this.isRouteExternal(routeId)) this._applyScripts(docFrag)\n        // Create the route wrapper div with data-route attrib\n        const tempContainer = document.createElement('div')\n        tempContainer.dataset.route = routeId\n        tempContainer.append(docFrag)\n        // And finally try to append to the container\n        try {\n            this.routeContainerEl.append(tempContainer)\n        } catch (e) {\n            console.error(`[uibrouter:createRouteContent] Failed to apply route id '${routeId}'. \\n ${e.message}`)\n            return false\n        }\n        return true\n    }\n\n    /** Loads an external HTML file into a `<template>` tag, adding the router id as the template id.\n     *  or returns an error array\n     * @param {routeDefinition} routeDefinition Configuration for a single route\n     * @returns {Promise<HTMLTemplateElement[]|[string,string,number,string]>} A promise that fulfills to an HTMLTemplateElement or an array containing error information\n     */\n    _loadExternal(routeDefinition) {\n        // const id = singleConfig.src.split('/').pop().replace('.html','')\n        const id = routeDefinition.id\n        // @ts-ignore\n        return fetch(routeDefinition.src)\n            .then(response => {\n                // Fetch failed?\n                if (response.ok === false) return [routeDefinition.id, routeDefinition.src, response.status, response.statusText]\n                return response.text()\n            })\n            .then((/** @type {string} */ htmlText) => {\n                if (Array.isArray(htmlText)) return htmlText // if the fetch failed\n\n                // Check to see if template already exists, if so, remove it\n                try {\n                    const chkTemplate = document.querySelector(`#${id}`)\n                    if (chkTemplate) chkTemplate.remove()\n                } catch (e) {}\n\n                const tempContainer = document.createElement('template')\n                tempContainer.innerHTML = htmlText\n                tempContainer.setAttribute('id', id)\n                return tempContainer\n            })\n            .catch(error => {\n                console.error(`[uibrouter:loadHTML] Error loading route template HTML from ${routeDefinition.src}:`, error)\n            })\n    }\n\n    /** Remove/re-apply scripts in a container Element so that they are executed.\n     * @param {HTMLElement} tempContainer HTML Element of container to process\n     */\n    _applyScripts(tempContainer) {\n        const scripts = tempContainer.querySelectorAll('script')\n        scripts.forEach( scr => {\n            if (scr.parentElement) scr.parentElement.removeChild(scr)\n            const newScript = document.createElement('script')\n            newScript.textContent = scr.innerText\n            tempContainer.append(newScript)\n        })\n    }\n    //#endregion --- ----- --\n\n    /** Process a routing request\n     * @param {PointerEvent|MouseEvent|HashChangeEvent|TouchEvent|string} routeSource Either string containing route id or DOM Event object either click/touch on element containing `href=\"#routeid\"` or Hash URL change event\n     */\n    doRoute(routeSource) {\n        const container = this.routeContainerEl\n        if (!container) throw new Error('[uibrouter:doRoute] Cannot route, has router.setup() been called yet?')\n\n        // Remove all the url and query param text and any leading # - returns '' if no current hash\n        const currentHash = this.keepHashFromUrl(window.location.hash)\n\n        // If no route source provided, take the current hash (which might be '' and that will trigger the default route if defined)\n        if (!routeSource) routeSource = currentHash\n\n        let newRouteId, oldRouteId\n\n        // Define new and old routes depending on different call types\n        if (typeof routeSource === 'string') { // Manually provided route id\n            // console.log(`[uibrouter:doRoute] manual: ${currentHash} => ${this.keepHashFromUrl(routeSource)}. Current: ${currentHash}` )\n            newRouteId = this.keepHashFromUrl(routeSource)\n            oldRouteId = currentHash\n            // If no hash & config has default, set the default as new\n            if (newRouteId === '' && this.config.defaultRoute) newRouteId = this.config.defaultRoute\n            // If the new route id not the same as the current one in the url hash, just change the current hash & exit\n            if (newRouteId !== currentHash ) {\n                window.location.hash = `#${newRouteId}`\n                return\n            }\n        } else if (routeSource.type === 'hashchange') { // A URL Hash change event\n            // console.log(`[uibrouter:doRoute] hashchange: ${this.keepHashFromUrl(routeSource.oldURL)} => ${this.keepHashFromUrl(routeSource.newURL)}. Current: ${currentHash}` )\n            const newUrl = routeSource.newURL\n            // Check if URL actually contains a #\n            if (newUrl.includes('#')) {\n                oldRouteId = this.keepHashFromUrl(routeSource.oldURL)\n                newRouteId = this.keepHashFromUrl(newUrl) // Only keep anything after the # & ignoring query params\n            } else return\n        } else { // A mouse click/touch event on a dom element with an href attribute\n            oldRouteId = currentHash\n            // Try to get the route name from the URL hash\n            try {\n                newRouteId = this.keepHashFromUrl(routeSource.target.attributes.href.value) // Only keep anything after the # & ignoring query params\n            } catch (e) {\n                throw new Error('[uibrouter:doRoute] No valid route found. Event.target does not have an href attribute')\n            }\n        }\n\n        let routeShown = false\n\n        // If no defined valid route, undo and throw error\n        if (!newRouteId || !this.routeList().includes(newRouteId)) {\n            // Events on route change fail ...\n            document.dispatchEvent(new CustomEvent('uibrouter:route-change-failed', { detail: { newRouteId, oldRouteId } }))\n            if (uibuilder) uibuilder.set('uibrouter', 'route change failed') // eslint-disable-line no-undef\n\n            window.location.hash = oldRouteId ? `#${oldRouteId}` : ''\n            throw new Error(`[uibrouter:doRoute] No valid route found. Either pass a valid route name or an event from an element having an href of '#routename'. Route id requested: '${newRouteId}'`)\n        }\n\n        // Show the new container (replace or show)\n        if (this.config.hide) {\n            // config.hide = true so hide previous contents\n            if (oldRouteId) {\n                /** @type {HTMLElement|null} */\n                const oldContent = document.querySelector(`div[data-route=\"${oldRouteId}\"]`)\n                if (oldContent) oldContent.style.display = 'none'\n            }\n            /** and unhide new route if possible @type {HTMLElement|null} */\n            const content = document.querySelector(`div[data-route=\"${newRouteId}\"]`)\n            if (content) {\n                content.style.removeProperty('display')\n                routeShown = true\n            } else {\n                // else create new content from template\n                routeShown = this._createRouteContent(newRouteId)\n            }\n        } else {\n            // config.hide != true so remove previous contents\n            container.replaceChildren()\n            // Create new content from template\n            routeShown = this._createRouteContent(newRouteId)\n        }\n\n        // console.log({ newRouteId, oldRouteId, currentHash, routeShown })\n\n        // Roll back the route change if the new route cannot be shown\n        if (routeShown === false) {\n            // Events on route change fail ...\n            document.dispatchEvent(new CustomEvent('uibrouter:route-change-failed', { detail: { newRouteId, oldRouteId } }))\n            if (uibuilder) uibuilder.set('uibrouter', 'route change failed') // eslint-disable-line no-undef\n\n            window.location.hash = oldRouteId ? `#${oldRouteId}` : ''\n            return\n        }\n\n        // Retain current and previous route id's\n        this.currentRouteId = newRouteId\n        this.previousRouteId = oldRouteId\n\n        // Record the current route on the route container\n        container.dataset.currentRoute = newRouteId\n\n        // Events on route changed ...\n        document.dispatchEvent(new CustomEvent('uibrouter:route-changed', { detail: { newRouteId, oldRouteId } }))\n        if (uibuilder) uibuilder.set('uibrouter', 'route changed') // eslint-disable-line no-undef\n    }\n\n    /** Return a route config given a route id (returns undefined if route not found)\n     * @param {string} routeId Route ID to search for\n     * @returns {routeDefinition|undefined} Route config for found id else undefined\n     */\n    getRouteConfigById(routeId) {\n        return Object.values(this.config.routes).filter(r => r.id === routeId)[0]\n    }\n\n    /** Return true if the given route is external, false otherwise\n     * Used to correctly (re)apply script tags when cloning the template to the DOM (createRouteContent)\n     * @param {string} routeId Route ID to check\n     * @returns {boolean} True if the given route is external, false otherwise\n     */\n    isRouteExternal(routeId) {\n        const routeConfig = this.getRouteConfigById(routeId)\n        return !!(routeConfig && routeConfig.type === 'url')\n    }\n\n    /** Go to the default route if it has been specified */\n    defaultRoute() {\n        if (this.config.defaultRoute) this.doRoute(this.config.defaultRoute)\n    }\n\n    removeHash() {\n        history.pushState('', document.title, window.location.pathname + window.location.search)\n    }\n\n    /** Empty the current container and remove url hash - does not trigger a route change */\n    noRoute() {\n        this.removeHash()\n        this.routeContainerEl.replaceChildren()\n    }\n\n    /** Only keep anything after the # & 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    /** Return an array of route ids (to facilitate creation of menus)\n     * @param {boolean} returnHash If true, returns id's with leading `#` to apply to href attributes else returns the id\n     * @returns {string[]} Array of route id's or route url hashes\n     */\n    routeList(returnHash) {\n        return Object.values(this.config.routes).map((r) => returnHash === true ? `#${r.id}` : r.id)\n    }\n\n    /** Add new route definitions to the existing ones\n     * @param {routeDefinition|routeDefinition[]} routeConfig Single or array of route definitions to add\n     */\n    addRoutes(routeConfig) {\n        if (!Array.isArray(routeConfig)) routeConfig = [routeConfig]\n        // Load all external route templates async in parallel - NB: Object.values works on both arrays and objects\n        // Note that final `then` is called even if no external routes are given\n        Promise.all(Object.values(routeConfig).filter(r => r.type === 'url').map(this._loadExternal)) // eslint-disable-line promise/catch-or-return\n            .then(this._appendExternalTemplates)\n            .then( () => { // eslint-disable-line promise/always-return\n                // Everything is loaded - Add new routes to config\n                this.config.routes.push(...routeConfig)\n                // Let everyone know it all finished\n                document.dispatchEvent(new CustomEvent('uibrouter:routes-added', { detail: routeConfig }))\n                if (uibuilder) uibuilder.set('uibrouter', 'routes added') // eslint-disable-line no-undef, promise/always-return\n            } )\n    }\n\n    // TODO\n    // deleteRoutes(aRoutes) {\n    //     // Delete all if no list provided\n    //     if (!aRoutes) aRoutes = this.config.routes\n    //     if (!Array.isArray(aRoutes)) aRoutes = [aRoutes]\n    //     console.log('to be deleted', this.config.routes.filter(r => aRoutes.includes(r.id)))\n    //     console.log('to be retained', this.config.routes.filter(r => !aRoutes.includes(r.id)))\n\n    //     // TODO actually remove the unwanted route templates\n    //     // TODO remove from the config: this.config.routes = this.config.routes.filter(r => !aRoutes.includes(r.id))\n\n    //     // ? Optional future upgrade - attempt to also remove any links to this route?\n    // }\n\n    // TODO\n    // deleteTemplates(templateIds) {\n    //     if (!Array.isArray(templateIds)) templateIds = [templateIds]\n    //     templateIds.forEach( templateid => {\n    //         // TODO delete\n    //     } )\n    // }\n\n    // TODO\n    // reloadTemplates(templateIds) {\n    //     if (!Array.isArray(templateIds)) templateIds = [templateIds]\n    //     templateIds.forEach( templateid => {\n    //         // TODO reload\n    //     } )\n    // }\n} // ---- End of class ----\n\n// For use in ESM loads\nexport { UibRouter }\nexport default UibRouter\n\n// Auto-assign for when the library is loaded via a script tag\nif (!window['UibRouter']) {\n    window['UibRouter'] = UibRouter\n} else {\n    console.warn('`UibRouter` already assigned to window. Have you tried to load it more than once?')\n}\n"],
+  "mappings": "ufAAA,IAAAA,EAiDMC,EAAN,KAAgB,CAsBZ,YAAYC,EAAc,CAhB1BC,EAAA,eAEAA,EAAA,yBAEAA,EAAA,uBAEAA,EAAA,wBAGAC,EAAA,KAAAJ,EAAa,IAUT,GAAI,CAAC,MAAO,MAAM,IAAI,MAAM,4GAA4G,EAExI,GAAI,CAACE,EAAc,MAAM,IAAI,MAAM,4CAA4C,EAC/E,GAAI,CAACA,EAAa,OAAQ,MAAM,IAAI,MAAM,4DAA4D,EAEjGA,EAAa,iBAAeA,EAAa,eAAiB,sBAG/D,KAAK,OAASA,EAEd,KAAK,mBAAmB,EAIxB,QAAQ,IAAI,OAAO,OAAOA,EAAa,MAAM,EAAE,OAAOG,GAAKA,EAAE,OAAS,KAAK,EAAE,IAAI,KAAK,aAAa,CAAC,EAC/F,KAAK,KAAK,wBAAwB,EAClC,KAAM,IAAM,CAET,KAAK,OAAO,CAChB,CAAE,CACV,CAGA,oBAAqB,CACjB,IAAMC,EAAO,SAAS,qBAAqB,MAAM,EAAE,CAAC,EAEhDC,EAAmB,KAAK,iBAAmB,SAAS,cAAc,KAAK,OAAO,cAAc,EAChG,GAAI,CAACA,EAAkB,CAEnB,IAAMC,EAAgB,SAAS,cAAc,KAAK,EAClDA,EAAc,aAAa,KAAM,KAAK,OAAO,eAAe,QAAQ,IAAK,EAAE,CAAC,EAC5EF,EAAK,OAAOE,CAAa,EACzBD,EAAmB,KAAK,iBAAmB,SAAS,cAAc,KAAK,OAAO,cAAc,CAChG,CACJ,CAKA,yBAAyBE,EAAgB,CACrC,IAAMC,EAAO,SAAS,qBAAqB,MAAM,EAAE,CAAC,EAEpDD,EAAe,QAAQE,GAAW,CAC1B,MAAM,QAAQA,CAAO,EACrB,QAAQ,MAAM,GAAGA,CAAO,EAExBD,EAAK,OAAOC,CAAO,CAE3B,CAAC,CACL,CAGA,QAAS,CACDC,EAAA,KAAKZ,KAAe,KAGxB,OAAO,iBAAiB,aAAea,GAAU,KAAK,YAAYA,CAAK,CAAE,EAEzE,KAAK,QAAQ,EAEb,SAAS,cAAc,IAAI,YAAY,kBAAkB,CAAC,EACtD,WAAW,UAAU,IAAI,YAAa,QAAQ,EAElDC,EAAA,KAAKd,EAAa,IACtB,CAKA,YAAYa,EAAO,CAEf,KAAK,QAAQA,CAAK,CACtB,CAOA,oBAAoBE,EAAS,CACzB,IAAMC,EAAW,SAAS,cAAc,IAAID,CAAO,EAAE,EACrD,GAAI,CAACC,EACD,eAAQ,MAAM,+EAA+ED,CAAO,gDAAgD,EAC7I,GAEX,IAAME,EAAUD,EAAS,QAAQ,UAAU,EAAI,EAE3C,KAAK,gBAAgBD,CAAO,GAAG,KAAK,cAAcE,CAAO,EAE7D,IAAMT,EAAgB,SAAS,cAAc,KAAK,EAClDA,EAAc,QAAQ,MAAQO,EAC9BP,EAAc,OAAOS,CAAO,EAE5B,GAAI,CACA,KAAK,iBAAiB,OAAOT,CAAa,CAC9C,OAASU,EAAG,CACR,eAAQ,MAAM,4DAA4DH,CAAO;AAAA,GAASG,EAAE,OAAO,EAAE,EAC9F,EACX,CACA,MAAO,EACX,CAOA,cAAcC,EAAiB,CAE3B,IAAMC,EAAKD,EAAgB,GAE3B,OAAO,MAAMA,EAAgB,GAAG,EAC3B,KAAKE,GAEEA,EAAS,KAAO,GAAc,CAACF,EAAgB,GAAIA,EAAgB,IAAKE,EAAS,OAAQA,EAAS,UAAU,EACzGA,EAAS,KAAK,CACxB,EACA,KAA4BC,GAAa,CACtC,GAAI,MAAM,QAAQA,CAAQ,EAAG,OAAOA,EAGpC,GAAI,CACA,IAAMC,EAAc,SAAS,cAAc,IAAIH,CAAE,EAAE,EAC/CG,GAAaA,EAAY,OAAO,CACxC,MAAY,CAAC,CAEb,IAAMf,EAAgB,SAAS,cAAc,UAAU,EACvD,OAAAA,EAAc,UAAYc,EAC1Bd,EAAc,aAAa,KAAMY,CAAE,EAC5BZ,CACX,CAAC,EACA,MAAMgB,GAAS,CACZ,QAAQ,MAAM,+DAA+DL,EAAgB,GAAG,IAAKK,CAAK,CAC9G,CAAC,CACT,CAKA,cAAchB,EAAe,CACTA,EAAc,iBAAiB,QAAQ,EAC/C,QAASiB,GAAO,CAChBA,EAAI,eAAeA,EAAI,cAAc,YAAYA,CAAG,EACxD,IAAMC,EAAY,SAAS,cAAc,QAAQ,EACjDA,EAAU,YAAcD,EAAI,UAC5BjB,EAAc,OAAOkB,CAAS,CAClC,CAAC,CACL,CAMA,QAAQC,EAAa,CACjB,IAAMC,EAAY,KAAK,iBACvB,GAAI,CAACA,EAAW,MAAM,IAAI,MAAM,uEAAuE,EAGvG,IAAMC,EAAc,KAAK,gBAAgB,OAAO,SAAS,IAAI,EAGxDF,IAAaA,EAAcE,GAEhC,IAAIC,EAAYC,EAGhB,GAAI,OAAOJ,GAAgB,UAOvB,GALAG,EAAa,KAAK,gBAAgBH,CAAW,EAC7CI,EAAaF,EAETC,IAAe,IAAM,KAAK,OAAO,eAAcA,EAAa,KAAK,OAAO,cAExEA,IAAeD,EAAc,CAC7B,OAAO,SAAS,KAAO,IAAIC,CAAU,GACrC,MACJ,UACOH,EAAY,OAAS,aAAc,CAE1C,IAAMK,EAASL,EAAY,OAE3B,GAAIK,EAAO,SAAS,GAAG,EACnBD,EAAa,KAAK,gBAAgBJ,EAAY,MAAM,EACpDG,EAAa,KAAK,gBAAgBE,CAAM,MACrC,OACX,KAAO,CACHD,EAAaF,EAEb,GAAI,CACAC,EAAa,KAAK,gBAAgBH,EAAY,OAAO,WAAW,KAAK,KAAK,CAC9E,MAAY,CACR,MAAM,IAAI,MAAM,wFAAwF,CAC5G,CACJ,CAEA,IAAIM,EAAa,GAGjB,GAAI,CAACH,GAAc,CAAC,KAAK,UAAU,EAAE,SAASA,CAAU,EAEpD,eAAS,cAAc,IAAI,YAAY,gCAAiC,CAAE,OAAQ,CAAE,WAAAA,EAAY,WAAAC,CAAW,CAAE,CAAC,CAAC,EAC3G,WAAW,UAAU,IAAI,YAAa,qBAAqB,EAE/D,OAAO,SAAS,KAAOA,EAAa,IAAIA,CAAU,GAAK,GACjD,IAAI,MAAM,6JAA6JD,CAAU,GAAG,EAI9L,GAAI,KAAK,OAAO,KAAM,CAElB,GAAIC,EAAY,CAEZ,IAAMG,EAAa,SAAS,cAAc,mBAAmBH,CAAU,IAAI,EACvEG,IAAYA,EAAW,MAAM,QAAU,OAC/C,CAEA,IAAMC,EAAU,SAAS,cAAc,mBAAmBL,CAAU,IAAI,EACpEK,GACAA,EAAQ,MAAM,eAAe,SAAS,EACtCF,EAAa,IAGbA,EAAa,KAAK,oBAAoBH,CAAU,CAExD,MAEIF,EAAU,gBAAgB,EAE1BK,EAAa,KAAK,oBAAoBH,CAAU,EAMpD,GAAIG,IAAe,GAAO,CAEtB,SAAS,cAAc,IAAI,YAAY,gCAAiC,CAAE,OAAQ,CAAE,WAAAH,EAAY,WAAAC,CAAW,CAAE,CAAC,CAAC,EAC3G,WAAW,UAAU,IAAI,YAAa,qBAAqB,EAE/D,OAAO,SAAS,KAAOA,EAAa,IAAIA,CAAU,GAAK,GACvD,MACJ,CAGA,KAAK,eAAiBD,EACtB,KAAK,gBAAkBC,EAGvBH,EAAU,QAAQ,aAAeE,EAGjC,SAAS,cAAc,IAAI,YAAY,0BAA2B,CAAE,OAAQ,CAAE,WAAAA,EAAY,WAAAC,CAAW,CAAE,CAAC,CAAC,EACrG,WAAW,UAAU,IAAI,YAAa,eAAe,CAC7D,CAMA,mBAAmBhB,EAAS,CACxB,OAAO,OAAO,OAAO,KAAK,OAAO,MAAM,EAAE,OAAOV,GAAKA,EAAE,KAAOU,CAAO,EAAE,CAAC,CAC5E,CAOA,gBAAgBA,EAAS,CACrB,IAAMqB,EAAc,KAAK,mBAAmBrB,CAAO,EACnD,MAAO,CAAC,EAAEqB,GAAeA,EAAY,OAAS,MAClD,CAGA,cAAe,CACP,KAAK,OAAO,cAAc,KAAK,QAAQ,KAAK,OAAO,YAAY,CACvE,CAEA,YAAa,CACT,QAAQ,UAAU,GAAI,SAAS,MAAO,OAAO,SAAS,SAAW,OAAO,SAAS,MAAM,CAC3F,CAGA,SAAU,CACN,KAAK,WAAW,EAChB,KAAK,iBAAiB,gBAAgB,CAC1C,CAMA,gBAAgBC,EAAK,CACjB,OAAKA,EACEA,EAAI,QAAQ,WAAY,IAAI,EAAE,QAAQ,QAAS,EAAE,EADvC,EAErB,CAMA,UAAUC,EAAY,CAClB,OAAO,OAAO,OAAO,KAAK,OAAO,MAAM,EAAE,IAAKjC,GAAMiC,IAAe,GAAO,IAAIjC,EAAE,EAAE,GAAKA,EAAE,EAAE,CAC/F,CAKA,UAAU+B,EAAa,CACd,MAAM,QAAQA,CAAW,IAAGA,EAAc,CAACA,CAAW,GAG3D,QAAQ,IAAI,OAAO,OAAOA,CAAW,EAAE,OAAO/B,GAAKA,EAAE,OAAS,KAAK,EAAE,IAAI,KAAK,aAAa,CAAC,EACvF,KAAK,KAAK,wBAAwB,EAClC,KAAM,IAAM,CAET,KAAK,OAAO,OAAO,KAAK,GAAG+B,CAAW,EAEtC,SAAS,cAAc,IAAI,YAAY,yBAA0B,CAAE,OAAQA,CAAY,CAAC,CAAC,EACrF,WAAW,UAAU,IAAI,YAAa,cAAc,CAC5D,CAAE,CACV,CA+BJ,EA1WIpC,EAAA,YAZAG,EAHEF,EAGK,UAAU,SA0XrB,IAAOsC,EAAQC,EAGV,OAAO,UAGR,QAAQ,KAAK,mFAAmF,EAFhG,OAAO,UAAeA",
+  "names": ["_startDone", "UibRouter", "routerConfig", "__publicField", "__privateAdd", "r", "body", "routeContainerEl", "tempContainer", "loadedElements", "head", "element", "__privateGet", "event", "__privateSet", "routeId", "rContent", "docFrag", "e", "routeDefinition", "id", "response", "htmlText", "chkTemplate", "error", "scr", "newScript", "routeSource", "container", "currentHash", "newRouteId", "oldRouteId", "newUrl", "routeShown", "oldContent", "content", "routeConfig", "url", "returnHash", "uibrouter_default", "UibRouter"]
+}
diff --git a/front-end/utils/uibrouter.iife.js b/front-end/utils/uibrouter.iife.js
new file mode 100644
index 00000000..bbc6b38b
--- /dev/null
+++ b/front-end/utils/uibrouter.iife.js
@@ -0,0 +1,338 @@
+(() => {
+  var __defProp = Object.defineProperty;
+  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __publicField = (obj, key, value) => {
+    __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+    return value;
+  };
+  var __accessCheck = (obj, member, msg) => {
+    if (!member.has(obj))
+      throw TypeError("Cannot " + msg);
+  };
+  var __privateGet = (obj, member, getter) => {
+    __accessCheck(obj, member, "read from private field");
+    return getter ? getter.call(obj) : member.get(obj);
+  };
+  var __privateAdd = (obj, member, value) => {
+    if (member.has(obj))
+      throw TypeError("Cannot add the same private member more than once");
+    member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+  };
+  var __privateSet = (obj, member, value, setter) => {
+    __accessCheck(obj, member, "write to private field");
+    setter ? setter.call(obj, value) : member.set(obj, value);
+    return value;
+  };
+
+  // src/front-end-module/uibrouter.js
+  var _startDone;
+  var UibRouter = class {
+    //#endregion --- ----- ---
+    //#region --- Internal Methods ---
+    /** Class constructor
+     * @param {UibRouterConfig} routerConfig Configuration object
+     */
+    constructor(routerConfig) {
+      /** Configuration settings @type {UibRouterConfig} */
+      __publicField(this, "config");
+      /** Reference to the container DOM element - set in setup() @type {HTMLDivElement} */
+      __publicField(this, "routeContainerEl");
+      /** The current route id after doRoute() has been called */
+      __publicField(this, "currentRouteId");
+      /** The previous route id after doRoute() has been called */
+      __publicField(this, "previousRouteId");
+      /** Internal only. Set to true when the _start() method has been called */
+      __privateAdd(this, _startDone, false);
+      if (!fetch)
+        throw new Error("[uibrouter:constructor] UibRouter requires `fetch`. Please use a current browser or load a fetch polyfill.");
+      if (!routerConfig)
+        throw new Error("[uibrouter:constructor] No config provided");
+      if (!routerConfig.routes)
+        throw new Error("[uibrouter:constructor] No routes provided in routerConfig");
+      if (!routerConfig.routeContainer)
+        routerConfig.routeContainer = "#uibroutecontainer";
+      this.config = routerConfig;
+      this._setRouteContainer();
+      Promise.all(Object.values(routerConfig.routes).filter((r) => r.type === "url").map(this._loadExternal)).then(this._appendExternalTemplates).then(() => {
+        this._start();
+      });
+    }
+    /** Save a reference to, and create if necessary, the HTML element to hold routes */
+    _setRouteContainer() {
+      const body = document.getElementsByTagName("body")[0];
+      let routeContainerEl = this.routeContainerEl = document.querySelector(this.config.routeContainer);
+      if (!routeContainerEl) {
+        const tempContainer = document.createElement("div");
+        tempContainer.setAttribute("id", this.config.routeContainer.replace("#", ""));
+        body.append(tempContainer);
+        routeContainerEl = this.routeContainerEl = document.querySelector(this.config.routeContainer);
+      }
+    }
+    /** Load fetched external elements to templates tags under the head tag
+     * @param {HTMLElement[]} loadedElements Array of loaded external elements to add as templates to the head tag
+     */
+    _appendExternalTemplates(loadedElements) {
+      const head = document.getElementsByTagName("head")[0];
+      loadedElements.forEach((element) => {
+        if (Array.isArray(element)) {
+          console.error(...element);
+        } else {
+          head.append(element);
+        }
+      });
+    }
+    /** Called once all external templates have been loaded */
+    _start() {
+      if (__privateGet(this, _startDone) === true)
+        return;
+      window.addEventListener("hashchange", (event) => this._hashChange(event));
+      this.doRoute();
+      document.dispatchEvent(new CustomEvent("uibrouter:loaded"));
+      if (uibuilder)
+        uibuilder.set("uibrouter", "loaded");
+      __privateSet(this, _startDone, true);
+    }
+    /** Called when the URL Hash changes
+     * @param {HashChangeEvent} event URL Hash change event object
+     */
+    _hashChange(event) {
+      this.doRoute(event);
+    }
+    /** Create DOM route content from a route template (internal or external)
+     * Route templates have to be a `<template>` tag with an ID that matches the route id.
+     * @param {string} routeId ID of the route definition to use to create the content
+     * @returns {boolean} True if the route content was created successfully, false otherwise
+     */
+    _createRouteContent(routeId) {
+      const rContent = document.querySelector(`#${routeId}`);
+      if (!rContent) {
+        console.error(`[uibrouter:createRouteContent] No route template found for route selector '#${routeId}'. Does the link url match a defined route id?`);
+        return false;
+      }
+      const docFrag = rContent.content.cloneNode(true);
+      if (this.isRouteExternal(routeId))
+        this._applyScripts(docFrag);
+      const tempContainer = document.createElement("div");
+      tempContainer.dataset.route = routeId;
+      tempContainer.append(docFrag);
+      try {
+        this.routeContainerEl.append(tempContainer);
+      } catch (e) {
+        console.error(`[uibrouter:createRouteContent] Failed to apply route id '${routeId}'. 
+ ${e.message}`);
+        return false;
+      }
+      return true;
+    }
+    /** Loads an external HTML file into a `<template>` tag, adding the router id as the template id.
+     *  or returns an error array
+     * @param {routeDefinition} routeDefinition Configuration for a single route
+     * @returns {Promise<HTMLTemplateElement[]|[string,string,number,string]>} A promise that fulfills to an HTMLTemplateElement or an array containing error information
+     */
+    _loadExternal(routeDefinition) {
+      const id = routeDefinition.id;
+      return fetch(routeDefinition.src).then((response) => {
+        if (response.ok === false)
+          return [routeDefinition.id, routeDefinition.src, response.status, response.statusText];
+        return response.text();
+      }).then((htmlText) => {
+        if (Array.isArray(htmlText))
+          return htmlText;
+        try {
+          const chkTemplate = document.querySelector(`#${id}`);
+          if (chkTemplate)
+            chkTemplate.remove();
+        } catch (e) {
+        }
+        const tempContainer = document.createElement("template");
+        tempContainer.innerHTML = htmlText;
+        tempContainer.setAttribute("id", id);
+        return tempContainer;
+      }).catch((error) => {
+        console.error(`[uibrouter:loadHTML] Error loading route template HTML from ${routeDefinition.src}:`, error);
+      });
+    }
+    /** Remove/re-apply scripts in a container Element so that they are executed.
+     * @param {HTMLElement} tempContainer HTML Element of container to process
+     */
+    _applyScripts(tempContainer) {
+      const scripts = tempContainer.querySelectorAll("script");
+      scripts.forEach((scr) => {
+        if (scr.parentElement)
+          scr.parentElement.removeChild(scr);
+        const newScript = document.createElement("script");
+        newScript.textContent = scr.innerText;
+        tempContainer.append(newScript);
+      });
+    }
+    //#endregion --- ----- --
+    /** Process a routing request
+     * @param {PointerEvent|MouseEvent|HashChangeEvent|TouchEvent|string} routeSource Either string containing route id or DOM Event object either click/touch on element containing `href="#routeid"` or Hash URL change event
+     */
+    doRoute(routeSource) {
+      const container = this.routeContainerEl;
+      if (!container)
+        throw new Error("[uibrouter:doRoute] Cannot route, has router.setup() been called yet?");
+      const currentHash = this.keepHashFromUrl(window.location.hash);
+      if (!routeSource)
+        routeSource = currentHash;
+      let newRouteId, oldRouteId;
+      if (typeof routeSource === "string") {
+        newRouteId = this.keepHashFromUrl(routeSource);
+        oldRouteId = currentHash;
+        if (newRouteId === "" && this.config.defaultRoute)
+          newRouteId = this.config.defaultRoute;
+        if (newRouteId !== currentHash) {
+          window.location.hash = `#${newRouteId}`;
+          return;
+        }
+      } else if (routeSource.type === "hashchange") {
+        const newUrl = routeSource.newURL;
+        if (newUrl.includes("#")) {
+          oldRouteId = this.keepHashFromUrl(routeSource.oldURL);
+          newRouteId = this.keepHashFromUrl(newUrl);
+        } else
+          return;
+      } else {
+        oldRouteId = currentHash;
+        try {
+          newRouteId = this.keepHashFromUrl(routeSource.target.attributes.href.value);
+        } catch (e) {
+          throw new Error("[uibrouter:doRoute] No valid route found. Event.target does not have an href attribute");
+        }
+      }
+      let routeShown = false;
+      if (!newRouteId || !this.routeList().includes(newRouteId)) {
+        document.dispatchEvent(new CustomEvent("uibrouter:route-change-failed", { detail: { newRouteId, oldRouteId } }));
+        if (uibuilder)
+          uibuilder.set("uibrouter", "route change failed");
+        window.location.hash = oldRouteId ? `#${oldRouteId}` : "";
+        throw new Error(`[uibrouter:doRoute] No valid route found. Either pass a valid route name or an event from an element having an href of '#routename'. Route id requested: '${newRouteId}'`);
+      }
+      if (this.config.hide) {
+        if (oldRouteId) {
+          const oldContent = document.querySelector(`div[data-route="${oldRouteId}"]`);
+          if (oldContent)
+            oldContent.style.display = "none";
+        }
+        const content = document.querySelector(`div[data-route="${newRouteId}"]`);
+        if (content) {
+          content.style.removeProperty("display");
+          routeShown = true;
+        } else {
+          routeShown = this._createRouteContent(newRouteId);
+        }
+      } else {
+        container.replaceChildren();
+        routeShown = this._createRouteContent(newRouteId);
+      }
+      if (routeShown === false) {
+        document.dispatchEvent(new CustomEvent("uibrouter:route-change-failed", { detail: { newRouteId, oldRouteId } }));
+        if (uibuilder)
+          uibuilder.set("uibrouter", "route change failed");
+        window.location.hash = oldRouteId ? `#${oldRouteId}` : "";
+        return;
+      }
+      this.currentRouteId = newRouteId;
+      this.previousRouteId = oldRouteId;
+      container.dataset.currentRoute = newRouteId;
+      document.dispatchEvent(new CustomEvent("uibrouter:route-changed", { detail: { newRouteId, oldRouteId } }));
+      if (uibuilder)
+        uibuilder.set("uibrouter", "route changed");
+    }
+    /** Return a route config given a route id (returns undefined if route not found)
+     * @param {string} routeId Route ID to search for
+     * @returns {routeDefinition|undefined} Route config for found id else undefined
+     */
+    getRouteConfigById(routeId) {
+      return Object.values(this.config.routes).filter((r) => r.id === routeId)[0];
+    }
+    /** Return true if the given route is external, false otherwise
+     * Used to correctly (re)apply script tags when cloning the template to the DOM (createRouteContent)
+     * @param {string} routeId Route ID to check
+     * @returns {boolean} True if the given route is external, false otherwise
+     */
+    isRouteExternal(routeId) {
+      const routeConfig = this.getRouteConfigById(routeId);
+      return !!(routeConfig && routeConfig.type === "url");
+    }
+    /** Go to the default route if it has been specified */
+    defaultRoute() {
+      if (this.config.defaultRoute)
+        this.doRoute(this.config.defaultRoute);
+    }
+    removeHash() {
+      history.pushState("", document.title, window.location.pathname + window.location.search);
+    }
+    /** Empty the current container and remove url hash - does not trigger a route change */
+    noRoute() {
+      this.removeHash();
+      this.routeContainerEl.replaceChildren();
+    }
+    /** Only keep anything after the # & ignoring query params
+     * @param {string} url URL to extract the hash from
+     * @returns {string} Just the route id
+     */
+    keepHashFromUrl(url) {
+      if (!url)
+        return "";
+      return url.replace(/^.*#(.*)/, "$1").replace(/\?.*$/, "");
+    }
+    /** Return an array of route ids (to facilitate creation of menus)
+     * @param {boolean} returnHash If true, returns id's with leading `#` to apply to href attributes else returns the id
+     * @returns {string[]} Array of route id's or route url hashes
+     */
+    routeList(returnHash) {
+      return Object.values(this.config.routes).map((r) => returnHash === true ? `#${r.id}` : r.id);
+    }
+    /** Add new route definitions to the existing ones
+     * @param {routeDefinition|routeDefinition[]} routeConfig Single or array of route definitions to add
+     */
+    addRoutes(routeConfig) {
+      if (!Array.isArray(routeConfig))
+        routeConfig = [routeConfig];
+      Promise.all(Object.values(routeConfig).filter((r) => r.type === "url").map(this._loadExternal)).then(this._appendExternalTemplates).then(() => {
+        this.config.routes.push(...routeConfig);
+        document.dispatchEvent(new CustomEvent("uibrouter:routes-added", { detail: routeConfig }));
+        if (uibuilder)
+          uibuilder.set("uibrouter", "routes added");
+      });
+    }
+    // TODO
+    // deleteRoutes(aRoutes) {
+    //     // Delete all if no list provided
+    //     if (!aRoutes) aRoutes = this.config.routes
+    //     if (!Array.isArray(aRoutes)) aRoutes = [aRoutes]
+    //     console.log('to be deleted', this.config.routes.filter(r => aRoutes.includes(r.id)))
+    //     console.log('to be retained', this.config.routes.filter(r => !aRoutes.includes(r.id)))
+    //     // TODO actually remove the unwanted route templates
+    //     // TODO remove from the config: this.config.routes = this.config.routes.filter(r => !aRoutes.includes(r.id))
+    //     // ? Optional future upgrade - attempt to also remove any links to this route?
+    // }
+    // TODO
+    // deleteTemplates(templateIds) {
+    //     if (!Array.isArray(templateIds)) templateIds = [templateIds]
+    //     templateIds.forEach( templateid => {
+    //         // TODO delete
+    //     } )
+    // }
+    // TODO
+    // reloadTemplates(templateIds) {
+    //     if (!Array.isArray(templateIds)) templateIds = [templateIds]
+    //     templateIds.forEach( templateid => {
+    //         // TODO reload
+    //     } )
+    // }
+  };
+  _startDone = new WeakMap();
+  // eslint-disable-line no-unused-vars
+  //#region --- Variables ---
+  /** Class version */
+  __publicField(UibRouter, "version", "1.0.0");
+  var uibrouter_default = UibRouter;
+  if (!window["UibRouter"]) {
+    window["UibRouter"] = UibRouter;
+  } else {
+    console.warn("`UibRouter` already assigned to window. Have you tried to load it more than once?");
+  }
+})();
diff --git a/front-end/utils/uibrouter.iife.min.js b/front-end/utils/uibrouter.iife.min.js
new file mode 100644
index 00000000..a1a661c8
--- /dev/null
+++ b/front-end/utils/uibrouter.iife.min.js
@@ -0,0 +1,3 @@
+(()=>{var E=Object.defineProperty;var b=(n,e,t)=>e in n?E(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var u=(n,e,t)=>(b(n,typeof e!="symbol"?e+"":e,t),t),h=(n,e,t)=>{if(!e.has(n))throw TypeError("Cannot "+t)};var f=(n,e,t)=>(h(n,e,"read from private field"),t?t.call(n):e.get(n)),p=(n,e,t)=>{if(e.has(n))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(n):e.set(n,t)},m=(n,e,t,r)=>(h(n,e,"write to private field"),r?r.call(n,t):e.set(n,t),t);var d,s=class{constructor(e){u(this,"config");u(this,"routeContainerEl");u(this,"currentRouteId");u(this,"previousRouteId");p(this,d,!1);if(!fetch)throw new Error("[uibrouter:constructor] UibRouter requires `fetch`. Please use a current browser or load a fetch polyfill.");if(!e)throw new Error("[uibrouter:constructor] No config provided");if(!e.routes)throw new Error("[uibrouter:constructor] No routes provided in routerConfig");e.routeContainer||(e.routeContainer="#uibroutecontainer"),this.config=e,this._setRouteContainer(),Promise.all(Object.values(e.routes).filter(t=>t.type==="url").map(this._loadExternal)).then(this._appendExternalTemplates).then(()=>{this._start()})}_setRouteContainer(){let e=document.getElementsByTagName("body")[0],t=this.routeContainerEl=document.querySelector(this.config.routeContainer);if(!t){let r=document.createElement("div");r.setAttribute("id",this.config.routeContainer.replace("#","")),e.append(r),t=this.routeContainerEl=document.querySelector(this.config.routeContainer)}}_appendExternalTemplates(e){let t=document.getElementsByTagName("head")[0];e.forEach(r=>{Array.isArray(r)?console.error(...r):t.append(r)})}_start(){f(this,d)!==!0&&(window.addEventListener("hashchange",e=>this._hashChange(e)),this.doRoute(),document.dispatchEvent(new CustomEvent("uibrouter:loaded")),uibuilder&&uibuilder.set("uibrouter","loaded"),m(this,d,!0))}_hashChange(e){this.doRoute(e)}_createRouteContent(e){let t=document.querySelector(`#${e}`);if(!t)return console.error(`[uibrouter:createRouteContent] No route template found for route selector '#${e}'. Does the link url match a defined route id?`),!1;let r=t.content.cloneNode(!0);this.isRouteExternal(e)&&this._applyScripts(r);let o=document.createElement("div");o.dataset.route=e,o.append(r);try{this.routeContainerEl.append(o)}catch(i){return console.error(`[uibrouter:createRouteContent] Failed to apply route id '${e}'. 
+ ${i.message}`),!1}return!0}_loadExternal(e){let t=e.id;return fetch(e.src).then(r=>r.ok===!1?[e.id,e.src,r.status,r.statusText]:r.text()).then(r=>{if(Array.isArray(r))return r;try{let i=document.querySelector(`#${t}`);i&&i.remove()}catch{}let o=document.createElement("template");return o.innerHTML=r,o.setAttribute("id",t),o}).catch(r=>{console.error(`[uibrouter:loadHTML] Error loading route template HTML from ${e.src}:`,r)})}_applyScripts(e){e.querySelectorAll("script").forEach(r=>{r.parentElement&&r.parentElement.removeChild(r);let o=document.createElement("script");o.textContent=r.innerText,e.append(o)})}doRoute(e){let t=this.routeContainerEl;if(!t)throw new Error("[uibrouter:doRoute] Cannot route, has router.setup() been called yet?");let r=this.keepHashFromUrl(window.location.hash);e||(e=r);let o,i;if(typeof e=="string"){if(o=this.keepHashFromUrl(e),i=r,o===""&&this.config.defaultRoute&&(o=this.config.defaultRoute),o!==r){window.location.hash=`#${o}`;return}}else if(e.type==="hashchange"){let a=e.newURL;if(a.includes("#"))i=this.keepHashFromUrl(e.oldURL),o=this.keepHashFromUrl(a);else return}else{i=r;try{o=this.keepHashFromUrl(e.target.attributes.href.value)}catch{throw new Error("[uibrouter:doRoute] No valid route found. Event.target does not have an href attribute")}}let l=!1;if(!o||!this.routeList().includes(o))throw document.dispatchEvent(new CustomEvent("uibrouter:route-change-failed",{detail:{newRouteId:o,oldRouteId:i}})),uibuilder&&uibuilder.set("uibrouter","route change failed"),window.location.hash=i?`#${i}`:"",new Error(`[uibrouter:doRoute] No valid route found. Either pass a valid route name or an event from an element having an href of '#routename'. Route id requested: '${o}'`);if(this.config.hide){if(i){let c=document.querySelector(`div[data-route="${i}"]`);c&&(c.style.display="none")}let a=document.querySelector(`div[data-route="${o}"]`);a?(a.style.removeProperty("display"),l=!0):l=this._createRouteContent(o)}else t.replaceChildren(),l=this._createRouteContent(o);if(l===!1){document.dispatchEvent(new CustomEvent("uibrouter:route-change-failed",{detail:{newRouteId:o,oldRouteId:i}})),uibuilder&&uibuilder.set("uibrouter","route change failed"),window.location.hash=i?`#${i}`:"";return}this.currentRouteId=o,this.previousRouteId=i,t.dataset.currentRoute=o,document.dispatchEvent(new CustomEvent("uibrouter:route-changed",{detail:{newRouteId:o,oldRouteId:i}})),uibuilder&&uibuilder.set("uibrouter","route changed")}getRouteConfigById(e){return Object.values(this.config.routes).filter(t=>t.id===e)[0]}isRouteExternal(e){let t=this.getRouteConfigById(e);return!!(t&&t.type==="url")}defaultRoute(){this.config.defaultRoute&&this.doRoute(this.config.defaultRoute)}removeHash(){history.pushState("",document.title,window.location.pathname+window.location.search)}noRoute(){this.removeHash(),this.routeContainerEl.replaceChildren()}keepHashFromUrl(e){return e?e.replace(/^.*#(.*)/,"$1").replace(/\?.*$/,""):""}routeList(e){return Object.values(this.config.routes).map(t=>e===!0?`#${t.id}`:t.id)}addRoutes(e){Array.isArray(e)||(e=[e]),Promise.all(Object.values(e).filter(t=>t.type==="url").map(this._loadExternal)).then(this._appendExternalTemplates).then(()=>{this.config.routes.push(...e),document.dispatchEvent(new CustomEvent("uibrouter:routes-added",{detail:e})),uibuilder&&uibuilder.set("uibrouter","routes added")})}};d=new WeakMap,u(s,"version","1.0.0");var y=s;window.UibRouter?console.warn("`UibRouter` already assigned to window. Have you tried to load it more than once?"):window.UibRouter=s;})();
+//# sourceMappingURL=uibrouter.iife.min.js.map
diff --git a/front-end/utils/uibrouter.iife.min.js.map b/front-end/utils/uibrouter.iife.min.js.map
new file mode 100644
index 00000000..c711add5
--- /dev/null
+++ b/front-end/utils/uibrouter.iife.min.js.map
@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["src/front-end-module/uibrouter.js"],
+  "sourcesContent": ["// @ts-nocheck\n/** A simple, vanilla JavaScript front-end router class\n * Included in node-red-contrib-uibuilder but is not dependent on it.\n * May be used in other contexts as desired.\n * \n * Copyright (c) 2023-2023 Julian Knight (Totally Information)\n * https://it.knightnet.org.uk\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/** ---------------------------------------------------------------------\n * TODO\n * Methods needed:\n *   Delete route\n *   Update/reload route\n *   shutdown - that removes all elements\n *   delete templates - unloads a list of (or all) templates\n *   reload templates - to facilitate updates of a list of (or all) templates\n * Additional options:\n *   unload templates after they are added to the route container. Only if hide=true. `unload: true`\n *   Maybe: options to auto-load js and css files with the same name as a template file.\n * ---------------------------------------------------------------------  */\n\n/** Type definitions\n * routeConfig\n * @typedef {object} routeDefinition Single route configuration\n * @property {string} id REQUIRED. Route ID\n * @property {string} src REQUIRED. CSS Selector for template tag routes, url for external routes\n * @property {\"url\"|undefined} [type] OPTIONAL. \"url\" for external routes\n * UibRouterConfig\n * @typedef {object} UibRouterConfig Configuration for the UiBRouter class instances\n * @property {routeDefinition[]} routes REQUIRED. Array of route definitions\n * @property {string} [defaultRoute] OPTIONAL. If set to a route id, that route will be automatically shown on load\n * @property {string} [routeContainer] OPTIONAL. CSS Selector for an HTML Element containing routes\n * @property {boolean} [hide] OPTIONAL. If TRUE, routes will be hidden/shown on change instead of removed/added\n * @property {boolean} [unload] OPTIONAL. If TRUE, route templates will be unloaded from DOM after access. Only useful with the `hide` option\n */\n\nclass UibRouter { // eslint-disable-line no-unused-vars\n    //#region --- Variables ---\n    /** Class version */\n    static version = '1.0.0'\n\n    /** Configuration settings @type {UibRouterConfig} */\n    config\n    /** Reference to the container DOM element - set in setup() @type {HTMLDivElement} */\n    routeContainerEl\n    /** The current route id after doRoute() has been called */\n    currentRouteId\n    /** The previous route id after doRoute() has been called */\n    previousRouteId\n\n    /** Internal only. Set to true when the _start() method has been called */\n    #startDone = false\n    //#endregion --- ----- ---\n\n    //#region --- Internal Methods ---\n    /** Class constructor\n     * @param {UibRouterConfig} routerConfig Configuration object\n     */\n    constructor(routerConfig) {\n        // Fetch is on desktop browsers since 2017 at latest. Not so much on mobile (Android!)\n        // May need a polyfill on mobile or old browsers.\n        if (!fetch) throw new Error('[uibrouter:constructor] UibRouter requires `fetch`. Please use a current browser or load a fetch polyfill.')\n\n        if (!routerConfig) throw new Error('[uibrouter:constructor] No config provided')\n        if (!routerConfig.routes) throw new Error('[uibrouter:constructor] No routes provided in routerConfig')\n        // Add a default route container uf needed\n        if (!routerConfig.routeContainer)routerConfig.routeContainer = '#uibroutecontainer'\n\n        // Save the config\n        this.config = routerConfig\n        // Create/access the route container element, sets this.routeContainerEl\n        this._setRouteContainer()\n\n        // Load all external route templates async in parallel - NB: Object.values works on both arrays and objects\n        // Note that final `then` is called even if no external routes are given\n        Promise.all(Object.values(routerConfig.routes).filter(r => r.type === 'url').map(this._loadExternal)) // eslint-disable-line promise/catch-or-return\n            .then(this._appendExternalTemplates)\n            .then( () => { // eslint-disable-line promise/always-return\n                // Everything is loaded so we can start\n                this._start()\n            } )\n    }\n\n    /** Save a reference to, and create if necessary, the HTML element to hold routes */\n    _setRouteContainer() {\n        const body = document.getElementsByTagName('body')[0]\n        // Get reference to route container or create it\n        let routeContainerEl = this.routeContainerEl = document.querySelector(this.config.routeContainer)\n        if (!routeContainerEl) {\n            // throw new Error(`Route container element with CSS selector '${routerConfig.routeContainer}' not found in HTML`)\n            const tempContainer = document.createElement('div')\n            tempContainer.setAttribute('id', this.config.routeContainer.replace('#', ''))\n            body.append(tempContainer)\n            routeContainerEl = this.routeContainerEl = document.querySelector(this.config.routeContainer)\n        }\n    }\n\n    /** Load fetched external elements to templates tags under the head tag\n     * @param {HTMLElement[]} loadedElements Array of loaded external elements to add as templates to the head tag\n     */\n    _appendExternalTemplates(loadedElements) {\n        const head = document.getElementsByTagName('head')[0]\n        // Append the loaded content to the main container\n        loadedElements.forEach(element => {\n            if (Array.isArray(element)) {\n                console.error(...element)\n            } else {\n                head.append(element)\n            }\n        })\n    }\n\n    /** Called once all external templates have been loaded */\n    _start() {\n        if (this.#startDone === true) return // Don't run this again\n\n        // Listen for url hash changes and process route change\n        window.addEventListener('hashchange', (event) => this._hashChange(event) )\n        // Go to default route if no route in url and if a default is defined or ensure current route is shown\n        this.doRoute()\n        // Events on fully loaded ...\n        document.dispatchEvent(new CustomEvent('uibrouter:loaded'))\n        if (uibuilder) uibuilder.set('uibrouter', 'loaded') // eslint-disable-line no-undef\n\n        this.#startDone = true // Don't run this again\n    }\n\n    /** Called when the URL Hash changes\n     * @param {HashChangeEvent} event URL Hash change event object\n     */\n    _hashChange(event) {\n        // console.log(`[uibrouter] hashchange: ${this.keepHashFromUrl(event.oldURL)} => ${this.keepHashFromUrl(event.newURL)}` )\n        this.doRoute(event)\n    }\n\n    /** Create DOM route content from a route template (internal or external)\n     * Route templates have to be a `<template>` tag with an ID that matches the route id.\n     * @param {string} routeId ID of the route definition to use to create the content\n     * @returns {boolean} True if the route content was created successfully, false otherwise\n     */\n    _createRouteContent(routeId) {\n        const rContent = document.querySelector(`#${routeId}`)\n        if (!rContent) {\n            console.error(`[uibrouter:createRouteContent] No route template found for route selector '#${routeId}'. Does the link url match a defined route id?`)\n            return false\n        }\n        const docFrag = rContent.content.cloneNode(true)\n        // Have to re-apply the scripts to make them run - only for external templates\n        if (this.isRouteExternal(routeId)) this._applyScripts(docFrag)\n        // Create the route wrapper div with data-route attrib\n        const tempContainer = document.createElement('div')\n        tempContainer.dataset.route = routeId\n        tempContainer.append(docFrag)\n        // And finally try to append to the container\n        try {\n            this.routeContainerEl.append(tempContainer)\n        } catch (e) {\n            console.error(`[uibrouter:createRouteContent] Failed to apply route id '${routeId}'. \\n ${e.message}`)\n            return false\n        }\n        return true\n    }\n\n    /** Loads an external HTML file into a `<template>` tag, adding the router id as the template id.\n     *  or returns an error array\n     * @param {routeDefinition} routeDefinition Configuration for a single route\n     * @returns {Promise<HTMLTemplateElement[]|[string,string,number,string]>} A promise that fulfills to an HTMLTemplateElement or an array containing error information\n     */\n    _loadExternal(routeDefinition) {\n        // const id = singleConfig.src.split('/').pop().replace('.html','')\n        const id = routeDefinition.id\n        // @ts-ignore\n        return fetch(routeDefinition.src)\n            .then(response => {\n                // Fetch failed?\n                if (response.ok === false) return [routeDefinition.id, routeDefinition.src, response.status, response.statusText]\n                return response.text()\n            })\n            .then((/** @type {string} */ htmlText) => {\n                if (Array.isArray(htmlText)) return htmlText // if the fetch failed\n\n                // Check to see if template already exists, if so, remove it\n                try {\n                    const chkTemplate = document.querySelector(`#${id}`)\n                    if (chkTemplate) chkTemplate.remove()\n                } catch (e) {}\n\n                const tempContainer = document.createElement('template')\n                tempContainer.innerHTML = htmlText\n                tempContainer.setAttribute('id', id)\n                return tempContainer\n            })\n            .catch(error => {\n                console.error(`[uibrouter:loadHTML] Error loading route template HTML from ${routeDefinition.src}:`, error)\n            })\n    }\n\n    /** Remove/re-apply scripts in a container Element so that they are executed.\n     * @param {HTMLElement} tempContainer HTML Element of container to process\n     */\n    _applyScripts(tempContainer) {\n        const scripts = tempContainer.querySelectorAll('script')\n        scripts.forEach( scr => {\n            if (scr.parentElement) scr.parentElement.removeChild(scr)\n            const newScript = document.createElement('script')\n            newScript.textContent = scr.innerText\n            tempContainer.append(newScript)\n        })\n    }\n    //#endregion --- ----- --\n\n    /** Process a routing request\n     * @param {PointerEvent|MouseEvent|HashChangeEvent|TouchEvent|string} routeSource Either string containing route id or DOM Event object either click/touch on element containing `href=\"#routeid\"` or Hash URL change event\n     */\n    doRoute(routeSource) {\n        const container = this.routeContainerEl\n        if (!container) throw new Error('[uibrouter:doRoute] Cannot route, has router.setup() been called yet?')\n\n        // Remove all the url and query param text and any leading # - returns '' if no current hash\n        const currentHash = this.keepHashFromUrl(window.location.hash)\n\n        // If no route source provided, take the current hash (which might be '' and that will trigger the default route if defined)\n        if (!routeSource) routeSource = currentHash\n\n        let newRouteId, oldRouteId\n\n        // Define new and old routes depending on different call types\n        if (typeof routeSource === 'string') { // Manually provided route id\n            // console.log(`[uibrouter:doRoute] manual: ${currentHash} => ${this.keepHashFromUrl(routeSource)}. Current: ${currentHash}` )\n            newRouteId = this.keepHashFromUrl(routeSource)\n            oldRouteId = currentHash\n            // If no hash & config has default, set the default as new\n            if (newRouteId === '' && this.config.defaultRoute) newRouteId = this.config.defaultRoute\n            // If the new route id not the same as the current one in the url hash, just change the current hash & exit\n            if (newRouteId !== currentHash ) {\n                window.location.hash = `#${newRouteId}`\n                return\n            }\n        } else if (routeSource.type === 'hashchange') { // A URL Hash change event\n            // console.log(`[uibrouter:doRoute] hashchange: ${this.keepHashFromUrl(routeSource.oldURL)} => ${this.keepHashFromUrl(routeSource.newURL)}. Current: ${currentHash}` )\n            const newUrl = routeSource.newURL\n            // Check if URL actually contains a #\n            if (newUrl.includes('#')) {\n                oldRouteId = this.keepHashFromUrl(routeSource.oldURL)\n                newRouteId = this.keepHashFromUrl(newUrl) // Only keep anything after the # & ignoring query params\n            } else return\n        } else { // A mouse click/touch event on a dom element with an href attribute\n            oldRouteId = currentHash\n            // Try to get the route name from the URL hash\n            try {\n                newRouteId = this.keepHashFromUrl(routeSource.target.attributes.href.value) // Only keep anything after the # & ignoring query params\n            } catch (e) {\n                throw new Error('[uibrouter:doRoute] No valid route found. Event.target does not have an href attribute')\n            }\n        }\n\n        let routeShown = false\n\n        // If no defined valid route, undo and throw error\n        if (!newRouteId || !this.routeList().includes(newRouteId)) {\n            // Events on route change fail ...\n            document.dispatchEvent(new CustomEvent('uibrouter:route-change-failed', { detail: { newRouteId, oldRouteId } }))\n            if (uibuilder) uibuilder.set('uibrouter', 'route change failed') // eslint-disable-line no-undef\n\n            window.location.hash = oldRouteId ? `#${oldRouteId}` : ''\n            throw new Error(`[uibrouter:doRoute] No valid route found. Either pass a valid route name or an event from an element having an href of '#routename'. Route id requested: '${newRouteId}'`)\n        }\n\n        // Show the new container (replace or show)\n        if (this.config.hide) {\n            // config.hide = true so hide previous contents\n            if (oldRouteId) {\n                /** @type {HTMLElement|null} */\n                const oldContent = document.querySelector(`div[data-route=\"${oldRouteId}\"]`)\n                if (oldContent) oldContent.style.display = 'none'\n            }\n            /** and unhide new route if possible @type {HTMLElement|null} */\n            const content = document.querySelector(`div[data-route=\"${newRouteId}\"]`)\n            if (content) {\n                content.style.removeProperty('display')\n                routeShown = true\n            } else {\n                // else create new content from template\n                routeShown = this._createRouteContent(newRouteId)\n            }\n        } else {\n            // config.hide != true so remove previous contents\n            container.replaceChildren()\n            // Create new content from template\n            routeShown = this._createRouteContent(newRouteId)\n        }\n\n        // console.log({ newRouteId, oldRouteId, currentHash, routeShown })\n\n        // Roll back the route change if the new route cannot be shown\n        if (routeShown === false) {\n            // Events on route change fail ...\n            document.dispatchEvent(new CustomEvent('uibrouter:route-change-failed', { detail: { newRouteId, oldRouteId } }))\n            if (uibuilder) uibuilder.set('uibrouter', 'route change failed') // eslint-disable-line no-undef\n\n            window.location.hash = oldRouteId ? `#${oldRouteId}` : ''\n            return\n        }\n\n        // Retain current and previous route id's\n        this.currentRouteId = newRouteId\n        this.previousRouteId = oldRouteId\n\n        // Record the current route on the route container\n        container.dataset.currentRoute = newRouteId\n\n        // Events on route changed ...\n        document.dispatchEvent(new CustomEvent('uibrouter:route-changed', { detail: { newRouteId, oldRouteId } }))\n        if (uibuilder) uibuilder.set('uibrouter', 'route changed') // eslint-disable-line no-undef\n    }\n\n    /** Return a route config given a route id (returns undefined if route not found)\n     * @param {string} routeId Route ID to search for\n     * @returns {routeDefinition|undefined} Route config for found id else undefined\n     */\n    getRouteConfigById(routeId) {\n        return Object.values(this.config.routes).filter(r => r.id === routeId)[0]\n    }\n\n    /** Return true if the given route is external, false otherwise\n     * Used to correctly (re)apply script tags when cloning the template to the DOM (createRouteContent)\n     * @param {string} routeId Route ID to check\n     * @returns {boolean} True if the given route is external, false otherwise\n     */\n    isRouteExternal(routeId) {\n        const routeConfig = this.getRouteConfigById(routeId)\n        return !!(routeConfig && routeConfig.type === 'url')\n    }\n\n    /** Go to the default route if it has been specified */\n    defaultRoute() {\n        if (this.config.defaultRoute) this.doRoute(this.config.defaultRoute)\n    }\n\n    removeHash() {\n        history.pushState('', document.title, window.location.pathname + window.location.search)\n    }\n\n    /** Empty the current container and remove url hash - does not trigger a route change */\n    noRoute() {\n        this.removeHash()\n        this.routeContainerEl.replaceChildren()\n    }\n\n    /** Only keep anything after the # & 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    /** Return an array of route ids (to facilitate creation of menus)\n     * @param {boolean} returnHash If true, returns id's with leading `#` to apply to href attributes else returns the id\n     * @returns {string[]} Array of route id's or route url hashes\n     */\n    routeList(returnHash) {\n        return Object.values(this.config.routes).map((r) => returnHash === true ? `#${r.id}` : r.id)\n    }\n\n    /** Add new route definitions to the existing ones\n     * @param {routeDefinition|routeDefinition[]} routeConfig Single or array of route definitions to add\n     */\n    addRoutes(routeConfig) {\n        if (!Array.isArray(routeConfig)) routeConfig = [routeConfig]\n        // Load all external route templates async in parallel - NB: Object.values works on both arrays and objects\n        // Note that final `then` is called even if no external routes are given\n        Promise.all(Object.values(routeConfig).filter(r => r.type === 'url').map(this._loadExternal)) // eslint-disable-line promise/catch-or-return\n            .then(this._appendExternalTemplates)\n            .then( () => { // eslint-disable-line promise/always-return\n                // Everything is loaded - Add new routes to config\n                this.config.routes.push(...routeConfig)\n                // Let everyone know it all finished\n                document.dispatchEvent(new CustomEvent('uibrouter:routes-added', { detail: routeConfig }))\n                if (uibuilder) uibuilder.set('uibrouter', 'routes added') // eslint-disable-line no-undef, promise/always-return\n            } )\n    }\n\n    // TODO\n    // deleteRoutes(aRoutes) {\n    //     // Delete all if no list provided\n    //     if (!aRoutes) aRoutes = this.config.routes\n    //     if (!Array.isArray(aRoutes)) aRoutes = [aRoutes]\n    //     console.log('to be deleted', this.config.routes.filter(r => aRoutes.includes(r.id)))\n    //     console.log('to be retained', this.config.routes.filter(r => !aRoutes.includes(r.id)))\n\n    //     // TODO actually remove the unwanted route templates\n    //     // TODO remove from the config: this.config.routes = this.config.routes.filter(r => !aRoutes.includes(r.id))\n\n    //     // ? Optional future upgrade - attempt to also remove any links to this route?\n    // }\n\n    // TODO\n    // deleteTemplates(templateIds) {\n    //     if (!Array.isArray(templateIds)) templateIds = [templateIds]\n    //     templateIds.forEach( templateid => {\n    //         // TODO delete\n    //     } )\n    // }\n\n    // TODO\n    // reloadTemplates(templateIds) {\n    //     if (!Array.isArray(templateIds)) templateIds = [templateIds]\n    //     templateIds.forEach( templateid => {\n    //         // TODO reload\n    //     } )\n    // }\n} // ---- End of class ----\n\n// For use in ESM loads\nexport { UibRouter }\nexport default UibRouter\n\n// Auto-assign for when the library is loaded via a script tag\nif (!window['UibRouter']) {\n    window['UibRouter'] = UibRouter\n} else {\n    console.warn('`UibRouter` already assigned to window. Have you tried to load it more than once?')\n}\n"],
+  "mappings": "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",
+  "names": ["_startDone", "UibRouter", "routerConfig", "__publicField", "__privateAdd", "r", "body", "routeContainerEl", "tempContainer", "loadedElements", "head", "element", "__privateGet", "event", "__privateSet", "routeId", "rContent", "docFrag", "e", "routeDefinition", "id", "response", "htmlText", "chkTemplate", "error", "scr", "newScript", "routeSource", "container", "currentHash", "newRouteId", "oldRouteId", "newUrl", "routeShown", "oldContent", "content", "routeConfig", "url", "returnHash", "uibrouter_default", "UibRouter"]
+}
diff --git a/gulpfile.js b/gulpfile.js
index 7cbc6cc2..122fb568 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -71,7 +71,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 = '6.6.0'
+const release = '6.7.0'
 // Wanted node.js version - used for ESBUILD
 const nodeVersion = 'node14.14'
 
@@ -504,7 +504,7 @@ function packUiNode(cb) {
  * @param {Function} cb Callback
  */
 function buildUibVarIIFEmin(cb) {
-    src('src/components/uib-var/uib-var.js')
+    src('src/components/uib-var.js')
         .pipe(gulpEsbuild({
             outfile: 'uib-var.iife.min.js',
             bundle: true,
@@ -550,7 +550,7 @@ function buildUibVarIIFEmin(cb) {
  * @param {Function} cb Callback
  */
 function buildUibVarIIFE(cb) {
-    src('src/components/uib-var/uib-var.js')
+    src('src/components/uib-var.js')
         .pipe(gulpEsbuild({
             outfile: 'uib-var.iife.js',
             bundle: true,
@@ -578,6 +578,97 @@ function buildUibVarIIFE(cb) {
 
 //#endregion -- ---- --
 
+//#region -- ESbuild uibrouter --
+function buildUibRouterIIFE(cb) {
+    src(`${feModuleSrc}/uibrouter.js`)
+        .pipe(gulpEsbuild({
+            outfile: 'uibrouter.iife.js',
+            bundle: true,
+            format: 'iife',
+            platform: 'browser',
+            minify: false,
+            sourcemap: false,
+            target: [
+                'es2020',
+            ]
+        }))
+        .on('error', function(err) {
+            console.error('[buildUibRouterIIFE] ERROR ', err)
+            cb(err)
+        })
+        .pipe(dest('front-end/utils/'))
+        .on('end', function() {
+            cb()
+        })
+}
+function buildUibRouterIIFEmin(cb) {
+    src(`${feModuleSrc}/uibrouter.js`)
+        .pipe(gulpEsbuild({
+            outfile: 'uibrouter.iife.min.js',
+            bundle: true,
+            format: 'iife',
+            platform: 'browser',
+            minify: true,
+            sourcemap: true,
+            target: [
+                'es2020',
+            ]
+        }))
+        .on('error', function(err) {
+            console.error('[buildUibRouterIIFE] ERROR ', err)
+            cb(err)
+        })
+        .pipe(dest('front-end/utils/'))
+        .on('end', function() {
+            cb()
+        })
+}
+function buildUibRouterESM(cb) {
+    src(`${feModuleSrc}/uibrouter.js`)
+        .pipe(gulpEsbuild({
+            outfile: 'uibrouter.esm.js',
+            bundle: true,
+            format: 'esm',
+            platform: 'browser',
+            minify: false,
+            sourcemap: false,
+            target: [
+                'es2020',
+            ]
+        }))
+        .on('error', function(err) {
+            console.error('[buildUibRouterIIFE] ERROR ', err)
+            cb(err)
+        })
+        .pipe(dest('front-end/utils/'))
+        .on('end', function() {
+            cb()
+        })
+}
+function buildUibRouterESMmin(cb) {
+    src(`${feModuleSrc}/uibrouter.js`)
+        .pipe(gulpEsbuild({
+            outfile: 'uibrouter.esm.min.js',
+            bundle: true,
+            format: 'esm',
+            platform: 'browser',
+            minify: true,
+            sourcemap: true,
+            target: [
+                'es2020',
+            ]
+        }))
+        .on('error', function(err) {
+            console.error('[buildUibRouterIIFE] ERROR ', err)
+            cb(err)
+        })
+        .pipe(dest('front-end/utils/'))
+        .on('end', function() {
+            cb()
+        })
+}
+//#endregion -- ---- --
+
 //#region -- tests --
 /** Pack (Uglify) front-end IIFE ES6 task
  * @param {Function} cb Callback
@@ -728,7 +819,7 @@ function minifyBrandCSS(cb) {
 
 //#region ---- Build node panels ----
 
-/** Combine the parts of uibuilder.html */
+/** NO LONGER USED - Combine the parts of uibuilder.html */
 function buildPanelUib1(cb) {
     try {
         src('src/editor/uibuilder/editor.js')
@@ -937,7 +1028,8 @@ function buildPanelSave(cb) {
 
 // const buildme = parallel(buildPanelUib, buildPanelSender, buildPanelReceiver)
 const buildme = parallel(
-    series(buildPanelUib1, buildPanelUib2),
+    // series(buildPanelUib1, buildPanelUib2),
+    buildPanelUib2,
     buildPanelSender,
     buildPanelCache,
     buildPanelUibList,
@@ -986,11 +1078,13 @@ function watchme(cb) {
     // Re-pack uibuilderfe if it changes
     watch('src/front-end/uibuilderfe.dev.js', packfe)
     watch(['src/front-end-module/uibuilder.module.js'], parallel(packfeModuleMin, packfeModule, packfeIIFEmin, packfeIIFE))
-    watch('src/components/uib-var/uib-var.js', parallel(packfeModuleMin, packfeModule, packfeIIFEmin, packfeIIFE))
+    watch('src/front-end-module/uibrouter.js', parallel(buildUibRouterIIFE, buildUibRouterIIFEmin, buildUibRouterESM, buildUibRouterESMmin))
+    watch('src/components/uib-var.js', parallel(packfeModuleMin, packfeModule, packfeIIFEmin, packfeIIFE))
     watch(['src/front-end-module/ui.js'], parallel(packUiNode, packUiEsmMin, packUiEsm, packUiIIFEmin, packUiIIFE, packfeModuleMin, packfeModule, packfeIIFEmin, packfeIIFE))
-    watch(['src/editor/uibuilder/editor.js'], buildPanelUib1)
+    // watch(['src/editor/uibuilder/editor.js'], buildPanelUib1)
     // Re-combine uibuilder.html if the source changes
-    watch(['src/editor/uibuilder/*', '!src/editor/uibuilder/editor.js'], buildPanelUib2)
+    // watch(['src/editor/uibuilder/*', '!src/editor/uibuilder/editor.js'], buildPanelUib2)
+    watch(['src/editor/uibuilder/*'], buildPanelUib2)
     watch('src/editor/uib-sender/*', buildPanelSender)
     // watch('src/editor/uib-receiver/*', buildPanelReceiver)
     watch('src/editor/uib-cache/*', buildPanelCache)
@@ -1001,7 +1095,7 @@ function watchme(cb) {
     watch('src/editor/uib-html/*', buildPanelHTML)
     watch('src/editor/uib-save/*', buildPanelSave)
     watch('front-end/uib-brand.css', minifyBrandCSS)
-    // watch('src/components/uib-var/uib-var.js', parallel(buildUibVarIIFE, buildUibVarIIFEmin))
+    // watch('src/components/uib-var.js', parallel(buildUibVarIIFE, buildUibVarIIFEmin))
     // watch('src/libs/*', buildNodeLibs)
 
     cb()
diff --git a/nodes/libs/fs.js b/nodes/libs/fs.js
index e8bae01d..24d444c9 100644
--- a/nodes/libs/fs.js
+++ b/nodes/libs/fs.js
@@ -18,6 +18,12 @@
  */
 'use strict'
 
+// REFERENCES
+//  https://nodejs.org/docs/latest-v14.x/api/fs.html
+//  https://github.com/jprichardson/node-fs-extra
+//  https://github.com/jprichardson/node-jsonfile
+//  https://github.com/isaacs/node-graceful-fs
+
 /** --- Type Defs ---
  * @typedef {import('../../typedefs.js').runtimeRED} runtimeRED
  * @typedef {import('../../typedefs.js').uibNode} uibNode
@@ -28,6 +34,7 @@
 const path = require('path')
 // const fs = require('fs-extra')
 const fs = require('fs/promises')
+const { readFileSync } = require('fs')
 const sockets = require('./socket') // Socket.io handler library for uibuilder
 
 // ! TODO: Move other file-handling functions into this class
@@ -59,6 +66,8 @@ class UibFs {
 
     // constructor() {} // ---- End of constructor ---- //
 
+    //#region ---- Utility methods ----
+
     /** Configure this class with uibuilder module specifics
      * @param {uibConfig} uib uibuilder module-level configuration
      */
@@ -77,7 +86,23 @@ class UibFs {
         this.log = uib.RED.log
     } // ---- End of setup ---- //
 
-    // async getAllInstanceUrls
+    /** returns true if the filename contains / or \ else false
+     * @param {string} fname filename to test
+     * @returns {boolean}
+     */
+    hasFolder(fname) {
+        return /[/|\\]/.test(fname)
+    }
+
+    /** Throw an error if a path string contains folder traversal `..`
+     * @param {string} fname Path to test
+     * @param {string} note Optional text to add to error to indicate source
+     */
+    throwOnFolderEscape(fname, note) {
+        if (fname.includes('..')) {
+            throw new Error(`Path includes '..'. Folder traversal not permitted. '${folder}' [uibuilder:UibFs:throwOnFolderEscape] ${note}`)
+        }
+    }
 
     /** Walks through a folder and sub-folders returning list of files
      * @param {string} dir Folder name to start the walk
@@ -101,6 +126,12 @@ class UibFs {
         return files.filter(Boolean).reduce((all, folderContents) => all.concat(folderContents), [])
     } // -- End of walk -- //
 
+    //#endregion ---- ---- ----
+
+    //#region ---- Async Methods ----
+
+    // async getAllInstanceUrls
+
     /** Return all of the *.html files from the served folder for a specific instance
      * NOTE: Only call this after all nodes are loaded into the Node-RED runtime
      * @param {string} url uibuilder instance url (name)
@@ -143,6 +174,7 @@ class UibFs {
         // const chkFolders = fs.existsSync(path.join(uib.rootFolder, params.url))
     }
 
+    // TODO chk params
     /** Output a file to an instance folder (async/promise)
      * NB: Errors have the fn indicator at the end because this is expected to be a utility fn called from elsewhere
      *     This is also the reason we throw errors here rather than output error msgs
@@ -160,11 +192,15 @@ class UibFs {
 
         const log = this.uib.RED.log
 
-        if (folder.includes('..')) {
-            throw new Error(`Folder path includes '..', invalid. '${folder}' [uibuilder:UibFs:writeInstanceFile]`)
-        }
-        if ( fname.includes('/') || fname.includes('\\') ) {
-            throw new Error(`File name includes '/' or '\\', invalid. '${fname}' [uibuilder:UibFs:writeInstanceFile]`)
+        // Make sure that the inputs don't include folder traversal
+        this.throwOnFolderEscape(folder, 'writeInstanceFile, folder')
+        this.throwOnFolderEscape(folder, 'writeInstanceFile, file')
+
+        // Check to see if any folder's on the filename - if so, move to the fullFolder
+        if (this.hasFolder(fname)) {
+            const splitFname = fname.split(/[/|\\]/)
+            fname = splitFname.pop()
+            folder = path.join(folder, ...splitFname)
         }
 
         const uib = this.uib
@@ -204,13 +240,68 @@ class UibFs {
 
         // Reload connected clients if required by sending them a reload msg
         if ( reload === true ) {
-            sockets.sendToFe2({
-                '_uib': {
-                    'reload': true,
-                }
-            }, url)
+            sockets.sendToFe(
+                {
+                    _ui: { 'method': 'reload' },
+                    topic: 'uib-save reload'
+                },
+                url,
+                'uiBuilder'
+            )
         }
     } // -- End of writeFile -- //
+
+    /** Get a text file from uibuilder's master template folders
+     * @param {*} template The name of the master template, e.g. "blank" or "esm-blank-client"
+     * @param {*} fName The name of the file to get (optionally with leading folder using forward-slash separators)
+     * @returns {Promise<string>} The text contents of the file.
+     */
+    async getTemplateFile(template, fName) {
+        return await fs.readFile( path.join(__dirname, '..', '..', 'templates', template, fName), 'utf8')
+    }
+
+    //#endregion ---- ---- ----
+
+    //#region ---- Synchronous methods ----
+
+    ensureFolder({ folder, copyFrom,  }) {
+        // const cpyOpts = { 'preserveTimestamps': true }
+        // Make sure folder exists, create if not
+        // Make sure that the folder can be read/write
+        // If copyFrom not undefined/null/'', copy to folder
+    }
+
+    //#endregion ---- ---- ----
+
+    /* TODO
+        moveSync
+        existsSync
+        copySync
+        copy
+        accessSync (constants.W_OK, constants.R_OK)
+        ensureDirSync
+    */
+
+    //#region ---- async fs-extra replacement methods ----
+    //#endregion ---- ---- ----
+
+    //#region ---- synchronous fs-extra replacement methods ----
+
+    /** Read a JSON file and return as a JavaScript object - can use instead of fs-extra
+     * @throws If reading or parsing fails
+     * @param {string} file JSON file path/name to read
+     * @returns {Object} The parsed JSON file as an object
+     */
+    readJSONSync(file) {
+        try {
+            return JSON.parse(readFileSync(file, 'utf8'))
+        } catch (e) {
+            e.message = `${file}: ${e.message}`
+            throw e
+        }
+    }
+
+    //#endregion ---- ---- ----
 } // ----- End of UibPackages ----- //
 
 /** Singleton model. Only 1 instance of UibWeb should ever exist.
diff --git a/nodes/libs/low-code.js b/nodes/libs/low-code.js
new file mode 100644
index 00000000..2caca967
--- /dev/null
+++ b/nodes/libs/low-code.js
@@ -0,0 +1,129 @@
+/* eslint-disable class-methods-use-this */
+/** Build UI elements by output of low-code JSON
+ *
+ * Copyright (c) 2023-2023 Julian Knight (Totally Information)
+ * https://it.knightnet.org.uk, https://github.com/TotallyInformation/node-red-contrib-uibuilder
+ *
+ * Licensed under the Apache License, Version 2.0 (the 'License');
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an 'AS IS' BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+'use strict'
+
+// REFERENCES
+//
+
+/** --- Type Defs ---
+ * @typedef {import('../../typedefs.js').runtimeRED} runtimeRED
+ * @typedef {import('../../typedefs.js').runtimeNode} runtimeNode
+ * @typedef {import('../../typedefs.js').uibNode} uibNode
+ * @typedef {import('../../typedefs.js').uibConfig} uibConfig
+ * @typedef {import('../../typedefs.js').uibPackageJson} uibPackageJson
+ */
+
+// const { getSource } = require('../libs/uiblib')
+// const { promisify } = require('util')
+
+class UibLowCode {
+    //#region --- Class vars ---
+    /** PRIVATE Flag to indicate whether setup() has been run (ignore the false eslint error)
+     * @type {boolean}
+     */
+    #isConfigured = false
+
+    // #logUndefinedError = new Error('fs: this.log is undefined')
+    // #uibUndefinedError = new Error('fs: this.uib is undefined')
+    // #rootFldrNullError = new Error('fs: this.uib.rootFolder is null')
+
+    //#endregion --- ----- ---
+
+    // constructor() {} // ---- End of constructor ---- //
+
+    /** Configure this class with uibuilder module specifics
+     * @param {runtimeRED} RED uibuilder module-level configuration
+     */
+    setup( RED ) {
+        if ( !RED ) throw new Error('[uibuilder:UibLowCode:setup] RED is not defined')
+
+        // Prevent setup from being called more than once
+        if ( this.#isConfigured === true ) {
+            RED.log.warn('⚠️[uibuilder:UibLowCode:setup] Setup has already been called, it cannot be called again.')
+            return
+        }
+
+        this.RED = RED
+        this.log = RED.log
+
+        this.#isConfigured = true
+    } // ---- End of setup ---- //
+
+    /** Create/update the _ui object and retain for replay
+     * @param {*} msg incoming msg
+     * @param {runtimeNode} node reference to node instance
+     */
+    async buildUi(msg, node) {
+
+        // Allow combination of msg._ui and this node allowing chaining of the nodes
+        if ( msg._ui ) {
+            if (!Array.isArray(msg._ui)) msg._ui = [msg._ui]
+            node._ui = msg._ui
+        } else node._ui = []
+
+        // If no mode specified, we assume the desire is to update (since a removal attempt with nothing to remove is safe)
+        if ( msg.mode ) msg.mode = msg.mode.toLowerCase()
+        else msg.mode = 'replace'
+
+        // If mode is remove, then simply do that and return
+        if ( msg.mode === 'delete' || msg.mode === 'remove' ) {
+            if (!node.elementId) {
+                node.warn('[uib-element:buildUi] Cannot remove element as no HTML ID provided')
+                return
+            }
+
+            node._ui.push(
+                {
+                    'method': 'removeAll',
+                    'components': [
+                        `#${node.elementId}`,
+                    ]
+                }
+            )
+            return
+        }
+
+        // If no HMTL ID is specified & not removing, then always ADD
+        if (!node.elementId) msg.mode = 'add'
+
+        node._ui.push({
+            'method': msg.mode === 'add' ? 'add' : 'replace',
+            'components': [
+                {
+                    'type': node.tag,
+                    'id': node.elementId,
+                    'parent': node.parent,
+                    'position': node.position,
+                    'slot': node.slotPropMarkdown === false ? node.slotContent : undefined,
+                    'slotMarkdown': node.slotPropMarkdown === true ? node.slotContent : undefined,
+                    'attributes': node.attribs,
+                },
+            ]
+        })
+    } // -- end of buildUI -- //
+} // ----- End of Class ----- //
+
+/** Singleton model. Only 1 instance of UibWeb should ever exist.
+ * Use as: `const packageMgt = require('./package-mgt.js')`
+ */
+// @ts-ignore
+const uibLowCode = new UibLowCode()
+module.exports = uibLowCode
+
+// EOF
diff --git a/nodes/libs/socket.js b/nodes/libs/socket.js
index 5be86f29..16244d44 100644
--- a/nodes/libs/socket.js
+++ b/nodes/libs/socket.js
@@ -253,7 +253,7 @@ class UibSockets {
         return this._isConfigured
     }
 
-    // ? Consider adding isConfigered checks on each method?
+    // ? Consider adding isConfigured checks on each method?
 
     /** Output a msg to the front-end.
      * @param {object} msg The message to output, include msg._socketId to send to a single client
@@ -293,7 +293,6 @@ class UibSockets {
             log.trace(`[uibuilder:socket.js:sendToFe:${url}] msg sent on to ALL clients. Channel: ${channel}. ${JSON.stringify(msg)}`)
             ioNs.emit(channel, msg)
         }
-
     } // ---- End of sendToFe ---- //
 
     /** Output a normal msg to the front-end. Can override socketid
diff --git a/nodes/libs/uiblib.js b/nodes/libs/uiblib.js
index 9d93e37e..eca689ed 100644
--- a/nodes/libs/uiblib.js
+++ b/nodes/libs/uiblib.js
@@ -24,6 +24,8 @@
  * @typedef {import('../../typedefs.js').MsgAuth} MsgAuth
  * @typedef {import('../../typedefs.js').uibNode} uibNode
  * @typedef {import('../../typedefs.js').runtimeRED} runtimeRED
+ * @typedef {import('../../typedefs').runtimeNodeConfig} runtimeNodeConfig
+ * @typedef {import('../../typedefs').runtimeNode} runtimeNode
  * typedef {import('../typedefs.js')}
  * @typedef {import('node-red')} Red
  * @typedef {import('Express')} Express
@@ -35,6 +37,7 @@ const path = require('path')
 const fs = require('fs-extra')
 // const tilib = require('./tilib')
 const { nanoid } = require('nanoid')
+const { promisify } = require('util')
 // NOTE: Don't add socket.js here otherwise it will stop working because it references this module
 
 module.exports = {
@@ -146,6 +149,7 @@ module.exports = {
         node.status(node.statusDisplay)
     }, // ---- End of setNodeStatus ---- //
 
+    // TODO Move to fs
     /** Replace template in front-end instance folder
      * @param {string} url The uib instance URL
      * @param {string} template Name of one of the built-in templates including 'blank' and 'external'
@@ -177,6 +181,7 @@ module.exports = {
         if ( extTemplate ) extTemplate = extTemplate.trim()
         if ( extTemplate === undefined ) throw new Error('extTemplate is undefined')
 
+        // TODO Move degit processing to its own function. Don't need the emitter on uib
         // If template="external" & extTemplate not blank - use degit to load
         if ( template === 'external' ) {
             const degit = require('degit')
@@ -261,7 +266,41 @@ module.exports = {
             clientId = nanoid()
         }
         return clientId
-    }
+    },
+
+    /** Get an individual value for a typed input field and save to supplied node object - REQUIRES standardised node property names
+     * Use propnameSource and propnameSourceType as standard input field names
+     * @param {string} propName Name of the node property to check
+     * @param {runtimeNode} node reference to node instance
+     * @param {*} msg incoming msg
+     * @param {runtimeRED} RED Reference to runtime RED library
+     * @param {string} [src] Name of the typed input field (defaults to `${propName}Source`)
+     * @param {string} [srcType] Name of the field holding the typed input field type (defaults to `${propName}SourceType`)
+     */
+    getSource: async function getSource(propName, node, msg, RED, src, srcType) {
+        if (!propName) throw new Error('[uiblib:getSource] No propName provided, cannot continue')
+        if (!node) throw new Error('[uiblib:getSource] No node object provided, cannot continue')
+        if (!RED) throw new Error('[uiblib:getSource] No RED reference provided, cannot continue')
+
+        if (!src) src = `${propName}Source`
+        if (!srcType) srcType = `${propName}SourceType`
+
+        if (!msg && srcType === 'msg') throw new Error('[uiblib:getSource] Type is msg but no msg object provided, cannot continue')
+
+        if (!(src in node)) throw Error(`[uiblib:getSource] Property ${src} does not exist in supplied node object`)
+        if (!(srcType in node)) throw Error(`[uiblib:getSource] Property ${srcType} does not exist in supplied node object`)
+
+        const evaluateNodeProperty = promisify(RED.util.evaluateNodeProperty)
+
+        if (node[src] !== '') {
+            try {
+                if (msg) node[propName] = await evaluateNodeProperty(node[src], node[srcType], node, msg)
+                else node[propName] = await evaluateNodeProperty(node[src], node[srcType], node)
+            } catch (e) {
+                node.warn(`Cannot evaluate source for ${propName}. ${e.message} (${srcType})`)
+            }
+        }
+    },
 
 } // ---- End of module.exports ---- //
 
diff --git a/nodes/uib-cache.html b/nodes/uib-cache.html
index d5eec8bd..687ee20d 100644
--- a/nodes/uib-cache.html
+++ b/nodes/uib-cache.html
@@ -1,18 +1,20 @@
-<script type="text/javascript">/* eslint-disable sonarjs/no-duplicate-string */
+<link type="text/css" rel="stylesheet" href="./resources/node-red-contrib-uibuilder/ti-common.css" media="all"><script src="./resources/node-red-contrib-uibuilder/ti-common.js"></script><script type="text/javascript">/* eslint-disable sonarjs/no-duplicate-string */
 /* eslint-disable strict */
 
 // Isolate this code
 (function () {
     'use strict'
 
+    const mylog = window['uibuilder'].log
+
     /** Module name must match this nodes html file @constant {string} moduleName */
     const moduleName  = 'uib-cache'
     /** Node's label @constant {string} paletteCategory */
     const nodeLabel  = moduleName
     /** Node's palette category @constant {string} paletteCategory */
-    const paletteCategory  = 'uibuilder'
+    const paletteCategory  = window['uibuilder'].paletteCategory
     /** Node's background color @constant {string} paletteColor */
-    const paletteColor  = '#E6E0F8'
+    const paletteColor  = 'var(--uib-node-colour)' // '#E6E0F8'
 
     /** Populate the store dropdown */
     function populateUseStoreDropdown() {
@@ -110,6 +112,7 @@
             }
         })
 
+        window['tiDoTooltips']('#ti-edit-panel') // Do this at the end
     } // ----- end of onEditPrepare() ----- //
 
     RED.nodes.registerType(moduleName, {
@@ -141,61 +144,61 @@
         },
 
         oneditprepare: function() { onEditPrepare(this) },
-
     }) // ---- End of registerType() ---- //
-
-}())</script><script type="text/html" data-template-name="uib-cache"><div aria-label="Choose what msg property to group cache by" id="cacheKey-row" class="form-row">
-    <label for="node-input-cacheKey"><i class="fa fa-tag"></i> Cache by</label>
-    msg.<input type="text" id="node-input-cacheKey" placeholder="Enter a msg property. " style="width:64%">
-</div>
-<div aria-label="Cache all or group by" title="Turn off cache by and record all msgs up to #" class="form-row">
-    <input type="checkbox" id="node-input-cacheall" style="display: inline-block; width: auto; vertical-align: top;">
-    <label for="node-input-cacheall" style="width: 90%;">Cache all messages individually?<span id="caspan"> (Up to # given below)</span></label>
-</div>
-<div aria-label="Only replay cache if client as actually new" title="A new client comes from a page-load, not a reconnection" class="form-row">
-    <input type="checkbox" id="node-input-newcache" style="display: inline-block; width: auto; vertical-align: top;" checked>
-    <label for="node-input-newcache" style="width: 90%;">Only replay cache when client is really new</label>
-</div>
-<div aria-label="How many msgs to cache" title="Use 0 for unlimited (up to memory availability)" class="form-row">
-    <label for="node-input-num"><i class="fa fa-tag"></i> # msgs</label>
-    <input type="number" id="node-input-num">
-</div>
-<div aria-label="Info for cache settings" class="form-row form-tips node-help" style="width:89%">
-    Number of msgs to cache<span id="help-per"> per topic</span>.<br>
-    Messages are dropped off front of queue once limit is reached.<br>
-    Use 0 for unlimited but take care not to run out of memory.
-</div>
-
-<!-- <div aria-label="Select which context store to use" class="form-row">
-    <label for="node-input-store"><i class="fa fa-database"></i> Use Store</label>
-    <input type="text" id="node-input-store">
-    <input type="hidden" id="node-input-store-type">
-</div> -->
-<div aria-label="Select which context store and variable to use" class="form-row">
-    <label for="node-input-storeName" style="width:25%"><i class="fa fa-database"></i> Store</label>
-    <label for="node-input-storeContext" style="width:25%"><i class="fa fa-database"></i> Type</label>
-    <label for="node-input-varName" style="width:41%"><i class="fa fa-tag"></i> Variable Name</label><br>
-    <input type="text" id="node-input-storeName" style="width:25%"></input>
-    <input type="text" id="node-input-storeContext" style="width:25%"></input>
-    <input type="text" id="node-input-varName" value="uib_cache" title="Can only change if Type is not 'Node'" placeholder="REQD: Context variable name" style="width:41%">
-</div>
-
-<div aria-label="Info for context store" class="form-row form-tips node-help" style="width:89%">
-    Select a context <b>store</b> to use if you have more than one set up.<br>
-    Use persistent store if you want cache to survive a system reset.<br>
-    If store changed, old one must be manually deleted.
-</div>
-
-<div aria-label="Info for store type" class="form-row form-tips node-help" style="width:89%">
-    Select which <b>type</b> of store to use. The default is "Node".<br>
-    Node = This node's store, only accessible to this node.<br>
-    Flow/Global = Accessible to other nodes. Use with caution.
-</div>
-
-<hr>
-<div aria-label="Name label" title="Only used for labelling in the flow" class="form-row">
-    <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
-    <input type="text" id="node-input-name">
+}())</script><script type="text/html" data-template-name="uib-cache"><div id="ti-edit-panel">
+    <div aria-label="Choose what msg property to group cache by" id="cacheKey-row" class="form-row">
+        <label for="node-input-cacheKey"><i class="fa fa-tag"></i> Cache by</label>
+        msg.<input type="text" id="node-input-cacheKey" placeholder="Enter a msg property. " style="width:64%">
+    </div>
+    <div aria-label="Cache all or group by" title="Turn off cache by and record all msgs up to #" class="form-row">
+        <input type="checkbox" id="node-input-cacheall" style="display: inline-block; width: auto; vertical-align: top;">
+        <label for="node-input-cacheall" style="width: 90%;">Cache all messages individually?<span id="caspan"> (Up to # given below)</span></label>
+    </div>
+    <div aria-label="Only replay cache if client as actually new" title="A new client comes from a page-load, not a reconnection" class="form-row">
+        <input type="checkbox" id="node-input-newcache" style="display: inline-block; width: auto; vertical-align: top;" checked>
+        <label for="node-input-newcache" style="width: 90%;">Only replay cache when client is really new</label>
+    </div>
+    <div aria-label="How many msgs to cache" title="Use 0 for unlimited (up to memory availability)" class="form-row">
+        <label for="node-input-num"><i class="fa fa-tag"></i> # msgs</label>
+        <input type="number" id="node-input-num">
+    </div>
+    <div aria-label="Info for cache settings" class="form-row form-tips node-help" style="width:89%">
+        Number of msgs to cache<span id="help-per"> per topic</span>.<br>
+        Messages are dropped off front of queue once limit is reached.<br>
+        Use 0 for unlimited but take care not to run out of memory.
+    </div>
+
+    <!-- <div aria-label="Select which context store to use" class="form-row">
+        <label for="node-input-store"><i class="fa fa-database"></i> Use Store</label>
+        <input type="text" id="node-input-store">
+        <input type="hidden" id="node-input-store-type">
+    </div> -->
+    <div aria-label="Select which context store and variable to use" class="form-row">
+        <label for="node-input-storeName" style="width:25%"><i class="fa fa-database"></i> Store</label>
+        <label for="node-input-storeContext" style="width:25%"><i class="fa fa-database"></i> Type</label>
+        <label for="node-input-varName" style="width:41%"><i class="fa fa-tag"></i> Variable Name</label><br>
+        <input type="text" id="node-input-storeName" style="width:25%"></input>
+        <input type="text" id="node-input-storeContext" style="width:25%"></input>
+        <input type="text" id="node-input-varName" value="uib_cache" title="Can only change if Type is not 'Node'" placeholder="REQD: Context variable name" style="width:41%">
+    </div>
+
+    <div aria-label="Info for context store" class="form-row form-tips node-help" style="width:89%">
+        Select a context <b>store</b> to use if you have more than one set up.<br>
+        Use persistent store if you want cache to survive a system reset.<br>
+        If store changed, old one must be manually deleted.
+    </div>
+
+    <div aria-label="Info for store type" class="form-row form-tips node-help" style="width:89%">
+        Select which <b>type</b> of store to use. The default is "Node".<br>
+        Node = This node's store, only accessible to this node.<br>
+        Flow/Global = Accessible to other nodes. Use with caution.
+    </div>
+
+    <hr>
+    <div aria-label="Name label" title="Only used for labelling in the flow" class="form-row">
+        <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
+        <input type="text" id="node-input-name">
+    </div>
 </div></script><script type="text/html" data-help-name="uib-cache"><p>
     A simple caching node that works with uibuilder.
 </p>
diff --git a/nodes/uib-element/customNode.html b/nodes/uib-element/customNode.html
index f1c31121..5f362af8 100644
--- a/nodes/uib-element/customNode.html
+++ b/nodes/uib-element/customNode.html
@@ -14,6 +14,9 @@
     limitations under the License.
 -->
 
+<link type="text/css" rel="stylesheet" href="./resources/node-red-contrib-uibuilder/ti-common.css" media="all">
+<script src="./resources/node-red-contrib-uibuilder/ti-common.js"></script>
+
 <template id="default-template">
     <p>
         Currently no custom settings for this element type.
@@ -29,10 +32,6 @@
 </template>
 
 <style>
-    .ui-tooltip {
-        background-color: var(--red-ui-popover-background);
-        color: var(--red-ui-popover-color);
-    }
     .custom-combobox {
         position: relative;
         display: inline-block;
@@ -52,8 +51,8 @@
     }
 </style>
 
-<script type="text/html" class="uib-tooltip" data-template-name="uib-element">
-<div id="uib-el">
+<script type="text/html" data-template-name="uib-element">
+<div id="ti-edit-panel">
 
     <div class="form-row func-tabs-row">
         <ul style="min-width: 450px; margin-bottom: 20px;" id="el-tabs"></ul>
@@ -164,7 +163,7 @@
     Outputs <code>msg._ui</code> standard configuration data.
 </p>
 <p>
-    Please try out the examples in the import library.
+    Please try out the examples in the import library. <a href="./uibuilder/docs/#/nodes/uib-element" target="_blank">Documentation</a>.
 </p>
 
 <h3>Inputs</h3>
@@ -346,14 +345,16 @@ <h3>Details</h3>
     ;(function () {
         'use strict'
     
+        const mylog = window['uibuilder'].log
+    
         /** Module name must match this nodes html file @constant {string} moduleName */
         const moduleName = 'uib-element'
         /** Node's label @constant {string} paletteCategory */
         const nodeLabel = moduleName
         /** Node's palette category @constant {string} paletteCategory */
-        const paletteCategory = 'uibuilder'
+        const paletteCategory  = window['uibuilder'].paletteCategory
         /** Node's background color @constant {string} paletteColor */
-        const paletteColor = '#E6E0F8'
+        const paletteColor  = 'var(--uib-node-colour)' // '#E6E0F8'
     
         /** Element Types definitions */
         const elTypes = {
@@ -596,25 +597,6 @@ <h3>Details</h3>
         // Standard width for typed input fields
         const tiWidth = '68.5%'
     
-        /** Add jQuery UI formatted tooltips */
-        function doTooltips() {
-            // Select our page elements
-            $('#uib-el').tooltip({
-                items: 'img[alt], [aria-label], [title]',
-                track: true,
-                content: function() {
-                    const element = $( this )
-                    if ( element.is( '[title]' ) ) {
-                        return element.attr( 'title' )
-                    } else if ( element.is( '[aria-label]' ) ) {
-                        return element.attr( 'aria-label' )
-                    } else if ( element.is( 'img[alt]' ) ) {
-                        return element.attr( 'alt' )
-                    } else return ''
-                },
-            })
-        }
-    
         /** Prep for edit
          * @param {*} node A node instance as seen from the Node-RED Editor
          */
@@ -710,7 +692,7 @@ <h3>Details</h3>
             // } )
     
             // Make position of aria-labels dynamic to cursor
-            // $('#uib-el *[aria-label]').on('mousemove', function(event) {
+            // $('#ti-edit-panel *[aria-label]').on('mousemove', function(event) {
             //     document.documentElement.style.setProperty('--x', event.pageX )
             //     document.documentElement.style.setProperty('--y', event.pageY )
             //     document.documentElement.style.setProperty('--moveX', event.originalEvent.movementX )
@@ -789,8 +771,7 @@ <h3>Details</h3>
                 label: 'Element Config'
             })
     
-            doTooltips()
-    
+            window['tiDoTooltips']('#ti-edit-panel') // Do this at the end
         } // ----- end of onEditPrepare() ----- //
     
         /** Prep for save
diff --git a/nodes/uib-element/customNode.js b/nodes/uib-element/customNode.js
index 429f1ce9..75f19763 100644
--- a/nodes/uib-element/customNode.js
+++ b/nodes/uib-element/customNode.js
@@ -27,8 +27,8 @@
 
 //#region ----- Module level variables ---- //
 
-const { promisify } = require('util')
 // const uibFs  = require('../libs/fs')   // File/folder handling library (by Totally Information)
+const { getSource } = require('../libs/uiblib')
 
 /** Main (module) variables - acts as a configuration object
  *  that can easily be passed around.
@@ -80,6 +80,8 @@ function emitMsg(msg, node) {
  * @this {runtimeNode & uibElNode}
  */
 async function inputMsgHandler(msg, send, done) { // eslint-disable-line no-unused-vars
+    const RED = mod.RED
+
     // TODO: Accept cache-replay and cache-clear
     // Is this a uib control msg? If so, ignore it since this is connected to uib via event handler
     if ( msg.uibuilderCtrl ) {
@@ -91,6 +93,15 @@ async function inputMsgHandler(msg, send, done) { // eslint-disable-line no-unus
     // If msg has _ui property - is it from the client? If so, remove it.
     if (msg._ui && msg._ui.from && msg._ui.from === 'client') delete msg._ui
 
+    // Get all of the typed input values (in parallel)
+    await Promise.all([
+        getSource('parent', this, msg, RED),
+        getSource('elementId', this, msg, RED),
+        getSource('heading', this, msg, RED),
+        getSource('data', this, msg, RED), // contains core data
+        getSource('position', this, msg, RED),
+    ])
+
     // Save the last input msg for replay to new client connections, creates/update this._ui
     await buildUi(msg, this)
 
@@ -837,38 +848,12 @@ function addHeading(parent, node) {
     return parent
 }
 
-/** Get an individual value for a typed input field
- * @param {string} propName Name of the node property to check
- * @param {runtimeNode & uibElNode} node reference to node instance
- * @param {*} msg incoming msg
- */
-async function getSource(propName, node, msg) {
-    const src = `${propName}Source`
-    const srcType = `${propName}SourceType`
-    if (node[src] !== '') {
-        try {
-            node[propName] = await mod.evaluateNodeProperty(node[src], node[srcType], node, msg)
-        } catch (e) {
-            node.warn(`Cannot evaluate source for ${propName}. ${e.message} (${srcType})`)
-        }
-    }
-}
-
 /** Create/update the _ui object and retain for replay
  * @param {*} msg incoming msg
  * @param {runtimeNode & uibElNode} node reference to node instance
  */
 async function buildUi(msg, node) {
 
-    // Get all of the typed input values (in parallel)
-    await Promise.all([
-        getSource('parent', node, msg),
-        getSource('elementId', node, msg),
-        getSource('heading', node, msg),
-        getSource('data', node, msg), // contains core data
-        getSource('position', node, msg),
-    ])
-
     // Allow combination of msg._ui and this node allowing chaining of the nodes
     if ( msg._ui ) {
         if (!Array.isArray(msg._ui)) msg._ui = [msg._ui]
@@ -1014,9 +999,6 @@ function ModuleDefinition(RED) {
     // Save a reference to the RED runtime for convenience
     mod.RED = RED
 
-    // Save a ref to a promisified version to simplify async callback handling
-    mod.evaluateNodeProperty = promisify(mod.RED.util.evaluateNodeProperty)
-
     /** Register a new instance of the specified node type (2) */
     RED.nodes.registerType(mod.nodeName, nodeInstance)
 }
diff --git a/nodes/uib-html/customNode.html b/nodes/uib-html/customNode.html
index 4918776f..1611d6c8 100644
--- a/nodes/uib-html/customNode.html
+++ b/nodes/uib-html/customNode.html
@@ -14,42 +14,11 @@
     limitations under the License.
 -->
 
-<style>
-    #uib-upd *[aria-label] {
-        position:relative;
-    }
-    #uib-upd *[aria-label]:after {
-        content: attr(aria-label);
-        position:absolute;
-        top:100%;left:50px;
-        box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
-        border: 1px solid var(--red-ui-form-input-border-color);
-        padding: 10px;
-        z-index: 999;
-        background-color: var(--red-ui-popover-background);
-        color: var(--red-ui-popover-color);
-        max-width: 350px;
-        text-decoration: none;
-        text-align: center;
-        border-radius: 6px;
-        white-space: break-spaces;
-        
-        visibility: hidden;
-        opacity: 0;
-        transition: all 0.5s ease-out;
-    }
-    #uib-upd *[aria-label]:hover:after {
-        visibility: visible;
-        opacity: 1;
-        transition: all 0.5s ease-in 1s;
-    }
-    #uib-upd .red-ui-typedInput-container {
-        width:69% !important;
-    }
-</style>
-
-<script type="text/html" class="uib-tooltip" data-template-name="uib-html">
-<div id="uib-upd">
+<link type="text/css" rel="stylesheet" href="./resources/node-red-contrib-uibuilder/ti-common.css" media="all">
+<script src="./resources/node-red-contrib-uibuilder/ti-common.js"></script>
+
+<script type="text/html" data-template-name="uib-html">
+<div id="ti-edit-panel">
   
     <div aria-label="Default msg topic. Make unique if using uib-cache." class="form-row">
         <label for="node-input-topic"><i class="fa fa-tasks"></i> Topic</label>
@@ -59,6 +28,11 @@
         <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
         <input type="text" id="node-input-name">
     </div>
+
+    <div aria-label="If selected, msg.template or the uibuilder blank template will be used as a wrapper for the output HTML" class="form-row">
+        <label for="node-input-useTemplate">Merge HTML Template?</label>
+        <input type="checkbox" id="node-input-useTemplate" style="width: auto;vertical-align: top;">
+    </div>
     
 </div>
 
@@ -67,9 +41,67 @@
 <script type="text/html" data-help-name="uib-html">
 
 <p>
-    Converts uibuilder low-code UI description data into HTML. Send a <code>msg._ui</code> object to the node, the output will be HTML in <code>msg.payload</code>.
+    Converts <span class="uib-name"><span class="uib-red">UI</span>BUILDER</span> low-code UI description data into HTML. Send a <code>msg._ui</code> object to the node, 
+    the output will be HTML in <code>msg.payload</code>. 
+    <a href="../docs/nodes/uib-html" target="_blank">Details</a>.
 </p>
 
+<h3>Inputs</h3>
+<dl class="message-properties">
+    <dt>_ui <span class="property-type">object</span></dt>
+    <dd>
+        uibuilder low-code UI definition that will be "hydrated" to full HTML
+        by this node.
+    </dd>
+
+    <dt class="optional">template <span class="property-type">string</span></dt>
+    <dd>
+        HTML string that will be wrapped around the <code>msg._ui</code> generated
+        HTML output if the template option is ticked in the settings.
+    </dd>
+
+    <dt class="optional">topic <span class="property-type">string</span></dt>
+    <dd>
+        Passed through if provided.
+    </dd>
+</dl>
+
+<h3>Outputs</h3>
+<dl class="message-properties">
+    <dt>payload <span class="property-type">string</span></dt>
+    <dd>
+        Display name (only used in the Editor for display).
+    </dd>
+
+    <dt>topic <span class="property-type">string</span></dt>
+    <dd>
+        The input topic.
+    </dd>
+</dl>
+
+<h3>Node Settings</h3>
+<dl class="message-properties">
+    <dt class="optional">Name <span class="property-type">string</span></dt>
+    <dd>
+        Optional short description shown in the admin interface
+    </dd>
+
+    <dt>Topic <span class="property-type">string</span></dt>
+    <dd>
+        Fixed topic string. Only used if the input <code>msg</code> does not
+        contain a <code>topic</code> property.
+    </dd>
+
+    <dt class="optional">Merge HTML Template? <span class="property-type">boolean</span></dt>
+    <dd>
+        If selected, the input will be wrapped in an HTML template.
+    </dd>
+    <dd>
+        The template can be provided in msg.template as a string.
+        Or, if not provided, the node will add uibuilder's default "blank" template.
+    </dd>
+</dl>
+
 </script>
 
 <script type="text/javascript">
@@ -79,20 +111,22 @@
     (function () {
         'use strict'
     
+        // const mylog = window['uibuilder'].log
+    
         /** Module name must match this nodes html file @constant {string} moduleName */
         const moduleName = 'uib-html'
         /** Node's label @constant {string} paletteCategory */
         const nodeLabel = moduleName
         /** Node's palette category @constant {string} paletteCategory */
-        const paletteCategory = 'uibuilder'
+        const paletteCategory  = window['uibuilder'].paletteCategory
         /** Node's background color @constant {string} paletteColor */
-        const paletteColor = '#E6E0F8'
+        const paletteColor  = 'var(--uib-node-colour)' // '#E6E0F8'
     
         /** Prep for edit
          * @param {*} node A node instance as seen from the Node-RED Editor
          */
         function onEditPrepare(node) {
-    
+            window['tiDoTooltips']('#ti-edit-panel') // Do this at the end
         } // ----- end of onEditPrepare() ----- //
     
         // @ts-ignore
@@ -102,6 +136,7 @@
             defaults: {
                 name: { value: '' },
                 topic: { value: '' },
+                useTemplate: { value: false },
             },
             align: 'left',
             inputs: 1,
diff --git a/nodes/uib-html/customNode.js b/nodes/uib-html/customNode.js
index 8e11ea03..e0b7f420 100644
--- a/nodes/uib-html/customNode.js
+++ b/nodes/uib-html/customNode.js
@@ -32,6 +32,8 @@ const { JSDOM } = jsdom
 
 // Ui class copied from src/front-end-module/ui.js
 const Ui = require('../libs/ui.js')
+// uibuilder file handler
+const fs = require('../libs/fs.js')
 
 /** Main (module) variables - acts as a configuration object
  *  that can easily be passed around.
@@ -61,11 +63,19 @@ async function inputMsgHandler(msg, send, done) { // eslint-disable-line no-unus
 
     // const RED = mod.RED
 
+    // TODO: Add config switch to wrap in template
+
     // If msg has _ui property - is it from the client? If so, remove it.
     if (msg._ui && msg._ui.from && msg._ui.from === 'client') delete msg._ui
 
+    let template = /*html*/'<!DOCTYPE html>'
+    if (this.useTemplate === true) {
+        if (msg.template && (typeof msg.template) === 'string') template = msg.template
+        else template = await fs.getTemplateFile('blank', 'src/index.html')
+    }
+
     if (msg._ui) {
-        const dom = new JSDOM(/*html*/`<!DOCTYPE html>`)
+        const dom = new JSDOM(template)
 
         // Create instance of ui class
         const ui = new Ui(dom.window, null, null)
@@ -74,7 +84,7 @@ async function inputMsgHandler(msg, send, done) { // eslint-disable-line no-unus
         ui.ui(msg._ui)
 
         // Copy the input msg
-        const out = {...msg}
+        const out = { ...msg }
         // remove _ui
         delete out._ui
 
@@ -87,7 +97,7 @@ async function inputMsgHandler(msg, send, done) { // eslint-disable-line no-unus
         } catch (err) {
             mod.RED.log.error(`[uib-html:inputMsgHandler] Cannot serialise the DOM. ${err.message} `, err)
         }
-        
+
         // And send it on its way
         send(out)
 
@@ -117,33 +127,9 @@ function nodeInstance(config) {
     /** Transfer config items from the Editor panel to the runtime */
     this.name = config.name ?? ''
     this.topic = config.topic ?? ''
+    this.useTemplate = config.useTemplate ?? false
 
-    // this.tagSource = config.tag ?? ''
-    // this.tagSourceType = config.tagSourceType ?? 'str'
-    // this.tag = undefined
-
-    // this.elementIdSource = config.elementId ?? ''
-    // this.elementIdSourceType = config.elementIdSourceType ?? 'str'
-    // this.elementId = undefined
-
-    // this.parentSource = config.parent ?? 'body'
-    // this.parentSourceType = config.parentSourceType ?? 'str'
-    // this.parent = undefined
-
-    // this.positionSource = config.position ?? 'body'
-    // this.positionSourceType = config.positionSourceType ?? 'str'
-    // this.position = undefined
-
-    // this.slotContentSource = config.slotSourceProp ?? ''
-    // this.slotContentSourceType = config.slotSourcePropType ?? 'msg'
-    // this.slotContent = undefined
-
-    // this.slotPropMarkdown = config.slotPropMarkdown ?? false
-
-    // this.attribsSource = config.attribsSource ?? ''
-    // this.attribsSourceType = config.attribsSourceType ?? 'msg'
-
-    this._ui = undefined // set in buildUI()
+    this._ui = undefined // set in inputMsgHandler
 
     /** Handle incoming msg's - note that the handler fn inherits `this` */
     this.on('input', inputMsgHandler)
diff --git a/nodes/uib-list/customNode.html b/nodes/uib-list/customNode.html
index ae350fc0..9a8aa014 100644
--- a/nodes/uib-list/customNode.html
+++ b/nodes/uib-list/customNode.html
@@ -14,89 +14,96 @@
     limitations under the License.
 -->
 
-<script type="text/html" data-template-name="uib-list">
-<div style="border:3px solid red;margin:10px;padding:10px;width:70%;text-align: center;background-color: hsla(13, 76%, 80%, 0.2);">
-    <b>THIS NODE IS NOW DEPRECATED.</b><br>PLEASE SWITCH TO USING THE <code>uib-element</code> node instead.
-</div>
-
-<div aria-label="Note: only works with new library" class="form-row" style="max-width: 450px">
-    <b>NOTE:</b> This node only works if you are using the new <i>ES Module</i> version of the uibuilder front-end
-    client library. It does not work with the previous <code>uibuilderfe</code> library.
-</div>
-
-<div aria-label="uibuilder URL to associate with" class="form-row" title="uibuilder URL to associate with">
-    <label for="node-input-url"><i class="fa fa-globe"></i> URL</label>
-    <input type="text" id="node-input-url" style="width:70%;"></input>
-</div>
-
-<div aria-label="List element id" class="form-row" title="The HMTL element id to apply to the created list">
-    <label for="node-input-elementid"><i class="fa fa-file-code-o"></i> List ID</label>
-    <input type="text" id="node-input-elementid" placeholder="Must be a valid HTML element id">
-</div>
-
-<div aria-label="List type" class="form-row" title="The type of list to create">
-    <label for="node-input-elementtype"><i class="fa fa-list"></i> Type</label>
-    <input type="text" id="node-input-elementtype" style="width:70%;"></input>
-</div>
-
-<div aria-label="Parent CSS Selector" class="form-row" title="A CSS selector that uniquely identifies the HTML parent element to attach the new list to">
-    <label for="node-input-parent"><i class="fa fa-level-up"></i> Parent</label>
-    <input type="text" id="node-input-parent" placeholder="Optional. CSS Selector">
-</div>
-
-<div aria-label="Outout definition object instead of sending" class="form-row" title="Outputs the configuration instead of sending it to the front-end">
-    <input type="checkbox" id="node-input-passthrough" style="display:inline-block; width:15px; vertical-align:baseline;">
-    <label for="node-input-passthrough" style="width: 90%;">Output instead of send?</label>
-</div>
-
-<div aria-label="Only replay cache if client as actually new" title="A new client comes from a page-load, not a reconnection" class="form-row">
-    <input type="checkbox" id="node-input-cacheOn" style="display: inline-block; width: auto; vertical-align: top;" checked>
-    <label for="node-input-cacheOn" style="width: 90%;">Use the cache?</label>
-</div>
-<div aria-label="Select which context store and variable to use" class="form-row">
-    <label for="node-input-storeName" style="width:25%"><i class="fa fa-database"></i> Store</label>
-    <label for="node-input-storeContext" style="width:25%"><i class="fa fa-database"></i> Type</label>
-    <label for="node-input-varName" style="width:41%"><i class="fa fa-tag"></i> Variable Name</label><br>
-    <input type="text" id="node-input-storeName" style="width:25%"></input>
-    <input type="text" id="node-input-storeContext" style="width:25%"></input>
-    <input type="text" id="node-input-varName" value="uib_cache" title="Can only change if Type is not 'Node'" placeholder="REQD: Context variable name" style="width:41%">
-</div>
-<div aria-label="Only replay cache if client as actually new" title="A new client comes from a page-load, not a reconnection" class="form-row">
-    <input type="checkbox" id="node-input-newcache" style="display: inline-block; width: auto; vertical-align: top;" checked>
-    <label for="node-input-newcache" style="width: 90%;">Only replay cache when client is really new</label>
-</div>
-
-<hr>
+<link type="text/css" rel="stylesheet" href="./resources/node-red-contrib-uibuilder/ti-common.css" media="all">
+<script src="./resources/node-red-contrib-uibuilder/ti-common.js"></script>
 
-<div aria-label="Node Name" class="form-row" title="Node Name (descriptive only)">
-    <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
-    <input type="text" id="node-input-name">
-</div>
+<script type="text/html" data-template-name="uib-list">
+<div id="ti-edit-panel">
+        
+    <div style="border:3px solid red;margin:10px;padding:10px;width:70%;text-align: center;background-color: hsla(13, 76%, 80%, 0.2);">
+        <b>THIS NODE IS NOW DEPRECATED.</b><br>PLEASE SWITCH TO USING THE <code>uib-element</code> node instead.
+    </div>
+
+    <div aria-label="Note: only works with new library" class="form-row" style="max-width: 450px">
+        <b>NOTE:</b> This node only works if you are using the new <i>ES Module</i> version of the uibuilder front-end
+        client library. It does not work with the previous <code>uibuilderfe</code> library.
+    </div>
+
+    <div aria-label="uibuilder URL to associate with" class="form-row" title="uibuilder URL to associate with">
+        <label for="node-input-url"><i class="fa fa-globe"></i> URL</label>
+        <input type="text" id="node-input-url" style="width:70%;"></input>
+    </div>
+
+    <div aria-label="List element id" class="form-row" title="The HMTL element id to apply to the created list">
+        <label for="node-input-elementid"><i class="fa fa-file-code-o"></i> List ID</label>
+        <input type="text" id="node-input-elementid" placeholder="Must be a valid HTML element id">
+    </div>
+
+    <div aria-label="List type" class="form-row" title="The type of list to create">
+        <label for="node-input-elementtype"><i class="fa fa-list"></i> Type</label>
+        <input type="text" id="node-input-elementtype" style="width:70%;"></input>
+    </div>
+
+    <div aria-label="Parent CSS Selector" class="form-row" title="A CSS selector that uniquely identifies the HTML parent element to attach the new list to">
+        <label for="node-input-parent"><i class="fa fa-level-up"></i> Parent</label>
+        <input type="text" id="node-input-parent" placeholder="Optional. CSS Selector">
+    </div>
+
+    <div aria-label="Outout definition object instead of sending" class="form-row" title="Outputs the configuration instead of sending it to the front-end">
+        <input type="checkbox" id="node-input-passthrough" style="display:inline-block; width:15px; vertical-align:baseline;">
+        <label for="node-input-passthrough" style="width: 90%;">Output instead of send?</label>
+    </div>
+
+    <div aria-label="Only replay cache if client as actually new" title="A new client comes from a page-load, not a reconnection" class="form-row">
+        <input type="checkbox" id="node-input-cacheOn" style="display: inline-block; width: auto; vertical-align: top;" checked>
+        <label for="node-input-cacheOn" style="width: 90%;">Use the cache?</label>
+    </div>
+    <div aria-label="Select which context store and variable to use" class="form-row">
+        <label for="node-input-storeName" style="width:25%"><i class="fa fa-database"></i> Store</label>
+        <label for="node-input-storeContext" style="width:25%"><i class="fa fa-database"></i> Type</label>
+        <label for="node-input-varName" style="width:41%"><i class="fa fa-tag"></i> Variable Name</label><br>
+        <input type="text" id="node-input-storeName" style="width:25%"></input>
+        <input type="text" id="node-input-storeContext" style="width:25%"></input>
+        <input type="text" id="node-input-varName" value="uib_cache" title="Can only change if Type is not 'Node'" placeholder="REQD: Context variable name" style="width:41%">
+    </div>
+    <div aria-label="Only replay cache if client as actually new" title="A new client comes from a page-load, not a reconnection" class="form-row">
+        <input type="checkbox" id="node-input-newcache" style="display: inline-block; width: auto; vertical-align: top;" checked>
+        <label for="node-input-newcache" style="width: 90%;">Only replay cache when client is really new</label>
+    </div>
+
+    <hr>
+
+    <div aria-label="Node Name" class="form-row" title="Node Name (descriptive only)">
+        <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
+        <input type="text" id="node-input-name">
+    </div>
+
+    <div aria-label="Information" class="form-row form-tips node-help" style="width:89%">
+        <p>
+            With no <code>msg.mode</code> set, sending another message will 
+            automatically remove and replace the list.
+        </p>
+        <!-- <p>
+            In order to <b>update</b> an existing list rather than replacing it,
+            make sure to set <code>msg.mode</code> to "update". In that case,
+            Whatever you send will be added to the list instead of replacing it.
+        </p> -->
+        <p>
+            To <b>remove</b> an existing list, set <code>msg.mode</code> to "remove".
+            This will also clear the cache.
+        </p>
+        <p>
+            If node status is "Data Registered", when a new client connects to uibuilder,
+            it will immediately be sent a copy of the data so that all connected clients
+            have the same display.
+        </p>
+        <p>
+            If you need to do more complex tasks such as update specific entries in the list,
+            set the node to just output the configuration and then use the documentation to
+            tweak it accordingly.
+        </p>
+    </div>
 
-<div aria-label="Information" class="form-row form-tips node-help" style="width:89%">
-    <p>
-        With no <code>msg.mode</code> set, sending another message will 
-        automatically remove and replace the list.
-    </p>
-    <!-- <p>
-        In order to <b>update</b> an existing list rather than replacing it,
-        make sure to set <code>msg.mode</code> to "update". In that case,
-        Whatever you send will be added to the list instead of replacing it.
-    </p> -->
-    <p>
-        To <b>remove</b> an existing list, set <code>msg.mode</code> to "remove".
-        This will also clear the cache.
-    </p>
-    <p>
-        If node status is "Data Registered", when a new client connects to uibuilder,
-        it will immediately be sent a copy of the data so that all connected clients
-        have the same display.
-    </p>
-    <p>
-        If you need to do more complex tasks such as update specific entries in the list,
-        set the node to just output the configuration and then use the documentation to
-        tweak it accordingly.
-    </p>
 </div>
 
 </script>
@@ -212,6 +219,8 @@ <h3>Details</h3>
 <script type="text/javascript">
     /* eslint-disable strict */
     
+    // ! DEPRECATING - REMOVE IN NEXT MAJOR RELEASE
+    
     // Isolate this code
     (function () {
         'use strict'
diff --git a/nodes/uib-save/customNode.html b/nodes/uib-save/customNode.html
index 67538dc1..607504b8 100644
--- a/nodes/uib-save/customNode.html
+++ b/nodes/uib-save/customNode.html
@@ -14,42 +14,13 @@
     limitations under the License.
 -->
 
-<style>
-    #uib-upd *[aria-label] {
-        position:relative;
-    }
-    #uib-upd *[aria-label]:after {
-        content: attr(aria-label);
-        position:absolute;
-        top:100%;left:50px;
-        box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
-        border: 1px solid var(--red-ui-form-input-border-color);
-        padding: 10px;
-        z-index: 999;
-        background-color: var(--red-ui-popover-background);
-        color: var(--red-ui-popover-color);
-        max-width: 350px;
-        text-decoration: none;
-        text-align: center;
-        border-radius: 6px;
-        white-space: break-spaces;
-        
-        visibility: hidden;
-        opacity: 0;
-        transition: all 0.5s ease-out;
-    }
-    #uib-upd *[aria-label]:hover:after {
-        visibility: visible;
-        opacity: 1;
-        transition: all 0.5s ease-in 1s;
-    }
-    #uib-upd .red-ui-typedInput-container {
-        width:69% !important;
-    }
-</style>
+<link type="text/css" rel="stylesheet" href="./resources/node-red-contrib-uibuilder/ti-common.css" media="all">
+<script src="./resources/node-red-contrib-uibuilder/ti-common.js"></script>
+<script src="./resources/node-red-contrib-uibuilder/uib-save.js"></script>
 
-<script type="text/html" class="uib-tooltip" data-template-name="uib-save">
-<div id="uib-upd">
+<script type="text/html" data-template-name="uib-save">
+<div id="ti-edit-panel">
+    
     <div aria-label="uibuilder URL to associate with" class="form-row" title="uibuilder URL to associate with">
         <label for="node-input-url"><i class="fa fa-globe"></i> URL</label>
         <select id="node-input-url" style="width:70%">
@@ -58,26 +29,32 @@
     </div>
     <hr>
           
-    <div aria-label="Folder to save to" class="form-row">
+    <div aria-label="If set, `msg._uib.pageName` or `msg._ui.pageName` will be used instead of the file name. Folder will be set to the current served folder for the node." class="form-row">
+        <label for="node-input-usePageName">
+            Use pageName
+        </label>
+        <input type="checkbox" id="node-input-usePageName" style="display: inline-block; width: auto; vertical-align: top;">
+    </div>
+    <div aria-label="Folder to save to (relative to node instance root folder). Leave blank to use `msg.folder`. `..` not allowed." class="form-row" id="folder">
         <label for="node-input-folder"><i class="fa fa-folder-open-o"></i> Folder</label>
         <input type="text" id="node-input-folder">
     </div>
-    <div aria-label="File name" class="form-row">
+    <div aria-label="File name. Leave blank to use `msg.fname`. May have prefixed sub-folders. `..` not allowed." class="form-row" id="fname">
         <label for="node-input-fname"><i class="fa fa-file-code-o"></i> File</label>
         <input type="text" id="node-input-fname">
     </div>
 
-    <div aria-label="If set and folder name does not exist, it will be created." class="form-row">
-        <input type="checkbox" id="node-input-createFolder" style="display: inline-block; width: auto; vertical-align: top;">
-        <label for="node-input-createFolder" style="width: 90%;">
+    <div aria-label="If set and sub-folder name(s) do not not exist, they will be created." class="form-row">
+        <label for="node-input-createFolder">
             Create Folder?
         </label>
+        <input type="checkbox" id="node-input-createFolder" style="display: inline-block; width: auto; vertical-align: top;">
     </div>
-    <div aria-label="If set connected client browser tabs will be automatically reloaded." class="form-row">
-        <input type="checkbox" id="node-input-reload" style="display: inline-block; width: auto; vertical-align: top;">
-        <label for="node-input-reload" style="width: 90%;">
+    <div aria-label="If set, connected client browser tabs will be automatically reloaded." class="form-row">
+        <label for="node-input-reload">
             Reload Clients?
         </label>
+        <input type="checkbox" id="node-input-reload" style="display: inline-block; width: auto; vertical-align: top;">
     </div>
     <div aria-label="Character coding for text inputs" class="form-row">
         <label for="node-input-encoding"><i class="fa fa-file-text-o"></i> Encoding</label>
@@ -107,6 +84,10 @@
 <p>
     Save a file into a uibuilder instance folder.
 </p>
+<p>
+    <a href="./uibuilder/docs/#/nodes/uib-save" target="_blank">Documentation</a>.
+    This node has examples in the Node-RED Import Examples library.
+</p>
 
 <h3>Inputs</h3>
 <dl class="message-properties">
@@ -120,11 +101,18 @@ <h3>Inputs</h3>
     <dd>
         If supplied and the folder setting is blank, will be used as the output folder.
     </dd>
+    <dd>
+        Folder name is <b>ALWAYS</b> relative to the node's instance root folder.
+        Folder traversal outside of that is not permitted.
+    </dd>
 
     <dt>fname <span class="property-type">string</span></dt>
     <dd>
         If supplied and the file name setting is blank, will be used as the output file name.
     </dd>
+    <dd>
+        This may contain prefixed sub-folders but cannot use <code>..</code> to prevent folder traversal.
+    </dd>
 </dl>
 
 <h3>Node Settings</h3>
@@ -138,11 +126,25 @@ <h3>Node Settings</h3>
         Sets the top-most (root) folder that can be written to.
     </dd>
 
+    <dt>Use pageName <span class="property-type">boolean</span></dt>
+    <dd>
+        If set, either <code>msg._uib.pageName</code> or <code>msg._ui.pageName</code> will be used
+        instead of the file name. The uibuilder node's current served folder will be used for the folder.
+    </dd>
+    <dd>
+        This allows easy overwriting of a uibuilder page's file simply by issuing an <code>htmlSend</code> command
+        to the front-end and sending the resulting message to this node. See the included examples.
+    </dd>
+    
     <dt>Folder <span class="property-type">string</span></dt>
     <dd>
         The name of an existing or new folder inside the chosen uibuilder instance root.
     </dd>
     <dd>
+        Defaults to <code>src</code>.
+    </dd>
+    <dd>
+        Folder name is <b>ALWAYS</b> relative to the node's instance root folder.
         "<code>..</code>" cannot be included in the path to prevent escaping from the instance root.
     </dd>
     <dd>
@@ -163,7 +165,10 @@ <h3>Node Settings</h3>
         Neither "<code>/</code>" or "<code>\</code>" can be included in the file name. The name must be valid for the OS you are using.
     </dd>
     <dd>
-        <code>msg.fname</code> overrides this as long as this is left blank.
+        <code>msg.fname</code> will be used if this is left blank.
+    </dd>
+    <dd>
+        This may contain prefixed sub-folders but cannot use <code>..</code> to prevent folder traversal.
     </dd>
 
     <dt>Create Folder? <span class="property-type">boolean</span></dt>
@@ -180,6 +185,9 @@ <h3>Node Settings</h3>
     </dd>
     
     <dt>Encoding <span class="property-type">string</span></dt>
+    <dd>
+        Not usable. Future enhancement.
+    </dd>
     <dd>
         The optional string encoding to be used when the input data is a string.
         It defaults to Node.js's <code>utf8</code>.
@@ -187,6 +195,9 @@ <h3>Node Settings</h3>
     </dd>
 
     <dt>Mode <span class="property-type">integer</span></dt>
+    <dd>
+        Not usable. Future enhancement.
+    </dd>
     <dd>
         The optional file output mode. Defaults to <code>0o666</code>
         See Node.js documentation for what can be provided here.
@@ -211,129 +222,3 @@ <h3>Node Settings</h3>
 </dl>
 
 </script>
-
-<script type="text/javascript">
-    /* eslint-disable strict, sonarjs/no-duplicate-string */
-    
-    // Isolate this code
-    (function () {
-        'use strict'
-    
-        /** Module name must match this nodes html file @constant {string} moduleName */
-        const moduleName = 'uib-save'
-        /** Node's label @constant {string} paletteCategory */
-        const nodeLabel = moduleName
-        /** Node's palette category @constant {string} paletteCategory */
-        const paletteCategory = 'uibuilder'
-        /** Node's background color @constant {string} paletteColor */
-        const paletteColor = '#E6E0F8'
-    
-        /** Copy of all deployed uibuilder node instances */
-        let uibInstances = null
-    
-        /** Get all of the current uibuilder URL's */
-        function getUrls() {
-            $.ajax({
-                type: 'GET',
-                async: false,
-                dataType: 'json',
-                url: './uibuilder/admin/dummy',
-                data: {
-                    'cmd': 'listinstances',
-                },
-                success: function(instances) {
-                    console.log('>> Instances >>', instances, Object.entries(instances) )
-    
-                    uibInstances = instances
-    
-                    Object.keys(instances).forEach( (key, i, arr) => {
-                        $('#node-input-url').append($('<option>', {
-                            value: instances[key],
-                            text: instances[key],
-                            'data-id': key,
-                        }))
-                    })
-    
-                }
-            })
-    
-        } // ---- end of getUrls ---- //
-    
-        /** Prep for edit
-         * @param {*} node A node instance as seen from the Node-RED Editor
-         */
-        function onEditPrepare(node) {
-            // initial checkbox states
-            $('#node-input-createFolder').prop('checked', node.createFolder)
-            $('#node-input-reload').prop('checked', node.reload)
-    
-            // Deal with the url
-            getUrls()
-    
-            if ( node.uibId in uibInstances ) {
-                // console.log( 'uibuilder node ID is known', node.url, node.uibId)
-                // We know the ID, always look up the latest name
-                const chkUrl = uibInstances[node.uibId]
-                if (chkUrl !== node.url) { // The url for this node changed so force a re-deploy
-                    RED.nodes.dirty(true)
-                    node.changed = true
-                }
-                node.url = uibInstances[node.uibId]
-            } else if ( Object.values(uibInstances).includes(node.url) ) {
-                // console.log( 'We didnt know the id but we found the url', node.url, node.uibId, Object.keys(uibInstances)[Object.values(uibInstances).indexOf(node.url)])
-                // We didn't know the ID but we know the last url so set the ID - always force a redeploy in this case
-                node.uibId = uibInstances[Object.keys(uibInstances)[Object.values(uibInstances).indexOf(node.url)]]
-                RED.nodes.dirty(true)
-                node.changed = true
-            } else {
-                // console.log( 'Neither id nor url found', node.url, node.uibId)
-                node.valid = false
-            }
-    
-            $('#node-input-url')
-                .on('change', function() {
-                    node.uibId = Object.keys(uibInstances)[Object.values(uibInstances).indexOf(this.value)]
-                    // console.log('>> URL Change >>', this.value, node.uibId, Object.keys(uibInstances)[Object.values(uibInstances).indexOf(this.value)])
-                })
-    
-            if ( node.url && node.url.length > 0 ) {
-                $(`#node-input-url option[value="${node.url}"]`).prop('selected', true)
-                $('#node-input-url').val(node.url)
-            }
-        } // ----- end of onEditPrepare() ----- //
-    
-        // @ts-ignore
-        RED.nodes.registerType(moduleName, {
-            category: paletteCategory,
-            color: paletteColor,
-            defaults: {
-                url: { value: '', required: true },
-                uibId: { value: '' }, // ID of selected uibuilder instance
-                folder: { value: 'src', },
-                fname: { value: '', },
-                createFolder: { value: false, },
-                reload: { value: false, },
-                encoding: { value: 'utf8' },
-                mode: { value: 0o666 },
-                name: { value: '' },
-                topic: { value: '' },
-            },
-            align: 'left',
-            inputs: 1,
-            inputLabels: 'File content to save',
-            // outputs: 1,
-            // outputLabels: ['HTML payload'],
-            icon: 'font-awesome/fa-floppy-o',
-            paletteLabel: nodeLabel,
-            label: function () {
-                return this.name || this.url || moduleName
-            },
-    
-            /** Prepares the Editor panel */
-            oneditprepare: function () { onEditPrepare(this) },
-    
-        }) // ---- End of registerType() ---- //
-    
-    }())
-    
-</script>
diff --git a/nodes/uib-save/customNode.js b/nodes/uib-save/customNode.js
index d8effe8d..d2e41b26 100644
--- a/nodes/uib-save/customNode.js
+++ b/nodes/uib-save/customNode.js
@@ -28,7 +28,8 @@
 //#region ----- Module level variables ---- //
 
 const uibFs  = require('../libs/fs')   // File/folder handling library (by Totally Information)
-const uiblib = require('../libs/uiblib')  // Utility library for uibuilder
+// const uiblib = require('../libs/uiblib')  // Utility library for uibuilder
+const { setNodeStatus } = require('../libs/uiblib')  // Utility library for uibuilder
 
 /** Main (module) variables - acts as a configuration object
  *  that can easily be passed around.
@@ -59,28 +60,44 @@ const mod = {
  */
 async function inputMsgHandler(msg, send, done) { // eslint-disable-line no-unused-vars
 
-    // const RED = mod.RED
-
-    // TODO check if msg.payload exists
-    // TODO msg/config overrides
-    // TODO Check the _ui pagename property if fname not set - to allow auto-updates to pages
-
-    // TODO Make the folder name in Editor default to `src`
-
-    // If msg.fname or msg.folder provided, override the static setting but only if the static setting is blank
+    const RED = mod.RED
+    let statusColor = 'blue'
 
-    // Call uibuilder shared library to save file
-    try {
-        await uibFs.writeInstanceFile(this.url, this.folder, this.fname, msg.payload)
-        this.counters.success++
-        this.statusDisplay = { fill: 'green', shape: 'dot', text: `Saved: ${this.counters.success}, Failed: ${this.counters.fail}` }
-    } catch (err) {
+    if (!msg.payload) {
         this.counters.fail++
-        this.statusDisplay = { fill: 'red', shape: 'dot', text: `Saved: ${this.counters.success}, Failed: ${this.counters.fail}` }
-        this.error(`🛑${err.message}`, err)
+        statusColor = 'red'
+        this.error('🛑 msg.payload not present or empty. File not saved.')
+    } else {
+        let folder = this.folder
+        let fname = this.fname
+
+        // If "Use pageName"
+        if (this.usePageName === true && ( (msg._uib && msg._uib.pageName) || (msg._ui && msg._ui.pageName) )) {
+            fname = msg._uib ? msg._uib.pageName : msg._ui.pageName
+            const srcNode = RED.nodes.getNode(this.uibId)
+            folder = srcNode.sourceFolder
+        } else {
+            this.warn('Use pageName requested but neither msg._uib nor msg._ui exists')
+        }
+
+        // If msg.fname or msg.folder provided, override the static setting but only if the static setting is blank
+        if (!folder && msg.folder) folder = msg.folder
+        if (!fname && msg.fname) fname = msg.fname
+
+        // Call uibuilder shared library to save file (optional sub-folder creation and client reload)
+        try {
+            await uibFs.writeInstanceFile(this.url, folder, fname, msg.payload, this.createFolder, this.reload)
+            this.counters.success++
+            statusColor = 'green'
+        } catch (err) {
+            this.counters.fail++
+            statusColor = 'red'
+            this.error(`🛑 ${err.message}`, err)
+        }
     }
 
-    uiblib.setNodeStatus( this )
+    this.statusDisplay = { fill: statusColor, shape: 'dot', text: `Saved: ${this.counters.success}, Failed: ${this.counters.fail}` }
+    setNodeStatus( this )
 
     // We are done
     done()
@@ -107,6 +124,7 @@ function nodeInstance(config) {
     this.fname = config.fname ?? ''
     this.createFolder = config.createFolder ?? false
     this.reload = config.reload ?? false
+    this.usePageName = config.usePageName ?? false
     this.encoding = config.encoding ?? 'utf8'
     this.mode = config.mode ?? 0o666
     this.uibId = config.uibId ?? ''
@@ -118,17 +136,12 @@ function nodeInstance(config) {
         return
     }
 
-    // Get reference to the uibuilder node instance
-    const uibNode = RED.nodes.getNode(this.uibId)
-    // Get reference to the instance root folder
-    this.instanceRoot = uibNode.customFolder
-
     this.counters = {
         success: 0,
         fail: 0,
     }
     this.statusDisplay = { fill: 'blue', shape: 'dot', text: `Saved: ${this.counters.success}, Failed: ${this.counters.fail}` }
-    uiblib.setNodeStatus( this )
+    setNodeStatus( this )
 
     /** Handle incoming msg's - note that the handler fn inherits `this` */
     this.on('input', inputMsgHandler)
diff --git a/nodes/uib-sender.html b/nodes/uib-sender.html
index e0bc68c1..d52e59c0 100644
--- a/nodes/uib-sender.html
+++ b/nodes/uib-sender.html
@@ -1,55 +1,65 @@
-<script type="text/javascript">/* eslint-disable sonarjs/no-duplicate-string */
+<link type="text/css" rel="stylesheet" href="./resources/node-red-contrib-uibuilder/ti-common.css" media="all"><script src="./resources/node-red-contrib-uibuilder/ti-common.js"></script><script type="text/javascript">/* eslint-disable sonarjs/no-duplicate-string */
 /* eslint-disable strict */
 
 // Isolate this code
 (function () {
     'use strict'
 
+    const uibuilder = window['uibuilder']
+    const mylog = uibuilder.log
+
     /** Module name must match this nodes html file @constant {string} moduleName */
     const moduleName  = 'uib-sender'
     /** Node's label @constant {string} paletteCategory */
     const nodeLabel  = 'uib-sender'
     /** Node's palette category @constant {string} paletteCategory */
-    const paletteCategory  = 'uibuilder'
+    const paletteCategory  = uibuilder.paletteCategory
     /** Node's background color @constant {string} paletteColor */
-    const paletteColor  = '#E6E0F8'
+    const paletteColor  = 'var(--uib-node-colour)' // '#E6E0F8'
 
     /** Copy of all deployed uibuilder node instances */
-    let uibInstances = null
+    let uibInstances
 
     /** Get all of the current uibuilder URL's */
     function getUrls() {
-        $.ajax({
-            type: 'GET',
-            async: false,
-            dataType: 'json',
-            url: './uibuilder/admin/dummy',
-            data: {
-                'cmd': 'listinstances',
-            },
-            success: function(instances) {
-                console.log('>> Instances >>', instances, Object.entries(instances) )
-
-                uibInstances = instances
-
-                Object.keys(instances).forEach( (key, i, arr) => {
-                    $('#node-input-url').append($('<option>', {
-                        value: instances[key],
-                        text: instances[key],
-                        'data-id': key,
-                    }))
-                })
-
-            }
+        uibInstances = uibuilder.getDeployedUrls()
+        Object.keys(uibInstances).forEach( (key, i, arr) => {
+            $('#node-input-url').append($('<option>', {
+                value: uibInstances[key],
+                text: uibInstances[key],
+                'data-id': key,
+            }))
         })
-
+        // $.ajax({
+        //     type: 'GET',
+        //     async: false,
+        //     dataType: 'json',
+        //     url: './uibuilder/admin/dummy',
+        //     data: {
+        //         'cmd': 'listinstances',
+        //     },
+        //     success: function(instances) {
+        //         console.log('>> Instances >>', instances, Object.entries(instances) )
+
+        //         uibInstances = instances
+
+        //         Object.keys(instances).forEach( (key, i, arr) => {
+        //             $('#node-input-url').append($('<option>', {
+        //                 value: instances[key],
+        //                 text: instances[key],
+        //                 'data-id': key,
+        //             }))
+        //         })
+
+        //     }
+        // })
     } // ---- end of getUrls ---- //
 
     /** Prep for edit
      * @param {*} node A node instance as seen from the Node-RED Editor
      */
     function onEditPrepare(node) {
-        console.log('uib-sender onEditPrepare ', node)
+        mylog('uib-sender onEditPrepare ', node)
 
         // initial checkbox states
         if (!node.passthrough) node.passthrough = false
@@ -113,6 +123,7 @@
             $('#node-input-url').val(node.url)
         }
 
+        window['tiDoTooltips']('#ti-edit-panel') // Do this at the end
     } // ----- end of onEditPrepare() ----- //
 
     /** When node type is added to the palette
@@ -152,30 +163,34 @@
 
     }) // ---- End of registerType() ---- //
 
-}())</script><script type="text/html" data-template-name="uib-sender"><div aria-label="uibuilder URL to associate with" class="form-row" title="uibuilder URL to associate with">
-    <label for="node-input-url"><i class="fa fa-globe"></i> URL</label>
-    <select id="node-input-url">
-        <option value="" name="">--choose a uibuilder instance--</option>
-    </select>
-</div>
-
-<div class="form-row">
-    <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
-    <input type="text" id="node-input-name">
-</div>
-<div class="form-row">
-    <label for="node-input-topic"><i class="fa fa-tasks"></i> Topic</label>
-    <input type="text" id="node-input-topic">
-</div>
-
-<div class="form-row">
-    <input type="checkbox" id="node-input-passthrough" style="display:inline-block; width:15px; vertical-align:baseline;">
-    <label for="node-input-passthrough" style="width: 90%;">Pass input msg to output?</label>
-</div>
-
-<div class="form-row">
-    <input type="checkbox" id="node-input-return" style="display:inline-block; width:15px; vertical-align:baseline;">
-    <label for="node-input-return" style="width: 90%;">Allow return messages?</label>
+}())</script><script type="text/html" data-template-name="uib-sender"><div id="ti-edit-panel">
+
+    <div aria-label="uibuilder URL to associate with" class="form-row" title="uibuilder URL to associate with">
+        <label for="node-input-url"><i class="fa fa-globe"></i> URL</label>
+        <select id="node-input-url">
+            <option value="" name="">--choose a uibuilder instance--</option>
+        </select>
+    </div>
+
+    <div class="form-row">
+        <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
+        <input type="text" id="node-input-name">
+    </div>
+    <div class="form-row">
+        <label for="node-input-topic"><i class="fa fa-tasks"></i> Topic</label>
+        <input type="text" id="node-input-topic">
+    </div>
+
+    <div class="form-row">
+        <input type="checkbox" id="node-input-passthrough" style="display:inline-block; width:15px; vertical-align:baseline;">
+        <label for="node-input-passthrough" style="width: 90%;">Pass input msg to output?</label>
+    </div>
+
+    <div class="form-row">
+        <input type="checkbox" id="node-input-return" style="display:inline-block; width:15px; vertical-align:baseline;">
+        <label for="node-input-return" style="width: 90%;">Allow return messages?</label>
+    </div>
+
 </div></script><script type="text/html" data-help-name="uib-sender"><p>
     An easy method of sending messages to your uibuilder front-end from anywhere in your flows 
     and a method of easily getting a response back again.
diff --git a/nodes/uib-tag/customNode.html b/nodes/uib-tag/customNode.html
index 239d3d91..177935e8 100644
--- a/nodes/uib-tag/customNode.html
+++ b/nodes/uib-tag/customNode.html
@@ -14,42 +14,12 @@
     limitations under the License.
 -->
 
-<style>
-    #uib-upd *[aria-label] {
-        position:relative;
-    }
-    #uib-upd *[aria-label]:after {
-        content: attr(aria-label);
-        position:absolute;
-        top:100%;left:50px;
-        box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
-        border: 1px solid var(--red-ui-form-input-border-color);
-        padding: 10px;
-        z-index: 999;
-        background-color: var(--red-ui-popover-background);
-        color: var(--red-ui-popover-color);
-        max-width: 350px;
-        text-decoration: none;
-        text-align: center;
-        border-radius: 6px;
-        white-space: break-spaces;
-        
-        visibility: hidden;
-        opacity: 0;
-        transition: all 0.5s ease-out;
-    }
-    #uib-upd *[aria-label]:hover:after {
-        visibility: visible;
-        opacity: 1;
-        transition: all 0.5s ease-in 1s;
-    }
-    #uib-upd .red-ui-typedInput-container {
-        width:69% !important;
-    }
-</style>
+<link type="text/css" rel="stylesheet" href="./resources/node-red-contrib-uibuilder/ti-common.css" media="all">
+<script src="./resources/node-red-contrib-uibuilder/ti-common.js"></script>
+<script src="./resources/node-red-contrib-uibuilder/uib-tag.js"></script>
 
 <script type="text/html" class="uib-tooltip" data-template-name="uib-tag">
-<div id="uib-upd">
+<div id="ti-edit-panel">
 
     <div aria-label="Required. The tag/element name (without the opening/closing brackets. eg. `a` not `&lt;a>`)." class="form-row" id="row-tag">
         <label for="node-input-tag"><i class="fa fa-tag"></i> Tag</label>
@@ -124,7 +94,7 @@
     Requires the "new" front-end client library (either the IIFE or ESM version).
 </p>
 <p>
-    Please try out the example in the import library.
+    Please try out the example in the import library. <a href="./uibuilder/docs/#/nodes/uib-tag" target="_blank">Documentation</a>.
 </p>
 
 <h3>Inputs</h3>
@@ -230,178 +200,3 @@ <h3>Details</h3>
 </p>
 
 </script>
-
-<script type="text/javascript">
-    /* eslint-disable strict, sonarjs/no-duplicate-string */
-    
-    // Isolate this code
-    (function () {
-        'use strict'
-    
-        /** Module name must match this nodes html file @constant {string} moduleName */
-        const moduleName = 'uib-tag'
-        /** Node's label @constant {string} paletteCategory */
-        const nodeLabel = moduleName
-        /** Node's palette category @constant {string} paletteCategory */
-        const paletteCategory = 'uibuilder'
-        /** Node's background color @constant {string} paletteColor */
-        const paletteColor = '#E6E0F8'
-    
-        const inputTypes = [
-            'msg', 'flow', 'global',
-            'str', 'num', 'bool', 'date',
-            'env', 'jsonata', 're', 'json',
-            // 'bin', 'cred',
-        ]
-        // Standard typed input types for string fields
-        const stdStrTypes = [
-            'msg', 'flow', 'global',
-            'str', 'env', 'jsonata', 're',
-        ]
-    
-        /** Prep for edit
-         * @param {*} node A node instance as seen from the Node-RED Editor
-         */
-        function onEditPrepare(node) {
-            $('#node-input-slotPropMarkdown').prop('checked', node.slotPropMarkdown)
-    
-            if (!node.parent) $('#node-input-parent').val('body')
-            if (!node.position) {
-                $('#node-input-position').val('last')
-                node.position = 'last'
-            }
-    
-            // Define tag - typed input - https://nodered.org/docs/api/ui/typedInput/
-            $('#node-input-tag').typedInput({
-                types: stdStrTypes,
-                default: 'str',
-                typeField: $('#node-input-tagSourceType'),
-            })
-    
-            // parent selector typed input - https://nodered.org/docs/api/ui/typedInput/
-            $('#node-input-parent').typedInput({
-                types: stdStrTypes,
-                default: 'str',
-                typeField: $('#node-input-parentSourceType'),
-            }) // .typedInput('width', tiWidth)
-    
-            // element id typed input
-            $('#node-input-elementId').typedInput({
-                types: stdStrTypes,
-                default: 'str',
-                typeField: $('#node-input-elementIdSourceType'),
-            }) // .typedInput('width', tiWidth)
-    
-            // position typed input
-            $('#node-input-position').typedInput({
-                types: stdStrTypes,
-                default: 'str',
-                typeField: $('#node-input-positionSourceType'),
-            }) // .typedInput('width', tiWidth)
-    
-            // slotSourceProp typed input
-            $('#node-input-slotSourceProp').typedInput({
-                types: inputTypes,
-                default: 'msg',
-                typeField: $('#node-input-slotSourcePropType')
-            })
-    
-            $('#node-input-slotPropMarkdown').on('change', function() {
-                if ($(this).is(':checked') === false) {
-                    $('#slotPropMarkdown-unchecked').show()
-                    $('#slotPropMarkdown-checked').hide()
-                } else {
-                    $('#slotPropMarkdown-unchecked').hide()
-                    $('#slotPropMarkdown-checked').show()
-                }
-            })
-    
-            // attribsSource typed input - https://nodered.org/docs/api/ui/typedInput/
-            $('#node-input-attribsSource').typedInput({
-                types: ['msg', 'flow', 'global', 'json', 'jsonata',],
-                default: 'msg',
-                typeField: $('#node-input-attribsSourceType')
-            })
-    
-        } // ----- end of onEditPrepare() ----- //
-    
-        /** Validate a typed input as a string
-         * Must not be JSON. Can be a number only if allowNum=true. Can be an empty string only if allowBlank=true
-         * Sets typedInput border to red if not valid since custom validation not available on std typedInput types
-         * @param {string} value Input value
-         * @param {string} inpName Input field name
-         * @param {boolean} allowBlank true=allow blank string. Default=true
-         * @param {boolean} allowNum true=allow numeric input. Default=false
-         * @returns {boolean} True if valid
-         */
-        function tiValidateOptString(value, inpName, allowBlank = true, allowNum = false) {
-            let isValid = true
-            let f
-            try {
-                f = value.slice(0, 1)
-            } catch (e) {}
-    
-            if (allowBlank === false && value === '') {
-                isValid = false
-                // console.log({ name: inpName, why: 'Blank failed', value: value, allowBlank: allowBlank })
-            }
-    
-            if ( allowNum === false && (value !== '' && !isNaN(Number(value))) ) {
-                isValid = false
-                // console.log({ name: inpName, why: 'Num failed', value: value, allowNum: allowNum })
-            }
-    
-            if ( f === '{' || f === '[' ) isValid = false
-    
-            $(`#node-input-${inpName} + .red-ui-typedInput-container`).css('border-color', isValid ? 'var(--red-ui-form-input-border-color)' : 'red')
-            return isValid
-        }
-    
-        // @ts-ignore
-        RED.nodes.registerType(moduleName, {
-            category: paletteCategory,
-            color: paletteColor,
-            defaults: {
-                name: { value: '' },
-                topic: { value: '' },
-    
-                tag: { value: '', validate: (v) => tiValidateOptString(v, 'tag', false, false) }, // RED.validators.regex(/^((?!<|>).)*$/) },
-    
-                parent: { value: 'body', validate: (v) => tiValidateOptString(v, 'parent', false, false) },
-                parentSource: { value: '' }, // ! only here to allow for migration to parentSource field - remove after go-live of v6.1
-                parentSourceType: { value: 'str' },
-    
-                elementId: { value: '', validate: (v) => tiValidateOptString(v, 'elementId', true, false) },
-                elementIdSourceType: { value: 'str' },
-    
-                position: { value: 'last', validate: (v) => tiValidateOptString(v, 'position', false, true) },
-                positionSourceType: { value: 'str' },
-    
-                slotSourceProp: { value: '' },
-                slotSourcePropType: { value: 'msg' },
-    
-                attribsSource: { value: '' },
-                attribsSourceType: { value: 'msg' },
-    
-                slotPropMarkdown: { value: false },
-            },
-            align: 'left',
-            inputs: 1,
-            inputLabels: 'Source data',
-            outputs: 1,
-            outputLabels: ['uibuilder dynamic UI configuration'],
-            icon: 'font-awesome/fa-tag',
-            paletteLabel: nodeLabel,
-            label: function () {
-                // return this.name || `${this.mode}${this.cssSelectorType === 'str' ? ` ${this.cssSelector.replace(/.*::/, '')}` : ''}`  || moduleName
-                return this.name || `[${this.tag}] ${this.parent ? `${this.parent}.` : ''}${this.elementId || moduleName}`
-            },
-    
-            /** Prepares the Editor panel */
-            oneditprepare: function () { onEditPrepare(this) },
-    
-        }) // ---- End of registerType() ---- //
-    
-    }())
-    
-</script>
diff --git a/nodes/uib-tag/customNode.js b/nodes/uib-tag/customNode.js
index 19adeb3a..6706557b 100644
--- a/nodes/uib-tag/customNode.js
+++ b/nodes/uib-tag/customNode.js
@@ -27,7 +27,8 @@
 
 //#region ----- Module level variables ---- //
 
-const { promisify } = require('util')
+const { getSource } = require('../libs/uiblib')
+// const lowCode = require('../libs/low-code')
 
 /** Main (module) variables - acts as a configuration object
  *  that can easily be passed around.
@@ -45,40 +46,12 @@ const mod = {
 
 //#region ----- Module-level support functions ----- //
 
-/** Get an individual value for a typed input field
- * @param {string} propName Name of the node property to check
- * @param {runtimeNode & uibTagNode} node reference to node instance
- * @param {*} msg incoming msg
- */
-async function getSource(propName, node, msg) {
-    const src = `${propName}Source`
-    const srcType = `${propName}SourceType`
-    if (node[src] !== '') {
-        try {
-            node[propName] = await mod.evaluateNodeProperty(node[src], node[srcType], node, msg)
-        } catch (e) {
-            node.warn(`Cannot evaluate source for ${propName}. ${e.message} (${srcType})`)
-        }
-    }
-}
-
 /** Create/update the _ui object and retain for replay
  * @param {*} msg incoming msg
  * @param {runtimeNode & uibTagNode} node reference to node instance
  */
 async function buildUi(msg, node) {
 
-    // Get all of the typed input values (in parallel)
-    await Promise.all([
-        getSource('tag', node, msg),
-        getSource('elementId', node, msg),
-        getSource('parent', node, msg),
-        getSource('position', node, msg),
-        getSource('cssSelector', node, msg),
-        getSource('slotContent', node, msg),
-        getSource('attribs', node, msg),
-    ])
-
     // Allow combination of msg._ui and this node allowing chaining of the nodes
     if ( msg._ui ) {
         if (!Array.isArray(msg._ui)) msg._ui = [msg._ui]
@@ -124,7 +97,6 @@ async function buildUi(msg, node) {
             },
         ]
     })
-    
 } // -- end of buildUI -- //
 
 /** Build the output and send the msg (clone input msg and add _ui prop)
@@ -160,7 +132,7 @@ function emitMsg(msg, node) {
  */
 async function inputMsgHandler(msg, send, done) { // eslint-disable-line no-unused-vars
 
-    // const RED = mod.RED
+    const RED = mod.RED
 
     // TODO: Accept cache-replay and cache-clear
     // Is this a uib control msg? If so, ignore it since this is connected to uib via event handler
@@ -173,6 +145,16 @@ async function inputMsgHandler(msg, send, done) { // eslint-disable-line no-unus
     // If msg has _ui property - is it from the client? If so, remove it.
     if (msg._ui && msg._ui.from && msg._ui.from === 'client') delete msg._ui
 
+    // Get all of the typed input values (in parallel)
+    await Promise.all([
+        getSource('tag', this, msg, RED),
+        getSource('elementId', this, msg, RED),
+        getSource('parent', this, msg, RED),
+        getSource('position', this, msg, RED),
+        getSource('slotContent', this, msg, RED),
+        getSource('attribs', this, msg, RED),
+    ])
+
     // Save the last input msg for replay to new client connections, creates/update this._ui
     await buildUi(msg, this)
 
@@ -244,8 +226,7 @@ function ModuleDefinition(RED) {
     // Save a reference to the RED runtime for convenience
     mod.RED = RED
 
-    // Save a ref to a promisified version to simplify async callback handling
-    mod.evaluateNodeProperty = promisify(mod.RED.util.evaluateNodeProperty)
+    // lowCode.setup(RED)
 
     /** Register a new instance of the specified node type (2) */
     RED.nodes.registerType(mod.nodeName, nodeInstance)
diff --git a/nodes/uib-update/customNode.html b/nodes/uib-update/customNode.html
index a470e0b3..71c2585b 100644
--- a/nodes/uib-update/customNode.html
+++ b/nodes/uib-update/customNode.html
@@ -14,42 +14,11 @@
     limitations under the License.
 -->
 
-<style>
-    #uib-upd *[aria-label] {
-        position:relative;
-    }
-    #uib-upd *[aria-label]:after {
-        content: attr(aria-label);
-        position:absolute;
-        top:100%;left:50px;
-        box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
-        border: 1px solid var(--red-ui-form-input-border-color);
-        padding: 10px;
-        z-index: 999;
-        background-color: var(--red-ui-popover-background);
-        color: var(--red-ui-popover-color);
-        max-width: 350px;
-        text-decoration: none;
-        text-align: center;
-        border-radius: 6px;
-        white-space: break-spaces;
-        
-        visibility: hidden;
-        opacity: 0;
-        transition: all 0.5s ease-out;
-    }
-    #uib-upd *[aria-label]:hover:after {
-        visibility: visible;
-        opacity: 1;
-        transition: all 0.5s ease-in 1s;
-    }
-    #uib-upd .red-ui-typedInput-container {
-        width:69% !important;
-    }
-</style>
+<link type="text/css" rel="stylesheet" href="./resources/node-red-contrib-uibuilder/ti-common.css" media="all">
+<script src="./resources/node-red-contrib-uibuilder/ti-common.js"></script>
 
-<script type="text/html" class="uib-tooltip" data-template-name="uib-update">
-<div id="uib-upd">
+<script type="text/html" data-template-name="uib-update">
+<div id="ti-edit-panel">
 
     <div aria-label="Choose update (default) or delete mode" class="form-row">
         <label for="node-input-mode">Mode</label>
@@ -109,11 +78,11 @@
 <script type="text/html" data-help-name="uib-update">
 
 <p>
-    Zero-code UI updater. Updates HTML elements from simple input data.<br><br>
+    Zero-code UI updater for <span class="uib-name"><span class="uib-red">UI</span>BUILDER</span>. Updates HTML elements from simple input data.<br><br>
     Requires the "new" front-end client library (either the IIFE or ESM version).
 </p>
 <p>
-    Please try out the example in the import library.
+    Please try out the example in the import library. <a href="./uibuilder/docs/#/nodes/uib-update" target="_blank">Documentation</a>.
 </p>
 
 <h3>Inputs</h3>
@@ -227,14 +196,16 @@ <h3>Details</h3>
     (function () {
         'use strict'
     
+        // const mylog = window['uibuilder'].log
+    
         /** Module name must match this nodes html file @constant {string} moduleName */
         const moduleName = 'uib-update'
         /** Node's label @constant {string} paletteCategory */
         const nodeLabel = moduleName
         /** Node's palette category @constant {string} paletteCategory */
-        const paletteCategory = 'uibuilder'
+        const paletteCategory  = window['uibuilder'].paletteCategory
         /** Node's background color @constant {string} paletteColor */
-        const paletteColor = '#E6E0F8'
+        const paletteColor  = 'var(--uib-node-colour)' // '#E6E0F8'
     
         const inputTypes = [
             'msg', 'flow', 'global',
@@ -313,6 +284,7 @@ <h3>Details</h3>
                 typeField: $('#node-input-attribsSourceType')
             })
     
+            window['tiDoTooltips']('#ti-edit-panel') // Do this at the end
         } // ----- end of onEditPrepare() ----- //
     
         /** Validate a typed input as a string
@@ -383,9 +355,7 @@ <h3>Details</h3>
     
             /** Prepares the Editor panel */
             oneditprepare: function () { onEditPrepare(this) },
-    
         }) // ---- End of registerType() ---- //
-    
     }())
     
 </script>
diff --git a/nodes/uibuilder.html b/nodes/uibuilder.html
index 6b6f7cbf..97dbc2be 100644
--- a/nodes/uibuilder.html
+++ b/nodes/uibuilder.html
@@ -1,76 +1 @@
-<style>:root {
-        --uib-blue: hsl(204 89% 55% / 70%);
-        --uib-red: hsl(0 100% 45% / 70%); /*#8f0000;*/
-    }
-    .uib-name {
-        display:inline !important;
-        font-weight: 600;
-        text-transform: uppercase;
-        color: var(--uib-blue) !important;
-    }
-    .uib-red {
-        color: var(--uib-red) !important;
-        font-weight: 800;
-    }
-    .emoji {
-        font-family: 
-            "Twemoji Mozilla",
-            "Apple Color Emoji",
-            "Segoe UI Emoji",
-            "Segoe UI Symbol",
-            "Noto Color Emoji",
-            "EmojiOne Color",
-            "Android Emoji",
-            sans-serif;
-    }</style><script type="text/html" data-template-name="uibuilder"><div class="form-row tabs-row"><ul id="tabs"></ul></div><div id="tabs-content" x-style="border-bottom: 1px solid silver; padding-bottom: 1em; margin-bottom: 1em;"><div id="tab-core"><div id="url-input" aria-label="Home 'page' id. Defines the URL used" class="form-row" title="Make sure this gives a unique URL. Also used as a folder name for resources."><label for="node-input-url"><i class="fa fa-globe"></i> URL</label> <input type="text" id="node-input-url" title="Cannot be 'templates. Cannot contain: space _ / \\ ..'" placeholder="Required. <20 chars. Unique"></div><div id="info" aria-label="Information and utility links" class="form-row" style="display: flex; justify-content: space-between; width:450px"><a id="uibuilderurl" title="Open the UIBUILDER web page" href="uibindex" target="_blank" class="red-ui-button editor-button"><i class="fa fa-globe" aria-hidden="true"></i> Open </a><a href="./uibuilder/uibindex" target="_blank" class="red-ui-button editor-button" title="Shows available libraries, configuration and other detailed UIBUILDER information"><i class="fa fa-info-circle" aria-hidden="true"></i> Full details </a><a id="uibinstanceconf" href="./uibuilder/instance/_url_?cmd=showinstancesettings" target="_blank" class="red-ui-button editor-button" title="Shows detailed configuration for this instance of UIBUILDER"><i class="fa fa-info" aria-hidden="true"></i> Node details </a><a href="./uibuilder/docs" target="_blank" class="red-ui-button editor-button" title="Shows the UIBUILDER documentation as a new page"><i class="fa fa-book" aria-hidden="true"></i> Docs</a></div><div id="info-webserver" class="form-row" style="width:450px"></div><div aria-label="Node Name" class="form-row" title="Node Name (descriptive only)"><label for="node-input-name"><i class="fa fa-tag"></i> Name</label> <input type="text" id="node-input-name"></div><div aria-label="Topic" class="form-row" title="Adds a msg.topic to input msgs if not already provided"><label for="node-input-topic"><i class="fa fa-tasks"></i> Topic</label> <input type="text" id="node-input-topic"></div><h4>Template Settings</h4><div aria-label="Template selector" class="form-row"><label for="node-input-templateFolder" style="width:100px;"><i class="fa fa-window-restore"></i> Template</label> <select id="node-input-templateFolder" style="width:70%;"></select></div><div aria-label="Hidden unless external template is selected above" id="et-input" class="form-row" title="Input a Degit compatible repository name. e.g. totallyinformation&sol;uib-template-test" style="display:none"><label for="node-input-extTemplate"><i class="fa fa-globe"></i> External</label> <input type="text" id="node-input-extTemplate" placeholder="totallyinformation/uib-template-test"></div><div aria-label="Button to load new template" class="form-row"><label for="btn-load-template" style="width:100px;"></label> <button class="btn" id="btn-load-template" style="margin-top: 0.3em;" title="Load selected template, overwriting existing files">Load &amp; Overwrite Files</button></div><div aria-label="How to use the template selector" class="form-row" style="max-width: 450px"><p>By default, <span class="uib-name"><span class="uib-red">UI</span>BUILDER</span> creates an instance root folder with the "Blank" template. If you wish to use a different template, select and load it here.</p><p>Selecting a Template from the drop-down <b>does not</b> load the template</p><p>Loading a Template <b><u>will</u> overwrite</b> existing same-named files.</p></div></div><div id="tab-files"><div aria-label="Drop-down for selecting folder & new, del buttons" class="form-row" title="Choose between the src, dist (built src) or root folders"><label for="node-input-folder" style="width:5em;"><i class="fa fa-folder-open-o"></i> Folder:</label> <select id="node-input-folder" style="width:63%;"></select> <span id="fldr-buttons"><button class="btn" id="btn-fldr-new" title="Add a new folder">New</button><div id="fldr-new-dialog" title="Create a new folder" dialog><label for="fldr-input-newname">New Folder Name</label> <input type="text" id="fldr-input-newname"><div title="" style="margin-top:.5em;">New folder will be created inside <code>&lt;uibRoot&gt;/<span id="fldr_url">&lt;url&gt;</span></code>.<br>Do not forget to include sub-folder name if needed.<br>e.g. <code>src/mynewfldr</code></div></div><button class="btn" id="btn-fldr-del" title="Delete the selected folder">Del</button><div id="fldr-del-dialog" title="Delete the currently selected folder" dialog><b>Folder to be deleted</b><p><code id="fldr-del-name"></code></p><p id="fldr-del-recopy"></p><p style="border:2px solid brown;color:brown;font-weight:bold;padding:5px 5px;">Warning: This action cannot be undone.<br>If you delete the <code>src</code> or <code>dist</code> folders some things might not work correctly.</p></div></span></div><div aria-label="Drop-down for selecting file to edit" class="form-row"><label for="node-input-filename" style="width:5em;"><i class="fa fa-file-code-o"></i> File:</label> <select id="node-input-filename" style="width: 83%;"></select></div><div aria-label="Save, Reset, close, (message), Delete" class="form-row"><button class="btn" id="edit-save" title="Save any changes to the file">Save</button> <button class="btn" id="edit-reset" title="Reset any changes to last saved version (cancel changes)">Reset</button> <span id="file-action-message"></span><div style="position: absolute;right:1.6em;display:inline-block;"><button class="btn" id="edit-new" title="Add a new file.">New</button><div dialog id="edit_new_dialog" title="Create a new file"><label for="edit-input-newname">New File Name</label> <input type="text" id="edit-input-newname"><div style="margin-top:.5em;">New file will be created inside the <code>&lt;uibRoot&gt;/<span id="file_url">&lt;url&gt;</span>/<span id="file_fldr">&lt;folder&gt;</span></code> folder.<br>You can include a sub-folder name if needed. Intermediate folders will be automatically created.<br>e.g. <code>src/mynewfldr/myfile.js</code></div></div><button class="btn" id="edit-delete" title="Delete the file. Will reset to the default template if Copy from templates flag is set.">Delete</button><div id="edit_delete_dialog" title="Delete the currently selected file" dialog><b>File to be deleted</b><p><code id="edit-delete-name"></code></p><p id="edit-delete-recopy"></p><p style="border:2px solid brown;color:brown;font-weight:bold;padding:5px 5px;">Warning: This action cannot be undone.</p></div></div></div><div aria-label="Edit box editor-tray-content" id="edit-outer" class="form-row node-text-editor-row" style="position:relative"><div style="height: 350px; min-height:150px;" class="node-text-editor" id="node-input-template-editor"></div><div style="height: 350px; min-height:150px;display:hidden" id="node-input-template-editor-no-file">No file available, please select a different file or folder.</div></div><div aria-label="File data (hidden), language selector" class="form-row"><button id="node-function-expand-js" class="editor-button"><i class="fa fa-expand"></i></button> <input type="checkbox" id="node-input-reload" style="width:auto;" title="If set, all connected clients will reload the page they are on when any change is saved."> <label for="node-input-reload" style="width:80%;">Reload connected clients on save?.</label> <input type="hidden" id="node-input-template" data-isclean="true"><div style="position: absolute; right:1.6em;display:inline-block; text-align: right;"><select id="node-input-format" style="width:110px; padding:0;"><option value="text">Text</option><option value="html">HTML</option><option value="javascript">Javascript</option><option value="json">JSON</option><option value="css">CSS</option><option value="scss">SCSS</option><option value="handlebars">mustache</option><option value="markdown">Markdown</option><option value="yaml">YAML</option></select></div></div></div><div id="tab-libraries"><p>Install, remove or update npm packages that provide front-end libraries such as VueJS, jQuery, MoonJS, etc.<br>Search for packages on <a href="https://www.npmjs.com/" target="_blank" style="color:var(--red-ui-text-color-link);text-decoration:underline;">official npm site</a> or <a href="https://npms.io/" target="_blank" style="color:var(--red-ui-text-color-link);text-decoration:underline;">npms.io</a>.</p><div aria-label="Package List Container" class="form-row" id="package-list-container"><ol id="node-input-packageList"></ol></div></div><div id="tab-advanced"><div aria-label="Information" class="form-row form-tips node-help"><span class="uib-name"><span class="uib-red">UI</span>BUILDER</span> version: <b id="uib_version">--</b></div><div aria-label="Select source folder" class="form-row" title="Select the folder to serve files from"><label for="node-input-sourceFolder"><i class="fa fa-folder"></i> Serve:</label> <input type="text" id="node-input-sourceFolder" style="width:75%;"></div><div aria-label="Source folder information" class="form-row form-tips node-help">Selects the folder that will be served as the root folder of your web app.<br>The folder <b>must</b> contain an <code>index.html</code> file as a minimum.<br>If it doesn't, you will get an error.<br>Need to re-deploy for the folder to change.</div><div aria-label="Pass the msg._uib to standard message output?" class="form-row" title="If turned on, msg._uib included in standard msgs"><input type="checkbox" id="node-input-showMsgUib" style="display: inline-block; width: auto; vertical-align: top;"> <label for="node-input-showMsgUib" style="width: 90%;">Include <code>msg._uib</code> in standard msg output.</label></div><div aria-label="msg._uib information" class="form-row form-tips node-help">This includes the <code>clientId</code>, <code>remoteAddress</code> and <code>pageName</code> properties from the client in the output<br>The <code>clientId</code> is generated in the browser and remains stable while the browser is open. It is reset when the browser restarts. Control msgs always include <code>msg.clientId</code>.</div><div aria-label="Description text for this instance" class="form-row"><label for="node-input-title" style="display:block;width:100%;">Short description for this UIBUILDER instance:</label> <input id="node-input-title" type="text" style="width:100%;"></div><div aria-label="More description text for this instance" class="form-row"><label for="node-input-title" style="display:block;width:100%;">Long description for this UIBUILDER instance:</label> <textarea id="node-input-descr" style="width:100%;"></textarea></div><div aria-label="Provide a searchable file index view?" class="form-row" title="If turned on, an index page showing all available files is created. This can be a security vulnerability and not recommended in Production."><input type="checkbox" id="node-input-showfolder" style="display: inline-block; width: auto; vertical-align: top;"> <label for="node-input-showfolder" style="width: 90%;">Show web view of source files (deploy before you can use it)</label> <span id="show-src-folder-idx-url">_</span>.</div><div aria-label="Forward flag" class="form-row" title="forward inbound msg's direct to the output"><input type="checkbox" id="node-input-fwdInMessages" style="display: inline-block; width: auto; vertical-align: top;"> <label for="node-input-fwdInMessages" style="width: 90%;">Forward input msgs to output?</label></div></div></div></script><script type="text/html" data-help-name="uibuilder"><p>Provides a stand-alone web server that allows for interfacing with Node-RED, while giving you help and complete freedom to create custom web interfaces.<br><br>You need at least one of these in order to make full use of all of <span class="uib-name"><span class="uib-red">UI</span>BUILDER</span>'s features.</p><p>It is this node that creates a custom web server. You can have many nodes if that best meets your needs. But each node can serve many pages.</p><p>It also creates a set of filing system folders and files on the Node-RED server. These define the front-end UI you see in the browser as well as providing some important configuration.</p><p>This node is also where you configure much of UIBUILDER's web server such as installing helper libraries that you may wish to use to support your interfaces (e.g. VueJS, jQuery, etc). You can also use it to edit your custom UI code.</p><p id="uib_help_docs">Detailed documentation can be found <a href="./uibuilder/docs" target="_blank">HERE</a>.</p><p>More information on how to configure this node: <a href="./uibuilder/docs/#/nodes/uibuilder" target="_blank">UIBUILDER node configuration</a>.</p><p>Specific information on how to use the front-end library: <a href="./uibuilder/docs/#/uibuilder.module" target="_blank">Client Library</a>.</p><h3>Status display</h3><p>Each instance (node) of UIBUILDER has a status display. Normally, the icon is blue. When 1 or more clients are connected, the text will show how many clients are connected.</p><h3>Inputs</h3><dl class="message-properties"><dt class="optional">payload <span class="property-type">string | buffer</span></dt><dd>Optionally, the payload of the message to send to all connected client browser tabs.</dd><dt class="optional">_uib <span class="property-type">object</span></dt><dd>Optionally, trigger low-code front-end events such as <a href="./uibuilder/docs/#/pre-defined-msgs?id=ui-notification-toast-control-message-partially-deprecated-in-v51" target="_blank">showing a notification message</a>. Also used to <a href="uibuilder/docs/#/pre-defined-msgs?id=browser-client-reload-page" target="_blank">signal to the front-end that the page should reload automatically</a>. Useful when developing front-end code via the node's editor.</dd><dt class="optional">topic <span class="property-type">string</span></dt><dd>Optionally, the MQTT topic to use. Takes preference over the topic defined in settings.</dd><dt class="optional">script <span class="property-type">string | string[]</span></dt><dd>Optionally, a string or array of strings containing valid JavaScript. This will be added to the web page dynamically. Currently contains minimal validation so care is required. This feature is <b>off</b> by default, turn on in the Advanced Settings.</dd><dt class="optional">style <span class="property-type">string | string[]</span></dt><dd>Optionally, a string or array of strings containing valid CSS for styling the front-end page. This will be added to the web page dynamically. Currently contains minimal validation so care is required. This feature is <b>off</b> by default, turn on in the Advanced Settings.</dd></dl><h3>Outputs</h3><ol class="node-ports"><li>Standard output (data from front-end)<dl class="message-properties"><dt class="optional">payload <span class="property-type">string | buffer</span></dt><dd>Typical data sent by the client.</dd><dt class="optional">uibDomEvent <span class="property-type">object</span></dt><dd>Used by the <code>uibuilder.eventSend()</code> front-end function. See the <a href="./uibuilder/docs/#/client-docs/features?id=eventsend-function" target="_blank">eventSend feature in the documentation</a> for specifics.</dd><dt>topic <span class="property-type">string</span></dt><dd>A copy of the last inbound topic if present. Otherwise, the topic from the node's settings. Could also be changed by the front-end.</dd><dt class="optional">_uib <span class="property-type">string</span></dt><dd>Included only if turned on in advanced settings. Provides detailed information about the sending client. Useful for custom security processing.<br><br>See the control output below for more specifics.</dd><dt>other</dt><dd>The client may send other data on the <code>msg</code> object.</dd></dl><p>Note that input messages are not forwarded to the output unless the flag is set in the advanced settings.</p></li><li>Control output (controls from front-end or server)<dl class="message-properties"><dt>uibuilderCtrl <span class="property-type">string</span></dt><dd>The name/id of the control message. See the <a href="./uibuilder/docs/#/pre-defined-msg" target="_blank">documentation</a> for details.</dd><dt>cacheControl <span class="property-type">string</span></dt><dd>Use in your flow to control the sending or clearing of a cache of messages to be sent to new/refreshed clients.<br>This requires a separate function node to capture and replay inbound messages.<table><tr><th>REPLAY</th><td>Indicate to the back-end flow that a copy of the cached messages should be dumped to the front-end. Retaining the <code>_socket.id</code> will send the cache contents back to the requesting client.<hr></td></tr><tr><th>CLEAR</th><td>Indicate to the back-end flow that any cache should be completely cleared for everyone.</td></tr></table>See the <a href="./uibuilder/docs/#/pre-defined-msg" target="_blank">documentation</a> for details.</dd><dt>from <span class="property-type">string</span></dt><dd>Identifies the source of the msg since both <i>server</i> (back-end) and <i>client</i> (front-end) control messages will appear out of port #2.</dd><dt>Other <span class="property-type">string</span></dt><dd>Additional details about the client the message relates to is included. This varies somewhat between the different control message types. See <a href="./uibuilder/docs/#/pre-defined-msg" target="_blank">the documentation</a> for more details.</dd></dl></li></ol><h3>Node Settings</h3><dl class="message-properties"><dt>Name <span class="property-type">string</span></dt><dd>A short description shown in the admin interface</dd><dt>Topic <span class="property-type">string</span></dt><dd>A topic name to use if the incoming msg does not contain one.</dd><dt>URL <span class="property-type">string</span></dt><dd>There is no default and this entry is required.<br>The URL path that the resulting page and other resources will be served from. Must be unique across Node-RED. Will also use the Node-RED scheme (http/https) and port or the custom UIBUILDER scheme and port if specified in settings.js. Will also be prefixed by the Node-RED setting <i>httpNodeRoot</i>.<br>The url is also used to define the server filing system path for front-end code files.<br>The url must be valid as a filename as well as a url path. It may not exceed 20 characters.</dd><h4>Files tab</h4><p>Clicking this tab will display a file editor allowing you to edit the front-end files that define your user interface.<br>All text-based files in the <code>&lt;uibRoot>/&lt;url>/</code> folder on the server's filing system will be available to edit.</p><p>Note that you can expand the edit panel by clicking on the <kbd class="help-key">&#x2921;</kbd> arrow button underneath the panel. To exit fullscreen, press the same button (now highlighted) or the <kbd class="help-key">Esc</kbd> key.</p><p></p></dl><h4>Template Settings</h4><dl class="message-properties"><dt>Template <span class="property-type">drop-down</span></dt><dd>Select one of the built-in templates or load an external template.</dd><dt>Ext. Template <span class="property-type">text</span></dt><dd>Only if "Load an external template using Degit" is selected. <a href="https://github.com/Rich-Harris/degit" target="_blank">Degit</a> is used to load a template from an external <code>git</code> repository.<br>Try "totallyinformation/uib-template-test" as an example.</dd><dt>Load & Overwrite <span class="property-type">button</span></dt><dd>Clicking the button will display a warning dialog. If you accept the warning, all of your current front-end code will be replaced with the template.</dd></dl><h4>Libraries tab</h4><p>Clicking this tab will display a list of currently available front-end library packages. This interface allows you to add, remove and update any library that can be installed via <a href="https://www.npmjs.com/" target="_blank">npm</a>.<br>Libraries will be loaded into your <code>&lt;userDir>/</code> folder in the same place as custom nodes. UIBUILDER retains an internal list of front-end libraries loaded this way. Each library will be served so that you can use it in your front-end html.</p><h4>Advanced tab</h4><dl class="message-properties"><dt>Serve <span class="property-type">drop-down</span></dt><dd>Choose which folder to serve files from. Only <code>src</code> and <code>dist</code> are available at the moment. This can now be changed simply by redeploying your flow, you don't need to restart Node-RED.</dd><dt>Include <code>msg._uib</code> in standard msg output <span class="property-type">check box</span></dt><dd>If selected, will show the browser clientId, page name and real IP address in standard output (it is always shown in control msgs).</dd><dt>Show web view of source files <span class="property-type">check box</span></dt><dd>If on, an extra web page is dynamically created at the indicated URL. That page shows an index listing of all files and folders on the server for this node. As this could be a security issue, it is turned off by default.<br><code>USE WITH EXTREME CAUTION</code><br>A button is exposed if this flag is on. Clicking the button will take you to the index view in a separate tab.</dd><dt>Allow scripts to be passed to front-end? <span class="property-type">check box</span></dt><dd>If on, any string(s) in <code>msg.script</code> will be dynamically added to the scripts of the web page. Turn off to prevent scripts from being dynamically added and executed.<br><b>NOTE</b>: It is better to use UIBUILDER's <code>msg._ui</code> low-code features for passing scripts.</dd><dt>Allow styles to be passed to front-end? <span class="property-type">check box</span></dt><dd>If on, any string(s) in <code>msg.style</code> will be dynamically added to the styles of the web page. Turn off to prevent styles from being dynamically added.<br><b>NOTE</b>: It is better to use UIBUILDER's <code>msg._ui</code> low-code features for passing styles.</dd><dt>Forward input to output? <span class="property-type">check box</span></dt><dd>Forwards a copy of every received message direct to the output. Adds the topic from the above setting if one isn't present in the msg.<p><i>Note</i> that this may result in multiple output messages if your front-end code also auto-sends inbound messages.</p></dd></dl><h4>Button Row</h4><dl class="message-properties"><dt><i class="fa fa-globe" aria-hidden="true"></i> Open <span class="property-type">link</span></dt><dd>The web app url for this instance. Click to see the app page in a new tab. Also available as a button at the top of the panel on all tabs.</dd><dt><i class="fa fa-info-circle" aria-hidden="true"></i> Full details <span class="property-type">link</span></dt><dd>Shows a web page with detailed information about the overall UIBUILDER configuration. Including details of all of the vendor modules that are available and all of the UIBUILDER endpoints along with both server and URL paths.</dd><dt><i class="fa fa-info" aria-hidden="true"></i> Node Details <span class="property-type">link</span></dt><dd>Shows a web page with detailed information relavent just for this instance (node) of UIBUILDER. May be easier to read than the full details.</dd><dt><i class="fa fa-book" aria-hidden="true"></i> Docs <span class="property-type">link</span></dt><dd>Opens the documentation for UIBUILDER in a separate tab. This does not require an Internet connection, the local docs are used. Also available as a button at the top of the panel on all tabs.</dd></dl><h3>File/Folder Structure</h3><p>For more information, see the <a href="./uibuilder/docs" target="_blank">UIBUILDER documentation</a>.</p><h3>Details</h3><p>For more information, see the <a href="./uibuilder/docs" target="_blank">UIBUILDER documentation</a>.</p><p>There are also examples of how to use UIBUILDER in the Node-RED import library, on the <a href="https://flows.nodered.org/search?term=uibuilder" target="_blank"></a>, and in the <a href="https://github.com/TotallyInformation/node-red-contrib-uibuilder/wiki" target="_blank">GitHub WIKI</a>.</p><p>UIBUILDER can be discussed in the <a href="https://discourse.nodered.org/tag/node-red-contrib-uibuilder" target="_blank">Node-RED Forum</a>. Issues/bugs can be raised on <a href="https://github.com/TotallyInformation/node-red-contrib-uibuilder/issues" target="_blank">GitHub</a>.</p><h3>Admin Index (Details) page</h3><p>The <a href="uibindex" target="_blank">&lt;admin url&gt;/uibindex</a> page lists all of the UIBUILDER endpoints and other details. You can use the following parameters:</p><dl class="message-properties"><dt>type <span class="property-type">(string)</span></dt><dd>The type of the data returned.<dl class="message-properties"><dt>html <span class="property-type">(default)</span></dt><dd>Also used if no type parameter is given. Returns an HTML page showing the details for all deployed UIBUILDER nodes. Shows the server file locations of the instance and for vendor libraries.</dd><dt>json</dt><dd>Returns JSON data with both the source node ID's and matching URL's.</dd><dt>urls</dt><dd>Returns a JSON array of just the URL's in use from deployed UIBUILDER nodes. Used internally to ensure that new nodes use unique url's.</dd></dl></dd><dt>check <span class="property-type">(string)</span></dt><dd>Passing a UIBUILDER instance name to the check parameter will result in a boolean (true/false) return. True if it is being delivered by a UIBUILDER instance, false otherwise. e.g. <code>?check=uibuilder</code></dd></dl><ul></ul></script><script>!function(){"use strict";const r=["localhost","127.0.0.1","::1",""].includes(window.location.hostname)||window.location.hostname.endsWith(".localhost"),e=r,l=e?console.log:function(){};if(l("[uibuilder] DEBUG ON (because running on localhost)"),Object.entries||(Object.entries=function(e){var t=Object.keys(e);let i=t.length;for(var o=new Array(i);i--;)o[i]=[t[i],e[t[i]]];return o}),!Object.values){const O=Function.bind.call(Function.call,Array.prototype.reduce),F=Reflect.ownKeys,S=Function.bind.call(Function.call,Array.prototype.concat),j=Function.bind.call(Function.call,Object.prototype.propertyIsEnumerable);Object.values=function(i){return O(F(i),(e,t)=>S(e,"string"==typeof t&&j(i,t)?[i[t]]:[]),[])}}const d="blank",a={};let s=[],i=RED.settings.uibuilderInstances;const u={format:"html",folder:"src",fname:"index.html",fullscreen:!1};let t=[];function c(o){console.log(">>>> do update",o.data.pkgName);const n=o.data.pkgName,i=o.data.node;RED.notify("Installing npm package "+n),$.get(`uibuilder/uibnpmmanage?cmd=update&package=${n}&url=`+i.url,function(e){var t=e.result[0];!0===e.success?(s=e.result[1],console.log("[uibuilder:doPkgUpd:get] PACKAGE INSTALLED. ",n,i.url,"\n\n",t,"\n "),RED.notify("Successful update of npm package "+n,"success"),$("#node-input-packageList").editableList("empty"),$("#node-input-packageList").editableList("addItems",Object.keys(s))):(console.log("[uibuilder:doPkgUpd:get] ERROR ON INSTALLATION OF PACKAGE ",n,i.url,"\n\n",t,"\n "),RED.notify("FAILED update of npm package "+n,"error")),$("i.spinner").hide()}).fail(function(e,t,i){return console.error("[uibuilder:doPkgUpd:get] Error "+t,i),RED.notify("FAILED update of npm package "+n,"error"),$("i.spinner").hide(),"addPackageRow failed"}),$.ajax({type:"PUT",dataType:"json",url:"./uibuilder/admin/"+o.data.node.url,data:{cmd:"updatepackage",pkgName:o.data.pkgName}}).done(function(e,t,i){}).fail(function(e,t,i){console.error("[uibuilder:doPkgUpd:PUT] Error "+t,i),RED.notify(`uibuilder: Package update for '${o.data.pkgName}' failed.<br>`+i,{type:"error"})}),$("#upd_"+o.data.pkgName).hide().next().text("XXX")}function o(o){return""===o||"string"!=typeof o?"No package":(RED.notify("Starting removal of npm package "+o),$("i.spinner").show(),$.get("uibuilder/uibnpmmanage?cmd=remove&package="+o,function(e){!0===e.success?(console.log("[uibuilder:removePackageRow:get] PACKAGE REMOVED. ",o),RED.notify("Successfully uninstalled npm package "+o,"success"),s[o]&&delete s[o]):(console.log("[uibuilder:removePackageRow:get] ERROR ON PACKAGE REMOVAL ",e.result),RED.notify("FAILED to uninstall npm package "+o,"error"),$("#node-input-packageList").editableList("addItem",o)),$("i.spinner").hide()}).fail(function(e,t,i){return console.error("[uibuilder:removePackageRow:get] Error "+t,i),RED.notify("FAILED to uninstall npm package "+o,"error"),$("#node-input-packageList").editableList("addItem",o),$("i.spinner").hide(),"removePackageRow failed"}),null)}function p(e){let t="text";e=e.split(".");if(""===e[0]&&e.shift(),1<e.length){var i=e.pop().toLowerCase().trim();switch(i){case"js":t="javascript";break;case"html":case"css":case"json":t=i;break;case"vue":t="html";break;case"md":t="markdown";break;case"yaml":case"yml":t="yaml";break;default:t=i}}return t}function n(e){$("#edit-save").prop("disabled",e),$("#edit-reset").prop("disabled",e),$("#edit-close").prop("disabled",!e),$("#node-edit-file").prop("disabled",!e),$("#node-input-filename").prop("disabled",!e),$("#node-dialog-ok").prop("disabled",!e),$("#node-dialog-cancel").prop("disabled",!e),e?($("#node-dialog-ok").css("cursor","pointer"),$("#node-dialog-cancel").css("cursor","pointer")):($("#file-action-message").text("Save Required"),$("#node-dialog-ok").css("cursor","not-allowed"),$("#node-dialog-cancel").css("cursor","not-allowed"))}function f(){var e=$("#node-input-url").val();let t=$("#node-input-folder").val(),i=(null===t&&(t=localStorage.getItem("uibuilder."+e+".folder")||u.folder),$("#node-input-filename").val());null===i&&(i=localStorage.getItem("uibuilder."+e+".selectedFile")||u.fname),u.folder=t,u.fname=i,localStorage.setItem("uibuilder."+e+".folder",u.folder),localStorage.setItem("uibuilder."+e+".selectedFile",u.fname);const o=u.format=p(i);$("#node-input-format").val(o),$.get("uibuilder/uibgetfile?url="+e+"&fname="+i+"&folder="+t,function(e){$("#node-input-template-editor").show(),$("#node-input-template-editor-no-file").hide(),u.editorSession.setValue(e),u.editorSession.setMode({path:"ace/mode/"+o,v:Date.now()}),u.editorSession.getUndoManager().isClean(),u.editor.focus()}).fail(function(e,t,i){console.error("[uibuilder:getFileContents:get] Error "+t,i),u.editorSession.setValue(""),$("#node-input-template-editor").hide(),$("#node-input-template-editor-no-file").show()}).always(function(){n(!0),$("#node-input-format option:selected").length||$("#node-input-format").val("text")})}function b(d){const a=$("#node-input-url").val();let s=$("#node-input-folder").val();var e=$("#node-input-filename").val();null===(d=void 0===d?e:d)&&(d=localStorage.getItem("uibuilder."+a+".selectedFile")||void 0),null===s&&(s=localStorage.getItem("uibuilder."+a+".folder")||void 0),$("#node-input-filename option").remove(),$("#node-input-folder option").remove(),$.ajax({type:"GET",dataType:"json",url:"./uibuilder/admin/"+a,data:{cmd:"listall"}}).done(function(e,t,i){let o="",n=!1,r=!1;var l=Object.keys(e).sort(),l=($.each(l,function(e,t){""===t&&(t="root"),$("#node-input-folder").append($("<option>",{value:t,text:t}))}),e[s]||(s=e.src?"src":"root"),$("#node-input-folder").val(s),u.folder=s,localStorage.setItem("uibuilder."+a+".folder",s),e[s]);$.each(l,function(e,t){$("#node-input-filename").append($("<option>",{value:t,text:t})),0===e&&(o=t),t===u.fname&&(n=!0),t===d&&(r=!0)}),!0===r?u.fname=d:!0===n?u.fname="index.html":u.fname=o,$("#node-input-filename").val(u.fname),u.format=p(u.fname),localStorage.setItem("uibuilder."+a+".selectedFile",u.fname)}).fail(function(e,t,i){console.error("[uibuilder:getFileList:getJSON] Error "+t,i),u.fname="",u.format="text",RED.notify("uibuilder: Folder and file listing error.<br>"+i,{type:"error"})}).always(function(){f()})}function g(){var e=$("#node-input-url").val(),e=$.ajax({async:!1,type:"GET",dataType:"json",url:"./uibuilder/admin/"+e,data:{cmd:"listfolders"}});t=e.responseJSON,$("#node-input-sourceFolder").typedInput({types:[{value:"sourceFolders",options:t}]})}function m(){let t;if(!0===u.editorLoaded){if(document.fullscreenElement)$("#edit-props").css("background-color","#f6f6f6").css("padding","1em"),t=parseInt($("#edit-props").css("height"),10),t-=25,$("#node-function-expand-js").css("background-color","black").html('<i class="fa fa-compress"></i>'),u.fullscreen=!0;else{if("auto"===$("#edit-outer").css("top"))return;$("#edit-props").css("background-color","").css("padding",""),t=$(".red-ui-tray-footer").position().top-$("#edit-outer").offset().top-35,$("#node-function-expand-js").css("background-color","").html('<i class="fa fa-expand"></i>'),u.fullscreen=!1}var i=$("#edit-props > div:not(.node-text-editor-row)");for(let e=0;e<i.length;e++)t-=$(i[e]).outerHeight(!0);$("#node-input-template-editor").css("height",t+"px"),u.editor.resize()}}function h(){var e=RED.settings.get("auth-tokens"),t=new XMLHttpRequest,i="fname="+$("#node-input-filename").val()+"&folder="+$("#node-input-folder").val()+"&url="+$("#node-input-url").val()+"&reload="+$("#node-input-reload").prop("checked")+"&data="+encodeURIComponent(u.editorSession.getValue());t.open("POST","uibuilder/uibputfile",!0),t.onreadystatechange=function(){this.readyState===XMLHttpRequest.DONE&&(200===this.status?($("#file-action-message").text("File Saved"),n(!0)):$("#file-action-message").text("File Save FAILED"))},t.setRequestHeader("Content-type","application/x-www-form-urlencoded"),e&&t.setRequestHeader("Authorization","Bearer "+e.access_token),t.send(i)}function v(e){$.ajax({type:"GET",async:!1,dataType:"json",url:"./uibuilder/admin/_",data:{cmd:"listinstances"},success:function(e){i=e}}),e&&(e.isDeployed=void 0!==i[e.id])}function y(e,t=!0){!0===t?($("#node-input-templateFolder, #btn-load-template").prop("disabled",!1).css({cursor:"pointer"}),$("#red-ui-tab-tab-files, #red-ui-tab-tab-libraries, #red-ui-tab-tab-security, #red-ui-tab-tab-advanced, info").css({cursor:"pointer"}),$("#red-ui-tab-tab-files>a, #red-ui-tab-tab-libraries>a, #red-ui-tab-tab-security>a, #red-ui-tab-tab-advanced>a, info>a").prop("disabled",!1).css({"pointer-events":"auto",cursor:"pointer",opacity:1}),$("#uibuilderurl, #uibinstanceconf").prop("disabled",!1).css({cursor:"pointer",opacity:1}),$("#url-errors").remove()):($("#node-input-templateFolder, #btn-load-template").prop("disabled",!0).css({cursor:"not-allowed"}),$("#red-ui-tab-tab-files, #red-ui-tab-tab-libraries, #red-ui-tab-tab-security, #red-ui-tab-tab-advanced, info").css({cursor:"not-allowed"}),$("#red-ui-tab-tab-files>a, #red-ui-tab-tab-libraries>a, #red-ui-tab-tab-security>a, #red-ui-tab-tab-advanced>a, info>a").prop("disabled",!0).css({"pointer-events":"none",cursor:"not-allowed",opacity:.3}),$("#uibuilderurl, #uibinstanceconf, #btntopopen").prop("disabled",!0).css({cursor:"not-allowed",opacity:.3}),$("#url-errors").remove(),$("#url-input").after(`
-                    <div id="url-errors" class="form-row" style="color:var(--red-ui-text-color-error)">
-                        ${Object.values(e).join("<br>")} 
-                    </div>
-                `))}function w(){var e=$("#node-input-templateFolder").val();if(RED.settings.uibuilderTemplates[e]){var t=RED.settings.uibuilderTemplates[e].dependencies||[];const i=[];if(t.forEach(e=>{s[e]||i.push(e)}),0<i.length){const o=RED.notify(`WARNING<br /><br />The selected uibuilder template (${e}) is MISSING the following dependencies:<div> ${i.join(", ")}</div><br />Please install them using the uibuilder Library Manager or select a different template.`,{type:"warning",modal:!0,fixed:!0,buttons:[{text:"OK",class:"primary",click:function(){o.close()}}]})}}else console.error("[uibuilder:checkDependencies] Template name not found: "+e)}function E(){const n=RED.notify(`WARNING<br /><br />
-                Are you <b>SURE</b> you want to overwrite your code
-                with the template <b><code>${$("#node-input-templateFolder").val()}</code></b>?<br /><br />
-                <b>THIS CANNOT BE UNDONE.</b>`,{type:"warning",modal:!0,fixed:!0,buttons:[{text:"Cancel, don't overwrite",class:"primary",click:function(){n.close()}},{text:"OK, overwrite",click:function(){var e,t,i,o;e=$("#node-input-templateFolder").val(),t=$("#node-input-extTemplate").val(),i=$("#node-input-url").val(),o=$("#node-input-reload").prop("checked"),$.ajax({type:"POST",dataType:"json",url:"./uibuilder/admin/"+i,data:{template:e,extTemplate:t,cmd:"replaceTemplate",reload:o,url:i}}).done(function(e,t,i){return RED.notify(`<b>uibuilder</b>:<br><br>${i.statusText}<br>`,{type:"success"}),"Template load succeeded"}).fail(function(e,t,i){return console.error("[uibuilder:loadTemplate] Error "+t,i),RED.notify(`<b>uibuilder</b>:<br><br>Template Load Error.<br><br>${i}<br>`,{type:"error"}),"Template load failed"}),n.close()}}]})}function k(i){$("#adv-templ").hide(),$("#show-templ-props").css("cursor","pointer"),$("#show-templ-props").on("click",function(){$("#adv-templ").toggle(),$("#adv-templ").is(":visible")?$("#show-templ-props").html('<i class="fa fa-caret-down"></i> Template Settings'):$("#show-templ-props").html('<i class="fa fa-caret-right"></i> Template Settings')});{var o=i;let e=o.templateFolder,t=[];RED.settings&&RED.settings.uibuilderTemplates?t=RED.settings.uibuilderTemplates:console.error("[uibuilder:populateTemplateDropdown] Cannot access RED.settings for node "+o.id),Object.values(t).forEach(e=>{$("#node-input-templateFolder").append($("<option>",{value:e.folder,text:e.name}))}),t[e]||(e=d),$(`#node-input-templateFolder option[value="${e}"]`).prop("selected",!0),$("#node-input-templateFolder").val(e),$("#node-templSel-info").text(t[e].description),e}w(),"external"===$("#node-input-templateFolder").val()&&$("#et-input").show(),$("#node-input-templateFolder").on("change",function(){RED.settings.uibuilderTemplates[i.templateFolder]&&$("#node-templSel-info").text(RED.settings.uibuilderTemplates[i.templateFolder].description),w(),"external"===$("#node-input-templateFolder").val()?$("#et-input").show():$("#et-input").hide()}),$("#btn-load-template").on("click",function(e){e.preventDefault(),E()})}function R(e){let t,i;return i=r?(t=`<a href="vscode://file${RED.settings.uibuilderRootFolder}/${e.url}/?windowId=_blank" title="Open in VScode">`,"</a>"):(t="<b>","</b>"),{pre:t,post:i,url:`vscode://file${RED.settings.uibuilderRootFolder}/${e.url}/?windowId=_blank`,icon:'<img src="resources/node-red-contrib-uibuilder/vscode.svg" style="width:20px" >'}}function D(){return $(".red-ui-tray-footer").position().top-$("#package-list-container").offset().top+25}function x(l){$("#node-input-packageList").editableList({addItem:function(e,i,o){{var n=l,r=i;i=o;let t="";if(0===Object.entries(i).length)t=`
-                    <div>
-                        <label for="packageList-input-${r}" style="width:3em;">Name:</label>
-                        <input type="text" id="packageList-input-${r}" title="" style="width:80%" placeholder="Valid npm package name">
-                    </div>
-                    <div>
-                        <label for="packageList-tag-${r}" style="width:3em;">Tag:</label>
-                        <input type="text" id="packageList-tag-${r}" title="" style="width:80%" placeholder="npm: @tag/version, GH: #branch/tag">
-                    </div>
-                    <div>
-                        <label for="packageList-button-${r}" style="width:3em;"></label>
-                        <button id="packageList-button-${r}" style="width:5em;">Install</button>
-                    </div>
-                `;else{let e="";(o=s[i]).outdated&&o.outdated.wanted&&o.installedVersion!==o.outdated.wanted&&(e=`<button id="upd_${i}" style="color:orange;background-color:black;" title="Click to update (or install again to get a non-standard version)">UPDATE: ${o.outdated.wanted}</button>`,$("#node-input-packageList").on("click","#upd_"+i,{pkgName:i,node:n},c)),t=`
-                    <div id="packageList-row-${r}" class="packageList-row-data">
-                        <div style="display:flex;justify-content:space-between;">
-                            <div>
-                                <a href="${o.homepage}" target="_blank" title="Click to open package homepage in a new tab">
-                                    <b>${i}</b> <span class="emoji">ℹ️</span>
-                                </a>
-                            </div>
-                            <div style="margin-left:auto;text-align:right;">
-                                ${e}
-                                <span title="npm version specification: ${o.spec}">${o.installedVersion}</span>
-                            </div>
-                        </div>
-                        <div title="NB: This link is an estimate, check the package docs for the actual entry point" style="display:flex;justify-content:space-between;">
-                            <div>Est.&nbsp;link:</div>
-                            <div style="margin-left:auto;text-align:right;"><code style="white-space:inherit;text-decoration: underline;"><a href="${n.urlPrefix}${o.url}" target="_blank">
-                                ${o.url}
-                            </code></div>
-                        </div>
-                    </div>
-                `}$(t).appendTo(e),0===Object.entries(i).length&&($("#packageList-input-"+r).tooltip({content:'Enter one of:<ul><li>An npm package name (optionally with leading)</li><li>A GitHub user/repo</li><li>A filing system path to a local package</li></ul>Ensure that you select the correct "From" dropdown.'}),$("#packageList-ver-"+r).tooltip({content:"Optional. Branch, Tag or Version to install (defaults to @latest)"})),$("#packageList-button-"+r).on("click",function(){$("i.spinner").show();const o=String($("#packageList-input-"+r).val());var e=String($("#packageList-tag-"+r).val());0!==o.length&&(RED.notify("Installing npm package "+o),$.get(`uibuilder/uibnpmmanage?cmd=install&package=${o}&url=${n.url}&tag=`+e,function(e){var t=e.result[0];!0===e.success?(s=e.result[1],console.log("[uibuilder:addPackageRow:get] PACKAGE INSTALLED. ",o,n.url,"\n\n",t,"\n "),RED.notify(`Successful installation of npm package ${o} for `+n.url,"success"),$("#node-input-packageList").editableList("empty"),$("#node-input-packageList").editableList("addItems",Object.keys(s))):(console.log("[uibuilder:addPackageRow:get] ERROR ON INSTALLATION OF PACKAGE ",o,n.url,"\n\n",t,"\n "),RED.notify(`FAILED installation of npm package ${o} for `+n.url,"error")),$("i.spinner").hide()}).fail(function(e,t,i){return console.error("[uibuilder:addPackageRow:get] Error "+t,i),RED.notify(`FAILED installation of npm package ${o} for `+n.url,"error"),$("i.spinner").hide(),"addPackageRow failed"}))})}},removeItem:o,header:$("<div>").append("<b>Installed Packages (Install again to update)</b>"),height:D(),addButton:!0,removable:!0,scrollOnAdd:!0,sortable:!1}),$("#node-input-packageList").editableList("empty"),$("#node-input-packageList").editableList("addItems",Object.keys(s)),$(".red-ui-editableList-addButton").after(' <i class="spinner"></i>'),$("i.spinner").hide()}function C(i){var e=RED.tabs.create({id:"tabs",scrollable:!1,collapsible:!1,onchange:function(e){switch($("#tabs-content").children().hide(),$("#"+e.id).show(),e.id){case"tab-files":t=i,b(),!0!==u.editorLoaded&&(""!==$("#node-input-template").val("")&&$("#node-input-template").val(""),u.editor=RED.editor.createEditor({id:"node-input-template-editor",mode:"ace/mode/"+u.format,value:t.template}),u.editorSession=u.editor.getSession(),u.editor.on("input",function(){n(u.editorSession.getUndoManager().isClean())}),u.editorLoaded=!0,document.getElementsByClassName("red-ui-editor-text-container").item(0).addEventListener("keydown",e=>{!0===e.ctrlKey&&"s"===e.key&&(e.preventDefault(),h())}),m(),f(),n(!0));break;case"tab-libraries":x(i)}var t}});e.addTab({id:"tab-core",label:"Core"}),e.addTab({id:"tab-files",label:"Files"}),e.addTab({id:"tab-libraries",label:"Libraries"}),e.addTab({id:"tab-advanced",label:"Advanced"})}function L(){n(!0),$("#node-input-folder").change(function(){b()}),$("#node-input-filename").change(function(){f()}),$("#fldr-new-dialog_new").addClass("input-error").prop("disabled",!0),$("#fldr-input-newname").addClass("input-error").on("input",function(){0===$("#fldr-input-newname").val().length?($("#fldr-input-newname").addClass("input-error"),$("#fldr").addClass("input-error").prop("disabled",!0)):($("#fldr-input-newname").removeClass("input-error"),$("#fldr-new-dialog_new").removeClass("input-error").prop("disabled",!1))}),$("#fldr-new-dialog").dialog({autoOpen:!1,modal:!0,closeOnEscape:!0,buttons:[{text:"Create",id:"fldr-new-dialog_new",click:function(){var e,t;e=$("#fldr-input-newname").val(),t=$("#node-input-url").val(),$.ajax({type:"POST",dataType:"json",url:"./uibuilder/admin/"+t,data:{folder:e,cmd:"newfolder"}}).done(function(){return RED.notify(`uibuilder: Folder <code>${e}</code> Created.`,{type:"success"}),b(),g(),"Create folder succeeded"}).fail(function(e,t,i){return RED.notify("uibuilder: Create Folder Error.<br>"+i,{type:"error"}),"Create folder failed"}),$("#fldr-input-newname").val(null).addClass("input-error"),$("#fldr-new-dialog_new").addClass("input-error").prop("disabled",!0),$(this).dialog("close")}},{text:"Cancel",click:function(){$("#fldr-input-newname").val(null).addClass("input-error"),$("#fldr-new-dialog_new").addClass("input-error").prop("disabled",!0),$(this).dialog("close")}}]}).keyup(function(e){e.keyCode==$.ui.keyCode.ENTER&&$("#fldr_new_dialog_new").trigger("click")}),$("#btn-fldr-new").on("click",function(){$("#fldr_url").html($("#node-input-url").val()),$("#fldr-new-dialog").dialog("open")}),$("#fldr-del-dialog").dialog({autoOpen:!1,modal:!0,closeOnEscape:!0,buttons:[{text:"Delete",id:"fldr-del-dialog_del",click:function(){{var e=$("#node-input-url").val();const t=$("#node-input-folder").val();$.ajax({type:"DELETE",dataType:"json",url:"./uibuilder/admin/"+e,data:{folder:t,cmd:"deletefolder"}}).done(function(){return RED.notify(`uibuilder: Folder <code>${t}</code> deleted.`,{type:"success"}),b(),"Delete folder succeeded"}).fail(function(e,t,i){return console.error("[uibuilder:deleteFolder:delete] Error "+t,i),RED.notify("uibuilder: Delete Folder Error.<br>"+i,{type:"error"}),"Delete folder failed"})}$(this).dialog("close")}},{text:"Cancel",click:function(){$(this).dialog("close")}}]}),$("#btn-fldr-del").on("click",function(){$("#fldr-del-dialog_del").addClass("input-error").css("color","brown"),$("#fldr-del-name").text($("#node-input-folder").val()),"src"===$("#node-input-folder").val()?$("#node-input-copyIndex").is(":checked")?$("#fldr-del-recopy").css("color","").text("Copy flag is set so the src folder will be recreated and the index.(html|js|css) files will be recopied from the master template."):$("#fldr-del-recopy").css("color","brown").text("Copy flag is NOT set so the src folder will NOT be recopied from the master template."):$("#fldr-del-recopy").css("color","").text(""),$("#fldr-del-dialog").dialog("open")}),$("#edit-reset").on("click",function(e){e.preventDefault(),f(),$("#file-action-message").text("")}),$("#edit-save").on("click",function(e){e.preventDefault(),h()}),$("#edit_delete_dialog").dialog({autoOpen:!1,modal:!0,closeOnEscape:!0,buttons:[{text:"Delete",id:"edit_del_dialog_del",click:function(){{const t=$("#node-input-folder").val()||u.folder;var e=$("#node-input-url").val();const i=$("#node-input-filename").val();$.ajax({type:"DELETE",dataType:"json",url:"./uibuilder/admin/"+e,data:{folder:t,fname:i,cmd:"deletefile"}}).done(function(){return RED.notify(`uibuilder: File <code>${t}/${i}</code> Deleted.`,{type:"success"}),b(i),"Delete file succeeded"}).fail(function(e,t,i){return console.error("[uibuilder:deleteFile:delete] Error "+t,i),RED.notify("uibuilder: Delete File Error.<br>"+i,{type:"error"}),"Delete file failed"})}$(this).dialog("close")}},{text:"Cancel",click:function(){$(this).dialog("close")}}]}),$("#edit-delete").on("click",function(){$("#edit_del_dialog_del").addClass("input-error").css("color","brown"),$("#edit-delete-name").text($("#node-input-folder").val()+"/"+$("#node-input-filename").val()),"src"===$("#node-input-folder").val()?$("#node-input-copyIndex").is(":checked")?$("#edit-delete-recopy").css("color","").text("Copy flag is set so index.(html|js|css) files will be recopied from master template."):$("#edit-delete-recopy").css("color","brown").text("Copy flag is NOT set so index.(html|js|css) files will NOT be recopied from master template."):$("#edit-delete-recopy").css("color","").text(""),$("#edit_delete_dialog").dialog("open")}),$("#edit_new_dialog_new").addClass("input-error").prop("disabled",!0),$("#edit-input-newname").addClass("input-error").on("input",function(){0===$("#edit-input-newname").val().length?($("#edit-input-newname").addClass("input-error"),$("#edit_new_dialog_new").addClass("input-error").prop("disabled",!0)):($("#edit-input-newname").removeClass("input-error"),$("#edit_new_dialog_new").removeClass("input-error").prop("disabled",!1))}),$("#edit_new_dialog").dialog({autoOpen:!1,modal:!0,closeOnEscape:!0,buttons:[{text:"Create",id:"edit_new_dialog_new",click:function(){{var e=$("#edit-input-newname").val();const i=$("#node-input-folder").val()||u.folder;var t=$("#node-input-url").val();$.ajax({type:"POST",dataType:"json",url:"./uibuilder/admin/"+t,data:{folder:i,fname:e,cmd:"newfile"}}).done(function(){return RED.notify(`uibuilder: File <code>${i}/${e}</code> Created.`,{type:"success"}),b(e),"Create file succeeded"}).fail(function(e,t,i){return console.error("[uibuilder:createNewFile:post] Error "+t,i),RED.notify("uibuilder: Create File Error.<br>"+i,{type:"error"}),"Create file failed"})}$("#edit-input-newname").val(null).addClass("input-error"),$("#edit_new_dialog_new").addClass("input-error").prop("disabled",!0),$(this).dialog("close")}},{text:"Cancel",click:function(){$("#edit-input-newname").val(null).addClass("input-error"),$("#edit_new_dialog_new").addClass("input-error").prop("disabled",!0),$(this).dialog("close")}}]}).keyup(function(e){e.keyCode==$.ui.keyCode.ENTER&&$("#edit_new_dialog_new").click()}),$("#edit-new").on("click",function(){$("#file_url").html($("#node-input-url").val()),$("#file_fldr").html($("#node-input-folder").val()),$("#edit_new_dialog").dialog("open")}),$("#node-function-expand-js").on("click",function(e){e.preventDefault();const i=u.editor.getValue();RED.editor.editText({mode:$("#node-input-format").val(),value:i,width:"Infinity",cursor:u.editor.getCursorPosition(),complete:function(e,t){u.editor.setValue(e,-1),u.editor.gotoLine(t.row+1,t.column,!1),setTimeout(function(){u.editor.focus(),e!==i&&n(!1)},300)}})})}function T(t){if($('<button type="button" title="Open the uibuilder web page" id="btntopopen" class="ui-button ui-corner-all ui-widget leftButton"><i class="fa fa-globe" aria-hidden="true"></i> Open</button>').on("click",e=>{e.preventDefault(),window.open(""+t.urlPrefix+$("#node-input-url").val(),"_blank")}).appendTo($("div.red-ui-tray-toolbar")),$('<button type="button" title="Open uibuilder Documentation" class="ui-button ui-corner-all ui-widget leftButton"><i class="fa fa-book" aria-hidden="true"></i> Docs</button>').on("click",e=>{e.preventDefault(),RED.sidebar.help.show("uibuilder"),window.open("./uibuilder/docs","_blank")}).appendTo($("div.red-ui-tray-toolbar")),r){const n=R(t);$(`<button type="button" title="Open instance code folder in VSCode" aria-label="Link that opens the instance code folder in VSCode." class="ui-button ui-corner-all ui-widget leftButton">${n.icon}</button>`).on("click",e=>{e.preventDefault(),window.open(n.url)}).appendTo($("div.red-ui-tray-toolbar"))}g(),$.ajax({dataType:"json",method:"get",url:"uibuilder/uibvendorpackages",async:!1,success:function(e){s=e},error:function(e){console.log("ERROR",e)}}),$("#uib_version").text(RED.settings.uibuilderCurrentVersion),void 0!==t.templateFolder&&""!==t.templateFolder||(t.templateFolder=d),i=t,$("#node-input-fwdInMessages").prop("checked",i.fwdInMessages),$("#node-input-allowScripts").prop("checked",i.allowScripts),$("#node-input-allowStyles").prop("checked",i.allowStyles),$("#node-input-copyIndex").prop("checked",i.copyIndex),$("#node-input-showfolder").prop("checked",i.showfolder),$("#node-input-useSecurity").prop("checked",i.useSecurity),$("#node-input-allowUnauth").prop("checked",i.allowUnauth),$("#node-input-tokenAutoExtend").prop("checked",i.tokenAutoExtend),$("#node-input-reload").prop("checked",i.reload),$("#node-input-showMsgUib").prop("checked",i.showMsgUib),C(t),$(`#node-input-sourceFolder option[value="${t.sourceFolder||"src"}"]`).prop("selected",!0),$("#node-input-sourceFolder").val(t.sourceFolder||"src"),$("#node-input-showfolder").on("change",function(){!1===$(this).is(":checked")?$("#show-src-folder-idx-url").hide():$("#show-src-folder-idx-url").show()}),k(t);{var i=t;let e;var o=window.origin.split(":"),o=(i.nodeRoot=RED.settings.httpNodeRoot.replace(/^\//,""),$("#info-webserver").empty(),e=!0===RED.settings.uibuilderCustomServer.isCustom?(o[0]=RED.settings.uibuilderCustomServer.type.replace("http2","https"),o[2]=RED.settings.uibuilderCustomServer.port,i.nodeRoot="","a custom"):"Node-RED's",i.urlPrefix=o.join(":")+"/"+i.nodeRoot,R(i));$("#info-webserver").append(`<div class="form-tips node-help"><span class="uib-name"><span class="uib-red">UI</span>BUILDER</span> is using ${e} webserver at <a href="${i.urlPrefix}${i.url}" target="_blank" title="Open in new window">${i.urlPrefix}</a><br>Server folder: ${o.pre}${RED.settings.uibuilderRootFolder}/${i.url}/${$("#node-input-sourceFolder").val()}/${o.post} </div>`)}$("#node-input-url").on("change",function(){!function(e){var t=$(this).val();$("#uibuilderurl").prop("href",""+e.urlPrefix+t),$("#uibinstanceconf").prop("href",`./uibuilder/instance/${t}?cmd=showinstancesettings`),$("#show-src-folder-idx-url").empty().append(`<div>at 
-                        <a href="${e.urlPrefix}${t}/idx" target="_blank" 
-                                style="color:var(--red-ui-text-color-link);text-decoration:underline;">
-                            ${e.nodeRoot}${t}/idx
-                        </a>
-                    </div>`)}.call(this,t)}),void 0!==t.url&&""!==t.url||y(t.urlErrors,Object.keys(t.urlErrors).length<1),L(),e&&l("[uibuilder] Settings:\n","\nNodeEnv: ",RED.settings.uibuilderNodeEnv,"\nCurrentVersion: ",RED.settings.uibuilderCurrentVersion,"\nRedeployNeeded: ",RED.settings.uibuilderRedeployNeeded,"\nRootFolder: ",RED.settings.uibuilderRootFolder,"\n\nTemplates: ",RED.settings.uibuilderTemplates,"\n\nCustomServer: ",RED.settings.uibuilderCustomServer,`
-    
-    Instances (${Object.keys(RED.settings.uibuilderInstances).length}): `,RED.settings.uibuilderInstances,`
-    
-    editorInstances (${Object.keys(a).length}): `,a,`
-    
-    packages (${Object.keys(s).length}): `,s)}RED.events.on("nodes:add",function(e){"uibuilder"===e.type&&(a[e.id]=e.url)}),RED.events.on("nodes:change",function(e){"uibuilder"===e.type&&(l("nodes:change:",e),a[e.id]=e.url)}),RED.events.on("nodes:remove",function(e){"uibuilder"===e.type&&(l(">> nodes:remove >>",e),delete a[e.id])}),RED.nodes.registerType("uibuilder",{category:"uibuilder",color:"#E6E0F8",defaults:{name:{value:""},topic:{value:""},url:{required:!0,validate:function(e){v(this),this.urlErrors={},this.urlDeployedChanged=i[this.id]!==e,this.urlChanged=this.url!==e;var t=Object.values(i).indexOf(e);return this.urlDeployedDup=-1<t&&Object.keys(i)[t]!==this.id,t=Object.values(a).indexOf(e),this.urlEditorDup=-1<t&&Object.keys(a)[t]!==this.id,!1===this.isDeployed&&!0===this.urlEditorDup&&(this.urlErrors.config="Pasted or imported, URL must be changed",e="",this.url=this.oldUrl=void 0,$("#node-input-url").val(""),l("[uib] >> Copy/Paste >>",this.id,"this.url:",this.url,", value:",e,", this.oldUrl:",this.oldUrl)),void 0===e&&(this.urlErrors.config="Not yet configured, valid URL needed"),void 0===e||""===e?this.urlErrors.none="Must not be empty":(20<e.length&&(this.urlErrors.len="Too long, must be <= 20 chars"),-1!==e.indexOf("..")&&(this.urlErrors.dbldot="Cannot contain <code>..</code> (double-dot)"),-1!==e.indexOf("/")&&(this.urlErrors.fslash="Cannot contain <code>/</code>"),-1!==e.indexOf("\\")&&(this.urlErrors.bslash="Cannot contain <code>\\</code>"),-1!==e.indexOf(" ")&&(this.urlErrors.sp="Cannot contain spaces"),"_"===e.substring(0,1)&&(this.urlErrors.strtU="Cannot start with <code>_</code> (underscore)"),"."===e.substring(0,1)&&(this.urlErrors.strtDot="Cannot start with <code>.</code> (dot)"),"templates"===e.toLowerCase().substring(0,9)&&(this.urlErrors.templ='Cannot be "templates"'),"uibuilder"===e.toLowerCase()&&(this.urlErrors.uibname='Cannot be "uibuilder" (since v5)')),!0===this.urlDeployedDup&&(this.urlErrors.dup="Cannot be a URL already deployed"),!0===this.urlEditorDup&&(this.urlErrors.dup="Cannot be a URL already in use"),void 0!==e&&""!==e&&(this.folderExists=function(e){if(void 0===e)return!1;let o=!1;return $.ajax({type:"GET",async:!1,dataType:"json",url:"./uibuilder/admin/"+e,data:{cmd:"checkfolder"},success:function(e){o=e},error:function(e,t,i){"Not Found"!==i&&console.error("[uibuilder:queryFolderExists] Error "+t,i),o=!1}}),o}(e),!0===this.folderExists&&!0===this.urlChanged&&(l(">> folder already exists >>",this.url,this.id),RED.notify(`<b>WARNING</b>: <p>The folder for the chosen URL (${e}) is already exists.<br>It will be adopted by this node.</p>`,{type:"warning"})),!1===this.folderExists)&&(this.urlErrors.fldNotExist="URL does not yet exist. You must Deploy first.<br>If changing a deployed URL, the folder will be renamed on Deploy"),this.isDeployed&&!0===this.deployedUrlChanged&&(l("[uib] >> deployed url changed >> this.url:",this.url,", this.oldUrl:",this.oldUrl,this.id),this.urlErrors.warnChange=`Renaming from ${this.url} to ${e}. <b>MUST</b> redeploy now`,RED.notify(`<b>NOTE</b>: <p>You are renaming the url from ${this.url} to ${e}.<br>You <b>MUST</b> redeploy before doing anything else.</p>`,{type:"warning"})),0<Object.keys(this.urlErrors).length?(this.urlValid=!1,y(this.urlErrors,!1)):(this.urlValid=!0,y(this.urlErrors,!0)),!(1!==Object.keys(this.urlErrors).length||!this.urlErrors.fldNotExist)||this.urlValid}},fwdInMessages:{value:!1},allowScripts:{value:!1},allowStyles:{value:!1},copyIndex:{value:!0},templateFolder:{value:d},extTemplate:{value:""},showfolder:{value:!1},oldUrl:{value:void 0},reload:{value:!1},sourceFolder:{value:"src",required:!0},deployedVersion:{validate:function(){return!(void 0!==this.url&&(void 0===this.deployedVersion?"0":this.deployedVersion)<RED.settings.uibuilderRedeployNeeded&&RED.settings.uibuilderCurrentVersion>RED.settings.uibuilderRedeployNeeded&&(RED.notify(`<i>uibuilder ${this.url}</i><br>uibuilder has been updated since you last deployed this instance. Please deploy now.`,{modal:!1,fixed:!1,type:"warning"}),this.mustChange=!0))}},showMsgUib:{value:!1},title:{value:""},descr:{value:""}},credentials:{jwtSecret:{type:"password"}},inputs:1,inputLabels:"Msg to send to front-end",outputs:2,outputLabels:["Data from front-end","Control Msgs from front-end"],icon:"node-blue-inverted.svg",paletteLabel:"uibuilder",label:function(){var e=this.url?`<${this.url}>`:"<no url>";return(this.name?this.name+" ":"")+e},oneditprepare:function(){T(this)},oneditsave:function(){l("[uib] >> this >>",this),!0===u.editorLoaded&&(u.editor.destroy(),delete u.editor,u.editorLoaded=!1);let e;(e=""!==$("#node-input-url").val()?$("#node-input-url").val():e)!==this.url?(this.oldUrl=this.url,l(`>> oneditsave URL CHANGED >> New=${$("#node-input-url").val()}, Old=`+this.url)):void 0!==this.oldUrl&&(this.oldUrl=void 0),(this.changed||this.mustChange)&&(this.deployedVersion=RED.settings.uibuilderCurrentVersion)},oneditcancel:function(){!0===u.editorLoaded&&(u.editor.destroy(),delete u.editor,u.editorLoaded=!1)},oneditresize:function(){m();try{$("#node-input-packageList").editableList("height",D())}catch(e){}},oneditdelete:function(){if(v(this),l("[uib] >> deleting >> isDeployed? ",this.isDeployed,void 0!==i[this.id]),this.isDeployed){const e=this,t=RED.notify(`<b>DELETE</b>: <p>You are deleting a uibuilder instance with url <i>${this.url}</i>.<br>Would you like to also delete the folder?<br><b>WARNING</b>: This cannot be undone.</p>`,{modal:!0,fixed:!0,type:"warning",buttons:[{text:"Yes",click:function(){$.ajax({type:"PUT",dataType:"json",url:"./uibuilder/admin/"+e.url,data:{cmd:"deleteondelete"}}).fail(function(e,t,i){console.error("[uibuilder:oneditdelete:PUT] Error "+t,i),RED.notify("uibuilder: Request url folder delete - error.<br>Folder will not be deleted, please delete manually.<br>"+i,{type:"error"})}),t.close(),RED.notify(`The folder <i>${e.url}</i> will be deleted when you redeploy.`,{type:"compact"})}},{text:"NO",class:"primary",click:function(){t.close()}}]})}}})}();</script>
\ No newline at end of file
+<link type="text/css" rel="stylesheet" href="./resources/node-red-contrib-uibuilder/ti-common.css" media="all"><script src="./resources/node-red-contrib-uibuilder/ti-common.js"></script><script src="./resources/node-red-contrib-uibuilder/uibuilder.js"></script><script type="text/html" class="ti-edit-panel" data-template-name="uibuilder"><div><div class="form-row tabs-row"><ul id="tabs"></ul></div><div id="tabs-content" x-style="border-bottom: 1px solid silver; padding-bottom: 1em; margin-bottom: 1em;"><div id="tab-core" class="ti-edit-panel"><div id="url-input" aria-label="Home 'page' id. Defines the URL used" class="form-row" title="Make sure this gives a unique URL. Also used as a folder name for resources."><label for="node-input-url"><i class="fa fa-globe"></i> URL</label> <input type="text" id="node-input-url" title="Cannot be 'templates. Cannot contain: space _ / \\ ..'" placeholder="Required. <20 chars. Unique"></div><div id="info" aria-label="Information and utility links" class="form-row" style="display: flex; justify-content: space-between; width:450px"><a id="uibuilderurl" title="Open the UIBUILDER web page" href="uibindex" target="_blank" class="red-ui-button editor-button"><i class="fa fa-globe" aria-hidden="true"></i> Open </a><a href="./uibuilder/uibindex" target="_blank" class="red-ui-button editor-button" title="Shows available libraries, configuration and other detailed UIBUILDER information"><i class="fa fa-info-circle" aria-hidden="true"></i> Full details </a><a id="uibinstanceconf" href="./uibuilder/instance/_url_?cmd=showinstancesettings" target="_blank" class="red-ui-button editor-button" title="Shows detailed configuration for this instance of UIBUILDER"><i class="fa fa-info" aria-hidden="true"></i> Node details </a><a href="./uibuilder/docs" target="_blank" class="red-ui-button editor-button" title="Shows the UIBUILDER documentation as a new page"><i class="fa fa-book" aria-hidden="true"></i> Docs</a></div><div id="info-webserver" class="form-row" style="width:450px"></div><div aria-label="Node Name" class="form-row" title="Node Name (descriptive only)"><label for="node-input-name"><i class="fa fa-tag"></i> Name</label> <input type="text" id="node-input-name"></div><div aria-label="Topic" class="form-row" title="Adds a msg.topic to input msgs if not already provided"><label for="node-input-topic"><i class="fa fa-tasks"></i> Topic</label> <input type="text" id="node-input-topic"></div><h4>Template Settings</h4><div aria-label="Template selector" class="form-row"><label for="node-input-templateFolder" style="width:100px;"><i class="fa fa-window-restore"></i> Template</label> <select id="node-input-templateFolder" style="width:70%;"></select></div><div aria-label="Hidden unless external template is selected above" id="et-input" class="form-row" title="Input a Degit compatible repository name. e.g. totallyinformation&sol;uib-template-test" style="display:none"><label for="node-input-extTemplate"><i class="fa fa-globe"></i> External</label> <input type="text" id="node-input-extTemplate" placeholder="totallyinformation/uib-template-test"></div><div aria-label="Button to load new template" class="form-row"><label for="btn-load-template" style="width:100px;"></label> <button class="btn" id="btn-load-template" style="margin-top: 0.3em;" title="Load selected template, overwriting existing files">Load &amp; Overwrite Files</button></div><div aria-label="How to use the template selector" class="form-row" style="max-width: 450px"><p>By default, <span class="uib-name"><span class="uib-red">UI</span>BUILDER</span> creates an instance root folder with the "Blank" template. If you wish to use a different template, select and load it here.</p><p>Selecting a Template from the drop-down <b>does not</b> load the template</p><p>Loading a Template <b><u>will</u> overwrite</b> existing same-named files.</p></div></div><div id="tab-files"><div aria-label="Drop-down for selecting folder & new, del buttons" class="form-row" title="Choose between the src, dist (built src) or root folders"><label for="node-input-folder" style="width:5em;"><i class="fa fa-folder-open-o"></i> Folder:</label> <select id="node-input-folder" style="width:63%;"></select> <span id="fldr-buttons"><button class="btn" id="btn-fldr-new" title="Add a new folder">New</button><div id="fldr-new-dialog" title="Create a new folder" dialog><label for="fldr-input-newname">New Folder Name</label> <input type="text" id="fldr-input-newname"><div title="" style="margin-top:.5em;">New folder will be created inside <code>&lt;uibRoot&gt;/<span id="fldr_url">&lt;url&gt;</span></code>.<br>Do not forget to include sub-folder name if needed.<br>e.g. <code>src/mynewfldr</code></div></div><button class="btn" id="btn-fldr-del" title="Delete the selected folder">Del</button><div id="fldr-del-dialog" title="Delete the currently selected folder" dialog><b>Folder to be deleted</b><p><code id="fldr-del-name"></code></p><p id="fldr-del-recopy"></p><p style="border:2px solid brown;color:brown;font-weight:bold;padding:5px 5px;">Warning: This action cannot be undone.<br>If you delete the <code>src</code> or <code>dist</code> folders some things might not work correctly.</p></div></span></div><div aria-label="Drop-down for selecting file to edit" class="form-row ti-edit-panel"><label for="node-input-filename" style="width:5em;"><i class="fa fa-file-code-o"></i> File:</label> <select id="node-input-filename" style="width: 83%;"></select></div><div aria-label="Save, Reset, close, (message), Delete" class="form-row ti-edit-panel"><button class="btn" id="edit-save" title="Save any changes to the file">Save</button> <button class="btn" id="edit-reset" title="Reset any changes to last saved version (cancel changes)">Reset</button> <span id="file-action-message"></span><div style="position: absolute;right:1.6em;display:inline-block;"><button class="btn" id="edit-new" title="Add a new file.">New</button><div dialog id="edit_new_dialog" title="Create a new file"><label for="edit-input-newname">New File Name</label> <input type="text" id="edit-input-newname"><div style="margin-top:.5em;">New file will be created inside the <code>&lt;uibRoot&gt;/<span id="file_url">&lt;url&gt;</span>/<span id="file_fldr">&lt;folder&gt;</span></code> folder.<br>You can include a sub-folder name if needed. Intermediate folders will be automatically created.<br>e.g. <code>src/mynewfldr/myfile.js</code></div></div><button class="btn" id="edit-delete" title="Delete the file. Will reset to the default template if Copy from templates flag is set.">Delete</button><div id="edit_delete_dialog" title="Delete the currently selected file" dialog><b>File to be deleted</b><p><code id="edit-delete-name"></code></p><p id="edit-delete-recopy"></p><p style="border:2px solid brown;color:brown;font-weight:bold;padding:5px 5px;">Warning: This action cannot be undone.</p></div></div></div><div aria-label="Edit box editor-tray-content" id="edit-outer" class="form-row node-text-editor-row" style="position:relative"><div style="height: 350px; min-height:150px;" class="node-text-editor" id="node-input-template-editor"></div><div style="height: 350px; min-height:150px;display:hidden" id="node-input-template-editor-no-file">No file available, please select a different file or folder.</div></div><div aria-label="File data (hidden), language selector" class="form-row ti-edit-panel"><button id="node-function-expand-js" class="editor-button"><i class="fa fa-expand"></i></button> <input type="checkbox" id="node-input-reload" style="width:auto;" title="If set, all connected clients will reload the page they are on when any change is saved."> <label for="node-input-reload" style="width:80%;">Reload connected clients on save?.</label> <input type="hidden" id="node-input-template" data-isclean="true"><div style="position: absolute; right:1.6em;display:inline-block; text-align: right;"><select id="node-input-format" style="width:110px; padding:0;"><option value="text">Text</option><option value="html">HTML</option><option value="javascript">Javascript</option><option value="json">JSON</option><option value="css">CSS</option><option value="scss">SCSS</option><option value="handlebars">mustache</option><option value="markdown">Markdown</option><option value="yaml">YAML</option></select></div></div></div><div id="tab-libraries" class="ti-edit-panel"><p>Install, remove or update npm packages that provide front-end libraries such as VueJS, jQuery, MoonJS, etc.<br>Search for packages on <a href="https://www.npmjs.com/" target="_blank" style="color:var(--red-ui-text-color-link);text-decoration:underline;">official npm site</a> or <a href="https://npms.io/" target="_blank" style="color:var(--red-ui-text-color-link);text-decoration:underline;">npms.io</a>.</p><div aria-label="Package List Container" class="form-row" id="package-list-container"><ol id="node-input-packageList"></ol></div></div><div id="tab-advanced" class="ti-edit-panel"><div aria-label="Information" class="form-row form-tips node-help"><span class="uib-name"><span class="uib-red">UI</span>BUILDER</span> version: <b id="uib_version">--</b></div><div aria-label="Select source folder" class="form-row" title="Select the folder to serve files from"><label for="node-input-sourceFolder"><i class="fa fa-folder"></i> Serve:</label> <input type="text" id="node-input-sourceFolder" style="width:75%;"></div><div aria-label="Source folder information" class="form-row form-tips node-help">Selects the folder that will be served as the root folder of your web app.<br>The folder <b>must</b> contain an <code>index.html</code> file as a minimum.<br>If it doesn't, you will get an error.<br>Need to re-deploy for the folder to change.</div><div aria-label="Pass the msg._uib to standard message output?" class="form-row" title="If turned on, msg._uib included in standard msgs"><input type="checkbox" id="node-input-showMsgUib" style="display: inline-block; width: auto; vertical-align: top;"> <label for="node-input-showMsgUib" style="width: 90%;">Include <code>msg._uib</code> in standard msg output.</label></div><div aria-label="msg._uib information" class="form-row form-tips node-help">This includes the <code>clientId</code>, <code>remoteAddress</code> and <code>pageName</code> properties from the client in the output<br>The <code>clientId</code> is generated in the browser and remains stable while the browser is open. It is reset when the browser restarts. Control msgs always include <code>msg.clientId</code>.</div><div aria-label="Description text for this instance" class="form-row"><label for="node-input-title" style="display:block;width:100%;">Short description for this UIBUILDER instance:</label> <input id="node-input-title" type="text" style="width:100%;"></div><div aria-label="More description text for this instance" class="form-row"><label for="node-input-title" style="display:block;width:100%;">Long description for this UIBUILDER instance:</label> <textarea id="node-input-descr" style="width:100%;"></textarea></div><div aria-label="Provide a searchable file index view?" class="form-row" title="If turned on, an index page showing all available files is created. This can be a security vulnerability and not recommended in Production."><input type="checkbox" id="node-input-showfolder" style="display: inline-block; width: auto; vertical-align: top;"> <label for="node-input-showfolder" style="width: 90%;">Show web view of source files (deploy before you can use it)</label> <span id="show-src-folder-idx-url">_</span>.</div><div aria-label="Forward flag" class="form-row" title="forward inbound msg's direct to the output"><input type="checkbox" id="node-input-fwdInMessages" style="display: inline-block; width: auto; vertical-align: top;"> <label for="node-input-fwdInMessages" style="width: 90%;">Forward input msgs to output?</label></div></div></div></div></script><script type="text/html" data-help-name="uibuilder"><p>Provides a stand-alone web server that allows for interfacing with Node-RED, while giving you help and complete freedom to create custom web interfaces.<br><br>You need at least one of these in order to make full use of all of <span class="uib-name"><span class="uib-red">UI</span>BUILDER</span>'s features.</p><p>It is this node that creates a custom web server. You can have many nodes if that best meets your needs. But each node can serve many pages.</p><p>It also creates a set of filing system folders and files on the Node-RED server. These define the front-end UI you see in the browser as well as providing some important configuration.</p><p>This node is also where you configure much of UIBUILDER's web server such as installing helper libraries that you may wish to use to support your interfaces (e.g. VueJS, jQuery, etc). You can also use it to edit your custom UI code.</p><p id="uib_help_docs">Detailed documentation can be found <a href="./uibuilder/docs" target="_blank">HERE</a>.</p><p>More information on how to configure this node: <a href="./uibuilder/docs/#/nodes/uibuilder" target="_blank">UIBUILDER node configuration</a>.</p><p>Specific information on how to use the front-end library: <a href="./uibuilder/docs/#/uibuilder.module" target="_blank">Client Library</a>.</p><h3>Status display</h3><p>Each instance (node) of UIBUILDER has a status display. Normally, the icon is blue. When 1 or more clients are connected, the text will show how many clients are connected.</p><h3>Inputs</h3><dl class="message-properties"><dt class="optional">payload <span class="property-type">string | buffer</span></dt><dd>Optionally, the payload of the message to send to all connected client browser tabs.</dd><dt class="optional">_uib <span class="property-type">object</span></dt><dd>Optionally, trigger low-code front-end events such as <a href="./uibuilder/docs/#/pre-defined-msgs?id=ui-notification-toast-control-message-partially-deprecated-in-v51" target="_blank">showing a notification message</a>. Also used to <a href="uibuilder/docs/#/pre-defined-msgs?id=browser-client-reload-page" target="_blank">signal to the front-end that the page should reload automatically</a>. Useful when developing front-end code via the node's editor.</dd><dt class="optional">topic <span class="property-type">string</span></dt><dd>Optionally, the MQTT topic to use. Takes preference over the topic defined in settings.</dd><dt class="optional">script <span class="property-type">string | string[]</span></dt><dd>Optionally, a string or array of strings containing valid JavaScript. This will be added to the web page dynamically. Currently contains minimal validation so care is required. This feature is <b>off</b> by default, turn on in the Advanced Settings.</dd><dt class="optional">style <span class="property-type">string | string[]</span></dt><dd>Optionally, a string or array of strings containing valid CSS for styling the front-end page. This will be added to the web page dynamically. Currently contains minimal validation so care is required. This feature is <b>off</b> by default, turn on in the Advanced Settings.</dd></dl><h3>Outputs</h3><ol class="node-ports"><li>Standard output (data from front-end)<dl class="message-properties"><dt class="optional">payload <span class="property-type">string | buffer</span></dt><dd>Typical data sent by the client.</dd><dt class="optional">uibDomEvent <span class="property-type">object</span></dt><dd>Used by the <code>uibuilder.eventSend()</code> front-end function. See the <a href="./uibuilder/docs/#/client-docs/features?id=eventsend-function" target="_blank">eventSend feature in the documentation</a> for specifics.</dd><dt>topic <span class="property-type">string</span></dt><dd>A copy of the last inbound topic if present. Otherwise, the topic from the node's settings. Could also be changed by the front-end.</dd><dt class="optional">_uib <span class="property-type">string</span></dt><dd>Included only if turned on in advanced settings. Provides detailed information about the sending client. Useful for custom security processing.<br><br>See the control output below for more specifics.</dd><dt>other</dt><dd>The client may send other data on the <code>msg</code> object.</dd></dl><p>Note that input messages are not forwarded to the output unless the flag is set in the advanced settings.</p></li><li>Control output (controls from front-end or server)<dl class="message-properties"><dt>uibuilderCtrl <span class="property-type">string</span></dt><dd>The name/id of the control message. See the <a href="./uibuilder/docs/#/pre-defined-msg" target="_blank">documentation</a> for details.</dd><dt>cacheControl <span class="property-type">string</span></dt><dd>Use in your flow to control the sending or clearing of a cache of messages to be sent to new/refreshed clients.<br>This requires a separate function node to capture and replay inbound messages.<table><tr><th>REPLAY</th><td>Indicate to the back-end flow that a copy of the cached messages should be dumped to the front-end. Retaining the <code>_socket.id</code> will send the cache contents back to the requesting client.<hr></td></tr><tr><th>CLEAR</th><td>Indicate to the back-end flow that any cache should be completely cleared for everyone.</td></tr></table>See the <a href="./uibuilder/docs/#/pre-defined-msg" target="_blank">documentation</a> for details.</dd><dt>from <span class="property-type">string</span></dt><dd>Identifies the source of the msg since both <i>server</i> (back-end) and <i>client</i> (front-end) control messages will appear out of port #2.</dd><dt>Other <span class="property-type">string</span></dt><dd>Additional details about the client the message relates to is included. This varies somewhat between the different control message types. See <a href="./uibuilder/docs/#/pre-defined-msg" target="_blank">the documentation</a> for more details.</dd></dl></li></ol><h3>Node Settings</h3><dl class="message-properties"><dt>Name <span class="property-type">string</span></dt><dd>A short description shown in the admin interface</dd><dt>Topic <span class="property-type">string</span></dt><dd>A topic name to use if the incoming msg does not contain one.</dd><dt>URL <span class="property-type">string</span></dt><dd>There is no default and this entry is required.<br>The URL path that the resulting page and other resources will be served from. Must be unique across Node-RED. Will also use the Node-RED scheme (http/https) and port or the custom UIBUILDER scheme and port if specified in settings.js. Will also be prefixed by the Node-RED setting <i>httpNodeRoot</i>.<br>The url is also used to define the server filing system path for front-end code files.<br>The url must be valid as a filename as well as a url path. It may not exceed 20 characters.</dd><h4>Files tab</h4><p>Clicking this tab will display a file editor allowing you to edit the front-end files that define your user interface.<br>All text-based files in the <code>&lt;uibRoot>/&lt;url>/</code> folder on the server's filing system will be available to edit.</p><p>Note that you can expand the edit panel by clicking on the <kbd class="help-key">&#x2921;</kbd> arrow button underneath the panel. To exit fullscreen, press the same button (now highlighted) or the <kbd class="help-key">Esc</kbd> key.</p><p></p></dl><h4>Template Settings</h4><dl class="message-properties"><dt>Template <span class="property-type">drop-down</span></dt><dd>Select one of the built-in templates or load an external template.</dd><dt>Ext. Template <span class="property-type">text</span></dt><dd>Only if "Load an external template using Degit" is selected. <a href="https://github.com/Rich-Harris/degit" target="_blank">Degit</a> is used to load a template from an external <code>git</code> repository.<br>Try "totallyinformation/uib-template-test" as an example.</dd><dt>Load & Overwrite <span class="property-type">button</span></dt><dd>Clicking the button will display a warning dialog. If you accept the warning, all of your current front-end code will be replaced with the template.</dd></dl><h4>Libraries tab</h4><p>Clicking this tab will display a list of currently available front-end library packages. This interface allows you to add, remove and update any library that can be installed via <a href="https://www.npmjs.com/" target="_blank">npm</a>.<br>Libraries will be loaded into your <code>&lt;userDir>/</code> folder in the same place as custom nodes. UIBUILDER retains an internal list of front-end libraries loaded this way. Each library will be served so that you can use it in your front-end html.</p><h4>Advanced tab</h4><dl class="message-properties"><dt>Serve <span class="property-type">drop-down</span></dt><dd>Choose which folder to serve files from. Only <code>src</code> and <code>dist</code> are available at the moment. This can now be changed simply by redeploying your flow, you don't need to restart Node-RED.</dd><dt>Include <code>msg._uib</code> in standard msg output <span class="property-type">check box</span></dt><dd>If selected, will show the browser clientId, page name and real IP address in standard output (it is always shown in control msgs).</dd><dt>Show web view of source files <span class="property-type">check box</span></dt><dd>If on, an extra web page is dynamically created at the indicated URL. That page shows an index listing of all files and folders on the server for this node. As this could be a security issue, it is turned off by default.<br><code>USE WITH EXTREME CAUTION</code><br>A button is exposed if this flag is on. Clicking the button will take you to the index view in a separate tab.</dd><dt>Allow scripts to be passed to front-end? <span class="property-type">check box</span></dt><dd>If on, any string(s) in <code>msg.script</code> will be dynamically added to the scripts of the web page. Turn off to prevent scripts from being dynamically added and executed.<br><b>NOTE</b>: It is better to use UIBUILDER's <code>msg._ui</code> low-code features for passing scripts.</dd><dt>Allow styles to be passed to front-end? <span class="property-type">check box</span></dt><dd>If on, any string(s) in <code>msg.style</code> will be dynamically added to the styles of the web page. Turn off to prevent styles from being dynamically added.<br><b>NOTE</b>: It is better to use UIBUILDER's <code>msg._ui</code> low-code features for passing styles.</dd><dt>Forward input to output? <span class="property-type">check box</span></dt><dd>Forwards a copy of every received message direct to the output. Adds the topic from the above setting if one isn't present in the msg.<p><i>Note</i> that this may result in multiple output messages if your front-end code also auto-sends inbound messages.</p></dd></dl><h4>Button Row</h4><dl class="message-properties"><dt><i class="fa fa-globe" aria-hidden="true"></i> Open <span class="property-type">link</span></dt><dd>The web app url for this instance. Click to see the app page in a new tab. Also available as a button at the top of the panel on all tabs.</dd><dt><i class="fa fa-info-circle" aria-hidden="true"></i> Full details <span class="property-type">link</span></dt><dd>Shows a web page with detailed information about the overall UIBUILDER configuration. Including details of all of the vendor modules that are available and all of the UIBUILDER endpoints along with both server and URL paths.</dd><dt><i class="fa fa-info" aria-hidden="true"></i> Node Details <span class="property-type">link</span></dt><dd>Shows a web page with detailed information relavent just for this instance (node) of UIBUILDER. May be easier to read than the full details.</dd><dt><i class="fa fa-book" aria-hidden="true"></i> Docs <span class="property-type">link</span></dt><dd>Opens the documentation for UIBUILDER in a separate tab. This does not require an Internet connection, the local docs are used. Also available as a button at the top of the panel on all tabs.</dd></dl><h3>File/Folder Structure</h3><p>For more information, see the <a href="./uibuilder/docs" target="_blank">UIBUILDER documentation</a>.</p><h3>Details</h3><p>For more information, see the <a href="./uibuilder/docs" target="_blank">UIBUILDER documentation</a>.</p><p>There are also examples of how to use UIBUILDER in the Node-RED import library, on the <a href="https://flows.nodered.org/search?term=uibuilder" target="_blank"></a>, and in the <a href="https://github.com/TotallyInformation/node-red-contrib-uibuilder/wiki" target="_blank">GitHub WIKI</a>.</p><p>UIBUILDER can be discussed in the <a href="https://discourse.nodered.org/tag/node-red-contrib-uibuilder" target="_blank">Node-RED Forum</a>. Issues/bugs can be raised on <a href="https://github.com/TotallyInformation/node-red-contrib-uibuilder/issues" target="_blank">GitHub</a>.</p><h3>Admin Index (Details) page</h3><p>The <a href="uibindex" target="_blank">&lt;admin url&gt;/uibindex</a> page lists all of the UIBUILDER endpoints and other details. You can use the following parameters:</p><dl class="message-properties"><dt>type <span class="property-type">(string)</span></dt><dd>The type of the data returned.<dl class="message-properties"><dt>html <span class="property-type">(default)</span></dt><dd>Also used if no type parameter is given. Returns an HTML page showing the details for all deployed UIBUILDER nodes. Shows the server file locations of the instance and for vendor libraries.</dd><dt>json</dt><dd>Returns JSON data with both the source node ID's and matching URL's.</dd><dt>urls</dt><dd>Returns a JSON array of just the URL's in use from deployed UIBUILDER nodes. Used internally to ensure that new nodes use unique url's.</dd></dl></dd><dt>check <span class="property-type">(string)</span></dt><dd>Passing a UIBUILDER instance name to the check parameter will result in a boolean (true/false) return. True if it is being delivered by a UIBUILDER instance, false otherwise. e.g. <code>?check=uibuilder</code></dd></dl><ul></ul></script>
\ No newline at end of file
diff --git a/nodes/uibuilder.js b/nodes/uibuilder.js
index 065bd94d..82ab4781 100644
--- a/nodes/uibuilder.js
+++ b/nodes/uibuilder.js
@@ -70,7 +70,7 @@ const fs = require('fs-extra')  // https://github.com/jprichardson/node-fs-extra
 
 /** @type {uibConfig} */
 const uib = {
-    me: fs.readJSONSync(path.join( __dirname, '..', 'package.json' )),
+    me: uibFs.readJSONSync(path.join( __dirname, '..', 'package.json' )),
     moduleName: 'uibuilder',
     nodeRoot: '',
     deployments: {},
@@ -322,6 +322,7 @@ function nodeInstance(config) {
     }
 
     // Does the custom folder exist? If not, create it and copy template to it. Otherwise make sure it is accessible.
+    // TODO replace with uibFs.ensureFolder()
     let customFoldersOK = true
     if ( !fs.existsSync(this.customFolder) ) {
         // Does not exist so check whether built-in or external template wanted
@@ -594,12 +595,6 @@ function runtimeSetup() { // eslint-disable-line sonarjs/cognitive-complexity
     }
     // Assuming all OK, copy over the master .config folder without overwriting (vendor package list, middleware)
     if (uibRootFolderOK === true) {
-        // ! TODO - No longer needed?
-        // Check if uibRoot/package.json exists and if not, create it
-        // const uibRootPkgJson = path.join(uib.rootFolder, 'package.json')
-        // if ( !fs.existsSync( uibRootPkgJson ) ) {
-        //     fs.writeJsonSync( uibRootPkgJson, { name: 'uib-root' } )
-        // }
         // We want to always overwrite the .config template files
         const fsOpts = { 'overwrite': true, 'preserveTimestamps': true }
         try {
@@ -674,7 +669,7 @@ function Uib(RED) {
             uibuilderCurrentVersion: { value: (uib.version), exportable: true },
             // Should the editor tell the user that a redeploy is needed (based on uib versions)
             uibuilderRedeployNeeded: { value: uib.reDeployNeeded, exportable: true },
-            // List of the deployed uib instances [{node_id: url}]
+            // TODO REMOVE? since only correct at first load and an API is needed anyway. List of the deployed uib instances [{node_id: url}]
             uibuilderInstances: { value: uib.instances, exportable: true },
             // uibRoot
             uibuilderRootFolder: { value: uib.rootFolder, exportable: true },
diff --git a/package-lock.json b/package-lock.json
index 0118c933..7da588f7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "node-red-contrib-uibuilder",
-  "version": "6.6.0",
+  "version": "6.7.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
@@ -25,7 +25,8 @@
       },
       "devDependencies": {
         "@types/express": "^4.17.13",
-        "@types/jquery": "^3.5.8",
+        "@types/jquery": "^3.5.25",
+        "@types/jqueryui": "^1.12.19",
         "@types/node": "^14.18.29",
         "@types/node-red": "^1.3.3",
         "eslint": "^8.31.0",
@@ -51,7 +52,7 @@
         "gulp-uglify": "^3.0.2"
       },
       "engines": {
-        "node": ">=14.14"
+        "node": ">=14"
       }
     },
     "node_modules/@aashutoshrathi/word-wrap": {
@@ -64,12 +65,12 @@
       }
     },
     "node_modules/@es-joy/jsdoccomment": {
-      "version": "0.40.1",
-      "resolved": "https://registry.npmjs.org/@es-joy/jsdoccomment/-/jsdoccomment-0.40.1.tgz",
-      "integrity": "sha512-YORCdZSusAlBrFpZ77pJjc5r1bQs5caPWtAu+WWmiSo+8XaUzseapVrfAtiRFbQWnrBxxLLEwF6f6ZG/UgCQCg==",
+      "version": "0.41.0",
+      "resolved": "https://registry.npmjs.org/@es-joy/jsdoccomment/-/jsdoccomment-0.41.0.tgz",
+      "integrity": "sha512-aKUhyn1QI5Ksbqcr3fFJj16p99QdjUxXAEuFst1Z47DRyoiMwivIH9MV/ARcJOCXVjPfjITciej8ZD2O/6qUmw==",
       "dev": true,
       "dependencies": {
-        "comment-parser": "1.4.0",
+        "comment-parser": "1.4.1",
         "esquery": "^1.5.0",
         "jsdoc-type-pratt-parser": "~4.0.0"
       },
@@ -81,14 +82,10 @@
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz",
       "integrity": "sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==",
-      "cpu": [
-        "arm"
-      ],
+      "cpu": ["arm"],
       "dev": true,
       "optional": true,
-      "os": [
-        "android"
-      ],
+      "os": ["android"],
       "engines": {
         "node": ">=12"
       }
@@ -97,14 +94,10 @@
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz",
       "integrity": "sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==",
-      "cpu": [
-        "arm64"
-      ],
+      "cpu": ["arm64"],
       "dev": true,
       "optional": true,
-      "os": [
-        "android"
-      ],
+      "os": ["android"],
       "engines": {
         "node": ">=12"
       }
@@ -113,14 +106,10 @@
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz",
       "integrity": "sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==",
-      "cpu": [
-        "x64"
-      ],
+      "cpu": ["x64"],
       "dev": true,
       "optional": true,
-      "os": [
-        "android"
-      ],
+      "os": ["android"],
       "engines": {
         "node": ">=12"
       }
@@ -129,14 +118,10 @@
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz",
       "integrity": "sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==",
-      "cpu": [
-        "arm64"
-      ],
+      "cpu": ["arm64"],
       "dev": true,
       "optional": true,
-      "os": [
-        "darwin"
-      ],
+      "os": ["darwin"],
       "engines": {
         "node": ">=12"
       }
@@ -145,14 +130,10 @@
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz",
       "integrity": "sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==",
-      "cpu": [
-        "x64"
-      ],
+      "cpu": ["x64"],
       "dev": true,
       "optional": true,
-      "os": [
-        "darwin"
-      ],
+      "os": ["darwin"],
       "engines": {
         "node": ">=12"
       }
@@ -161,14 +142,10 @@
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz",
       "integrity": "sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==",
-      "cpu": [
-        "arm64"
-      ],
+      "cpu": ["arm64"],
       "dev": true,
       "optional": true,
-      "os": [
-        "freebsd"
-      ],
+      "os": ["freebsd"],
       "engines": {
         "node": ">=12"
       }
@@ -177,14 +154,10 @@
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz",
       "integrity": "sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==",
-      "cpu": [
-        "x64"
-      ],
+      "cpu": ["x64"],
       "dev": true,
       "optional": true,
-      "os": [
-        "freebsd"
-      ],
+      "os": ["freebsd"],
       "engines": {
         "node": ">=12"
       }
@@ -193,14 +166,10 @@
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz",
       "integrity": "sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==",
-      "cpu": [
-        "arm"
-      ],
+      "cpu": ["arm"],
       "dev": true,
       "optional": true,
-      "os": [
-        "linux"
-      ],
+      "os": ["linux"],
       "engines": {
         "node": ">=12"
       }
@@ -209,14 +178,10 @@
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz",
       "integrity": "sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==",
-      "cpu": [
-        "arm64"
-      ],
+      "cpu": ["arm64"],
       "dev": true,
       "optional": true,
-      "os": [
-        "linux"
-      ],
+      "os": ["linux"],
       "engines": {
         "node": ">=12"
       }
@@ -225,14 +190,10 @@
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz",
       "integrity": "sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==",
-      "cpu": [
-        "ia32"
-      ],
+      "cpu": ["ia32"],
       "dev": true,
       "optional": true,
-      "os": [
-        "linux"
-      ],
+      "os": ["linux"],
       "engines": {
         "node": ">=12"
       }
@@ -241,14 +202,10 @@
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz",
       "integrity": "sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==",
-      "cpu": [
-        "loong64"
-      ],
+      "cpu": ["loong64"],
       "dev": true,
       "optional": true,
-      "os": [
-        "linux"
-      ],
+      "os": ["linux"],
       "engines": {
         "node": ">=12"
       }
@@ -257,14 +214,10 @@
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz",
       "integrity": "sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==",
-      "cpu": [
-        "mips64el"
-      ],
+      "cpu": ["mips64el"],
       "dev": true,
       "optional": true,
-      "os": [
-        "linux"
-      ],
+      "os": ["linux"],
       "engines": {
         "node": ">=12"
       }
@@ -273,14 +226,10 @@
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz",
       "integrity": "sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==",
-      "cpu": [
-        "ppc64"
-      ],
+      "cpu": ["ppc64"],
       "dev": true,
       "optional": true,
-      "os": [
-        "linux"
-      ],
+      "os": ["linux"],
       "engines": {
         "node": ">=12"
       }
@@ -289,14 +238,10 @@
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz",
       "integrity": "sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==",
-      "cpu": [
-        "riscv64"
-      ],
+      "cpu": ["riscv64"],
       "dev": true,
       "optional": true,
-      "os": [
-        "linux"
-      ],
+      "os": ["linux"],
       "engines": {
         "node": ">=12"
       }
@@ -305,14 +250,10 @@
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz",
       "integrity": "sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==",
-      "cpu": [
-        "s390x"
-      ],
+      "cpu": ["s390x"],
       "dev": true,
       "optional": true,
-      "os": [
-        "linux"
-      ],
+      "os": ["linux"],
       "engines": {
         "node": ">=12"
       }
@@ -321,14 +262,10 @@
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz",
       "integrity": "sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==",
-      "cpu": [
-        "x64"
-      ],
+      "cpu": ["x64"],
       "dev": true,
       "optional": true,
-      "os": [
-        "linux"
-      ],
+      "os": ["linux"],
       "engines": {
         "node": ">=12"
       }
@@ -337,14 +274,10 @@
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz",
       "integrity": "sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==",
-      "cpu": [
-        "x64"
-      ],
+      "cpu": ["x64"],
       "dev": true,
       "optional": true,
-      "os": [
-        "netbsd"
-      ],
+      "os": ["netbsd"],
       "engines": {
         "node": ">=12"
       }
@@ -353,14 +286,10 @@
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz",
       "integrity": "sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==",
-      "cpu": [
-        "x64"
-      ],
+      "cpu": ["x64"],
       "dev": true,
       "optional": true,
-      "os": [
-        "openbsd"
-      ],
+      "os": ["openbsd"],
       "engines": {
         "node": ">=12"
       }
@@ -369,14 +298,10 @@
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz",
       "integrity": "sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==",
-      "cpu": [
-        "x64"
-      ],
+      "cpu": ["x64"],
       "dev": true,
       "optional": true,
-      "os": [
-        "sunos"
-      ],
+      "os": ["sunos"],
       "engines": {
         "node": ">=12"
       }
@@ -385,14 +310,10 @@
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz",
       "integrity": "sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==",
-      "cpu": [
-        "arm64"
-      ],
+      "cpu": ["arm64"],
       "dev": true,
       "optional": true,
-      "os": [
-        "win32"
-      ],
+      "os": ["win32"],
       "engines": {
         "node": ">=12"
       }
@@ -401,14 +322,10 @@
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz",
       "integrity": "sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==",
-      "cpu": [
-        "ia32"
-      ],
+      "cpu": ["ia32"],
       "dev": true,
       "optional": true,
-      "os": [
-        "win32"
-      ],
+      "os": ["win32"],
       "engines": {
         "node": ">=12"
       }
@@ -417,14 +334,10 @@
       "version": "0.18.20",
       "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz",
       "integrity": "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==",
-      "cpu": [
-        "x64"
-      ],
+      "cpu": ["x64"],
       "dev": true,
       "optional": true,
-      "os": [
-        "win32"
-      ],
+      "os": ["win32"],
       "engines": {
         "node": ">=12"
       }
@@ -445,18 +358,18 @@
       }
     },
     "node_modules/@eslint-community/regexpp": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.9.1.tgz",
-      "integrity": "sha512-Y27x+MBLjXa+0JWDhykM3+JE+il3kHKAEqabfEWq3SDhZjLYb6/BHL/JKFnH3fe207JaXkyDo685Oc2Glt6ifA==",
+      "version": "4.10.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.10.0.tgz",
+      "integrity": "sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==",
       "dev": true,
       "engines": {
         "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
       }
     },
     "node_modules/@eslint/eslintrc": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.2.tgz",
-      "integrity": "sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==",
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.3.tgz",
+      "integrity": "sha512-yZzuIG+jnVu6hNSzFEN07e8BxF3uAzYtQb6uDkaYZLo6oYZDCq454c5kB8zxnzfCYyP4MIuyBn10L0DqwujTmA==",
       "dev": true,
       "dependencies": {
         "ajv": "^6.12.4",
@@ -477,9 +390,9 @@
       }
     },
     "node_modules/@eslint/js": {
-      "version": "8.52.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.52.0.tgz",
-      "integrity": "sha512-mjZVbpaeMZludF2fsWLD0Z9gCref1Tk4i9+wddjRvpUNqqcndPkBD09N/Mapey0b3jaXbLm2kICwFv2E64QinA==",
+      "version": "8.54.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.54.0.tgz",
+      "integrity": "sha512-ut5V+D+fOoWPgGGNj83GGjnntO39xDy6DWxO0wb7Jp3DcMX0TfIqdzHF85VTQkerdyGmuuMD9AKAo5KiNlf/AQ==",
       "dev": true,
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
@@ -518,6 +431,102 @@
       "integrity": "sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==",
       "dev": true
     },
+    "node_modules/@isaacs/cliui": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
+      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+      "dev": true,
+      "dependencies": {
+        "string-width": "^5.1.2",
+        "string-width-cjs": "npm:string-width@^4.2.0",
+        "strip-ansi": "^7.0.1",
+        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
+        "wrap-ansi": "^8.1.0",
+        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "dev": true
+    },
+    "node_modules/@isaacs/cliui/node_modules/string-width": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+      "dev": true,
+      "dependencies": {
+        "eastasianwidth": "^0.2.0",
+        "emoji-regex": "^9.2.2",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/wrap-ansi": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^6.1.0",
+        "string-width": "^5.0.1",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -556,6 +565,16 @@
       "integrity": "sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw==",
       "dev": true
     },
+    "node_modules/@pkgjs/parseargs": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
+      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+      "dev": true,
+      "optional": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
     "node_modules/@socket.io/component-emitter": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.0.tgz",
@@ -570,9 +589,9 @@
       }
     },
     "node_modules/@totallyinformation/ti-common-event-handler": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@totallyinformation/ti-common-event-handler/-/ti-common-event-handler-1.0.0.tgz",
-      "integrity": "sha512-LhnpPqLr3jy3h0vKzCEEFDggPjTXmHfHKqUEjmoTmZoBAdg2Wi1mRuhmiHScZCMFP+Mhszw+vdPYhGtymjUOGQ==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@totallyinformation/ti-common-event-handler/-/ti-common-event-handler-1.0.1.tgz",
+      "integrity": "sha512-KeZlX0SLDylOJE08r1TtZi/PMZyDLbdmtRl2UKqDwz6Id0ZL5fhkX/xR3zzXUU/hOt2UxpEYvkT8lD5yBb/b9g==",
       "dependencies": {
         "eventemitter2": "^6.4.4"
       },
@@ -581,15 +600,15 @@
       }
     },
     "node_modules/@types/ace": {
-      "version": "0.0.50",
-      "resolved": "https://registry.npmjs.org/@types/ace/-/ace-0.0.50.tgz",
-      "integrity": "sha512-kg6VGO7BX5tDnTK3Vhs4SZx7ILT8xG1i439GA/QSl5PQ4UKa7Jy1GW2dsRe0R3q8mH5/3LASGZ5fwaNuOAqutA==",
+      "version": "0.0.51",
+      "resolved": "https://registry.npmjs.org/@types/ace/-/ace-0.0.51.tgz",
+      "integrity": "sha512-3dkbu9tv6klSmBG3GbDPInKKSuCaZ6HU/OMVPVtYfy+CZiegteTcvEIkFlYRnBjvfGkqpPcf6r4aYKSgNgo5GA==",
       "dev": true
     },
     "node_modules/@types/body-parser": {
-      "version": "1.19.4",
-      "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.4.tgz",
-      "integrity": "sha512-N7UDG0/xiPQa2D/XrVJXjkWbpqHCd2sBaB32ggRF2l83RhPfamgKGF8gwwqyksS95qUS5ZYF9aF+lLPRlwI2UA==",
+      "version": "1.19.5",
+      "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.5.tgz",
+      "integrity": "sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg==",
       "dev": true,
       "dependencies": {
         "@types/connect": "*",
@@ -597,9 +616,9 @@
       }
     },
     "node_modules/@types/connect": {
-      "version": "3.4.37",
-      "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.37.tgz",
-      "integrity": "sha512-zBUSRqkfZ59OcwXon4HVxhx5oWCJmc0OtBTK05M+p0dYjgN6iTwIL2T/WbsQZrEsdnwaF9cWQ+azOnpPvIqY3Q==",
+      "version": "3.4.38",
+      "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz",
+      "integrity": "sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==",
       "dev": true,
       "dependencies": {
         "@types/node": "*"
@@ -611,9 +630,9 @@
       "integrity": "sha512-XW/Aa8APYr6jSVVA1y/DEIZX0/GMKLEVekNG727R8cs56ahETkRAy/3DR7+fJyh7oUgGwNQaRfXCun0+KbWY7Q=="
     },
     "node_modules/@types/cors": {
-      "version": "2.8.15",
-      "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.15.tgz",
-      "integrity": "sha512-n91JxbNLD8eQIuXDIChAN1tCKNWCEgpceU9b7ZMbFA+P+Q4yIeh80jizFLEvolRPc1ES0VdwFlGv+kJTSirogw==",
+      "version": "2.8.17",
+      "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.17.tgz",
+      "integrity": "sha512-8CGDvrBj1zgo2qE+oS3pOCyYNqCPryMWY2bGfwA0dcfopWGgxs+78df0Rs3rc9THP4JkOhLsAa+15VdpAqkcUA==",
       "dependencies": {
         "@types/node": "*"
       }
@@ -625,9 +644,9 @@
       "dev": true
     },
     "node_modules/@types/express": {
-      "version": "4.17.20",
-      "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.20.tgz",
-      "integrity": "sha512-rOaqlkgEvOW495xErXMsmyX3WKBInbhG5eqojXYi3cGUaLoRDlXa5d52fkfWZT963AZ3v2eZ4MbKE6WpDAGVsw==",
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.21.tgz",
+      "integrity": "sha512-ejlPM315qwLpaQlQDTjPdsUFSc6ZsP4AN6AlWnogPjQ7CVi7PYF3YVz+CY3jE2pwYf7E/7HlDAN0rV2GxTG0HQ==",
       "dev": true,
       "dependencies": {
         "@types/body-parser": "*",
@@ -637,9 +656,9 @@
       }
     },
     "node_modules/@types/express-serve-static-core": {
-      "version": "4.17.39",
-      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.39.tgz",
-      "integrity": "sha512-BiEUfAiGCOllomsRAZOiMFP7LAnrifHpt56pc4Z7l9K6ACyN06Ns1JLMBxwkfLOjJRlSf06NwWsT7yzfpaVpyQ==",
+      "version": "4.17.41",
+      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.41.tgz",
+      "integrity": "sha512-OaJ7XLaelTgrvlZD8/aa0vvvxZdUmlCn6MtWeB7TkiKW70BQLc9XEPpDLPdbo52ZhXUCrznlWdCHWxJWtdyajA==",
       "dev": true,
       "dependencies": {
         "@types/node": "*",
@@ -649,20 +668,29 @@
       }
     },
     "node_modules/@types/http-errors": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.3.tgz",
-      "integrity": "sha512-pP0P/9BnCj1OVvQR2lF41EkDG/lWWnDyA203b/4Fmi2eTyORnBtcDoKDwjWQthELrBvWkMOrvSOnZ8OVlW6tXA==",
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.4.tgz",
+      "integrity": "sha512-D0CFMMtydbJAegzOyHjtiKPLlvnm3iTZyZRSZoLq2mRhDdmLfIWOCYPfQJ4cu2erKghU++QvjcUjp/5h7hESpA==",
       "dev": true
     },
     "node_modules/@types/jquery": {
-      "version": "3.5.24",
-      "resolved": "https://registry.npmjs.org/@types/jquery/-/jquery-3.5.24.tgz",
-      "integrity": "sha512-V/TG69ge5amcr8Ap7vY3SObqKfZlV7ttqcYnNcYnndI77ySIRi05+3GjvfwRtE2qalAC2ySLIL1ker512sI20g==",
+      "version": "3.5.27",
+      "resolved": "https://registry.npmjs.org/@types/jquery/-/jquery-3.5.27.tgz",
+      "integrity": "sha512-TR28Y8ezIGgfyA02UOh9x+Fy16/1qWYAnvtRd2gTBJuccX/vmddyti0MezLkTv7f+OLofVc2T961VPyKv1tXJQ==",
       "dev": true,
       "dependencies": {
         "@types/sizzle": "*"
       }
     },
+    "node_modules/@types/jqueryui": {
+      "version": "1.12.21",
+      "resolved": "https://registry.npmjs.org/@types/jqueryui/-/jqueryui-1.12.21.tgz",
+      "integrity": "sha512-hsTOaWPg963smNdoHbEN2anu4vVWj9k2xuaZMIajWERPikaBRG49RmaDA/tb2HldX9/a0qHvQYKipXHSLhM3qA==",
+      "dev": true,
+      "dependencies": {
+        "@types/jquery": "*"
+      }
+    },
     "node_modules/@types/json5": {
       "version": "0.0.29",
       "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
@@ -670,9 +698,9 @@
       "dev": true
     },
     "node_modules/@types/mime": {
-      "version": "1.3.4",
-      "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.4.tgz",
-      "integrity": "sha512-1Gjee59G25MrQGk8bsNvC6fxNiRgUlGn2wlhGf95a59DrprnnHk80FIMMFG9XHMdrfsuA119ht06QPDXA1Z7tw==",
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.5.tgz",
+      "integrity": "sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==",
       "dev": true
     },
     "node_modules/@types/node": {
@@ -681,9 +709,9 @@
       "integrity": "sha512-fAtCfv4jJg+ExtXhvCkCqUKZ+4ok/JQk01qDKhL5BDDoS3AxKXhV5/MAVUZyQnSEd2GT92fkgZl0pz0Q0AzcIQ=="
     },
     "node_modules/@types/node-red": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/@types/node-red/-/node-red-1.3.3.tgz",
-      "integrity": "sha512-nE2qVWF6+KU8icnOcJUaziRy28oOvBsKBKwebxUwIXDXZCvej9BVq45lDNI/vyeoeoLb081FQ37DLMNPvj8zMg==",
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/@types/node-red/-/node-red-1.3.4.tgz",
+      "integrity": "sha512-lYN8pk70zW8685g2kB4V3k8V5flqBmFkwPJYLlhabOHwFjQK8oUDp34WUuKaU+0R542lDblzGDuTFbXOpAdt9Q==",
       "dev": true,
       "dependencies": {
         "@types/express": "*",
@@ -695,9 +723,9 @@
       }
     },
     "node_modules/@types/node-red__editor-api": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/@types/node-red__editor-api/-/node-red__editor-api-1.3.3.tgz",
-      "integrity": "sha512-f66mKxiXuoYgdp6ns3z2R9vzoq4HJI1KX1QAFc5al5HtzQH9ITGWS4qh3RYqGKbNlr6UxzEPxdnn/zqcDqqbrw==",
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/@types/node-red__editor-api/-/node-red__editor-api-1.3.4.tgz",
+      "integrity": "sha512-HgILTymtz15ausXNEw757A0b39QTgYS9XoIekfZsJqFrSUb/DquqSjPX2wsh4BXtpUd1GTHAmoqFDR0dlOjoEA==",
       "dev": true,
       "dependencies": {
         "@types/express": "*",
@@ -705,9 +733,9 @@
       }
     },
     "node_modules/@types/node-red__editor-client": {
-      "version": "1.3.7",
-      "resolved": "https://registry.npmjs.org/@types/node-red__editor-client/-/node-red__editor-client-1.3.7.tgz",
-      "integrity": "sha512-3O9wGWYdJQR8K+QQovwMYUPL9ehscqH0joBY0FMK1a/xtIsP8AHzlkpGK9vf8gXpPaEqlXGdMVSlsIWhD7nyng==",
+      "version": "1.3.10",
+      "resolved": "https://registry.npmjs.org/@types/node-red__editor-client/-/node-red__editor-client-1.3.10.tgz",
+      "integrity": "sha512-beZm3C5NrG61gFYsQeJqVByRUztoSuyhkbHcbZ48P6J2rCTzwxT/u+f+0nWeYhu484oNhhspKPmKS5PsWJsfcg==",
       "dev": true,
       "dependencies": {
         "@types/ace": "*",
@@ -718,9 +746,9 @@
       }
     },
     "node_modules/@types/node-red__registry": {
-      "version": "1.3.7",
-      "resolved": "https://registry.npmjs.org/@types/node-red__registry/-/node-red__registry-1.3.7.tgz",
-      "integrity": "sha512-bsYMNkskvbuYMF66S883uin8yEJmLrQx2yxP8wxPsSpZdXtJgJdUcAyFh4qbiCxTwdJoWtJd85U2gx3/OwJlmQ==",
+      "version": "1.3.9",
+      "resolved": "https://registry.npmjs.org/@types/node-red__registry/-/node-red__registry-1.3.9.tgz",
+      "integrity": "sha512-gF1WXu+r2zzczorO52nT1f1GmhxmlJS8Vh1y1E1mrocYrkJwszMyApcD9D5tZPIfl05+FAv8RwesdQC7h+3EJw==",
       "dev": true,
       "dependencies": {
         "@types/express": "*",
@@ -729,9 +757,9 @@
       }
     },
     "node_modules/@types/node-red__runtime": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/@types/node-red__runtime/-/node-red__runtime-1.3.3.tgz",
-      "integrity": "sha512-ezz16c4oFF9I8y9r43ycC7zbOjDsH2X3bQwC3NtbKrndlEpGdAPcB1xCKEIxqlwd2mx0fk+Rujbnur4gORd3BQ==",
+      "version": "1.3.6",
+      "resolved": "https://registry.npmjs.org/@types/node-red__runtime/-/node-red__runtime-1.3.6.tgz",
+      "integrity": "sha512-+8INog9wQIPth/YmmShmUIdTDILdwnuxzHXYUdAiKPuUyZIrjfvoxnmQiI+NYTZxUN/jw65td+0+4N503xliqQ==",
       "dev": true,
       "dependencies": {
         "@types/cors": "*",
@@ -742,9 +770,9 @@
       }
     },
     "node_modules/@types/node-red__util": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/@types/node-red__util/-/node-red__util-1.3.3.tgz",
-      "integrity": "sha512-/uCpeSgEw7VZky/69FdHjp+z4BepVpJ9IEAUQbDI6fDDYq3JEiy35nXnU5QM+ympFaq9oIAC7vdw8VkfRQK6+A==",
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/@types/node-red__util/-/node-red__util-1.3.5.tgz",
+      "integrity": "sha512-clG+D9zeAL3C5Pyn6Ij6gPdzivKwnGXntqLCOWyD5phxEPhzTMhwmkrpMfCh5TqtkjSVKtwCc2aTsIyVq1fMtA==",
       "dev": true,
       "dependencies": {
         "@types/node-red__registry": "*",
@@ -753,30 +781,30 @@
       }
     },
     "node_modules/@types/passport": {
-      "version": "1.0.14",
-      "resolved": "https://registry.npmjs.org/@types/passport/-/passport-1.0.14.tgz",
-      "integrity": "sha512-D6p2ygR2S7Cq5PO7iUaEIQu/5WrM0tONu6Lxgk0C9r3lafQIlVpWCo3V/KI9To3OqHBxcfQaOeK+8AvwW5RYmw==",
+      "version": "1.0.16",
+      "resolved": "https://registry.npmjs.org/@types/passport/-/passport-1.0.16.tgz",
+      "integrity": "sha512-FD0qD5hbPWQzaM0wHUnJ/T0BBCJBxCeemtnCwc/ThhTg3x9jfrAcRUmj5Dopza+MfFS9acTe3wk7rcVnRIp/0A==",
       "dev": true,
       "dependencies": {
         "@types/express": "*"
       }
     },
     "node_modules/@types/qs": {
-      "version": "6.9.9",
-      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.9.tgz",
-      "integrity": "sha512-wYLxw35euwqGvTDx6zfY1vokBFnsK0HNrzc6xNHchxfO2hpuRg74GbkEW7e3sSmPvj0TjCDT1VCa6OtHXnubsg==",
+      "version": "6.9.10",
+      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.10.tgz",
+      "integrity": "sha512-3Gnx08Ns1sEoCrWssEgTSJs/rsT2vhGP+Ja9cnnk9k4ALxinORlQneLXFeFKOTJMOeZUFD1s7w+w2AphTpvzZw==",
       "dev": true
     },
     "node_modules/@types/range-parser": {
-      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.6.tgz",
-      "integrity": "sha512-+0autS93xyXizIYiyL02FCY8N+KkKPhILhcUSA276HxzreZ16kl+cmwvV2qAM/PuCCwPXzOXOWhiPcw20uSFcA==",
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz",
+      "integrity": "sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==",
       "dev": true
     },
     "node_modules/@types/send": {
-      "version": "0.17.3",
-      "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.3.tgz",
-      "integrity": "sha512-/7fKxvKUoETxjFUsuFlPB9YndePpxxRAOfGC/yJdc9kTjTeP5kRCTzfnE8kPUKCeyiyIZu0YQ76s50hCedI1ug==",
+      "version": "0.17.4",
+      "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.4.tgz",
+      "integrity": "sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==",
       "dev": true,
       "dependencies": {
         "@types/mime": "^1",
@@ -784,9 +812,9 @@
       }
     },
     "node_modules/@types/serve-static": {
-      "version": "1.15.4",
-      "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.4.tgz",
-      "integrity": "sha512-aqqNfs1XTF0HDrFdlY//+SGUxmdSUbjeRXb5iaZc3x0/vMbYmdw9qvOgHWOyyLFxSSRnUuP5+724zBgfw8/WAw==",
+      "version": "1.15.5",
+      "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.5.tgz",
+      "integrity": "sha512-PDRk21MnK70hja/YF8AHfC7yIsiQHn1rcXx7ijCFBX/k+XQJhQT/gw3xekXKJvx+5SXaMMS8oqQy09Mzvz2TuQ==",
       "dev": true,
       "dependencies": {
         "@types/http-errors": "*",
@@ -795,15 +823,15 @@
       }
     },
     "node_modules/@types/sizzle": {
-      "version": "2.3.5",
-      "resolved": "https://registry.npmjs.org/@types/sizzle/-/sizzle-2.3.5.tgz",
-      "integrity": "sha512-tAe4Q+OLFOA/AMD+0lq8ovp8t3ysxAOeaScnfNdZpUxaGl51ZMDEITxkvFl1STudQ58mz6gzVGl9VhMKhwRnZQ==",
+      "version": "2.3.6",
+      "resolved": "https://registry.npmjs.org/@types/sizzle/-/sizzle-2.3.6.tgz",
+      "integrity": "sha512-m04Om5Gz6kbjUwAQ7XJJQ30OdEFsSmAVsvn4NYwcTRyMVpKKa1aPuESw1n2CxS5fYkOQv3nHgDKeNa8e76fUkw==",
       "dev": true
     },
     "node_modules/@types/vinyl": {
-      "version": "2.0.9",
-      "resolved": "https://registry.npmjs.org/@types/vinyl/-/vinyl-2.0.9.tgz",
-      "integrity": "sha512-KCr4aTEUkzSF89qw09e2oxsC/RXXT3K5ZPv4gvj3XTiWVrxNoi7WrqNTahNE/Hul5C9z3B8w+yWNTQgua12oag==",
+      "version": "2.0.10",
+      "resolved": "https://registry.npmjs.org/@types/vinyl/-/vinyl-2.0.10.tgz",
+      "integrity": "sha512-DqN5BjCrmjAtZ1apqzcq2vk2PSW0m1nFfjIafBFkAyddmHxuw3ZAK3omLiSdpuu81+8h07i6U4DtaE38Xsf2xQ==",
       "dev": true,
       "dependencies": {
         "@types/expect": "^1.20.4",
@@ -822,10 +850,13 @@
       "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA=="
     },
     "node_modules/abbrev": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
-      "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
-      "dev": true
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-2.0.0.tgz",
+      "integrity": "sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==",
+      "dev": true,
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
     },
     "node_modules/accepts": {
       "version": "1.3.8",
@@ -840,9 +871,9 @@
       }
     },
     "node_modules/acorn": {
-      "version": "8.10.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz",
-      "integrity": "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==",
+      "version": "8.11.2",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz",
+      "integrity": "sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==",
       "dev": true,
       "bin": {
         "acorn": "bin/acorn"
@@ -988,42 +1019,17 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/anymatch/node_modules/is-accessor-descriptor": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
-      "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
-      "dev": true,
-      "dependencies": {
-        "kind-of": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/anymatch/node_modules/is-data-descriptor": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
-      "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
-      "dev": true,
-      "dependencies": {
-        "kind-of": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/anymatch/node_modules/is-descriptor": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
-      "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.3.tgz",
+      "integrity": "sha512-JCNNGbwWZEVaSPtS45mdtrneRWJFp07LLmykxeFV5F6oBvNF8vHSfJuJgoT472pSfk+Mf8VnlrspaFBHWM8JAw==",
       "dev": true,
       "dependencies": {
-        "is-accessor-descriptor": "^1.0.0",
-        "is-data-descriptor": "^1.0.0",
-        "kind-of": "^6.0.2"
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
       },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">= 0.4"
       }
     },
     "node_modules/anymatch/node_modules/is-extendable": {
@@ -1386,9 +1392,9 @@
       }
     },
     "node_modules/async": {
-      "version": "3.2.4",
-      "resolved": "https://registry.npmjs.org/async/-/async-3.2.4.tgz",
-      "integrity": "sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ=="
+      "version": "3.2.5",
+      "resolved": "https://registry.npmjs.org/async/-/async-3.2.5.tgz",
+      "integrity": "sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg=="
     },
     "node_modules/async-done": {
       "version": "1.3.2",
@@ -1410,12 +1416,10 @@
       "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.6.tgz",
       "integrity": "sha512-c646jH1avxr+aVpndVMeAfYw7wAa6idufrlN3LPA4PmKS0QEGp6PIC9nwz0WQkkvBGAMEki3pFdtxaF39J9vvg==",
       "dev": true,
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://paulmillr.com/funding/"
-        }
-      ]
+      "funding": [{
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }]
     },
     "node_modules/async-settle": {
       "version": "1.0.0",
@@ -1513,51 +1517,17 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/base/node_modules/is-accessor-descriptor": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
-      "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
-      "dev": true,
-      "dependencies": {
-        "kind-of": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/base/node_modules/is-data-descriptor": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
-      "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
-      "dev": true,
-      "dependencies": {
-        "kind-of": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/base/node_modules/is-descriptor": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
-      "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.3.tgz",
+      "integrity": "sha512-JCNNGbwWZEVaSPtS45mdtrneRWJFp07LLmykxeFV5F6oBvNF8vHSfJuJgoT472pSfk+Mf8VnlrspaFBHWM8JAw==",
       "dev": true,
       "dependencies": {
-        "is-accessor-descriptor": "^1.0.0",
-        "is-data-descriptor": "^1.0.0",
-        "kind-of": "^6.0.2"
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
       },
       "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/base/node_modules/kind-of": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
-      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+        "node": ">= 0.4"
       }
     },
     "node_modules/base64id": {
@@ -2076,19 +2046,22 @@
       "dev": true
     },
     "node_modules/comment-parser": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/comment-parser/-/comment-parser-1.4.0.tgz",
-      "integrity": "sha512-QLyTNiZ2KDOibvFPlZ6ZngVsZ/0gYnE6uTXi5aoDg8ed3AkJAz4sEje3Y8a29hQ1s6A99MZXe47fLAXQ1rTqaw==",
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/comment-parser/-/comment-parser-1.4.1.tgz",
+      "integrity": "sha512-buhp5kePrmda3vhc5B9t7pUQXAb2Tnd0qgpkIhPhkHXxJpiPJ11H0ZEU0oBpJ2QztSbzG/ZxMj/CHsYJqRHmyg==",
       "dev": true,
       "engines": {
         "node": ">= 12.0.0"
       }
     },
     "node_modules/component-emitter": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz",
-      "integrity": "sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==",
-      "dev": true
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.1.tgz",
+      "integrity": "sha512-T0+barUSQRTUQASh8bx02dl+DhF54GtIDY13Y3m9oWTklKbb3Wv974meRpeZ3lp1JpLVECWWNHC4vaG2XHXouQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
     },
     "node_modules/concat-map": {
       "version": "0.0.1",
@@ -2100,9 +2073,7 @@
       "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz",
       "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==",
       "dev": true,
-      "engines": [
-        "node >= 0.8"
-      ],
+      "engines": ["node >= 0.8"],
       "dependencies": {
         "buffer-from": "^1.0.0",
         "inherits": "^2.0.3",
@@ -2444,12 +2415,10 @@
       "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
       "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
       "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/fb55"
-        }
-      ]
+      "funding": [{
+        "type": "github",
+        "url": "https://github.com/sponsors/fb55"
+      }]
     },
     "node_modules/domexception": {
       "version": "4.0.0",
@@ -2531,6 +2500,12 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/eastasianwidth": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+      "dev": true
+    },
     "node_modules/editorconfig": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/editorconfig/-/editorconfig-1.0.4.tgz",
@@ -2616,6 +2591,12 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true
+    },
     "node_modules/encodeurl": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
@@ -2634,9 +2615,9 @@
       }
     },
     "node_modules/engine.io": {
-      "version": "6.5.3",
-      "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.5.3.tgz",
-      "integrity": "sha512-IML/R4eG/pUS5w7OfcDE0jKrljWS9nwnEfsxWCIJF5eO6AHo6+Hlv+lQbdlAYsiJPHzUthLm1RUjnBzWOs45cw==",
+      "version": "6.5.4",
+      "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.5.4.tgz",
+      "integrity": "sha512-KdVSDKhVKyOi+r5uEabrDLZw2qXStVvCsEB/LN3mw4WFi6Gx50jTyuxYVCwAAC0U46FdnzP/ScKRBTXb/NiEOg==",
       "dependencies": {
         "@types/cookie": "^0.4.1",
         "@types/cors": "^2.8.12",
@@ -2654,9 +2635,9 @@
       }
     },
     "node_modules/engine.io-client": {
-      "version": "6.5.2",
-      "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-6.5.2.tgz",
-      "integrity": "sha512-CQZqbrpEYnrpGqC07a9dJDz4gePZUgTPMU3NKJPSeQOyw27Tst4Pl3FemKoFGAlHzgZmKjoRmiJvbWfhCXUlIg==",
+      "version": "6.5.3",
+      "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-6.5.3.tgz",
+      "integrity": "sha512-9Z0qLB0NIisTRt1DZ/8U2k12RJn8yls/nXMZLn+/N8hANT3TcYjKFKcwbw5zFQiN4NTde3TSY9zb79e1ij6j9Q==",
       "dependencies": {
         "@socket.io/component-emitter": "~3.1.0",
         "debug": "~4.3.1",
@@ -2937,15 +2918,15 @@
       }
     },
     "node_modules/eslint": {
-      "version": "8.52.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.52.0.tgz",
-      "integrity": "sha512-zh/JHnaixqHZsolRB/w9/02akBk9EPrOs9JwcTP2ek7yL5bVvXuRariiaAjjoJ5DvuwQ1WAE/HsMz+w17YgBCg==",
+      "version": "8.54.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.54.0.tgz",
+      "integrity": "sha512-NY0DfAkM8BIZDVl6PgSa1ttZbx3xHgJzSNJKYcQglem6CppHyMhRIQkBVSSMaSRnLhig3jsDbEzOjwCVt4AmmA==",
       "dev": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.6.1",
-        "@eslint/eslintrc": "^2.1.2",
-        "@eslint/js": "8.52.0",
+        "@eslint/eslintrc": "^2.1.3",
+        "@eslint/js": "8.54.0",
         "@humanwhocodes/config-array": "^0.11.13",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@nodelib/fs.walk": "^1.2.8",
@@ -2996,20 +2977,16 @@
       "resolved": "https://registry.npmjs.org/eslint-config-standard/-/eslint-config-standard-17.1.0.tgz",
       "integrity": "sha512-IwHwmaBNtDK4zDHQukFDW5u/aTb8+meQWZvNFWkiGmbWjD6bqyuSSBxxXKkCftCUzc1zwCH2m/baCNDLGmuO5Q==",
       "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
+      "funding": [{
+        "type": "github",
+        "url": "https://github.com/sponsors/feross"
+      }, {
+        "type": "patreon",
+        "url": "https://www.patreon.com/feross"
+      }, {
+        "type": "consulting",
+        "url": "https://feross.org/support"
+      }],
       "engines": {
         "node": ">=12.0.0"
       },
@@ -3086,9 +3063,9 @@
       }
     },
     "node_modules/eslint-plugin-es-x": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-es-x/-/eslint-plugin-es-x-7.2.0.tgz",
-      "integrity": "sha512-9dvv5CcvNjSJPqnS5uZkqb3xmbeqRLnvXKK7iI5+oK/yTusyc46zbBZKENGsOfojm/mKfszyZb+wNqNPAPeGXA==",
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-es-x/-/eslint-plugin-es-x-7.3.0.tgz",
+      "integrity": "sha512-W9zIs+k00I/I13+Bdkl/zG1MEO07G97XjUSQuH117w620SJ6bHtLUmoMvkGA2oYnI/gNdr+G7BONLyYnFaLLEQ==",
       "dev": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.1.2",
@@ -3114,26 +3091,26 @@
       }
     },
     "node_modules/eslint-plugin-import": {
-      "version": "2.28.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.28.1.tgz",
-      "integrity": "sha512-9I9hFlITvOV55alzoKBI+K9q74kv0iKMeY6av5+umsNwayt59fz692daGyjR+oStBQgx6nwR9rXldDev3Clw+A==",
+      "version": "2.29.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.0.tgz",
+      "integrity": "sha512-QPOO5NO6Odv5lpoTkddtutccQjysJuFxoPS7fAHO+9m9udNHvTCPSAMW9zGAYj8lAIdr40I8yPCdUYrncXtrwg==",
       "dev": true,
       "dependencies": {
-        "array-includes": "^3.1.6",
-        "array.prototype.findlastindex": "^1.2.2",
-        "array.prototype.flat": "^1.3.1",
-        "array.prototype.flatmap": "^1.3.1",
+        "array-includes": "^3.1.7",
+        "array.prototype.findlastindex": "^1.2.3",
+        "array.prototype.flat": "^1.3.2",
+        "array.prototype.flatmap": "^1.3.2",
         "debug": "^3.2.7",
         "doctrine": "^2.1.0",
-        "eslint-import-resolver-node": "^0.3.7",
+        "eslint-import-resolver-node": "^0.3.9",
         "eslint-module-utils": "^2.8.0",
-        "has": "^1.0.3",
-        "is-core-module": "^2.13.0",
+        "hasown": "^2.0.0",
+        "is-core-module": "^2.13.1",
         "is-glob": "^4.0.3",
         "minimatch": "^3.1.2",
-        "object.fromentries": "^2.0.6",
-        "object.groupby": "^1.0.0",
-        "object.values": "^1.1.6",
+        "object.fromentries": "^2.0.7",
+        "object.groupby": "^1.0.1",
+        "object.values": "^1.1.7",
         "semver": "^6.3.1",
         "tsconfig-paths": "^3.14.2"
       },
@@ -3166,14 +3143,14 @@
       }
     },
     "node_modules/eslint-plugin-jsdoc": {
-      "version": "46.8.2",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-jsdoc/-/eslint-plugin-jsdoc-46.8.2.tgz",
-      "integrity": "sha512-5TSnD018f3tUJNne4s4gDWQflbsgOycIKEUBoCLn6XtBMgNHxQFmV8vVxUtiPxAQq8lrX85OaSG/2gnctxw9uQ==",
+      "version": "46.9.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsdoc/-/eslint-plugin-jsdoc-46.9.0.tgz",
+      "integrity": "sha512-UQuEtbqLNkPf5Nr/6PPRCtr9xypXY+g8y/Q7gPa0YK7eDhh0y2lWprXRnaYbW7ACgIUvpDKy9X2bZqxtGzBG9Q==",
       "dev": true,
       "dependencies": {
-        "@es-joy/jsdoccomment": "~0.40.1",
+        "@es-joy/jsdoccomment": "~0.41.0",
         "are-docs-informative": "^0.0.2",
-        "comment-parser": "1.4.0",
+        "comment-parser": "1.4.1",
         "debug": "^4.3.4",
         "escape-string-regexp": "^4.0.0",
         "esquery": "^1.5.0",
@@ -3204,9 +3181,9 @@
       }
     },
     "node_modules/eslint-plugin-n": {
-      "version": "16.2.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-n/-/eslint-plugin-n-16.2.0.tgz",
-      "integrity": "sha512-AQER2jEyQOt1LG6JkGJCCIFotzmlcCZFur2wdKrp1JX2cNotC7Ae0BcD/4lLv3lUAArM9uNS8z/fsvXTd0L71g==",
+      "version": "16.3.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-n/-/eslint-plugin-n-16.3.1.tgz",
+      "integrity": "sha512-w46eDIkxQ2FaTHcey7G40eD+FhTXOdKudDXPUO2n9WNcslze/i/HT2qJ3GXjHngYSGDISIgPNhwGtgoix4zeOw==",
       "dev": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.4.0",
@@ -3214,6 +3191,7 @@
         "eslint-plugin-es-x": "^7.1.0",
         "get-tsconfig": "^4.7.0",
         "ignore": "^5.2.4",
+        "is-builtin-module": "^3.2.1",
         "is-core-module": "^2.12.1",
         "minimatch": "^3.1.2",
         "resolve": "^1.22.2",
@@ -3257,9 +3235,9 @@
       }
     },
     "node_modules/eslint-plugin-sonarjs": {
-      "version": "0.21.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-sonarjs/-/eslint-plugin-sonarjs-0.21.0.tgz",
-      "integrity": "sha512-oezUDfFT5S6j3rQheZ4DLPrbetPmMS7zHIKWGHr0CM3g5JgyZroz1FpIKa4jV83NsGpmgIeagpokWDKIJzRQmw==",
+      "version": "0.23.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-sonarjs/-/eslint-plugin-sonarjs-0.23.0.tgz",
+      "integrity": "sha512-z44T3PBf9W7qQ/aR+NmofOTyg6HLhSEZOPD4zhStqBpLoMp8GYhFksuUBnCxbnf1nfISpKBVkQhiBLFI/F4Wlg==",
       "dev": true,
       "engines": {
         "node": ">=14"
@@ -3606,51 +3584,17 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/extglob/node_modules/is-accessor-descriptor": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
-      "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
-      "dev": true,
-      "dependencies": {
-        "kind-of": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/extglob/node_modules/is-data-descriptor": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
-      "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
-      "dev": true,
-      "dependencies": {
-        "kind-of": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/extglob/node_modules/is-descriptor": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
-      "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.3.tgz",
+      "integrity": "sha512-JCNNGbwWZEVaSPtS45mdtrneRWJFp07LLmykxeFV5F6oBvNF8vHSfJuJgoT472pSfk+Mf8VnlrspaFBHWM8JAw==",
       "dev": true,
       "dependencies": {
-        "is-accessor-descriptor": "^1.0.0",
-        "is-data-descriptor": "^1.0.0",
-        "kind-of": "^6.0.2"
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
       },
       "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/extglob/node_modules/kind-of": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
-      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+        "node": ">= 0.4"
       }
     },
     "node_modules/fancy-log": {
@@ -3681,9 +3625,9 @@
       "dev": true
     },
     "node_modules/fast-glob": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
-      "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
+      "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
       "dependencies": {
         "@nodelib/fs.stat": "^2.0.2",
         "@nodelib/fs.walk": "^1.2.3",
@@ -3895,42 +3839,17 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/findup-sync/node_modules/is-accessor-descriptor": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
-      "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
-      "dev": true,
-      "dependencies": {
-        "kind-of": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/findup-sync/node_modules/is-data-descriptor": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
-      "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
-      "dev": true,
-      "dependencies": {
-        "kind-of": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/findup-sync/node_modules/is-descriptor": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
-      "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.3.tgz",
+      "integrity": "sha512-JCNNGbwWZEVaSPtS45mdtrneRWJFp07LLmykxeFV5F6oBvNF8vHSfJuJgoT472pSfk+Mf8VnlrspaFBHWM8JAw==",
       "dev": true,
       "dependencies": {
-        "is-accessor-descriptor": "^1.0.0",
-        "is-data-descriptor": "^1.0.0",
-        "kind-of": "^6.0.2"
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
       },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">= 0.4"
       }
     },
     "node_modules/findup-sync/node_modules/is-extendable": {
@@ -4028,9 +3947,9 @@
       }
     },
     "node_modules/flat-cache": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.1.1.tgz",
-      "integrity": "sha512-/qM2b3LUIaIgviBQovTLvijfyOQXPtSRnRK26ksj2J7rzPIecePUIpJsZ4T02Qg+xiAEKIs5K8dsHEd+VaKa/Q==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
+      "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
       "dev": true,
       "dependencies": {
         "flatted": "^3.2.9",
@@ -4038,7 +3957,7 @@
         "rimraf": "^3.0.2"
       },
       "engines": {
-        "node": ">=12.0.0"
+        "node": "^10.12.0 || >=12.0.0"
       }
     },
     "node_modules/flatted": {
@@ -4087,6 +4006,34 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/foreground-child": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.1.1.tgz",
+      "integrity": "sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==",
+      "dev": true,
+      "dependencies": {
+        "cross-spawn": "^7.0.0",
+        "signal-exit": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/foreground-child/node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "dev": true,
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/form-data": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
@@ -4184,9 +4131,7 @@
       "dev": true,
       "hasInstallScript": true,
       "optional": true,
-      "os": [
-        "darwin"
-      ],
+      "os": ["darwin"],
       "dependencies": {
         "bindings": "^1.5.0",
         "nan": "^2.12.1"
@@ -4991,15 +4936,6 @@
         "node": ">= 0.10"
       }
     },
-    "node_modules/has": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/has/-/has-1.0.4.tgz",
-      "integrity": "sha512-qdSAmqLF6209RFj4VVItywPMbm3vWylknmB3nvNiUIs72xAimcM8nVYxYr7ncvZq5qzk9MKIZR8ijqD/1QuYjQ==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4.0"
-      }
-    },
     "node_modules/has-bigints": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
@@ -5213,13 +5149,10 @@
       "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-8.0.2.tgz",
       "integrity": "sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==",
       "dev": true,
-      "funding": [
-        "https://github.com/fb55/htmlparser2?sponsor=1",
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/fb55"
-        }
-      ],
+      "funding": ["https://github.com/fb55/htmlparser2?sponsor=1", {
+        "type": "github",
+        "url": "https://github.com/sponsors/fb55"
+      }],
       "dependencies": {
         "domelementtype": "^2.3.0",
         "domhandler": "^5.0.3",
@@ -5287,9 +5220,9 @@
       }
     },
     "node_modules/ignore": {
-      "version": "5.2.4",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
-      "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==",
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.0.tgz",
+      "integrity": "sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==",
       "dev": true,
       "engines": {
         "node": ">= 4"
@@ -5518,27 +5451,15 @@
       }
     },
     "node_modules/is-accessor-descriptor": {
-      "version": "0.1.6",
-      "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
-      "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.1.tgz",
+      "integrity": "sha512-YBUanLI8Yoihw923YeFUS5fs0fF2f5TSFTNiYAAzhhDscDa3lEqYuz1pDOEP5KvX94I9ey3vsqjJcLVFVU+3QA==",
       "dev": true,
       "dependencies": {
-        "kind-of": "^3.0.2"
+        "hasown": "^2.0.0"
       },
       "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-accessor-descriptor/node_modules/kind-of": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
-      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
-      "dev": true,
-      "dependencies": {
-        "is-buffer": "^1.1.5"
-      },
-      "engines": {
-        "node": ">=0.10.0"
+        "node": ">= 0.10"
       }
     },
     "node_modules/is-array-buffer": {
@@ -5647,27 +5568,15 @@
       }
     },
     "node_modules/is-data-descriptor": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
-      "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==",
-      "dev": true,
-      "dependencies": {
-        "kind-of": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-data-descriptor/node_modules/kind-of": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
-      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.1.tgz",
+      "integrity": "sha512-bc4NlCDiCr28U4aEsQ3Qs2491gVq4V8G7MQyws968ImqjKuYtTJXrl7Vq7jsN7Ly/C3xj5KWFrY7sHNeDkAzXw==",
       "dev": true,
       "dependencies": {
-        "is-buffer": "^1.1.5"
+        "hasown": "^2.0.0"
       },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">= 0.4"
       }
     },
     "node_modules/is-date-object": {
@@ -5686,17 +5595,16 @@
       }
     },
     "node_modules/is-descriptor": {
-      "version": "0.1.6",
-      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
-      "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz",
+      "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==",
       "dev": true,
       "dependencies": {
-        "is-accessor-descriptor": "^0.1.6",
-        "is-data-descriptor": "^0.1.4",
-        "kind-of": "^5.0.0"
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
       },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">= 0.4"
       }
     },
     "node_modules/is-extendable": {
@@ -6017,6 +5925,24 @@
         "url": "https://bevry.me/fund"
       }
     },
+    "node_modules/jackspeak": {
+      "version": "2.3.6",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz",
+      "integrity": "sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==",
+      "dev": true,
+      "dependencies": {
+        "@isaacs/cliui": "^8.0.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      },
+      "optionalDependencies": {
+        "@pkgjs/parseargs": "^0.11.0"
+      }
+    },
     "node_modules/jake": {
       "version": "10.8.7",
       "resolved": "https://registry.npmjs.org/jake/-/jake-10.8.7.tgz",
@@ -6035,15 +5961,15 @@
       }
     },
     "node_modules/js-beautify": {
-      "version": "1.14.9",
-      "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.14.9.tgz",
-      "integrity": "sha512-coM7xq1syLcMyuVGyToxcj2AlzhkDjmfklL8r0JgJ7A76wyGMpJ1oA35mr4APdYNO/o/4YY8H54NQIJzhMbhBg==",
+      "version": "1.14.11",
+      "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.14.11.tgz",
+      "integrity": "sha512-rPogWqAfoYh1Ryqqh2agUpVfbxAhbjuN1SmU86dskQUKouRiggUTCO4+2ym9UPXllc2WAp0J+T5qxn7Um3lCdw==",
       "dev": true,
       "dependencies": {
         "config-chain": "^1.1.13",
         "editorconfig": "^1.0.3",
-        "glob": "^8.1.0",
-        "nopt": "^6.0.0"
+        "glob": "^10.3.3",
+        "nopt": "^7.2.0"
       },
       "bin": {
         "css-beautify": "js/bin/css-beautify.js",
@@ -6051,7 +5977,7 @@
         "js-beautify": "js/bin/js-beautify.js"
       },
       "engines": {
-        "node": ">=12"
+        "node": ">=14"
       }
     },
     "node_modules/js-beautify/node_modules/brace-expansion": {
@@ -6064,34 +5990,40 @@
       }
     },
     "node_modules/js-beautify/node_modules/glob": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz",
-      "integrity": "sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==",
+      "version": "10.3.10",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz",
+      "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==",
       "dev": true,
       "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^5.0.1",
-        "once": "^1.3.0"
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^2.3.5",
+        "minimatch": "^9.0.1",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0",
+        "path-scurry": "^1.10.1"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
       },
       "engines": {
-        "node": ">=12"
+        "node": ">=16 || 14 >=14.17"
       },
       "funding": {
         "url": "https://github.com/sponsors/isaacs"
       }
     },
     "node_modules/js-beautify/node_modules/minimatch": {
-      "version": "5.1.6",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
-      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+      "version": "9.0.3",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
+      "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
       "dev": true,
       "dependencies": {
         "brace-expansion": "^2.0.1"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
       }
     },
     "node_modules/js-yaml": {
@@ -6528,42 +6460,17 @@
         "node": ">= 0.10"
       }
     },
-    "node_modules/matchdep/node_modules/is-accessor-descriptor": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
-      "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
-      "dev": true,
-      "dependencies": {
-        "kind-of": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/matchdep/node_modules/is-data-descriptor": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
-      "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
-      "dev": true,
-      "dependencies": {
-        "kind-of": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/matchdep/node_modules/is-descriptor": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
-      "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.3.tgz",
+      "integrity": "sha512-JCNNGbwWZEVaSPtS45mdtrneRWJFp07LLmykxeFV5F6oBvNF8vHSfJuJgoT472pSfk+Mf8VnlrspaFBHWM8JAw==",
       "dev": true,
       "dependencies": {
-        "is-accessor-descriptor": "^1.0.0",
-        "is-data-descriptor": "^1.0.0",
-        "kind-of": "^6.0.2"
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
       },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">= 0.4"
       }
     },
     "node_modules/matchdep/node_modules/is-extendable": {
@@ -6780,6 +6687,15 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/minipass": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.0.4.tgz",
+      "integrity": "sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
     "node_modules/mixin-deep": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz",
@@ -6845,15 +6761,13 @@
       "optional": true
     },
     "node_modules/nanoid": {
-      "version": "3.3.6",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
-      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
+      "version": "3.3.7",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
+      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
+      "funding": [{
+        "type": "github",
+        "url": "https://github.com/sponsors/ai"
+      }],
       "bin": {
         "nanoid": "bin/nanoid.cjs"
       },
@@ -6909,42 +6823,17 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/nanomatch/node_modules/is-accessor-descriptor": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
-      "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
-      "dev": true,
-      "dependencies": {
-        "kind-of": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/nanomatch/node_modules/is-data-descriptor": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
-      "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
-      "dev": true,
-      "dependencies": {
-        "kind-of": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/nanomatch/node_modules/is-descriptor": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
-      "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.3.tgz",
+      "integrity": "sha512-JCNNGbwWZEVaSPtS45mdtrneRWJFp07LLmykxeFV5F6oBvNF8vHSfJuJgoT472pSfk+Mf8VnlrspaFBHWM8JAw==",
       "dev": true,
       "dependencies": {
-        "is-accessor-descriptor": "^1.0.0",
-        "is-data-descriptor": "^1.0.0",
-        "kind-of": "^6.0.2"
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
       },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">= 0.4"
       }
     },
     "node_modules/nanomatch/node_modules/is-extendable": {
@@ -7010,18 +6899,18 @@
       }
     },
     "node_modules/nopt": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/nopt/-/nopt-6.0.0.tgz",
-      "integrity": "sha512-ZwLpbTgdhuZUnZzjd7nb1ZV+4DoiC6/sfiVKok72ym/4Tlf+DFdlHYmT2JPmcNNWV6Pi3SDf1kT+A4r9RTuT9g==",
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-7.2.0.tgz",
+      "integrity": "sha512-CVDtwCdhYIvnAzFoJ6NJ6dX3oga9/HyciQDnG1vQDjSLMeKLJ4A93ZqYKDrgYSr1FBY5/hMYC+2VCi24pgpkGA==",
       "dev": true,
       "dependencies": {
-        "abbrev": "^1.0.0"
+        "abbrev": "^2.0.0"
       },
       "bin": {
         "nopt": "bin/nopt.js"
       },
       "engines": {
-        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
       }
     },
     "node_modules/normalize-package-data": {
@@ -7543,6 +7432,31 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/path-scurry": {
+      "version": "1.10.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.10.1.tgz",
+      "integrity": "sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^9.1.1 || ^10.0.0",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/path-scurry/node_modules/lru-cache": {
+      "version": "10.0.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.0.3.tgz",
+      "integrity": "sha512-B7gr+F6MkqB3uzINHXNctGieGsRTMwIBgxkp0yq/5BwcuDzD4A8wQpHQW6vDAm1uKSLQghmRdD9sKqf2vJ1cEg==",
+      "dev": true,
+      "engines": {
+        "node": "14 || >=16.14"
+      }
+    },
     "node_modules/path-to-regexp": {
       "version": "0.1.7",
       "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
@@ -7754,9 +7668,9 @@
       }
     },
     "node_modules/punycode": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
-      "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==",
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
       "engines": {
         "node": ">=6"
       }
@@ -7784,20 +7698,16 @@
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
       "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
+      "funding": [{
+        "type": "github",
+        "url": "https://github.com/sponsors/feross"
+      }, {
+        "type": "patreon",
+        "url": "https://www.patreon.com/feross"
+      }, {
+        "type": "consulting",
+        "url": "https://feross.org/support"
+      }]
     },
     "node_modules/queue-tick": {
       "version": "1.0.1",
@@ -7940,42 +7850,17 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/readdirp/node_modules/is-accessor-descriptor": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
-      "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
-      "dev": true,
-      "dependencies": {
-        "kind-of": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/readdirp/node_modules/is-data-descriptor": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
-      "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
-      "dev": true,
-      "dependencies": {
-        "kind-of": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/readdirp/node_modules/is-descriptor": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
-      "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.3.tgz",
+      "integrity": "sha512-JCNNGbwWZEVaSPtS45mdtrneRWJFp07LLmykxeFV5F6oBvNF8vHSfJuJgoT472pSfk+Mf8VnlrspaFBHWM8JAw==",
       "dev": true,
       "dependencies": {
-        "is-accessor-descriptor": "^1.0.0",
-        "is-data-descriptor": "^1.0.0",
-        "kind-of": "^6.0.2"
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
       },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">= 0.4"
       }
     },
     "node_modules/readdirp/node_modules/is-extendable": {
@@ -8411,20 +8296,16 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
       "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
+      "funding": [{
+        "type": "github",
+        "url": "https://github.com/sponsors/feross"
+      }, {
+        "type": "patreon",
+        "url": "https://www.patreon.com/feross"
+      }, {
+        "type": "consulting",
+        "url": "https://feross.org/support"
+      }],
       "dependencies": {
         "queue-microtask": "^1.2.2"
       }
@@ -8472,20 +8353,16 @@
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
       "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
+      "funding": [{
+        "type": "github",
+        "url": "https://github.com/sponsors/feross"
+      }, {
+        "type": "patreon",
+        "url": "https://www.patreon.com/feross"
+      }, {
+        "type": "consulting",
+        "url": "https://feross.org/support"
+      }]
     },
     "node_modules/safe-regex": {
       "version": "1.1.0",
@@ -8820,51 +8697,17 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/snapdragon-node/node_modules/is-accessor-descriptor": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
-      "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
-      "dev": true,
-      "dependencies": {
-        "kind-of": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/snapdragon-node/node_modules/is-data-descriptor": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
-      "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
-      "dev": true,
-      "dependencies": {
-        "kind-of": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/snapdragon-node/node_modules/is-descriptor": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
-      "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.3.tgz",
+      "integrity": "sha512-JCNNGbwWZEVaSPtS45mdtrneRWJFp07LLmykxeFV5F6oBvNF8vHSfJuJgoT472pSfk+Mf8VnlrspaFBHWM8JAw==",
       "dev": true,
       "dependencies": {
-        "is-accessor-descriptor": "^1.0.0",
-        "is-data-descriptor": "^1.0.0",
-        "kind-of": "^6.0.2"
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
       },
       "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/snapdragon-node/node_modules/kind-of": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
-      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+        "node": ">= 0.4"
       }
     },
     "node_modules/snapdragon-util": {
@@ -9171,9 +9014,9 @@
       "dev": true
     },
     "node_modules/streamx": {
-      "version": "2.15.1",
-      "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.15.1.tgz",
-      "integrity": "sha512-fQMzy2O/Q47rgwErk/eGeLu/roaFWV0jVsogDmrszM9uIw8L5OA+t+V93MgYlufNptfjmYR1tOMWhei/Eh7TQA==",
+      "version": "2.15.5",
+      "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.15.5.tgz",
+      "integrity": "sha512-9thPGMkKC2GctCzyCUjME3yR03x2xNo0GPKGkRw2UMYN+gqWa9uqpyNWhmsNCutU5zHmkUum0LsCRQTXUgUCAg==",
       "dev": true,
       "dependencies": {
         "fast-fifo": "^1.1.0",
@@ -9208,6 +9051,30 @@
         "node": ">=4"
       }
     },
+    "node_modules/string-width-cjs": {
+      "name": "string-width",
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width-cjs/node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/string-width/node_modules/ansi-regex": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.1.tgz",
@@ -9300,6 +9167,19 @@
         "node": ">=8"
       }
     },
+    "node_modules/strip-ansi-cjs": {
+      "name": "strip-ansi",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/strip-bom": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
@@ -9556,42 +9436,17 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/to-regex/node_modules/is-accessor-descriptor": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
-      "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
-      "dev": true,
-      "dependencies": {
-        "kind-of": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/to-regex/node_modules/is-data-descriptor": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
-      "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
-      "dev": true,
-      "dependencies": {
-        "kind-of": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/to-regex/node_modules/is-descriptor": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
-      "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.3.tgz",
+      "integrity": "sha512-JCNNGbwWZEVaSPtS45mdtrneRWJFp07LLmykxeFV5F6oBvNF8vHSfJuJgoT472pSfk+Mf8VnlrspaFBHWM8JAw==",
       "dev": true,
       "dependencies": {
-        "is-accessor-descriptor": "^1.0.0",
-        "is-data-descriptor": "^1.0.0",
-        "kind-of": "^6.0.2"
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
       },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">= 0.4"
       }
     },
     "node_modules/to-regex/node_modules/is-extendable": {
@@ -9618,15 +9473,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/to-regex/node_modules/kind-of": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
-      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/to-through": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/to-through/-/to-through-2.0.0.tgz",
@@ -9922,9 +9768,9 @@
       }
     },
     "node_modules/universalify": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
-      "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
       "engines": {
         "node": ">= 10.0.0"
       }
@@ -10371,6 +10217,47 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/wrap-ansi-cjs": {
+      "name": "wrap-ansi",
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/wrap-ansi/node_modules/ansi-regex": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
@@ -10586,4 +10473,4 @@
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/package.json b/package.json
index 0bb1a88b..288bdc06 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "node-red-contrib-uibuilder",
-  "version": "6.6.0",
+  "version": "6.7.0",
   "description": "Easily create data-driven web UI's for Node-RED using any (or no) front-end library.",
   "scripts": {
     "preinstall": "node ./bin/uibpreinstalljs",
@@ -31,7 +31,8 @@
   },
   "devDependencies": {
     "@types/express": "^4.17.13",
-    "@types/jquery": "^3.5.8",
+    "@types/jquery": "^3.5.25",
+    "@types/jqueryui": "^1.12.19",
     "@types/node": "^14.18.29",
     "@types/node-red": "^1.3.3",
     "eslint": "^8.31.0",
@@ -72,7 +73,7 @@
     "notyetnodes": {}
   },
   "engines": {
-    "node": ">=14.18"
+    "node": ">=14"
   },
   "directories": {
     "example": "./examples",
@@ -85,96 +86,63 @@
   "style": "./front-end/uib-styles.css",
   "types": "index.d.ts",
   "type": "commonjs",
-  "browserslist": [
-    "> 0.5%",
-    "maintained node versions",
-    "last 2 versions",
-    "not dead",
-    "not ie > 0"
-  ],
-  "keywords": [
-    "node-red",
-    "ui",
-    "gui",
-    "dashboard",
-    "SPA",
-    "web",
-    "website",
-    "data-driven",
-    "webpage",
-    "web-app"
-  ],
+  "browserslist": ["> 0.5%", "maintained node versions", "last 2 versions", "not dead", "not ie > 0"],
+  "keywords": ["node-red", "ui", "gui", "dashboard", "SPA", "web", "website", "data-driven", "webpage", "web-app"],
   "homepage": "https://totallyinformation.github.io/node-red-contrib-uibuilder/#/",
   "bugs": "https://github.com/TotallyInformation/node-red-contrib-uibuilder/issues",
   "author": {
     "name": "Julian Knight (TotallyInformation)",
     "url": "https://github.com/TotallyInformation"
   },
-  "contributors": [
-    {
-      "name": "Julian Knight",
-      "url": "https://github.com/TotallyInformation"
-    },
-    {
-      "name": "Colin Law",
-      "url": "https://github.com/colinl"
-    },
-    {
-      "name": "Steve Rickus",
-      "url": "https://github.com/shrickus"
-    },
-    {
-      "name": "Ellie Lee",
-      "url": "https://github.com/ellieejlee"
-    },
-    {
-      "name": "Thomas Wagner",
-      "url": "https://github.com/Thomseeen"
-    },
-    {
-      "name": "Arlena Derksen",
-      "url": "https://github.com/boisei0"
-    },
-    {
-      "name": "cflurin",
-      "url": "https://discourse.nodered.org/u/cflurin"
-    },
-    {
-      "name": "Scott Page - IndySoft",
-      "url": "https://github.com/scottpageindysoft"
-    },
-    {
-      "name": "Stephen McLaughlin - Steve-Mcl",
-      "url": "https://discourse.nodered.org/u/Steve-Mcl"
-    },
-    {
-      "name": "Sergio Rius",
-      "url": "https://github.com/SergioRius"
-    },
-    {
-      "name": "Thorsten von Eicken",
-      "url": "https://github.com/tve"
-    },
-    {
-      "name": "meeki007",
-      "url": "https://github.com/meeki007"
-    },
-    {
-      "name": "talltechdude",
-      "url": "https://github.com/talltechdude"
-    },
-    {
-      "name": "Harold Peters Inskipp",
-      "url": "https://github.com/HaroldPetersInskipp"
-    },
-    {
-      "name": "Mudwalker (Colin J)",
-      "url": "https://github.com/mudwalkercj"
-    }
-  ],
+  "contributors": [{
+    "name": "Julian Knight",
+    "url": "https://github.com/TotallyInformation"
+  }, {
+    "name": "Colin Law",
+    "url": "https://github.com/colinl"
+  }, {
+    "name": "Steve Rickus",
+    "url": "https://github.com/shrickus"
+  }, {
+    "name": "Ellie Lee",
+    "url": "https://github.com/ellieejlee"
+  }, {
+    "name": "Thomas Wagner",
+    "url": "https://github.com/Thomseeen"
+  }, {
+    "name": "Arlena Derksen",
+    "url": "https://github.com/boisei0"
+  }, {
+    "name": "cflurin",
+    "url": "https://discourse.nodered.org/u/cflurin"
+  }, {
+    "name": "Scott Page - IndySoft",
+    "url": "https://github.com/scottpageindysoft"
+  }, {
+    "name": "Stephen McLaughlin - Steve-Mcl",
+    "url": "https://discourse.nodered.org/u/Steve-Mcl"
+  }, {
+    "name": "Sergio Rius",
+    "url": "https://github.com/SergioRius"
+  }, {
+    "name": "Thorsten von Eicken",
+    "url": "https://github.com/tve"
+  }, {
+    "name": "meeki007",
+    "url": "https://github.com/meeki007"
+  }, {
+    "name": "talltechdude",
+    "url": "https://github.com/talltechdude"
+  }, {
+    "name": "Harold Peters Inskipp",
+    "url": "https://github.com/HaroldPetersInskipp"
+  }, {
+    "name": "Mudwalker (Colin J)",
+    "url": "https://github.com/mudwalkercj"
+  }],
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/TotallyInformation/node-red-contrib-uibuilder"
   }
-}
+}
\ No newline at end of file
diff --git a/resources/.eslintrc.js b/resources/.eslintrc.js
new file mode 100644
index 00000000..b47de2b8
--- /dev/null
+++ b/resources/.eslintrc.js
@@ -0,0 +1,89 @@
+/* eslint-env node commonjs */
+/* global module */
+/** JavaScript Versions
+ *  5 is minimum -> Last IE11
+ *  6 = 2015 -> Node >8.10, iOS12+
+ *  7 = 2016 -> FF78+,
+ *  8 = 2017 -> Node 10.9+
+ *  9 = 2018 -> Node 12.11+
+ * 10 = 2019
+ * 11 = 2020
+ * 12 = 2021
+ */
+'use strict'
+module.exports = {
+    env: {
+        browser: true,
+        jquery: true,
+        node: false,
+        'shared-node-browser': false
+    },
+    parserOptions: {
+        ecmaVersion: 2019,
+        sourceType: 'script'
+    },
+    root: true,
+    globals: {
+        RED: true,
+    },
+    overrides: [
+        {
+            files: ['*.module.js', '*.mod.js', '*.mjs'],
+            parserOptions: { sourceType: 'module' },
+        }
+    ],
+    plugins: [
+        'html',     // Check scripts in HTML. https://www.npmjs.com/package/eslint-plugin-html
+        'es',       // Help avoid js that is too new. https://eslint-plugin-es.mysticatea.dev/
+        'jsdoc',    // JSDoc. https://www.npmjs.com/package/eslint-plugin-jsdoc
+        'promise',  // Better promises. https://www.npmjs.com/package/eslint-plugin-promise
+        'sonarjs'   // Detect bugs and suspicious patterns. https://github.com/SonarSource/eslint-plugin-sonarjs
+        // 'prettier', // https://www.npmjs.com/package/eslint-plugin-prettier
+    ],
+    extends: [
+        'standard',
+        // 'eslint:recommended',
+        'plugin:es/restrict-to-es2019',
+        'plugin:jsdoc/recommended',
+        'plugin:promise/recommended',
+        'plugin:sonarjs/recommended',
+        // 'plugin:prettier/recommended',
+    ],
+    rules: {
+        // remove once min engines moves to node.js v14+
+        'es/no-optional-chaining': 'error',
+        'es/no-dynamic-import': 'error',
+        'es/no-nullish-coalescing-operators': 'error',
+        // remove once min engines moves to node.js v15+
+        'es/no-logical-assignment-operators': 'error',
+        'es/no-promise-any': 'error',
+        'es/no-numeric-separators': 'error',
+
+        // Tidy up some jsdoc oddities
+        'jsdoc/multiline-blocks': 0,
+        'jsdoc/newline-after-description': 0,
+        'jsdoc/no-multi-asterisks': 0,
+        'jsdoc/tag-lines': 0,
+        'jsdoc/valid-types': 0, // Rubbish, fails on common type configs
+        'jsdoc/no-undefined-types': 0, // ['error'|'warn', {'definedTypes':['Promise']}],
+
+        // Try to keep code complexity in functions to a minimum
+        'sonarjs/cognitive-complexity': ['error', 60],  // default is 15! Need to try and improve this :-)
+        'sonarjs/no-nested-template-literals': 0,
+
+        // Make Standard less annoying
+        'brace-style': 'off',     // You should only use one-true-brace style but sometimes we want to compress things a bit.
+        'comma-dangle': 'off',    // Lack of dangles wastes soo much time correcting lists
+        'dot-notation': 'off',    // Turn off to allow for tslint's brain-dead treatment of expando objects in JS
+        'indent': ['error', 4, { 'SwitchCase': 1 }],   // Standard wants 2, I like 4
+        'space-before-function-paren': 'off', // No, don't need space between fn and arg!
+        'no-multi-spaces': 'off', // Readability is more important than size (reduce size using uglify)
+        'object-shorthand': ['error', 'consistent'],
+        'padded-blocks': 'off',   // Sometimes you just need some space! See above.
+        'space-in-parens': 'off', // Sometimes you just need some space!
+        'spaced-comment': ['error', 'always', {
+            'markers': ['html', '#region', '#endregion']
+        }],
+        'quote-props': 'off',     // Sometimes it is necessary and then much nicer to be able to quote things that don't need it.
+    }
+}
diff --git a/resources/ti-common.css b/resources/ti-common.css
new file mode 100644
index 00000000..07bb3060
--- /dev/null
+++ b/resources/ti-common.css
@@ -0,0 +1,55 @@
+/**
+ * CSS Resource file for UIBUILDER
+ *
+ * Load as: ./resources/node-red-contrib-uibuilder/ti-common.css
+ */
+
+:root {
+    --uib-node-colour: hsl(248 100% 91%);
+    --uib-blue: hsl(204 89% 55% / 70%); 
+    --uib-red: hsl(0 100% 45% / 70%); /* #8f0000; */
+}
+
+.uib-name {
+    display:inline !important;
+    font-weight: 600;
+    text-transform: uppercase;
+    color: var(--uib-blue) !important;
+}
+.uib-red {
+    color: var(--uib-red) !important;
+    font-weight: 800;
+}
+
+#uib-el .red-ui-typedInput-container {
+    width:69% !important;
+}
+
+.ui-tooltip { /* Better tooltips */
+    background-color: var(--red-ui-popover-background);
+    color: var(--red-ui-popover-color);
+}
+
+.emoji { /* Better Emoji's */
+    font-family: 
+        "Twemoji Mozilla",
+        "Apple Color Emoji",
+        "Segoe UI Emoji",
+        "Segoe UI Symbol",
+        "Noto Color Emoji",
+        "EmojiOne Color",
+        "Android Emoji",
+        sans-serif;
+}
+
+#ti-edit-panel fieldset {
+    border-style: groove;
+    border-color: var(--red-ui-primary-background);
+    border-width: 2px;
+    padding-left: .3em;
+}
+#ti-edit-panel legend {
+    width:fit-content;
+    padding-left: .2em;
+    padding-right: .2em;
+}
diff --git a/resources/ti-common.js b/resources/ti-common.js
new file mode 100644
index 00000000..6dcd48e1
--- /dev/null
+++ b/resources/ti-common.js
@@ -0,0 +1,216 @@
+/** Common functions and data for UIBUILDER nodes
+ * Load as: ./resources/node-red-contrib-uibuilder/ti-common.js
+ */
+
+;(function () { // eslint-disable-line sonarjs/cognitive-complexity
+    'use strict'
+
+    if (!window['uibuilder']) {
+        let _dbg = false
+
+        /** Add a "uibuilder" object to the Node-RED Editor
+         * To contain common functions, variables and constants for UIBUILDER nodes
+         */
+        const uibuilder = window['uibuilder'] = {
+            paletteCategory: 'uibuilder',
+            // Standard width for typed input fields
+            typedInputWidth: '68.5%',
+            // Are we running on a local device?
+            localHost: ['localhost', '127.0.0.1', '::1', ''].includes(window.location.hostname) || window.location.hostname.endsWith('.localhost'),
+            // URL root if needed (set below to '' if using a custom uib server)
+            nodeRoot: RED.settings.httpNodeRoot.replace(/^\//, ''),
+            // URL prefix for all uib nodes - set below
+            urlPrefix: undefined,
+            // uib server type
+            serverType: undefined,
+            /** Tracks ALL uibuilder editor instance URL's by node id by tracking changes to the Node-RED Editor - ONLY USE FOR URL TRACKING
+             * These URL's may not actually be deployed. They also include disabled nodes (node.d=true) AND disabled flows.
+             * NOTE: Nodes on disabled flows are not directly detectable and node.d will not be set.
+             * @type {{string,string}|{}}
+             */
+            editorUibInstances: {},
+            /** Tracks all DEPLOYED uibuilder instances url's by node id @type {{string,string}|{}} */
+            deployedUibInstances: {},
+            /** Tracks uibuilder's installed front-end packages - changes as packages added/removed (in uibuilder node) */
+            packages: [],
+
+            // Debug output via log() - turn on/off with true/false
+            get debug() { return _dbg },
+            set debug(dbg) {
+                if (![true, false].includes(dbg)) return
+                if (dbg === null) _dbg = !_dbg
+                else _dbg = dbg
+                this.log = _dbg ? console.log : function() {}
+            },
+            log: function(...args) {},
+            /** Add jQuery UI formatted tooltips
+             * @param {string} baseSelector CSS Selector that is the top of the hierarchy to impact
+             */
+            doTooltips: function doTooltips(baseSelector) {
+                // Select our page elements
+                $(baseSelector).tooltip({
+                    items: 'img[alt], [aria-label], [title]',
+                    track: true,
+                    content: function() {
+                        const element = $( this )
+                        if ( element.is( '[title]' ) ) {
+                            return element.attr( 'title' )
+                        } else if ( element.is( '[aria-label]' ) ) {
+                            return element.attr( 'aria-label' )
+                        } else if ( element.is( 'img[alt]' ) ) {
+                            return element.attr( 'alt' )
+                        } else return ''
+                    },
+                })
+            },
+            /** Get all of the currently deployed uibuilder URL's
+             * NOTE that the uibuilder.editorUibInstances cannot be used as that includes disabled nodes/flows
+             * @returns {{string,string}} URLs by node id of deployed uibuilder nodes
+             */
+            getDeployedUrls: function getDeployedUrls() {
+                let out
+                $.ajax({
+                    type: 'GET',
+                    async: false,
+                    dataType: 'json',
+                    url: './uibuilder/admin/dummy',
+                    data: {
+                        'cmd': 'listinstances',
+                    },
+                    success: function(instances) {
+                        // uibuilder.log('[uibuilder] Deployed Instances >>', instances )
+                        out = instances
+                    }
+                })
+                return out
+            } // ---- end of getDeployedUrls ---- //
+        }
+
+        //#region --- Calculate the node url root & the uibuilder FE url prefix
+        const eUrlSplit = window.origin.split(':')
+        // Is uibuilder using a custom server?
+        if (RED.settings.uibuilderCustomServer.isCustom === true) {
+            // Use the correct protocol (http or https)
+            eUrlSplit[0] = RED.settings.uibuilderCustomServer.type.replace('http2', 'https')
+            // Use the correct port
+            eUrlSplit[2] = RED.settings.uibuilderCustomServer.port
+            // When using custom server, no base path is used
+            uibuilder.nodeRoot = ''
+            uibuilder.serverType = 'a custom'
+        } else {
+            uibuilder.serverType = 'Node-RED\'s'
+        }
+        uibuilder.urlPrefix = `${eUrlSplit.join(':')}/${uibuilder.nodeRoot}`
+        //#endregion ---- ---- ----
+
+        uibuilder.debug = RED.settings.uibuilderNodeEnv.toLowerCase() === 'development' || RED.settings.uibuilderNodeEnv.toLowerCase() === 'dev' // uibuilder.localHost
+        uibuilder.log(`[uibuilder] DEBUG ON (because env NODE_ENV is '${RED.settings.uibuilderNodeEnv}')`)
+
+        /** Get initial list of installed FE packages via v2 API - save to master list */
+        $.ajax({
+
+            dataType: 'json',
+            method: 'get',
+            url: 'uibuilder/uibvendorpackages',
+            async: false,
+            // data: { url: node.url},
+
+            success: function(vendorPaths) {
+                uibuilder.packages = vendorPaths
+            },
+
+            error: function(err) {
+                console.error('ERROR', err)
+            },
+        })
+
+        /** Get initial list of deployed uibuilder instances */
+        uibuilder.deployedUibInstances =  uibuilder.getDeployedUrls()
+
+        /** Track which urls have been used - required to handle copy/paste and import
+         *  as these can contain duplicate urls before deployment.
+         */
+        RED.events.on('nodes:add', function(node) {
+            if ( node.type === 'uibuilder') {
+                // Track what type of addition this is
+                if (node.changed === false && !('moved' in node)) node.addType = 'load'
+                else if (!('_config' in node)) node.addType = 'new'
+                else if (node.changed === true && ('_config' in node)) node.addType = 'paste/import'
+                // Remove the URL on paste or import
+                if (node.addType === 'paste/import') {
+                    delete node.url
+                    delete node.oldUrl
+                    // We have to change this if we want the display version to change (if the prop is part of the label)
+                    delete node._config.url
+                }
+                // Keep a list of ALL uib nodes in the editor incl disabled, undeployed, etc. Different to the deployed list
+                if (node.url) uibuilder.editorUibInstances[node.id] = node.url
+                // Inform interested functions that something was added (and why)
+                RED.events.emit('uibuilder:node-added', node)
+                // -- IF uibuilderInstances <> editorInstances THEN there are undeployed instances. OR Disabled nodes/flows --
+
+                // uibuilder.log('[uibuilder] node added:', node)
+            }
+        })
+        RED.events.on('nodes:change', function(node) {
+            if ( node.type === 'uibuilder') {
+                // Update list
+                if (node.url) uibuilder.editorUibInstances[node.id] = node.url
+                else delete uibuilder.editorUibInstances[node.id]
+                // Inform interested functions that something was changed
+                RED.events.emit('uibuilder:node-changed', node)
+
+                uibuilder.log('[uibuilder] node changed:', node)
+            }
+        })
+        RED.events.on('nodes:remove', function(node) {
+            if ( node.type === 'uibuilder') {
+                // update list
+                delete uibuilder.editorUibInstances[node.id]
+                // Inform interested functions that something was deleted
+                RED.events.emit('uibuilder:node-deleted', node)
+
+                uibuilder.log('[uibuilder] node removed: ', node)
+            }
+        })
+        // RED.events.on('deploy', function() {
+        //     console.log('[uibuilder] Deployed')
+        // })
+        // RED.events.on('workspace:dirty', function(data) {
+        //     console.log('[uibuilder] Workspace dirty:', data)
+        // })
+        // RED.events.on('runtime-state', function(event) {
+        //     console.log('[uibuilder] Runtime State:', event)
+        // })
+
+        /** If debug, dump out key information to console */
+        if (uibuilder.debug === true) {
+            setTimeout( () => {
+                console.groupCollapsed('[uibuilder] Settings ...')
+                console.log(
+                    // The server's NODE_ENV environment var (e.g. PRODUCTION or DEVELOPMENT)
+                    'NodeEnv: ', RED.settings.uibuilderNodeEnv,
+                    // Current version of uibuilder
+                    '\nCurrentVersion: ', RED.settings.uibuilderCurrentVersion,
+                    // Should the editor tell the user that a redeploy is needed (based on uib versions)
+                    '\nRedeployNeeded: ', RED.settings.uibuilderRedeployNeeded,
+                    // uibRoot folder
+                    '\nRootFolder: ', RED.settings.uibuilderRootFolder,
+
+                    // Available templates and details
+                    '\n\nTemplates: ', RED.settings.uibuilderTemplates,
+                    // Custom server details
+                    '\n\nCustomServer: ', RED.settings.uibuilderCustomServer,
+
+                    // List of the deployed uib instances at Editor load time [{node_id: url}]
+                    `\n\nDeployed Instances (${Object.keys(RED.settings.uibuilderInstances).length}): `, RED.settings.uibuilderInstances,
+                    // ALL possible nodes in the editor
+                    `\n\nEditor Instances (${Object.keys(uibuilder.editorUibInstances).length}, incl undeployed & disabled): `, uibuilder.editorUibInstances,
+                    // Currently installed FE packages
+                    `\n\nFE installed packages - (${Object.keys(uibuilder.packages).length}): `, uibuilder.packages
+                )
+                console.groupEnd()
+            }, 1500)
+        }
+    }
+}())
diff --git a/src/editor/uib-save/editor.js b/resources/uib-save.js
similarity index 60%
rename from src/editor/uib-save/editor.js
rename to resources/uib-save.js
index dfbc61e7..dcc27214 100644
--- a/src/editor/uib-save/editor.js
+++ b/resources/uib-save.js
@@ -4,44 +4,31 @@
 (function () {
     'use strict'
 
+    // NOTE: window.uibuilder is added - see `resources` folder
+
+    // RED._debug({topic: 'RED.settings', payload:RED.settings})
+
+    const uibuilder = window['uibuilder']
+    const log = uibuilder.log
+
     /** Module name must match this nodes html file @constant {string} moduleName */
     const moduleName = 'uib-save'
-    /** Node's label @constant {string} paletteCategory */
-    const nodeLabel = moduleName
-    /** Node's palette category @constant {string} paletteCategory */
-    const paletteCategory = 'uibuilder'
-    /** Node's background color @constant {string} paletteColor */
-    const paletteColor = '#E6E0F8'
 
-    /** Copy of all deployed uibuilder node instances */
-    let uibInstances = null
+    /** Copy of deployed uibuilder node instances populated by getUrls() */
+    let uibInstances
 
-    /** Get all of the current uibuilder URL's */
+    /** Get all of the currently deployed uibuilder URL's
+     * NOTE that the uibuilder.urlsByNodeId cannot be used as that includes disabled nodes/flows
+     */
     function getUrls() {
-        $.ajax({
-            type: 'GET',
-            async: false,
-            dataType: 'json',
-            url: './uibuilder/admin/dummy',
-            data: {
-                'cmd': 'listinstances',
-            },
-            success: function(instances) {
-                console.log('>> Instances >>', instances, Object.entries(instances) )
-
-                uibInstances = instances
-
-                Object.keys(instances).forEach( (key, i, arr) => {
-                    $('#node-input-url').append($('<option>', {
-                        value: instances[key],
-                        text: instances[key],
-                        'data-id': key,
-                    }))
-                })
-
-            }
+        uibInstances = uibuilder.getDeployedUrls()
+        Object.keys(uibInstances).forEach( (key, i, arr) => {
+            $('#node-input-url').append($('<option>', {
+                value: uibInstances[key],
+                text: uibInstances[key],
+                'data-id': key,
+            }))
         })
-
     } // ---- end of getUrls ---- //
 
     /** Prep for edit
@@ -49,6 +36,7 @@
      */
     function onEditPrepare(node) {
         // initial checkbox states
+        $('#node-input-usePageName').prop('checked', node.usePageName)
         $('#node-input-createFolder').prop('checked', node.createFolder)
         $('#node-input-reload').prop('checked', node.reload)
 
@@ -85,12 +73,33 @@
             $(`#node-input-url option[value="${node.url}"]`).prop('selected', true)
             $('#node-input-url').val(node.url)
         }
+
+        // If "Use pageName" is set, disable the folder and file fields.
+        $('#node-input-usePageName').on('change', function() {
+            if ($(this).prop('checked') === true) {
+                $('#node-input-folder').attr('disabled', true)
+                $('#folder').css('color', 'var(--red-ui-tab-text-color-disabled-active)')
+                $('#node-input-folder').css('background-color', 'var(--red-ui-form-text-color-disabled)')
+
+                $('#node-input-fname').attr('disabled', true)
+                $('#fname').css('color', 'var(--red-ui-tab-text-color-disabled-active)')
+                $('#node-input-fname').css('background-color', 'var(--red-ui-form-text-color-disabled)')
+            } else {
+                $('#node-input-folder').attr('disabled', false)
+                $('#folder').removeAttr('style')
+                $('#node-input-folder').removeAttr('style')
+
+                $('#node-input-fname').attr('disabled', false)
+                $('#fname').removeAttr('style')
+                $('#node-input-fname').removeAttr('style')
+            }
+        })
+
+        uibuilder.doTooltips('#ti-edit-panel') // Do this at the end
     } // ----- end of onEditPrepare() ----- //
 
     // @ts-ignore
     RED.nodes.registerType(moduleName, {
-        category: paletteCategory,
-        color: paletteColor,
         defaults: {
             url: { value: '', required: true },
             uibId: { value: '' }, // ID of selected uibuilder instance
@@ -98,6 +107,7 @@
             fname: { value: '', },
             createFolder: { value: false, },
             reload: { value: false, },
+            usePageName: { value: false, },
             encoding: { value: 'utf8' },
             mode: { value: 0o666 },
             name: { value: '' },
@@ -109,14 +119,15 @@
         // outputs: 1,
         // outputLabels: ['HTML payload'],
         icon: 'font-awesome/fa-floppy-o',
-        paletteLabel: nodeLabel,
         label: function () {
             return this.name || this.url || moduleName
         },
+        paletteLabel: moduleName,
+        category: uibuilder.paletteCategory,
+        color: 'var(--uib-node-colour)', // '#E6E0F8'
 
         /** Prepares the Editor panel */
         oneditprepare: function () { onEditPrepare(this) },
-
     }) // ---- End of registerType() ---- //
 
 }())
diff --git a/resources/uib-tag.js b/resources/uib-tag.js
new file mode 100644
index 00000000..8f2402c9
--- /dev/null
+++ b/resources/uib-tag.js
@@ -0,0 +1,174 @@
+/* eslint-disable strict, sonarjs/no-duplicate-string */
+
+// Isolate this code
+(function () {
+    'use strict'
+
+    // NOTE: window.uibuilder is added - see `resources` folder
+
+    // RED._debug({topic: 'RED.settings', payload:RED.settings})
+
+    const uibuilder = window['uibuilder']
+    // const log = uibuilder.log
+
+    /** Module name must match this nodes html file @constant {string} moduleName */
+    const moduleName = 'uib-tag'
+
+    const inputTypes = [
+        'msg', 'flow', 'global',
+        'str', 'num', 'bool', 'date',
+        'env', 'jsonata', 're', 'json',
+        // 'bin', 'cred',
+    ]
+    // Standard typed input types for string fields
+    const stdStrTypes = [
+        'msg', 'flow', 'global',
+        'str', 'env', 'jsonata', 're',
+    ]
+
+    /** Prep for edit
+     * @param {*} node A node instance as seen from the Node-RED Editor
+     */
+    function onEditPrepare(node) {
+        $('#node-input-slotPropMarkdown').prop('checked', node.slotPropMarkdown)
+
+        if (!node.parent) $('#node-input-parent').val('body')
+        if (!node.position) {
+            $('#node-input-position').val('last')
+            node.position = 'last'
+        }
+
+        // Define tag - typed input - https://nodered.org/docs/api/ui/typedInput/
+        $('#node-input-tag').typedInput({
+            types: stdStrTypes,
+            default: 'str',
+            typeField: $('#node-input-tagSourceType'),
+        })
+
+        // parent selector typed input - https://nodered.org/docs/api/ui/typedInput/
+        $('#node-input-parent').typedInput({
+            types: stdStrTypes,
+            default: 'str',
+            typeField: $('#node-input-parentSourceType'),
+        }) // .typedInput('width', tiWidth)
+
+        // element id typed input
+        $('#node-input-elementId').typedInput({
+            types: stdStrTypes,
+            default: 'str',
+            typeField: $('#node-input-elementIdSourceType'),
+        }) // .typedInput('width', tiWidth)
+
+        // position typed input
+        $('#node-input-position').typedInput({
+            types: stdStrTypes,
+            default: 'str',
+            typeField: $('#node-input-positionSourceType'),
+        }) // .typedInput('width', tiWidth)
+
+        // slotSourceProp typed input
+        $('#node-input-slotSourceProp').typedInput({
+            types: inputTypes,
+            default: 'msg',
+            typeField: $('#node-input-slotSourcePropType')
+        })
+
+        $('#node-input-slotPropMarkdown').on('change', function() {
+            if ($(this).is(':checked') === false) {
+                $('#slotPropMarkdown-unchecked').show()
+                $('#slotPropMarkdown-checked').hide()
+            } else {
+                $('#slotPropMarkdown-unchecked').hide()
+                $('#slotPropMarkdown-checked').show()
+            }
+        })
+
+        // attribsSource typed input - https://nodered.org/docs/api/ui/typedInput/
+        $('#node-input-attribsSource').typedInput({
+            types: ['msg', 'flow', 'global', 'json', 'jsonata',],
+            default: 'msg',
+            typeField: $('#node-input-attribsSourceType')
+        })
+
+        uibuilder.doTooltips('#ti-edit-panel') // Do this at the end
+    } // ----- end of onEditPrepare() ----- //
+
+    // ! TODO Move to ti-common
+    /** Validate a typed input as a string
+     * Must not be JSON. Can be a number only if allowNum=true. Can be an empty string only if allowBlank=true
+     * Sets typedInput border to red if not valid since custom validation not available on std typedInput types
+     * @param {string} value Input value
+     * @param {string} inpName Input field name
+     * @param {boolean} allowBlank true=allow blank string. Default=true
+     * @param {boolean} allowNum true=allow numeric input. Default=false
+     * @returns {boolean} True if valid
+     */
+    function tiValidateOptString(value, inpName, allowBlank = true, allowNum = false) {
+        let isValid = true
+        let f
+        try {
+            f = value.slice(0, 1)
+        } catch (e) {}
+
+        if (allowBlank === false && value === '') {
+            isValid = false
+            // console.log({ name: inpName, why: 'Blank failed', value: value, allowBlank: allowBlank })
+        }
+
+        if ( allowNum === false && (value !== '' && !isNaN(Number(value))) ) {
+            isValid = false
+            // console.log({ name: inpName, why: 'Num failed', value: value, allowNum: allowNum })
+        }
+
+        if ( f === '{' || f === '[' ) isValid = false
+
+        $(`#node-input-${inpName} + .red-ui-typedInput-container`).css('border-color', isValid ? 'var(--red-ui-form-input-border-color)' : 'red')
+        return isValid
+    }
+
+    // @ts-ignore
+    RED.nodes.registerType(moduleName, {
+        defaults: {
+            name: { value: '' },
+            topic: { value: '' },
+
+            tag: { value: '', validate: (v) => tiValidateOptString(v, 'tag', false, false) }, // RED.validators.regex(/^((?!<|>).)*$/) },
+            tagSource: { value: '' },
+            tagSourceType: { value: 'str' },
+
+            parent: { value: 'body', validate: (v) => tiValidateOptString(v, 'parent', false, false) },
+            parentSource: { value: '' },
+            parentSourceType: { value: 'str' },
+
+            elementId: { value: '', validate: (v) => tiValidateOptString(v, 'elementId', true, false) },
+            elementIdSourceType: { value: 'str' },
+
+            position: { value: 'last', validate: (v) => tiValidateOptString(v, 'position', false, true) },
+            positionSourceType: { value: 'str' },
+
+            slotSourceProp: { value: '' },
+            slotSourcePropType: { value: 'msg' },
+
+            attribsSource: { value: '' },
+            attribsSourceType: { value: 'msg' },
+
+            slotPropMarkdown: { value: false },
+        },
+        align: 'left',
+        inputs: 1,
+        inputLabels: 'Source data',
+        outputs: 1,
+        outputLabels: ['uibuilder dynamic UI configuration'],
+        icon: 'font-awesome/fa-tag',
+        label: function () {
+            // return this.name || `${this.mode}${this.cssSelectorType === 'str' ? ` ${this.cssSelector.replace(/.*::/, '')}` : ''}`  || moduleName
+            return this.name || `[${this.tag}] ${this.parent ? `${this.parent}.` : ''}${this.elementId || moduleName}`
+        },
+        paletteLabel: moduleName,
+        category: uibuilder.paletteCategory,
+        color: 'var(--uib-node-colour)', // '#E6E0F8'
+
+        /** Prepares the Editor panel */
+        oneditprepare: function () { onEditPrepare(this) },
+    }) // ---- End of registerType() ---- //
+}())
diff --git a/src/editor/uibuilder/editor.js b/resources/uibuilder.js
similarity index 88%
rename from src/editor/uibuilder/editor.js
rename to resources/uibuilder.js
index b6e03ee7..4a78dc96 100644
--- a/src/editor/uibuilder/editor.js
+++ b/resources/uibuilder.js
@@ -2,14 +2,9 @@
 /* eslint-disable sonarjs/no-duplicate-string, es/no-object-values, strict */
 
 // Isolate this code
-(function () { // eslint-disable-line sonarjs/cognitive-complexity
+;(function () { // eslint-disable-line sonarjs/cognitive-complexity
     'use strict'
 
-    const localHost = ['localhost', '127.0.0.1', '::1', ''].includes(window.location.hostname) || window.location.hostname.endsWith('.localhost')
-    const uibDebug = localHost
-    const mylog = uibDebug ? console.log : function() {}
-    mylog('[uibuilder] DEBUG ON (because running on localhost)')
-
     //#region ------------------- Pollyfills --------------------- //
 
     if (!Object.entries) {
@@ -37,29 +32,20 @@
 
     //#region --------- "global" variables for the panel --------- //
 
+    // RED._debug({topic: 'RED.settings', payload:RED.settings})
+
+    // NOTE: window.uibuilder is added by ti-common.js - see `resources` folder
+    const uibuilder = window['uibuilder']
+    const log = uibuilder.log
     /** Module name must match this nodes html file @constant {string} moduleName */
     const moduleName  = 'uibuilder'
-    /** Node's label @constant {string} paletteCategory */
-    const nodeLabel  = 'uibuilder'
-    /** Node's palette category @constant {string} paletteCategory */
-    const paletteCategory  = 'uibuilder'
-    /** Node's background color @constant {string} paletteColor */
-    const paletteColor  = '#E6E0F8'
-    /** Default session length (in seconds) if security is active @type {Number} */
-    // const defaultSessionLength = 432000
-    /** Default JWT secret if security is active - to ensure it isn't blank @type {String} */
-    // const defaultJwtSecret = 'Replace This With A Real Secret'
+
+    /** Track which urls have been used - required for error handling in url validation. Only use for URL tracking */
+    const editorInstances = uibuilder.editorUibInstances
     /** Default template name */
     const defaultTemplate = 'blank'
-    /** Track which urls have been used - required to handle copy/paste and import
-     *  as these can contain duplicate urls before deployment.
-     */
-    const editorInstances = {}
-
     /** List of installed packages - rebuilt when editor is opened, updates by library mgr */
-    let packages = []
-    /** List of the instances in use by id [{node_id: url}], updated in validateUrl() */
-    let uibuilderInstances = RED.settings.uibuilderInstances
+    let packages = uibuilder.packages
 
     /** placeholder for ACE editor vars - so that they survive close/reopen admin config ui
      * @typedef {object} uiace Options for the ACE/Monaco code editor
@@ -80,44 +66,6 @@
 
     //#endregion ------------------------------------------------- //
 
-    //#region --------- Node-RED Event Handlers  --------- //
-    // These are registered once for the node type
-
-    /** Track which urls have been used - required to handle copy/paste and import
-     *  as these can contain duplicate urls before deployment.
-     */
-    RED.events.on('nodes:add', function(node) {
-        if ( node.type === 'uibuilder') {
-            // Keep a list of uib nodes in the editor
-            // may be different to the deployed list
-            editorInstances[node.id] = node.url
-            // -- IF uibuilderInstances <> editorInstances THEN there are undeployed instances. --
-        }
-    })
-    RED.events.on('nodes:change', function(node) {
-        if ( node.type === 'uibuilder') {
-            mylog('nodes:change:', node)
-            editorInstances[node.id] = node.url
-        }
-    })
-    RED.events.on('nodes:remove', function(node) {
-        if ( node.type === 'uibuilder') {
-            mylog('>> nodes:remove >>', node)
-            delete editorInstances[node.id]
-        }
-    })
-    // RED.events.on('deploy', function() {
-    //     console.log('Deployed')
-    // })
-    // RED.events.on('workspace:dirty', function(data) {
-    //     console.log('Workspace dirty:', data)
-    // })
-    // RED.events.on('runtime-state', function(event) {
-    //     console.log('>> Runtime State >>', event)
-    // })
-
-    //#endregion --------- Node-RED Event Handlers  --------- //
-
     //#region --------- "global" functions for the panel --------- //
 
     //#region ==== Package Management Functions ==== //
@@ -127,7 +75,7 @@
      */
     function doPkgUpd(evt) {
         // ! TODO
-        console.log('>>>> do update', evt.data.pkgName)
+        log('>>>> do update', evt.data.pkgName)
 
         const packageName = evt.data.pkgName
         const node = evt.data.node
@@ -140,9 +88,9 @@
             const npmOutput = data.result[0]
 
             if ( data.success === true) {
-                packages = data.result[1]
+                packages = uibuilder.packages = data.result[1]
 
-                console.log('[uibuilder:doPkgUpd:get] PACKAGE INSTALLED. ', packageName, node.url, '\n\n', npmOutput, '\n ')
+                console.log('[uibuilder:doPkgUpd:get] PACKAGE INSTALLED. ', packageName, node.url, '\n\n', npmOutput, '\n ', packages[packageName])
                 RED.notify(`Successful update of npm package ${packageName}`, 'success')
 
                 // reset and populate the list
@@ -252,7 +200,7 @@
                     </div>
                     <div title="NB: This link is an estimate, check the package docs for the actual entry point" style="display:flex;justify-content:space-between;">
                         <div>Est.&nbsp;link:</div>
-                        <div style="margin-left:auto;text-align:right;"><code style="white-space:inherit;text-decoration: underline;"><a href="${node.urlPrefix}${pkgSpec.url}" target="_blank">
+                        <div style="margin-left:auto;text-align:right;"><code style="white-space:inherit;text-decoration: underline;"><a href="${uibuilder.urlPrefix}${pkgSpec.url}" target="_blank">
                             ${pkgSpec.url}
                         </code></div>
                     </div>
@@ -291,16 +239,15 @@
                     const npmOutput = data.result[0]
 
                     if ( data.success === true) {
-                        packages = data.result[1]
+                        packages = uibuilder.packages = data.result[1]
 
-                        console.log('[uibuilder:addPackageRow:get] PACKAGE INSTALLED. ', packageName, node.url, '\n\n', npmOutput, '\n ')
+                        console.log('[uibuilder:addPackageRow:get] PACKAGE INSTALLED. ', packageName, node.url, '\n\n', npmOutput, '\n ', packages[packageName])
                         RED.notify(`Successful installation of npm package ${packageName} for ${node.url}`, 'success')
 
                         // reset and populate the list
                         $('#node-input-packageList').editableList('empty')
                         // @ts-ignore
                         $('#node-input-packageList').editableList('addItems', Object.keys(packages))
-
                     } else {
                         console.log('[uibuilder:addPackageRow:get] ERROR ON INSTALLATION OF PACKAGE ', packageName, node.url, '\n\n', npmOutput, '\n ' )
                         RED.notify(`FAILED installation of npm package ${packageName} for ${node.url}`, 'error')
@@ -372,29 +319,6 @@
         return null
     } // ---- End of removePackageRow ---- //
 
-    /** Get list of installed packages via v2 API - save to master list */
-    function packageList() {
-
-        $.ajax({
-
-            dataType: 'json',
-            method: 'get',
-            url: 'uibuilder/uibvendorpackages',
-            async: false,
-            // data: { url: node.url},
-
-            success: function(vendorPaths) {
-                packages = vendorPaths
-            },
-
-            error: function(err) {
-                console.log('ERROR', err)
-            },
-
-        })
-
-    } // --- End of packageList --- //
-
     //#endregion ==== Package Management Functions ==== //
 
     //#region ==== File Management Functions ==== //
@@ -890,22 +814,8 @@
      * @param {object} node Pass in this
      */
     function updateDeployedInstances(node) {
-        // Update the deployed instances list
-        $.ajax({
-            type: 'GET',
-            async: false,
-            dataType: 'json',
-            url: './uibuilder/admin/_', // pass dummy url _ as not needed for this query
-            data: {
-                'cmd': 'listinstances', // 'checkurls',
-            },
-            success: function(data) {
-                // console.log('>> update instances >>', value, data)
-                uibuilderInstances = data
-            }
-        })
-
-        if ( node ) node.isDeployed = uibuilderInstances[node.id] !== undefined
+        uibuilder.deployedUibInstances =  uibuilder.getDeployedUrls()
+        if ( node ) node.isDeployed = uibuilder.deployedUibInstances[node.id] !== undefined
     }
 
     /** Find out if a server folder exists for this url
@@ -1026,20 +936,20 @@
      * @param {*} value Value
      */
     function debugUrl(node, value) { // eslint-disable-line no-unused-vars
-        if (!uibDebug) return
-
-        console.group(`>> validateUrl >> ${node.id}`)
-        mylog('-- isDeployed --', node.isDeployed )
-        mylog('-- node.url --', node.url, '-- node.oldUrl --', node.oldUrl)
-        mylog('-- value --', value)
-        mylog('-- Editor URL Changed? --', node.urlChanged, '-- Valid? --', node.urlValid )
-        mylog('-- Deployed URL Changed? --', node.urlDeployedChanged )
-        mylog('-- uibuilderInstances[node.id] --', uibuilderInstances[node.id])
-        mylog('-- editorInstances[node.id] --', editorInstances[node.id])
-        mylog('-- is Dup? -- Deployed:', node.urlDeployedDup, ', Editor:', node.urlEditorDup)
-        mylog('-- URL Errors --', node.urlErrors )
-        mylog('-- Node Changed? --', node.changed, '-- Valid? --', node.valid )
-        mylog('-- this --', node)
+        if (!uibuilder.debug) return
+
+        console.groupCollapsed(`>> validateUrl >> ${node.id}`)
+        log('-- isDeployed --', node.isDeployed )
+        log('-- node.url --', node.url, '-- node.oldUrl --', node.oldUrl)
+        log('-- value --', value)
+        log('-- Editor URL Changed? --', node.urlChanged, '-- Valid? --', node.urlValid )
+        log('-- Deployed URL Changed? --', node.urlDeployedChanged )
+        log('-- deployedUibInstances[node.id] --', uibuilder.deployedUibInstances[node.id])
+        log('-- editorInstances[node.id] --', editorInstances[node.id])
+        log('-- is Dup? -- Deployed:', node.urlDeployedDup, ', Editor:', node.urlEditorDup)
+        log('-- URL Errors --', node.urlErrors )
+        log('-- Node Changed? --', node.changed, '-- Valid? --', node.valid )
+        log('-- this --', node)
         console.groupEnd()
     }
     /** Validation Function: Validate the url property
@@ -1049,55 +959,23 @@
      * @this {*}
      **/
     function validateUrl(value) {
-        /** Notes:
-         *  1) `this` is the node instance configuration as at last press of Done.
-         *  2) Validation fns are run on every node instance when the Editor is loaded (e.g. panel not open) -
-         *     value is populated but jQ val is undefined.
-         *  3) Validation for an instance is run when a new node instance added - value & jq value both `undefined`.
-         *  4) Validation for an instance is run when a field value has changed (on blur) - value & jq value are the same.
-         *  4) jq values are undefined when this is called on load (e.g. panel not open).
-         *  5) value and jq value both undefined when a new instance added to flow. Validation is fired at that point.
-         */
-        /**
-         * Saved/this (me)
-         *  url
-         *  oldUrl
-         * this (me)
-         *  urlValid
-         *  urlErrors
-         *  urlDeployedDup
-         *  urlEditorDup
-         * this (node-red)
-         *  isDeployed
-         *  validationErrors
-         *  valid
-         *  changed
-         */
-
-        // Update the deployed instances list (also updates this.isDeployed)
-        updateDeployedInstances(this)
+        if ($('#node-input-url').is(':visible')) {
+            // Update the DEPLOYED instances list (also updates this.isDeployed) - not needed on Editor load
+            updateDeployedInstances(this)
+            // console.log(this.url, '#node-input-url IS VISIBLE. ', 'Changed? ', this.changed)
+        }
 
         // this.urlValid = false
         this.urlErrors = {}
 
-        this.urlDeployedChanged = uibuilderInstances[this.id] !== value //  || (this.oldUrl !== undefined && this.url !== this.oldUrl)
+        this.urlDeployedChanged = uibuilder.deployedUibInstances[this.id] !== value //  || (this.oldUrl !== undefined && this.url !== this.oldUrl)
         this.urlChanged = (this.url !== value)
 
-        let f = Object.values(uibuilderInstances).indexOf(value)
-        this.urlDeployedDup = ( f > -1 && Object.keys(uibuilderInstances)[f] !== this.id )
+        let f = Object.values(uibuilder.deployedUibInstances).indexOf(value)
+        this.urlDeployedDup = ( f > -1 && Object.keys(uibuilder.deployedUibInstances)[f] !== this.id )
         f = Object.values(editorInstances).indexOf(value)
         this.urlEditorDup = ( f > -1 && Object.keys(editorInstances)[f] !== this.id )
 
-        // Node is an editor dup but not deployed therefore must be a copy/paste or maybe an import
-        if ( this.isDeployed === false && this.urlEditorDup === true ) {
-            this.urlErrors.config = 'Pasted or imported, URL must be changed'
-            // Reset the url's because we need a new one (but don't trigger url change as this will be new)
-            value = ''
-            this.url = this.oldUrl = undefined
-            $('#node-input-url').val('')
-            mylog('[uib] >> Copy/Paste >>', this.id, 'this.url:', this.url, ', value:', value, ', this.oldUrl:', this.oldUrl )
-        }
-
         // If value is undefined, node hasn't been configured yet - we assume empty url which is invalid
         if ( value === undefined ) {
             this.urlErrors.config = 'Not yet configured, valid URL needed'
@@ -1158,7 +1036,7 @@
 
             /** If the folder already exists - lock out the editor panel. */
             if ( this.folderExists === true && this.urlChanged === true ) {
-                mylog('>> folder already exists >>', this.url, this.id)
+                log('>> folder already exists >>', this.url, this.id)
                 RED.notify(`<b>WARNING</b>: <p>The folder for the chosen URL (${value}) is already exists.<br>It will be adopted by this node.</p>`, { type: 'warning' })
             }
 
@@ -1169,7 +1047,7 @@
 
         // Warn user when changing URL. NOTE: Set/reset old url in the onsave function not here
         if ( this.isDeployed && this.deployedUrlChanged === true ) {
-            mylog('[uib] >> deployed url changed >> this.url:', this.url, ', this.oldUrl:', this.oldUrl, this.id)
+            log('[uib] >> deployed url changed >> this.url:', this.url, ', this.oldUrl:', this.oldUrl, this.id)
             this.urlErrors.warnChange = `Renaming from ${this.url} to ${value}. <b>MUST</b> redeploy now`
             RED.notify(`<b>NOTE</b>: <p>You are renaming the url from ${this.url} to ${value}.<br>You <b>MUST</b> redeploy before doing anything else.</p>`, { type: 'warning' })
         }
@@ -1193,7 +1071,6 @@
         }
 
         return this.urlValid
-
     } // --- End of validateUrl --- //
 
     /** Validation Function: Validate the session length property
@@ -1441,34 +1318,6 @@
 
     //#endregion ==== Template Management Functions ==== //
 
-    /** If debug, dump out key information to console */
-    function dumpUibSettings() {
-        if (!uibDebug) return
-
-        mylog('[uibuilder] Settings:\n',
-            // The server's NODE_ENV environment var (e.g. PRODUCTION or DEVELOPMENT)
-            '\nNodeEnv: ', RED.settings.uibuilderNodeEnv,
-            // Current version of uibuilder
-            '\nCurrentVersion: ', RED.settings.uibuilderCurrentVersion,
-            // Should the editor tell the user that a redeploy is needed (based on uib versions)
-            '\nRedeployNeeded: ', RED.settings.uibuilderRedeployNeeded,
-            // uibRoot folder
-            '\nRootFolder: ', RED.settings.uibuilderRootFolder,
-
-            // Available templates and details
-            '\n\nTemplates: ', RED.settings.uibuilderTemplates,
-            // Custom server details
-            '\n\nCustomServer: ', RED.settings.uibuilderCustomServer,
-
-            // List of the deployed uib instances [{node_id: url}]
-            `\n\nInstances (${Object.keys(RED.settings.uibuilderInstances).length}): `, RED.settings.uibuilderInstances,
-
-            `\n\neditorInstances (${Object.keys(editorInstances).length}): `, editorInstances,
-
-            `\n\npackages (${Object.keys(packages).length}): `, packages
-        )
-    }
-
     /** Set initial hidden & checkbox states (called from onEditPrepare)
      * @param {object} node A reference to the panel's `this` object
      */
@@ -1492,7 +1341,7 @@
      */
     function vscodeLink(node) {
         let pre, post
-        if (localHost) {
+        if (uibuilder.localHost) {
             pre = `<a href="vscode://file${RED.settings.uibuilderRootFolder}/${node.url}/?windowId=_blank" title="Open in VScode">`
             post = '</a>'
         } else {
@@ -1511,35 +1360,13 @@
      * @param {object} node A reference to the panel's `this` object
      */
     function showServerInUse(node) {
-        let svrType
-
-        const eUrlSplit = window.origin.split(':')
-        // var nrPort = Number(eUrlSplit[2])
-
-        node.nodeRoot = RED.settings.httpNodeRoot.replace(/^\//, '')
-
         $('#info-webserver').empty()
 
-        // Is uibuilder using a custom server?
-        if (RED.settings.uibuilderCustomServer.isCustom === true) {
-            // Use the correct protocol (http or https)
-            eUrlSplit[0] = RED.settings.uibuilderCustomServer.type.replace('http2', 'https')
-            // Use the correct port
-            eUrlSplit[2] = RED.settings.uibuilderCustomServer.port
-            // When using custom server, no base path is used
-            node.nodeRoot = ''
-            svrType = 'a custom'
-        } else {
-            svrType = 'Node-RED\'s'
-        }
-
-        node.urlPrefix = `${eUrlSplit.join(':')}/${node.nodeRoot}`
-
         const vslink = vscodeLink(node)
 
-        $('#info-webserver')
-            .append(`<div class="form-tips node-help"><span class="uib-name"><span class="uib-red">UI</span>BUILDER</span> is using ${svrType} webserver at <a href="${node.urlPrefix}${node.url}" target="_blank" title="Open in new window">${node.urlPrefix}</a><br>Server folder: ${vslink.pre}${RED.settings.uibuilderRootFolder}/${node.url}/${$('#node-input-sourceFolder').val()}/${vslink.post} </div>`)
-
+        $('#info-webserver').append(
+            `<div class="form-tips node-help"><span class="uib-name"><span class="uib-red">UI</span>BUILDER</span> is using ${uibuilder.serverType} webserver at <a href="${uibuilder.urlPrefix}${node.url}" target="_blank" title="Open in new window">${uibuilder.urlPrefix}</a><br>Server folder: ${vslink.pre}${RED.settings.uibuilderRootFolder}/${node.url}/${$('#node-input-sourceFolder').val()}/${vslink.post} </div>`
+        )
     } // ---- end of showServerInUse ---- //
 
     /** Handle URL changes - update web links (called from onEditPrepare)
@@ -1550,20 +1377,19 @@
         const thisurl = /** @type {string} */ ($(this).val())
 
         // Show the root URL
-        $('#uibuilderurl').prop('href', `${node.urlPrefix}${thisurl}`)
+        $('#uibuilderurl').prop('href', `${uibuilder.urlPrefix}${thisurl}`)
         // .html(`<i class="fa fa-globe" aria-hidden="true"></i> Open ${node.nodeRoot}${thisurl}`)
         $('#uibinstanceconf').prop('href', `./uibuilder/instance/${thisurl}?cmd=showinstancesettings`)
         // NB: The index url link is only shown if the option is turned on
         $('#show-src-folder-idx-url').empty()
             .append(
                 `<div>at 
-                    <a href="${node.urlPrefix}${thisurl}/idx" target="_blank" 
+                    <a href="${uibuilder.urlPrefix}${thisurl}/idx" target="_blank" 
                             style="color:var(--red-ui-text-color-link);text-decoration:underline;">
                         ${node.nodeRoot}${thisurl}/idx
                     </a>
                 </div>`
             )
-
     } // ---- end of urlChange ---- //
 
     /** Run when switching to the Files tab
@@ -1630,7 +1456,6 @@
      * @param {object} node A reference to the panel's `this` object
      */
     function tabLibraries(node) {
-
         // ! TODO Improve feedback
 
         // Setup the package list https://nodered.org/docs/api/ui/editableList/
@@ -1655,7 +1480,6 @@
         // spinner
         $('.red-ui-editableList-addButton').after(' <i class="spinner"></i>')
         $('i.spinner').hide()
-
     } // ---- End of tabLibraries() ---- //
 
     /** Prep tabs
@@ -1982,7 +1806,7 @@
         $('<button type="button" title="Open the uibuilder web page" id="btntopopen" class="ui-button ui-corner-all ui-widget leftButton"><i class="fa fa-globe" aria-hidden="true"></i> Open</button>')
             .on('click', (evt) => {
                 evt.preventDefault()
-                window.open(`${node.urlPrefix}${$('#node-input-url').val()}`, '_blank')
+                window.open(`${uibuilder.urlPrefix}${$('#node-input-url').val()}`, '_blank')
             })
             .appendTo($('div.red-ui-tray-toolbar'))
         $('<button type="button" title="Open uibuilder Documentation" class="ui-button ui-corner-all ui-widget leftButton"><i class="fa fa-book" aria-hidden="true"></i> Docs</button>')
@@ -1993,7 +1817,7 @@
             })
             .appendTo($('div.red-ui-tray-toolbar'))
         // If on localhost, add clickable label that opens in vscode
-        if (localHost) {
+        if (uibuilder.localHost) {
             const vsc = vscodeLink(node)
             $(`<button type="button" title="Open instance code folder in VSCode" aria-label="Link that opens the instance code folder in VSCode." class="ui-button ui-corner-all ui-widget leftButton">${vsc.icon}</button>`)
                 .on('click', (evt) => {
@@ -2005,8 +1829,6 @@
 
         getFolders()
 
-        packageList()
-
         // console.log('>> ONEDITPREPARE: NODE >>', node)
 
         // Show uibuilder version
@@ -2049,8 +1871,7 @@
 
         fileEditor()
 
-        dumpUibSettings()
-
+        uibuilder.doTooltips('.ti-edit-panel') // Do this at the end
     } // ---- End of oneditprepare ---- //
 
     //#endregion ------------------------------------------------- //
@@ -2058,8 +1879,6 @@
     // Register the node type, defaults and set up the edit fns
     RED.nodes.registerType(moduleName, {
         //#region --- options --- //
-        category: paletteCategory,
-        color: paletteColor,
         defaults: {
             name: { value: '' },
             topic: { value: '' },
@@ -2071,11 +1890,6 @@
             templateFolder: { value: defaultTemplate },  // Folder for selected template
             extTemplate: { value: '' }, // Only if templateFolder=external, degit name
             showfolder: { value: false },      // Should a web index view of all source files be made available?
-            // useSecurity: { value: false },
-            // allowUnauth: { value: false },
-            // allowAuthAnon: { value: false },
-            // sessionLength: { value: defaultSessionLength, validate: validateSessLen },   // 5d - Must have content if useSecurity=true
-            // tokenAutoExtend: { value: false }, // TODO add validation if useSecurity=true
             oldUrl: { value: undefined },      // If the url has been changed, this is the previous url
             reload: { value: false },          // If true, all connected clients will be reloaded if a file is changed on the edit screens
             sourceFolder: { value: 'src', required: true, }, // Which folder to use for front-end code? (src or dist)
@@ -2084,9 +1898,6 @@
             title: { value: '' },    // Optional short description for this instance
             descr: { value: '' },    // Optional long description for this instance
         },
-        credentials: {
-            jwtSecret: { type: 'password' },  // text or password
-        },
         inputs: 1,
         inputLabels: 'Msg to send to front-end',
         outputs: 2,
@@ -2094,24 +1905,19 @@
         // icon: 'node-white.svg',
         icon: 'node-blue-inverted.svg',
         // icon: 'semanticWebWhite.svg',
-        paletteLabel: nodeLabel,
         label: function () {
             const url = this.url ? `<${this.url}>` : '<no url>'
             const name = this.name ? `${this.name} ` : ''
             return `${name}${url}`
         },
+        paletteLabel: moduleName,
+        category: uibuilder.paletteCategory,
+        color: 'var(--uib-node-colour)', // '#E6E0F8'
+        // credentials: {
+        //     jwtSecret: { type: 'password' },  // text or password
+        // },
         //#endregion --- options --- //
 
-        /** Available methods:
-         * oneditprepare: (function) called when the edit dialog is being built.
-         * oneditsave:   (function) called when the edit dialog is okayed.
-         * oneditcancel: (function) called when the edit dialog is canceled.
-         * oneditdelete: (function) called when the delete button in a configuration node’s edit dialog is pressed.
-         * oneditresize: (function) called when the edit dialog is resized.
-         * onpaletteadd: (function) called when the node type is added to the palette.
-         * onpaletteremove: (function) called when the node type is removed from the palette.
-         */
-
         /** Prepares the Editor panel */
         oneditprepare: function() { onEditPrepare(this) },
 
@@ -2119,7 +1925,7 @@
          * @this {RED}
          */
         oneditsave: function() {
-            mylog('[uib] >> this >>', this)
+            log('[uib] >> this >>', this)
 
             // Get rid of the editor
             if ( uiace.editorLoaded === true ) {
@@ -2133,7 +1939,7 @@
             if ( $('#node-input-url').val() !== '' ) url = $('#node-input-url').val()
             if ( url !== this.url ) {
                 this.oldUrl = this.url
-                mylog(`>> oneditsave URL CHANGED >> New=${$('#node-input-url').val()}, Old=${this.url}` )
+                log(`>> oneditsave URL CHANGED >> New=${$('#node-input-url').val()}, Old=${this.url}` )
             } else if ( this.oldUrl !== undefined ) {
                 this.oldUrl = undefined
             }
@@ -2173,7 +1979,7 @@
 
             // Remove the recorded instance
             // delete editorInstances[this.id]
-            mylog('[uib] >> deleting >> isDeployed? ', this.isDeployed, uibuilderInstances[this.id] !== undefined)
+            log('[uib] >> deleting >> isDeployed? ', this.isDeployed, uibuilder.deployedUibInstances[this.id] !== undefined)
 
             // Only warn if the node has been deployed
             if ( this.isDeployed ) {
diff --git a/src/components/readme.md b/src/components/readme.md
new file mode 100644
index 00000000..5377e392
--- /dev/null
+++ b/src/components/readme.md
@@ -0,0 +1,7 @@
+This folder contains a sub-folder for each custom web component included in the uibuilder main package.
+
+ESBUILD is called from GULP to build loadable versions of each element as needed. 
+
+Some components (eg uib-var) are built directly into the uibuilder front-end library.
+Others may be built as separate loadable components and in that case, they will appear in the `/front-end/components/` folder in both IIFE and ESM minimised versions with map files.
+
diff --git a/src/components/uib-var/uib-var.js b/src/components/uib-var.js
similarity index 100%
rename from src/components/uib-var/uib-var.js
rename to src/components/uib-var.js
diff --git a/src/editor/uib-cache/editor.js b/src/editor/uib-cache/editor.js
index 5135087b..82a51b23 100644
--- a/src/editor/uib-cache/editor.js
+++ b/src/editor/uib-cache/editor.js
@@ -5,14 +5,16 @@
 (function () {
     'use strict'
 
+    const mylog = window['uibuilder'].log
+
     /** Module name must match this nodes html file @constant {string} moduleName */
     const moduleName  = 'uib-cache'
     /** Node's label @constant {string} paletteCategory */
     const nodeLabel  = moduleName
     /** Node's palette category @constant {string} paletteCategory */
-    const paletteCategory  = 'uibuilder'
+    const paletteCategory  = window['uibuilder'].paletteCategory
     /** Node's background color @constant {string} paletteColor */
-    const paletteColor  = '#E6E0F8'
+    const paletteColor  = 'var(--uib-node-colour)' // '#E6E0F8'
 
     /** Populate the store dropdown */
     function populateUseStoreDropdown() {
@@ -110,6 +112,7 @@
             }
         })
 
+        window['tiDoTooltips']('#ti-edit-panel') // Do this at the end
     } // ----- end of onEditPrepare() ----- //
 
     RED.nodes.registerType(moduleName, {
@@ -141,7 +144,5 @@
         },
 
         oneditprepare: function() { onEditPrepare(this) },
-
     }) // ---- End of registerType() ---- //
-
 }())
diff --git a/src/editor/uib-cache/main.html b/src/editor/uib-cache/main.html
index bd5afac3..0548ca62 100644
--- a/src/editor/uib-cache/main.html
+++ b/src/editor/uib-cache/main.html
@@ -14,6 +14,9 @@
     limitations under the License.
 -->
 
+<link type="text/css" rel="stylesheet" href="./resources/node-red-contrib-uibuilder/ti-common.css" media="all">
+<script src="./resources/node-red-contrib-uibuilder/ti-common.js"></script>
+
 <script type="text/javascript">
 /*=include editor.js */
 </script>
diff --git a/src/editor/uib-cache/panel.html b/src/editor/uib-cache/panel.html
index 73143706..36b35e8d 100644
--- a/src/editor/uib-cache/panel.html
+++ b/src/editor/uib-cache/panel.html
@@ -1,54 +1,55 @@
-<div aria-label="Choose what msg property to group cache by" id="cacheKey-row" class="form-row">
-    <label for="node-input-cacheKey"><i class="fa fa-tag"></i> Cache by</label>
-    msg.<input type="text" id="node-input-cacheKey" placeholder="Enter a msg property. " style="width:64%">
-</div>
-<div aria-label="Cache all or group by" title="Turn off cache by and record all msgs up to #" class="form-row">
-    <input type="checkbox" id="node-input-cacheall" style="display: inline-block; width: auto; vertical-align: top;">
-    <label for="node-input-cacheall" style="width: 90%;">Cache all messages individually?<span id="caspan"> (Up to # given below)</span></label>
-</div>
-<div aria-label="Only replay cache if client as actually new" title="A new client comes from a page-load, not a reconnection" class="form-row">
-    <input type="checkbox" id="node-input-newcache" style="display: inline-block; width: auto; vertical-align: top;" checked>
-    <label for="node-input-newcache" style="width: 90%;">Only replay cache when client is really new</label>
-</div>
-<div aria-label="How many msgs to cache" title="Use 0 for unlimited (up to memory availability)" class="form-row">
-    <label for="node-input-num"><i class="fa fa-tag"></i> # msgs</label>
-    <input type="number" id="node-input-num">
-</div>
-<div aria-label="Info for cache settings" class="form-row form-tips node-help" style="width:89%">
-    Number of msgs to cache<span id="help-per"> per topic</span>.<br>
-    Messages are dropped off front of queue once limit is reached.<br>
-    Use 0 for unlimited but take care not to run out of memory.
-</div>
+<div id="ti-edit-panel">
+    <div aria-label="Choose what msg property to group cache by" id="cacheKey-row" class="form-row">
+        <label for="node-input-cacheKey"><i class="fa fa-tag"></i> Cache by</label>
+        msg.<input type="text" id="node-input-cacheKey" placeholder="Enter a msg property. " style="width:64%">
+    </div>
+    <div aria-label="Cache all or group by" title="Turn off cache by and record all msgs up to #" class="form-row">
+        <input type="checkbox" id="node-input-cacheall" style="display: inline-block; width: auto; vertical-align: top;">
+        <label for="node-input-cacheall" style="width: 90%;">Cache all messages individually?<span id="caspan"> (Up to # given below)</span></label>
+    </div>
+    <div aria-label="Only replay cache if client as actually new" title="A new client comes from a page-load, not a reconnection" class="form-row">
+        <input type="checkbox" id="node-input-newcache" style="display: inline-block; width: auto; vertical-align: top;" checked>
+        <label for="node-input-newcache" style="width: 90%;">Only replay cache when client is really new</label>
+    </div>
+    <div aria-label="How many msgs to cache" title="Use 0 for unlimited (up to memory availability)" class="form-row">
+        <label for="node-input-num"><i class="fa fa-tag"></i> # msgs</label>
+        <input type="number" id="node-input-num">
+    </div>
+    <div aria-label="Info for cache settings" class="form-row form-tips node-help" style="width:89%">
+        Number of msgs to cache<span id="help-per"> per topic</span>.<br>
+        Messages are dropped off front of queue once limit is reached.<br>
+        Use 0 for unlimited but take care not to run out of memory.
+    </div>
 
-<!-- <div aria-label="Select which context store to use" class="form-row">
-    <label for="node-input-store"><i class="fa fa-database"></i> Use Store</label>
-    <input type="text" id="node-input-store">
-    <input type="hidden" id="node-input-store-type">
-</div> -->
-<div aria-label="Select which context store and variable to use" class="form-row">
-    <label for="node-input-storeName" style="width:25%"><i class="fa fa-database"></i> Store</label>
-    <label for="node-input-storeContext" style="width:25%"><i class="fa fa-database"></i> Type</label>
-    <label for="node-input-varName" style="width:41%"><i class="fa fa-tag"></i> Variable Name</label><br>
-    <input type="text" id="node-input-storeName" style="width:25%"></input>
-    <input type="text" id="node-input-storeContext" style="width:25%"></input>
-    <input type="text" id="node-input-varName" value="uib_cache" title="Can only change if Type is not 'Node'" placeholder="REQD: Context variable name" style="width:41%">
-</div>
+    <!-- <div aria-label="Select which context store to use" class="form-row">
+        <label for="node-input-store"><i class="fa fa-database"></i> Use Store</label>
+        <input type="text" id="node-input-store">
+        <input type="hidden" id="node-input-store-type">
+    </div> -->
+    <div aria-label="Select which context store and variable to use" class="form-row">
+        <label for="node-input-storeName" style="width:25%"><i class="fa fa-database"></i> Store</label>
+        <label for="node-input-storeContext" style="width:25%"><i class="fa fa-database"></i> Type</label>
+        <label for="node-input-varName" style="width:41%"><i class="fa fa-tag"></i> Variable Name</label><br>
+        <input type="text" id="node-input-storeName" style="width:25%"></input>
+        <input type="text" id="node-input-storeContext" style="width:25%"></input>
+        <input type="text" id="node-input-varName" value="uib_cache" title="Can only change if Type is not 'Node'" placeholder="REQD: Context variable name" style="width:41%">
+    </div>
 
-<div aria-label="Info for context store" class="form-row form-tips node-help" style="width:89%">
-    Select a context <b>store</b> to use if you have more than one set up.<br>
-    Use persistent store if you want cache to survive a system reset.<br>
-    If store changed, old one must be manually deleted.
-</div>
+    <div aria-label="Info for context store" class="form-row form-tips node-help" style="width:89%">
+        Select a context <b>store</b> to use if you have more than one set up.<br>
+        Use persistent store if you want cache to survive a system reset.<br>
+        If store changed, old one must be manually deleted.
+    </div>
 
-<div aria-label="Info for store type" class="form-row form-tips node-help" style="width:89%">
-    Select which <b>type</b> of store to use. The default is "Node".<br>
-    Node = This node's store, only accessible to this node.<br>
-    Flow/Global = Accessible to other nodes. Use with caution.
-</div>
+    <div aria-label="Info for store type" class="form-row form-tips node-help" style="width:89%">
+        Select which <b>type</b> of store to use. The default is "Node".<br>
+        Node = This node's store, only accessible to this node.<br>
+        Flow/Global = Accessible to other nodes. Use with caution.
+    </div>
 
-<hr>
-<div aria-label="Name label" title="Only used for labelling in the flow" class="form-row">
-    <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
-    <input type="text" id="node-input-name">
+    <hr>
+    <div aria-label="Name label" title="Only used for labelling in the flow" class="form-row">
+        <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
+        <input type="text" id="node-input-name">
+    </div>
 </div>
-
diff --git a/src/editor/uib-element/editor.js b/src/editor/uib-element/editor.js
index 21f1dc29..7cce8acc 100644
--- a/src/editor/uib-element/editor.js
+++ b/src/editor/uib-element/editor.js
@@ -4,14 +4,16 @@
 ;(function () {
     'use strict'
 
+    const mylog = window['uibuilder'].log
+
     /** Module name must match this nodes html file @constant {string} moduleName */
     const moduleName = 'uib-element'
     /** Node's label @constant {string} paletteCategory */
     const nodeLabel = moduleName
     /** Node's palette category @constant {string} paletteCategory */
-    const paletteCategory = 'uibuilder'
+    const paletteCategory  = window['uibuilder'].paletteCategory
     /** Node's background color @constant {string} paletteColor */
-    const paletteColor = '#E6E0F8'
+    const paletteColor  = 'var(--uib-node-colour)' // '#E6E0F8'
 
     /** Element Types definitions */
     const elTypes = {
@@ -254,25 +256,6 @@
     // Standard width for typed input fields
     const tiWidth = '68.5%'
 
-    /** Add jQuery UI formatted tooltips */
-    function doTooltips() {
-        // Select our page elements
-        $('#uib-el').tooltip({
-            items: 'img[alt], [aria-label], [title]',
-            track: true,
-            content: function() {
-                const element = $( this )
-                if ( element.is( '[title]' ) ) {
-                    return element.attr( 'title' )
-                } else if ( element.is( '[aria-label]' ) ) {
-                    return element.attr( 'aria-label' )
-                } else if ( element.is( 'img[alt]' ) ) {
-                    return element.attr( 'alt' )
-                } else return ''
-            },
-        })
-    }
-
     /** Prep for edit
      * @param {*} node A node instance as seen from the Node-RED Editor
      */
@@ -368,7 +351,7 @@
         // } )
 
         // Make position of aria-labels dynamic to cursor
-        // $('#uib-el *[aria-label]').on('mousemove', function(event) {
+        // $('#ti-edit-panel *[aria-label]').on('mousemove', function(event) {
         //     document.documentElement.style.setProperty('--x', event.pageX )
         //     document.documentElement.style.setProperty('--y', event.pageY )
         //     document.documentElement.style.setProperty('--moveX', event.originalEvent.movementX )
@@ -447,8 +430,7 @@
             label: 'Element Config'
         })
 
-        doTooltips()
-
+        window['tiDoTooltips']('#ti-edit-panel') // Do this at the end
     } // ----- end of onEditPrepare() ----- //
 
     /** Prep for save
diff --git a/src/editor/uib-element/help.html b/src/editor/uib-element/help.html
index eaae22b7..df78604e 100644
--- a/src/editor/uib-element/help.html
+++ b/src/editor/uib-element/help.html
@@ -4,7 +4,7 @@
     Outputs <code>msg._ui</code> standard configuration data.
 </p>
 <p>
-    Please try out the examples in the import library.
+    Please try out the examples in the import library. <a href="./uibuilder/docs/#/nodes/uib-element" target="_blank">Documentation</a>.
 </p>
 
 <h3>Inputs</h3>
diff --git a/src/editor/uib-element/main.html b/src/editor/uib-element/main.html
index d180b725..4d43992b 100644
--- a/src/editor/uib-element/main.html
+++ b/src/editor/uib-element/main.html
@@ -14,15 +14,14 @@
     limitations under the License.
 -->
 
+<link type="text/css" rel="stylesheet" href="./resources/node-red-contrib-uibuilder/ti-common.css" media="all">
+<script src="./resources/node-red-contrib-uibuilder/ti-common.js"></script>
+
 <template id="default-template">
     <!--=include conf-templates/default-template.html -->
 </template>
 
 <style>
-    .ui-tooltip {
-        background-color: var(--red-ui-popover-background);
-        color: var(--red-ui-popover-color);
-    }
     .custom-combobox {
         position: relative;
         display: inline-block;
@@ -42,7 +41,7 @@
     }
 </style>
 
-<script type="text/html" class="uib-tooltip" data-template-name="uib-element">
+<script type="text/html" data-template-name="uib-element">
 <!--=include template.html -->
 </script>
 
diff --git a/src/editor/uib-element/template.html b/src/editor/uib-element/template.html
index 13cb0760..ce188db0 100644
--- a/src/editor/uib-element/template.html
+++ b/src/editor/uib-element/template.html
@@ -1,4 +1,4 @@
-<div id="uib-el">
+<div id="ti-edit-panel">
 
     <div class="form-row func-tabs-row">
         <ul style="min-width: 450px; margin-bottom: 20px;" id="el-tabs"></ul>
diff --git a/src/editor/uib-html/editor.js b/src/editor/uib-html/editor.js
index cf28097e..97fff06d 100644
--- a/src/editor/uib-html/editor.js
+++ b/src/editor/uib-html/editor.js
@@ -4,20 +4,22 @@
 (function () {
     'use strict'
 
+    // const mylog = window['uibuilder'].log
+
     /** Module name must match this nodes html file @constant {string} moduleName */
     const moduleName = 'uib-html'
     /** Node's label @constant {string} paletteCategory */
     const nodeLabel = moduleName
     /** Node's palette category @constant {string} paletteCategory */
-    const paletteCategory = 'uibuilder'
+    const paletteCategory  = window['uibuilder'].paletteCategory
     /** Node's background color @constant {string} paletteColor */
-    const paletteColor = '#E6E0F8'
+    const paletteColor  = 'var(--uib-node-colour)' // '#E6E0F8'
 
     /** Prep for edit
      * @param {*} node A node instance as seen from the Node-RED Editor
      */
     function onEditPrepare(node) {
-
+        window['tiDoTooltips']('#ti-edit-panel') // Do this at the end
     } // ----- end of onEditPrepare() ----- //
 
     // @ts-ignore
@@ -27,6 +29,7 @@
         defaults: {
             name: { value: '' },
             topic: { value: '' },
+            useTemplate: { value: false },
         },
         align: 'left',
         inputs: 1,
diff --git a/src/editor/uib-html/help.html b/src/editor/uib-html/help.html
index a227de3f..31d20a43 100644
--- a/src/editor/uib-html/help.html
+++ b/src/editor/uib-html/help.html
@@ -1,4 +1,62 @@
 
 <p>
-    Converts uibuilder low-code UI description data into HTML. Send a <code>msg._ui</code> object to the node, the output will be HTML in <code>msg.payload</code>.
+    Converts <span class="uib-name"><span class="uib-red">UI</span>BUILDER</span> low-code UI description data into HTML. Send a <code>msg._ui</code> object to the node, 
+    the output will be HTML in <code>msg.payload</code>. 
+    <a href="../docs/nodes/uib-html" target="_blank">Details</a>.
 </p>
+
+<h3>Inputs</h3>
+<dl class="message-properties">
+    <dt>_ui <span class="property-type">object</span></dt>
+    <dd>
+        uibuilder low-code UI definition that will be "hydrated" to full HTML
+        by this node.
+    </dd>
+
+    <dt class="optional">template <span class="property-type">string</span></dt>
+    <dd>
+        HTML string that will be wrapped around the <code>msg._ui</code> generated
+        HTML output if the template option is ticked in the settings.
+    </dd>
+
+    <dt class="optional">topic <span class="property-type">string</span></dt>
+    <dd>
+        Passed through if provided.
+    </dd>
+</dl>
+
+<h3>Outputs</h3>
+<dl class="message-properties">
+    <dt>payload <span class="property-type">string</span></dt>
+    <dd>
+        Display name (only used in the Editor for display).
+    </dd>
+
+    <dt>topic <span class="property-type">string</span></dt>
+    <dd>
+        The input topic.
+    </dd>
+</dl>
+
+<h3>Node Settings</h3>
+<dl class="message-properties">
+    <dt class="optional">Name <span class="property-type">string</span></dt>
+    <dd>
+        Optional short description shown in the admin interface
+    </dd>
+
+    <dt>Topic <span class="property-type">string</span></dt>
+    <dd>
+        Fixed topic string. Only used if the input <code>msg</code> does not
+        contain a <code>topic</code> property.
+    </dd>
+
+    <dt class="optional">Merge HTML Template? <span class="property-type">boolean</span></dt>
+    <dd>
+        If selected, the input will be wrapped in an HTML template.
+    </dd>
+    <dd>
+        The template can be provided in msg.template as a string.
+        Or, if not provided, the node will add uibuilder's default "blank" template.
+    </dd>
+</dl>
diff --git a/src/editor/uib-html/main.html b/src/editor/uib-html/main.html
index def6a3e5..cb783f27 100644
--- a/src/editor/uib-html/main.html
+++ b/src/editor/uib-html/main.html
@@ -14,41 +14,10 @@
     limitations under the License.
 -->
 
-<style>
-    #uib-upd *[aria-label] {
-        position:relative;
-    }
-    #uib-upd *[aria-label]:after {
-        content: attr(aria-label);
-        position:absolute;
-        top:100%;left:50px;
-        box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
-        border: 1px solid var(--red-ui-form-input-border-color);
-        padding: 10px;
-        z-index: 999;
-        background-color: var(--red-ui-popover-background);
-        color: var(--red-ui-popover-color);
-        max-width: 350px;
-        text-decoration: none;
-        text-align: center;
-        border-radius: 6px;
-        white-space: break-spaces;
-        
-        visibility: hidden;
-        opacity: 0;
-        transition: all 0.5s ease-out;
-    }
-    #uib-upd *[aria-label]:hover:after {
-        visibility: visible;
-        opacity: 1;
-        transition: all 0.5s ease-in 1s;
-    }
-    #uib-upd .red-ui-typedInput-container {
-        width:69% !important;
-    }
-</style>
+<link type="text/css" rel="stylesheet" href="./resources/node-red-contrib-uibuilder/ti-common.css" media="all">
+<script src="./resources/node-red-contrib-uibuilder/ti-common.js"></script>
 
-<script type="text/html" class="uib-tooltip" data-template-name="uib-html">
+<script type="text/html" data-template-name="uib-html">
 <!--=include template.html -->
 </script>
 
diff --git a/src/editor/uib-html/template.html b/src/editor/uib-html/template.html
index 0e4f1096..0cd0bf24 100644
--- a/src/editor/uib-html/template.html
+++ b/src/editor/uib-html/template.html
@@ -1,4 +1,4 @@
-<div id="uib-upd">
+<div id="ti-edit-panel">
   
     <div aria-label="Default msg topic. Make unique if using uib-cache." class="form-row">
         <label for="node-input-topic"><i class="fa fa-tasks"></i> Topic</label>
@@ -8,5 +8,10 @@
         <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
         <input type="text" id="node-input-name">
     </div>
+
+    <div aria-label="If selected, msg.template or the uibuilder blank template will be used as a wrapper for the output HTML" class="form-row">
+        <label for="node-input-useTemplate">Merge HTML Template?</label>
+        <input type="checkbox" id="node-input-useTemplate" style="width: auto;vertical-align: top;">
+    </div>
     
 </div>
diff --git a/src/editor/uib-list/editor.js b/src/editor/uib-list/editor.js
index fc3094f3..31e39183 100644
--- a/src/editor/uib-list/editor.js
+++ b/src/editor/uib-list/editor.js
@@ -1,5 +1,7 @@
 /* eslint-disable strict */
 
+// ! DEPRECATING - REMOVE IN NEXT MAJOR RELEASE
+
 // Isolate this code
 (function () {
     'use strict'
diff --git a/src/editor/uib-list/main.html b/src/editor/uib-list/main.html
index ca1571a7..7ccaee70 100644
--- a/src/editor/uib-list/main.html
+++ b/src/editor/uib-list/main.html
@@ -14,6 +14,9 @@
     limitations under the License.
 -->
 
+<link type="text/css" rel="stylesheet" href="./resources/node-red-contrib-uibuilder/ti-common.css" media="all">
+<script src="./resources/node-red-contrib-uibuilder/ti-common.js"></script>
+
 <script type="text/html" data-template-name="uib-list">
 <!--=include template.html -->
 </script>
diff --git a/src/editor/uib-list/template.html b/src/editor/uib-list/template.html
index de458694..0c355406 100644
--- a/src/editor/uib-list/template.html
+++ b/src/editor/uib-list/template.html
@@ -1,83 +1,87 @@
-<div style="border:3px solid red;margin:10px;padding:10px;width:70%;text-align: center;background-color: hsla(13, 76%, 80%, 0.2);">
-    <b>THIS NODE IS NOW DEPRECATED.</b><br>PLEASE SWITCH TO USING THE <code>uib-element</code> node instead.
-</div>
+<div id="ti-edit-panel">
+        
+    <div style="border:3px solid red;margin:10px;padding:10px;width:70%;text-align: center;background-color: hsla(13, 76%, 80%, 0.2);">
+        <b>THIS NODE IS NOW DEPRECATED.</b><br>PLEASE SWITCH TO USING THE <code>uib-element</code> node instead.
+    </div>
 
-<div aria-label="Note: only works with new library" class="form-row" style="max-width: 450px">
-    <b>NOTE:</b> This node only works if you are using the new <i>ES Module</i> version of the uibuilder front-end
-    client library. It does not work with the previous <code>uibuilderfe</code> library.
-</div>
+    <div aria-label="Note: only works with new library" class="form-row" style="max-width: 450px">
+        <b>NOTE:</b> This node only works if you are using the new <i>ES Module</i> version of the uibuilder front-end
+        client library. It does not work with the previous <code>uibuilderfe</code> library.
+    </div>
 
-<div aria-label="uibuilder URL to associate with" class="form-row" title="uibuilder URL to associate with">
-    <label for="node-input-url"><i class="fa fa-globe"></i> URL</label>
-    <input type="text" id="node-input-url" style="width:70%;"></input>
-</div>
+    <div aria-label="uibuilder URL to associate with" class="form-row" title="uibuilder URL to associate with">
+        <label for="node-input-url"><i class="fa fa-globe"></i> URL</label>
+        <input type="text" id="node-input-url" style="width:70%;"></input>
+    </div>
 
-<div aria-label="List element id" class="form-row" title="The HMTL element id to apply to the created list">
-    <label for="node-input-elementid"><i class="fa fa-file-code-o"></i> List ID</label>
-    <input type="text" id="node-input-elementid" placeholder="Must be a valid HTML element id">
-</div>
+    <div aria-label="List element id" class="form-row" title="The HMTL element id to apply to the created list">
+        <label for="node-input-elementid"><i class="fa fa-file-code-o"></i> List ID</label>
+        <input type="text" id="node-input-elementid" placeholder="Must be a valid HTML element id">
+    </div>
 
-<div aria-label="List type" class="form-row" title="The type of list to create">
-    <label for="node-input-elementtype"><i class="fa fa-list"></i> Type</label>
-    <input type="text" id="node-input-elementtype" style="width:70%;"></input>
-</div>
+    <div aria-label="List type" class="form-row" title="The type of list to create">
+        <label for="node-input-elementtype"><i class="fa fa-list"></i> Type</label>
+        <input type="text" id="node-input-elementtype" style="width:70%;"></input>
+    </div>
 
-<div aria-label="Parent CSS Selector" class="form-row" title="A CSS selector that uniquely identifies the HTML parent element to attach the new list to">
-    <label for="node-input-parent"><i class="fa fa-level-up"></i> Parent</label>
-    <input type="text" id="node-input-parent" placeholder="Optional. CSS Selector">
-</div>
+    <div aria-label="Parent CSS Selector" class="form-row" title="A CSS selector that uniquely identifies the HTML parent element to attach the new list to">
+        <label for="node-input-parent"><i class="fa fa-level-up"></i> Parent</label>
+        <input type="text" id="node-input-parent" placeholder="Optional. CSS Selector">
+    </div>
 
-<div aria-label="Outout definition object instead of sending" class="form-row" title="Outputs the configuration instead of sending it to the front-end">
-    <input type="checkbox" id="node-input-passthrough" style="display:inline-block; width:15px; vertical-align:baseline;">
-    <label for="node-input-passthrough" style="width: 90%;">Output instead of send?</label>
-</div>
+    <div aria-label="Outout definition object instead of sending" class="form-row" title="Outputs the configuration instead of sending it to the front-end">
+        <input type="checkbox" id="node-input-passthrough" style="display:inline-block; width:15px; vertical-align:baseline;">
+        <label for="node-input-passthrough" style="width: 90%;">Output instead of send?</label>
+    </div>
 
-<div aria-label="Only replay cache if client as actually new" title="A new client comes from a page-load, not a reconnection" class="form-row">
-    <input type="checkbox" id="node-input-cacheOn" style="display: inline-block; width: auto; vertical-align: top;" checked>
-    <label for="node-input-cacheOn" style="width: 90%;">Use the cache?</label>
-</div>
-<div aria-label="Select which context store and variable to use" class="form-row">
-    <label for="node-input-storeName" style="width:25%"><i class="fa fa-database"></i> Store</label>
-    <label for="node-input-storeContext" style="width:25%"><i class="fa fa-database"></i> Type</label>
-    <label for="node-input-varName" style="width:41%"><i class="fa fa-tag"></i> Variable Name</label><br>
-    <input type="text" id="node-input-storeName" style="width:25%"></input>
-    <input type="text" id="node-input-storeContext" style="width:25%"></input>
-    <input type="text" id="node-input-varName" value="uib_cache" title="Can only change if Type is not 'Node'" placeholder="REQD: Context variable name" style="width:41%">
-</div>
-<div aria-label="Only replay cache if client as actually new" title="A new client comes from a page-load, not a reconnection" class="form-row">
-    <input type="checkbox" id="node-input-newcache" style="display: inline-block; width: auto; vertical-align: top;" checked>
-    <label for="node-input-newcache" style="width: 90%;">Only replay cache when client is really new</label>
-</div>
+    <div aria-label="Only replay cache if client as actually new" title="A new client comes from a page-load, not a reconnection" class="form-row">
+        <input type="checkbox" id="node-input-cacheOn" style="display: inline-block; width: auto; vertical-align: top;" checked>
+        <label for="node-input-cacheOn" style="width: 90%;">Use the cache?</label>
+    </div>
+    <div aria-label="Select which context store and variable to use" class="form-row">
+        <label for="node-input-storeName" style="width:25%"><i class="fa fa-database"></i> Store</label>
+        <label for="node-input-storeContext" style="width:25%"><i class="fa fa-database"></i> Type</label>
+        <label for="node-input-varName" style="width:41%"><i class="fa fa-tag"></i> Variable Name</label><br>
+        <input type="text" id="node-input-storeName" style="width:25%"></input>
+        <input type="text" id="node-input-storeContext" style="width:25%"></input>
+        <input type="text" id="node-input-varName" value="uib_cache" title="Can only change if Type is not 'Node'" placeholder="REQD: Context variable name" style="width:41%">
+    </div>
+    <div aria-label="Only replay cache if client as actually new" title="A new client comes from a page-load, not a reconnection" class="form-row">
+        <input type="checkbox" id="node-input-newcache" style="display: inline-block; width: auto; vertical-align: top;" checked>
+        <label for="node-input-newcache" style="width: 90%;">Only replay cache when client is really new</label>
+    </div>
 
-<hr>
+    <hr>
 
-<div aria-label="Node Name" class="form-row" title="Node Name (descriptive only)">
-    <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
-    <input type="text" id="node-input-name">
-</div>
+    <div aria-label="Node Name" class="form-row" title="Node Name (descriptive only)">
+        <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
+        <input type="text" id="node-input-name">
+    </div>
+
+    <div aria-label="Information" class="form-row form-tips node-help" style="width:89%">
+        <p>
+            With no <code>msg.mode</code> set, sending another message will 
+            automatically remove and replace the list.
+        </p>
+        <!-- <p>
+            In order to <b>update</b> an existing list rather than replacing it,
+            make sure to set <code>msg.mode</code> to "update". In that case,
+            Whatever you send will be added to the list instead of replacing it.
+        </p> -->
+        <p>
+            To <b>remove</b> an existing list, set <code>msg.mode</code> to "remove".
+            This will also clear the cache.
+        </p>
+        <p>
+            If node status is "Data Registered", when a new client connects to uibuilder,
+            it will immediately be sent a copy of the data so that all connected clients
+            have the same display.
+        </p>
+        <p>
+            If you need to do more complex tasks such as update specific entries in the list,
+            set the node to just output the configuration and then use the documentation to
+            tweak it accordingly.
+        </p>
+    </div>
 
-<div aria-label="Information" class="form-row form-tips node-help" style="width:89%">
-    <p>
-        With no <code>msg.mode</code> set, sending another message will 
-        automatically remove and replace the list.
-    </p>
-    <!-- <p>
-        In order to <b>update</b> an existing list rather than replacing it,
-        make sure to set <code>msg.mode</code> to "update". In that case,
-        Whatever you send will be added to the list instead of replacing it.
-    </p> -->
-    <p>
-        To <b>remove</b> an existing list, set <code>msg.mode</code> to "remove".
-        This will also clear the cache.
-    </p>
-    <p>
-        If node status is "Data Registered", when a new client connects to uibuilder,
-        it will immediately be sent a copy of the data so that all connected clients
-        have the same display.
-    </p>
-    <p>
-        If you need to do more complex tasks such as update specific entries in the list,
-        set the node to just output the configuration and then use the documentation to
-        tweak it accordingly.
-    </p>
 </div>
diff --git a/src/editor/uib-save/help.html b/src/editor/uib-save/help.html
index 351c29f8..a7510cdb 100644
--- a/src/editor/uib-save/help.html
+++ b/src/editor/uib-save/help.html
@@ -2,6 +2,10 @@
 <p>
     Save a file into a uibuilder instance folder.
 </p>
+<p>
+    <a href="./uibuilder/docs/#/nodes/uib-save" target="_blank">Documentation</a>.
+    This node has examples in the Node-RED Import Examples library.
+</p>
 
 <h3>Inputs</h3>
 <dl class="message-properties">
@@ -15,11 +19,18 @@ <h3>Inputs</h3>
     <dd>
         If supplied and the folder setting is blank, will be used as the output folder.
     </dd>
+    <dd>
+        Folder name is <b>ALWAYS</b> relative to the node's instance root folder.
+        Folder traversal outside of that is not permitted.
+    </dd>
 
     <dt>fname <span class="property-type">string</span></dt>
     <dd>
         If supplied and the file name setting is blank, will be used as the output file name.
     </dd>
+    <dd>
+        This may contain prefixed sub-folders but cannot use <code>..</code> to prevent folder traversal.
+    </dd>
 </dl>
 
 <h3>Node Settings</h3>
@@ -33,11 +44,25 @@ <h3>Node Settings</h3>
         Sets the top-most (root) folder that can be written to.
     </dd>
 
+    <dt>Use pageName <span class="property-type">boolean</span></dt>
+    <dd>
+        If set, either <code>msg._uib.pageName</code> or <code>msg._ui.pageName</code> will be used
+        instead of the file name. The uibuilder node's current served folder will be used for the folder.
+    </dd>
+    <dd>
+        This allows easy overwriting of a uibuilder page's file simply by issuing an <code>htmlSend</code> command
+        to the front-end and sending the resulting message to this node. See the included examples.
+    </dd>
+    
     <dt>Folder <span class="property-type">string</span></dt>
     <dd>
         The name of an existing or new folder inside the chosen uibuilder instance root.
     </dd>
     <dd>
+        Defaults to <code>src</code>.
+    </dd>
+    <dd>
+        Folder name is <b>ALWAYS</b> relative to the node's instance root folder.
         "<code>..</code>" cannot be included in the path to prevent escaping from the instance root.
     </dd>
     <dd>
@@ -58,7 +83,10 @@ <h3>Node Settings</h3>
         Neither "<code>/</code>" or "<code>\</code>" can be included in the file name. The name must be valid for the OS you are using.
     </dd>
     <dd>
-        <code>msg.fname</code> overrides this as long as this is left blank.
+        <code>msg.fname</code> will be used if this is left blank.
+    </dd>
+    <dd>
+        This may contain prefixed sub-folders but cannot use <code>..</code> to prevent folder traversal.
     </dd>
 
     <dt>Create Folder? <span class="property-type">boolean</span></dt>
@@ -75,6 +103,9 @@ <h3>Node Settings</h3>
     </dd>
     
     <dt>Encoding <span class="property-type">string</span></dt>
+    <dd>
+        Not usable. Future enhancement.
+    </dd>
     <dd>
         The optional string encoding to be used when the input data is a string.
         It defaults to Node.js's <code>utf8</code>.
@@ -82,6 +113,9 @@ <h3>Node Settings</h3>
     </dd>
 
     <dt>Mode <span class="property-type">integer</span></dt>
+    <dd>
+        Not usable. Future enhancement.
+    </dd>
     <dd>
         The optional file output mode. Defaults to <code>0o666</code>
         See Node.js documentation for what can be provided here.
diff --git a/src/editor/uib-save/main.html b/src/editor/uib-save/main.html
index 80184536..241b0081 100644
--- a/src/editor/uib-save/main.html
+++ b/src/editor/uib-save/main.html
@@ -14,48 +14,14 @@
     limitations under the License.
 -->
 
-<style>
-    #uib-upd *[aria-label] {
-        position:relative;
-    }
-    #uib-upd *[aria-label]:after {
-        content: attr(aria-label);
-        position:absolute;
-        top:100%;left:50px;
-        box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
-        border: 1px solid var(--red-ui-form-input-border-color);
-        padding: 10px;
-        z-index: 999;
-        background-color: var(--red-ui-popover-background);
-        color: var(--red-ui-popover-color);
-        max-width: 350px;
-        text-decoration: none;
-        text-align: center;
-        border-radius: 6px;
-        white-space: break-spaces;
-        
-        visibility: hidden;
-        opacity: 0;
-        transition: all 0.5s ease-out;
-    }
-    #uib-upd *[aria-label]:hover:after {
-        visibility: visible;
-        opacity: 1;
-        transition: all 0.5s ease-in 1s;
-    }
-    #uib-upd .red-ui-typedInput-container {
-        width:69% !important;
-    }
-</style>
+<link type="text/css" rel="stylesheet" href="./resources/node-red-contrib-uibuilder/ti-common.css" media="all">
+<script src="./resources/node-red-contrib-uibuilder/ti-common.js"></script>
+<script src="./resources/node-red-contrib-uibuilder/uib-save.js"></script>
 
-<script type="text/html" class="uib-tooltip" data-template-name="uib-save">
+<script type="text/html" data-template-name="uib-save">
 <!--=include template.html -->
 </script>
 
 <script type="text/html" data-help-name="uib-save">
 <!--=include help.html -->
 </script>
-
-<script type="text/javascript">
-    /*=include editor.js */  // eslint-disable-line spaced-comment
-</script>
diff --git a/src/editor/uib-save/template.html b/src/editor/uib-save/template.html
index 2ea3a9c5..24425dfd 100644
--- a/src/editor/uib-save/template.html
+++ b/src/editor/uib-save/template.html
@@ -1,4 +1,5 @@
-<div id="uib-upd">
+<div id="ti-edit-panel">
+    
     <div aria-label="uibuilder URL to associate with" class="form-row" title="uibuilder URL to associate with">
         <label for="node-input-url"><i class="fa fa-globe"></i> URL</label>
         <select id="node-input-url" style="width:70%">
@@ -7,26 +8,32 @@
     </div>
     <hr>
           
-    <div aria-label="Folder to save to" class="form-row">
+    <div aria-label="If set, `msg._uib.pageName` or `msg._ui.pageName` will be used instead of the file name. Folder will be set to the current served folder for the node." class="form-row">
+        <label for="node-input-usePageName">
+            Use pageName
+        </label>
+        <input type="checkbox" id="node-input-usePageName" style="display: inline-block; width: auto; vertical-align: top;">
+    </div>
+    <div aria-label="Folder to save to (relative to node instance root folder). Leave blank to use `msg.folder`. `..` not allowed." class="form-row" id="folder">
         <label for="node-input-folder"><i class="fa fa-folder-open-o"></i> Folder</label>
         <input type="text" id="node-input-folder">
     </div>
-    <div aria-label="File name" class="form-row">
+    <div aria-label="File name. Leave blank to use `msg.fname`. May have prefixed sub-folders. `..` not allowed." class="form-row" id="fname">
         <label for="node-input-fname"><i class="fa fa-file-code-o"></i> File</label>
         <input type="text" id="node-input-fname">
     </div>
 
-    <div aria-label="If set and folder name does not exist, it will be created." class="form-row">
-        <input type="checkbox" id="node-input-createFolder" style="display: inline-block; width: auto; vertical-align: top;">
-        <label for="node-input-createFolder" style="width: 90%;">
+    <div aria-label="If set and sub-folder name(s) do not not exist, they will be created." class="form-row">
+        <label for="node-input-createFolder">
             Create Folder?
         </label>
+        <input type="checkbox" id="node-input-createFolder" style="display: inline-block; width: auto; vertical-align: top;">
     </div>
-    <div aria-label="If set connected client browser tabs will be automatically reloaded." class="form-row">
-        <input type="checkbox" id="node-input-reload" style="display: inline-block; width: auto; vertical-align: top;">
-        <label for="node-input-reload" style="width: 90%;">
+    <div aria-label="If set, connected client browser tabs will be automatically reloaded." class="form-row">
+        <label for="node-input-reload">
             Reload Clients?
         </label>
+        <input type="checkbox" id="node-input-reload" style="display: inline-block; width: auto; vertical-align: top;">
     </div>
     <div aria-label="Character coding for text inputs" class="form-row">
         <label for="node-input-encoding"><i class="fa fa-file-text-o"></i> Encoding</label>
diff --git a/src/editor/uib-sender/editor.js b/src/editor/uib-sender/editor.js
index 757338fd..c3da5d9b 100644
--- a/src/editor/uib-sender/editor.js
+++ b/src/editor/uib-sender/editor.js
@@ -5,51 +5,61 @@
 (function () {
     'use strict'
 
+    const uibuilder = window['uibuilder']
+    const mylog = uibuilder.log
+
     /** Module name must match this nodes html file @constant {string} moduleName */
     const moduleName  = 'uib-sender'
     /** Node's label @constant {string} paletteCategory */
     const nodeLabel  = 'uib-sender'
     /** Node's palette category @constant {string} paletteCategory */
-    const paletteCategory  = 'uibuilder'
+    const paletteCategory  = uibuilder.paletteCategory
     /** Node's background color @constant {string} paletteColor */
-    const paletteColor  = '#E6E0F8'
+    const paletteColor  = 'var(--uib-node-colour)' // '#E6E0F8'
 
     /** Copy of all deployed uibuilder node instances */
-    let uibInstances = null
+    let uibInstances
 
     /** Get all of the current uibuilder URL's */
     function getUrls() {
-        $.ajax({
-            type: 'GET',
-            async: false,
-            dataType: 'json',
-            url: './uibuilder/admin/dummy',
-            data: {
-                'cmd': 'listinstances',
-            },
-            success: function(instances) {
-                console.log('>> Instances >>', instances, Object.entries(instances) )
-
-                uibInstances = instances
-
-                Object.keys(instances).forEach( (key, i, arr) => {
-                    $('#node-input-url').append($('<option>', {
-                        value: instances[key],
-                        text: instances[key],
-                        'data-id': key,
-                    }))
-                })
-
-            }
+        uibInstances = uibuilder.getDeployedUrls()
+        Object.keys(uibInstances).forEach( (key, i, arr) => {
+            $('#node-input-url').append($('<option>', {
+                value: uibInstances[key],
+                text: uibInstances[key],
+                'data-id': key,
+            }))
         })
-
+        // $.ajax({
+        //     type: 'GET',
+        //     async: false,
+        //     dataType: 'json',
+        //     url: './uibuilder/admin/dummy',
+        //     data: {
+        //         'cmd': 'listinstances',
+        //     },
+        //     success: function(instances) {
+        //         console.log('>> Instances >>', instances, Object.entries(instances) )
+
+        //         uibInstances = instances
+
+        //         Object.keys(instances).forEach( (key, i, arr) => {
+        //             $('#node-input-url').append($('<option>', {
+        //                 value: instances[key],
+        //                 text: instances[key],
+        //                 'data-id': key,
+        //             }))
+        //         })
+
+        //     }
+        // })
     } // ---- end of getUrls ---- //
 
     /** Prep for edit
      * @param {*} node A node instance as seen from the Node-RED Editor
      */
     function onEditPrepare(node) {
-        console.log('uib-sender onEditPrepare ', node)
+        mylog('uib-sender onEditPrepare ', node)
 
         // initial checkbox states
         if (!node.passthrough) node.passthrough = false
@@ -113,6 +123,7 @@
             $('#node-input-url').val(node.url)
         }
 
+        window['tiDoTooltips']('#ti-edit-panel') // Do this at the end
     } // ----- end of onEditPrepare() ----- //
 
     /** When node type is added to the palette
diff --git a/src/editor/uib-sender/main.html b/src/editor/uib-sender/main.html
index b6b4b514..92612df1 100644
--- a/src/editor/uib-sender/main.html
+++ b/src/editor/uib-sender/main.html
@@ -14,6 +14,9 @@
     limitations under the License.
 -->
 
+<link type="text/css" rel="stylesheet" href="./resources/node-red-contrib-uibuilder/ti-common.css" media="all">
+<script src="./resources/node-red-contrib-uibuilder/ti-common.js"></script>
+
 <script type="text/javascript">
 /*=include editor.js */
 </script>
diff --git a/src/editor/uib-sender/panel.html b/src/editor/uib-sender/panel.html
index 27dc55cd..5b282f4e 100644
--- a/src/editor/uib-sender/panel.html
+++ b/src/editor/uib-sender/panel.html
@@ -1,25 +1,29 @@
-<div aria-label="uibuilder URL to associate with" class="form-row" title="uibuilder URL to associate with">
-    <label for="node-input-url"><i class="fa fa-globe"></i> URL</label>
-    <select id="node-input-url">
-        <option value="" name="">--choose a uibuilder instance--</option>
-    </select>
-</div>
+<div id="ti-edit-panel">
 
-<div class="form-row">
-    <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
-    <input type="text" id="node-input-name">
-</div>
-<div class="form-row">
-    <label for="node-input-topic"><i class="fa fa-tasks"></i> Topic</label>
-    <input type="text" id="node-input-topic">
-</div>
+    <div aria-label="uibuilder URL to associate with" class="form-row" title="uibuilder URL to associate with">
+        <label for="node-input-url"><i class="fa fa-globe"></i> URL</label>
+        <select id="node-input-url">
+            <option value="" name="">--choose a uibuilder instance--</option>
+        </select>
+    </div>
 
-<div class="form-row">
-    <input type="checkbox" id="node-input-passthrough" style="display:inline-block; width:15px; vertical-align:baseline;">
-    <label for="node-input-passthrough" style="width: 90%;">Pass input msg to output?</label>
-</div>
+    <div class="form-row">
+        <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
+        <input type="text" id="node-input-name">
+    </div>
+    <div class="form-row">
+        <label for="node-input-topic"><i class="fa fa-tasks"></i> Topic</label>
+        <input type="text" id="node-input-topic">
+    </div>
+
+    <div class="form-row">
+        <input type="checkbox" id="node-input-passthrough" style="display:inline-block; width:15px; vertical-align:baseline;">
+        <label for="node-input-passthrough" style="width: 90%;">Pass input msg to output?</label>
+    </div>
+
+    <div class="form-row">
+        <input type="checkbox" id="node-input-return" style="display:inline-block; width:15px; vertical-align:baseline;">
+        <label for="node-input-return" style="width: 90%;">Allow return messages?</label>
+    </div>
 
-<div class="form-row">
-    <input type="checkbox" id="node-input-return" style="display:inline-block; width:15px; vertical-align:baseline;">
-    <label for="node-input-return" style="width: 90%;">Allow return messages?</label>
 </div>
diff --git a/src/editor/uib-tag/editor.js b/src/editor/uib-tag/editor.js
index afde7ce3..79df44a7 100644
--- a/src/editor/uib-tag/editor.js
+++ b/src/editor/uib-tag/editor.js
@@ -4,14 +4,16 @@
 (function () {
     'use strict'
 
+    // const mylog = window['uibuilder'].log
+
     /** Module name must match this nodes html file @constant {string} moduleName */
     const moduleName = 'uib-tag'
     /** Node's label @constant {string} paletteCategory */
     const nodeLabel = moduleName
     /** Node's palette category @constant {string} paletteCategory */
-    const paletteCategory = 'uibuilder'
+    const paletteCategory  = window['uibuilder'].paletteCategory
     /** Node's background color @constant {string} paletteColor */
-    const paletteColor = '#E6E0F8'
+    const paletteColor  = 'var(--uib-node-colour)' // '#E6E0F8'
 
     const inputTypes = [
         'msg', 'flow', 'global',
@@ -89,6 +91,7 @@
             typeField: $('#node-input-attribsSourceType')
         })
 
+        window['tiDoTooltips']('#ti-edit-panel') // Do this at the end
     } // ----- end of onEditPrepare() ----- //
 
     /** Validate a typed input as a string
@@ -165,7 +168,5 @@
 
         /** Prepares the Editor panel */
         oneditprepare: function () { onEditPrepare(this) },
-
     }) // ---- End of registerType() ---- //
-
 }())
diff --git a/src/editor/uib-tag/help.html b/src/editor/uib-tag/help.html
index 4e6c8c8c..17eae591 100644
--- a/src/editor/uib-tag/help.html
+++ b/src/editor/uib-tag/help.html
@@ -4,7 +4,7 @@
     Requires the "new" front-end client library (either the IIFE or ESM version).
 </p>
 <p>
-    Please try out the example in the import library.
+    Please try out the example in the import library. <a href="./uibuilder/docs/#/nodes/uib-tag" target="_blank">Documentation</a>.
 </p>
 
 <h3>Inputs</h3>
diff --git a/src/editor/uib-tag/main.html b/src/editor/uib-tag/main.html
index 504bb5c0..db029d37 100644
--- a/src/editor/uib-tag/main.html
+++ b/src/editor/uib-tag/main.html
@@ -14,39 +14,9 @@
     limitations under the License.
 -->
 
-<style>
-    #uib-upd *[aria-label] {
-        position:relative;
-    }
-    #uib-upd *[aria-label]:after {
-        content: attr(aria-label);
-        position:absolute;
-        top:100%;left:50px;
-        box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
-        border: 1px solid var(--red-ui-form-input-border-color);
-        padding: 10px;
-        z-index: 999;
-        background-color: var(--red-ui-popover-background);
-        color: var(--red-ui-popover-color);
-        max-width: 350px;
-        text-decoration: none;
-        text-align: center;
-        border-radius: 6px;
-        white-space: break-spaces;
-        
-        visibility: hidden;
-        opacity: 0;
-        transition: all 0.5s ease-out;
-    }
-    #uib-upd *[aria-label]:hover:after {
-        visibility: visible;
-        opacity: 1;
-        transition: all 0.5s ease-in 1s;
-    }
-    #uib-upd .red-ui-typedInput-container {
-        width:69% !important;
-    }
-</style>
+<link type="text/css" rel="stylesheet" href="./resources/node-red-contrib-uibuilder/ti-common.css" media="all">
+<script src="./resources/node-red-contrib-uibuilder/ti-common.js"></script>
+<script src="./resources/node-red-contrib-uibuilder/uib-tag.js"></script>
 
 <script type="text/html" class="uib-tooltip" data-template-name="uib-tag">
 <!--=include template.html -->
@@ -55,7 +25,3 @@
 <script type="text/html" data-help-name="uib-tag">
 <!--=include help.html -->
 </script>
-
-<script type="text/javascript">
-    /*=include editor.js */  // eslint-disable-line spaced-comment
-</script>
diff --git a/src/editor/uib-tag/template.html b/src/editor/uib-tag/template.html
index 9fe910f8..55b90aad 100644
--- a/src/editor/uib-tag/template.html
+++ b/src/editor/uib-tag/template.html
@@ -1,4 +1,4 @@
-<div id="uib-upd">
+<div id="ti-edit-panel">
 
     <div aria-label="Required. The tag/element name (without the opening/closing brackets. eg. `a` not `&lt;a>`)." class="form-row" id="row-tag">
         <label for="node-input-tag"><i class="fa fa-tag"></i> Tag</label>
diff --git a/src/editor/uib-update/editor.js b/src/editor/uib-update/editor.js
index 1a3f7cab..78a721b9 100644
--- a/src/editor/uib-update/editor.js
+++ b/src/editor/uib-update/editor.js
@@ -4,14 +4,16 @@
 (function () {
     'use strict'
 
+    // const mylog = window['uibuilder'].log
+
     /** Module name must match this nodes html file @constant {string} moduleName */
     const moduleName = 'uib-update'
     /** Node's label @constant {string} paletteCategory */
     const nodeLabel = moduleName
     /** Node's palette category @constant {string} paletteCategory */
-    const paletteCategory = 'uibuilder'
+    const paletteCategory  = window['uibuilder'].paletteCategory
     /** Node's background color @constant {string} paletteColor */
-    const paletteColor = '#E6E0F8'
+    const paletteColor  = 'var(--uib-node-colour)' // '#E6E0F8'
 
     const inputTypes = [
         'msg', 'flow', 'global',
@@ -90,6 +92,7 @@
             typeField: $('#node-input-attribsSourceType')
         })
 
+        window['tiDoTooltips']('#ti-edit-panel') // Do this at the end
     } // ----- end of onEditPrepare() ----- //
 
     /** Validate a typed input as a string
@@ -160,7 +163,5 @@
 
         /** Prepares the Editor panel */
         oneditprepare: function () { onEditPrepare(this) },
-
     }) // ---- End of registerType() ---- //
-
 }())
diff --git a/src/editor/uib-update/help.html b/src/editor/uib-update/help.html
index fa6577f2..51b8c636 100644
--- a/src/editor/uib-update/help.html
+++ b/src/editor/uib-update/help.html
@@ -1,10 +1,10 @@
 
 <p>
-    Zero-code UI updater. Updates HTML elements from simple input data.<br><br>
+    Zero-code UI updater for <span class="uib-name"><span class="uib-red">UI</span>BUILDER</span>. Updates HTML elements from simple input data.<br><br>
     Requires the "new" front-end client library (either the IIFE or ESM version).
 </p>
 <p>
-    Please try out the example in the import library.
+    Please try out the example in the import library. <a href="./uibuilder/docs/#/nodes/uib-update" target="_blank">Documentation</a>.
 </p>
 
 <h3>Inputs</h3>
diff --git a/src/editor/uib-update/main.html b/src/editor/uib-update/main.html
index 037c8e59..a27f7019 100644
--- a/src/editor/uib-update/main.html
+++ b/src/editor/uib-update/main.html
@@ -14,41 +14,10 @@
     limitations under the License.
 -->
 
-<style>
-    #uib-upd *[aria-label] {
-        position:relative;
-    }
-    #uib-upd *[aria-label]:after {
-        content: attr(aria-label);
-        position:absolute;
-        top:100%;left:50px;
-        box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
-        border: 1px solid var(--red-ui-form-input-border-color);
-        padding: 10px;
-        z-index: 999;
-        background-color: var(--red-ui-popover-background);
-        color: var(--red-ui-popover-color);
-        max-width: 350px;
-        text-decoration: none;
-        text-align: center;
-        border-radius: 6px;
-        white-space: break-spaces;
-        
-        visibility: hidden;
-        opacity: 0;
-        transition: all 0.5s ease-out;
-    }
-    #uib-upd *[aria-label]:hover:after {
-        visibility: visible;
-        opacity: 1;
-        transition: all 0.5s ease-in 1s;
-    }
-    #uib-upd .red-ui-typedInput-container {
-        width:69% !important;
-    }
-</style>
+<link type="text/css" rel="stylesheet" href="./resources/node-red-contrib-uibuilder/ti-common.css" media="all">
+<script src="./resources/node-red-contrib-uibuilder/ti-common.js"></script>
 
-<script type="text/html" class="uib-tooltip" data-template-name="uib-update">
+<script type="text/html" data-template-name="uib-update">
 <!--=include template.html -->
 </script>
 
diff --git a/src/editor/uib-update/template.html b/src/editor/uib-update/template.html
index cdefd3ee..f5395f10 100644
--- a/src/editor/uib-update/template.html
+++ b/src/editor/uib-update/template.html
@@ -1,4 +1,4 @@
-<div id="uib-upd">
+<div id="ti-edit-panel">
 
     <div aria-label="Choose update (default) or delete mode" class="form-row">
         <label for="node-input-mode">Mode</label>
diff --git a/src/editor/uibuilder/editor.min.js b/src/editor/uibuilder/editor.min.js
deleted file mode 100644
index fc663300..00000000
--- a/src/editor/uibuilder/editor.min.js
+++ /dev/null
@@ -1,52 +0,0 @@
-!function(){"use strict";const r=["localhost","127.0.0.1","::1",""].includes(window.location.hostname)||window.location.hostname.endsWith(".localhost"),e=r,l=e?console.log:function(){};if(l("[uibuilder] DEBUG ON (because running on localhost)"),Object.entries||(Object.entries=function(e){var t=Object.keys(e);let i=t.length;for(var o=new Array(i);i--;)o[i]=[t[i],e[t[i]]];return o}),!Object.values){const O=Function.bind.call(Function.call,Array.prototype.reduce),F=Reflect.ownKeys,S=Function.bind.call(Function.call,Array.prototype.concat),j=Function.bind.call(Function.call,Object.prototype.propertyIsEnumerable);Object.values=function(i){return O(F(i),(e,t)=>S(e,"string"==typeof t&&j(i,t)?[i[t]]:[]),[])}}const d="blank",a={};let s=[],i=RED.settings.uibuilderInstances;const u={format:"html",folder:"src",fname:"index.html",fullscreen:!1};let t=[];function c(o){console.log(">>>> do update",o.data.pkgName);const n=o.data.pkgName,i=o.data.node;RED.notify("Installing npm package "+n),$.get(`uibuilder/uibnpmmanage?cmd=update&package=${n}&url=`+i.url,function(e){var t=e.result[0];!0===e.success?(s=e.result[1],console.log("[uibuilder:doPkgUpd:get] PACKAGE INSTALLED. ",n,i.url,"\n\n",t,"\n "),RED.notify("Successful update of npm package "+n,"success"),$("#node-input-packageList").editableList("empty"),$("#node-input-packageList").editableList("addItems",Object.keys(s))):(console.log("[uibuilder:doPkgUpd:get] ERROR ON INSTALLATION OF PACKAGE ",n,i.url,"\n\n",t,"\n "),RED.notify("FAILED update of npm package "+n,"error")),$("i.spinner").hide()}).fail(function(e,t,i){return console.error("[uibuilder:doPkgUpd:get] Error "+t,i),RED.notify("FAILED update of npm package "+n,"error"),$("i.spinner").hide(),"addPackageRow failed"}),$.ajax({type:"PUT",dataType:"json",url:"./uibuilder/admin/"+o.data.node.url,data:{cmd:"updatepackage",pkgName:o.data.pkgName}}).done(function(e,t,i){}).fail(function(e,t,i){console.error("[uibuilder:doPkgUpd:PUT] Error "+t,i),RED.notify(`uibuilder: Package update for '${o.data.pkgName}' failed.<br>`+i,{type:"error"})}),$("#upd_"+o.data.pkgName).hide().next().text("XXX")}function o(o){return""===o||"string"!=typeof o?"No package":(RED.notify("Starting removal of npm package "+o),$("i.spinner").show(),$.get("uibuilder/uibnpmmanage?cmd=remove&package="+o,function(e){!0===e.success?(console.log("[uibuilder:removePackageRow:get] PACKAGE REMOVED. ",o),RED.notify("Successfully uninstalled npm package "+o,"success"),s[o]&&delete s[o]):(console.log("[uibuilder:removePackageRow:get] ERROR ON PACKAGE REMOVAL ",e.result),RED.notify("FAILED to uninstall npm package "+o,"error"),$("#node-input-packageList").editableList("addItem",o)),$("i.spinner").hide()}).fail(function(e,t,i){return console.error("[uibuilder:removePackageRow:get] Error "+t,i),RED.notify("FAILED to uninstall npm package "+o,"error"),$("#node-input-packageList").editableList("addItem",o),$("i.spinner").hide(),"removePackageRow failed"}),null)}function p(e){let t="text";e=e.split(".");if(""===e[0]&&e.shift(),1<e.length){var i=e.pop().toLowerCase().trim();switch(i){case"js":t="javascript";break;case"html":case"css":case"json":t=i;break;case"vue":t="html";break;case"md":t="markdown";break;case"yaml":case"yml":t="yaml";break;default:t=i}}return t}function n(e){$("#edit-save").prop("disabled",e),$("#edit-reset").prop("disabled",e),$("#edit-close").prop("disabled",!e),$("#node-edit-file").prop("disabled",!e),$("#node-input-filename").prop("disabled",!e),$("#node-dialog-ok").prop("disabled",!e),$("#node-dialog-cancel").prop("disabled",!e),e?($("#node-dialog-ok").css("cursor","pointer"),$("#node-dialog-cancel").css("cursor","pointer")):($("#file-action-message").text("Save Required"),$("#node-dialog-ok").css("cursor","not-allowed"),$("#node-dialog-cancel").css("cursor","not-allowed"))}function f(){var e=$("#node-input-url").val();let t=$("#node-input-folder").val(),i=(null===t&&(t=localStorage.getItem("uibuilder."+e+".folder")||u.folder),$("#node-input-filename").val());null===i&&(i=localStorage.getItem("uibuilder."+e+".selectedFile")||u.fname),u.folder=t,u.fname=i,localStorage.setItem("uibuilder."+e+".folder",u.folder),localStorage.setItem("uibuilder."+e+".selectedFile",u.fname);const o=u.format=p(i);$("#node-input-format").val(o),$.get("uibuilder/uibgetfile?url="+e+"&fname="+i+"&folder="+t,function(e){$("#node-input-template-editor").show(),$("#node-input-template-editor-no-file").hide(),u.editorSession.setValue(e),u.editorSession.setMode({path:"ace/mode/"+o,v:Date.now()}),u.editorSession.getUndoManager().isClean(),u.editor.focus()}).fail(function(e,t,i){console.error("[uibuilder:getFileContents:get] Error "+t,i),u.editorSession.setValue(""),$("#node-input-template-editor").hide(),$("#node-input-template-editor-no-file").show()}).always(function(){n(!0),$("#node-input-format option:selected").length||$("#node-input-format").val("text")})}function b(d){const a=$("#node-input-url").val();let s=$("#node-input-folder").val();var e=$("#node-input-filename").val();null===(d=void 0===d?e:d)&&(d=localStorage.getItem("uibuilder."+a+".selectedFile")||void 0),null===s&&(s=localStorage.getItem("uibuilder."+a+".folder")||void 0),$("#node-input-filename option").remove(),$("#node-input-folder option").remove(),$.ajax({type:"GET",dataType:"json",url:"./uibuilder/admin/"+a,data:{cmd:"listall"}}).done(function(e,t,i){let o="",n=!1,r=!1;var l=Object.keys(e).sort(),l=($.each(l,function(e,t){""===t&&(t="root"),$("#node-input-folder").append($("<option>",{value:t,text:t}))}),e[s]||(s=e.src?"src":"root"),$("#node-input-folder").val(s),u.folder=s,localStorage.setItem("uibuilder."+a+".folder",s),e[s]);$.each(l,function(e,t){$("#node-input-filename").append($("<option>",{value:t,text:t})),0===e&&(o=t),t===u.fname&&(n=!0),t===d&&(r=!0)}),!0===r?u.fname=d:!0===n?u.fname="index.html":u.fname=o,$("#node-input-filename").val(u.fname),u.format=p(u.fname),localStorage.setItem("uibuilder."+a+".selectedFile",u.fname)}).fail(function(e,t,i){console.error("[uibuilder:getFileList:getJSON] Error "+t,i),u.fname="",u.format="text",RED.notify("uibuilder: Folder and file listing error.<br>"+i,{type:"error"})}).always(function(){f()})}function g(){var e=$("#node-input-url").val(),e=$.ajax({async:!1,type:"GET",dataType:"json",url:"./uibuilder/admin/"+e,data:{cmd:"listfolders"}});t=e.responseJSON,$("#node-input-sourceFolder").typedInput({types:[{value:"sourceFolders",options:t}]})}function m(){let t;if(!0===u.editorLoaded){if(document.fullscreenElement)$("#edit-props").css("background-color","#f6f6f6").css("padding","1em"),t=parseInt($("#edit-props").css("height"),10),t-=25,$("#node-function-expand-js").css("background-color","black").html('<i class="fa fa-compress"></i>'),u.fullscreen=!0;else{if("auto"===$("#edit-outer").css("top"))return;$("#edit-props").css("background-color","").css("padding",""),t=$(".red-ui-tray-footer").position().top-$("#edit-outer").offset().top-35,$("#node-function-expand-js").css("background-color","").html('<i class="fa fa-expand"></i>'),u.fullscreen=!1}var i=$("#edit-props > div:not(.node-text-editor-row)");for(let e=0;e<i.length;e++)t-=$(i[e]).outerHeight(!0);$("#node-input-template-editor").css("height",t+"px"),u.editor.resize()}}function h(){var e=RED.settings.get("auth-tokens"),t=new XMLHttpRequest,i="fname="+$("#node-input-filename").val()+"&folder="+$("#node-input-folder").val()+"&url="+$("#node-input-url").val()+"&reload="+$("#node-input-reload").prop("checked")+"&data="+encodeURIComponent(u.editorSession.getValue());t.open("POST","uibuilder/uibputfile",!0),t.onreadystatechange=function(){this.readyState===XMLHttpRequest.DONE&&(200===this.status?($("#file-action-message").text("File Saved"),n(!0)):$("#file-action-message").text("File Save FAILED"))},t.setRequestHeader("Content-type","application/x-www-form-urlencoded"),e&&t.setRequestHeader("Authorization","Bearer "+e.access_token),t.send(i)}function v(e){$.ajax({type:"GET",async:!1,dataType:"json",url:"./uibuilder/admin/_",data:{cmd:"listinstances"},success:function(e){i=e}}),e&&(e.isDeployed=void 0!==i[e.id])}function y(e,t=!0){!0===t?($("#node-input-templateFolder, #btn-load-template").prop("disabled",!1).css({cursor:"pointer"}),$("#red-ui-tab-tab-files, #red-ui-tab-tab-libraries, #red-ui-tab-tab-security, #red-ui-tab-tab-advanced, info").css({cursor:"pointer"}),$("#red-ui-tab-tab-files>a, #red-ui-tab-tab-libraries>a, #red-ui-tab-tab-security>a, #red-ui-tab-tab-advanced>a, info>a").prop("disabled",!1).css({"pointer-events":"auto",cursor:"pointer",opacity:1}),$("#uibuilderurl, #uibinstanceconf").prop("disabled",!1).css({cursor:"pointer",opacity:1}),$("#url-errors").remove()):($("#node-input-templateFolder, #btn-load-template").prop("disabled",!0).css({cursor:"not-allowed"}),$("#red-ui-tab-tab-files, #red-ui-tab-tab-libraries, #red-ui-tab-tab-security, #red-ui-tab-tab-advanced, info").css({cursor:"not-allowed"}),$("#red-ui-tab-tab-files>a, #red-ui-tab-tab-libraries>a, #red-ui-tab-tab-security>a, #red-ui-tab-tab-advanced>a, info>a").prop("disabled",!0).css({"pointer-events":"none",cursor:"not-allowed",opacity:.3}),$("#uibuilderurl, #uibinstanceconf, #btntopopen").prop("disabled",!0).css({cursor:"not-allowed",opacity:.3}),$("#url-errors").remove(),$("#url-input").after(`
-                <div id="url-errors" class="form-row" style="color:var(--red-ui-text-color-error)">
-                    ${Object.values(e).join("<br>")} 
-                </div>
-            `))}function w(){var e=$("#node-input-templateFolder").val();if(RED.settings.uibuilderTemplates[e]){var t=RED.settings.uibuilderTemplates[e].dependencies||[];const i=[];if(t.forEach(e=>{s[e]||i.push(e)}),0<i.length){const o=RED.notify(`WARNING<br /><br />The selected uibuilder template (${e}) is MISSING the following dependencies:<div> ${i.join(", ")}</div><br />Please install them using the uibuilder Library Manager or select a different template.`,{type:"warning",modal:!0,fixed:!0,buttons:[{text:"OK",class:"primary",click:function(){o.close()}}]})}}else console.error("[uibuilder:checkDependencies] Template name not found: "+e)}function E(){const n=RED.notify(`WARNING<br /><br />
-            Are you <b>SURE</b> you want to overwrite your code
-            with the template <b><code>${$("#node-input-templateFolder").val()}</code></b>?<br /><br />
-            <b>THIS CANNOT BE UNDONE.</b>`,{type:"warning",modal:!0,fixed:!0,buttons:[{text:"Cancel, don't overwrite",class:"primary",click:function(){n.close()}},{text:"OK, overwrite",click:function(){var e,t,i,o;e=$("#node-input-templateFolder").val(),t=$("#node-input-extTemplate").val(),i=$("#node-input-url").val(),o=$("#node-input-reload").prop("checked"),$.ajax({type:"POST",dataType:"json",url:"./uibuilder/admin/"+i,data:{template:e,extTemplate:t,cmd:"replaceTemplate",reload:o,url:i}}).done(function(e,t,i){return RED.notify(`<b>uibuilder</b>:<br><br>${i.statusText}<br>`,{type:"success"}),"Template load succeeded"}).fail(function(e,t,i){return console.error("[uibuilder:loadTemplate] Error "+t,i),RED.notify(`<b>uibuilder</b>:<br><br>Template Load Error.<br><br>${i}<br>`,{type:"error"}),"Template load failed"}),n.close()}}]})}function k(i){$("#adv-templ").hide(),$("#show-templ-props").css("cursor","pointer"),$("#show-templ-props").on("click",function(){$("#adv-templ").toggle(),$("#adv-templ").is(":visible")?$("#show-templ-props").html('<i class="fa fa-caret-down"></i> Template Settings'):$("#show-templ-props").html('<i class="fa fa-caret-right"></i> Template Settings')});{var o=i;let e=o.templateFolder,t=[];RED.settings&&RED.settings.uibuilderTemplates?t=RED.settings.uibuilderTemplates:console.error("[uibuilder:populateTemplateDropdown] Cannot access RED.settings for node "+o.id),Object.values(t).forEach(e=>{$("#node-input-templateFolder").append($("<option>",{value:e.folder,text:e.name}))}),t[e]||(e=d),$(`#node-input-templateFolder option[value="${e}"]`).prop("selected",!0),$("#node-input-templateFolder").val(e),$("#node-templSel-info").text(t[e].description),e}w(),"external"===$("#node-input-templateFolder").val()&&$("#et-input").show(),$("#node-input-templateFolder").on("change",function(){RED.settings.uibuilderTemplates[i.templateFolder]&&$("#node-templSel-info").text(RED.settings.uibuilderTemplates[i.templateFolder].description),w(),"external"===$("#node-input-templateFolder").val()?$("#et-input").show():$("#et-input").hide()}),$("#btn-load-template").on("click",function(e){e.preventDefault(),E()})}function R(e){let t,i;return i=r?(t=`<a href="vscode://file${RED.settings.uibuilderRootFolder}/${e.url}/?windowId=_blank" title="Open in VScode">`,"</a>"):(t="<b>","</b>"),{pre:t,post:i,url:`vscode://file${RED.settings.uibuilderRootFolder}/${e.url}/?windowId=_blank`,icon:'<img src="resources/node-red-contrib-uibuilder/vscode.svg" style="width:20px" >'}}function D(){return $(".red-ui-tray-footer").position().top-$("#package-list-container").offset().top+25}function x(l){$("#node-input-packageList").editableList({addItem:function(e,i,o){{var n=l,r=i;i=o;let t="";if(0===Object.entries(i).length)t=`
-                <div>
-                    <label for="packageList-input-${r}" style="width:3em;">Name:</label>
-                    <input type="text" id="packageList-input-${r}" title="" style="width:80%" placeholder="Valid npm package name">
-                </div>
-                <div>
-                    <label for="packageList-tag-${r}" style="width:3em;">Tag:</label>
-                    <input type="text" id="packageList-tag-${r}" title="" style="width:80%" placeholder="npm: @tag/version, GH: #branch/tag">
-                </div>
-                <div>
-                    <label for="packageList-button-${r}" style="width:3em;"></label>
-                    <button id="packageList-button-${r}" style="width:5em;">Install</button>
-                </div>
-            `;else{let e="";(o=s[i]).outdated&&o.outdated.wanted&&o.installedVersion!==o.outdated.wanted&&(e=`<button id="upd_${i}" style="color:orange;background-color:black;" title="Click to update (or install again to get a non-standard version)">UPDATE: ${o.outdated.wanted}</button>`,$("#node-input-packageList").on("click","#upd_"+i,{pkgName:i,node:n},c)),t=`
-                <div id="packageList-row-${r}" class="packageList-row-data">
-                    <div style="display:flex;justify-content:space-between;">
-                        <div>
-                            <a href="${o.homepage}" target="_blank" title="Click to open package homepage in a new tab">
-                                <b>${i}</b> <span class="emoji">ℹ️</span>
-                            </a>
-                        </div>
-                        <div style="margin-left:auto;text-align:right;">
-                            ${e}
-                            <span title="npm version specification: ${o.spec}">${o.installedVersion}</span>
-                        </div>
-                    </div>
-                    <div title="NB: This link is an estimate, check the package docs for the actual entry point" style="display:flex;justify-content:space-between;">
-                        <div>Est.&nbsp;link:</div>
-                        <div style="margin-left:auto;text-align:right;"><code style="white-space:inherit;text-decoration: underline;"><a href="${n.urlPrefix}${o.url}" target="_blank">
-                            ${o.url}
-                        </code></div>
-                    </div>
-                </div>
-            `}$(t).appendTo(e),0===Object.entries(i).length&&($("#packageList-input-"+r).tooltip({content:'Enter one of:<ul><li>An npm package name (optionally with leading)</li><li>A GitHub user/repo</li><li>A filing system path to a local package</li></ul>Ensure that you select the correct "From" dropdown.'}),$("#packageList-ver-"+r).tooltip({content:"Optional. Branch, Tag or Version to install (defaults to @latest)"})),$("#packageList-button-"+r).on("click",function(){$("i.spinner").show();const o=String($("#packageList-input-"+r).val());var e=String($("#packageList-tag-"+r).val());0!==o.length&&(RED.notify("Installing npm package "+o),$.get(`uibuilder/uibnpmmanage?cmd=install&package=${o}&url=${n.url}&tag=`+e,function(e){var t=e.result[0];!0===e.success?(s=e.result[1],console.log("[uibuilder:addPackageRow:get] PACKAGE INSTALLED. ",o,n.url,"\n\n",t,"\n "),RED.notify(`Successful installation of npm package ${o} for `+n.url,"success"),$("#node-input-packageList").editableList("empty"),$("#node-input-packageList").editableList("addItems",Object.keys(s))):(console.log("[uibuilder:addPackageRow:get] ERROR ON INSTALLATION OF PACKAGE ",o,n.url,"\n\n",t,"\n "),RED.notify(`FAILED installation of npm package ${o} for `+n.url,"error")),$("i.spinner").hide()}).fail(function(e,t,i){return console.error("[uibuilder:addPackageRow:get] Error "+t,i),RED.notify(`FAILED installation of npm package ${o} for `+n.url,"error"),$("i.spinner").hide(),"addPackageRow failed"}))})}},removeItem:o,header:$("<div>").append("<b>Installed Packages (Install again to update)</b>"),height:D(),addButton:!0,removable:!0,scrollOnAdd:!0,sortable:!1}),$("#node-input-packageList").editableList("empty"),$("#node-input-packageList").editableList("addItems",Object.keys(s)),$(".red-ui-editableList-addButton").after(' <i class="spinner"></i>'),$("i.spinner").hide()}function C(i){var e=RED.tabs.create({id:"tabs",scrollable:!1,collapsible:!1,onchange:function(e){switch($("#tabs-content").children().hide(),$("#"+e.id).show(),e.id){case"tab-files":t=i,b(),!0!==u.editorLoaded&&(""!==$("#node-input-template").val("")&&$("#node-input-template").val(""),u.editor=RED.editor.createEditor({id:"node-input-template-editor",mode:"ace/mode/"+u.format,value:t.template}),u.editorSession=u.editor.getSession(),u.editor.on("input",function(){n(u.editorSession.getUndoManager().isClean())}),u.editorLoaded=!0,document.getElementsByClassName("red-ui-editor-text-container").item(0).addEventListener("keydown",e=>{!0===e.ctrlKey&&"s"===e.key&&(e.preventDefault(),h())}),m(),f(),n(!0));break;case"tab-libraries":x(i)}var t}});e.addTab({id:"tab-core",label:"Core"}),e.addTab({id:"tab-files",label:"Files"}),e.addTab({id:"tab-libraries",label:"Libraries"}),e.addTab({id:"tab-advanced",label:"Advanced"})}function L(){n(!0),$("#node-input-folder").change(function(){b()}),$("#node-input-filename").change(function(){f()}),$("#fldr-new-dialog_new").addClass("input-error").prop("disabled",!0),$("#fldr-input-newname").addClass("input-error").on("input",function(){0===$("#fldr-input-newname").val().length?($("#fldr-input-newname").addClass("input-error"),$("#fldr").addClass("input-error").prop("disabled",!0)):($("#fldr-input-newname").removeClass("input-error"),$("#fldr-new-dialog_new").removeClass("input-error").prop("disabled",!1))}),$("#fldr-new-dialog").dialog({autoOpen:!1,modal:!0,closeOnEscape:!0,buttons:[{text:"Create",id:"fldr-new-dialog_new",click:function(){var e,t;e=$("#fldr-input-newname").val(),t=$("#node-input-url").val(),$.ajax({type:"POST",dataType:"json",url:"./uibuilder/admin/"+t,data:{folder:e,cmd:"newfolder"}}).done(function(){return RED.notify(`uibuilder: Folder <code>${e}</code> Created.`,{type:"success"}),b(),g(),"Create folder succeeded"}).fail(function(e,t,i){return RED.notify("uibuilder: Create Folder Error.<br>"+i,{type:"error"}),"Create folder failed"}),$("#fldr-input-newname").val(null).addClass("input-error"),$("#fldr-new-dialog_new").addClass("input-error").prop("disabled",!0),$(this).dialog("close")}},{text:"Cancel",click:function(){$("#fldr-input-newname").val(null).addClass("input-error"),$("#fldr-new-dialog_new").addClass("input-error").prop("disabled",!0),$(this).dialog("close")}}]}).keyup(function(e){e.keyCode==$.ui.keyCode.ENTER&&$("#fldr_new_dialog_new").trigger("click")}),$("#btn-fldr-new").on("click",function(){$("#fldr_url").html($("#node-input-url").val()),$("#fldr-new-dialog").dialog("open")}),$("#fldr-del-dialog").dialog({autoOpen:!1,modal:!0,closeOnEscape:!0,buttons:[{text:"Delete",id:"fldr-del-dialog_del",click:function(){{var e=$("#node-input-url").val();const t=$("#node-input-folder").val();$.ajax({type:"DELETE",dataType:"json",url:"./uibuilder/admin/"+e,data:{folder:t,cmd:"deletefolder"}}).done(function(){return RED.notify(`uibuilder: Folder <code>${t}</code> deleted.`,{type:"success"}),b(),"Delete folder succeeded"}).fail(function(e,t,i){return console.error("[uibuilder:deleteFolder:delete] Error "+t,i),RED.notify("uibuilder: Delete Folder Error.<br>"+i,{type:"error"}),"Delete folder failed"})}$(this).dialog("close")}},{text:"Cancel",click:function(){$(this).dialog("close")}}]}),$("#btn-fldr-del").on("click",function(){$("#fldr-del-dialog_del").addClass("input-error").css("color","brown"),$("#fldr-del-name").text($("#node-input-folder").val()),"src"===$("#node-input-folder").val()?$("#node-input-copyIndex").is(":checked")?$("#fldr-del-recopy").css("color","").text("Copy flag is set so the src folder will be recreated and the index.(html|js|css) files will be recopied from the master template."):$("#fldr-del-recopy").css("color","brown").text("Copy flag is NOT set so the src folder will NOT be recopied from the master template."):$("#fldr-del-recopy").css("color","").text(""),$("#fldr-del-dialog").dialog("open")}),$("#edit-reset").on("click",function(e){e.preventDefault(),f(),$("#file-action-message").text("")}),$("#edit-save").on("click",function(e){e.preventDefault(),h()}),$("#edit_delete_dialog").dialog({autoOpen:!1,modal:!0,closeOnEscape:!0,buttons:[{text:"Delete",id:"edit_del_dialog_del",click:function(){{const t=$("#node-input-folder").val()||u.folder;var e=$("#node-input-url").val();const i=$("#node-input-filename").val();$.ajax({type:"DELETE",dataType:"json",url:"./uibuilder/admin/"+e,data:{folder:t,fname:i,cmd:"deletefile"}}).done(function(){return RED.notify(`uibuilder: File <code>${t}/${i}</code> Deleted.`,{type:"success"}),b(i),"Delete file succeeded"}).fail(function(e,t,i){return console.error("[uibuilder:deleteFile:delete] Error "+t,i),RED.notify("uibuilder: Delete File Error.<br>"+i,{type:"error"}),"Delete file failed"})}$(this).dialog("close")}},{text:"Cancel",click:function(){$(this).dialog("close")}}]}),$("#edit-delete").on("click",function(){$("#edit_del_dialog_del").addClass("input-error").css("color","brown"),$("#edit-delete-name").text($("#node-input-folder").val()+"/"+$("#node-input-filename").val()),"src"===$("#node-input-folder").val()?$("#node-input-copyIndex").is(":checked")?$("#edit-delete-recopy").css("color","").text("Copy flag is set so index.(html|js|css) files will be recopied from master template."):$("#edit-delete-recopy").css("color","brown").text("Copy flag is NOT set so index.(html|js|css) files will NOT be recopied from master template."):$("#edit-delete-recopy").css("color","").text(""),$("#edit_delete_dialog").dialog("open")}),$("#edit_new_dialog_new").addClass("input-error").prop("disabled",!0),$("#edit-input-newname").addClass("input-error").on("input",function(){0===$("#edit-input-newname").val().length?($("#edit-input-newname").addClass("input-error"),$("#edit_new_dialog_new").addClass("input-error").prop("disabled",!0)):($("#edit-input-newname").removeClass("input-error"),$("#edit_new_dialog_new").removeClass("input-error").prop("disabled",!1))}),$("#edit_new_dialog").dialog({autoOpen:!1,modal:!0,closeOnEscape:!0,buttons:[{text:"Create",id:"edit_new_dialog_new",click:function(){{var e=$("#edit-input-newname").val();const i=$("#node-input-folder").val()||u.folder;var t=$("#node-input-url").val();$.ajax({type:"POST",dataType:"json",url:"./uibuilder/admin/"+t,data:{folder:i,fname:e,cmd:"newfile"}}).done(function(){return RED.notify(`uibuilder: File <code>${i}/${e}</code> Created.`,{type:"success"}),b(e),"Create file succeeded"}).fail(function(e,t,i){return console.error("[uibuilder:createNewFile:post] Error "+t,i),RED.notify("uibuilder: Create File Error.<br>"+i,{type:"error"}),"Create file failed"})}$("#edit-input-newname").val(null).addClass("input-error"),$("#edit_new_dialog_new").addClass("input-error").prop("disabled",!0),$(this).dialog("close")}},{text:"Cancel",click:function(){$("#edit-input-newname").val(null).addClass("input-error"),$("#edit_new_dialog_new").addClass("input-error").prop("disabled",!0),$(this).dialog("close")}}]}).keyup(function(e){e.keyCode==$.ui.keyCode.ENTER&&$("#edit_new_dialog_new").click()}),$("#edit-new").on("click",function(){$("#file_url").html($("#node-input-url").val()),$("#file_fldr").html($("#node-input-folder").val()),$("#edit_new_dialog").dialog("open")}),$("#node-function-expand-js").on("click",function(e){e.preventDefault();const i=u.editor.getValue();RED.editor.editText({mode:$("#node-input-format").val(),value:i,width:"Infinity",cursor:u.editor.getCursorPosition(),complete:function(e,t){u.editor.setValue(e,-1),u.editor.gotoLine(t.row+1,t.column,!1),setTimeout(function(){u.editor.focus(),e!==i&&n(!1)},300)}})})}function T(t){if($('<button type="button" title="Open the uibuilder web page" id="btntopopen" class="ui-button ui-corner-all ui-widget leftButton"><i class="fa fa-globe" aria-hidden="true"></i> Open</button>').on("click",e=>{e.preventDefault(),window.open(""+t.urlPrefix+$("#node-input-url").val(),"_blank")}).appendTo($("div.red-ui-tray-toolbar")),$('<button type="button" title="Open uibuilder Documentation" class="ui-button ui-corner-all ui-widget leftButton"><i class="fa fa-book" aria-hidden="true"></i> Docs</button>').on("click",e=>{e.preventDefault(),RED.sidebar.help.show("uibuilder"),window.open("./uibuilder/docs","_blank")}).appendTo($("div.red-ui-tray-toolbar")),r){const n=R(t);$(`<button type="button" title="Open instance code folder in VSCode" aria-label="Link that opens the instance code folder in VSCode." class="ui-button ui-corner-all ui-widget leftButton">${n.icon}</button>`).on("click",e=>{e.preventDefault(),window.open(n.url)}).appendTo($("div.red-ui-tray-toolbar"))}g(),$.ajax({dataType:"json",method:"get",url:"uibuilder/uibvendorpackages",async:!1,success:function(e){s=e},error:function(e){console.log("ERROR",e)}}),$("#uib_version").text(RED.settings.uibuilderCurrentVersion),void 0!==t.templateFolder&&""!==t.templateFolder||(t.templateFolder=d),i=t,$("#node-input-fwdInMessages").prop("checked",i.fwdInMessages),$("#node-input-allowScripts").prop("checked",i.allowScripts),$("#node-input-allowStyles").prop("checked",i.allowStyles),$("#node-input-copyIndex").prop("checked",i.copyIndex),$("#node-input-showfolder").prop("checked",i.showfolder),$("#node-input-useSecurity").prop("checked",i.useSecurity),$("#node-input-allowUnauth").prop("checked",i.allowUnauth),$("#node-input-tokenAutoExtend").prop("checked",i.tokenAutoExtend),$("#node-input-reload").prop("checked",i.reload),$("#node-input-showMsgUib").prop("checked",i.showMsgUib),C(t),$(`#node-input-sourceFolder option[value="${t.sourceFolder||"src"}"]`).prop("selected",!0),$("#node-input-sourceFolder").val(t.sourceFolder||"src"),$("#node-input-showfolder").on("change",function(){!1===$(this).is(":checked")?$("#show-src-folder-idx-url").hide():$("#show-src-folder-idx-url").show()}),k(t);{var i=t;let e;var o=window.origin.split(":"),o=(i.nodeRoot=RED.settings.httpNodeRoot.replace(/^\//,""),$("#info-webserver").empty(),e=!0===RED.settings.uibuilderCustomServer.isCustom?(o[0]=RED.settings.uibuilderCustomServer.type.replace("http2","https"),o[2]=RED.settings.uibuilderCustomServer.port,i.nodeRoot="","a custom"):"Node-RED's",i.urlPrefix=o.join(":")+"/"+i.nodeRoot,R(i));$("#info-webserver").append(`<div class="form-tips node-help"><span class="uib-name"><span class="uib-red">UI</span>BUILDER</span> is using ${e} webserver at <a href="${i.urlPrefix}${i.url}" target="_blank" title="Open in new window">${i.urlPrefix}</a><br>Server folder: ${o.pre}${RED.settings.uibuilderRootFolder}/${i.url}/${$("#node-input-sourceFolder").val()}/${o.post} </div>`)}$("#node-input-url").on("change",function(){!function(e){var t=$(this).val();$("#uibuilderurl").prop("href",""+e.urlPrefix+t),$("#uibinstanceconf").prop("href",`./uibuilder/instance/${t}?cmd=showinstancesettings`),$("#show-src-folder-idx-url").empty().append(`<div>at 
-                    <a href="${e.urlPrefix}${t}/idx" target="_blank" 
-                            style="color:var(--red-ui-text-color-link);text-decoration:underline;">
-                        ${e.nodeRoot}${t}/idx
-                    </a>
-                </div>`)}.call(this,t)}),void 0!==t.url&&""!==t.url||y(t.urlErrors,Object.keys(t.urlErrors).length<1),L(),e&&l("[uibuilder] Settings:\n","\nNodeEnv: ",RED.settings.uibuilderNodeEnv,"\nCurrentVersion: ",RED.settings.uibuilderCurrentVersion,"\nRedeployNeeded: ",RED.settings.uibuilderRedeployNeeded,"\nRootFolder: ",RED.settings.uibuilderRootFolder,"\n\nTemplates: ",RED.settings.uibuilderTemplates,"\n\nCustomServer: ",RED.settings.uibuilderCustomServer,`
-
-Instances (${Object.keys(RED.settings.uibuilderInstances).length}): `,RED.settings.uibuilderInstances,`
-
-editorInstances (${Object.keys(a).length}): `,a,`
-
-packages (${Object.keys(s).length}): `,s)}RED.events.on("nodes:add",function(e){"uibuilder"===e.type&&(a[e.id]=e.url)}),RED.events.on("nodes:change",function(e){"uibuilder"===e.type&&(l("nodes:change:",e),a[e.id]=e.url)}),RED.events.on("nodes:remove",function(e){"uibuilder"===e.type&&(l(">> nodes:remove >>",e),delete a[e.id])}),RED.nodes.registerType("uibuilder",{category:"uibuilder",color:"#E6E0F8",defaults:{name:{value:""},topic:{value:""},url:{required:!0,validate:function(e){v(this),this.urlErrors={},this.urlDeployedChanged=i[this.id]!==e,this.urlChanged=this.url!==e;var t=Object.values(i).indexOf(e);return this.urlDeployedDup=-1<t&&Object.keys(i)[t]!==this.id,t=Object.values(a).indexOf(e),this.urlEditorDup=-1<t&&Object.keys(a)[t]!==this.id,!1===this.isDeployed&&!0===this.urlEditorDup&&(this.urlErrors.config="Pasted or imported, URL must be changed",e="",this.url=this.oldUrl=void 0,$("#node-input-url").val(""),l("[uib] >> Copy/Paste >>",this.id,"this.url:",this.url,", value:",e,", this.oldUrl:",this.oldUrl)),void 0===e&&(this.urlErrors.config="Not yet configured, valid URL needed"),void 0===e||""===e?this.urlErrors.none="Must not be empty":(20<e.length&&(this.urlErrors.len="Too long, must be <= 20 chars"),-1!==e.indexOf("..")&&(this.urlErrors.dbldot="Cannot contain <code>..</code> (double-dot)"),-1!==e.indexOf("/")&&(this.urlErrors.fslash="Cannot contain <code>/</code>"),-1!==e.indexOf("\\")&&(this.urlErrors.bslash="Cannot contain <code>\\</code>"),-1!==e.indexOf(" ")&&(this.urlErrors.sp="Cannot contain spaces"),"_"===e.substring(0,1)&&(this.urlErrors.strtU="Cannot start with <code>_</code> (underscore)"),"."===e.substring(0,1)&&(this.urlErrors.strtDot="Cannot start with <code>.</code> (dot)"),"templates"===e.toLowerCase().substring(0,9)&&(this.urlErrors.templ='Cannot be "templates"'),"uibuilder"===e.toLowerCase()&&(this.urlErrors.uibname='Cannot be "uibuilder" (since v5)')),!0===this.urlDeployedDup&&(this.urlErrors.dup="Cannot be a URL already deployed"),!0===this.urlEditorDup&&(this.urlErrors.dup="Cannot be a URL already in use"),void 0!==e&&""!==e&&(this.folderExists=function(e){if(void 0===e)return!1;let o=!1;return $.ajax({type:"GET",async:!1,dataType:"json",url:"./uibuilder/admin/"+e,data:{cmd:"checkfolder"},success:function(e){o=e},error:function(e,t,i){"Not Found"!==i&&console.error("[uibuilder:queryFolderExists] Error "+t,i),o=!1}}),o}(e),!0===this.folderExists&&!0===this.urlChanged&&(l(">> folder already exists >>",this.url,this.id),RED.notify(`<b>WARNING</b>: <p>The folder for the chosen URL (${e}) is already exists.<br>It will be adopted by this node.</p>`,{type:"warning"})),!1===this.folderExists)&&(this.urlErrors.fldNotExist="URL does not yet exist. You must Deploy first.<br>If changing a deployed URL, the folder will be renamed on Deploy"),this.isDeployed&&!0===this.deployedUrlChanged&&(l("[uib] >> deployed url changed >> this.url:",this.url,", this.oldUrl:",this.oldUrl,this.id),this.urlErrors.warnChange=`Renaming from ${this.url} to ${e}. <b>MUST</b> redeploy now`,RED.notify(`<b>NOTE</b>: <p>You are renaming the url from ${this.url} to ${e}.<br>You <b>MUST</b> redeploy before doing anything else.</p>`,{type:"warning"})),0<Object.keys(this.urlErrors).length?(this.urlValid=!1,y(this.urlErrors,!1)):(this.urlValid=!0,y(this.urlErrors,!0)),!(1!==Object.keys(this.urlErrors).length||!this.urlErrors.fldNotExist)||this.urlValid}},fwdInMessages:{value:!1},allowScripts:{value:!1},allowStyles:{value:!1},copyIndex:{value:!0},templateFolder:{value:d},extTemplate:{value:""},showfolder:{value:!1},oldUrl:{value:void 0},reload:{value:!1},sourceFolder:{value:"src",required:!0},deployedVersion:{validate:function(){return!(void 0!==this.url&&(void 0===this.deployedVersion?"0":this.deployedVersion)<RED.settings.uibuilderRedeployNeeded&&RED.settings.uibuilderCurrentVersion>RED.settings.uibuilderRedeployNeeded&&(RED.notify(`<i>uibuilder ${this.url}</i><br>uibuilder has been updated since you last deployed this instance. Please deploy now.`,{modal:!1,fixed:!1,type:"warning"}),this.mustChange=!0))}},showMsgUib:{value:!1},title:{value:""},descr:{value:""}},credentials:{jwtSecret:{type:"password"}},inputs:1,inputLabels:"Msg to send to front-end",outputs:2,outputLabels:["Data from front-end","Control Msgs from front-end"],icon:"node-blue-inverted.svg",paletteLabel:"uibuilder",label:function(){var e=this.url?`<${this.url}>`:"<no url>";return(this.name?this.name+" ":"")+e},oneditprepare:function(){T(this)},oneditsave:function(){l("[uib] >> this >>",this),!0===u.editorLoaded&&(u.editor.destroy(),delete u.editor,u.editorLoaded=!1);let e;(e=""!==$("#node-input-url").val()?$("#node-input-url").val():e)!==this.url?(this.oldUrl=this.url,l(`>> oneditsave URL CHANGED >> New=${$("#node-input-url").val()}, Old=`+this.url)):void 0!==this.oldUrl&&(this.oldUrl=void 0),(this.changed||this.mustChange)&&(this.deployedVersion=RED.settings.uibuilderCurrentVersion)},oneditcancel:function(){!0===u.editorLoaded&&(u.editor.destroy(),delete u.editor,u.editorLoaded=!1)},oneditresize:function(){m();try{$("#node-input-packageList").editableList("height",D())}catch(e){}},oneditdelete:function(){if(v(this),l("[uib] >> deleting >> isDeployed? ",this.isDeployed,void 0!==i[this.id]),this.isDeployed){const e=this,t=RED.notify(`<b>DELETE</b>: <p>You are deleting a uibuilder instance with url <i>${this.url}</i>.<br>Would you like to also delete the folder?<br><b>WARNING</b>: This cannot be undone.</p>`,{modal:!0,fixed:!0,type:"warning",buttons:[{text:"Yes",click:function(){$.ajax({type:"PUT",dataType:"json",url:"./uibuilder/admin/"+e.url,data:{cmd:"deleteondelete"}}).fail(function(e,t,i){console.error("[uibuilder:oneditdelete:PUT] Error "+t,i),RED.notify("uibuilder: Request url folder delete - error.<br>Folder will not be deleted, please delete manually.<br>"+i,{type:"error"})}),t.close(),RED.notify(`The folder <i>${e.url}</i> will be deleted when you redeploy.`,{type:"compact"})}},{text:"NO",class:"primary",click:function(){t.close()}}]})}}})}();
\ No newline at end of file
diff --git a/src/editor/uibuilder/main.html b/src/editor/uibuilder/main.html
index bcf320a7..4f5b1660 100644
--- a/src/editor/uibuilder/main.html
+++ b/src/editor/uibuilder/main.html
@@ -14,43 +14,14 @@
     limitations under the License.
 -->
 
-<style>
-    :root {
-        --uib-blue: hsl(204 89% 55% / 70%);
-        --uib-red: hsl(0 100% 45% / 70%); /*#8f0000;*/
-    }
-    .uib-name {
-        display:inline !important;
-        font-weight: 600;
-        text-transform: uppercase;
-        color: var(--uib-blue) !important;
-    }
-    .uib-red {
-        color: var(--uib-red) !important;
-        font-weight: 800;
-    }
-    .emoji {
-        font-family: 
-            "Twemoji Mozilla",
-            "Apple Color Emoji",
-            "Segoe UI Emoji",
-            "Segoe UI Symbol",
-            "Noto Color Emoji",
-            "EmojiOne Color",
-            "Android Emoji",
-            sans-serif;
-    }
+<link type="text/css" rel="stylesheet" href="./resources/node-red-contrib-uibuilder/ti-common.css" media="all">
+<script src="./resources/node-red-contrib-uibuilder/ti-common.js"></script>
+<script src="./resources/node-red-contrib-uibuilder/uibuilder.js"></script>
 
-</style>
-
-<script type="text/html" data-template-name="uibuilder">
+<script type="text/html" class="ti-edit-panel" data-template-name="uibuilder">
 <!--=include panel.html -->
 </script>
 
 <script type="text/html" data-help-name="uibuilder">
 <!--=include help.html -->
 </script>
-
-<script type="text/javascript">
-    /*=include editor.min.js */ 
-</script>
diff --git a/src/editor/uibuilder/panel.html b/src/editor/uibuilder/panel.html
index c552fcf0..98c6b6f4 100644
--- a/src/editor/uibuilder/panel.html
+++ b/src/editor/uibuilder/panel.html
@@ -1,255 +1,259 @@
-<div class="form-row tabs-row"><ul id="tabs"></ul></div> 
-<div id="tabs-content" x-style="border-bottom: 1px solid silver; padding-bottom: 1em; margin-bottom: 1em;">
-    <div id="tab-core">
-        <div id="url-input" aria-label="Home 'page' id. Defines the URL used" class="form-row" title="Make sure this gives a unique URL. Also used as a folder name for resources.">
-            <label for="node-input-url"><i class="fa fa-globe"></i> URL</label>
-            <input type="text" id="node-input-url" title="Cannot be 'templates. Cannot contain: space _ / \\ ..'" placeholder="Required. <20 chars. Unique">
-        </div>
+<div >
 
-        <div id="info" aria-label="Information and utility links" class="form-row" style="display: flex; justify-content: space-between; width:450px">
-
-            <a id="uibuilderurl" title="Open the UIBUILDER web page" href="uibindex" target="_blank" class="red-ui-button editor-button">
-                <i class="fa fa-globe" aria-hidden="true"></i> Open
-            </a>
-            <a href="./uibuilder/uibindex" target="_blank" class="red-ui-button editor-button" title="Shows available libraries, configuration and other detailed UIBUILDER information">
-                <i class="fa fa-info-circle" aria-hidden="true"></i> Full details
-            </a>
-            <a id="uibinstanceconf" href="./uibuilder/instance/_url_?cmd=showinstancesettings" target="_blank" class="red-ui-button editor-button" title="Shows detailed configuration for this instance of UIBUILDER">
-                <i class="fa fa-info" aria-hidden="true"></i> Node details
-            </a>
-            <a href="./uibuilder/docs" target="_blank" class="red-ui-button editor-button" title="Shows the UIBUILDER documentation as a new page">
-                <i class="fa fa-book" aria-hidden="true"></i> Docs
-            </a>
-    
-        </div>
+    <div class="form-row tabs-row"><ul id="tabs"></ul></div> 
+    <div id="tabs-content" x-style="border-bottom: 1px solid silver; padding-bottom: 1em; margin-bottom: 1em;">
+        <div id="tab-core" class="ti-edit-panel">
+            <div id="url-input" aria-label="Home 'page' id. Defines the URL used" class="form-row" title="Make sure this gives a unique URL. Also used as a folder name for resources.">
+                <label for="node-input-url"><i class="fa fa-globe"></i> URL</label>
+                <input type="text" id="node-input-url" title="Cannot be 'templates. Cannot contain: space _ / \\ ..'" placeholder="Required. <20 chars. Unique">
+            </div>
 
-        <div id="info-webserver" class="form-row" style="width:450px"></div>
+            <div id="info" aria-label="Information and utility links" class="form-row" style="display: flex; justify-content: space-between; width:450px">
 
-        <div aria-label="Node Name" class="form-row" title="Node Name (descriptive only)">
-            <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
-            <input type="text" id="node-input-name">
-        </div>
+                <a id="uibuilderurl" title="Open the UIBUILDER web page" href="uibindex" target="_blank" class="red-ui-button editor-button">
+                    <i class="fa fa-globe" aria-hidden="true"></i> Open
+                </a>
+                <a href="./uibuilder/uibindex" target="_blank" class="red-ui-button editor-button" title="Shows available libraries, configuration and other detailed UIBUILDER information">
+                    <i class="fa fa-info-circle" aria-hidden="true"></i> Full details
+                </a>
+                <a id="uibinstanceconf" href="./uibuilder/instance/_url_?cmd=showinstancesettings" target="_blank" class="red-ui-button editor-button" title="Shows detailed configuration for this instance of UIBUILDER">
+                    <i class="fa fa-info" aria-hidden="true"></i> Node details
+                </a>
+                <a href="./uibuilder/docs" target="_blank" class="red-ui-button editor-button" title="Shows the UIBUILDER documentation as a new page">
+                    <i class="fa fa-book" aria-hidden="true"></i> Docs
+                </a>
+        
+            </div>
 
-        <div aria-label="Topic" class="form-row" title="Adds a msg.topic to input msgs if not already provided">
-            <label for="node-input-topic"><i class="fa fa-tasks"></i> Topic</label>
-            <input type="text" id="node-input-topic">
-        </div>
+            <div id="info-webserver" class="form-row" style="width:450px"></div>
 
-        <h4>Template Settings</h4>
+            <div aria-label="Node Name" class="form-row" title="Node Name (descriptive only)">
+                <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
+                <input type="text" id="node-input-name">
+            </div>
 
-        <div aria-label="Template selector" class="form-row">
-            <label for="node-input-templateFolder" style="width:100px;"><i class="fa fa-window-restore"></i> Template</label>
-            <select id="node-input-templateFolder" style="width:70%;"></select>
-        </div>
+            <div aria-label="Topic" class="form-row" title="Adds a msg.topic to input msgs if not already provided">
+                <label for="node-input-topic"><i class="fa fa-tasks"></i> Topic</label>
+                <input type="text" id="node-input-topic">
+            </div>
 
-        <div aria-label="Hidden unless external template is selected above" id="et-input" class="form-row" title="Input a Degit compatible repository name. e.g. totallyinformation&sol;uib-template-test" style="display:none">
-            <label for="node-input-extTemplate"><i class="fa fa-globe"></i> External</label>
-            <input type="text" id="node-input-extTemplate" placeholder="totallyinformation/uib-template-test">
-        </div>
+            <h4>Template Settings</h4>
 
-        <div aria-label="Button to load new template" class="form-row">
-            <label for="btn-load-template" style="width:100px;"></label>
-            <button class="btn" id="btn-load-template" style="margin-top: 0.3em;" title="Load selected template, overwriting existing files">
-                Load &amp; Overwrite Files
-            </button>
-        </div>
-        
-        <div aria-label="How to use the template selector" class="form-row" style="max-width: 450px">
-            <p>
-                By default, <span class="uib-name"><span class="uib-red">UI</span>BUILDER</span> creates an instance root folder with the "Blank" template.
-                If you wish to use a different template, select and load it here.
-            </p>
-            <p>
-                Selecting a Template from the drop-down <b>does not</b> load the template
-            </p>
-            <p>
-                Loading a Template <b><u>will</u> overwrite</b> existing same-named files.
-            </p>
-        </div>
+            <div aria-label="Template selector" class="form-row">
+                <label for="node-input-templateFolder" style="width:100px;"><i class="fa fa-window-restore"></i> Template</label>
+                <select id="node-input-templateFolder" style="width:70%;"></select>
+            </div>
 
-    </div>
+            <div aria-label="Hidden unless external template is selected above" id="et-input" class="form-row" title="Input a Degit compatible repository name. e.g. totallyinformation&sol;uib-template-test" style="display:none">
+                <label for="node-input-extTemplate"><i class="fa fa-globe"></i> External</label>
+                <input type="text" id="node-input-extTemplate" placeholder="totallyinformation/uib-template-test">
+            </div>
 
-    <div id="tab-files">
-        <div aria-label="Drop-down for selecting folder & new, del buttons" class="form-row" title="Choose between the src, dist (built src) or root folders">
-            <label for="node-input-folder" style="width:5em;">
-                <i class="fa fa-folder-open-o"></i> Folder:
-            </label>
-            <select id="node-input-folder" style="width:63%;"></select>
-            <span id="fldr-buttons">
-                <button class="btn" id="btn-fldr-new" title="Add a new folder">New</button>
-                <div id="fldr-new-dialog" title="Create a new folder" dialog>
-                    <label for="fldr-input-newname">New Folder Name</label>
-                    <input type="text" id="fldr-input-newname">
-                    <div title="" style="margin-top:.5em;">
-                        New folder will be created inside 
-                        <code>&lt;uibRoot&gt;/<span id="fldr_url">&lt;url&gt;</span></code>.<br>
-                        Do not forget to include sub-folder name if needed.<br>
-                        e.g. <code>src/mynewfldr</code>
-                    </div>
-                </div>                  
-                <button class="btn" id="btn-fldr-del" title="Delete the selected folder">Del</button>
-                <div id="fldr-del-dialog" title="Delete the currently selected folder" dialog>
-                    <b>Folder to be deleted</b>
-                    <p><code id="fldr-del-name"></code></p>
-                    <p id="fldr-del-recopy"></p>
-                    <p style="border:2px solid brown;color:brown;font-weight:bold;padding:5px 5px;">
-                        Warning: This action cannot be undone.<br />
-                        If you delete the <code>src</code> or <code>dist</code> folders
-                        some things might not work correctly.
-                    </p>
-                </div>                  
-            </span>
-        </div>
+            <div aria-label="Button to load new template" class="form-row">
+                <label for="btn-load-template" style="width:100px;"></label>
+                <button class="btn" id="btn-load-template" style="margin-top: 0.3em;" title="Load selected template, overwriting existing files">
+                    Load &amp; Overwrite Files
+                </button>
+            </div>
+            
+            <div aria-label="How to use the template selector" class="form-row" style="max-width: 450px">
+                <p>
+                    By default, <span class="uib-name"><span class="uib-red">UI</span>BUILDER</span> creates an instance root folder with the "Blank" template.
+                    If you wish to use a different template, select and load it here.
+                </p>
+                <p>
+                    Selecting a Template from the drop-down <b>does not</b> load the template
+                </p>
+                <p>
+                    Loading a Template <b><u>will</u> overwrite</b> existing same-named files.
+                </p>
+            </div>
 
-        <div aria-label="Drop-down for selecting file to edit" class="form-row">
-            <label for="node-input-filename"  style="width:5em;"><i class="fa fa-file-code-o"></i> File:</label>
-            <select id="node-input-filename" style="width: 83%;"></select>
         </div>
 
-        <div aria-label="Save, Reset, close, (message), Delete" class="form-row">
-            <button class="btn" id="edit-save" title="Save any changes to the file">Save</button>
-            <button class="btn" id="edit-reset" title="Reset any changes to last saved version (cancel changes)">Reset</button>
+        <div id="tab-files">
+            <div aria-label="Drop-down for selecting folder & new, del buttons" class="form-row" title="Choose between the src, dist (built src) or root folders">
+                <label for="node-input-folder" style="width:5em;">
+                    <i class="fa fa-folder-open-o"></i> Folder:
+                </label>
+                <select id="node-input-folder" style="width:63%;"></select>
+                <span id="fldr-buttons">
+                    <button class="btn" id="btn-fldr-new" title="Add a new folder">New</button>
+                    <div id="fldr-new-dialog" title="Create a new folder" dialog>
+                        <label for="fldr-input-newname">New Folder Name</label>
+                        <input type="text" id="fldr-input-newname">
+                        <div title="" style="margin-top:.5em;">
+                            New folder will be created inside 
+                            <code>&lt;uibRoot&gt;/<span id="fldr_url">&lt;url&gt;</span></code>.<br>
+                            Do not forget to include sub-folder name if needed.<br>
+                            e.g. <code>src/mynewfldr</code>
+                        </div>
+                    </div>                  
+                    <button class="btn" id="btn-fldr-del" title="Delete the selected folder">Del</button>
+                    <div id="fldr-del-dialog" title="Delete the currently selected folder" dialog>
+                        <b>Folder to be deleted</b>
+                        <p><code id="fldr-del-name"></code></p>
+                        <p id="fldr-del-recopy"></p>
+                        <p style="border:2px solid brown;color:brown;font-weight:bold;padding:5px 5px;">
+                            Warning: This action cannot be undone.<br />
+                            If you delete the <code>src</code> or <code>dist</code> folders
+                            some things might not work correctly.
+                        </p>
+                    </div>                  
+                </span>
+            </div>
 
-            <span id="file-action-message"></span>
+            <div aria-label="Drop-down for selecting file to edit" class="form-row ti-edit-panel">
+                <label for="node-input-filename"  style="width:5em;"><i class="fa fa-file-code-o"></i> File:</label>
+                <select id="node-input-filename" style="width: 83%;"></select>
+            </div>
 
-            <div style="position: absolute;right:1.6em;display:inline-block;">
-                <button class="btn" id="edit-new" title="Add a new file.">
-                    New
-                </button>
-                <div dialog id="edit_new_dialog" title="Create a new file">
-                    <label for="edit-input-newname">New File Name</label>
-                    <input type="text" id="edit-input-newname">
-                    <div style="margin-top:.5em;">
-                        New file will be created inside the 
-                        <code>
-                            &lt;uibRoot&gt;/<span id="file_url">&lt;url&gt;</span>/<span id="file_fldr">&lt;folder&gt;</span>
-                        </code> folder.<br>
-                        You can include a sub-folder name if needed. Intermediate folders will be automatically created.<br>
-                        e.g. <code>src/mynewfldr/myfile.js</code>
-                    </div>
-                </div>                  
-                <button class="btn" id="edit-delete" title="Delete the file. Will reset to the default template if Copy from templates flag is set.">
-                    Delete
-                </button>
-                <div id="edit_delete_dialog" title="Delete the currently selected file" dialog>
-                    <b>File to be deleted</b>
-                    <p><code id="edit-delete-name"></code></p>
-                    <p id="edit-delete-recopy"></p>
-                    <p style="border:2px solid brown;color:brown;font-weight:bold;padding:5px 5px;">Warning: This action cannot be undone.</p>
-                </div>                  
+            <div aria-label="Save, Reset, close, (message), Delete" class="form-row ti-edit-panel">
+                <button class="btn" id="edit-save" title="Save any changes to the file">Save</button>
+                <button class="btn" id="edit-reset" title="Reset any changes to last saved version (cancel changes)">Reset</button>
+
+                <span id="file-action-message"></span>
+
+                <div style="position: absolute;right:1.6em;display:inline-block;">
+                    <button class="btn" id="edit-new" title="Add a new file.">
+                        New
+                    </button>
+                    <div dialog id="edit_new_dialog" title="Create a new file">
+                        <label for="edit-input-newname">New File Name</label>
+                        <input type="text" id="edit-input-newname">
+                        <div style="margin-top:.5em;">
+                            New file will be created inside the 
+                            <code>
+                                &lt;uibRoot&gt;/<span id="file_url">&lt;url&gt;</span>/<span id="file_fldr">&lt;folder&gt;</span>
+                            </code> folder.<br>
+                            You can include a sub-folder name if needed. Intermediate folders will be automatically created.<br>
+                            e.g. <code>src/mynewfldr/myfile.js</code>
+                        </div>
+                    </div>                  
+                    <button class="btn" id="edit-delete" title="Delete the file. Will reset to the default template if Copy from templates flag is set.">
+                        Delete
+                    </button>
+                    <div id="edit_delete_dialog" title="Delete the currently selected file" dialog>
+                        <b>File to be deleted</b>
+                        <p><code id="edit-delete-name"></code></p>
+                        <p id="edit-delete-recopy"></p>
+                        <p style="border:2px solid brown;color:brown;font-weight:bold;padding:5px 5px;">Warning: This action cannot be undone.</p>
+                    </div>                  
+                </div>
             </div>
-        </div>
 
-        <div aria-label="Edit box editor-tray-content" id="edit-outer" class="form-row node-text-editor-row" style="position:relative">
-            <div style="height: 350px; min-height:150px;" class="node-text-editor" id="node-input-template-editor" ></div>
-            <div style="height: 350px; min-height:150px;display:hidden" id="node-input-template-editor-no-file" >
-                No file available, please select a different file or folder.
+            <div aria-label="Edit box editor-tray-content" id="edit-outer" class="form-row node-text-editor-row" style="position:relative">
+                <div style="height: 350px; min-height:150px;" class="node-text-editor" id="node-input-template-editor" ></div>
+                <div style="height: 350px; min-height:150px;display:hidden" id="node-input-template-editor-no-file" >
+                    No file available, please select a different file or folder.
+                </div>
             </div>
-        </div>
 
-        <div aria-label="File data (hidden), language selector" class="form-row">
-            <button id="node-function-expand-js" class="editor-button"><i class="fa fa-expand"></i></button>
-
-            <!-- Option to reload any connected client pages after edit-save -->
-            <input type="checkbox" id="node-input-reload" style="width:auto;"
-                title="If set, all connected clients will reload the page they are on when any change is saved."
-                >
-            <label for="node-input-reload" style="width:80%;">Reload connected clients on save?.</label>
-
-            <input type="hidden" id="node-input-template" data-isClean="true">
-            <div style="position: absolute; right:1.6em;display:inline-block; text-align: right;">
-                <select id="node-input-format" style="width:110px; padding:0;">
-                    <option value="text">Text</option>
-                    <option value="html">HTML</option>
-                    <option value="javascript">Javascript</option>
-                    <option value="json">JSON</option>
-                    <option value="css">CSS</option>
-                    <option value="scss">SCSS</option>
-                    <option value="handlebars">mustache</option>
-                    <option value="markdown">Markdown</option>
-                    <option value="yaml">YAML</option>
-                </select>
+            <div aria-label="File data (hidden), language selector" class="form-row ti-edit-panel">
+                <button id="node-function-expand-js" class="editor-button"><i class="fa fa-expand"></i></button>
+
+                <!-- Option to reload any connected client pages after edit-save -->
+                <input type="checkbox" id="node-input-reload" style="width:auto;"
+                    title="If set, all connected clients will reload the page they are on when any change is saved."
+                    >
+                <label for="node-input-reload" style="width:80%;">Reload connected clients on save?.</label>
+
+                <input type="hidden" id="node-input-template" data-isClean="true">
+                <div style="position: absolute; right:1.6em;display:inline-block; text-align: right;">
+                    <select id="node-input-format" style="width:110px; padding:0;">
+                        <option value="text">Text</option>
+                        <option value="html">HTML</option>
+                        <option value="javascript">Javascript</option>
+                        <option value="json">JSON</option>
+                        <option value="css">CSS</option>
+                        <option value="scss">SCSS</option>
+                        <option value="handlebars">mustache</option>
+                        <option value="markdown">Markdown</option>
+                        <option value="yaml">YAML</option>
+                    </select>
+                </div>
             </div>
         </div>
-    </div>
 
-    <div id="tab-libraries">
-        <p>
-            Install, remove or update npm packages that provide front-end libraries such as
-            VueJS, jQuery, MoonJS, etc.<br>
-            Search for packages on <a href="https://www.npmjs.com/" target="_blank" style="color:var(--red-ui-text-color-link);text-decoration:underline;">official npm site</a> 
-            or <a href="https://npms.io/" target="_blank" style="color:var(--red-ui-text-color-link);text-decoration:underline;">npms.io</a>.
-        </p>
+        <div id="tab-libraries" class="ti-edit-panel">
+            <p>
+                Install, remove or update npm packages that provide front-end libraries such as
+                VueJS, jQuery, MoonJS, etc.<br>
+                Search for packages on <a href="https://www.npmjs.com/" target="_blank" style="color:var(--red-ui-text-color-link);text-decoration:underline;">official npm site</a> 
+                or <a href="https://npms.io/" target="_blank" style="color:var(--red-ui-text-color-link);text-decoration:underline;">npms.io</a>.
+            </p>
 
-        <div aria-label="Package List Container" class="form-row" id="package-list-container">
-            <ol id="node-input-packageList"></ol>
+            <div aria-label="Package List Container" class="form-row" id="package-list-container">
+                <ol id="node-input-packageList"></ol>
+            </div>
         </div>
-    </div>
 
-    <div id="tab-advanced">
-        <div aria-label="Information" class="form-row form-tips node-help">
-            <span class="uib-name"><span class="uib-red">UI</span>BUILDER</span> version: <b id="uib_version">--</b>
-        </div>
+        <div id="tab-advanced" class="ti-edit-panel">
+            <div aria-label="Information" class="form-row form-tips node-help">
+                <span class="uib-name"><span class="uib-red">UI</span>BUILDER</span> version: <b id="uib_version">--</b>
+            </div>
 
-        <!-- How long do we want resources to be cached for? *** NOT READY *** 
-        <div class="form-row" title="Cache max. age in seconds (blank or zero for no caching)">
-            <label for="node-input-maxAge"><i class="fa fa-clock-o"></i> Cache Age</label>
-            <input type="number" step="1" pattern="\d+" min="0" max="31536000" id="node-input-maxAge" style="width: 10em;"> Seconds
-        </div> -->
-        
-        <div aria-label="Select source folder" class="form-row" title="Select the folder to serve files from">
-            <label for="node-input-sourceFolder"><i class="fa fa-folder"></i> Serve:</label>
-            <input type="text" id="node-input-sourceFolder" style="width:75%;">
-        </div>
-        <div aria-label="Source folder information" class="form-row form-tips node-help">
-            Selects the folder that will be served as the root folder of your web app.<br>
-            The folder <b>must</b> contain an <code>index.html</code> file as a minimum.<br>
-            If it doesn't, you will get an error.<br>
-            Need to re-deploy for the folder to change.
-        </div>
+            <!-- How long do we want resources to be cached for? *** NOT READY *** 
+            <div class="form-row" title="Cache max. age in seconds (blank or zero for no caching)">
+                <label for="node-input-maxAge"><i class="fa fa-clock-o"></i> Cache Age</label>
+                <input type="number" step="1" pattern="\d+" min="0" max="31536000" id="node-input-maxAge" style="width: 10em;"> Seconds
+            </div> -->
+            
+            <div aria-label="Select source folder" class="form-row" title="Select the folder to serve files from">
+                <label for="node-input-sourceFolder"><i class="fa fa-folder"></i> Serve:</label>
+                <input type="text" id="node-input-sourceFolder" style="width:75%;">
+            </div>
+            <div aria-label="Source folder information" class="form-row form-tips node-help">
+                Selects the folder that will be served as the root folder of your web app.<br>
+                The folder <b>must</b> contain an <code>index.html</code> file as a minimum.<br>
+                If it doesn't, you will get an error.<br>
+                Need to re-deploy for the folder to change.
+            </div>
 
-        <div aria-label="Pass the msg._uib to standard message output?" class="form-row" 
-                title="If turned on, msg._uib included in standard msgs">
-            <input type="checkbox" id="node-input-showMsgUib" style="display: inline-block; width: auto; vertical-align: top;">
-            <label for="node-input-showMsgUib" style="width: 90%;">Include <code>msg._uib</code> in standard msg output.</label>
-        </div>
-        <div aria-label="msg._uib information" class="form-row form-tips node-help">
-            This includes the <code>clientId</code>, <code>remoteAddress</code> and <code>pageName</code> properties from the client in the output<br>
-            The <code>clientId</code> is generated in the browser and remains stable while the browser is open.
-            It is reset when the browser restarts. Control msgs always include <code>msg.clientId</code>.
-        </div>
+            <div aria-label="Pass the msg._uib to standard message output?" class="form-row" 
+                    title="If turned on, msg._uib included in standard msgs">
+                <input type="checkbox" id="node-input-showMsgUib" style="display: inline-block; width: auto; vertical-align: top;">
+                <label for="node-input-showMsgUib" style="width: 90%;">Include <code>msg._uib</code> in standard msg output.</label>
+            </div>
+            <div aria-label="msg._uib information" class="form-row form-tips node-help">
+                This includes the <code>clientId</code>, <code>remoteAddress</code> and <code>pageName</code> properties from the client in the output<br>
+                The <code>clientId</code> is generated in the browser and remains stable while the browser is open.
+                It is reset when the browser restarts. Control msgs always include <code>msg.clientId</code>.
+            </div>
 
-        <div aria-label="Description text for this instance" class="form-row">
-            <label for="node-input-title" style="display:block;width:100%;">Short description for this UIBUILDER instance:</label>
-            <input id="node-input-title" type="text" style="width:100%;">
-        </div>
+            <div aria-label="Description text for this instance" class="form-row">
+                <label for="node-input-title" style="display:block;width:100%;">Short description for this UIBUILDER instance:</label>
+                <input id="node-input-title" type="text" style="width:100%;">
+            </div>
 
-        <div aria-label="More description text for this instance" class="form-row">
-            <label for="node-input-title" style="display:block;width:100%;">Long description for this UIBUILDER instance:</label>
-            <textarea id="node-input-descr" style="width:100%;"></textarea>
-        </div>
+            <div aria-label="More description text for this instance" class="form-row">
+                <label for="node-input-title" style="display:block;width:100%;">Long description for this UIBUILDER instance:</label>
+                <textarea id="node-input-descr" style="width:100%;"></textarea>
+            </div>
 
-        <div aria-label="Provide a searchable file index view?" class="form-row" 
-                title="If turned on, an index page showing all available files is created. This can be a security vulnerability and not recommended in Production.">
-            <input type="checkbox" id="node-input-showfolder" style="display: inline-block; width: auto; vertical-align: top;">
-            <label for="node-input-showfolder" style="width: 90%;">Show web view of source files (deploy before you can use it)</label>
-            <span id="show-src-folder-idx-url">_</span>.
-        </div>
+            <div aria-label="Provide a searchable file index view?" class="form-row" 
+                    title="If turned on, an index page showing all available files is created. This can be a security vulnerability and not recommended in Production.">
+                <input type="checkbox" id="node-input-showfolder" style="display: inline-block; width: auto; vertical-align: top;">
+                <label for="node-input-showfolder" style="width: 90%;">Show web view of source files (deploy before you can use it)</label>
+                <span id="show-src-folder-idx-url">_</span>.
+            </div>
 
-        <!-- <div aria-label="For old client library only. Allow scripts/styles to be passed to front-end?" class="form-row"
-                title="Add msg.script&sol;msg.style to the input msg. This can be a security issue as the data is NOT VETTED.">
-            Allow passing to the front-end<br>(old client library only, use msg._ui for new libraries): <br>
-            <input type="checkbox" id="node-input-allowScripts" style="display: inline-block; width: auto; vertical-align: top;">
-            <label for="node-input-allowScripts">Scripts? (JS)</label>
-            <input type="checkbox" id="node-input-allowStyles" style="display: inline-block; width: auto; vertical-align: top;">
-            <label for="node-input-allowStyles">Styles? (CSS)</label>
-        </div> -->
-
-        <div aria-label="Forward flag" class="form-row" title="forward inbound msg's direct to the output">
-            <input type="checkbox" id="node-input-fwdInMessages" style="display: inline-block; width: auto; vertical-align: top;">
-            <label for="node-input-fwdInMessages" style="width: 90%;">
-                Forward input msgs to output?
-            </label>
+            <!-- <div aria-label="For old client library only. Allow scripts/styles to be passed to front-end?" class="form-row"
+                    title="Add msg.script&sol;msg.style to the input msg. This can be a security issue as the data is NOT VETTED.">
+                Allow passing to the front-end<br>(old client library only, use msg._ui for new libraries): <br>
+                <input type="checkbox" id="node-input-allowScripts" style="display: inline-block; width: auto; vertical-align: top;">
+                <label for="node-input-allowScripts">Scripts? (JS)</label>
+                <input type="checkbox" id="node-input-allowStyles" style="display: inline-block; width: auto; vertical-align: top;">
+                <label for="node-input-allowStyles">Styles? (CSS)</label>
+            </div> -->
+
+            <div aria-label="Forward flag" class="form-row" title="forward inbound msg's direct to the output">
+                <input type="checkbox" id="node-input-fwdInMessages" style="display: inline-block; width: auto; vertical-align: top;">
+                <label for="node-input-fwdInMessages" style="width: 90%;">
+                    Forward input msgs to output?
+                </label>
+            </div>
         </div>
     </div>
+    
 </div>
diff --git a/src/elements/readme.md b/src/elements/readme.md
new file mode 100644
index 00000000..d66b860c
--- /dev/null
+++ b/src/elements/readme.md
@@ -0,0 +1,7 @@
+This folder contains the definitions for each individual compound element
+used by the `uib-element` node.
+
+They are built into the `uib-element` node via the GULP `watchme` process.
+
+This means that they are easier to maintain and also allows them to be made
+available as front-end libraries or used in custom web-components.
diff --git a/src/front-end-module/readme.md b/src/front-end-module/readme.md
new file mode 100644
index 00000000..221e4a13
--- /dev/null
+++ b/src/front-end-module/readme.md
@@ -0,0 +1,14 @@
+This folder contains the source code for both the current
+uibuilder front-end library and the low-code `ui.js` library
+that hydrates low-code UI definitions into full HTML.
+
+The GULP `watchme` process watches for changes and automatically
+builds the distribution files which are checked for JavaScript
+versioning (currently restricted to ES2019 or below), and minified.
+Map files are also provided. The distributions have 2 versions
+IIFE and ESM. See `/front-end/`.
+
+The `ui.js` library is also build into a Node.js library
+`/nodes/libs/ui.js` so that it can be utilised in nodes such as
+`uib-html`. It is also made available as standalone browser versions
+in both IIFE and ESM versions. See `/front-end/`.
diff --git a/src/front-end-module/ui.js b/src/front-end-module/ui.js
index 1b3dcd3e..48398466 100644
--- a/src/front-end-module/ui.js
+++ b/src/front-end-module/ui.js
@@ -20,7 +20,6 @@
   limitations under the License.
  */
 /* globals module:true */
-// ts-nocheck 
 
 const Ui = class Ui {
     version = '6.6.0-src'
@@ -294,7 +293,6 @@ const Ui = class Ui {
                 if (toaster.childElementCount < 1) toaster.remove()
             }, ui.autoHideDelay)
         }
-
     } // --- End of showDialog ---
 
     /** Show a browser notification if the browser and the user allows it
@@ -627,7 +625,6 @@ const Ui = class Ui {
                 this._uiExtendEl(newEl, compToAdd.components, compToAdd.ns)
             }
         })
-
     } // --- end of _uiAdd ---
 
     // TODO Add better tests for failures (see comments)
@@ -720,7 +717,6 @@ const Ui = class Ui {
                 this._uiExtendEl(newEl, compToReplace.components, compToReplace.ns)
             }
         })
-
     } // --- end of _uiReplace ---
 
     // TODO Allow single add without using components array
@@ -782,7 +778,6 @@ const Ui = class Ui {
             }
 
         })
-
     } // --- end of _uiUpdate ---
 
     // TODO Add more error handling and parameter validation
@@ -1173,10 +1168,11 @@ const Ui = class Ui {
 
         Ui.log('trace', `Ui:include:${type}`, txtReturn)()
         return txtReturn
-
     } // ---- End of include() ---- //
 }
 
 module.exports = Ui
-// window['ui'] = new Ui()
+
+// if (window) window['$ui'] = new Ui(window)
+
 // export Ui
diff --git a/src/front-end-module/uibrouter.js b/src/front-end-module/uibrouter.js
new file mode 100644
index 00000000..664458a7
--- /dev/null
+++ b/src/front-end-module/uibrouter.js
@@ -0,0 +1,438 @@
+// @ts-nocheck
+/** A simple, vanilla JavaScript front-end router class
+ * Included in node-red-contrib-uibuilder but is not dependent on it.
+ * May be used in other contexts as desired.
+ * 
+ * Copyright (c) 2023-2023 Julian Knight (Totally Information)
+ * https://it.knightnet.org.uk
+ *
+ * Licensed under the Apache License, Version 2.0 (the 'License');
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an 'AS IS' BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/** ---------------------------------------------------------------------
+ * TODO
+ * Methods needed:
+ *   Delete route
+ *   Update/reload route
+ *   shutdown - that removes all elements
+ *   delete templates - unloads a list of (or all) templates
+ *   reload templates - to facilitate updates of a list of (or all) templates
+ * Additional options:
+ *   unload templates after they are added to the route container. Only if hide=true. `unload: true`
+ *   Maybe: options to auto-load js and css files with the same name as a template file.
+ * ---------------------------------------------------------------------  */
+
+/** Type definitions
+ * routeConfig
+ * @typedef {object} routeDefinition Single route configuration
+ * @property {string} id REQUIRED. Route ID
+ * @property {string} src REQUIRED. CSS Selector for template tag routes, url for external routes
+ * @property {"url"|undefined} [type] OPTIONAL. "url" for external routes
+ * UibRouterConfig
+ * @typedef {object} UibRouterConfig Configuration for the UiBRouter class instances
+ * @property {routeDefinition[]} routes REQUIRED. Array of route definitions
+ * @property {string} [defaultRoute] OPTIONAL. If set to a route id, that route will be automatically shown on load
+ * @property {string} [routeContainer] OPTIONAL. CSS Selector for an HTML Element containing routes
+ * @property {boolean} [hide] OPTIONAL. If TRUE, routes will be hidden/shown on change instead of removed/added
+ * @property {boolean} [unload] OPTIONAL. If TRUE, route templates will be unloaded from DOM after access. Only useful with the `hide` option
+ */
+
+class UibRouter { // eslint-disable-line no-unused-vars
+    //#region --- Variables ---
+    /** Class version */
+    static version = '1.0.0'
+
+    /** Configuration settings @type {UibRouterConfig} */
+    config
+    /** Reference to the container DOM element - set in setup() @type {HTMLDivElement} */
+    routeContainerEl
+    /** The current route id after doRoute() has been called */
+    currentRouteId
+    /** The previous route id after doRoute() has been called */
+    previousRouteId
+
+    /** Internal only. Set to true when the _start() method has been called */
+    #startDone = false
+    //#endregion --- ----- ---
+
+    //#region --- Internal Methods ---
+    /** Class constructor
+     * @param {UibRouterConfig} routerConfig Configuration object
+     */
+    constructor(routerConfig) {
+        // Fetch is on desktop browsers since 2017 at latest. Not so much on mobile (Android!)
+        // May need a polyfill on mobile or old browsers.
+        if (!fetch) throw new Error('[uibrouter:constructor] UibRouter requires `fetch`. Please use a current browser or load a fetch polyfill.')
+
+        if (!routerConfig) throw new Error('[uibrouter:constructor] No config provided')
+        if (!routerConfig.routes) throw new Error('[uibrouter:constructor] No routes provided in routerConfig')
+        // Add a default route container uf needed
+        if (!routerConfig.routeContainer)routerConfig.routeContainer = '#uibroutecontainer'
+
+        // Save the config
+        this.config = routerConfig
+        // Create/access the route container element, sets this.routeContainerEl
+        this._setRouteContainer()
+
+        // Load all external route templates async in parallel - NB: Object.values works on both arrays and objects
+        // Note that final `then` is called even if no external routes are given
+        Promise.all(Object.values(routerConfig.routes).filter(r => r.type === 'url').map(this._loadExternal)) // eslint-disable-line promise/catch-or-return
+            .then(this._appendExternalTemplates)
+            .then( () => { // eslint-disable-line promise/always-return
+                // Everything is loaded so we can start
+                this._start()
+            } )
+    }
+
+    /** Save a reference to, and create if necessary, the HTML element to hold routes */
+    _setRouteContainer() {
+        const body = document.getElementsByTagName('body')[0]
+        // Get reference to route container or create it
+        let routeContainerEl = this.routeContainerEl = document.querySelector(this.config.routeContainer)
+        if (!routeContainerEl) {
+            // throw new Error(`Route container element with CSS selector '${routerConfig.routeContainer}' not found in HTML`)
+            const tempContainer = document.createElement('div')
+            tempContainer.setAttribute('id', this.config.routeContainer.replace('#', ''))
+            body.append(tempContainer)
+            routeContainerEl = this.routeContainerEl = document.querySelector(this.config.routeContainer)
+        }
+    }
+
+    /** Load fetched external elements to templates tags under the head tag
+     * @param {HTMLElement[]} loadedElements Array of loaded external elements to add as templates to the head tag
+     */
+    _appendExternalTemplates(loadedElements) {
+        const head = document.getElementsByTagName('head')[0]
+        // Append the loaded content to the main container
+        loadedElements.forEach(element => {
+            if (Array.isArray(element)) {
+                console.error(...element)
+            } else {
+                head.append(element)
+            }
+        })
+    }
+
+    /** Called once all external templates have been loaded */
+    _start() {
+        if (this.#startDone === true) return // Don't run this again
+
+        // Listen for url hash changes and process route change
+        window.addEventListener('hashchange', (event) => this._hashChange(event) )
+        // Go to default route if no route in url and if a default is defined or ensure current route is shown
+        this.doRoute()
+        // Events on fully loaded ...
+        document.dispatchEvent(new CustomEvent('uibrouter:loaded'))
+        if (uibuilder) uibuilder.set('uibrouter', 'loaded') // eslint-disable-line no-undef
+
+        this.#startDone = true // Don't run this again
+    }
+
+    /** Called when the URL Hash changes
+     * @param {HashChangeEvent} event URL Hash change event object
+     */
+    _hashChange(event) {
+        // console.log(`[uibrouter] hashchange: ${this.keepHashFromUrl(event.oldURL)} => ${this.keepHashFromUrl(event.newURL)}` )
+        this.doRoute(event)
+    }
+
+    /** Create DOM route content from a route template (internal or external)
+     * Route templates have to be a `<template>` tag with an ID that matches the route id.
+     * @param {string} routeId ID of the route definition to use to create the content
+     * @returns {boolean} True if the route content was created successfully, false otherwise
+     */
+    _createRouteContent(routeId) {
+        const rContent = document.querySelector(`#${routeId}`)
+        if (!rContent) {
+            console.error(`[uibrouter:createRouteContent] No route template found for route selector '#${routeId}'. Does the link url match a defined route id?`)
+            return false
+        }
+        const docFrag = rContent.content.cloneNode(true)
+        // Have to re-apply the scripts to make them run - only for external templates
+        if (this.isRouteExternal(routeId)) this._applyScripts(docFrag)
+        // Create the route wrapper div with data-route attrib
+        const tempContainer = document.createElement('div')
+        tempContainer.dataset.route = routeId
+        tempContainer.append(docFrag)
+        // And finally try to append to the container
+        try {
+            this.routeContainerEl.append(tempContainer)
+        } catch (e) {
+            console.error(`[uibrouter:createRouteContent] Failed to apply route id '${routeId}'. \n ${e.message}`)
+            return false
+        }
+        return true
+    }
+
+    /** Loads an external HTML file into a `<template>` tag, adding the router id as the template id.
+     *  or returns an error array
+     * @param {routeDefinition} routeDefinition Configuration for a single route
+     * @returns {Promise<HTMLTemplateElement[]|[string,string,number,string]>} A promise that fulfills to an HTMLTemplateElement or an array containing error information
+     */
+    _loadExternal(routeDefinition) {
+        // const id = singleConfig.src.split('/').pop().replace('.html','')
+        const id = routeDefinition.id
+        // @ts-ignore
+        return fetch(routeDefinition.src)
+            .then(response => {
+                // Fetch failed?
+                if (response.ok === false) return [routeDefinition.id, routeDefinition.src, response.status, response.statusText]
+                return response.text()
+            })
+            .then((/** @type {string} */ htmlText) => {
+                if (Array.isArray(htmlText)) return htmlText // if the fetch failed
+
+                // Check to see if template already exists, if so, remove it
+                try {
+                    const chkTemplate = document.querySelector(`#${id}`)
+                    if (chkTemplate) chkTemplate.remove()
+                } catch (e) {}
+
+                const tempContainer = document.createElement('template')
+                tempContainer.innerHTML = htmlText
+                tempContainer.setAttribute('id', id)
+                return tempContainer
+            })
+            .catch(error => {
+                console.error(`[uibrouter:loadHTML] Error loading route template HTML from ${routeDefinition.src}:`, error)
+            })
+    }
+
+    /** Remove/re-apply scripts in a container Element so that they are executed.
+     * @param {HTMLElement} tempContainer HTML Element of container to process
+     */
+    _applyScripts(tempContainer) {
+        const scripts = tempContainer.querySelectorAll('script')
+        scripts.forEach( scr => {
+            if (scr.parentElement) scr.parentElement.removeChild(scr)
+            const newScript = document.createElement('script')
+            newScript.textContent = scr.innerText
+            tempContainer.append(newScript)
+        })
+    }
+    //#endregion --- ----- --
+
+    /** Process a routing request
+     * @param {PointerEvent|MouseEvent|HashChangeEvent|TouchEvent|string} routeSource Either string containing route id or DOM Event object either click/touch on element containing `href="#routeid"` or Hash URL change event
+     */
+    doRoute(routeSource) {
+        const container = this.routeContainerEl
+        if (!container) throw new Error('[uibrouter:doRoute] Cannot route, has router.setup() been called yet?')
+
+        // Remove all the url and query param text and any leading # - returns '' if no current hash
+        const currentHash = this.keepHashFromUrl(window.location.hash)
+
+        // If no route source provided, take the current hash (which might be '' and that will trigger the default route if defined)
+        if (!routeSource) routeSource = currentHash
+
+        let newRouteId, oldRouteId
+
+        // Define new and old routes depending on different call types
+        if (typeof routeSource === 'string') { // Manually provided route id
+            // console.log(`[uibrouter:doRoute] manual: ${currentHash} => ${this.keepHashFromUrl(routeSource)}. Current: ${currentHash}` )
+            newRouteId = this.keepHashFromUrl(routeSource)
+            oldRouteId = currentHash
+            // If no hash & config has default, set the default as new
+            if (newRouteId === '' && this.config.defaultRoute) newRouteId = this.config.defaultRoute
+            // If the new route id not the same as the current one in the url hash, just change the current hash & exit
+            if (newRouteId !== currentHash ) {
+                window.location.hash = `#${newRouteId}`
+                return
+            }
+        } else if (routeSource.type === 'hashchange') { // A URL Hash change event
+            // console.log(`[uibrouter:doRoute] hashchange: ${this.keepHashFromUrl(routeSource.oldURL)} => ${this.keepHashFromUrl(routeSource.newURL)}. Current: ${currentHash}` )
+            const newUrl = routeSource.newURL
+            // Check if URL actually contains a #
+            if (newUrl.includes('#')) {
+                oldRouteId = this.keepHashFromUrl(routeSource.oldURL)
+                newRouteId = this.keepHashFromUrl(newUrl) // Only keep anything after the # & ignoring query params
+            } else return
+        } else { // A mouse click/touch event on a dom element with an href attribute
+            oldRouteId = currentHash
+            // Try to get the route name from the URL hash
+            try {
+                newRouteId = this.keepHashFromUrl(routeSource.target.attributes.href.value) // Only keep anything after the # & ignoring query params
+            } catch (e) {
+                throw new Error('[uibrouter:doRoute] No valid route found. Event.target does not have an href attribute')
+            }
+        }
+
+        let routeShown = false
+
+        // If no defined valid route, undo and throw error
+        if (!newRouteId || !this.routeList().includes(newRouteId)) {
+            // Events on route change fail ...
+            document.dispatchEvent(new CustomEvent('uibrouter:route-change-failed', { detail: { newRouteId, oldRouteId } }))
+            if (uibuilder) uibuilder.set('uibrouter', 'route change failed') // eslint-disable-line no-undef
+
+            window.location.hash = oldRouteId ? `#${oldRouteId}` : ''
+            throw new Error(`[uibrouter:doRoute] No valid route found. Either pass a valid route name or an event from an element having an href of '#routename'. Route id requested: '${newRouteId}'`)
+        }
+
+        // Show the new container (replace or show)
+        if (this.config.hide) {
+            // config.hide = true so hide previous contents
+            if (oldRouteId) {
+                /** @type {HTMLElement|null} */
+                const oldContent = document.querySelector(`div[data-route="${oldRouteId}"]`)
+                if (oldContent) oldContent.style.display = 'none'
+            }
+            /** and unhide new route if possible @type {HTMLElement|null} */
+            const content = document.querySelector(`div[data-route="${newRouteId}"]`)
+            if (content) {
+                content.style.removeProperty('display')
+                routeShown = true
+            } else {
+                // else create new content from template
+                routeShown = this._createRouteContent(newRouteId)
+            }
+        } else {
+            // config.hide != true so remove previous contents
+            container.replaceChildren()
+            // Create new content from template
+            routeShown = this._createRouteContent(newRouteId)
+        }
+
+        // console.log({ newRouteId, oldRouteId, currentHash, routeShown })
+
+        // Roll back the route change if the new route cannot be shown
+        if (routeShown === false) {
+            // Events on route change fail ...
+            document.dispatchEvent(new CustomEvent('uibrouter:route-change-failed', { detail: { newRouteId, oldRouteId } }))
+            if (uibuilder) uibuilder.set('uibrouter', 'route change failed') // eslint-disable-line no-undef
+
+            window.location.hash = oldRouteId ? `#${oldRouteId}` : ''
+            return
+        }
+
+        // Retain current and previous route id's
+        this.currentRouteId = newRouteId
+        this.previousRouteId = oldRouteId
+
+        // Record the current route on the route container
+        container.dataset.currentRoute = newRouteId
+
+        // Events on route changed ...
+        document.dispatchEvent(new CustomEvent('uibrouter:route-changed', { detail: { newRouteId, oldRouteId } }))
+        if (uibuilder) uibuilder.set('uibrouter', 'route changed') // eslint-disable-line no-undef
+    }
+
+    /** Return a route config given a route id (returns undefined if route not found)
+     * @param {string} routeId Route ID to search for
+     * @returns {routeDefinition|undefined} Route config for found id else undefined
+     */
+    getRouteConfigById(routeId) {
+        return Object.values(this.config.routes).filter(r => r.id === routeId)[0]
+    }
+
+    /** Return true if the given route is external, false otherwise
+     * Used to correctly (re)apply script tags when cloning the template to the DOM (createRouteContent)
+     * @param {string} routeId Route ID to check
+     * @returns {boolean} True if the given route is external, false otherwise
+     */
+    isRouteExternal(routeId) {
+        const routeConfig = this.getRouteConfigById(routeId)
+        return !!(routeConfig && routeConfig.type === 'url')
+    }
+
+    /** Go to the default route if it has been specified */
+    defaultRoute() {
+        if (this.config.defaultRoute) this.doRoute(this.config.defaultRoute)
+    }
+
+    removeHash() {
+        history.pushState('', document.title, window.location.pathname + window.location.search)
+    }
+
+    /** Empty the current container and remove url hash - does not trigger a route change */
+    noRoute() {
+        this.removeHash()
+        this.routeContainerEl.replaceChildren()
+    }
+
+    /** Only keep anything after the # & ignoring query params
+     * @param {string} url URL to extract the hash from
+     * @returns {string} Just the route id
+     */
+    keepHashFromUrl(url) {
+        if (!url) return ''
+        return url.replace(/^.*#(.*)/, '$1').replace(/\?.*$/, '')
+    }
+
+    /** Return an array of route ids (to facilitate creation of menus)
+     * @param {boolean} returnHash If true, returns id's with leading `#` to apply to href attributes else returns the id
+     * @returns {string[]} Array of route id's or route url hashes
+     */
+    routeList(returnHash) {
+        return Object.values(this.config.routes).map((r) => returnHash === true ? `#${r.id}` : r.id)
+    }
+
+    /** Add new route definitions to the existing ones
+     * @param {routeDefinition|routeDefinition[]} routeConfig Single or array of route definitions to add
+     */
+    addRoutes(routeConfig) {
+        if (!Array.isArray(routeConfig)) routeConfig = [routeConfig]
+        // Load all external route templates async in parallel - NB: Object.values works on both arrays and objects
+        // Note that final `then` is called even if no external routes are given
+        Promise.all(Object.values(routeConfig).filter(r => r.type === 'url').map(this._loadExternal)) // eslint-disable-line promise/catch-or-return
+            .then(this._appendExternalTemplates)
+            .then( () => { // eslint-disable-line promise/always-return
+                // Everything is loaded - Add new routes to config
+                this.config.routes.push(...routeConfig)
+                // Let everyone know it all finished
+                document.dispatchEvent(new CustomEvent('uibrouter:routes-added', { detail: routeConfig }))
+                if (uibuilder) uibuilder.set('uibrouter', 'routes added') // eslint-disable-line no-undef, promise/always-return
+            } )
+    }
+
+    // TODO
+    // deleteRoutes(aRoutes) {
+    //     // Delete all if no list provided
+    //     if (!aRoutes) aRoutes = this.config.routes
+    //     if (!Array.isArray(aRoutes)) aRoutes = [aRoutes]
+    //     console.log('to be deleted', this.config.routes.filter(r => aRoutes.includes(r.id)))
+    //     console.log('to be retained', this.config.routes.filter(r => !aRoutes.includes(r.id)))
+
+    //     // TODO actually remove the unwanted route templates
+    //     // TODO remove from the config: this.config.routes = this.config.routes.filter(r => !aRoutes.includes(r.id))
+
+    //     // ? Optional future upgrade - attempt to also remove any links to this route?
+    // }
+
+    // TODO
+    // deleteTemplates(templateIds) {
+    //     if (!Array.isArray(templateIds)) templateIds = [templateIds]
+    //     templateIds.forEach( templateid => {
+    //         // TODO delete
+    //     } )
+    // }
+
+    // TODO
+    // reloadTemplates(templateIds) {
+    //     if (!Array.isArray(templateIds)) templateIds = [templateIds]
+    //     templateIds.forEach( templateid => {
+    //         // TODO reload
+    //     } )
+    // }
+} // ---- End of class ----
+
+// For use in ESM loads
+export { UibRouter }
+export default UibRouter
+
+// Auto-assign for when the library is loaded via a script tag
+if (!window['UibRouter']) {
+    window['UibRouter'] = UibRouter
+} else {
+    console.warn('`UibRouter` already assigned to window. Have you tried to load it more than once?')
+}
diff --git a/src/front-end-module/uibuilder.module.js b/src/front-end-module/uibuilder.module.js
index 4732f062..405287bd 100644
--- a/src/front-end-module/uibuilder.module.js
+++ b/src/front-end-module/uibuilder.module.js
@@ -30,7 +30,7 @@
 //#region --- We need the Socket.IO & ui libraries & the uib-var component  --- //
 // @ts-ignore - Note: Only works when using esbuild to bundle
 import Ui from './ui'
-import UibVar from '../components/uib-var/uib-var'
+import UibVar from '../components/uib-var'
 import io from 'socket.io-client'
 
 // TODO - Maybe - check if already loaded as window['io']?
@@ -366,6 +366,8 @@ export const Uib = class Uib {
     #isShowStatus = false
     // Has an IntersectionObserver been created? If so, this will hold the reference to it
     #intersectionObserver = undefined
+    // If true, URL hash changes send msg back to node-red. Controlled by watchUrlHash()
+    #sendUrlHash = false
     // Externally accessible command functions (NB: Case must match) - remember to update _uibCommand for new commands
     #extCommands = [
         'get', 'set', 'htmlSend', 'showMsg', 'showStatus', 'uiGet', 'uiWatch', 'include', 'elementExists',
@@ -453,6 +455,8 @@ export const Uib = class Uib {
     purify = false
     // Is the Markdown-IT library loaded? Updated in start()
     markdown = false
+    // Current URL hash. Initial set is done from start->watchHashChanges via a set to make it watched
+    urlHash = location.hash
     //#endregion ---- ---- ---- ---- //
 
     // TODO Move to proper getters/setters
@@ -983,6 +987,50 @@ export const Uib = class Uib {
         return exists
     } // --- End of elementExists --- //
 
+    /** Only keep the URL Hash & ignoring query params
+     * @param {string} url URL to extract the hash from
+     * @returns {string} Just the route id
+     */
+    keepHashFromUrl(url) {
+        if (!url) return ''
+        return '#' + url.replace(/^.*#(.*)/, '$1').replace(/\?.*$/, '')
+    }
+
+    /** Set up an event listener to watch for hash changes
+     * and set the watchable urlHash variable
+     */
+    _watchHashChanges() {
+        this.set('urlHash', location.hash)
+        window.addEventListener('hashchange', (event) => {
+            this.set('urlHash', location.hash)
+            if (this.#sendUrlHash === true) {
+                this.send({ topic: 'hashChange', payload: location.hash, newHash: this.keepHashFromUrl(event.newURL), oldHash: this.keepHashFromUrl(event.oldURL) })
+            }
+        })
+    }
+
+    /** Returns true/false or a default value for truthy/falsy and other values
+     * @param {string|number|boolean|*} val The value to test
+     * @param {any} deflt Default value to use if the value is not truthy/falsy
+     * @returns {boolean|any} The truth! Or the default
+     */
+    truthy(val, deflt) {
+        let ret
+        if (['on', 'On', 'ON', 'true', 'True', 'TRUE', '1', true, 1].includes(val)) ret = true
+        else if (['off', 'Off', 'OFF', 'false', 'False', 'FALSE', '0', false, 0].includes(val)) ret = false
+        else ret = deflt
+        return ret
+    }
+
+    /** Turn on/off/toggle sending URL hash changes back to Node-RED
+     * @param {string|number|boolean|undefined} [toggle] Optional on/off/etc
+     * @returns {boolean} True if we will send a msg to Node-RED on a hash change
+     */
+    watchUrlHash(toggle) {
+        this.#sendUrlHash = this.truthy(toggle, this.#sendUrlHash !== true)
+        return this.#sendUrlHash
+    }
+
     //#endregion -------- -------- -------- //
 
     //#region ------- UI handlers --------- //
@@ -1720,7 +1768,10 @@ export const Uib = class Uib {
             })
         }
 
-        if (domevent.type === 'change') msg._ui.newValue = msg.payload.value = domevent.target.value
+        if (domevent.type === 'change') {
+            // Checkboxes don't have a value!!
+            msg._ui.newValue = msg.payload.value = 'checked' in target ? target.checked : domevent.target.value
+        }
 
         log('trace', 'Uib:eventSend', 'Sending msg to Node-RED', msg)()
         if (target.dataset && target.dataset.length === 0) log('warn', 'Uib:eventSend', 'No payload in msg. data-* attributes should be used.')()
@@ -1730,8 +1781,10 @@ export const Uib = class Uib {
 
     /** Easily send the entire DOM/HTML msg back to Node-RED
      * @param {string} [originator] A Node-RED node ID to return the message to
+     * @param {boolean} [send] If true (default) directly send response to Node-RED. Is false when calling from Node-RED as a command.
+     * @returns {string} The HTML as a string
      */
-    htmlSend(originator = '') {
+    htmlSend(originator = '', send = true) {
         const out = `<!doctype html>\n${document.documentElement.outerHTML}`
 
         // Set up the msg to send - NB: Topic may be added by this._send
@@ -1743,7 +1796,8 @@ export const Uib = class Uib {
 
         log('trace', 'Uib:htmlSend', 'Sending full HTML to Node-RED', msg)()
 
-        this._send(msg, this._ioChannels.client, originator)
+        if (send === true) this._send(msg, this._ioChannels.client, originator)
+        return out
     }
 
     /** Process msg._uib.command - Remember to update #extCommands with new allowed commands
@@ -1786,7 +1840,7 @@ export const Uib = class Uib {
             }
 
             case 'htmlSend': {
-                response = this.htmlSend()
+                response = this.htmlSend('', false)
                 break
             }
 
@@ -1827,6 +1881,11 @@ export const Uib = class Uib {
                 break
             }
 
+            case 'watchUrlHash': {
+                response = this.watchUrlHash(prop)
+                break
+            }
+
             default: {
                 log('warning', 'Uib:_uibCommand', `Command '${cmd}' not yet implemented`)()
                 break
@@ -1888,7 +1947,6 @@ export const Uib = class Uib {
 
     // Handle received messages - Process some msgs internally, emit specific events on document that make it easy for coders to use
     _msgRcvdEvents(msg) {
-
         // Message received
         this._dispatchCustomEvent('uibuilder:stdMsgReceived', msg)
 
@@ -1932,7 +1990,6 @@ export const Uib = class Uib {
             this._dispatchCustomEvent('uibuilder:msg:_ui', msg)
             _ui._uiManager(msg)
         }
-
     } // --- end of _msgRcvdEvents ---
 
     /** Callback handler for messages from Node-RED
@@ -2477,6 +2534,9 @@ export const Uib = class Uib {
             log('error', 'Uib:start', 'Start completed. ERROR: Socket.IO client library NOT LOADED.')()
         }
 
+        // Watch for URL hash changes in case using a front-end router. Updates watched var `urlHash` and socket.io `auth.urlHash`
+        this._watchHashChanges()
+
         // Check if Vue is present (used for dynamic UI processing)
         if (window['Vue']) {
             this.set('isVue', true)
diff --git a/src/front-end/readme.md b/src/front-end/readme.md
new file mode 100644
index 00000000..dd06501a
--- /dev/null
+++ b/src/front-end/readme.md
@@ -0,0 +1,6 @@
+This is the source code for the old `uibuilderfe` front end
+library.
+
+It is "functionally stabilised" and no longer receiving updates.
+It will eventually be deprecated and then removed in a future
+major release.
diff --git a/src/front-end/uibuilderfe.dev.js b/src/front-end/uibuilderfe.dev.js
index 63026788..71f83225 100644
--- a/src/front-end/uibuilderfe.dev.js
+++ b/src/front-end/uibuilderfe.dev.js
@@ -124,7 +124,7 @@ if (typeof require !== 'undefined'  &&  typeof io === 'undefined') { // eslint-d
 
         //#region ++++++++++ Start of setup ++++++++++ //
 
-        self.version = '6.5.0-old'
+        self.version = '6.7.0-old'
         self.moduleName  = 'uibuilder' // Must match moduleName in uibuilder.js on the server
         // @ts-expect-error ts(2345) Tests loaded ver of lib to see if minified
         self.isUnminified = (/param/).test(function(param) {}) // eslint-disable-line no-unused-vars
diff --git a/typedefs.js b/typedefs.js
index e215ecde..83d71598 100644
--- a/typedefs.js
+++ b/typedefs.js
@@ -458,6 +458,7 @@
  * @typedef {{
  *   name: string;
  *   topic: string;
+ *   useTemplate: boolean;
  *   _ui: any;
  * }} uibHtmlNode
  */
@@ -469,6 +470,7 @@
  * fname: string;
  * createFolder: boolean;
  * reload: boolean;
+ * usePageName: boolean;
  * encoding: string;
  * mode: number;
  * uibId: string;