diff --git a/README.md b/README.md
index b56a394..f58b606 100644
--- a/README.md
+++ b/README.md
@@ -15,21 +15,26 @@ All client-side code is in the `index.js` file for easy inclusion in a web page.
 
 Run `npm run demo` to test the flow renderer in a browser.
 
+Run `npm run build` to build a minimised version of the flow renderer. This will output the file `index.min.js`.
+
+IMPORTANT: The minified version of the flow renderer should be built before committing changes to the repository.
+
 ## Usage
 
 Add the following script tag to your HTML file:
 
 ```html
-<script type="module" src="public/flow-renderer/index.js"></script>
+<script type="module" src="public/flow-renderer/index.min.js"></script>
 ```
 _or wherever the script is located in your project_
 
 Next, add a container element to your HTML file and call the `flowRenderer` function with the flow data and options.
 NOTE: flow-renderer is an ES Module and requires a modern browser to run. Script tags must have the `type="module"` attribute.
 
-By default, the flow renderer will render the flow with `gridlines`, `images`, `labels` and `zoom` options enabled.
+By default, the flow renderer will render the flow with `gridLines`, `images`, `labels`, `zoom`, `autoZoom`, and `autoScroll` enabled.
+`linkLines` are disabled by default.
 
-To operate the zoom, use the mouse wheel + <kbd>Ctrl</kbd> key.
+To operate the zoom, use the mouse wheel + <kbd>Ctrl</kbd> or <kbd>⌘</kbd> key.
 To scroll the container vertically, use the mouse wheel without the <kbd>Shift</kbd> key.
 To scroll the container horizontally, use the mouse wheel + <kbd>Shift</kbd> key.
 
@@ -42,7 +47,7 @@ To scroll the container horizontally, use the mouse wheel + <kbd>Shift</kbd> key
 ```
 
 ```html
-<script>
+<script type="module">
   const renderer = new FlowRenderer()
   const container1 = document.getElementById('nr-flow-1');
   const flow = [{"id": "1001", "type": "inject", "x": 100, "y": 40, "wires": [["1002"]]}, {"id": "1002", "type": "debug", "x":300, "y": 40}]
@@ -52,10 +57,21 @@ To scroll the container horizontally, use the mouse wheel + <kbd>Shift</kbd> key
 
 ### Inline Options example
 
-Options can be set by data attributes `scope`, `grid-lines`, `zoom`, `images`, `link-lines`, `labels`
+Options can be set by data attributes `scope`, `grid-lines`, `zoom`, `images`, `link-lines`, `labels`, `auto-zoom`, `auto-scroll`.
+
+NOTE: To SET and option, the data attribute can simply be present on the container element. To UNSET an option, the data attribute must be set to `false`.
 
 ```html
-<div id="nr-flow-2" style="height: 300px" data-scope="my-scope" data-grid-lines="true" data-zoom="true" data-images="true" data-link-lines="false" data-labels="true" data-auto-zoom="true"  data-auto-scroll="true"></div>
+<div id="nr-flow-2" style="height: 300px" 
+    data-scope="custom-css-scope"
+    data-grid-lines
+    data-zoom
+    data-images
+    data-link-lines="false"
+    data-labels
+    data-auto-zoom
+    data-auto-scroll
+></div>
 ```
 
 ```html
@@ -80,12 +96,14 @@ const container3 = document.getElementById('nr-flow-3');
 const flow = [{"id": "1001", "type": "inject", "x": 100, "y": 40, "wires": [["1002"]]}, {"id": "1002", "type": "debug", "x":300, "y": 40}]
 renderer.renderFlows(flow, {
     container: container3,
-    scope: 'my-scope', // scope for CSS
-    gridlines: true, // show gridlines
+    scope: 'custom-css-scope', // scope for CSS
+    gridLines: true, // show gridLines
     images: true, // show images
     linkLines: false, // show link lines
     labels: true, // show labels
     zoom: true, // enable zoom within the container
+    autoZoom: true, // auto zoom to fit the flow within the container upon rendering (best fit, limited to 20% min, 100% max zoom)
+    autoScroll: true, // auto scroll the leftmost node to the left of the container and the topmost node to the top of the container upon rendering
     flowId: undefined // Id of flow to display
 })
 ```
diff --git a/demo-esm.html b/demo-esm.html
index a263b1f..0bc9c26 100644
--- a/demo-esm.html
+++ b/demo-esm.html
@@ -21,7 +21,6 @@
             margin-bottom: 4px;
         }
     </style>
-    <!-- <script type="module" src="../index.js"></script> -->
 
 </head>
 
@@ -48,12 +47,12 @@ <h4>Render (no grid, no images, labels)</h4>
     <div id="nr-flow-2" class="different-class" style="width: auto; height: 320px;"></div>
 
     <!-- Demo 3 -->
-    <h4>Render (no grid, images, no labels) using data-options</h4>
-    <div id="nr-flow-3" data-grid-lines="false" data-labels="false" data-images></div>
+    <h4>Render (no grid, images, no labels, no auto layout) using data-options</h4>
+    <div id="nr-flow-3" data-grid-lines="false" data-labels="false" data-images data-auto-zoom="false" data-auto-scroll="false"></div>
 
     <script type="module">
-        console.log('importing FlowRenderer from index.js')
-        import FlowRenderer from './index.js'
+        console.log('importing FlowRenderer from index.min.js')
+        import FlowRenderer from './index.min.js'
         const renderer = new FlowRenderer()
         const container1 = document.getElementById('nr-flow-1')
         const container2 = document.getElementById('nr-flow-2')
@@ -81,7 +80,7 @@ <h4>Render (no grid, images, no labels) using data-options</h4>
         // render the flow in all containers
         function renderAll(flow) {
             renderer.renderFlows(flow, { container: container1 })
-            renderer.renderFlows(flow, { container: container2, gridlines: false, images: false })
+            renderer.renderFlows(flow, { container: container2, gridLines: false, images: false })
             renderer.renderFlows(flow, { container: container3, scope: 'nr-flow-3' })
         }
     </script>
diff --git a/demo-vanilla.html b/demo-vanilla.html
index 5c1330f..669fee6 100644
--- a/demo-vanilla.html
+++ b/demo-vanilla.html
@@ -21,7 +21,8 @@
             margin-bottom: 4px;
         }
     </style>
-    <script type="module" src="../index.js"></script>
+    <script type="module" src="./index.js"></script>
+    <!-- <script type="module" src="./index.min.js"></script> -->
 
 </head>
 
@@ -48,8 +49,8 @@ <h4>Render (no grid, no images, labels)</h4>
     <div id="nr-flow-2" class="different-class" style="width: auto; height: 320px;"></div>
 
     <!-- Demo 3 -->
-    <h4>Render (no grid, images, no labels) using data-options</h4>
-    <div id="nr-flow-3" data-grid-lines="false" data-labels="false" data-images></div>
+    <h4>Render (no grid, images, no labels, no auto layout) using data-options</h4>
+    <div id="nr-flow-3" data-grid-lines="false" data-labels="false" data-images data-auto-zoom="false" data-auto-scroll="false"></div>
 
     <script type="module">
         const renderer = new FlowRenderer()
@@ -79,7 +80,7 @@ <h4>Render (no grid, images, no labels) using data-options</h4>
         // render the flow in all containers
         function renderAll(flow) {
             renderer.renderFlows(flow, { container: container1 })
-            renderer.renderFlows(flow, { container: container2, gridlines: false, images: false })
+            renderer.renderFlows(flow, { container: container2, gridLines: false, images: false })
             renderer.renderFlows(flow, { container: container3, scope: 'nr-flow-3' })
         }
     </script>
diff --git a/demo-vue.html b/demo-vue.html
index dd70d67..f4c8830 100644
--- a/demo-vue.html
+++ b/demo-vue.html
@@ -21,7 +21,7 @@
             margin-bottom: 4px;
         }
     </style>
-    <script src="../index.js"></script>
+    
 
 </head>
 
@@ -49,8 +49,8 @@ <h4>Render (no grid, no images, labels)</h4>
         <div ref="f2" class="different-class" style="width: auto; height: 320px;"></div>
 
         <!-- Demo 3 -->
-        <h4>Render (no grid, images, no labels) using data-options</h4>
-        <div ref="f3" id="nr-flow-3" data-grid-lines="false" data-labels="false" data-images></div>
+        <h4>Render (no grid, images, no labels, no auto layout) using data-options</h4>
+        <div ref="f3" id="nr-flow-3" data-grid-lines="false" data-labels="false" data-images  data-auto-zoom="false" data-auto-scroll="false"></div>
 
     </div>
 
@@ -59,7 +59,7 @@ <h4>Render (no grid, images, no labels) using data-options</h4>
     <script type="module">
         import { createApp } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js'
         // import './index.js'
-        import FlowRenderer from './index.js'
+        import FlowRenderer from './index.min.js'
         createApp({
             mounted() {
                 this.demoFlow = [{ "id": "6f432348c57a2fda", "type": "tab", "label": "Acme Office Monitoring", "disabled": false, "info": "", "env": [] }, { "id": "d15519de378451ae", "type": "tab", "label": "Sys Info Gathering", "disabled": false, "info": "", "env": [] }, { "id": "mqtt-topic-filter", "type": "subflow", "name": "topic filter", "info": "## MQTT Topic filter\n\n### Description\nFilters messages based on the value of `msg.topic` using standard MQTT topic filter notation.\n* `#` match all\n* `+` match one level\n\n### example filters\n* `home/+/temperature` \n  * will match `home/bedroom/temperature`\n  * will match `home/livingroom/temperature`\n  * will not match `home/room/1/temperature`\n  * will not match `room/1/temperature`\n* `home/#` \n  * will match `home/location`\n  * will match `home/livingroom/temperature`\n  * will match `home/livingroom/humidity`\n  * will not match `room/1/temperature`\n\n\n### Outputs\n\n#### Output 1 - match\nMessages with a topic that matches the `topic filter` will be sent out this output.\n\n#### Output 2 - no match\nMessages with a topic that does not match the `topic filter` will be sent out this output to permit next level filtering\n", "category": "function", "in": [{ "x": 68, "y": 80, "wires": [{ "id": "c7fc11c3.07902" }] }], "out": [{ "x": 340, "y": 48, "wires": [{ "id": "c7fc11c3.07902", "port": 0 }] }, { "x": 340, "y": 96, "wires": [{ "id": "c7fc11c3.07902", "port": 1 }] }], "env": [{ "name": "filter", "type": "str", "value": "", "ui": { "label": { "en-US": "Topic filter" }, "type": "input", "opts": { "types": ["str"] } } }, { "name": "status", "type": "bool", "value": "true", "ui": { "label": { "en-US": "Show topic" }, "type": "input", "opts": { "types": ["bool"] } } }], "meta": { "type": "mqtt-topic-filter", "version": "1.0.0", "author": "steve-mcl", "desc": "A node to filter MQTT topics", "keywords": "mqtt", "license": "MIT" }, "color": "#D8BFD8", "outputLabels": ["Match", "No Match"], "icon": "font-awesome/fa-filter", "status": { "x": 548, "y": 160, "wires": [{ "id": "519579c5.dfaec8", "port": 0 }, { "id": "4ce4687e.e359a8", "port": 0 }] } }, { "id": "3f7d1b85b6df80e7", "type": "group", "z": "6f432348c57a2fda", "name": "Sub-1", "style": { "stroke": "#3f93cf", "fill": "#bfdbef", "label": true }, "nodes": ["4d7649516480dcd6", "b2ac43ee25b5d22e", "9550399dd7be7346"], "x": 364, "y": 159, "w": 462, "h": 82 }, { "id": "bc14e4582a115cd6", "type": "junction", "z": "6f432348c57a2fda", "x": 360, "y": 120, "wires": [["8abe21f57db87496"]] }, { "id": "8abe21f57db87496", "type": "junction", "z": "6f432348c57a2fda", "x": 500, "y": 120, "wires": [["a570708c83589e95"]] }, { "id": "d7260e109d996e74", "type": "mqtt-broker", "name": "", "broker": "localhost", "port": "1883", "clientid": "", "autoConnect": true, "usetls": false, "protocolVersion": "5", "keepalive": "60", "cleansession": true, "autoUnsubscribe": true, "birthTopic": "", "birthQos": "0", "birthRetain": "false", "birthPayload": "", "birthMsg": {}, "closeTopic": "", "closeQos": "0", "closeRetain": "false", "closePayload": "", "closeMsg": {}, "willTopic": "", "willQos": "0", "willRetain": "false", "willPayload": "", "willMsg": {}, "userProps": "", "sessionExpiry": "" }, { "id": "c7fc11c3.07902", "type": "function", "z": "mqtt-topic-filter", "name": "filter", "func": "var a = msg.topic;\nvar b = env.get(\"filter\") || '#';\n\nif(a===b) { return [msg, null]; }\nif(b==='#') { \n    if(a) return [msg, null]; //if topic is something, OK\n    return [null, msg];//otherwise, fail!\n}\nvar nameSegments = a.split('/');\nvar filterSegments = b.split('/');\nfor (var i = 0; i < filterSegments.length; i++) {\n    var topicSegment = nameSegments[i];\n    var patternSegment = filterSegments[i];\n    var match = false;\n    if(topicSegment === patternSegment) { match = true; }\n    if(patternSegment === '+') { match = true; }\n    if(patternSegment === '#') {  return [msg, null]; }\n    if(match === false) { return [null, msg]; }\n}\nif(nameSegments.length !== filterSegments.length) { return [null, msg]; }\n\nreturn [msg, null];\n", "outputs": 2, "noerr": 0, "initialize": "", "finalize": "", "x": 192, "y": 80, "wires": [[], []] }, { "id": "c52c30b1.8341", "type": "inject", "z": "mqtt-topic-filter", "name": "", "props": [{ "p": "payload" }, { "p": "topic", "vt": "str" }], "repeat": "", "crontab": "", "once": true, "onceDelay": 0.1, "topic": "", "payload": "", "payloadType": "date", "x": 148, "y": 160, "wires": [["45ee843e.ec4bbc"]] }, { "id": "519579c5.dfaec8", "type": "function", "z": "mqtt-topic-filter", "name": "", "func": "var b = env.get(\"filter\") || '#';\nnode.status({text:b})\nmsg.payload = b;\nreturn msg;", "outputs": 1, "noerr": 0, "initialize": "", "finalize": "", "x": 428, "y": 144, "wires": [[]] }, { "id": "45ee843e.ec4bbc", "type": "switch", "z": "mqtt-topic-filter", "name": "", "property": "status", "propertyType": "env", "rules": [{ "t": "true" }, { "t": "else" }], "checkall": "true", "repair": false, "outputs": 2, "x": 290, "y": 160, "wires": [["519579c5.dfaec8"], ["4ce4687e.e359a8"]] }, { "id": "4ce4687e.e359a8", "type": "function", "z": "mqtt-topic-filter", "name": "", "func": "node.status({})\ndelete msg.payload;\nreturn msg;", "outputs": 1, "noerr": 0, "initialize": "", "finalize": "", "x": 428, "y": 192, "wires": [[]] }, { "id": "e6fdc46c489b1907", "type": "subflow:mqtt-topic-filter", "z": "6f432348c57a2fda", "name": "topic filter: acme/office/+/temperature", "env": [{ "name": "filter", "value": "acme/office/+/temperature", "type": "str" }], "x": 910, "y": 40, "wires": [["bc9be11156983084"], ["90ea33ea087b52a9"]] }, { "id": "a89d83ca0c1d8eae", "type": "subflow:mqtt-topic-filter", "z": "6f432348c57a2fda", "name": "topic filter: acme/office/+/humidity", "env": [{ "name": "filter", "value": "acme/office/+/humidity", "type": "str" }], "x": 900, "y": 120, "wires": [["b097e060d4d522ef"], ["0ddf2631ec5926b9"]] }, { "id": "90ea33ea087b52a9", "type": "debug", "z": "6f432348c57a2fda", "name": "no match", "active": true, "tosidebar": true, "console": false, "tostatus": false, "complete": "payload", "targetType": "msg", "statusVal": "", "statusType": "auto", "x": 1180, "y": 60, "wires": [] }, { "id": "5ea09cf892bf6edc", "type": "inject", "z": "6f432348c57a2fda", "name": "office/main/temperature", "props": [{ "p": "payload" }, { "p": "topic", "vt": "str" }], "repeat": "", "crontab": "", "once": false, "onceDelay": 0.1, "topic": "office/main/temperature", "payload": "", "payloadType": "date", "x": 160, "y": 80, "wires": [["bc14e4582a115cd6"]] }, { "id": "4d7649516480dcd6", "type": "link in", "z": "6f432348c57a2fda", "g": "3f7d1b85b6df80e7", "name": "Sub-1", "links": [], "x": 405, "y": 200, "wires": [["9550399dd7be7346"]] }, { "id": "6e31c47c59b692f1", "type": "mqtt in", "z": "6f432348c57a2fda", "name": "", "topic": "acme/office/#", "qos": "2", "datatype": "auto-detect", "broker": "d7260e109d996e74", "nl": false, "rap": true, "rh": 0, "inputs": 0, "x": 430, "y": 40, "wires": [["a570708c83589e95"]] }, { "id": "b2ac43ee25b5d22e", "type": "link out", "z": "6f432348c57a2fda", "g": "3f7d1b85b6df80e7", "name": "link out 1", "mode": "return", "links": [], "x": 785, "y": 200, "wires": [] }, { "id": "0ddf2631ec5926b9", "type": "debug", "z": "6f432348c57a2fda", "name": "no match", "active": true, "tosidebar": true, "console": false, "tostatus": false, "complete": "payload", "targetType": "msg", "statusVal": "", "statusType": "auto", "x": 1180, "y": 140, "wires": [] }, { "id": "7b2fb29046e2f236", "type": "inject", "z": "6f432348c57a2fda", "name": "office/east/temperature", "props": [{ "p": "payload" }, { "p": "topic", "vt": "str" }], "repeat": "", "crontab": "", "once": false, "onceDelay": 0.1, "topic": "office/east/temperature", "payload": "", "payloadType": "date", "x": 160, "y": 160, "wires": [["bc14e4582a115cd6"]] }, { "id": "c3e832515cd3d742", "type": "inject", "z": "6f432348c57a2fda", "name": "office/main/humidity", "props": [{ "p": "payload" }, { "p": "topic", "vt": "str" }], "repeat": "", "crontab": "", "once": false, "onceDelay": 0.1, "topic": "office/main/humidity", "payload": "", "payloadType": "date", "x": 150, "y": 120, "wires": [["bc14e4582a115cd6"]] }, { "id": "b097e060d4d522ef", "type": "http request", "z": "6f432348c57a2fda", "name": "upload to BMS", "method": "POST", "ret": "txt", "paytoqs": "ignore", "url": "http://localhost:8000/api/monitor", "tls": "", "persist": false, "proxy": "", "insecureHTTPParser": false, "authType": "", "senderr": false, "headers": [], "x": 1200, "y": 100, "wires": [[]] }, { "id": "bc9be11156983084", "type": "project link out", "z": "6f432348c57a2fda", "name": "To remote Node-RED", "mode": "link", "broadcast": false, "project": "c140b5c1-f849-4bf1-afa2-56ff5258606e", "topic": "Send to device", "x": 1220, "y": 20, "wires": [] }, { "id": "5c48ef755b824759", "type": "inject", "z": "6f432348c57a2fda", "name": "office/east/humidity", "props": [{ "p": "payload" }, { "p": "topic", "vt": "str" }], "repeat": "", "crontab": "", "once": false, "onceDelay": 0.1, "topic": "office/east/humidity", "payload": "", "payloadType": "date", "x": 150, "y": 200, "wires": [["bc14e4582a115cd6"]] }, { "id": "a570708c83589e95", "type": "link call", "z": "6f432348c57a2fda", "name": "Call Sub-1", "links": ["4d7649516480dcd6"], "linkType": "static", "timeout": "30", "x": 630, "y": 80, "wires": [["e6fdc46c489b1907", "a89d83ca0c1d8eae"]] }, { "id": "9550399dd7be7346", "type": "function", "z": "6f432348c57a2fda", "g": "3f7d1b85b6df80e7", "name": "Update data", "func": "\nreturn msg;", "outputs": 1, "timeout": 0, "noerr": 0, "initialize": "", "finalize": "", "libs": [], "x": 590, "y": 200, "wires": [["b2ac43ee25b5d22e"]] }, { "id": "83665dcc09ea7dce", "type": "catch", "z": "6f432348c57a2fda", "name": "", "scope": null, "uncaught": false, "x": 980, "y": 200, "wires": [["a5f9eb21cff43868"]] }, { "id": "a5f9eb21cff43868", "type": "debug", "z": "6f432348c57a2fda", "name": "Error", "active": true, "tosidebar": true, "console": false, "tostatus": false, "complete": "payload", "targetType": "msg", "statusVal": "", "statusType": "auto", "x": 1170, "y": 200, "wires": [] }, { "id": "f20cc195076e206f", "type": "comment", "z": "6f432348c57a2fda", "name": "Test data", "info": "", "x": 220, "y": 40, "wires": [] }, { "id": "a3e0d15e30a38618", "type": "inject", "z": "d15519de378451ae", "name": "Startup info", "props": [{ "p": "payload" }, { "p": "payload.FF_INSTANCE_ID", "v": "FF_INSTANCE_ID", "vt": "env" }, { "p": "payload.FF_INSTANCE_NAME", "v": "FF_INSTANCE_NAME", "vt": "env" }, { "p": "payload.FF_DEVICE_ID", "v": "FF_DEVICE_ID", "vt": "env" }, { "p": "payload.FF_DEVICE_NAME", "v": "FF_DEVICE_NAME", "vt": "env" }], "repeat": "", "crontab": "", "once": true, "onceDelay": 0.1, "topic": "", "payload": "{}", "payloadType": "json", "x": 110, "y": 140, "wires": [["e87eb922a018dfe9"]] }, { "id": "e87eb922a018dfe9", "type": "debug", "z": "d15519de378451ae", "name": "dump vars to console", "active": true, "tosidebar": true, "console": true, "tostatus": false, "complete": "payload", "targetType": "msg", "statusVal": "", "statusType": "auto", "x": 350, "y": 140, "wires": [] }, { "id": "863284b7ee4f2777", "type": "comment", "z": "d15519de378451ae", "name": "System Info Flow v1.1", "info": "", "x": 140, "y": 40, "wires": [] }, { "id": "d0693b302dbdcb80", "type": "inject", "z": "d15519de378451ae", "name": "cloud id", "props": [{ "p": "payload" }, { "p": "topic", "vt": "str" }], "repeat": "", "crontab": "", "once": false, "onceDelay": 0.1, "topic": "abcd-1234-abcd-1234-abcd", "payload": "", "payloadType": "date", "x": 130, "y": 220, "wires": [["eca4b082e742449e"]] }, { "id": "1f25cfca1421bfca", "type": "inject", "z": "d15519de378451ae", "name": "device 1 id", "props": [{ "p": "payload" }, { "p": "topic", "vt": "str" }], "repeat": "", "crontab": "", "once": false, "onceDelay": 0.1, "topic": "L1xD1xT1x", "payload": "", "payloadType": "date", "x": 120, "y": 260, "wires": [["eca4b082e742449e"]] }, { "id": "a60e36a2ba6be21f", "type": "debug", "z": "d15519de378451ae", "name": "sys info result", "active": true, "tosidebar": true, "console": false, "tostatus": false, "complete": "payload", "targetType": "msg", "statusVal": "", "statusType": "auto", "x": 520, "y": 240, "wires": [] }, { "id": "1c8531ea3430cf50", "type": "switch", "z": "d15519de378451ae", "name": "for me? for device? unknown?", "property": "topic", "propertyType": "msg", "rules": [{ "t": "eq", "v": "FF_INSTANCE_ID", "vt": "env" }, { "t": "eq", "v": "FF_DEVICE_ID", "vt": "env" }, { "t": "else" }], "checkall": "true", "repair": false, "outputs": 3, "x": 370, "y": 80, "wires": [["3dfba4cb62aa0313"], ["3dfba4cb62aa0313"], ["8b9f520c00fbf7ca"]] }, { "id": "3dfba4cb62aa0313", "type": "function", "z": "d15519de378451ae", "name": "getSystemInfo", "func": "function getSystemInfo() {\n    const cpuUsage = os.loadavg()[0]; // CPU usage (1-minute average)\n    const totalMemory = os.totalmem(); // Total memory in bytes\n    const freeMemory = os.freemem(); // Free memory in bytes\n    const osName = os.type(); // Operating system name\n    const osVersion = os.release(); // Operating system version\n\n    return {\n        cpuUsage,\n        freeMemory,\n        totalMemory,\n        osName,\n        osVersion\n    };\n}\nmsg.payload = getSystemInfo()\nreturn msg;", "outputs": 1, "timeout": 0, "noerr": 0, "initialize": "", "finalize": "", "libs": [{ "var": "os", "module": "os" }], "x": 660, "y": 60, "wires": [["888416a8bb047df7"]] }, { "id": "eca4b082e742449e", "type": "project link call", "z": "d15519de378451ae", "name": "", "project": "caa25e31-24f0-4743-bb69-ff83c179d06d", "topic": "get_details", "timeout": "3", "x": 310, "y": 240, "wires": [["a60e36a2ba6be21f"]] }, { "id": "31b7f2e5961a8261", "type": "project link in", "z": "d15519de378451ae", "name": "↓ get_details", "project": "all", "broadcast": false, "topic": "get_details", "x": 110, "y": 80, "wires": [["1c8531ea3430cf50"]] }, { "id": "888416a8bb047df7", "type": "project link out", "z": "d15519de378451ae", "name": "return ↑", "mode": "return", "broadcast": false, "project": "7db963e4-6794-40f1-831f-b0920b2eba45", "topic": "", "x": 860, "y": 60, "wires": [] }, { "id": "8b9f520c00fbf7ca", "type": "debug", "z": "d15519de378451ae", "name": "unrecognised", "active": true, "tosidebar": true, "console": false, "tostatus": false, "complete": "payload", "targetType": "msg", "statusVal": "", "statusType": "auto", "x": 660, "y": 100, "wires": [] }, { "id": "d7b21f19adc79e82", "type": "comment", "z": "d15519de378451ae", "name": "Manual call to get sys info", "info": "", "x": 350, "y": 200, "wires": [] }]
@@ -90,7 +90,7 @@ <h4>Render (no grid, images, no labels) using data-options</h4>
                     const data = flows || this.demoFlow || []
                     const dataObject = typeof data === 'string' ? JSON.parse(data) : data
                     renderer.renderFlows(dataObject, { container: this.$refs.f1 })
-                    renderer.renderFlows(dataObject, { container: this.$refs.f2, gridlines: false, images: false })
+                    renderer.renderFlows(dataObject, { container: this.$refs.f2, gridLines: false, images: false })
                     renderer.renderFlows(dataObject, { container: this.$refs.f3, scope: 'nr-flow-3' })
                 },
                 clear() {
diff --git a/index.js b/index.js
index 0c39be5..78d6955 100644
--- a/index.js
+++ b/index.js
@@ -1,10 +1,12 @@
 /**
  * @typedef {Object} FlowRendererOptions
- * @property {boolean} [gridlines=true] - Whether to display grid lines on the flow diagram. Defaults to true.
+ * @property {boolean} [gridLines=true] - Whether to display grid lines on the flow diagram. Defaults to true.
  * @property {boolean} [zoom=true] - Whether to enable zooming on the flow diagram. Defaults to true.
  * @property {boolean} [images=true] - Whether to display images on the flow diagram. Defaults to true.
  * @property {boolean} [linkLines=false] - Whether to display link lines on the flow diagram. Defaults to false.
  * @property {boolean} [labels=true] - Whether to display labels on the flow diagram. Defaults to true.
+ * @property {boolean} [autoZoom=true] - Whether to automatically zoom the diagram to fit the container. Depends on zoom option being true. Defaults to true.
+ * @property {boolean} [autoScroll=true] - Whether to automatically scroll the diagram to the top leftmost node. Defaults to true.
  * @property {Array<Object>} flowId - The specific flow(s) to render. If not provided, all flows will be rendered.
  * @property {HTMLElement} container - The container div where the SVG diagram and controls will be rendered.
  * @property {Document} document - The document object to use for creating SVG elements. Defaults to the global document object.
@@ -46,11 +48,13 @@ const FlowRenderer = (function () {
     /** @type {FlowRendererOptions} */
     const defaults = {
         arrows: false,
-        gridlines: true,
+        gridLines: true,
         zoom: true,
         images: true,
         linkLines: false,
         labels: true,
+        autoZoom: true,
+        autoScroll: true,
         flowId: undefined,
         container: undefined,
         document: undefined
@@ -575,47 +579,199 @@ const FlowRenderer = (function () {
                 originalScale = clamp(parseFloat(scale[1] || 1), 0.25, 3, 1)
             }
         }
-        let modifiedScale = originalScale
+        
         // get the first child g element of the svg element
         const mainSvgGroup = svg.querySelector('g')
-        mainSvgGroup.setAttribute('transform', `scale(${modifiedScale})`);
+
+        // initialize the scale
+        updateScale(mainSvgGroup, originalScale, true)
+
         container.onwheel = function (e) {
-            if (e.ctrlKey) {
+            if (e.ctrlKey || e.metaKey) {
                 // zoom in/out
                 e.preventDefault()
-                const scale = modifiedScale - (Math.sign(e.deltaY) * 0.075)
-                modifiedScale = clamp(scale, 0.20, 3, 1)
-                mainSvgGroup.setAttribute('transform', `scale(${modifiedScale})`)
-                // recalculate the svg style height and width now that the scale has changed
-                svg.style.width = `${8000 * modifiedScale}px`
-                svg.style.height = `${8000 * modifiedScale}px`
+                let scale = getScale(mainSvgGroup)
+                scale = scale - (Math.sign(e.deltaY) * 0.075)
+                scale = clamp(scale, 0.20, 3, 1)
+                updateScale(mainSvgGroup, scale)
             }
         }
 
         const zoomControls = createZoomControls(container)
         zoomControls.zoomIn.onclick = function () {
-            modifiedScale = clamp(modifiedScale + 0.1, 0.20, 3, 1)
-            updateSVGScale(modifiedScale)
+            const scale = clamp(getScale(mainSvgGroup) + 0.1, 0.20, 3, 1)
+            updateScale(mainSvgGroup, scale)
         }
 
         zoomControls.zoomOut.onclick = function () {
-            modifiedScale = clamp(modifiedScale - 0.1, 0.20, 3, 1)
-            updateSVGScale(modifiedScale)
+            const scale = clamp(getScale(mainSvgGroup) - 0.1, 0.20, 3, 1)
+            updateScale(mainSvgGroup, scale)
         }
 
         zoomControls.zoomReset.onclick = function () {
-            modifiedScale = originalScale
-            updateSVGScale(modifiedScale)
+            resetScale(mainSvgGroup)
+            resetScroll(container.querySelector('.red-ui-workspace-chart'))
+        }
+    }
+
+    function getScale(svg) {
+        return parseFloat(svg.getAttribute('_scale_current') || 1)
+    }
+    function updateScale(svg, scale, setAsDefault = false) {
+        svg.setAttribute('transform', `scale(${scale})`)
+        svg.style.width = `${8000 * scale}px`
+        svg.style.height = `${8000 * scale}px`
+        svg.setAttribute('_scale_current', scale)
+        if (setAsDefault) {
+            svg.setAttribute('_scale_original', scale)
+        }
+    }
+
+    function updateScroll(container, scrollX, scrollY, setAsDefault = false) {
+        container.scrollLeft = scrollX
+        container.scrollTop = scrollY
+        if (setAsDefault) {
+            container.setAttribute('_scroll_x', scrollX)
+            container.setAttribute('_scroll_y', scrollY)
+        }
+    }
+
+    function resetScroll(container) {
+        container.scrollLeft = container.getAttribute('_scroll_x') || 0
+        container.scrollTop = container.getAttribute('_scroll_y') || 0
+    }
+    function resetScale(svg) {
+        const scale = svg.getAttribute('_scale_original') || 1
+        updateScale(svg, scale)
+    }
+
+    function autoLayout(svg, flow, renderOpts) {
+        const computedAutoScaleAndScroll = (renderOpts.autoZoom || renderOpts.autoScroll) ?  computeAutoLayout(flow, renderOpts) : null
+        if (renderOpts.zoom) {
+            if (computedAutoScaleAndScroll && renderOpts.autoZoom) {
+                updateScale(svg.querySelector('g.outerContainer'), computedAutoScaleAndScroll.scale, true);
+            }
+        }
+        if (computedAutoScaleAndScroll && renderOpts.autoScroll) {
+            updateScroll(svg.parentElement, computedAutoScaleAndScroll.scrollX, computedAutoScaleAndScroll.scrollY, true);
         }
+        return computedAutoScaleAndScroll
+    }
+
+    function saveLayout(svg, renderOpts, flowid) {
+        // save the current scroll and scale values in the container as attributes
+        const container = svg.parentElement
+        const scrollX = container.scrollLeft
+        const scrollY = container.scrollTop
+        const scale = getScale(svg.querySelector('g.outerContainer'))
+        const id = flowid || renderOpts.flowId || "default"
+        // console.log("Saving layout", { id, scrollX, scrollY, scale })
+        container.setAttribute(`_state_${id}_x`, scrollX)
+        container.setAttribute(`_state_${id}_y`, scrollY)
+        container.setAttribute(`_state_${id}_scale`, scale)
+    }
 
-        function updateSVGScale(scale) {
-            mainSvgGroup.setAttribute('transform', `scale(${scale})`)
-            svg.style.width = `${8000 * scale}px`
-            svg.style.height = `${8000 * scale}px`
+    function restoreLayout(svg, renderOpts, flowid) {
+        // restore the scroll and scale values from the container attributes
+        const container = svg.parentElement
+        const id = flowid || renderOpts.flowId || "default"
+        const scrollX = container.getAttribute(`_state_${id}_x`)
+        const scrollY = container.getAttribute(`_state_${id}_y`)
+        const scale = container.getAttribute(`_state_${id}_scale`)
+        // console.log("Restoring layout", { id, scrollX, scrollY, scale })
+        if (typeof scrollX === "string" && typeof scrollY === "string") {
+            updateScroll(container, scrollX, scrollY)
+        }
+        if (typeof scale === "string") {
+            updateScale(svg.querySelector('g.outerContainer'), scale)
         }
+    }
 
+    function clearSavedLayout(svg) {
+        // console.log("Clearing saved layout")
+        const container = svg.parentElement
+        // scan all attributes and remove the ones that match /_.state_.*/
+        const attributes = container.attributes
+        for (let i = 0; i < attributes.length; i++) {
+            const attr = attributes[i]
+            if (/^_state_.*/.test(attr.name)) {
+                container.removeAttribute(attr.name)
+            }
+        }
     }
 
+    function computeAutoLayout(flow, renderOpts) {
+        // compute the Scale and Scroll values best suited to put the flow into view
+        // by scanning for most extreme node positions (taking into account node size)
+        const SCALE_MIN = 0.2
+        const SCALE_MAX = 1.0
+        const container = renderOpts.container.querySelector('.red-ui-workspace-chart')
+        const containerRect = container.getBoundingClientRect()
+        const containerWidth = containerRect.width - 25 // 25 is the scrollbar width
+        const containerHeight = containerRect.height - 25 // 25 is the scrollbar height
+
+        let minX = 8000
+        let minY = 8000
+        let maxX = 0
+        let maxY = 0
+        const flowId = renderOpts.flowId
+        const flowNodes = flow.filter((node) => node.type !== 'tab' && node.type !== 'subflow' && node.z == flowId)
+        if (flowNodes.length === 0) {
+            return { scale: 1, scrollX: 0, scrollY: 0 }
+        }
+        for (let node of flowNodes) {
+            if (node.type === 'tab' || node.type === 'subflow' || node.type === 'junction') {
+                continue
+            }
+            const x = node.x || 0
+            const y = node.y || 0
+            const nodeDimensions = getNodeDimensions(node)
+            const halfW = ((nodeDimensions.width || 100) / 2)
+            const halfH = ((nodeDimensions.height || 30) / 2)
+            const realX1 = x - halfW
+            const realY1 = y - halfH
+            const realX2 = x + halfW
+            const realY2 = y + halfH
+            minX = Math.min(minX, realX1)
+            minY = Math.min(minY, realY1)
+            maxX = Math.max(maxX, realX2)
+            maxY = Math.max(maxY, realY2)
+        }
+
+        // calculate the scale
+        let scale = 1
+        const dx = maxX - minX
+        const dy = maxY - minY
+        const scaleWidth = containerWidth / dx
+        const scaleHeight = containerHeight / dy
+        if (dx > containerWidth || dy > containerHeight) {
+            scale = Math.min(scaleWidth, scaleHeight)
+            // reduce the scale a bit to make sure the nodes are not at the edge
+            scale = scale * 0.95
+        }
+        scale = clamp(scale, SCALE_MIN, SCALE_MAX, 1)
+
+        // calculate the scroll
+        let scrollX = minX
+        let scrollY = minY
+
+        if (scrollX < 50) {
+            scrollX = 0
+        }
+        if (scrollY < 40) {
+            scrollY = 0
+        }
+
+        if (scrollX > 0) {
+            scrollX -= 50
+        }
+        if (scrollY > 0) {
+            scrollY -= 40
+        }
+        scrollX = clamp(scrollX * scale, 0, container.scrollWidth) // clamp to 0 - scrollWidth
+        scrollY = clamp(scrollY * scale, 0, container.scrollHeight) // clamp to 0 - scrollHeight
+        return { scale, scrollX, scrollY, minX, minY, maxX, maxY }
+    }
 
     function createDefaultDivContainer(container) {
         const doc = getDocument(container, this)
@@ -1773,10 +1929,10 @@ const FlowRenderer = (function () {
         if (options) {
             if (options.container) {
                 const containerOptions = {}
-                const dataOptions = ['scope', 'grid-lines', 'arrows', 'zoom', 'images', 'link-lines', 'labels']
+                const dataOptions = ['scope', 'gridLines', 'arrows', 'zoom', 'images', 'linkLines', 'labels', 'autoZoom', 'autoScroll', 'flowId']
                 dataOptions.forEach(function (opt) {
-                    if (options.container.hasAttribute("data-" + opt)) {
-                        const optionValue = options.container.getAttribute("data-" + opt) || "true"
+                    if (typeof options.container.dataset[opt] === 'string') {
+                        const optionValue = options.container.dataset[opt] || "true"
                         containerOptions[opt.replace(/-/g, '')] = optionValue === "true"
                     }
                 })
@@ -1831,6 +1987,7 @@ const FlowRenderer = (function () {
         /** @type {SVGSVGElement} */
         const svg = createDefaultSVG(div)
         resetSVG(svg)
+        clearSavedLayout(svg)
 
         if (!renderOpts.scope) {
             const containerClasses = container.classList
@@ -1852,7 +2009,7 @@ const FlowRenderer = (function () {
             const selectedTab = tabContainer.querySelector(`[data-flow-id="${id}"]`)
             selectedTab.classList.add('active')
             renderOpts.flowId = id
-            renderFlow(flows, renderOpts)
+            return renderFlow(flows, renderOpts)
         }
         const addTab = function (tab, index) {
             const thisId = `red-ui-tab-${index}`
@@ -1883,7 +2040,13 @@ const FlowRenderer = (function () {
             nameSpan.textContent = name
             tabEl.appendChild(nameSpan)
             tabEl.onclick = function (event) {
+                if (flows && flows.length) {
+                    saveLayout(svg, renderOpts, renderOpts.flowId)
+                }
                 openTab(tab.id)
+                if (flows && flows.length) {
+                    restoreLayout(svg, renderOpts, tab.id)
+                }
             }
         }
 
@@ -1913,26 +2076,23 @@ const FlowRenderer = (function () {
             const firstSubflow = tabs.find(tab => tab.type === 'subflow')
             renderOpts.flowId = firstTab ? firstTab.id : firstSubflow ? firstSubflow.id : null
         }
+        let renderResult = null
         if (tabs.length) {
             // select the tab (causes the flow to be rendered)
-            openTab(renderOpts.flowId, renderOpts)
+            renderResult = openTab(renderOpts.flowId, renderOpts)
         } else {
             // no tabs to render
-            renderFlow(flows, renderOpts)
+            renderResult = renderFlow(flows, renderOpts)
         }
 
-        if (renderOpts.zoom) {
-            setupZoom(svg, renderOpts.container)
-        }
+        saveLayout(svg, renderOpts, renderOpts.flowId)
 
-        const result = {
-            svg: svg.innerHTML,
-            tabs: tabs,
-            flowId: renderOpts.flowId,
-            css: getCSS(renderOpts.scope)
-        }
-
-        return result
+        renderResult = renderResult || {}
+        renderResult.tabs = tabs
+        renderResult.flowId = renderOpts.flowId
+        renderResult.css = renderResult.css || getCSS(renderOpts.scope)
+        
+        return renderResult
     }
 
     /**
@@ -1970,7 +2130,7 @@ const FlowRenderer = (function () {
 
         /** @type {SVGGElement} */
         const flow_gridEl = svg.querySelector('.flow_grid');
-        if (renderOpts.gridlines && flow_gridEl) {
+        if (renderOpts.gridLines && flow_gridEl) {
             for (var idx = 0; idx < 250; idx++) {
                 flow_gridEl.append(createSvgElement('line', {
                     x1: 0,
@@ -2646,12 +2806,6 @@ const FlowRenderer = (function () {
         /* finally remove our changes to the objects in the flowData array */
         flow.forEach(function (obj) { delete obj.bbox; });
 
-        const result = {
-            svg: svg.innerHTML,
-            flowId: renderOpts.flowId,
-            css: getCSS(renderOpts.scope)
-        }
-
         const hasScrollBars = hasScrollbars(svg.parentElement)
         if (hasScrollBars.hasHorizontalScrollbar || hasScrollBars.hasVerticalScrollbar) {
             container.classList.add('has-scrollbars')
@@ -2659,6 +2813,22 @@ const FlowRenderer = (function () {
             container.classList.remove('has-scrollbars')
         }
 
+        
+
+        if (renderOpts.zoom) {
+            setupZoom(svg, renderOpts.container)
+        }
+
+        const computedAutoScaleAndScroll = autoLayout(svg, flow, renderOpts);
+
+        const result = {
+            svg: svg.innerHTML,
+            flowId: renderOpts.flowId,
+            css: getCSS(renderOpts.scope),
+            autoScaleAndScroll: computedAutoScaleAndScroll
+        }
+
+
         return result
     }
 
diff --git a/index.min.js b/index.min.js
new file mode 100644
index 0000000..5b187d2
--- /dev/null
+++ b/index.min.js
@@ -0,0 +1 @@
+const FlowRenderer=function(){let t=this||{};const e="flow-renderer-css",i=.75,M=30,A=100,n=13.5,g={view:{}};g.view.tools={},g.utils={},g.view.gridSize=function(){return 20},g.view.tools.calculateGridSnapOffsets=function(t,e){0;e=e||{align:"nearest"};const i={x:0,y:0},M=g.view.gridSize(),A=t.x-(M*Math.round((t.x-t.w/2)/M)+t.w/2),n=t.x-(M*Math.round((t.x+t.w/2)/M)-t.w/2);i.x=n,"right"===e.align||("left"===e.align||Math.abs(A)<Math.abs(n))&&(i.x=A);return i.y=t.y-M*Math.round(t.y/M),i},g.utils.parseContextKey=function(t,e){var i={},M=/^#:\((\S+?)\)::(.*)$/.exec(t);M?(i.store=M[1],i.key=M[2]):(i.key=t,e&&(i.store=e));return i};const o={arrows:!1,gridLines:!0,zoom:!0,images:!0,linkLines:!1,labels:!0,autoZoom:!0,autoScroll:!0,flowId:void 0,container:void 0,document:void 0},a={width:10,height:10},u={rx:3,ry:3},s={junction:{width:10,height:10},"link in":{width:30,height:30},"link out":{width:30,height:30},subflow:{width:40,height:40},_default:{width:100,height:30},_default_no_label:{width:30,height:30}},r={batch:"batch.svg",catch:"alert.svg",change:"swap.svg",complete:"alert.svg",rbe:"rbe.png",comment:"comment.svg",csv:"parser-csv.svg",debug:"debug.svg",delay:"timer.svg",exec:"cog.svg",feedparse:"parser-xml.svg",file:"file.svg","file in":"file-in.svg",function:"function.svg","http response":"white-globe.svg","http in":"white-globe.svg","http request":"white-globe.svg",inject:"inject.svg",join:"join.svg",json:"parser-json.svg","link in":"link-out.svg","link out":"link-out.svg","link outlink":"link-out.svg","link outreturn":"link-return.svg","link call":"link-call.svg",xml:"parser-xml.svg",yaml:"parser-yaml.svg","mqtt in":"bridge.svg","mqtt out":"bridge.svg","tcp in":"bridge.svg","tcp out":"bridge.svg","tcp request":"bridge.svg","udp in":"bridge.svg","udp out":"bridge.svg",markdown:"parser-markdown.png",postgresql:"db.svg",range:"range.svg",sort:"sort.svg",split:"split.svg",subflow:"subflow.svg",switch:"switch.svg",template:"template.svg",trigger:"trigger.svg",ui_button:"ui_button.png",ui_template:"ui_template.png",ui_toast:"ui_toast.png",ui_audio:"feed.svg",ui_chart:"ui_chart.png",ui_colour_picker:"ui_colour_picker.png",ui_date_picker:"ui_date_picker.png",ui_dropdown:"ui_dropdown.png",ui_form:"ui_form.png",ui_gauge:"ui_gauge.png",ui_numeric:"ui_numeric.png",ui_slider:"ui_slider.png",ui_switch:"ui_switch.png",ui_text:"ui_text.png",ui_text_input:"ui_text.png","ui-button":"ui_button.png","ui-button-group":"ui_button.png","ui-chart":"ui_chart.png","ui-dropdown":"ui_dropdown.png","ui-form":"ui_form.png","ui-gauge":"ui_gauge.png","ui-markdown":"ui_text.png","ui-slider":"ui_slider.png","ui-switch":"ui_switch.png","ui-template":"ui_template.png","ui-text":"ui_text.png","ui-text-input":"ui_text.png","websocket in":"white-globe.svg","websocket out":"white-globe.svg","i2c scan":"serial.svg","i2c in":"serial.svg","i2c out":"serial.svg",cronplus:"timer.svg",Thought:"alert.svg",Idea:"light.svg","project link out":"ff-logo.svg","project link in":"ff-logo.svg","project link call":"ff-logo.svg"},I={"alert.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjE2Ljc0IC00MTUuMDQpIHNjYWxlKC42MjE0MykiIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik0zNzEuMyA2ODMuOTdsMS42MS0xLjYxSDM4OWwxLjYxIDEuNjEtMy4yMTkgNDAuMjMtMy4yMTggMy4yMThoLTYuNDM3bC0zLjIxOS0zLjIxOHoiLz48cmVjdCB4PSIzNzIuOTEiIHk9IjczNS40NyIgd2lkdGg9IjE2LjA5MiIgaGVpZ2h0PSIxNi4wOTIiIHJ5PSIzLjAxNyIgY29sb3I9IiMwMDAiLz48L2c+PC9zdmc+Cg==","arduino.png":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAG7AAABuwBHnU4NQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHYSURBVEiJ7ZTBq4xRGMZ/77kzC6XuWN26V8qNdAsbyoI/AvU5u7tB3SihZMGClIVSlhSShb4zN5uxoGYplMWNbCjlkjuUmjKjKXdm3sfCN2NY6i6keVbnvOf0e9/zPuccy/OctVRYU9oYOAb+r8DSkBzCRJZlR4EzwCzSquChmZ1NKb0BiDEacA2YByrAV+BWs9m8WK/XWwDkeY6k0O/3b+qXGpJ6kuTuS5ImJVm/3z8/2ODuDZe+F+NXkibzPB8e+VAI4TDwGdifUpput9tTwFUz2wEsuvuJEMIl4BEwV61Wpw3mJD0xs+3AjdEKL0j6Jmmm+H0MsGLt1EjlL4rYlKT3q9LuYv5ckkYrBOimlFayLDsuySV5jHErcAfoShJwJcZYAR4Dm8pwEsDdnw69GAFOxBg3hBDuApuBWWDZ3SNQMjMDFoBWt9vNJDV6vd7twtBdfwI/AOv1sw9bUkrLwCdgPoSwACwBi8A+4HS5XG6a2cFSqfQuxnhZ0h7g2W8uS3owMFDSS0mdQd8kzRQ34XoR60p67e5fCpffdjqdjcMeppQcOODu54AWsBNYV2Q9klJaSSl5COGYu98DHNhmZhVJ981sb61W+8jAybXUv/+Wx8Ax8C/0A+UBSZXw25H1AAAAAElFTkSuQmCC","arrow-in.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTggNXYxMkg3djI2aDExdjEybDE0LTI1eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPgo=","batch.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIiBzdHJva2Utd2lkdGg9Ii42MTIiPjxwYXRoIGQ9Ik0zNC4wMDEgMjcuOTg3bC00IC4wMDR2My45OTdsNC0uMDFNNDAuMDAxIDI3Ljk4N2wtNCAuMDA0djMuOTk3bDQtLjAxTTI2LjAwMSAyOS45ODdsLTctNy45ODZ2MTUuOTg2TTM0LjAwMSAxMy45ODdsLTQgLjAwNHYzLjk5N2w0LS4wMU00MC4wMDEgMTMuOTg3bC00IC4wMDR2My45OTdsNC0uMDFNMzQuMDAxIDQxLjk4OGwtNCAuMDAzdjMuOTk3bDQtLjAxTTQwLjAwMSA0MS45ODhsLTQgLjAwM3YzLjk5N2w0LS4wMU04LjAwMSAyNy45ODdsLTQgLjAwNHYzLjk5N2w0LS4wMU0xNC4wMDEgMjcuOTg3bC00IC4wMDR2My45OTdsNC0uMDFNOC4wMDEgMTkuOTg3bC00IC4wMDR2My45OTdsNC0uMDFNMTQuMDAxIDE5Ljk4N2wtNCAuMDA0djMuOTk3bDQtLjAxTTguMDAxIDM1Ljk4N2wtNCAuMDA0djMuOTk3bDQtLjAxTTE0LjAwMSAzNS45ODdsLTQgLjAwNHYzLjk5N2w0LS4wMSIvPjwvZz48L3N2Zz4K","bluetooth.png":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAuCAQAAADjedMPAAAAAXNSR0IArs4c6QAAAAJiS0dEAACqjSMyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gYEFSkDI2AawgAACLlJREFUSMeNVm1wFeUZPe/H7t7szZIbAkRirsqtCtGEBEQjesGULymKBiLCVYRq60csHWvb0Tqj/Zg60zpjp2WKf0oLgiiCtFhERSUSmPIRQhC4EQU0FZIKwcSb5JLN3bv7vk9/LNQ6g9Pun3d3Z8+zZ87zPGcOuySCi1weinjCO8grWVzC7HQ/VxnDutiH4Bd9C43r3HJrW/VTkzb4Rh4oE8VqCN7/W8BDoSoqaQ2+iM9+a091jwDixUnDBy5S4hsYjNLHs11q1CAvqt79i6tM1ZnZ7F1nDCpTef+7gAehIFpV0vIZYJnj9z5VW6Wm2Ifcb7EyVmkEX+Mhv4JZ509AiRv9QvscjABgsMzpbw6bPuNwtWDWEZ/lytGFQRECrZCBB8UNcB+QQdxw/V/6+2Pl6kCOBAAwIDbp/c2Tanzy5vBKFmMTItXa5DUG0K+Eywq4oyN+rd/F63Wxsq0Jkf2209cLi9VfWr6UwEDgkcsWWjs/6P3YP6FW6Ga6Uo8PpFEouOKPBlk12e41ovYtzn7rqGmpDYNlQ0M28CUxA8QAcBCkM2XHM2Pr1EJnAQM+4a8YEPtyM31+yHgo0p2t0h3B1mxBUIJtfp1+SxsukPQzEowAqCwARMxJ78+ftCFbLuIyzat0d/ahyCGDL1Cr3FCQGVa1fDr4rT7Iq3S51Qtt2woaAA48MHQMIAin7r13J4yxusR4A5BY5S5Q/DnU2L59WCXkDv9us+D518SU4SNlazDCas2fszVnRMBAutZPA4B0anb/qGq/S95h5ds19nNAo4gZSbPCTJobSt0PSZ9+rQExYxlrQCrWMp2IiKjl2yl7eZmXDp/8ge21jqgwk2bMaBRImklzGYsZFWb/Pk1EmjJrUqZlNoqkeb6AbplVYSbN5WX5I5o0Ka0yeyfFjGUsaSZNvoc+kyv5/GE19tFHqR9gFFuyYvUN1joATAMaYD77nLcRurPtDABjymR6/rCV/DO5h+Q8f5RuFifyh9zY4cFbp21DjGH4PRvNJ5cCFI4RDDWNR3hq5fAUwIj6d83+y8ddIiHqvLMKc5wGLLFLjZR9hT3afvcmlSEirenklgJj3wwiIk1vzG1A75rwXmc23dqAokipscRuwByHt+Wi9qA7zegMJuBKsfHoXxfofjDgsrldL+ZNQIOhUL3wavESAoH635j/hx1Ru9afZgy6Ubsth208ZSbNCnNWiSmSZirmiH013mD4t3ynJtKaQvFIBwN7J05xro40IOxCytzG+THWibg8yX/dZyEuxw78DPPT22dTP4FBlDOAAaKKAaD+trr6NHnjI1PFZc5JHpedOMZElPJ2k/qNv84abqWpB5/w4QW7zlRuLVtEkdAsGBgI1N90288//Z27i4/JbRIVg9+jF/hl5tmcgBmRNe7fCj70Rhk351iQxuTIzqGjZ8a+F7+bWWAAAAqGdsx+7EAkfyw4JbJ8CFXWWjl1KGudBC8BeVNFeVBjr3VPO91mQmzI3mG04okj+2cSAxQIxD5INrTUyCrVbXYpZo2wdvrlwVRBXkloKG0WUOk+7oi+ExSX86zNXtSIy6t+CAACDIzKnpkcKxlqFsDt1u5cuTipQxQg6qwZ/m4k5EY1TB3iyZFv9x/n49nVBStWjrwXIDACI1ZUcfulm7Ye5Muoq6god1DdbhTzjmCBypmIGctF0kyaZSJppmxHJM0GNIqzL58fm/AgIk09r5YaMcMRS+xwAZPmchEzxCTZGwyKhBxnN+Wulcf5meC49ebq4fey84NMCE0FKLhm6TWntrTTteIYSiMJltG9QVQiZjSKJXbMiBn1MUdMcRrFl+vC8VHn9j0bbmPTs9SjiUhR78vLxTSRcpJmzAiZ8EqWFh3BaDZRN2Wjxhj1q7WxexnA0Hegju8KByHa3HQb+gCO4nsWv+TbN7rdNJp1BGlRyXiXXKCA62VezBpxpf79n0beAxB0f+vMnxzRmkAEAL/8oHWazmowFKc2r3zd/gLXS2CB6pJI2TFjbukssVw4IrOWSBNpNbC9tsKc47w9N5SxZVaBMc/eN1H3EREp6l/TKGaJuaUxI2Xzd8TCSGHWFR/jn6uL7gMAPbB/2vfTJWjLFQ8BDCCoekMX3N/eslJDg8NZvOR+VxRmF0beEfLv7i38JjZSNqPlyGwAgds8Z/WRGrvJA3ImgwZnjHUGI9TqRbU/DU2mb8Pzb42UncEef6fmc3lUVykHNcVPLt/+Y9Z78JaPWjpR3m/z6Y41BHBonHFO0OMLb1gTtrN7083fxecOqlRUz+UypYG0KHWz+bx88c+n3nisa6IAOgoLVI/LDYAAGjmw8aGpKwCA0LM+9fAYK6PgdpiLFTQfJ1YBiNo76awahYdPLvWrFHC5OxkJCaUB4uyKR6auIGgAfS+tv++Md7l7J6I2sArjhOh0zuVnUqFlGuOsT3Nx9hH/B13Cz/KE969IXXn5fYyBoteGUSKz9sGlrYXD5GndG5RGRuQ/xCeFfGqWG+vQlY2rHhcASlAtAGANH/A8QaGPgwHoXzuzcZQg7/KhNuo227w+S/C6vHyRR1BsKbPDBYCEBDqCMHLEbRMMFzZyYO3kB0+TK+L6FEliNnld4jvBFs2LhKl69Z5cCOoILsBfo043H8JBLPPS9MbT9AQbYe2lvFiMQ+6QbHHf4+fAASYksqqdgPawT0hIYJEwFYFAADLrG35wgzeavW2lc/Osp4P1vFac9KOGhBVmJAsQpIBKlpAXGEyI7M1ZAQPQ+3L9A3GZFnG9112MNXpgGAbbOM5nqv+kNCbaKSE7gnYKVTiaqzc8CWReqX+AWTd6jgyoWtxJsyJNOSksWF+PeRYAJTqCkAUA3GVs9Sz64pWxjyTkXe7rdrPfiiq1SPS4UPK/Yh77Kit7IFXJLqgQ9Y7GHpUbu0eJdnuMGnS7TWaRl5Bb/Ij4xqCpREICVapKDZhpobJ/zETtZpHOAd0mQN4w6x3/DuPrsfTf18syu360MqUAAAAASUVORK5CYII=","bridge-dash.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTkuOTI0IDYuNjFjNC4zNzIgNS40MzMgNy4xODIgMTMuODkzIDcuMTgyIDIzLjM5NyAwIDkuNDkzLTIuODA0IDE3Ljk0Ni03LjE2NyAyMy4zNzltLTQuMjk0LTM4LjM5YzUuNjQ1IDkuNDE3IDcuMTcyIDIwLjk0NC4wMjQgMjkuOTkzbS00LjM2LTIxLjY2MWMxLjMzOCAxLjQ1OSAyLjIxNSAzLjkwNiAyLjIxNSA2LjY4IDAgMi41NzEtLjc1NSA0Ljg2My0xLjkzMSA2LjM0NiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtZGFzaGFycmF5PSIxNC4wOTYsIDMuNTI0IiBzdHJva2Utd2lkdGg9IjMuNTI0Ii8+PC9zdmc+Cg==","bridge.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTkuOTI0IDYuNjFjNC4zNzIgNS40MzMgNy4xODIgMTMuODkzIDcuMTgyIDIzLjM5NyAwIDkuNDkzLTIuODA0IDE3Ljk0Ni03LjE2NyAyMy4zNzltLTQuMjk0LTM4LjM5YzUuNjQ1IDkuNDE3IDcuMTcyIDIwLjk0NC4wMjQgMjkuOTkzbS00LjM2LTIxLjY2MWMxLjMzOCAxLjQ1OSAyLjIxNSAzLjkwNiAyLjIxNSA2LjY4IDAgMi41NzEtLjc1NSA0Ljg2My0xLjkzMSA2LjM0NiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjMuMjI0Ii8+PC9zdmc+","cog.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjAgMTJhMTggMTggMCAwIDAtMy40OTQuMzZsLTEuNDI4IDUuNzE1LTUuMDYtMy4wMzZhMTggMTggMCAwIDAtNC45NDYgNC45MTdsMy4wNDUgNS4wNzgtNS43NjUgMS40NDJBMTggMTggMCAwIDAgMiAzMGExOCAxOCAwIDAgMCAuMzQ1IDMuNDM0bDUuNzc1IDEuNDQ0LTMuMDcyIDUuMTJhMTggMTggMCAwIDAgNC44OTMgNC45MjRsNS4xMzctMy4wODMgMS40NTUgNS44MkExOCAxOCAwIDAgMCAyMCA0OGExOCAxOCAwIDAgMCAzLjQ3LS4zNTNsMS40NTItNS44MDcgNS4xMjggMy4wNzZhMTggMTggMCAwIDAgNC45MDUtNC45MTNsLTMuMDc0LTUuMTI0IDUuNzgzLTEuNDQ2QTE4IDE4IDAgMCAwIDM4IDMwYTE4IDE4IDAgMCAwLS4zNjctMy41MjlsLTUuNzUtMS40MzcgMy4wNDEtNS4wNjlhMTggMTggMCAwIDAtNC45MzctNC45MjhsLTUuMDY1IDMuMDM4LTEuNDMzLTUuNzI4QTE4IDE4IDAgMCAwIDIwIDEyem0wIDlhOSA5IDAgMCAxIDkgOSA5IDkgMCAwIDEtOSA5IDkgOSAwIDAgMS05LTkgOSA5IDAgMCAxIDktOXoiIGNvbG9yPSIjMDAwIiBmaWxsPSIjZmZmIiBvcGFjaXR5PSIuOTgiIHN0eWxlPSJpc29sYXRpb246YXV0bzttaXgtYmxlbmQtbW9kZTpub3JtYWwiLz48L3N2Zz4K","comment.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMzYuMTkgMjguNmMwIDYuMDg4LTcuMjg5IDExLjAyNC0xNi4yOCAxMS4wMjRhMjMuOTggMjMuOTggMCAwIDEtMi45ODItLjE4NWMtMS4yNzItLjE1OS03LjkzMyA3LjUyNi0xMy4xMTMgNi41My4xOC0yLjAwNCA4LjE4LTYuMDA0IDUuODctOC43OUM1Ljk5MyAzNS4xNiAzLjYzIDMyLjA2NiAzLjYzIDI4LjZjMC02LjA4OCA3LjI4OS0xMS4wMjQgMTYuMjgtMTEuMDI0IDguOTkxIDAgMTYuMjggNC45MzYgMTYuMjggMTEuMDI0eiIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjYmFiYWJhIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHlsZT0iaXNvbGF0aW9uOmF1dG87bWl4LWJsZW5kLW1vZGU6bm9ybWFsIi8+PC9zdmc+Cg==","db.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzU1IC03MDQuMzYpIj48ZWxsaXBzZSB0cmFuc2Zvcm09Im1hdHJpeCgxLjI4NjggMCAwIDEuOTI2MyAtNjQuNDQ0IC02MDcuNTYpIiBjeD0iMzQxLjI1IiBjeT0iNjg4LjYxIiByeD0iOS44NCIgcnk9IjMuMjUiIGNvbG9yPSIjMDAwIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTM4Ny4zMiA3NTAuNDhjMCAxLjk0OS01LjY2OSA1Ljg3OS0xMi42NjIgNS44NzlzLTEyLjY2Mi0zLjkzLTEyLjY2Mi01Ljg3OXYtMjcuMDQzYzAgMS45NDkgNS42NjkgNi4yNDIgMTIuNjYyIDYuMjQyczEyLjY2Mi00LjI5MyAxMi42NjItNi4yNDJ2MjcuMDQzIiBjb2xvcj0iIzAwMCIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4K","debug.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuMDA0IDE0LjQ5OWgyME0xMC4wMDQgNDYuNTAzaDIwTTEwLjAwNCAyMi41aDIwTTEwLjAwNCAzMC41MDFoMjBNMTAuMDA0IDM4LjUwMmgyMCIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIuOTk5NzAwMDAwMDAwMDAwMyIvPjwvc3ZnPgo=","envelope.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMjAgMzIuOTZsLTE4LTE4aDM2eiIvPjxwYXRoIGQ9Ik0yIDIwLjM2bDE4IDE4IDE4LTE4djI2LjFIMnoiLz48L2c+PC9zdmc+Cg==","feed.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjYjg1YzVjIiBzdHJva2U9IiMwMDAiPjxwYXRoIGNvbG9yPSIjMDAwIiBkPSJNLS4wMS0uMDA0aDM5Ljk5OHY2MEgtLjAxeiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJub25lIi8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ1MC4yNjYgLTU4NS4zNykiPjxyZWN0IHg9IjQ2NC4yNyIgeT0iNjI1LjM3IiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHJ5PSIyLjQiIGNvbG9yPSIjMDAwIiBmaWxsPSIjZmZmIiBzdHJva2U9Im5vbmUiLz48ZyBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iNCI+PHBhdGggZD0iTTQ2MS4yNyA2MTguODdsNS41LTIuNWg3bDUuNSAyLjVNNDU5LjI3IDYwOC44N2w1LjUtMi41aDExbDUuNSAyLjVNNDU3LjI3IDU5OC44N2w1LjUtMi41aDE1bDUuNSAyLjUiLz48L2c+PC9nPjwvZz48L3N2Zz4=","file-in.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjb2xvcj0iIzAwMCIgZmlsbD0ibm9uZSIgZD0iTTAtLjA0aDQwdjYwSDB6Ii8+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTUgOS45NmgxNHYxNmg5djdIMTh2MTBoMTB2N0g1eiIvPjxwYXRoIGQ9Ik0yMiA5Ljk2bDEzIDEzSDIyeiIvPjxwYXRoIGQ9Ik0yOCAyNS45Nmg3djZsNSA2LTQuOTg3IDYtLjAxMyA2aC03bDEwLTEyeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9nPjwvc3ZnPg==","file.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjb2xvcj0iIzAwMCIgZmlsbD0ibm9uZSIgZD0iTTAtLjA0aDQwdjYwSDB6Ii8+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTUgOS45NmgxNHYxNmgxNnYyNEg1di03aDV2N2wxMC0xMi0xMC0xMnY3SDV6Ii8+PHBhdGggZD0iTTIyIDkuOTZsMTMgMTNIMjJ6Ii8+PC9nPjxwYXRoIGQ9Ik01IDMwLjk2SDB2MTRoNXYtMkgydi0xMGgzeiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+","function.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMzAuOTk5IDMxLjAwNXYtM2gtNi43NjJzLjgxMi0xMi4zOTcgMS4xNjItMTQgLjU5Ny0zLjM1IDIuNjI4LTMuMTAzIDEuOTcxIDMuMTAzIDEuOTcxIDMuMTAzbDQuODYyLS4wMTZzLS43ODMtMy45ODQtMi43ODMtNS45ODQtNy45NDYtMS43LTkuNjMzLjAzYy0xLjY4NyAxLjczLTIuMzAyIDUuMDY1LTIuNTk3IDYuNDIyLS41ODggNC41LS44NTQgOS4wMjctMS4yNDggMTMuNTQ3aC04LjZ2M0gxOC4xcy0uODEyIDEyLjM5OC0xLjE2MiAxNC0uNTk3IDMuMzUtMi42MjggMy4xMDMtMS45NzItMy4xMDItMS45NzItMy4xMDJsLTQuODYyLjAxNXMuNzgzIDMuOTg1IDIuNzgzIDUuOTg1YzIgMiA3Ljk0NiAxLjY5OSA5LjYzNC0uMDMxIDEuNjg3LTEuNzMgMi4zMDItNS4wNjUgMi41OTctNi40MjIuNTg3LTQuNS44NTQtOS4wMjcgMS4yNDgtMTMuNTQ3eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPgo=","hash.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIiBzdHJva2Utd2lkdGg9Ii44NTciPjxwYXRoIGQ9Ik0xNy45OTcgOC45OThsLTUuOTcyLjA3Mi00LjAyOCA0My45MjggNS45MTQuMDcyeiIvPjxwYXRoIGQ9Ik02IDE2Ljk5OWwtMSA2IDMxIDEgMS02eiIvPjxwYXRoIGQ9Ik0zMS45OTYgOC45OThsLTUuOTcxLjA3Mi00LjAyOSA0My45MjggNS45MTQuMDcyeiIvPjxwYXRoIGQ9Ik0zLjk5OCAzNy4wMDRsLTEgNiAzMSAxIDEtNnoiLz48L2c+PC9zdmc+Cg==","inject.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTggNXYxMkg3djloMTV2LTdsNiAxMS02IDEydi04SDd2OWgxMXYxMmwxNC0yNXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4K","join.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNDAuMDAxIDM5Ljk5bC0uMDMyLTE5Ljk1NS0xMS45NjcuMDE3djE5Ljk4M2wxMi0uMDQ2TTguMDAxIDI4LjAyN2wtNCAuMDA0djMuOTk3bDQtLjAxTTE0LjAwMSAyOC4wMjdsLTQgLjAwNHYzLjk5N2w0LS4wMU0yNS4wMDEgMzAuMDI3bC03LTcuOTg2djE1Ljk4Nk04LjAwMSAyMC4wMjdsLTQgLjAwNHYzLjk5Nmw0LS4wMU0xNC4wMDEgMjAuMDI3bC00IC4wMDR2My45OTZsNC0uMDFNOC4wMDEgMzYuMDI3bC00IC4wMDR2My45OTdsNC0uMDFNMTQuMDAxIDM2LjAyN2wtNCAuMDA0djMuOTk3bDQtLjAxIiBmaWxsPSIjZmZmIiBzdHJva2Utd2lkdGg9Ii42MTIiLz48L3N2Zz4K","leveldb.png":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAyCAYAAADWU2JnAAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAABh9JREFUWMPtWFtsXNUVXfuO52XjJ8GxMRBI0oAhgBJCCI9IpSppRVErVKmI9wdCQiAM4qGqjUDqRyWQEI+qIPGQ+KiUFEFLAAFVixCRGqUBSoIDcV6O7Tjx+BHb4xnP3OfZqx9jx46ZO34wjoSa/Xnu3eeus886a+17gDNxJn7AIfNNOLiDF5x3ORoDDyuqz0b9qU8pJOi70t+5k3su/YkcBUTLAmYFGNnZhfVi4ed1zXiyIspk4GM4UiFpEZrAQzsARqLw1SBCFUuEzSZAsiKOczVAM0SQG+FfIXh75Ci+WH611Tuv1R/exab0AF9z80oTcE/Xbn3QGN680PJnhvQ3gc9/kqQzrnuzJ/jTWZNIWnZWHyPJ3Kj+tpx8ICkA4Lt6rzHakxvVd0lNhiY4Od5nAu0DgIFBlcUka+9ePum77C6BXrn/EzbNd2Inx3+pkvk03yH5up3h6t0fal3qgFaWylOjB3Z/pK1hpeTAET6x0NXms/pI4LFflSSVpNIYsnMXX9r/b2480cOLssOs3gSV0RS3GKOvknwotDK+p1s8m0z3c2M+o9GFAnPz+r4qnQKwQqhSCyALYANfX1HVByZzrCKnXaIJoKYR25PV8FQ51L2bvyI11rmLFnVuXIpXWr+0LEnkRvC4GnqFmSGl1KQiVIAmEkWw5IIruY0ELrqaVMLYGR5S5XsjvdjbcpmsfOMB/u3mR9Ha0orVGsDyXNkUT+IqCCMAISKygOOn9D1uZcnQ0LHpXCn+3qk5qvonz9aHZ63M/ERbJqu5EIeRopxxsuJbFmOnwxRP9OC4iESmj1kzj7abQ4oEy/95YnJekqxdij6AVigYANGnNqDNHsNHhaTygHKyuGmsX1oHj/DGvg48AeBtUO4EJB4uWmN60u7dHJebgH/0HOanCKqzsbIoUZ2sriuqwKpvera2FSVwJDpFpniVHAGwGcDm7v+yuaaRl0pEliWrcVfgM1lVLxsATvCP0xYkXjSBvBp8nU7hPRrp1IDfhHM3pPjGKPNjfH6wawrt3EKlr0Mb5vq2neG9To6dpL48vTLF7GArSfquOr7DLaMp3lgO3oyPcO3IMf4+8Dk8seWTOtNWQmcKO1URkziA2+uacLubZ8aKYB+AHc44D8Ur0dH9pfSt2iiHZ2YHnl5LlWjgAZEof2ECWUnl6mQNVlXVF05SmBbNSfRiSdQA2EDymrMaCtL2oxsAkiA500YAEBUT5yQ6QyhLWcO8FLjYRAuxnbD4rmsL5XQocGEREg7GswXZQdm/OAo8/aCAXp7HRRBuB8Yn7TT+TGUai4aH0IDqZPEzAJUlt6nlMjnhHZOlvisfTgIqZ6WcLLa/sxnVtU3WtzPJP9MOzMyxoW7eRmW3qo4GntrTrKFIzzLzmVKVaTV6JPD12e/aAcPtIJaE9cXfed2y9fi68TzJAcA5F8pbAN46uZUB173waziPb5Mfj/VzSeAyPu3vFg3LeFxErPtr+eYbGStbVACzjI904R6RQjs6S6entDP6wWgXz2pF+f6fSE2mU3wsTIGtMANLVMsttcuY3UeoMZpW5dPtH2tssIsRNYyU+qgJNOK7jJIa7dmjt3o2P5tQ3nzNUjz3vXvgiZVMthFKPWXoZFCnmmCdaorD5pvNm0qJ1PSG9xSRL5UjIX8fABA/2o4Ds2zT6QkTSLBiPZaHgBE4GX6+2CBI0BnH6yBb0/1oLwomN8I/kFjb286nFhMIQHuoC+8SsrG+2dpRognSTz1btx/v4CW+q3mWKQpsVo7189bsMH9XuBTQVbNd6sRSB/W+CfXc+vGLer6b021Tijr/ptwEmkqnuO7T17hJVXs9R7vtLBvmfKeXHdaWwMVdlfV4JpaQg0M9fL+2EUP5Meyra5I78mk0VCS4JpZA42Rj7dkYjSZQnxnEC91fyT/6DyO96jquOf9y3G1FcH3gyc7cGNsamq0vF3zbOdCpa+pb0AZirYhcQXA0GsfQQCcOnXMh4ibAgBXBEt8VJ1GF5cZnQyQqLQChBp9A8Bd3HP+prLUOlvXqFQDWgJWf27g48LnSd2GpL1ZtM+qOfcuOqgbJ1zfTEbHaz9xsn4n/q/gfqTGjd49vU6gAAAAASUVORK5CYII=","light.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCguNzg3MzcgMCAwIC43ODc5MyAtMjcxLjI5NCAtNTI5Ljk5KSIgc3Ryb2tlPSIjZmZmIiBmaWxsPSJub25lIj48ZWxsaXBzZSB0cmFuc2Zvcm09Im1hdHJpeCgxLjQ5MjQgMCAwIDEuNDYxNiAtNTkuNDkxIC0zNDMuNDYpIiBjeD0iMjg3Ljc1IiBjeT0iNzE1Ljg2IiByeD0iMTAuNzUiIHJ5PSIxMiIgY29sb3I9IiMwMDAiIHN0cm9rZS13aWR0aD0iNC4wNzEiLz48cGF0aCBkPSJNMzYyLjUgNzE3Ljg2djE1LjVjNi4zNzEgMi4xMjggOC43MTIgMi4wMDMgMTUgMHYtMTUuNSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI1LjAxIi8+PHBhdGggZD0iTTM2Ni41IDcxNy44NmwxLTEyaDVsMSAxMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjMuMDA2Ii8+PC9nPjwvc3ZnPgo=","link-call.svg":"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBDcmVhdGVkIHdpdGggSW5rc2NhcGUgKGh0dHA6Ly93d3cuaW5rc2NhcGUub3JnLykgLS0+Cjxzdmcgd2lkdGg9IjEwLjU4M21tIiBoZWlnaHQ9IjE1Ljg3NW1tIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMC41ODMgMTUuODc1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPHBhdGggZD0ibTguMjAyMSAyLjM4MTItNC44OTIyIDAuNTM2MTIgMS42MDQgMC45MjYwNC0xLjAzOTUgMS44MDA0YzAuNzM3MTktMC4zNzQwMiAxLjY0MzctMC4zODIyNyAyLjQwOTUgMC4wNTk4OTIgMC43NjUxMSAwLjQ0MTc0IDEuMjExOCAxLjIzMDEgMS4yNTc3IDIuMDU1bDEuMDM4NC0xLjc5ODYgMS42MDQgMC45MjYwNHptLTIuMzgxMyA0LjEyNDRjLTAuNzcwMTYtMC40NDQ2NS0xLjc0MDItMC4xODQ3NC0yLjE4NDggMC41ODU0Mi0wLjQ0NDY1IDAuNzcwMTYtMC4xODUgMS43NDA2IDAuNTg1MTYgMi4xODUzIDAuNzcwMTYgMC40NDQ2NSAxLjc0MjIgMC4xODUzMyAyLjE4NjktMC41ODQ4MyAwLjQ0NDY1LTAuNzcwMTYgMC4xODI5NS0xLjc0MTItMC41ODcyMS0yLjE4NTh6bS0zLjMxOTMgMS41MTU5LTEuODIxMSAzLjE1NDIgMy42NjYyIDIuMTE2NyAxLjgyLTMuMTUyNGMtMC43MzczMSAwLjM3MjY2LTEuNjQzMSAwLjM3OTYxLTIuNDA4Mi0wLjA2MjEyOS0wLjc2NTg1LTAuNDQyMTYtMS4yMTIyLTEuMjMwOS0xLjI1NjktMi4wNTYzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K","link-out.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNyAzOC45OHYzLjk4M2gxMXYxMmwxMy0yM0gxOWwtLjQ2My4wMTdjLTEuMjggNC4wNDgtNS4wNjYgNi45ODMtOS41MzcgNi45ODN6bTEyLTExLjAxN2gxMmwtMTMtMjN2MTJIN1YyMC45bDIgLjA2NGM0LjQ2NyAwIDguMjUgMi45MyA5LjUzNCA2Ljk3MnpNNi45NSAyNC4yMmE2IDYgMCAxIDEtLjA4MyAxMS40NTYiIGZpbGw9IiNmZmYiIHN0eWxlPSJpc29sYXRpb246YXV0bzttaXgtYmxlbmQtbW9kZTpub3JtYWwiLz48L3N2Zz4K","link-return.svg":"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBDcmVhdGVkIHdpdGggSW5rc2NhcGUgKGh0dHA6Ly93d3cuaW5rc2NhcGUub3JnLykgLS0+Cjxzdmcgd2lkdGg9IjEwLjU4M21tIiBoZWlnaHQ9IjE1Ljg3NW1tIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMC41ODMgMTUuODc1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPHBhdGggZD0ibTIuNjYyMyAxMy4yOTIgNC44OTIyLTAuNTM2MTItMS42MDQtMC45MjYwNCAxLjAzOTUtMS44MDA0Yy0wLjczNzE5IDAuMzc0MDItMS42NDM3IDAuMzgyMjctMi40MDk1LTAuMDU5ODkyLTAuNzY1MTEtMC40NDE3NC0xLjIxMTgtMS4yMzAxLTEuMjU3Ny0yLjA1NWwtMS4wMzg0IDEuNzk4Ni0xLjYwNC0wLjkyNjA0em0yLjM4MTMtNC4xMjQ0YzAuNzcwMTYgMC40NDQ2NSAxLjc0MDIgMC4xODQ3NCAyLjE4NDgtMC41ODU0MiAwLjQ0NDY1LTAuNzcwMTYgMC4xODUtMS43NDA2LTAuNTg1MTYtMi4xODUzLTAuNzcwMTYtMC40NDQ2NS0xLjc0MjItMC4xODUzMy0yLjE4NjkgMC41ODQ4My0wLjQ0NDY1IDAuNzcwMTYtMC4xODI5NSAxLjc0MTIgMC41ODcyMSAyLjE4NTh6bTMuMzE5My0xLjUxNTkgMS44MjExLTMuMTU0Mi0zLjY2NjItMi4xMTY3LTEuODIgMy4xNTI0YzAuNzM3MzEtMC4zNzI2NiAxLjY0MzEtMC4zNzk2MSAyLjQwODIgMC4wNjIxMjkgMC43NjU4NSAwLjQ0MjE2IDEuMjEyMiAxLjIzMDkgMS4yNTY5IDIuMDU2M3oiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==","mongodb.png":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAG7AAABuwBHnU4NQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEbSURBVEiJ7davSwRBGMbx76rJ4Gky62EThNOmWfwL7mlm0WAw2U2mK3aDwj5gMBgEi8FmEbGIWYMGwR8gJssGhb2dmdsNIr5t5n3nMy8TZibL85wmY6hR7e+AkmYlTTUCSpoAjoEjSa1aoKRhIAfaQAc4kTRap8NtYPnbeAnYHQiUNAZslaTWJS0O0uEGMF4ynwG9JFBSBmxWbLYgqZPSYRuYrAABVlPA+QAGMJcCTkeAMyngcwT4mQI+RYCPKeAZ8BYAL6JB2y/AQQB0NFjEXkXu0PZlEmj7BjgtSd0Ca/3WhS6HLj/P6gPo2u57vpWg7VdgBbgrpnZsX1etCV6wtt+Bh2J4H6r//Y/USGTdPnAOXIUKs/+fQ+34AkBdPov8hXWQAAAAAElFTkSuQmCC","mouse.png":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB98CBBcXKYRGaWIAAAIfSURBVEjHrVY9a1RBFD33bjAhNqYTBW0kpBErawPpjIq4RWyEYG2hiIWdnY3+Aiut/GhiYyeIhb/AJGgQFAtTpFlWCYjnHIvMw3XzXvI2m1vNx50zc7/OHaClSLLtB2WMsUXSkiSRfHgYYAAA29clmeSZJt0cBdh2pwz7h/HKm9qRJ2OD2Z4vpi7vF5SJOn9lZgV0SdKk7bsAEBEXbSeALdtvIuLPoP4uIVmBzktyMdG2RdJlooH1hcFzTaDvCtgLSfNl7bgkD1gxK+lWccPzRjeQXC5gdwaVSJ4eBKxeZPt20e8OO726+ZOkrzUX/Qc4tLci6WN1SRZnV/uzth+3jT5JZOYqgJkskdkVnsxcbwvY6XRgmxExASCaKiVGzNG9S8/2WFQyUbN2VdIvAOuZ2Ss+/l1z8REAc7bnALiR86qELolsSZ9tr5REfkTytaSfA4lu2z8q4ohhQABd25sRcTIiFm1fADATEZOl7PoANgA8i4g1Sd3MXAJwIiK4y+SI6GfmhzJ91YInFw7MhzUpNh7BHijKto+OAhARYVtVPuYwU0TE5REBp2z3M1N1Tn5q+9uIreELydWmzRsl9061LLtzhRPP79nQSXq4hQ7PSR4juW37ZSNr24akqfLK7ySvNdDWFUnbRW+61U9C0lo5sCnpHslFSfclbXmnsbytY5s9fwqSzkra8L/OZJLvq59DK7A635EM29O9Xm/fc38BtSAs2DgLlw8AAAAASUVORK5CYII=","parser-csv.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjYuMDAxIDcuMDM0bC0yMiAuMDQzdjQ1Ljk1OGgzMnYtMzZ6bS0xNC44MzggMTRoMi44Mzh2MTUuMDAxaC0zVjI1LjczOGMtMS4wMjcuOTYtMi42MDYgMS4xMTQtNCAxLjU3NFYyNC43NmMuNzM0LS4yNCAxLjUzLS43MDYgMi4zOS0xLjM3My44NjEtLjY3MyAxLjQ1Mi0xLjQ1NyAxLjc3Mi0yLjM1MXptMTUuOTQ4IDBjMS40NDggMCAyLjgyNC4zOTIgMy42NSAxLjE3My44MjguNzggMS4yNCAxLjc1MSAxLjI0IDIuOTEyIDAgLjY2LS4xMiAxLjI5LS4zNiAxLjg5YTcuMTQzIDcuMTQzIDAgMCAxLTEuMDUgMS44NzJjLS4zNC40MzMtLjk1MiAxLjA1Ny0xLjg0IDEuODctLjg4Ni44MTUtMS42ODcgMS4zNTUtMS45MjcgMS42MjItLjIzMy4yNjctLjQyMy40MDgtLjU3LjY2Mmg1Ljc0OHYzSDIxLjk4Yy4xMDctLjk4Ny40MjctMi4xOTIuOTYtMy4wNzIuNTM0LS44ODcgMS44MjUtMi4wNiAzLjQtMy41MjIgMS4yNjctMS4xOCAxLjk3Mi0xLjk4MiAyLjI1OS0yLjQwMi4zODctLjU4LjQwMi0xLjE1NC40MDItMS43MjEgMC0uNjI3LjAwOC0xLjEwOC0uMzMyLTEuNDQxLS4zMzMtLjM0LTEuMDM1LS41MS0xLjYyOS0uNTEtLjU4NyAwLTEuMDUzLjE3OC0xLjQuNTMxLS4zNDcuMzU0LS41NDYgMS4zMTYtLjYgMi4xMzdoLTMuMDM5Yy4xNjctMS41NDguOTI4LTMuMzE1IDEuODA5LTMuOTg5Ljg4LS42NzMgMS45OC0xLjAxMSAzLjMtMS4wMTF6TTE3LjAwMiAzMy4wMzZoM3YxLjkyOGMwIC44MTQtLjA3MyAxLjQ1NS0uMjEzIDEuOTIyLS4xNC40NzMtLjQwNy44OTgtLjggMS4yNzEtLjM4Ny4zNzQtLjg4LjY2Ni0xLjQ4MS44OGwtLjU0OS0xLjE2MWMuNTY3LS4xODcuOTY5LS40NDMgMS4yMS0uNzcuMjQtLjMyNy4zNjctLjUwMy4zOC0xLjA3aC0xLjU0N3oiIGZpbGw9IiNmZmYiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIuNjEyIi8+PC9zdmc+Cg==","parser-html.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjYuMDAxIDcuMDM0bC0yMiAuMDQzdjQ1Ljk1OGgzMnYtMzZ6bS0xMyAxM2wzIDItNiA4IDYgOC4wMDEtMyAyLTctMTB6bTEzIDBsNyAxMC03IDEwLjAwMS0zLTIgNi04LTYtOHoiIGZpbGw9IiNmZmYiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIuNjEyIi8+PC9zdmc+Cg==","parser-json.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjYuMDAxIDcuMDM0bC0yMiAuMDQzdjQ1Ljk1OGgzMnYtMzZ6bS05LjE3IDEwLjAwMmgxLjE5N3YzLjExYy0uOTc0IDAtMi4xLjA1Ny0yLjM4MS4xN2ExLjE0NiAxLjE0NiAwIDAgMC0uNjA2LjQ5M2MtLjEzMS4yMTctLjE5Ny41OTMtLjE5NyAxLjEzMSAwIC41NDYtLjA0IDEuNTgzLS4xMTkgMy4xMS0uMDQ0Ljg1OC0uMTU4IDEuNTU2LS4zNDIgMi4wOTMtLjE4NC41My0uNDIxLjk2OC0uNzEgMS4zMTUtLjI4MS4zNDctLjcxNi43MDUtMS4zMDMgMS4wNzguNTE3LjI5NS45MzkuNjQyIDEuMjYzIDEuMDQuMzM0LjM5MS41ODguODY5Ljc2NCAxLjQzMy4xNzUuNTYzLjI5IDEuMzE4LjM0MiAyLjI2M2E4Ni45IDg2LjkgMCAwIDEgLjA5MiAyLjc1NmMwIC41NzMuMDcuOTcyLjIxIDEuMTk4LjE0LjIyNS4zNS4zOTUuNjMxLjUwNy4yOS4xMjIgMS40MDguMTgyIDIuMzU2LjE4MnYzLjEyMUgxNi44M2MtMS4xODUgMC0yLjA5My0uMDk1LTIuNzI1LS4yODVhMy42OSAzLjY5IDAgMCAxLTEuNjA0LS45MjQgMy4zIDMuMyAwIDAgMS0uODY5LTEuNjEzYy0uMTQ5LS42MzMtLjIyNC0xLjYzNC0uMjI0LTMuMDA0IDAtMS41OTYtLjA3LTIuNjMzLS4yMS0zLjExLS4xOTItLjY5My0uNDg3LTEuMTg3LS44ODItMS40ODItLjM4Ni0uMzAzLTIuNTA5LS41MzktMy4zMTYtLjU4MnYtM2MuNjQtLjAzNSAyLjY0OS0uMTkgMi45NzQtLjM0Ni4zMjQtLjE1Ni42MDUtLjQxNy44NDItLjc4MS4yMzctLjM3My4zOTgtLjgzNi40ODYtMS4zOS4wNy0uNDE3LjEwNi0xLjE0My4xMDYtMi4xNzUgMC0xLjY4Mi4wOC0yLjg1Mi4yMzgtMy41MTEuMTU4LS42NjguNDQzLTEuMjAxLjg1NS0xLjYuNDEzLS40MDggMS4wMTItLjcyOSAxLjgwMS0uOTYzLjUzNS0uMTU2IDMuNjc3LS4yMzQgMi41MjctLjIzNHptNS4xNTcgMGgxLjE5N2MxLjE1IDAgMS45OTMuMDc4IDIuNTI4LjIzNC43OS4yMzQgMS4zODguNTU1IDEuOC45NjMuNDEzLjM5OS42OTguOTMyLjg1NiAxLjYuMTU4LjY1OS4yMzggMS44My4yMzggMy41MTEgMCAxLjAzMi4wMzYgMS43NTguMTA2IDIuMTc0LjA4Ny41NTUuMjUgMS4wMTguNDg2IDEuMzkuMjM3LjM2NS41MTcuNjI2Ljg0Mi43ODIuMzI0LjE1NiAyLjMzMy4zMTEgMi45NzMuMzQ2djNjLS44MDcuMDQzLTIuOTMuMjc4LTMuMzE1LjU4Mi0uMzk1LjI5NS0uNjkuNzg5LS44ODMgMS40ODItLjE0LjQ3Ny0uMjA5IDEuNTE0LS4yMDkgMy4xMSAwIDEuMzctLjA3NSAyLjM3LS4yMjQgMy4wMDQtLjE1LjY0MS0uNDQgMS4xOC0uODcgMS42MTNhMy42OSAzLjY5IDAgMCAxLTEuNjAzLjkyNGMtLjYzMi4xOS0zLjkwOS4yODUtMi43MjUuMjg1aC0xLjE5N3YtMy4xMjFjLjk0NyAwIDIuMDY2LS4wNiAyLjM1Ni0uMTgyLjI4LS4xMTIuNDktLjI4Mi42My0uNTA4LjE0LS4yMjUuMjExLS42MjUuMjExLTEuMTk3IDAtLjM5OS4wMy0xLjMxNi4wOTItMi43NTYuMDUzLS45NDUuMTY2LTEuNy4zNDItMi4yNjQuMTc1LS41NjMuNDMtMS4wNDEuNzY0LTEuNDMxYTQuNDM0IDQuNDM0IDAgMCAxIDEuMjYzLTEuMDQxYy0uNTg3LS4zNzMtMS4wMjItLjczMS0xLjMwMi0xLjA3OC0uMjktLjM0Ny0uNTI3LS43ODYtLjcxMS0xLjMxNS0uMTg1LS41MzctLjI5OC0xLjIzNS0uMzQyLTIuMDk0LS4wOC0xLjUyNi0uMTItMi41NjMtLjEyLTMuMTA5IDAtLjUzOC0uMDY1LS45MTQtLjE5Ny0xLjEzYTEuMTQ2IDEuMTQ2IDAgMCAwLS42MDUtLjQ5NWMtLjI4LS4xMTMtMS40MDctLjE3LTIuMzgtLjE3eiIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9Ii42MTIiLz48L3N2Zz4K","parser-xml.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjYuMDAxIDcuMDM0bC0yMiAuMDQzdjQ1Ljk1OGgzMnYtMzZ6bS0xMyAxM2wzIDItNiA4IDYgOC4wMDEtMyAyLTctMTB6bTEzIDBsNyAxMC03IDEwLjAwMS0zLTIgNi04LTYtOHoiIGZpbGw9IiNmZmYiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIuNjEyIi8+PC9zdmc+Cg==","parser-yaml.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjYuMDAxIDYuOTg3bC0yMiAuMDQzdjQ1Ljk1OGgzMlYxNi45ODd6TTEwLjU2NyAxOS4zNjJoNS4zNTJjLjc2OCAwIDEuMjgyLjEwNCAxLjU0My4zMTMuMjczLjIwOC40MS41NzMuNDEgMS4wOTMgMCAuNTIxLS4xNjMuODg2LS40ODggMS4wOTQtLjMxMy4yMDktLjg5Mi4zMTMtMS43MzkuMzEzaC0uNjQ0bDQuNzI2IDguNDc3IDQuOTAzLTguNDc3aC0uODAxYy0uNzAzIDAtMS4xOTEtLjEwNC0xLjQ2NS0uMzEzLS4yNzMtLjIwOC0uNDEtLjU3My0uNDEtMS4wOTQgMC0uNTQ2LjExNy0uOTE4LjM1Mi0xLjExMy4yMzQtLjE5NS44MjYtLjI5MyAxLjc3Ny0uMjkzaDMuNTk0Yy45OSAwIDEuNjIuMTA0IDEuODk0LjMxMy4yODcuMTk1LjQzLjU2LjQzIDEuMDkzIDAgLjUyMS0uMTQzLjg4Ni0uNDMgMS4wOTQtLjI3My4yMDktLjguMzEzLTEuNTgyLjMxM2gtLjMxMmwtNi42NCAxMS4zODd2Ni4yMTFoMi44NWMxLjAwMyAwIDEuNjQxLjA5OCAxLjkxNS4yOTMuMjg2LjE4Mi40My41MzQuNDMgMS4wNTUgMCAuNTM0LS4xNDQuOTA1LS40MyAxLjExMy0uMjc0LjE5NS0uODM0LjI5My0xLjY4LjI5M2gtOS4yNzdjLS44NDcgMC0xLjQwNi0uMDk4LTEuNjgtLjI5My0uMjczLS4yMDgtLjQxLS41OC0uNDEtMS4xMTMgMC0uNTIxLjE1LS44NzMuNDUtMS4wNTUuMzEyLS4xOTUuOTUtLjI5MyAxLjkxMy0uMjkzaDIuODMyVjMzLjI5bC02LjUwNC0xMS4xMTRoLS4zMzJjLS43ODEgMC0xLjMxNS0uMTA0LTEuNjAxLS4zMTItLjI4Ny0uMjA5LS40My0uNTczLS40My0xLjA5NCAwLS40ODIuMTE3LS44MzMuMzUxLTEuMDU1LjI0OC0uMjM0LjYyNi0uMzUxIDEuMTMzLS4zNTF6IiBmaWxsPSIjZmZmIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iLjYxMiIvPjwvc3ZnPgo=","range.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC4wMDMgNDIuMDA3aDV2LTE4aC01ek04LjAwMyAyMC4wMDZoNXYtNWgtNXpNMjUgNTIuMDA3aDh2LTI5aC04ek0yNSAxNS4wMWg4di04aC04eiIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSJub25lIi8+PHBhdGggZD0iTTE1LjgxOSAxNS42MzlsNi4yOTMtMi41MTdNMTUuMTkgNDIuMzg1bDcuMjM2IDMuNzc1IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMS4yNTg2MiIvPjwvc3ZnPgo=","rbe.png":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wcPFiwJnbnE1AAAAIlJREFUWMPtl7sJgEAQRGcPYwMbELQni7AJW7QYEzEYYwX1vog4L13YeWw0CwjxR0hOjKCEiC8LyZXkTLIvIWIBMiPJ1ne3xVzlsMDMrubn2RMu5UqhYUVlciMZyUhGMpKRjGQk87ZMauGuPAIaABuADsCQMzyoA6eExVRSd/eKRHrUubuxEJ9gB2tHwAJpckKMAAAAAElFTkSuQmCC","redis.png":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAG7AAABuwBHnU4NQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAJdSURBVEiJ7ZVNSFVREMd/zxQL2kSBQl+4qSgoKVxKrSoo+lgNLdUylSzaJLWpNhG0SPuwoIW0sTvRIhShTSRRELTQQEOjoiCoJLEPi1Ly3+KdZ+c9nwbiIqiBw+XMnf/vMnPmzE0lScJcWsGc0v4D58QK/xRgZkXA0rD94u7DswKa2QrgIFADlAT3TzPrAJrd/X4+XSruQzNLAduBemAH6ZK8B7qAcWA1sCWE9wAtwA13H5uEJEmCpCWSjkl6od/WLckkFSVJQmZJ2iCpTdL3EPdO0klJJUmSTKb8BigGPgOXgCvu/jRfSu7+BKgys6aQST1wCjgOzM8Ai4FeoNLdR6eraw54CDhtZmeBh8AmyD6UcuCRmTUD7e7+bSagmRUCVUAdsDHjzwAvA/uAdcA14JyZXQeuuvtADmgRcAA4BCwP7g/ATWDyUBSK3CHpoqRX0eHcldQoqU5Sq6TR4B+WdEvSPUljkpQkSRbwmaSKsC+QtFNSl6SfyrZ+SbWSFoTYckmDucC+SNAjqToSlEnaE1Zl9MHdkh5Eur4YOBi9GA/PEUnnJa2KenChpMOSnoeYiUg3mJvygKQKSSWSTkh6HYn6JfVK+hR8X0M91wTNQCbleNqsDC2wzN3PAGXALuAOsBgoBd4CTSGmIehqgjarbRpJd3w1UG1mj4HWdP96Z54e3GpmR4FtQAp4CVyAqcNhM9AA7AWKgBGgDbhNejisB44Aa4OkG2gGOt19YgowApcC+4HaqHkz9gNoB1rCvc6yvMAIPI/0GMtcrY+kr+XQdJoZgbOxv/8n9Q8CfwE7dg5XDmjPIwAAAABJRU5ErkJggg==","rpi.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIiBzdHJva2Utd2lkdGg9Ii4xMzgiPjxwYXRoIGQ9Ik0yMC4yMSAyMC45OGMyLjA5Ni0uMDIzIDQuNjk0IDEuNTYyIDQuNjgzIDMuMDU4LS4wMSAxLjMyLTEuODI0IDIuMzktNC42NjcgMi4zNy0yLjc4NC0uMDM0LTQuNjU2LTEuMzQ0LTQuNjUtMi42MjMuMDA1LTEuMDUzIDIuMjcxLTIuODY2IDQuNjM0LTIuODA1ek0xMy4wNyAyMS44N2MuNDY5LS4wMDkuOTU0LjAyOCAxLjQ0OS4xMTEgMS40NTguMjQ1LTYuOTkgNy42MjMtNy4xMiA1Ljk3Ny0uMTE2LTMuNzU2IDIuMzktNi4wMjcgNS42NzEtNi4wODh6TTI2LjkxIDIxLjk5YzMuMjguMDYxIDUuNzg3IDIuMzMgNS42NyA2LjA4Ni0uMTMgMS42NDUtOC41NzctNS43My03LjExOS01Ljk3NWE3LjgzIDcuODMgMCAwIDEgMS40NDktLjExMXpNMjUuNzYgMjYuNTljMS41Ni4xNDMgMy4xNDMgMS4wOCA0LjE3NSAyLjY0MyAxLjY1MiAyLjUgMS4yNyA1LjY1Ni0uODU1IDcuMDQ4LTIuMTI1IDEuMzkyLTUuMTg1LjQ5Mi02LjgzNy0yLjAwOC0xLjY1Mi0yLjUtMS4yNjktNS42NTYuODU1LTcuMDQ4Ljc5Ny0uNTIyIDEuNzI1LS43MiAyLjY2Mi0uNjM1ek0xNC43IDI2Ljg0Yy45MzctLjA4NiAxLjg2NS4xMTMgMi42NjEuNjM1IDIuMTI1IDEuMzkyIDIuNTA4IDQuNTQ4Ljg1NiA3LjA0OC0xLjY1MiAyLjUtNC43MTIgMy4zOTctNi44MzcgMi4wMDUtMi4xMjQtMS4zOTItMi41MDctNC41NDUtLjg1NS03LjA0NSAxLjAzMi0xLjU2MyAyLjYxNC0yLjUgNC4xNzUtMi42NDN6TTMzLjA1IDI5LjZhLjcyOC43MjggMCAwIDEgLjIwNC4wMjZjMy44MDYgMi4xNzMgMy4xNDUgNy4wMSAxLjA5MiA4LjY2LTEuODA4LjgwNC0zLjI5LTguNjUzLTEuMjk2LTguNjg2ek02Ljk1IDI5LjczYzEuOTk0LjAzMy41MTIgOS40OS0xLjI5NiA4LjY4Ny0yLjA1My0xLjY1MS0yLjcxNC02LjQ4NiAxLjA5Mi04LjY2YS43MzguNzM4IDAgMCAxIC4yMDQtLjAyN3pNMjAuMyAzNi4yM2MyLjgzMi0uMDE0IDUuMTQxIDIuMDkzIDUuMTU2IDQuNzA0di4wNDljLjAxNSAyLjYxLTIuMjY5IDQuNzM4LTUuMSA0Ljc1Mi0yLjgzMi4wMTQtNS4xNDEtMi4wOS01LjE1Ni00LjcwMWEyLjk5NiAyLjk5NiAwIDAgMSAwLS4wNTFjLS4wMTUtMi42MTEgMi4yNjgtNC43NCA1LjEtNC43NTN6TTMxLjY2IDM4LjAyYy40LS4wMTEuNzc3LjEwMiAxLjExNS4zNjQuOTEuOTA3IDEuNDQzIDQuMzItLjE1IDYuMzY2LTIuMTk1IDMuMDQ1LTUuMTY1IDMuMTY0LTYuMjcyIDIuMzE2LTEuMTU3LTEuMDkyLS4yNzQtNC40ODIgMS4zMTMtNi4zNCAxLjM2MS0xLjUzOCAyLjc5My0yLjY3NSAzLjk5NC0yLjcwNnpNOC42NSAzOC43NGMxLjI5LjA1NSAyLjgzNiAxLjA3NiA0LjA5OSAyLjU0IDEuNDY2IDEuNzY4IDIuMTM1IDQuODcyLjkxIDUuNzg4LTEuMTU3LjY5OC0zLjk2OC40MDktNS45NjctMi40NjMtMS4zNDctMi40MDktMS4xNzUtNC44Ni0uMjI5LTUuNThhMi4wNyAyLjA3IDAgMCAxIDEuMTg3LS4yODV6TTIwLjM1IDQ3LjIxYzIuMDYtLjA5IDQuODI0LjY2MyA0LjgzIDEuNjYyLjAzMy45Ny0yLjUwOCAzLjE2My00Ljk2NyAzLjEyLTIuNTQ3LjExLTUuMDQ1LTIuMDg1LTUuMDEyLTIuODQ2LS4wMzgtMS4xMTYgMy4xMDItMS45ODcgNS4xNDktMS45MzZ6TTM1LjEzIDExLjAzYy0uNTY5IDcuMzU2LTcuNDA5IDE0LjEyOC0xMS42MjkgNi45NzEgMS4zNjMtMS41MiAzLjg1My0zLjMwNiA4LjEzMy01LjUxMy0zLjMzIDEuMTMyLTYuMzM1IDIuNjQtOC44NSA0LjcxNi01LjgzOC00LjI5NiA0LjczNC05LjY3NSAxMi4zNDYtNi4xNzR6Ii8+PHBhdGggZD0iTTUuNDIgMTEuMDNjLjU2OSA3LjM1NiA3LjQwOSAxNC4xMjggMTEuNjI5IDYuOTcxLTEuMzYzLTEuNTItMy44NTMtMy4zMDYtOC4xMzMtNS41MTMgMy4zMyAxLjEzMiA2LjMzNSAyLjY0IDguODUgNC43MTYgNS44MzgtNC4yOTYtNC43MzQtOS42NzUtMTIuMzQ2LTYuMTc0eiIvPjwvZz48L3N2Zz4=","serial.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC41IDQ3LjVoNGwuMDQtMzQuOTk1TDE5LjUgMTIuNXYzNWgxMXYtMzVoNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2Utd2lkdGg9IjUiLz48L3N2Zz4K","sort.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjAuMDAxIDE5Ljk1NWwtNy41LTguMTc4LTcuNSA4LjE3OGg1djI4aDV2LTI4ek0zNS4wMDEgMzkuOTU1bC03LjUgOC4xNzctNy41LTguMTc3aDV2LTI4aDV2Mjh6IiBmaWxsPSIjZmZmIiBzdHJva2Utd2lkdGg9Ii41MzEiLz48L3N2Zz4K","split.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYuMDAxIDM5Ljk5bC0uMDMyLTE5Ljk1Ny0xMS45NjguMDE3djE5Ljk4M2wxMi0uMDQ1TTM0LjAwMSAyOC4wMjdsLTQgLjAwNHYzLjk5N2w0LS4wMU00MC4wMDEgMjguMDI3bC00IC4wMDR2My45OTdsNC0uMDFNMjcuMDAxIDMwLjAyN2wtNy03Ljk4NnYxNS45ODZNMzQuMDAxIDIwLjAyN2wtNCAuMDA0djMuOTk3bDQtLjAxTTQwLjAwMSAyMC4wMjdsLTQgLjAwNHYzLjk5N2w0LS4wMU0zNC4wMDEgMzYuMDI3bC00IC4wMDR2My45OTdsNC0uMDFNNDAuMDAxIDM2LjAyN2wtNCAuMDA0djMuOTk3bDQtLjAxIiBmaWxsPSIjZmZmIiBzdHJva2Utd2lkdGg9Ii42MTIiLz48L3N2Zz4K","status.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAzMGg5bDMuNS0xMCA1IDI1IDUuMTI1LTMwTDI3LjUgNDAgMzEgMzBoOSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbWl0ZXJsaW1pdD0iNi41IiBzdHJva2Utd2lkdGg9IjQiLz48L3N2Zz4K","subflow.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjUgMjUuOTRoN2MuNTggMCAxLS40MiAxLTF2LTJjMC0uNTgtLjQyLTEtMS0xaC03Yy0uNTggMC0xIC40Mi0xIDF2MmMwIC41OC40MiAxIDEgMXptLTE3IDEyaDdjLjU4IDAgMS0uNDIgMS0xdi0yYzAtLjU4LS40Mi0xLTEtMUg4Yy0uNTggMC0xIC40Mi0xIDF2MmMwIC41OC40MiAxIDEgMXptLS40MTYgMTFDNS42MjQgNDguOTQgNCA0Ny4zMTUgNCA0NS4zNTZWMTQuNTIyYzAtMS45NiAxLjYyNS0zLjU4MiAzLjU4NC0zLjU4MmgyNC44MzJjMS45NiAwIDMuNTg0IDEuNjIzIDMuNTg0IDMuNTgydjMwLjgzNGMwIDEuOTYtMS42MjUgMy41ODQtMy41ODQgMy41ODR6TTMyIDM2Ljk0SDE5YzAgMi4xOS0xLjgxIDQtNCA0SDd2NC40MTZjMCAuMzUuMjM1LjU4NC41ODQuNTg0aDI0LjgzMmMuMzUgMCAuNTg0LS4yMzUuNTg0LS41ODR2LTguNDE3em0xLTJ2LTZoLThjLTIuMTkgMC00LTEuODEtNC00aC0xYy00LjMzMy0uMDAyLTguNjY3LjAwNC0xMyAwdjZoOGMyLjE5IDAgNCAxLjgxIDQgNGgxM3ptMC0xNnYtNC40MThjMC0uMzUtLjIzNS0uNTgyLS41ODQtLjU4Mkg3LjU4NGMtLjM1IDAtLjU4NC4yMzMtLjU4NC41ODJ2OC40MTdjNC4zMzMuMDAyIDguNjY3LjAwMSAxMyAuMDAxaDFjMC0yLjE5IDEuODEtNCA0LTRoOHoiIGNvbG9yPSIjMDAwIiBmaWxsPSIjZmZmIi8+PC9zdmc+Cg==","swap.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTIuNzg3IDI2LjQzMkw5LjUgMTguMDAzaC00LjV2LTVoOGwyLjI4NiA2LjI4Nm01LjM1NyAxNC4yODZsMy4zNTcgOC40MjhoNHYtOGw3IDEwLjUtNyAxMC41di04aC03LjVsLTIuMzU3LTYuMjg2Ii8+PHBhdGggZD0iTTEzLjAwMSA0Ny4wMDNsMTAuODU3LTI5aDQuMTQzdjhsNy0xMC41LTctMTAuNXY4aC03LjVsLTExIDI5aC00LjV2NXoiLz48L2c+PC9zdmc+","switch.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNS4wMDEgMjcuMDA2djZsMTAuMTItLjAxNCAzLjAyMyA3LjcyOCAyLjM1NyA2LjI4Nmg3LjV2OGw3LTEwLjUtNy0xMC41djhoLTRsLTMuMzU3LTguNDI5Yy0uNDc1LTEuMjY3LS45My0yLjQzNS0xLjI5NS0zLjYwMWw0LjUxLTExLjk3SDI4djhsNy0xMC41LTctMTAuNXY4aC03LjVMMTUuMDk4IDI3eiIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSJub25lIi8+PC9zdmc+Cg==","template.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMzAuMDQxIDQ3LjkxdjMuNDg1aC0xLjVxLTYuMDI3IDAtOC4wODQtMS43OS0yLjAzMy0xLjc5Mi0yLjAzMy03LjE0VjM2LjY4cTAtMy42NTUtMS4zMDctNS4wNTgtMS4zMDYtMS40MDQtNC43NDMtMS40MDRoLTEuNDc2di0zLjQ2aDEuNDc2cTMuNDYgMCA0Ljc0My0xLjM4IDEuMzA3LTEuNDA0IDEuMzA3LTUuMDF2LTUuODA4cTAtNS4zNDkgMi4wMzMtNy4xMTYgMi4wNTctMS43OSA4LjA4My0xLjc5aDEuNTAxdjMuNDZoLTEuNjQ2cS0zLjQxMiAwLTQuNDUzIDEuMDY1LTEuMDQgMS4wNjUtMS4wNCA0LjQ3N3Y2LjAwMnEwIDMuOC0xLjExNCA1LjUxOC0xLjA4OSAxLjcxOS0zLjc1IDIuMzI0IDIuNjg1LjY1MyAzLjc3NSAyLjM3MSAxLjA4OSAxLjcxOSAxLjA4OSA1LjQ5NHY2LjAwMnEwIDMuNDEyIDEuMDQgNC40Nzd0NC40NTMgMS4wNjV6IiBmaWxsPSIjZmZmIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iLjcxOSIvPjwvc3ZnPgo=","timer.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjb2xvcj0iIzAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU0MCAtOTg3LjM2KSI+PHBhdGggZD0iTTU2NS40MyAxMDAxLjljNi41NjIgMi4wODkgMTEuMzE2IDguMjMzIDExLjMxNiAxNS40ODggMCA4Ljk3NS03LjI3NSAxNi4yNS0xNi4yNSAxNi4yNXMtMTYuMjUtNy4yNzUtMTYuMjUtMTYuMjVjMC0yLjgwMi43MS01LjQzOCAxLjk1OC03Ljc0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIzIiBzdHlsZT0iaXNvbGF0aW9uOmF1dG87bWl4LWJsZW5kLW1vZGU6bm9ybWFsIi8+PGNpcmNsZSBjeD0iNTYwIiBjeT0iMTAwMS40IiByPSIxLjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjMiIHN0eWxlPSJpc29sYXRpb246YXV0bzttaXgtYmxlbmQtbW9kZTpub3JtYWwiLz48cGF0aCBkPSJNNTYwIDEwMTQuNGMtMS4yMDYgMC0xMS0xMC45OTktMTIuMzU0LTkuOTc1UzU1NyAxMDE2LjE0OCA1NTcgMTAxNy40czEuMzYgMyAzIDMgMy0xLjM2MSAzLTMtMS43OTQtMy0zLTN6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPgo=","trigger.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC41IDQ3LjQ2aDRsLjA0LTM0Ljk5NSAxMC45Ni0uMDA1djM1aDE2IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS13aWR0aD0iNSIgZmlsbD0ibm9uZSIvPjwvc3ZnPgo=","watch.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzU1IC03MDQuMzYpIj48Y2lyY2xlIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00My4wOTEgLTQ0Ljc1Mikgc2NhbGUoLjgxODE4KSIgY3g9IjUwNS41IiBjeT0iOTQxLjg2IiByPSIxNC41IiBjb2xvcj0iIzAwMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjQiLz48cGF0aCBkPSJNMzc3LjYyIDczNy44Nmw4Ljg3NyAxNS41IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI2Ii8+PC9nPjwvc3ZnPgo=","white-globe.svg":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjAgMTJhMTggMTggMCAwIDAtMTQuMjQ2IDcuMDMzbDIuNTI3Ljg0NCAxLjk4My0xLjc5NyA0Ljg5LTMuNzE1Ljk5LjkzLTQuMDg1IDEuOTE4LS4wNjMgMi40MTYgMy4yMi0uODA1Yy45NS0uNjggMS44OTktMS4zNjQgMi44NDktMi4wNDVsLS4yNDktMi4yOWgxLjM2NGMxLjUwNi0uNTE3IDMuMDEzLTEuMDMyIDQuNTItMS41NDhsMS4zNDEgMS4zMjUtLjM1MSAxLjk1Ny0yLjA0My0uMTg2IDEuOTgyIDIuNjYyLTIuNDc3IDEuODU4di0xLjYxbC0yLjI5LjEyM2MtLjg2OC42Ni0xLjczNSAxLjMyMi0yLjYwMiAxLjk4M2wtLjM3MSAzLjM0My0zLjA5Ni40OTctMS4wNTMgMi40MTQuNDk0LjQ5NiAxLjE3OC0uMzEgMS4yMzgtMS40MjUgMi4xMDYuMzcxIDEuMTEzIDEuMjM5YzEuNTY5LjY5MSAzLjEzOSAxLjM4MiA0LjcwNyAyLjA3NEgxMS4wNjhsLTEuNjcyIDEuNDU1LS4zMSAyLjY2MiAxLjc5NyAyLjg1IDQuNTgyLjg2Ny45OSAyLjY2Mi0uMzcxIDMuMDk2IDIuMTA1IDEuNjEgMy4yODEuMzFMMjUgNDMuMTU4bC4zNy0xLjYxLjU2LTIuMDQ0Yy40OTUtLjQ5NS45ODgtLjk5MSAxLjQ4NC0xLjQ4NmwuMTI1LTEuNjctMi44NS0xLjY3Mi0xLjQ4NC0yLjE2OCAxLjU0Ny40OTYgMi40MTYgMi40MTQgMi4zNTEtMS4zLjE4Ni0yLjY2My0yLjQxNC0uMzcxLjEyMy0xLjMzMmg0LjY0NGwxLjQyNCAyLjJjLjU3OC4zMDkgMS4xNTcuNjE3IDEuNzM1LjkyN2wtLjI0OS0zLjEyN2gxLjIzOWwxLjMgMy40MzcuNDA1LTEuNDJBMTggMTggMCAwIDAgMzggMzBhMTggMTggMCAwIDAtMTgtMTh6TTIuOTU3IDMzLjgwOWwtLjUxOC4wNDNhMTggMTggMCAwIDAgMi42NzYgNi4yMzhjLjIxLS42MjguNDE4LTEuMjU2LjYyNy0xLjg4NXYtMi4yOUw1IDM0LjI0MmwtMi4wNDMtLjQzNHptMjUuNTI3IDEyLjA0OWwtNS40OTYgMS44ODlhMTggMTggMCAwIDAgNS40OTYtMS44ODl6IiBjb2xvcj0iIzAwMCIgZmlsbD0iI2ZmZiIgc3R5bGU9Imlzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2RlOm5vcm1hbCIvPjwvc3ZnPg==","parser-markdown.png":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAoCAYAAADpE0oSAAAABmJLR0QA/wD/AP+gvaeTAAAB7UlEQVRYw+2VPWhUQRSFv/NcloTFxCRCsBItlNiksrQxtUIKC7W2tFOwEIIoapFCtFFsokmRQmzSJ4WxVgsVF1kkEUkwKqgxPyQem1kYhk3eIiEozIHHm3vveffOvDl3BjIyMjIy/nWoObB9EOiJYuuS3qQf2O4CDgEF4OBuSPoe4gKOAh1RjSVJ87RIVtget70QPXXbZxJep+37Ib4Y3nO2z0ecHtuzSa7xtGYlGu8F+iO7H7hi+4Wk92ElF4CzQFfEWwGqkV0AfVEuA7W0cFGyFYPAiO0acAK4mBT9a1RK4nuAYeA1cBI4vFPiqrTBqQGXw0qL3SwM0FtGsN0dFNwZd0tT2bb3Bf+KpNXtCv8Moqkm/i9AdzJpAbeBA8HuS2IDwBjwG5iyPbbdr/sETAdyPJnHwHq6YKAODAGngP1J/EjwDwIfJLkoOVxuAo1gbwBPgtDUgj8BzGwRE7AK3JU0U9pOkp4BN4AFYBa4lfyBmPsZGAHetQhvAk+Bh+32McAk8AC4Kqlewn0J3AO+Jf63wKikX20XlrQGXJf0vA2ugUdhSzaC+ytwTdKrrdrpB7CYqLeZcDO+PIClSO1rsdgkLdu+AxwHjgUxTu3k7aRo/xqSlhPeOeA0cEnSx127b21Xw6GSkZGRkfGf4g8tS8n281i76AAAAABJRU5ErkJggg==","ui_button.png":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAG7AAABuwBHnU4NQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADNSURBVEiJ7ZQxCsJAEEX/hhSeQhux9gSSe3gBwcIDeDGx9CYWNvYRi8CzMAlr3M0uWYsI+d3A7Pt/ZmClSf8joABK3iqBIhXYQhp4KpC+2qcsyXV0QL7lPhawtC7aKsLAfSzgAhy6aWJT+0YZtM8usIE8JG2GAH0uRWeH26EJXQ1r4A7MfwKsm47AGTAhWCwwqy+/T05nNa9CH4ILGBwpZGyM+WDkoQeSbpIqqz4ZY3Y+wxhgJWlh1bO+5hhgLulq1U9fOilxh939TRqpXsa932DLVhSzAAAAAElFTkSuQmCC","ui_chart.png":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAG7AAABuwBHnU4NQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADVSURBVEiJ7dQva0JhFAdg2bJYZGUywzQNs7DkBxismvwkC8Mug0XrwG6xmtYWjWZZUIMG94ftMWi4iPd6r/c2/cUD5+Ec3sOby51zIkExa1BW1kWKIe5CN0s6IfIY4z0xiKs9tTf84j4RiCI+UQ/UWjZ5ilohDOxsmycoo4IFhrhMBKKEFQaYY4QPTHEdikWAXXzhBg184x+Pkdg+EFX84CVQa+L1IBYC9rDcfWHEu9sgiBr+0I7VHAPsY4ZCVuAtHo7GdsG0OfpzOAhKl+esBzvnpLIGJQw3hKYULUMAAAAASUVORK5CYII=","ui_colour_picker.png":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AwQFgsvH/cw7AAAAhdJREFUSMftlU1LlFEYhq/zopVgMuEipA8IAyGKIpOQIDAiamO0ahFUq/oDBf2Cdi2CCIQg6C9ELVr0SQW5iAxs00bQrEgwGct0Zq42z9jrNOI70Sq6V+frvs9znvN8wH/kobbMSQVEEyBASqk1QZWUEmoHcAIYBHYAs8Bb4BkwllKq1M+u+Tz1gPpUrfo7vqg31Z2FXKIOqJNBrqn31RtquUF4Sj20lliX+ipHeqxuVFGvxQU1dTb2Z9SjjTpZEACGgf7c3hwwH36aDH8/SCmVgJNACbiubmtm3Tr1Sdz8Ta2o8+oF9ZT6Pvauxvn16lysjTQT7Ak/vVOPqGdD8If6PeeGCfWgelFdzD29t1Fwr7qkXqnHnvrS4rgcHLLQ7AIyYEvMS0BHCwkyDLSllGiLhSWgCpxXNwFbgd0tCPaFUTN1Cz8BFaATOANsB8aAWkHBTqBDbcsLfo3xa2AIOAw8LCiYRVgtCy4Ad2M8nlKaSCmVgdHV8gC4DdyLeTleU83/9L5c6PSrfeqLVX51Ud2jHo/5m8i0rDF8RuLAR3U6Uq0ZFtRBtVt9rl6KMrey0tRqtR51vEDcVdWh4Har7XlnLte1LMumgXPAhwIfsSu4MxF2vwRXVNyURoHTwOc1CnM1xylUaHvVW7mczaOsbi7cU3KtoB3YDxwDBoANwBRwB3jUzLJUsPvlXZOllCp/tZX+SXv9h/ET4N13p8IOyEcAAAAASUVORK5CYII=","ui_date_picker.png":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAABmJLR0QA/wD/AP+gvaeTAAAATklEQVRIx2NgGAUjFPz///8/uWoYSTEEH2BkZGTEaSOpLsSqnhIXIutloZahNHMhE7VTCBO5gU/QR0PLy8R4cwR6eegmbNrl5VEwCogHAB0Cc6jSgYOVAAAAAElFTkSuQmCC","ui_dropdown.png":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAG7AAABuwBHnU4NQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABpSURBVEiJ7ZS7CoAwEARnRfxrK//awrU6CRYhkLNQM9UVy9wjEBh8HwHY3lNk0jJliErShXO2OIQHsHW61qvKeJRwPHbDspMBJCnqGpJUFZaBe7iFsXI/f17Z9loLthIT9n4MWY7BKzgBTP0qup60jeAAAAAASUVORK5CYII=","ui_form.png":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNpiYBgFgw4w/v//vwFI/6KSeWwgA/8DGdVUMrCVAWogVQDILBYoo4FahjJRPVao7WVwpDACAbrXgUINxAYFSC3MQEJerifCvHqivUxMcCCrIcbLcDm84YbQ/5++sTzqZaK8zIIm2YAlsTZQMy83EmFGI03zMqz4qhq0VcBorToIAUCAAQDBm54wNDH87wAAAABJRU5ErkJggg==","ui_gauge.png":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAG7AAABuwBHnU4NQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAF4SURBVEiJ7ZTPK0RRHMXPnUSywGgshpXxLxgW2LBTytLKgoUiRcmOLJSyY6dEyX8wmq2FhYU1hfzYSGpmYzTNLHws5jtczzM/rOfU69s953vO/d7Xu09qoIG64SqJQJekIUlxo54lXTjnMnXtAiSBUyAPFANPHkgBA1UnBCKStiStmFaQdC7p3lr6JA1LapGEpB1J6865j78mO7ApcsAG0B7S0wFsAu/Wu/9X2II1ZICRGl7LKJA1z3xQjAKvJk5WC/N8U+Z5ATp9YcmEVK1hnjdt3kVJihg/YfWo3kBJh4EMCXiyXeLhnh8TDQLT3rrHvI9+U87I5hoCr4B+b91i3jfp+8hZq9EqYXOS2pxzdx5d9mT9wFuroV+/hbVKWpZ0FpCSVm/8wLTVmQoDbqt0U44DfNmT/mKAbvtIC8BYyHS9wANwDTR5/Lh3GWJB05qJl0DwjqcoIeVxznqLwOqv8wARYA9IhGgx4ASYDfAJYNd+Kg008F98AoTJY9ZKCu6sAAAAAElFTkSuQmCC","ui_numeric.png":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAG7AAABuwBHnU4NQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEUSURBVEiJ7dK9LgRhFIfxsz4SttgaEZ1CJEoNCYVoRUeLRqfYGxCJULoFoZNIFLqtRKFQuQFBrbIivn4K7zKZ3UVCoZinOjln/s97ZuaNKCgoaAa96Go3HMAtNjO9ZVzjAWcYTf0KjvCMe6zlZfO49M5m6g2mwC5mcYVamlXxiDns4QVDWeELdnLCPqw0HkQNF6nuwXCq1/GE/qxwGJ1ZYe4NZlJoI9ffTZlqq2/YUogp1HGKcm42ntlw+lshJnCHE1Qy/RFMprqcclutf/dnqBIRBxHRHRGHEbGAeqlU2o+I5YhYxWJEjKXI+ZcbYkkzN43DcIzXdKW2UfpqwR/h/WJ3/1rUjo8V4S+EHX8hKSj4b7wBmFxhytCBdoQAAAAASUVORK5CYII=","ui_slider.png":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAG7AAABuwBHnU4NQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABVSURBVEiJ7dNBCgAgCARA7f9/tlOQIiJpJOEcQ0oXA2j/Q+2QiIgVIap1mhHtSGIvy87cl2wT3O1wKZVhOvcoAL4oem1sTzJMZ4588mN6bbgSGba4CZuaJByfIWmXAAAAAElFTkSuQmCC","ui_switch.png":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAG7AAABuwBHnU4NQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEJSURBVEiJ7ZNNSsNQFEbPc9AKLkAHgh35M3QLLYK0W7HqetyK0q7BUn8GohRxasBWhE6Og6byDHlpx5oDGeTm3pOb5AvU1PwH1E31Qh2rM3WeOGZ5z7naXM6HgmwXuAG2ga2S+30CE2CYn7eBI+AZ6IQQ3oqbPapfiY3e1dOSJ+qqH+pDvCnqpZolZFmZrCCdq/0QFcfAfmLmLoRwnBLm8yMgbES1VkX/sOLakgHQioWuMbSSWDip6Guv4WoDL7HwikUsythTuymT2gMOc8dPsbkiNlmZVO3lsblXG2XBvgZ2SAf7lcUHAOgAB8ATcPIr2JG0ofbVkTqt+PWm6q16pjZSr6Om5k/wDYhUJfwAsEtnAAAAAElFTkSuQmCC","ui_template.png":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAG7AAABuwBHnU4NQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEaSURBVEiJ7dE/L4NRGAXw90W6EKMahEGMoh2wqUVC7d3EZjdZjGb1GXwIk6WpiVHMJEQwNUHjT+JncCXN9bZCGomkZ7r3nPOce3OeJOmhh38I7GC4W2GDeMLkb4b7MrgV3CBt5/lCBONEkiQnKEfSUpIkh2maCtoxxr/7WQl3eMRMpJ1iPZwLaAbvQruwDbzgErORNoo3jLVwBZzjFVtxWNUHahjJeGwNZxl8HvUwW20VGrhvt0HsY6+NNoUHNFrJSujkFqVoIMU1VjPCFkOPTVRisYCLuBNM4xlDkf+z8yvMZf0+7mQ5cJuoRb5y8NSRzwxrMefCkorhfoDtyFPELnIdwzLC+8Ky5n802CFwAEfo70pgDz38Ad4Br8tc7FtGcAwAAAAASUVORK5CYII=","ui_text.png":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAG7AAABuwBHnU4NQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEWSURBVEiJ7ZMhS0RBFEbPyDMYhGXB5poFm2GNJpHFplXQ32AVYYO4xSIGQTAqGhQ0mGwmDQYRZJPYXGQRMYnwjsFZGQyy4YUN75SB716Gc+8wUFJSUgBqU/3qt3+oaIHfC9W62vaHN3UlbVTX1Xv1SB2L2ZR6oT6qp2otNVwGOsAi0Aa2kloG1IAW0AB21BHgEqgAm8A0sJ8aDKtz6rb6pOZqiDvM4wWoB+qLOhOnacS8qmap4TGwBzwD1wAhBJN6iGfvgbI/eQUYTw3f1TN1Ur1V85g3o8muOq921BN1VH1Vr9SFuMeb1HADmAXOgTsgqBNJ/RM4BB6AtRDCB7AEVON0XWCVgae3UFT/a+yXwn9KSckg8A2LRsxzeZWjFAAAAABJRU5ErkJggg==","ui_toast.png":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAG7AAABuwBHnU4NQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADeSURBVEiJ7ZKxCQJBFERnRQ5BUCzAxEB7sAB7EGzB6EJzE0OLsAGbMDW0AROTM9E70GcyyiknihiI3MDn/52dP8vuX6lEiT9EkCQg+4pZCFHFdfoFv1SSroYdSRNJW69PbxicnXeSZpK6tx0gBlpABAyBFZABB+d8XLmVtZF747xhBiTAHOiZ6wMLG6SOg7m+NT33JHdzyJ1+dOMSGAABaANTR9vcwJrUPdkzw8drbYAxUAdqwAhYP3sO6fW3wZq966aHUSkShxCi6otJBudGjis0e2vzE/y+YYkSf4kLDcYTu4mDJeQAAAAASUVORK5CYII=","ff-logo.svg":"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MCIgaGVpZ2h0PSIxMzUiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDkwIDEzNSI+PHNjcmlwdCB4bWxucz0iIi8+CiA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLjAwNzggMCAwIDEuMDA3OCAtNjcuMDA3IC02NS45MTQpIj4KICA8cGF0aCBkPSJtNzcuNzcgOTIuN2MtMy40OTcgMC02LjMxMSAyLjgxNi02LjMxMSA2LjMxMy0wLjAwNTIgMTEuNTUtMC4wMTMxNiAyMy4xMS0wLjAxNDk5IDM0LjY2IDcuNSAwLjA0NDQgMTUuMDEgMC4yMTcgMjIuNDktMC4zMTgzIDEwLjQzLTAuOTUxMSAxOS42MS02LjU1MiAyOS4yMi0xMC4yMyA4Ljc0Mi0zLjY5NyAxOC4xMy01Ljk0MSAyNy42Ni01Ljc0MWwtMWUtMyAtMTguMzhjNGUtMyAtMy40OTgtMi44MTUtNi4zMTMtNi4zMTEtNi4zMTN6bTczLjA1IDM3LjE5Yy0xLjA1NSAwLjAxNjktMi4xMTEgMC4wNDU3LTMuMTY2IDAuMDg4OS0xMS42NC0wLjA0NDgtMjEuOTYgNS45NzQtMzIuNDYgMTAuMTkgOC4xMTUgMy4yODMgMTUuOTUgNy40NTQgMjQuNTUgOS4zODkgMy42NzUgMC41NTc2IDcuMzcyIDAuODI5MiAxMS4wOCAwLjkwODV6bS03MS4xMyAxNi41N2MtMi43NDcgNmUtMyAtNS40OTQgMC4wMzQ2LTguMjM5IDAuMDQ4NiAwLjAwMjQgNi40MTYgMC4wMDcyIDEyLjgzIDAuMDE3NTcgMTkuMjUgMC4wMDM3IDMuNDk4IDIuODE1IDYuMzEzIDYuMzExIDYuMzEzaDY2LjczYzMuNDk3IDAgNi4zMTEtMi44MTYgNi4zMTEtNi4zMTN2LTIuNzc4Yy04LjIwMy0wLjA1MzctMTYuNC0xLjMwNC0yNC4wNC00LjM3NC0xMS44Mi00LjEyNC0yMi44NS0xMS40NS0zNS42OC0xMS45NC0zLjc5OC0wLjE3OTQtNy42MDItMC4yMTQ3LTExLjQxLTAuMjA2MnoiIGZpbGw9IiNmZmYiLz4KIDwvZz4KPHNjcmlwdCB4bWxucz0iIi8+PC9zdmc+"},l={base64:N("#DEBD5C"),batch:N("#E2D96E"),catch:N("#e49191"),change:N("#E2D96E"),rbe:N("#E2D96E"),complete:N("#C0EDC0"),comment:N(),csv:N("#DEBD5C"),debug:N("#87a980"),delay:N("#E6E0F8"),exec:N("darksalmon"),feedparse:N("#C0DEED"),file:N("BurlyWood"),"file in":N("BurlyWood"),function:N("#fdd0a2"),html:N("#DEBD5C"),"http response":N("rgb(231, 231, 174)"),"http in":N("rgb(231, 231, 174)"),"http request":N("rgb(231, 231, 174)"),inject:N("#a6bbcf"),join:N("#E2D96E"),json:N("#DEBD5C"),junction:N("rgb(217, 217, 217)"),"link in":N("#ddd"),"link out":N("#ddd"),"link call":N("#ddd"),"mqtt in":N("#d8bfd8"),"mqtt out":N("#d8bfd8"),"tcp in":N("silver"),"tcp out":N("silver"),"tcp request":N("silver"),"udp in":N("silver"),"udp out":N("silver"),markdown:N("#DEBD5C"),postgresql:N("#5b85a7"),range:N("#E2D96E"),sort:N("#E2D96E"),split:N("#E2D96E"),subflow:N("#ddd"),switch:N("#E2D96E"),trigger:N("#E6E0F8"),template:N("rgb(243, 181, 103)"),ui_button:N("rgb(176, 223, 227)"),ui_list:N("rgb( 63, 173, 181)"),ui_svg_graphics:N("rgb( 63, 173, 181)"),ui_template:N("rgb( 63, 173, 181)"),ui_toast:N("rgb(119, 198, 204)"),ui_upload:N("rgb( 63, 173, 181)"),ui_audio:N("rgb(119, 198, 204)"),ui_chart:N("rgb(119, 198, 204)"),ui_gauge:N("rgb(119, 198, 204)"),ui_text:N("rgb(119, 198, 204)"),ui_date_picker:N("rgb(176, 223, 227)"),ui_dropdown:N("rgb(176, 223, 227)"),ui_form:N("rgb(176, 223, 227)"),ui_numeric:N("rgb(176, 223, 227)"),ui_slider:N("rgb(176, 223, 227)"),ui_switch:N("rgb(176, 223, 227)"),ui_text_input:N("rgb(176, 223, 227)"),ui_colour_picker:N("rgb(176, 223, 227)"),"ui-button":N("rgb(160, 230, 236)"),"ui-button-group":N("rgb(160, 230, 236)"),"ui-chart":N("rgb(90, 210, 220)"),"ui-control":N("rgb(32, 160, 170)"),"ui-dropdown":N("rgb(160, 230, 236)"),"ui-event":N("rgb(32, 160, 170)"),"ui-form":N("rgb(160, 230, 236)"),"ui-gauge":N("rgb(90, 210, 220)"),"ui-markdown":N("rgb(39, 183, 195)"),"ui-notification":N("rgb(90, 210, 220)"),"ui-radio-group":N("rgb(160, 230, 236)"),"ui-slider":N("rgb(160, 230, 236)"),"ui-switch":N("rgb(160, 230, 236)"),"ui-table":N("rgb(90, 210, 220)"),"ui-template":N("rgb(39, 183, 195)"),"ui-text":N("rgb(90, 210, 220)"),"ui-text-input":N("rgb(160, 230, 236)"),"websocket in":N("rgb(215, 215, 160)"),"websocket out":N("rgb(215, 215, 160)"),yaml:N("#DEBD5C"),xml:N("#DEBD5C"),BlogPages:N("#ddeeff"),BlogDetails:N("#ddeeff"),BlogPageInfo:N("#ddeeff"),BlogChanges:N("#ddeeff"),PubMedium:N("#ddee44"),Topic:N("#d0c9f6"),Observation:N("#f4adf3"),Question:N("#e0a4f3"),Thought:N("#cb9cf3"),Idea:N("#88baff"),Analogy:N("#86bfff"),Aphorism:N("#84c3ff"),Poesie:N("#83c7ff"),Humour:N("#81ccff"),Treasure:N("#7fd0ff"),Consequence:N("#f6c1cc"),Advantage:N("#efacbf"),Disadvantage:N("#e796b1"),Text:N("#c8ffb5"),"Blog-Post":N("#d0fdc2"),Comment:N("#d9fcce"),"Code-Base":N("#e1fbda"),Sketch:N("#e1fbda"),Inspiration:N("#dfdfb6"),Quote:N("#e5e5c0"),Definition:N("#eaebca"),Book:N("#f0f0d4"),Author:N("#f5f6de"),"nnb-input-node":N("#ffefef"),"nnb-layer-node":N("#ffffef"),"nnb-output-node":N("#efefef"),"nnb-backprop":N("#e3edef"),"nnb-trainer":N("#e5e4ef"),Seeker:N("#e5e4ef"),Sink:N("#e5e4ef"),Screenshot:N("#e5e4ef"),Orphans:N("#e5e4ef"),IsMobile:N("#e5e4ef"),Navigator:N("#e5e4ef"),DrawSVG:N("#e5e4ef"),GetFlows:N("#e5e4ef"),SendFlow:N("#e5e4ef"),TriggerImport:N("#e5e4ef"),"i2c scan":N("rgb(227, 82, 83)"),"i2c in":N("rgb(227, 82, 83)"),"i2c out":N("rgb(227, 82, 83)"),cronplus:N("#a6bbcf"),"buffer-maker":N("#0090d4"),"buffer-parser":N("#0090d4"),"FINS Read":N("#0090d4"),"FINS Write":N("#0090d4"),"FINS Read Multiple":N("#0090d4"),"FINS Transfer":N("#0090d4"),"FINS Fill":N("#0090d4"),"FINS Control":N("#0090d4"),"MC Read":N("#0090d4"),"MC Write":N("#0090d4"),"modbus-response":N("#E9967A"),"modbus-read":N("#E9967A"),"modbus-getter":N("#E9967A"),"modbus-write":N("#E9967A"),"modbus-flex-getter":N("#E9967A"),"modbus-flex-write":N("#E9967A"),"modbus-flex-server":N("#E9967A"),"modbus-flex-connector":N("#E9967A"),"modbus-response-filter":N("#E9967A"),"modbus-flex-sequencer":N("#E9967A"),"modbus-flex-fc":N("#E9967A"),"OpcUa-Item":N("#3FADB5"),"OpcUa-Client":N("#3FADB5"),"OpcUa-Browser":N("#3FADB5"),"OpcUa-Server":N("#3FADB5"),"OpcUa-Event":N("#3FADB5"),"OpcUa-Method":N("#3FADB5"),"OpcUa-Rights":N("#3FADB5"),"OpcUa-Discovery":N("#3FADB5"),"s7 in":N("#3FADB5"),"s7 out":N("#3FADB5"),"s7 control":N("#3FADB5"),"project link out":N("#87D8CF"),"project link in":N("#87D8CF"),"project link call":N("#87D8CF"),_default:N()};function d(t){let e=l[t];return e||(t.startsWith("subflow:")?e=l.subflow:t.startsWith("ui-")?e=l["ui-template"]:t.startsWith("ui_")&&(e=l.ui_template)),e||l._default}function j(t){let e=s[t.type]||s._default;return"junction"!==t.type&&(!1===t.l?e=s._default_no_label:!0===t.l&&(e=s._default)),e}function N(t,e){return{fill:t||"#ffffff",stroke:e||"rgb(153, 153, 153)"}}function c(){if("undefined"!=typeof document)return document;if("undefined"!=typeof __document)return __document;const t=Array.prototype.slice.call(arguments)||[this];for(const e of t){const t=e&&e.constructor&&e.constructor.name;if("HTMLDocument"===t)return e;if("HTMLDivElement"===t||"HTMLBodyElement"===t||"HTMLHtmlElement"===t||"HTMLElement"===t)return e.ownerDocument;if("SVGElement"===t||"SVGSVGElement"===t)return e.ownerDocument}return"undefined"!=typeof window?window.document:null}function L(t,e){const i=c(this),M=i.createElementNS.apply(i,["http://www.w3.org/2000/svg",t]);if("object"==typeof e)for(const t in e)M.setAttribute(t,e[t]);return M}function D(t,e,i,M){return"number"==typeof t&&!isNaN(t)?Math.min(Math.max(t,e),i):M||e}function y(t,e){let i=1;const M=t.getAttribute("transform");if(M){const t=M.match(/scale\(([^,]+)\)/);t&&(i=D(parseFloat(t[1]||1),.25,3,1))}const A=t.querySelector("g");w(A,i,!0),e.onwheel=function(t){if(t.ctrlKey||t.metaKey){t.preventDefault();let e=b(A);e-=.075*Math.sign(t.deltaY),e=D(e,.2,3,1),w(A,e)}};const n=function(t){const e=c(t,this);if(!e)return null;let i=t.querySelector(".toolbar");i||(i=T(t));let M=i.querySelector(".zoom-controls");if(M)return{zoomIn:i.querySelector(".zoom-in"),zoomOut:i.querySelector(".zoom-out"),zoomReset:i.querySelector(".zoom-reset")};M=e.createElement("div"),M.classList.add("zoom-controls"),M.classList.add("button-group");const A=e.createElement("button");A.classList.add("red-ui-footer-button","zoom-in"),A.innerHTML="+";const n=e.createElement("button");n.classList.add("red-ui-footer-button","zoom-reset"),n.innerHTML="○";const g=e.createElement("button");g.classList.add("red-ui-footer-button","zoom-out"),g.innerHTML="-",M.appendChild(g),M.appendChild(n),M.appendChild(A),i&&i.appendChild(M);return{zoomIn:A,zoomOut:g,zoomReset:n}}(e);n.zoomIn.onclick=function(){const t=D(b(A)+.1,.2,3,1);w(A,t)},n.zoomOut.onclick=function(){const t=D(b(A)-.1,.2,3,1);w(A,t)},n.zoomReset.onclick=function(){!function(t){const e=t.getAttribute("_scale_original")||1;w(t,e)}(A),function(t){t.scrollLeft=t.getAttribute("_scroll_x")||0,t.scrollTop=t.getAttribute("_scroll_y")||0}(e.querySelector(".red-ui-workspace-chart"))}}function b(t){return parseFloat(t.getAttribute("_scale_current")||1)}function w(t,e,i=!1){t.setAttribute("transform",`scale(${e})`),t.style.width=8e3*e+"px",t.style.height=8e3*e+"px",t.setAttribute("_scale_current",e),i&&t.setAttribute("_scale_original",e)}function x(t,e,i,M=!1){t.scrollLeft=e,t.scrollTop=i,M&&(t.setAttribute("_scroll_x",e),t.setAttribute("_scroll_y",i))}function S(t,e,i){const M=i.autoZoom||i.autoScroll?function(t,e){const i=.2,M=1,A=e.container.querySelector(".red-ui-workspace-chart"),n=A.getBoundingClientRect(),g=n.width-25,o=n.height-25;let a=8e3,u=8e3,s=0,r=0;const I=e.flowId,l=t.filter((t=>"tab"!==t.type&&"subflow"!==t.type&&t.z==I));if(0===l.length)return{scale:1,scrollX:0,scrollY:0};for(let t of l){if("tab"===t.type||"subflow"===t.type||"junction"===t.type)continue;const e=t.x||0,i=t.y||0,M=j(t),A=(M.width||100)/2,n=(M.height||30)/2,g=e-A,o=i-n,I=e+A,l=i+n;a=Math.min(a,g),u=Math.min(u,o),s=Math.max(s,I),r=Math.max(r,l)}let d=1;const N=s-a,c=r-u,L=g/N,y=o/c;(N>g||c>o)&&(d=Math.min(L,y),d*=.95);d=D(d,i,M,1);let b=a,w=u;b<50&&(b=0);w<40&&(w=0);b>0&&(b-=50);w>0&&(w-=40);return b=D(b*d,0,A.scrollWidth),w=D(w*d,0,A.scrollHeight),{scale:d,scrollX:b,scrollY:w,minX:a,minY:u,maxX:s,maxY:r}}(e,i):null;return i.zoom&&M&&i.autoZoom&&w(t.querySelector("g.outerContainer"),M.scale,!0),M&&i.autoScroll&&x(t.parentElement,M.scrollX,M.scrollY,!0),M}function C(t,e,i){const M=t.parentElement,A=M.scrollLeft,n=M.scrollTop,g=b(t.querySelector("g.outerContainer")),o=i||e.flowId||"default";M.setAttribute(`_state_${o}_x`,A),M.setAttribute(`_state_${o}_y`,n),M.setAttribute(`_state_${o}_scale`,g)}function T(t){const e=c(t,this);if(!e)return null;let i=t.querySelector(".toolbar");return i||(i=e.createElement("div"),i.classList.add("toolbar"),t&&t.appendChild(i),i)}function m(t){const e=c(t,this),i=e.createElementNS("http://www.w3.org/2000/svg","svg"),M=e.createElementNS("http://www.w3.org/2000/svg","g");M.setAttribute("class","outerContainer"),i.setAttribute("style","width:8000px; height:8000px;"),i.appendChild(M);const A=["flow_grid","flow_group_elements","flow_group_select","flow_wires","flow_nodes"];for(let t of A){const i=e.createElementNS("http://www.w3.org/2000/svg","g");i.setAttribute("class",t),M.appendChild(i)}return t.appendChild(i),i}function z(t){t&&t.length&&"string"!=typeof t&&"string"==typeof t[0]&&(t=[...t].join(" "));return`\n        :root {\n            --red-ui-primary-background: #fff;\n            --red-ui-secondary-text-color: #333;\n            --red-ui-view-grid-color: #eee;\n            --red-ui-view-border: 1px solid #bbbbbb;\n            --red-ui-node-border: #999;\n            --red-ui-node-background-default: #eee;\n            --red-ui-node-icon-background-color-fill: black;\n            --red-ui-node-icon-background-color-opacity: 0.1;\n            --red-ui-node-label-color: #333;\n            --red-ui-node-port-background: #d9d9d9;\n            --red-ui-link-color: #999;\n            --red-ui-workspace-button-color: #333;\n            --red-ui-workspace-button-background: #f3f3f3;\n            --red-ui-form-input-border-color: #ccc;\n        }\n        ${t=(t=t||".flow-renderer").split(" ").map((t=>`.${t}`)).join(" ").trim()} {\n            position: relative;\n        }\n        ${t} .red-ui-workspace-chart {\n            box-sizing: border-box;\n            border: var(--red-ui-view-border);\n            overflow: scroll;\n            height: 100%;\n            width: 100%;\n        }\n        ${t} .red-ui-workspace-chart.has-tabs {\n            height: calc(100% - 34px); // 34px is the height of the tabs\n        }\n        ${t} svg {\n            position: relative;\n            width: 100%;\n            height: 100%;\n            min-height: 250px;\n            margin: auto;\n            display: block;\n            border-radius: 2px;\n        }\n        ${t} svg {\n            cursor: default;\n        }\n        ${t} svg .group-text-label {\n            font-family: Helvetica Neue, Arial, Helvetica, sans-serif;\n            font-size: 14px;\n        }\n        ${t} svg .node-text-label {\n            font-family: Helvetica Neue, Arial, Helvetica, sans-serif;\n            font-size: 14px;\n            dominant-baseline: middle;\n        }\n        ${t} svg .subflow-node-text-label {\n            color: rgb(85, 85, 85);\n            dominant-baseline: middle;\n            font-family: Helvetica Neue, Arial, Helvetica, sans-serif;\n            font-size: 10px;\n            line-height: 20px;\n            pointer-events: none;\n            text-anchor: middle;\n            user-select: none\n        }\n        ${t} svg .subflow-node-text-label-number {\n            color: rgb(85, 85, 85);\n            dominant-baseline: middle;\n            font-family: Helvetica Neue, Arial, Helvetica, sans-serif;\n            font-size: 16px;\n            line-height: 20px;\n            pointer-events: none;\n            text-anchor: middle;\n            user-select: none\n        }\n\n        ${t} svg .node {\n            fill-opacity: 1;\n            stroke-width: 1px;\n        }\n        ${t} svg .link {\n            stroke: #999;\n            stroke-width: 3;\n            fill: none;\n        }\n        ${t} svg .link-highlight, .node-highlight {\n            stroke: rgb(255, 127, 14);\n        }\n        ${t} svg .node-highlight {\n            stroke-width: 3px;\n        }\n\n        ${t} svg .node-disabled {\n            stroke-dasharray: 8,3;\n            fill-opacity: 0.5;\n        }\n        ${t} svg .group-highlight {\n            stroke: rgb(255, 127, 14);\n            stroke-width: 4px;\n            fill: rgb(255, 127, 14);\n            fill-opacity: 0.2;\n        }\n        ${t} svg .link-disabled {\n            stroke-dasharray: 10,8 !important;\n            stroke-width: 2 !important;\n            stroke: rgb(204, 204, 204);\n        }\n        ${t} svg .grid-line {\n            shape-rendering: crispedges;\n            stroke: rgb(238, 238, 238);\n            stroke-width: 1px;\n            fill: none;\n        }\n        ${t} svg .red-ui-flow-port {\n            stroke-width: 1px;\n            stroke-miterlimit: 4;\n            fill: var(--red-ui-node-port-background);\n        }\n        ${t} svg .red-ui-flow-port-input {\n            stroke-width: 1px;\n            stroke-miterlimit: 4;\n            fill: var(--red-ui-node-port-background);\n        }\n        ${t} svg .flow-render-error {\n            background-color: rgb(54, 52, 52); \n            color: rgb(196, 59, 59); \n            width: 100%;\n        }\n        ${t} svg text {\n            user-select: none;\n        }\n        ${t} .red-ui-tabs {\n            display: flex;\n        }\n        ${t} .red-ui-tab {\n            padding: 6px 12px;\n            box-sizing: border-box;\n            display: block;\n            border: 1px solid #bbbbbb;\n            border-right: none;\n            background-color: #f0f0f0;\n            max-width: 200px;\n            max-height: 34px; /* for calculating svg height */\n            width: 14%;\n            overflow: hidden;\n            white-space: nowrap;\n            position: relative;\n            margin-top: -1px;\n            transition: 0.2s background-color;\n            user-select: none;\n            position: relative;\n            z-index: 1;\n            top: 1px;\n        }\n        ${t} .red-ui-tab-subflow-icon {\n            mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAsIDAsIDQwLCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjUgMjUuOTRoN2MuNTggMCAxLS40MiAxLTF2LTJjMC0uNTgtLjQyLTEtMS0xaC03Yy0uNTggMC0xIC40Mi0xIDF2MmMwIC41OC40MiAxIDEgMXptLTE3IDEyaDdjLjU4IDAgMS0uNDIgMS0xdi0yYzAtLjU4LS40Mi0xLTEtMUg4Yy0uNTggMC0xIC40Mi0xIDF2MmMwIC41OC40MiAxIDEgMXptLS40MTYgMTFDNS42MjQgNDguOTQgNCA0Ny4zMTUgNCA0NS4zNTZWMTQuNTIyYzAtMS45NiAxLjYyNS0zLjU4MiAzLjU4NC0zLjU4MmgyNC44MzJjMS45NiAwIDMuNTg0IDEuNjIzIDMuNTg0IDMuNTgydjMwLjgzNGMwIDEuOTYtMS42MjUgMy41ODQtMy41ODQgMy41ODR6TTMyIDM2Ljk0SDE5YzAgMi4xOS0xLjgxIDQtNCA0SDd2NC40MTZjMCAuMzUuMjM1LjU4NC41ODQuNTg0aDI0LjgzMmMuMzUgMCAuNTg0LS4yMzUuNTg0LS41ODR2LTguNDE3em0xLTJ2LTZoLThjLTIuMTkgMC00LTEuODEtNC00aC0xYy00LjMzMy0uMDAyLTguNjY3LjAwNC0xMyAwdjZoOGMyLjE5IDAgNCAxLjgxIDQgNGgxM3ptMC0xNnYtNC40MThjMC0uMzUtLjIzNS0uNTgyLS41ODQtLjU4Mkg3LjU4NGMtLjM1IDAtLjU4NC4yMzMtLjU4NC41ODJ2OC40MTdjNC4zMzMuMDAyIDguNjY3LjAwMSAxMyAuMDAxaDFjMC0yLjE5IDEuODEtNCA0LTRoOHoiIGNvbG9yPSIjMDAwIiBmaWxsPSIjZmZmIi8+PC9zdmc+Cg==);\n            display: inline-block;\n            background-color: grey;\n            margin-left: -8px;\n            margin-right: 3px;\n            margin-top: -1px;\n            margin-bottom: 1px;\n            opacity: 1;\n            width: 16px;\n            height: 18px;\n            vertical-align: middle;\n            mask-size: contain;\n            mask-position: center;\n            mask-repeat: no-repeat;\n        }\n        ${t} .red-ui-tab-disabled-icon {\n            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1536 1792' style='&%2310;'%3E%3Cscript xmlns=''/%3E%3Cpath d='M1312 893q0-161-87-295l-754 753q137 89 297 89 111 0 211.5-43.5t173.5-116.5 116-174.5 43-212.5zM313 1192l755-754q-135-91-300-91-148 0-273 73t-198 199-73 274q0 162 89 299zM1536 893q0 157-61 300t-163.5 246-245 164-298.5 61-298.5-61-245-164-163.5-246-61-300 61-299.5 163.5-245.5 245-164 298.5-61 298.5 61 245 164 163.5 245.5 61 299.5z' fill='currentColor'/%3E%3Cscript xmlns=''/%3E%3C/svg%3E");\n            display: inline-block;\n            background-color: grey;\n            margin-left: -8px;\n            margin-right: 3px;\n            margin-top: 0px;\n            margin-bottom: 0px;\n            opacity: 1;\n            width: 16px;\n            height: 16px;\n            vertical-align: middle;\n            mask-size: contain;\n            mask-position: center;\n            mask-repeat: no-repeat;\n            transform: translateY(-2px);\n        }\n        ${t} .red-ui-tab span {\n            font-size: 0.875rem;\n            font-family: Helvetica Neue, Arial, Helvetica, sans-serif;\n        }\n        ${t} .red-ui-tab.active {\n            background-color: white;\n            border-bottom-color: white;\n            font-weight: bold;\n        }\n        ${t} .red-ui-tab.disabled {\n            border-top-style: dashed;\n            border-left-style: dashed;\n            font-style: italic;\n        }\n        ${t} .red-ui-tab:last-child {\n            border-right: 1px solid #bbbbbb;\n        }\n        ${t} .red-ui-tab:last-child.disabled {\n            border-right-style: dashed;\n        }\n        ${t} .red-ui-tab:hover {\n            cursor: pointer;\n            background-color: white;\n        }\n        /* positioning of toolbar */\n        ${t} .toolbar {\n            display: flex;\n            flex-direction: row;\n            position: absolute;\n            bottom: 5px;\n            right: 5px;\n            opacity: 0.7;\n        }\n        ${t} .toolbar:hover {\n            opacity: 1;\n        }\n        ${t}.has-scrollbars .toolbar {\n            bottom: 24px;\n            right: 24px;\n        }\n        /* styles for button groups and buttons */\n        ${t} .button-group {\n            display: flex;\n            flex-direction: row;\n        }\n        ${t} .button-group button {\n            user-select: none;\n            box-sizing: border-box;\n            display: inline-block;\n            text-align: center;\n            cursor: pointer;\n            line-height: 22px;\n            height: 24px;\n            color: var(--red-ui-workspace-button-color) !important;\n            background: var(--red-ui-workspace-button-background);\n            text-decoration: none;\n            border: 1px solid var(--red-ui-form-input-border-color);\n            margin: 0px;\n            padding: 0px;\n        }\n        ${t} .button-group button:not(:first-child) {\n            border-top-left-radius: 0px;\n            border-bottom-left-radius: 0px;\n            border-left: none;\n        }\n\n        /* zoom controls */\n        ${t} .zoom-controls.button-group button {\n            font-size: 22px;\n            width: 24px;\n        }\n\n        /* copy controls */\n        ${t} .copy-controls.button-group {\n            margin-right: 24px;\n        }\n        ${t} .copy-controls.button-group button {\n            padding: 0px 4px;\n        }\n        `}function p(t){t&&["flow_grid","flow_group_elements","flow_group_select","flow_wires","flow_nodes"].forEach((e=>{const i=t.querySelector(`.${e}`)||L("g",{class:i});for(;i.firstChild;)i.removeChild(i.firstChild)}))}function h(t,e,n,g,o,a=!1){var u=g-e,s=n-t,r=Math.sqrt(u*u+s*s),I=i;if(s*o>0?r<A&&(I=.75-(A-r)/A*.75):I=.4-.2*Math.max(0,(A-Math.min(Math.abs(s),Math.abs(u)))/A),s*o>0){let i=[[t+o*(A*I),e+0*M],[n-o*I*A,g-0*M]];return`M ${t} ${e} C ${i[0][0]} ${i[0][1]} ${i[1][0]} ${i[1][1]} ${n} ${g}`}{let i,r,c,L,D,y=Math.floor(n-s/2),b=Math.floor(g-u/2);if(Math.abs(u)<10){L=Math.max(e,g)+(a?35:25);let i=L-e;return D=[[t+15*o,e],[t+25*o,e+5],[t+25*o,e+i/2],[t+25*o,e+i-5],[t+15*o,e+i],[t,e+i],[n-15*o,e+i],[n-25*o,e+i-5],[n-25*o,g+(L-g)/2],[n-25*o,g+5],[n-15*o,g],[n,g]],"M "+t+" "+e+" C "+D[0][0]+" "+D[0][1]+" "+D[1][0]+" "+D[1][1]+" "+D[2][0]+" "+D[2][1]+"  C "+D[3][0]+" "+D[3][1]+" "+D[4][0]+" "+D[4][1]+" "+D[5][0]+" "+D[5][1]+"  h "+s+" C "+D[6][0]+" "+D[6][1]+" "+D[7][0]+" "+D[7][1]+" "+D[8][0]+" "+D[8][1]+"  C "+D[9][0]+" "+D[9][1]+" "+D[10][0]+" "+D[10][1]+" "+D[11][0]+" "+D[11][1]+" "}var l=M/2,d=(g+b)/2;i=t+o*A*I,r=u>0?Math.min(d-u/2,e+l):Math.max(d-u/2,e-l),c=n-o*A*I,L=u>0?Math.max(d,g-l):Math.min(d,g+l);var j=(t+i)/2,N=u>0?1:-1;return D=[[j,e],[i,u>0?Math.max(e,r-l):Math.min(e,r+l)],[j,u>0?Math.min(b,r+l):Math.max(b,r-l)],[c,u>0?Math.max(b,L-l):Math.min(b,L+l)],[(n+c)/2,g]],D[2][1]===r+N*l&&(Math.abs(u)<10*l&&(D[1][1]=r-N*l/2,D[3][1]=L-N*l/2),D[2][0]=i),"M "+t+" "+e+" C "+D[0][0]+" "+D[0][1]+" "+D[1][0]+" "+D[1][1]+" "+i+" "+r+" S "+D[2][0]+" "+D[2][1]+" "+y+" "+b+" S "+D[3][0]+" "+D[3][1]+" "+c+" "+L+" S "+D[4][0]+" "+D[4][1]+" "+n+" "+g}}function E(t,e){for(var i=function(t){var e=[],i=t.split(/\\n /);if(i.length>1){var M=0;for(M=0;M<i.length-1;M++)/\\$/.test(i[M])?(e.push(i[M]+"\\n "+i[M+1]),M++):e.push(i[M]);M===i.length-1&&e.push(i[i.length-1])}else e=i;return e.map((function(t){return t.replace(/\\\\n /g,"\\n ").trim()}))}(t),M=0,A=0;A<i.length;A++){var n=k(i[A],e)[0];M<n&&(M=n)}return{lines:i,width:M}}var f={},O={};function k(t,e){const i=c(this);var M="!"+t;if(f[e]){if(O[e][M])return O[e][M]}else f[e]=i.createElement("span"),f[e].className=e,f[e].style.position="absolute",f[e].style.top="-1000px",i.querySelector("body").appendChild(f[e]),O[e]={};f[e].textContent=t||"";var A=f[e].offsetWidth,n=f[e].offsetHeight;return O[e][M]=[A,n],O[e][M]}const v=t=>{switch(t){case"str":return"string";case"num":return"number";case"bool":return"boolean";case"json":return"json";case"date":return"timestamp";case"bin":return"binary";case"env":return"environment";case"flow":return"flow";case"global":return"global";default:return t}},Z=["inject","change","switch","function","template","delay","trigger","link in","link out","link call","watch","complete","catch","status","comment","debug","subflow","range","filter","rbe","mqtt in","mqtt out","http in","http response","http request","websocket in","websocket out","tcp in","tcp out","udp in","udp out","tcp request","split","join","sort","batch","csv","json","xml","yaml","html","file in","file","exec"];var B=(t,e,i)=>{let M=t.name||t.label||t.info||t.text||e.name||"",A="",n="",g="",o="";switch(t.type){case"file":g="write file";case"file in":return g=g||"read file",n=t.filename,"str"!=t.filenameType&&"env"!=t.filenameType&&(n=""),"env"===t.filenameType&&(n="env."+n),"write file"===g&&"delete"===t.overwriteFile?t.name||"delete "+n:t.name||n||g;case"html":A=t.tag;break;case"tcp in":case"tcp out":case"tcp request":g="tcp:";case"udp in":case"udp out":return g=g||"udp:",n=t.host||t.addr||t.server||"",g+(n?n+":":"")+(t.port||"");case"debug":return!0!==t.console&&"true"!==t.console||(o="\t⇲"),"jsonata"===t.targetType?(t.name||"JSONata")+o:!0===t.complete||"true"===t.complete?(t.name||"msg")+o:(t.name||"msg."+(t.complete&&"false"!==t.complete?this.complete:"payload"))+o}return t.type&&t.type.startsWith("ui-")?A=t.type.replace(/^ui-/,""):t.type&&t.type.startsWith("ui_")&&(A=t.type.replace(/^ui_/,"")),A&&A.length<=32?A:M||(t.topic&&t.topic.length<=32&&Z.includes(t.type)?t.topic:t.type)};var U=(t,e,i)=>(t.name||t.label||t.info||t.text||"").replace(/(.{40,60})([ \n\t])/g,"$1\\n$2")+(t.sumPass?" ⭄":"")+(t.sumPassPrio&&0!=parseInt(t.sumPassPrio)?" ("+t.sumPassPrio+")":""),Y={base64:void 0,batch:void 0,catch:(t,e,i)=>{var M="";return t.uncaught&&(M=": uncaught"),t.scope&&(M=": "+t.scope.length),t.scope||t.uncaught||(M=": all"),t.name||t.type+M},change:t=>{function e(t,e){return t+"."+g.utils.parseContextKey(e).key}return t.name?t.name:(t._=t._||function(t,e){let i=t;switch(t){case"change.label.set":i="set {{property}}";break;case"change.label.change":i="change {{property}}";break;case"change.label.move":i="move {{property}}";break;case"change.label.delete":i="delete {{property}}";break;case"change.label.changeCount":i="change {{count}} properties"}for(var M in e)t=i.replace(new RegExp("\\{\\{"+M+"\\}\\}","g"),e[M]);return t},t.rules?1==t.rules.length?"set"===t.rules[0].t?t._("change.label.set",{property:e(t.rules[0].pt||"msg",t.rules[0].p)}):"change"===t.rules[0].t?t._("change.label.change",{property:e(t.rules[0].pt||"msg",t.rules[0].p)}):"move"===t.rules[0].t?t._("change.label.move",{property:e(t.rules[0].pt||"msg",t.rules[0].p)}):t._("change.label.delete",{property:e(t.rules[0].pt||"msg",t.rules[0].p)}):t._("change.label.changeCount",{count:t.rules.length}):"replace"===t.action?t._("change.label.set",{property:"msg."+t.property}):"change"===t.action?t._("change.label.change",{property:"msg."+t.property}):"move"===t.action?t._("change.label.move",{property:"msg."+t.property}):t._("change.label.delete",{property:"msg."+t.property}))},comment:void 0,csv:void 0,debug:void 0,exec:void 0,file:void 0,"file in":void 0,function:void 0,html:void 0,"http response":(t,e,i)=>t.name||"http"+(t.statusCode?" ("+t.statusCode+")":""),"http in":(t,e,i)=>t.name||"["+t.method+"] "+t.url,"http request":void 0,inject:t=>{var e="";if(t.once&&(e=" ¹"),(t.repeat&&0!=t.repeat||t.crontab)&&(e="\t↻"),t.name)return t.name+e;var i,M="",A="str";const n=t.props;if(n)for(var o=0;o<n.length;o++)"payload"===n[o].p&&(M=(n[o].vt&&"str"!==n[o].vt?n[o].v:t.payload)||"",A=n[o].vt||t.payloadType||"str");else M=t.payload||"",A=t.payloadType||"str";return i=t.topic||"","string"===A||"str"===A||"num"===A||"bool"===A||"json"===A?""!==i&&i.length+M.length<=32?i+":"+M+e:M.length>0&&M.length<24?M+e:"inject"+e:"date"===A||"bin"===A||"env"===A?""!==i&&i.length<=16?i+":"+v(A)+e:v(A)+e:"flow"===A||"global"===A?A+"."+g.utils.parseContextKey(M).key+e:"inject"+e},join:void 0,json:void 0,junction:void 0,"link in":void 0,"link out":void 0,"link call":(t,e,i)=>{if(!t.links||0==t.links.length)return t.name||t.type;var M=void 0;return i.forEach((function(A){M||A.id==t.links[0]&&(M=(Y[A.type]||B)(A,e,i))})),t.name||M||t.type},markdown:void 0,postgresql:void 0,range:void 0,sort:void 0,split:void 0,switch:void 0,yaml:void 0,xml:void 0,BlogPages:void 0,BlogDetails:void 0,BlogPageInfo:(t,e,i)=>{if(t.name)return t.name;var M=void 0;return i.forEach((function(e){M||"link in"==e.type&&e.name.startsWith("[blog] ")&&(e.wires[0]||[]).indexOf(t.id)>-1&&(M=e.name.substring(7))})),M||t.type},PubMedium:void 0,Topic:U,Observation:U,Question:U,Thought:U,Idea:U,Analogy:U,Aphorism:U,Poesie:U,Humour:U,Treasure:U,Consequence:U,Advantage:U,Disadvantage:U,Text:U,"Blog-Post":U,Comment:U,Codebase:U,Sketch:U,Inspiration:U,Quote:U,Definition:U,Book:U,Author:U,"nnb-input-node":void 0,"nnb-layer-node":(t,e,i)=>t.name||t.actfunct+": "+t.bias+", "+t.threshold,"nnb-output-node":void 0,"nnb-backprop":void 0,"nnb-trainer":void 0,Seeker:void 0,Sink:void 0,Screenshot:void 0,Orphans:void 0,IsMobile:void 0,Navigator:void 0,DrawSVG:void 0,GetFlows:void 0,_default:B};function Q(t){const e={};let i=1e4,M=0;for(let A of t)"subflow"===A.type?e[A.id]={id:A.id,label:A.name,type:"subflow",disabled:A.disabled,order:i++}:"tab"!==A.type&&A.z&&(e[A.z]||(e[A.z]={id:A.z,label:"Flow "+(M+1),type:"tab",disabled:!1,order:M++}));const A=t.filter((t=>"tab"===t.type));let n=0;for(let t of A)e[t.id]&&(e[t.id].label=t.label||e[t.id].label,e[t.id].disabled=!!t.disabled,e[t.id].order=n++);const g=Object.keys(e).map((t=>e[t]));return g.sort(((t,e)=>t.order-e.order)),g}function G(t){Array.isArray(t)||(t=[]);const e=[...t];for(let t=0;t<e.length;t++)e[t]=JSON.parse(JSON.stringify(e[t])),e[t].id&&"string"==typeof e[t].id||(e[t].id=Math.random().toString(36).substring(2,14));return e}function H(t){const e=[o];if(t){if(t.container){const i={};["scope","gridLines","arrows","zoom","images","linkLines","labels","autoZoom","autoScroll","flowId"].forEach((function(e){if("string"==typeof t.container.dataset[e]){const M=t.container.dataset[e]||"true";i[e.replace(/-/g,"")]="true"===M}})),e.push(i)}e.push(t)}return Object.assign({},...e)}function R(e,i){e=G(e);c((i=H(i)).document,t.document,i.container,this);const o=i.container,s={},l={},N={},D={},b={},w=(i=i||{}).flowId,x=d("junction");let C=!1;const T=Q(e).find((t=>t.id===w));T&&"tab"===T.type&&(C=T.disabled);let f=o&&o.querySelector("svg");f=f||m(o),p(f);const O=f.querySelector(".flow_grid");if(i.gridLines&&O){for(var k=0;k<250;k++)O.append(L("line",{x1:0,x2:8e3,y1:20*k,y2:20*k,class:"grid-line"}));for(k=0;k<250;k++)O.append(L("line",{x1:20*k,x2:20*k,y1:0,y2:8e3,class:"grid-line"}))}e.forEach((function(t){if("subflow"==t.type){l["subflow:"+t.id]=t;for(var e=0;e<t.in.length;e++)for(var i=0;i<t.in[e].wires.length;i++)b[t.in[e].wires[i].id]=!0}t.wires&&t.wires.length>0&&t.wires.forEach((function(t){t.forEach((function(t){b[t]=!0}))}))}));const v=f.querySelector(".flow_nodes");e.forEach((function(t){if(t.z==w||t.id==w){var o=j(t);const w=function(t){let e=!0;return"link out"!==t.type&&"link in"!==t.type||(e=!1),"junction"===t.type||"tab"===t.type||"subflow"===t.type||(!1===t.l?e=!1:!0===t.l&&(e=!0)),e}(t),m=!i.labels;var c=d(t.type);switch(t.type){case"tab":case"ui_spacer":case"ui-spacer":break;case"group":N[t.id]=t;break;case"subflow":D[t.id]={...t};for(var y=0;y<D[t.id].in.length;y++){var S=D[t.id].in[y];const e=L("g",{id:"grp"+Math.random().toString().substring(2)});v.appendChild(e),e.appendChild(L("rect",{...c,...o,rx:8,ry:8,x:-o.width/2,y:-o.height/2,"stroke-width":1})),e.setAttribute("transform",`translate(${S.x}, ${S.y})`),S.bbox=e.getBBox(),S.bbox.x=S.x-o.width/2,S.bbox.y=S.y-o.height/2,e.appendChild(L("rect",{...c,...a,...u,class:"red-ui-flow-port",transform:"translate(15, -5)"}));const i=L("text",{y:0,x:-2,class:"subflow-node-text-label"});i.textContent="input",e.appendChild(i)}for(y=0;y<D[t.id].out.length;y++){const e=D[t.id].out[y],i=L("g",{id:"grp"+Math.random().toString().substring(2)});v.appendChild(i),i.appendChild(L("rect",{...c,...o,rx:8,ry:8,x:-o.width/2,y:-o.height/2,"stroke-width":1})),i.setAttribute("transform",`translate(${e.x}, ${e.y})`),e.bbox=i.getBBox(),e.bbox.x=e.x-o.width/2,e.bbox.y=e.y-o.height/2,i.appendChild(L("rect",{...c,...a,...u,class:"red-ui-flow-port-input",transform:"translate(-25, -5)"}));const M=L("text",{y:-10,x:0,class:"subflow-node-text-label"});M.textContent="output",i.appendChild(M);const A=L("text",{y:8,x:0,class:"subflow-node-text-label-number"});A.textContent=""+(y+1),i.appendChild(A)}if(D[t.id].status){const e=D[t.id].status,i=L("g",{id:"grp"+Math.random().toString().substring(2)});v.appendChild(i),i.appendChild(L("rect",{...c,...o,rx:8,ry:8,x:-o.width/2,y:-o.height/2,"stroke-width":1})),i.setAttribute("transform",`translate(${e.x}, ${e.y})`),e.bbox=i.getBBox(),e.bbox.x=e.x-o.width/2,e.bbox.y=e.y-o.height/2,i.appendChild(L("path",{...c,...a,...u,class:"red-ui-flow-port-input",transform:"translate(-25, -5)"}));const M=L("text",{y:0,x:2,class:"subflow-node-text-label"});M.textContent="status",i.appendChild(M)}break;case"junction":{const e=L("g",{id:"grp"+Math.random().toString().substring(2)});v.appendChild(e),e.appendChild(L("rect",{...c,...o,rx:3,ry:3,x:-5,y:-5,"stroke-width":1})),e.setAttribute("transform",`translate(${t.x}, ${t.y})`),t.bbox=e.getBBox(),t.bbox.x=t.x,t.bbox.y=t.y,t.bbox.width=0,t.bbox.height=0;break}default:{const s="grpTxt"+Math.random().toString().substring(2),d=Y[t.type]||Y._default,j=l[t.type]||{},N=E(d(t,j,e),"node-text-label");let D;if(w){D=L("g",{id:s,transform:"translate(38,"+(N.lines.length>1?18:16)+")"});var T=0;N.lines.forEach((function(t){var e=L("text",{y:T,class:"node-text-label"});e.textContent=t,D.appendChild(e),T+=20}))}const y=L("g",{id:"g"+Math.random().toString().substring(2)});v.appendChild(y),w&&D&&y.appendChild(D);const S=w?D?.getBBox():{width:0,height:0},z=S.width,p=S.height+13.5;let h=w?o.width>z?o.width:z:o.width,f=w?o.height>p?o.height:p:o.height;const O={x:t.x,y:t.y,w:h,h:f,outputs:(t.wires||[]).length},k=!!b[t.id];try{w?(O.w=Math.max(A,20*Math.ceil((N.width+48+(k?7:0))/20)),O.h=Math.max(6+24*N.lines.length,15*(O.outputs||0),30)):(O.w=M,O.h=Math.max(M,15*(O.outputs||0)))}catch(t){}if(O.outputs>2&&w&&D&&O.h>p){const t=(O.h-p)/2;D.setAttributeNS(null,"transform","translate(38,"+((N.lines.length>1?16:14)+t)+")")}m&&D&&(D.style.display="none"),y.prepend(L("rect",{...c,rx:5,ry:5,fill:j.color||c.fill,width:O.w,height:O.h,class:"node  node-"+t.id})),y.appendChild(L("path",{d:"M5 0 h25 v"+O.h+" h-25 a 5 5 0 0 1 -5 -5  v-"+(O.h-10)+" a 5 5 0 0 1 5 -5",fill:"rgb(0,0,0)","fill-opacity":.1,stroke:"none"})),w&&y.appendChild(L("path",{d:"M 29.5 0.5 l 0 "+(O.h-1),fill:"none",stroke:"rgb(0,0,0)","stroke-opacity":.1,"stroke-width":"1px"}));const Z=g.view.tools.calculateGridSnapOffsets(O),B=t.x-O.w/2-Z.x,U=t.y-O.h/2-Z.y;if(y.setAttribute("transform",`translate(${B}, ${U})`),t.bbox=y.getBBox(),t.bbox.x=B,t.bbox.y=U,i.images){const e={x:0,y:Math.max(O.h/2-15,0),width:30,height:30},i=function(t){let e=r[t];return e||(t.startsWith("subflow:")?e=r.subflow:t.startsWith("ui-")?e=r["ui-template"]:t.startsWith("ui_")&&(e=r.ui_template)),e&&I[e]||""}(t.type);if(i)y.appendChild(L("image",{href:i,...e}));else if(t.type.startsWith("subflow:")){const t=j.icon&&I[j.icon]||I["subflow.svg"];y.appendChild(L("image",{href:t,...e}))}}(j.in&&j.in.length>0||b[t.id])&&(i.arrows?y.appendChild(L("path",{...x,transform:"translate(-3,"+(t.bbox.height/2-5)+")",d:i.arrows?"M 0,10 9,5 0,0 Z":"M -1,9.5 8,9.5 8,0.5 -1,0.5 Z",class:"red-ui-flow-port-input input-arrows","stroke-linecap":"round","stroke-linejoin":"round"})):y.appendChild(L("rect",{...x,transform:"translate(-5,"+(t.bbox.height/2-5)+")",...a,...u,class:"red-ui-flow-port-input"})));const Q={...x,...a,...u,class:"red-ui-flow-port"};if(t.wires&&Array.isArray(t.wires)){const e=1==t.wires.length?t.bbox.height/2-5:t.wires.length%2==0?3.5:4.5;for(let i=0;i<t.wires.length;i++)y.appendChild(L("rect",{transform:"translate("+(t.bbox.width-4)+","+(e+n*i)+")",...Q}))}(t.d||C)&&y.setAttribute("class","node-disabled");break}}s[t.id]=t}}));const Z=f.querySelector(".flow_group_select");var B=[],U=[],R=50;for(var P in N)U.push(P);for(;B.length!=U.length&&R>0;)for(var P in R-=1,N)if(!(B.indexOf(P)>-1)){var W=N[P],J=0,F=0,V=!1;if(W.nodes.forEach((function(t){var e=(s[t]||{}).bbox;e?(J=Math.max(J,e.x-W.x+e.width),F=Math.max(F,e.y-W.y+e.height)):V=!0})),!V){var X=L("g",{id:"grpRectId"+Math.random().toString().substring(2)});X.setAttribute("transform",`translate(${W.x}, ${W.y})`),X.appendChild(L("rect",{rx:5,ry:5,width:W.w,height:W.h,fill:"none","fill-opacity":0,"stroke-width":2,stroke:"grey",class:"group-"+W.id,...W.style})),Z.prepend(X);var q=s[P];q.bbox=X.getBBox(),q.bbox.x=W.x,q.bbox.y=W.y;var K=L("g",{});if(X.appendChild(K),W.style.label&&W.name){var _=W.style["label-position"]||"nw",$=E(W.name,"group-text-label"),tt=0,et=0,it="start";if(et="n"===_[0]?15:q.bbox.height-5-16*($.lines.length-1),"w"===_[1]?(tt=5,it="start"):"e"===_[1]?(tt=q.bbox.width-5,it="end"):(tt=q.bbox.width/2,it="middle"),K.setAttribute("transform",`translate(${tt}, ${et})`),K.setAttribute("text-anchor",it),$){let t=0;$.lines.forEach((function(e){const i=L("text",{class:"group-text-label",x:0,y:t,fill:W.style.color||"grey"});i.textContent=e,K.appendChild(i),t+=16}))}}B.push(P)}}const Mt=f.querySelector(".flow_wires");var At=[],nt=Object.keys(D);for(k=0;k<nt.length;k++){for(var gt=D[nt[k]],ot=0;ot<gt.in.length;ot++)for(var at=gt.in[ot],ut=0;ut<at.wires.length;ut++){var st=s[at.wires[ut].id],rt=at.bbox.x+at.bbox.width,It=at.bbox.y+at.bbox.height/2,lt=st.bbox.x,dt=st.bbox.y+st.bbox.height/2;Mt.appendChild(L("path",{d:h(rt,It,lt,dt,1),class:"link "+(st.d||C?"link-disabled":"")+" link-from-"+gt.id+"-to-"+st.id}))}gt.status&&gt.out.push(gt.status);for(ot=0;ot<gt.out.length;ot++){var jt=gt.out[ot];for(ut=0;ut<jt.wires.length;ut++){const t=1==(st=s[jt.wires[ut].id]).wires.length?st.bbox.height/2:5+(st.wires.length%2==0?3.5:4.5);rt=st.bbox.x+st.bbox.width,It=st.bbox.y+(t+n*jt.wires[ut].port),lt=jt.bbox.x,dt=jt.bbox.y+jt.bbox.height/2;Mt.appendChild(L("path",{d:h(rt,It,lt,dt,1),class:"link "+(st.d||C?"link-disabled":"")+" link-from-"+gt.id+"-to-"+st.id}))}}}for(var Nt in s){var ct=s[Nt];if("link out"==ct.type&&At.push(ct),0==(ct.wires||[]).length)continue;const t=1==ct.wires.length?ct.bbox.height/2:5+(ct.wires.length%2==0?3.5:4.5);var Lt=0;ct.wires.forEach((function(e){e.forEach((function(e){var i=s[e];if(i){var M=ct.bbox.x+ct.bbox.width,A=ct.bbox.y+(t+n*Lt),g=i.bbox.x,o=i.bbox.y+i.bbox.height/2;Mt.appendChild(L("path",{d:h(M,A,g,o,1),class:"link "+(i.d||ct.d||C?"link-disabled":"")+" link-from-"+ct.id+"-to-"+i.id}))}})),Lt++}))}i.linkLines&&At.forEach((function(t){t.links.forEach((function(e){var i=s[e];if(i){var M=t.bbox.x+t.bbox.width,A=t.bbox.y+t.bbox.height/2,n=i.bbox.x,g=i.bbox.y+i.bbox.height/2;Mt.appendChild(L("path",{d:h(M,A,n,g,1),"stroke-dasharray":"25,4",class:"link "+(i.d||t.d||C?"link-disabled":"")+" link-from-"+t.id+"-to-"+i.id})),Mt.appendChild(L("circle",{cy:A,cx:M+6.5,r:5,stroke:"rgb(170, 170, 170)","stroke-width":1,stroke:"rgb(170, 170, 170)",fill:"rgb(238, 238, 238)",class:(i.d||t.d||C?"link-disabled":"")+" link-from-"+t.id+"-to-"+i.id})),Mt.appendChild(L("circle",{cy:g,cx:n-6.5,r:5,stroke:"rgb(170, 170, 170)","stroke-width":1,stroke:"rgb(170, 170, 170)",fill:"rgb(238, 238, 238)",class:(i.d||t.d||C?"link-disabled":"")+" link-from-"+t.id+"-to-"+i.id}))}}))})),e.forEach((function(t){delete t.bbox}));const Dt=function(t){return{hasHorizontalScrollbar:t.scrollWidth>t.clientWidth,hasVerticalScrollbar:t.scrollHeight>t.clientHeight}}(f.parentElement);Dt.hasHorizontalScrollbar||Dt.hasVerticalScrollbar?o.classList.add("has-scrollbars"):o.classList.remove("has-scrollbars"),i.zoom&&y(f,i.container);const yt=S(f,e,i);return{svg:f.innerHTML,flowId:i.flowId,css:z(i.scope),autoScaleAndScroll:yt}}return{renderFlows:function(i,M){i=G(i);const A=c((M=H(M)).document,t.document,M.container,this),n=M.container;for(;n.firstChild;)n.removeChild(n.firstChild);const g=A.createElement("div");g.classList.add("red-ui-tabs"),n.appendChild(g);const o=function(t){const e=c(t,this).createElement("div");return e.classList.add("red-ui-workspace-chart"),t?(t.appendChild(e),e):e}(n),a=function(t){const e=c(t,this);if(!e)return null;let i=t.querySelector(".toolbar");i||(i=T(t));let M=i.querySelector(".copy-controls");if(M)return{copy:i.querySelector(".copy-flow"),download:i.querySelector(".download-flow")};M=e.createElement("div"),M.classList.add("copy-controls"),M.classList.add("button-group");const A=e.createElement("button");A.classList.add("red-ui-footer-button","copy-flow"),A.innerHTML="Copy";const n=e.createElement("button");return n.classList.add("red-ui-footer-button","download-flow"),n.innerHTML="Download",M.appendChild(A),M.appendChild(n),i&&i.appendChild(M),{copy:A,download:n}}(n);a.copy.onclick=function(t){!function(t,e,i){i=i||function(){};let M=e||[];"object"==typeof M?M=JSON.stringify(M,null,0):"string"!=typeof M&&(M=M.toString());const A=c(t&&t.target&&t.target.ownerDocument,this);if("undefined"!=typeof navigator&&navigator.clipboard)return void navigator.clipboard.writeText(M).then((function(){i(null,!0)})).catch((function(t){i(t,!1)}));const n=A.createElement("textarea");n.value=M,n.style.position="fixed",n.style.top="0",n.style.left="0";try{A.body.appendChild(n),n.focus(),n.select();const t=A.execCommand("copy");i(null,t),console.log("failed to copy",t)}catch(t){console.error("failed to copy",t)}finally{A.body.removeChild(n)}}(t,i)},a.download.onclick=function(t){!function(t,e,i,M,A){A=A||function(){};let n=e||[];"object"==typeof n?n=JSON.stringify(n,null,2):"string"!=typeof n&&(n=n.toString());const g=c(t&&t.target&&t.target.ownerDocument,this),o=new Blob([n],{type:i}),a=URL.createObjectURL(o),u=g.createElement("a");u.style.display="none",u.href=a,u.download=M,u.style.position="fixed",u.style.top="0",u.style.left="0";try{g.body.appendChild(u),u.focus(),u.click(t),URL.revokeObjectURL(a),A(null,!0)}catch(t){A(t,!1),console.error("failed to download",t)}finally{g.body.removeChild(u)}}(t,i,"application/json","flows.json")};const u=m(o);if(p(u),function(t){const e=t.parentElement,i=e.attributes;for(let t=0;t<i.length;t++){const M=i[t];/^_state_.*/.test(M.name)&&e.removeAttribute(M.name)}}(u),M.scope)n.classList.add(M.scope);else{const t=n.classList;t&&t.length?M.scope=t:(M.scope="flow-renderer",n.classList.add(M.scope))}const s=function(t){g.querySelectorAll(".red-ui-tab").forEach((t=>t.classList.remove("active")));return g.querySelector(`[data-flow-id="${t}"]`).classList.add("active"),M.flowId=t,R(i,M)},r=function(t,e){const o=`red-ui-tab-${e}`,a=t.label;let r=n.querySelector(`.${o}`);if(r||(r=A.createElement("div"),g.appendChild(r),r.classList.add("red-ui-tab"),r.classList.add("red-ui-tab-"+t.type),r.setAttribute("data-flow-id",t.id)),t.disabled){r.classList.add("disabled");const t=A.createElement("i");t.classList.add("red-ui-tab-disabled-icon"),r.appendChild(t)}else if("subflow"===t.type){const t=A.createElement("i");t.classList.add("red-ui-tab-subflow-icon"),r.appendChild(t)}r.title=a;const I=A.createElement("span");I.textContent=a,r.appendChild(I),r.onclick=function(e){i&&i.length&&C(u,M,M.flowId),s(t.id),i&&i.length&&function(t,e,i){const M=t.parentElement,A=i||e.flowId||"default",n=M.getAttribute(`_state_${A}_x`),g=M.getAttribute(`_state_${A}_y`),o=M.getAttribute(`_state_${A}_scale`);"string"==typeof n&&"string"==typeof g&&x(M,n,g),"string"==typeof o&&w(t.querySelector("g.outerContainer"),o)}(u,M,t.id)}};!function(t,i){const M=e+(i?"--"+i.toString():"").replace(/[^a-z0-9]/gi,"-").toLowerCase();let A=t.getElementById(M);A||(A=t.createElement("style"),A.id=M,A.innerHTML=z(i),t.head.appendChild(A))}(A,M.scope);let I=n.querySelectorAll(".red-ui-tab");I&&I.forEach((t=>t.remove()));const l=Q(i);if(l.forEach(((t,e)=>{r(t,e)})),l.length&&o.classList.add("has-tabs"),!M.flowId){const t=l.find((t=>"tab"===t.type)),e=l.find((t=>"subflow"===t.type));M.flowId=t?t.id:e?e.id:null}let d=null;return d=l.length?s(M.flowId):R(i,M),C(u,M,M.flowId),d=d||{},d.tabs=l,d.flowId=M.flowId,d.css=d.css||z(M.scope),d},renderFlow:R,normaliseOptions:H,getStyles:z}};"object"==typeof module&&module.exports?module.exports=FlowRenderer:"object"==typeof window?window.FlowRenderer=FlowRenderer:global.FlowRenderer=FlowRenderer;export default FlowRenderer;
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 122f52c..1dd9456 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "@flowfuse/flow-renderer",
-    "version": "0.2.0",
+    "version": "0.3.0",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "@flowfuse/flow-renderer",
-            "version": "0.2.0",
+            "version": "0.3.0",
             "license": "Apache-2.0",
             "engines": {
                 "node": ">=16.x"
diff --git a/package.json b/package.json
index bb5eff0..f839330 100644
--- a/package.json
+++ b/package.json
@@ -1,10 +1,12 @@
 {
     "name": "@flowfuse/flow-renderer",
-    "version": "0.2.0",
+    "version": "0.3.0",
     "description": "Node-RED flow renderer",
     "main": "index.js",
     "scripts": {
         "demo": "npx http-server -p 8080 -c-1 -o demo.html",
+        "build": "npx terser index.js --compress --mangle --output index.min.js",
+        "publish": "npm run build && npm publish",
         "test": "echo \"Error: no test specified\" && exit 1"
     },
     "keywords": [
@@ -31,6 +33,7 @@
     },
     "files": [
         "index.js",
+        "index.min.js",
         "package.json",
         "LICENSE",
         "README.md"