From f17f4f1b0d079f854c3793324f2bdd9b8b1d6a08 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Sat, 11 Mar 2023 23:50:48 -0800
Subject: [PATCH 01/20] =?UTF-8?q?=F0=9F=93=84=20Update=20Docs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/jsx-loader.md       | 7 ++++++-
 docs/jsx-loader.pt-BR.md | 7 ++++++-
 docs/jsx-loader.zh-CN.md | 7 ++++++-
 3 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/docs/jsx-loader.md b/docs/jsx-loader.md
index 207f0a1..9a6356b 100644
--- a/docs/jsx-loader.md
+++ b/docs/jsx-loader.md
@@ -107,9 +107,14 @@ The `jsxLoader.js` script is very small to download (6.6 kB - min and gzip) and
     script will be added to the page as <script type="module">.
 
     [data-type="module"] is also supported by Babel Standalone.
+
+    When using jsxLoader you cannot import JSX files directly as you would
+    do so from a local build process with Vite, Create-React-App, etc.
+    `import` would only work for regular JavaScript files. To see how to
+    dynamically import JSX search this page for `<LazyLoad>`.
 -->
 <script type="text/babel" data-type="module">
-    import { object } from 'library'
+    import { object } from './library/file.js'
 </script>
 ```
 
diff --git a/docs/jsx-loader.pt-BR.md b/docs/jsx-loader.pt-BR.md
index e1602fb..2f72347 100644
--- a/docs/jsx-loader.pt-BR.md
+++ b/docs/jsx-loader.pt-BR.md
@@ -107,9 +107,14 @@ O script `jsxLoader.js` é muito pequeno para baixar (6.6 kB - min e em gzip) e
     script will be added to the page as <script type="module">.
 
     [data-type="module"] is also supported by Babel Standalone.
+
+    When using jsxLoader you cannot import JSX files directly as you would
+    do so from a local build process with Vite, Create-React-App, etc.
+    `import` would only work for regular JavaScript files. To see how to
+    dynamically import JSX search this page for `<LazyLoad>`.
 -->
 <script type="text/babel" data-type="module">
-    import { object } from 'library'
+    import { object } from './library/file.js'
 </script>
 ```
 
diff --git a/docs/jsx-loader.zh-CN.md b/docs/jsx-loader.zh-CN.md
index 0479c86..07602f8 100644
--- a/docs/jsx-loader.zh-CN.md
+++ b/docs/jsx-loader.zh-CN.md
@@ -107,9 +107,14 @@ CLI开发工具,如`webpack`, `babel`,`create-react-app`是非常好的工具，
     script will be added to the page as <script type="module">.
 
     [data-type="module"] is also supported by Babel Standalone.
+
+    When using jsxLoader you cannot import JSX files directly as you would
+    do so from a local build process with Vite, Create-React-App, etc.
+    `import` would only work for regular JavaScript files. To see how to
+    dynamically import JSX search this page for `<LazyLoad>`.
 -->
 <script type="text/babel" data-type="module">
-    import { object } from 'library'
+    import { object } from './library/file.js'
 </script>
 ```
 

From 79c6ad518709b13c3fbb28d1b991262b43ff157b Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Wed, 19 Apr 2023 00:01:58 -0700
Subject: [PATCH 02/20] =?UTF-8?q?=F0=9F=9A=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 js/react/jsxLoader.js | 62 ++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 58 insertions(+), 4 deletions(-)

diff --git a/js/react/jsxLoader.js b/js/react/jsxLoader.js
index b113b97..fc9c385 100644
--- a/js/react/jsxLoader.js
+++ b/js/react/jsxLoader.js
@@ -275,6 +275,38 @@
                 return;
             }
 
+            // Private function to Download JSX Source based on <script src="{url}">
+            // This is based on `loadScript()` however it only downloads and doesn't
+            // compile or add the script. This allows scripts to be added on the page
+            // in the expected order based on how they are defined in the HTML.
+            // Github Issue 22
+            function downloadJsx(element) {
+                var result = {
+                    element: element,
+                    text: '',
+                    error: null,
+                };
+                return new Promise(function(resolve) {
+                    fetch(element.src, jsxLoader.fetchOptions)
+                    .then(function(res) {
+                        var status = res.status;
+                        if ((status >= 200 && status < 300) || status === 304) {
+                            return res.text();
+                        } else {
+                            throw new Error('Error loading data. Server Response Code: ' + status + ', Response Text: ' + res.statusText);
+                        }
+                    })
+                    .then(function(text) {
+                        result.text = text;
+                        resolve(result);
+                    })
+                    .catch(function(error) {
+                        result.error = error;
+                        resolve(result);
+                    });
+                });
+            }
+
             // First asynchronously download all scripts that contain the [src] attribute.
             // Scripts that contain embedded content will run after all downloads finish.
             // The reason is inline scripts are expected to be dependent on the downloaded scripts.
@@ -284,12 +316,15 @@
                 if (script.src === '') {
                     scriptsNoSrc.push(script);
                 } else {
-                    promisesSrc.push(jsxLoader.loadScript(script));
+                    promisesSrc.push(downloadJsx(script));
                 }
             });
 
-            // After all [src] scripts are loaded then compile and include inline scripts.
-            Promise.all(promisesSrc).finally(function () {
+            // Compile and add scripts to the page once all [src] scripts are downloaded
+            Promise.all(promisesSrc).then(function (results) {
+                results.forEach(function(result) {
+                    jsxLoader.loadScript(result.element, result.text, result.error);
+                });
                 scriptsNoSrc.forEach(function(script) {
                     jsxLoader.loadScript(script);
                 });
@@ -305,10 +340,15 @@
          * behavior is used so that `Promise.all(scripts).finally()` logic can be
          * used when loading multiple scripts.
          *
+         * Parameters `downloadedSrc` and `downloadError` are intended only
+         * for internal use.
+         *
          * @param {HTMLScriptElement} element
+         * @param {string|undefined} downloadedSrc
+         * @param {mixed|undefined} downloadError
          * @return {Promise}
          */
-        loadScript: function(element) {
+        loadScript: function(element, downloadedSrc, downloadError) {
             function addToPage(text, callback, src) {
                 // Status
                 var startTime = new Date();
@@ -399,6 +439,20 @@
                     return;
                 }
 
+                // Already downloaded from setup
+                if (typeof downloadedSrc === 'string') {
+                    if (downloadError) {
+                        console.error(downloadError);
+                        element.setAttribute('data-added-to-page', '');
+                        element.setAttribute('data-error', downloadError.toString());
+                        resolve();
+                    } else {
+                        addToPage(downloadedSrc, resolve, element.getAttribute('src'));
+                        element.setAttribute('data-added-to-page', '');
+                    }
+                    return;
+                }
+
                 // Download JSX Source based on <script src="{url}">
                 fetch(element.src, jsxLoader.fetchOptions)
                 .then(function(res) {

From 0e51dc51793d57cfd517c424fd7945d1404b35b6 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Wed, 19 Apr 2023 00:08:53 -0700
Subject: [PATCH 03/20] =?UTF-8?q?=F0=9F=9A=80=20Release=205.14.3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                        | 8 ++++++++
 js/DataFormsJS.js                   | 2 +-
 js/DataFormsJS.min.js               | 4 ++--
 js/react/es5/DataFormsJS.js         | 2 +-
 js/react/es5/DataFormsJS.min.js     | 2 +-
 js/react/es6/DataFormsJS.min.js     | 2 +-
 js/react/jsxLoader.js               | 2 +-
 js/react/jsxLoader.min.js           | 4 ++--
 js/web-components/json-data.min.js  | 2 +-
 js/web-components/url-router.min.js | 2 +-
 package.json                        | 2 +-
 11 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 31dbee7..319c8e5 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,14 @@ DataFormsJS uses [Semantic Versioning](https://docs.npmjs.com/about-semantic-ver
 
 Overall the core Framework files, React Components, and Web Components and API are expected to remain stable however the version number is expected to increase to much larger numbers in the future due to the changes to smaller scripts and components. This change log includes all npm release history and new website features or major changes.
 
+## 5.14.3 (Jan 29, 2023)
+
+* jsxLoader Update so that JSX Files are compiled and added to the page only after all files are downloaded
+  * Related Issue: https://github.com/dataformsjs/dataformsjs/issues/22
+  * Previously JSX files were asynchronously download, compiled, and added to the page in the order that they downloaded.
+  * This caused issues when files downloaded in an unexpected order. 
+* **Special Thanks to m1sta for opening this issue and providing great examples to show the error** https://github.com/m1sta
+
 ## 5.14.2 (Jan 29, 2023)
 
 * Web Components - Renamed function `[utils.js].isAttachedToDom()` to `[utils.js].isDomAttached()` because the text string `ToDom` would show up when searching source code for case-insensitive `todo`. This is a minor update but prevents the files from showing up in external projects by accident. This could be considered a breaking change if an app calls the function but that is unlikely the case and it's mostly an internal function because it's undocumented outside of the changelog; that is the reason why a patch version is being released.
diff --git a/js/DataFormsJS.js b/js/DataFormsJS.js
index 794e2fa..7788815 100644
--- a/js/DataFormsJS.js
+++ b/js/DataFormsJS.js
@@ -3391,7 +3391,7 @@
 
     // Add Build Version
     // For new releases this gets updated automatically by [scripts/build.js].
-    Object.defineProperty(app, 'version', { value: '5.14.2', enumerable: true });
+    Object.defineProperty(app, 'version', { value: '5.14.3', enumerable: true });
 
     // Assign [DataFormsJS] and [app] to the global variable space
     window.DataFormsJS = app;
diff --git a/js/DataFormsJS.min.js b/js/DataFormsJS.min.js
index f8e16e7..ff9b43f 100644
--- a/js/DataFormsJS.min.js
+++ b/js/DataFormsJS.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.14.2
+// @version 5.14.3
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
-!function(){"use strict";var h,g={NotSet:"Not Set",Unknown:"Unknown",Mixed:"Mixed",Handlebars:"Handlebars",Vue:"Vue",Nunjucks:"Nunjucks",Underscore:"Underscore",Text:"Text"},c=g.NotSet,p=[g.Handlebars,g.Vue,g.Nunjucks,g.Underscore,g.Text],m=!1,f=!1,v=!1,C=null,E=0,t=null,w=!1,b=0,n=-1!==navigator.userAgent.indexOf("Trident/"),y=null,a=!1;function l(e,t,o,r){if(typeof e!==t)throw console.log(e),new TypeError("["+o+"] was not defined as a "+t+" when the function "+r+" was called")}function s(e,t,o){if(void 0===e)throw new TypeError("["+t+"] must first be defined before the function "+o+" is called");if("object"!=typeof e)throw console.log(e),new TypeError("["+t+"] was not defined as an object when the function "+o+" was called")}function i(e,t,o){if(""===e)throw new TypeError("["+t+"] must have a value when defined when the function "+o+" is called")}function d(e,t,o){if(void 0!==e[o])throw console.log(e),new TypeError("["+t+"."+o+"] is already defined")}function T(e,t,o,r){for(var n=0,a=r.length;n<a;n++)if(void 0!==e[r[n]]&&"function"!=typeof e[r[n]])throw console.log(e),new TypeError(o+"["+t+"]."+r[n]+" is not defined as a function.")}function S(e,t,o,r){for(var n=0,a=r.length;n<a;n++)if(void 0!==e[r[n]]&&null!==e[r[n]])return;throw console.log(e),new TypeError(o+"["+t+"] must have one of the following properties defined: "+r.join(", "))}function A(e,t){var o,r,n="";try{return null!==t&&t.path?n='Error with [Controller.path = "'+t.path+'"] - ':null!==e&&e instanceof HTMLElement&&(o=e.getAttribute("data-template-id"),r=e.getAttribute("data-template-url"),o=null===o?"":' data-template-id="'+o+'"',r=null===r?"":' data-template-url="'+r+'"',n="Error with Element <"+e.tagName.toLowerCase(),n=(n+=' id="'+e.id+'"')+' class="'+e.className+'"'+(o+r)+"> - "),n}catch(e){return console.error(e),n}}function r(e,t,o){e=document.createElement(e);return e.textContent=t,o&&(e.className=o),e}function L(e,t){console.error(e),window.setTimeout(function(){t&&null===t.parentNode&&((document.querySelector("body")||document.documentElement).appendChild(t),h.activeTemplate&&(h.activeTemplate.error=!0,h.activeTemplate.errorMessage=e.toString())),h.showError(t,e)},500)}function R(e,t,o){var r,n,a=null,l=null,i=null,s=null,d=null;if(null===t)i=e.getAttribute("data-template-id"),s=e.getAttribute("data-template-url"),null!==h.activeController&&(d=h.activeController.viewEngine);else{if(i=t.viewId,s=t.viewUrl,void 0!==t.viewEngine&&(d=t.viewEngine),void 0===s&&(s=null),null!==(i=void 0===i?null:i)&&null!==s)return void o(u(null,i,s,d,!0,"A controller must have either [viewId] or [viewUrl] defined but not both properties. This error is not possible when calling the [addController()] so one or more of the properties were modified by JavaScript code after the controller was already added."));if(null===i&&null===s)return"function"==typeof t.onRouteLoad||"function"==typeof t.onBeforeRender||"function"==typeof t.onRendered?void o(null):void o(u(null,i,s,d,!0,"A controller must have either [viewId] or [viewUrl] defined but neither property is defined. This error is not possible when calling the [addController()] so one or more of the properties were modified by JavaScript code after the controller was already added."))}for(r=0,n=h.compiledTemplates.length;r<n;r++){if(null!==i&&h.compiledTemplates[r].id===i)return void o(h.compiledTemplates[r]);if(null!==s&&h.compiledTemplates[r].url===s)return void o(h.compiledTemplates[r])}if(null!==s)l=s,null===d&&(d=c);else{if(null===(a=document.getElementById(i)))return void o(u(e,i,s,d,!0,"Script Tag for Template ID ["+i+"] does not exist."));l=a.src||a.getAttribute("data-src"),d=h.getTemplateType(a)}d!==c&&-1!==p.indexOf(d)&&(c=d),null!==l&&""!==l?h.fetch(l,null,"text/plain").then(function(e){o(u(null,i,s,d,!1,e))}).catch(function(e){console.error(e),o(u(null,i,s,d,!0,"Error Downloading Template: ["+l+"], Error: "+e))}):o(u(a,i,s,d,!1,a.innerHTML))}function u(e,t,o,r,n,a){var l=null,i=null,s=!1,d=null;if(!n)try{switch(r){case g.Handlebars:l=Handlebars.compile(a);break;case g.Nunjucks:l=h.nunjucksEnvironment?nunjucks.compile(a,h.nunjucksEnvironment):nunjucks.compile(a);break;case g.Underscore:l=_.template(a);break;case g.Text:case g.Vue:i=a;break;default:throw null===e?new TypeError("Unsupported or Unknown Template View Engine when the Template was downloaded. Template type at the time of downloading = "+r):new TypeError('Unsupported or Unknown Template View Engine specified in <script id="'+e.id+'" type="'+e.type+'" data-engine="'+e.getAttribute("data-engine")+'">')}}catch(e){s=!(i=l=null),d=e}t={id:t,url:o,type:r,engine:l,html:i,error:n||s,errorMessage:n?a:d};return h.compiledTemplates.push(t),t}function U(t,o,e,r){var n="";try{if(e.error)return void h.showError(t,A(t,o)+e.errorMessage);switch(e.type){case g.Handlebars:case g.Underscore:n=e.engine(r);break;case g.Nunjucks:n=e.engine.render(r);break;case g.Text:case g.Vue:n=e.html;break;default:throw new TypeError("Unsupported or Unknown Template View Engine: "+e.type)}null===t.getAttribute("data-set-text-content")?t.innerHTML=n:t.textContent=n,h.updateTemplatesForIE(t)}catch(e){h.showError(t,A(t,o)+e)}}function V(){var e,s,d,t,o,r,n,u,a,l,p,i="hash"===y?window.location.hash:window.location.pathname,c=null,f=-1;if(200<E)return h.showErrorAlert(h.settings.errors.pageLoading),E=0,void(v=!1);if(v)return C===i?void 0:(window.setTimeout(V,200),void E++);if(m)return C===i?void 0:(window.setTimeout(V,200),void E++);for(o in v=!0,""===(i=(E=0)===(C=i).indexOf("#")?i.substring(1):i)&&(i="/"),h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onAllowRouteChange)try{if(!1===h.plugins[o].onAllowRouteChange(i))return void(v=!1)}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onAllowRouteChange()]: "+e.toString()),console.error(e)}if(h.unloadAllJsControls(),null!==h.activeController){for(o in h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onRouteUnload)try{h.plugins[o].onRouteUnload()}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}if(void 0!==h.activeController.onRouteUnload&&null===h.activeVueModel&&"Vue"!==h.viewEngine())try{h.activeController.onRouteUnload.apply(h.activeModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}}for(null!==h.activeVueModel&&(null===h.activeVueApp?(h.activeVueModel.$destroy(),h.settings.clearVue2WatchersOnRouteUnload&&h.activeController&&h.activeController.modelName&&h.models[h.activeController.modelName]&&h.activeVueModel.$data&&(h.models[h.activeController.modelName]=JSON.parse(JSON.stringify(h.activeVueModel.$data)))):h.activeVueApp.unmount()),h.activeController=null,h.activeTemplate=null,h.activeModel=null,h.activeVueModel=null,h.activeVueApp=null,h.activeParameters=[],h.activeParameterList={},w=!1,e=b=0,s=h.controllers.length;e<s;e++){if((t=h.routeMatches(i,h.controllers[e].path)).isMatch){c=h.controllers[e],h.activeParameters=t.args,h.activeParameterList=t.namedArgs;break}h.controllers[e].path===h.settings.defaultRoute&&(f=e)}if(null===c&&-1!==f)return a=h.settings.defaultRoute,"/:lang/"===h.settings.defaultRoute&&void 0!==h.plugins.i18n&&"function"==typeof h.plugins.i18n.readSettings&&"function"==typeof h.plugins.i18n.getUserDefaultLang&&(h.plugins.i18n.readSettings(),null!==(r=h.plugins.i18n.getUserDefaultLang())&&(a="/"+r+"/")),h.changeRoute(a),void(v=!1);if(null===c){if(0===h.controllers.length)return h.updateView(),void(v=!1);i!==h.settings.defaultRoute&&(r="Error - The route ["+i+"] does not have a <script data-route> element or [Controller] defined. Check to make sure that a controller or script for default route ["+h.settings.defaultRoute+"] exists.",h.showError(document.querySelector(h.settings.viewSelector),r)),v=!1}else h.activeController=c,u=function(){var e,t,o,r,n,a=c;if(a.modelName)h.activeModel=h.models[a.modelName];else{if(a.pageType&&void 0!==(o=h.pages[a.pageType]))if(a.viewEngine===g.Vue)if(e={},a.methods=void 0===a.methods?{}:a.methods,"function"==typeof o){e=new o;for(var l=h.getClassFunctionNames(o),i=["constructor","onRouteLoad","onBeforeRender","onRendered","onRouteUnload"],s=0;s<l.length;s++)r=l[s],i.includes(r)||(a.methods[r]=o.prototype[r])}else for(r in o.model)o.model.hasOwnProperty(r)&&("[object Function]"===(n=Object.prototype.toString.call(o.model[r]))?a.methods[r]=o.model[r]:e[r]="[object Object]"===n?h.deepClone({},o.model[r]):"[object Array]"===n?h.deepClone([],o.model[r]):o.model[r]);else e="function"==typeof o?new o:h.deepClone({},o.model);void 0!==a.settings&&0<Object.keys(a.settings).length&&(void 0===e&&(e={}),h.deepClone(e,a.settings)),e&&!1!==e.loadOnlyOnce&&(t=null===a.pageType||void 0===a.pageType?"Dynamic":(t=a.pageType).substring(0,1).toUpperCase()+t.substring(1),t="model_"+String(Object.keys(h.models).length)+"_"+t,h.addModel(t,e),a.modelName=t),a.modelName?h.activeModel=h.models[a.modelName]:h.activeModel=void 0===e?{}:e}for(d in h.activeParameterList)h.activeParameterList.hasOwnProperty(d)&&(h.activeModel[d]=h.activeParameterList[d]);R(null,c,function(e){var t,o=[],r=[],n=0,a=0;function l(){if(h.activeTemplate=e,void 0!==c.onRouteLoad&&h.activeController&&h.activeController.viewEngine!==g.Vue)try{c.onRouteLoad.apply(h.activeModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+c.path+"] on [onRouteLoad()]: "+e.toString()),console.error(e)}window.scrollTo(0,0),h.updateView(),v=!1}for(t in h.plugins)h.plugins.hasOwnProperty(t)&&void 0!==h.plugins[t].onRouteLoad&&(o.push(h.plugins[t].onRouteLoad),r.push(t));(0===(a=o.length)?l:function t(){try{var e=r[n],e=h.plugins[e];o[n].call(e,function(e){!1!==e?(++n===a?l:t)():v=!1})}catch(e){h.showErrorAlert("Error from Plugin ["+r[n]+"] on [onRouteLoad()]: "+e.toString()),console.error(e),h.updateView(),v=!1}})()})},void 0!==(n=c).settings&&void 0!==n.settings.lazyLoad?(null!==h.settings.lazyTemplateSelector&&(l=document.querySelector(h.settings.viewSelector),a=document.querySelector(h.settings.lazyTemplateSelector),l&&a&&("TEMPLATE"===a.tagName||"SCRIPT"===a.tagName&&"text"===a.getAttribute("data-engine")?l.innerHTML=a.innerHTML:console.warn("Unable to show loading screen from [app.settings.lazyTemplateSelector]. Only <template> tags are allowed."))),l=n.settings.lazyLoad.split(",").map(function(e){return e.trim()}),p=[],l.forEach(function(e){void 0===h.lazyLoad[e]?console.error("Missing [app.LazyLoad] scripts for: "+e):p.push(h.loadScripts(h.lazyLoad[e]))}),Promise.all(p).finally(function(){P(n),u()})):(P(n),u())}function P(e){if(null!==e.pageType&&void 0!==e.pageType&&void 0===e._pageCopied){var t=null;if(void 0===h.pages[e.pageType]?t="The page ["+e.pageType+"] has not been loaded for Controller[path="+e.path+"].":"object"==typeof h.pages[e.pageType]&&"object"!=typeof h.pages[e.pageType].model&&(t="Error - The [model] property for page object ["+e.pageType+"] must be a valid JavaScript Object."),null!==t)return e.settings=e.settings||{},e.settings.errorMessage=t,e.settings.hasError=!0,void h.showErrorAlert(t);var o=h.pages[e.pageType];if("function"==typeof o)for(var r=h.getClassFunctionNames(o),n=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"],a=0;a<r.length;a++){var l=r[a];n.includes(l)&&(e[l]=o.prototype[l])}else for(var i in o)o.hasOwnProperty(i)&&"function"==typeof o[i]&&(e[i]=o[i]);e.viewEngine===g.Vue&&"object"==typeof o.computed&&void 0===e.computed&&(e.computed=o.computed),e._pageCopied=!0}}function o(e){var t=new Date,t="toLocaleString"in t?t.toLocaleString():t.toString(),t=-1<e.message.toLowerCase().indexOf("script error")?"Script Error at "+t+": See Browser Console for Detail":["Message: ["+e.message+"]","Time: ["+t+"]","URL: ["+e.filename+"]","Line: "+e.lineno,"Column: "+e.colno,"Error Object: "+JSON.stringify(e.error)].join(" - ");h.showErrorAlert(t),console.error(e)}void 0===window.DataFormsJS&&(h={controllers:[],models:{},pages:{},plugins:{},controls:{},graphQL:{},lazyLoad:{},locals:{},settings:{defaultRoute:"/",viewSelector:"#view",logFetchRequests:!1,requestHeaders:{},requestHeadersByHostName:{},fetchOptions:{mode:"cors",cache:"no-store",credentials:"same-origin"},polyfillUrl:"https://polyfill.io/v3/polyfill.min.js?features=Array.from,Array.isArray,Array.prototype.find,Object.assign,URL,fetch,Promise,Promise.prototype.finally,String.prototype.endsWith,String.prototype.startsWith,String.prototype.includes,String.prototype.repeat",cssPonyfillUrl:"https://cdn.jsdelivr.net/npm/css-vars-ponyfill@2.4.3/dist/css-vars-ponyfill.min.js",graphqlUrl:null,errors:{pageLoading:"Error loading the current page because the previous page is still loading and is taking a long time. Please refresh the page and try again."},lazyTemplateSelector:null,clearVue2WatchersOnRouteUnload:!1},activeController:null,activeTemplate:null,activeModel:null,activeVueModel:null,activeVueApp:null,vueDirectives:null,activeParameters:[],activeParameterList:{},activeJsControls:[],compiledTemplates:[],onUpdateViewComplete:null,nunjucksEnvironment:null,errorClass:"dataformsjs-error",fatalErrorClass:"dataformsjs-fatal-error",errorStyleId:"dataformsjs-style-errors",errorCss:[".dataformsjs-error,.dataformsjs-fatal-error{","color:#fff;","background-color:red;","box-shadow:0 1px 5px 0 rgba(0,0,0,.5);","background-image:linear-gradient(#e00,#c00);","/*white-space:pre;*/","text-align:left;","}",".dataformsjs-error{","padding:10px;","font-size:1em;","margin:5px;","display:inline-block;","}",".dataformsjs-fatal-error{","z-index:1000000;","padding:20px;","font-size:1.5em;","margin:20px;","position:fixed;","top:10px;","}","@media only screen and (min-width:1000px){",".dataformsjs-fatal-error{","max-width:1000px;","left:calc(50% - 520px);","}","}",".dataformsjs-fatal-error span{","padding:5px 10px;","float:right;","border:1px solid darkred;","cursor:pointer;","margin-left:10px;","box-shadow:0 0 2px 1px rgba(0,0,0,0.3);","background-image:linear-gradient(#c00,#a00);","border-radius:5px;","}"].join(""),vueStyleId:"dataformsjs-style-vue-cloak",vueCss:"[v-cloak] { display: none !important; }",escapeHtml:function(e){return null==e||"number"==typeof e?e:String(e).replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/'/g,"&#039;").replace(/</g,"&lt;").replace(/>/g,"&gt;")},fetch:function(t,e,o){var r=h.deepClone({},h.settings.fetchOptions);return r.headers=h.getRequestHeaders(t),e&&(Object.assign(r,e),void 0!==e.headers&&(r.headers=Object.assign({},h.getRequestHeaders(t),e.headers))),!n||void 0!==r.method&&"GET"!==r.method&&"HEAD"!==r.method||"no-store"!==r.cache&&"no-cache"!==r.cache||((e=/([?&])_=[^&]*/).test(t)?t=t.replace(e,"$1_="+(new Date).getTime()):t+=(/\?/.test(t)?"&":"?")+"_="+(new Date).getTime()),fetch(t,r).then(function(e){return h.settings.logFetchRequests&&h.events&&"function"==typeof h.events.dispatch&&h.events.dispatch("fetch",{url:t,status:e.status}),Promise.resolve(e)}).then(function(e){var t=e.status;return 200<=t&&t<300||304===t?Promise.resolve(e):(t="Error loading data. Server Response Code: "+t+", Response Text: "+e.statusText,Promise.reject(t))}).then(function(e){var t=void 0===o?"application/json":o;return 0===(t=e.headers.has("Content-Type")?e.headers.get("Content-Type"):t).indexOf("application/json")?e.json():e.text()})},routingMode:function(){return y},changeRoute:function(e){if("string"!=typeof e)throw new TypeError("Expected string for app.changeRoute(path)");"history"===y?(window.history.pushState(null,null,e),V()):window.location.hash=0===e.indexOf("#")?e:"#"+e},pushStateClick:function(e){if(!0!==e.ctrlKey&&!e.metaKey)return e.preventDefault(),e.stopPropagation(),e.currentTarget.href?h.changeRoute(e.currentTarget.href):console.error("app.pushStateClick() called for an unknown link"),!1},addPage:function(e,t){var o,r=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"],n=(l(e,"string","name","app.addPage()"),i(e,"name","app.addPage()"),!1);if("object"==typeof t)o=t,n=!0;else{if("function"!=typeof t||"class"!==t.toString().substring(0,5))throw new TypeError("Page ["+e+"] must be defined as an object or a class when the function app.addPage() is called");o=t.prototype}return T(o,e,"page",r),r.pop(),S(o,e,"page",r),n&&s(t.model,"page."+e+".model","app.addPage()"),d(this.pages,"app.pages",e),this.pages[e]=t,this},addPlugin:function(e,t){function o(){"function"==typeof this.onRouteUnload&&this.onRouteUnload(),this.onRendered()}if(l(e,"string","name","app.addPlugin()"),i(e,"name","app.addPlugin()"),d(this.plugins,"app.plugins",e),"function"==typeof(t="function"==typeof t&&"class"===t.toString().substring(0,5)?new t:t))return this.plugins[e]={onRendered:t,reload:o},this;var r=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"];return l(t,"object","plugin","app.addPlugin()"),T(t,e,"plugin",r),r.pop(),S(t,e,"plugin",r),void 0===t.reload&&(t.reload=o),this.plugins[e]=t,this},addControl:function(e,t){if(l(e,"string","name","app.addControl()"),i(e,"name","app.addControl()"),e!==e.toLowerCase())throw new TypeError("Control names must be all lower-case. [app.addControl()] was called with: ["+e+"]");if(-1===e.indexOf("-"))throw new TypeError("Control names must contain a dash [-] character. [app.addControl()] was called with: ["+e+"]");if(-1!==e.indexOf(" "))throw new TypeError("Control names cannot contain a space. [app.addControl()] was called with: ["+e+"]");if(!1!==/[&<>"'/]/.test(e))throw new TypeError("Control names cannot contain HTML characters that need to be escaped. Invalid characters are [& < > \" ' /]. [app.addControl()] was called with: ["+e+"]");l(t,"object","control","app.addControl()"),void 0!==t.css&&l(t.css,"string","control.css","app.addControl()");var o=["onLoad","html","onUnload"];return S(t,e,"control",o),T(t,e,"control",o),o.pop(),S(t,e,"control",o),d(this.controls,"app.controls",e),this.controls[e]=t,this},addModel:function(e,t){return l(e,"string","name","app.addModel()"),i(e,"name","app.addModel()"),l(t,"object","model","app.addModel()"),d(this.models,"app.models",e),this.models[e]=t,this},addController:function(t){var e,o=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"];if(l(t,"object","controller","app.addController()"),l(t.path,"string","controller.path","app.addController()"),i(t.path,"controller.path","app.addController()"),this.controllers.forEach(function(e){if(e.path===t.path)throw new TypeError("[app.controllers(path="+t.path+")] is already defined")}),e="app.addController(path="+t.path+")",void 0===t.viewId)t.viewId=null;else{l(t.viewId,"string","controller.viewId",e),i(t.viewId,"controller.viewId",e);var r=t.viewId,n="controller.viewId",a=e;if(null===document.getElementById(r))throw new TypeError("An element was not found on the page with ["+n+"][id="+r+"] when the function "+a+" was called")}if(void 0===t.viewUrl?t.viewUrl=null:(l(t.viewUrl,"string","controller.viewUrl",e),i(t.viewUrl,"controller.viewUrl",e)),null!==t.viewId&&null!==t.viewUrl)throw new TypeError("A controller cannot have both [viewId] and [viewUrl] defined when calling "+e);if(void 0!==t.viewEngine){if(null===t.viewId&&null===t.viewUrl)throw new TypeError("When a controller uses the [viewEngine] property either [viewId] or [viewUrl] must also be defined when calling "+e);if(-1===p.indexOf(t.viewEngine))throw new TypeError("Invalid [viewEngine] property when calling "+e+". Valid values are: "+p.join(", "))}return null!==t.modelName&&void 0!==t.modelName&&(l(t.modelName,"string","controller.modelName",e),i(t.modelName,"controller.modelName",e),s(this.models[t.modelName],"app.models."+t.modelName,e)),null!==t.pageType&&void 0!==t.pageType&&(l(t.pageType,"string","controller.pageType",e),i(t.pageType,"controller.pageType",e)),T(t,t.path,"controller",o),null!==t.pageType&&void 0!==t.pageType||(o.pop(),o.push("viewId"),o.push("viewUrl"),S(t,t.path,"controller",o)),this.controllers.push(t),this},controller:function(e){for(var t=0,o=this.controllers.length;t<o;t++)if(this.controllers[t].path===e)return this.controllers[t];return null},showError:function(e,t){var o;null!==e?(h.loadCss(h.errorStyleId,h.errorCss),o=r("span",t,h.errorClass),e.innerHTML="",e.appendChild(o),"string"!=typeof t&&console.error(t)):h.showErrorAlert(t)},showErrorAlert:function(e){h.loadCss(h.errorStyleId,h.errorCss);var t=r("div",e="string"==typeof e&&-1===e.toLowerCase().indexOf("error")?"Error: "+e:e,h.fatalErrorClass),o=r("span","✕");o.onclick=function(){document.body.removeChild(t)},t.insertBefore(o,t.firstChild),document.body.appendChild(t),"string"!=typeof e&&console.error(e)},isUsingVue:function(){return null!==h.activeVueModel||h.activeController&&"Vue"===h.activeController.viewEngine||"Vue"===h.viewEngine()},isUsingVue2:function(){return this.isUsingVue()&&void 0===Vue.createApp},isUsingVue3:function(){return this.isUsingVue()&&"function"==typeof Vue.createApp},isUpdatingView:function(){return m},updateView:function(){function e(){var e,t,o,r,n;if(m=!0,null!==h.activeVueModel&&null===h.activeVueApp)return e=0,(t=h.activeVueModel._watcher)&&t.deps&&t.deps.length&&(e=t.deps.length),b!==e&&a("vue_dep_change"),m=!(w=!0),void(b=e);if(null===h.activeVueApp){h.unloadAllJsControls();try{if(!(h.activeController&&h.activeController.viewEngine===g.Vue)&&h.activeController&&void 0!==h.activeController.onBeforeRender)try{h.activeController.onBeforeRender.apply(h.activeModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onBeforeRender()]: "+e.toString()),console.error(e)}for(o in h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onBeforeRender)try{h.plugins[o].onBeforeRender()}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onBeforeRender()]: "+e.toString()),console.error(e)}null!==h.activeTemplate&&(null===(r=document.querySelector(h.settings.viewSelector))?(n="Error - The main HTML element for rendering views from selector ["+h.settings.viewSelector+"] does not exist on this page. Check HTML on the page to makes sure that the element exist; and if it does then check to make sure that JavaScript Code did not remove it from the page",h.showErrorAlert(n)):(h.activeController&&h.activeController.viewEngine===g.Vue&&r.setAttribute("v-cloak",""),U(r,h.activeController,h.activeTemplate,h.activeModel))),h.refreshAllHtmlControls(function(){var t,e,o,r;h.activeController&&h.activeController.viewEngine===g.Vue?(t=document.querySelector(h.settings.viewSelector),e=function(e){console.error("Vue Error"),L(e,t)},o=function(e){console.error("Vue Warning"),L(e,t)},r="function"==typeof Vue.createApp,h.activeTemplate&&h.activeTemplate.error?(h.showError(document.querySelector(h.settings.viewSelector),h.activeTemplate.errorMessage),a("updateView")):r?(h.activeVueApp=Vue.createApp({data:function(){return h.activeModel},directives:h.vueDirectives,methods:h.activeController.methods,computed:h.activeController.computed,mounted:function(){h.activeVueModel=this,h.activeVueModel.$nextTick(function(){if(void 0!==h.activeController.onRouteLoad)try{h.activeController.onRouteLoad.apply(h.activeVueModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteLoad()]: "+e.toString()),console.error(e)}h.loadAllJsControls(),a("vue_mounted",h.activeVueModel)})},updated:function(){this.$nextTick(function(){w&&(h.loadAllJsControls(),a("vue_updated"),w=!1)})},beforeUnmount:function(){try{void 0!==h.activeController.onRouteUnload&&h.activeController.onRouteUnload.apply(h.activeVueModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}}}),h.activeVueApp.errorHandler=e,h.activeVueApp.warnHandler=o,h.activeVueApp.mount(h.settings.viewSelector)):(Vue.config.errorHandler=e,Vue.config.warnHandler=o,h.activeVueModel=new Vue({el:h.settings.viewSelector,data:h.activeModel,methods:h.activeController.methods,computed:h.activeController.computed,mounted:function(){var e=this;e.$nextTick(function(){if(void 0!==h.activeController.onRouteLoad)try{h.activeController.onRouteLoad.apply(e,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteLoad()]: "+e.toString()),console.error(e)}h.loadAllJsControls(),a("vue_mounted",e)})},updated:function(){this.$nextTick(function(){var e;w&&(h.loadAllJsControls(),a("vue_updated"),(e=this._watcher)&&e.deps&&e.deps.length&&(b=this._watcher.deps.length),w=!1)})},beforeDestroy:function(){try{void 0!==h.activeController.onRouteUnload&&h.activeController.onRouteUnload.apply(this,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}}}))):(h.loadAllJsControls(),a("updateView")),m=!1})}catch(e){throw m=!1,console.error(e),e}}else m=!(w=!0)}function a(e,t){for(var o in"history"===y&&(r=document.querySelectorAll('a[href^="/"]:not([data-no-pushstate])'),Array.prototype.forEach.call(r,function(e){e.addEventListener("click",h.pushStateClick)})),h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onRendered)try{h.plugins[o].onRendered()}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onRendered()]: "+e.toString()),console.error(e)}var r=h.activeController&&h.activeController.viewEngine===g.Vue,n=h.activeController&&h.activeController.onRendered;if("function"==typeof n){t=r?t||h.activeVueModel:t||h.activeModel;try{n.apply(t,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRendered()]: "+e.toString()),console.error(e)}}if(null!==h.onUpdateViewComplete)try{h.onUpdateViewComplete(e)}catch(e){h.showErrorAlert("Error from [app.onUpdateViewComplete()]: "+e.toString()),console.error(e)}}m?t=window.setInterval(function(){m||(window.clearInterval(t),t=null,e())},10):e()},refreshAllHtmlControls:function(e,r){var n=String((new Date).getTime()),a='[data-template-id]:not([data-updated-at="'+n+'"])';a+=',[data-template-url]:not([data-updated-at="'+n+'"])',f=!0,function t(o){if(null===o)f=!1,m||h.refreshPlugins(),e&&e(n);else try{h.refreshHtmlControl(o,function(){o.setAttribute("data-updated-at",n),t(document.querySelector(a))},r)}catch(e){o.setAttribute("data-updated-at",n),t(document.querySelector(a))}}(document.querySelector(a))},refreshHtmlControl:function(t,r,e){try{var o="string"==typeof t,c=t instanceof HTMLElement;if(!o&&!c)throw new TypeError("Invalid type for parameter [control] in the function [DataFormsJS.refreshHtmlControl()]: "+typeof t);if(o){var n=t;if(null===(t=document.getElementById(n)))throw new TypeError("Control not found for ["+n+"] when the function [DataFormsJS.refreshHtmlControl()] was called.")}if(void 0!==r&&"function"!=typeof r)throw new TypeError("[callback] was not defined as a [function] when the [DataFormsJS.refreshHtmlControl()] was called");var a=t.getAttribute("data-template-id"),l=t.getAttribute("data-template-url");if(null!==a&&null!==l)throw new TypeError("A control must have only one of the template attribute defined; either [data-template-id] or [data-template-url]. Both attributes are defined on the control.");if(null===a&&null===l)throw new TypeError("A control must have either attribute [data-template-id] or [data-template-url]. Neither attribute is defined for the control.");void 0===e&&(e=this.activeModel);var i,s=Object.assign({},e),u=["templateId","templateUrl","updatedAt"];for(i in t.dataset)if(-1===u.indexOf(i)){var d=t.dataset[i];switch(d){case"true":case"":s[i]=!0;break;case"false":s[i]=!1;break;case"null":s[i]=null;break;default:s[i]=d}}R(t,null,function(e){U(t,null,e,s),m||(h.loadAllJsControls(t,s),h.unloadUnattachedJsControls()),f||h.refreshPlugins(t);var o=[];f||m||(e=t.querySelectorAll("[data-template-id],[data-template-url]"),Array.prototype.forEach.call(e,function(t){o.push(new Promise(function(e){h.refreshHtmlControl(t,e)}))})),Promise.all(o).finally(function(){void 0!==r&&r()})})}catch(e){throw console.error(e),null!==t&&t instanceof HTMLElement&&h.showError(t,A(t,null)+e.message),e}},refreshPlugins:function(e){function t(){for(var t in h.plugins)if(h.plugins.hasOwnProperty(t)&&void 0!==h.plugins[t].onRendered)try{void 0===e?h.plugins[t].onRendered():1===h.plugins[t].onRendered.length&&h.plugins[t].onRendered(e)}catch(e){h.showErrorAlert("Error from Plugin ["+t+"] on [onRendered()]: "+e.toString()),console.error(e)}}h.activeController&&h.activeController.viewEngine===g.Vue&&h.activeVueModel&&"function"==typeof h.activeVueModel.$nextTick?h.activeVueModel.$nextTick(t):t()},loadAllJsControls:function(o,r){var t=["[data-control]:not([data-control-loaded]):not([data-control-is-loading])"],n=(Object.keys(h.controls).forEach(function(e){-1!==e.indexOf("-")&&-1===e.indexOf(" ")&&t.push(e+":not([data-control-loaded]):not([data-control-is-loading])")}),t.join(","));void 0===o&&(o=document),void 0===r&&(r=h.activeModel),function e(t){if(null!==t){try{h.loadJsControl(t,r)}catch(e){t.setAttribute("data-control-loaded",""),h.showError(t,e.toString()),console.error(e)}e(o.querySelector(n))}}(o.querySelector(n))},loadJsControl:function(t,e){var o,r,n,a,l,i;if(t instanceof HTMLElement)t.hasAttribute("data-control-loaded")&&(l=h.activeJsControls.find(function(e){return e.element===t}));else{if(void 0===(l="object"==typeof t?h.activeJsControls.find(function(e){return e===t}):l))throw new TypeError("Invalid type for parameter [element] for the function [DataFormsJS.loadJsControl()], expected HTMLElement, received: "+typeof t);t=l.element}if(null===(o=t.getAttribute("data-control"))&&(o=t.tagName.toLowerCase()),void 0===(r=h.controls[o]))throw-1===o.indexOf("-")?(h.showError(t,i="Invalid call to [DataFormsJS.loadJsControl()]. This function only works on valid control elements."),console.log(t),new TypeError(i)):new Error("JavaScript Control was not found by name, check that the file is loaded: "+o);for(a in t.setAttribute("data-control",o),n=void 0===r.data?{}:h.deepClone({},r.data),t.dataset)if("control"!==a){var s=t.dataset[a];switch(s){case"true":case"":n[a]=!0;break;case"false":n[a]=!1;break;case"null":n[a]=null;break;default:n[a]=s}}if(void 0!==r.css&&h.loadCss("DataFormsJS-control-style-"+o,r.css),void 0===e&&(e=h.activeModel),null===t.getAttribute("data-control-is-loading")){t.setAttribute("data-control-is-loading",""),i=!1;try{void 0!==r.onLoad&&r.onLoad.call(n,t,e)}catch(e){h.showError(t,"Error with JavaScript Control ["+o+"] in function [onLoad()]: "+e.toString()),console.error(e),i=!0}if(!i)try{void 0!==r.html&&(t.innerHTML=r.html.call(n,e))}catch(e){h.showError(t,"Error with JavaScript Control ["+o+"] in function [html()]: "+e.toString()),console.error(e)}t.setAttribute("data-control-loaded",""),t.removeAttribute("data-control-is-loading"),void 0===l?h.activeJsControls.push({element:t,control:o,data:n}):l.data=n}},unloadAllJsControls:function(){h.activeJsControls.forEach(function(e){h.unloadJsControl(e)}),h.activeJsControls=[]},unloadUnattachedJsControls:function(){for(var e,t=h.activeJsControls.length;0<t;t--)document.body.contains(h.activeJsControls[t-1].element)||(e=h.activeJsControls.splice(t-1,1),h.unloadJsControl(e[0]))},unloadJsControl:function(t){var o=h.controls[t.control];if(void 0!==o.onUnload)try{o.onUnload.call(t.data,t.element)}catch(e){o="Unknown Control";t.element&&(o=(o=t.element.getAttribute("data-control"))||"Unknown Control"),h.showErrorAlert("Error with JavaScript Control ["+o+"] in function [onUnload()]: "+e.toString()),console.error(e)}t.element.removeAttribute("data-control-loaded")},routeMatches:function(e,t){var o,r,n=e.split("/"),a=t.split("/"),l=n.length,i=[],s={};if(l!==a.length)return{isMatch:!1};for(o=0;o<l;o++)if((r=decodeURIComponent(n[o]))!==a[o]){if(":"!==a[o].substring(0,1))return{isMatch:!1};i.push(r),s[a[o].substring(1)]=r}return{isMatch:!0,args:i,namedArgs:s}},getClassFunctionNames:function(e){for(var t=[],o=e;o&&o.prototype&&o!==Object;){for(var r=Object.getOwnPropertyNames(o.prototype),n=0;n<r.length;n++){var a=r[n];"function"!=typeof o.prototype[a]||t.includes(a)||t.push(a)}o=Object.getPrototypeOf(o)}return t},deepClone:function(){var e,t,o,r,n,a=arguments.length;if(0===a)throw new TypeError("No arguments specified when app.deepClone() was called.");if(1===a)throw new TypeError("Only one argument was specified when app.deepClone() was called.");for(e=0;e<a;e++)l(arguments[e],"object","argument","app.deepClone()");for(t=arguments[0],e=1;e<a;e++)for(r in o=arguments[e])o.hasOwnProperty(r)&&(void 0!==(n=Object.getOwnPropertyDescriptor(o,r)).get||void 0!==n.set?Object.defineProperty(t,r,n):(n=Object.prototype.toString.call(o[r]),t[r]="[object Object]"===n?this.deepClone({},o[r]):"[object Array]"===n?this.deepClone([],o[r]):o[r]));return t},getTemplateType:function(e){if(void 0===e)throw new TypeError("Missing parameter [script] for the function [DataFormsJS.getTemplateType()]");if(!(e instanceof HTMLElement))throw new TypeError("Invalid type for parameter [script] for the function [DataFormsJS.getTemplateType()], expected HTMLElement, received: "+typeof e);if("TEMPLATE"!==e.tagName&&"SCRIPT"!==e.tagName)throw new TypeError("Invalid type for parameter [script] for the function [DataFormsJS.getTemplateType()], expected <script> or <template>, received: "+e.tagName.toLowerCase());if("TEMPLATE"===e.tagName)return g.Text;switch(e.getAttribute("data-engine")){case"handlebars":return g.Handlebars;case"vue":return g.Vue;case"nunjucks":return g.Nunjucks;case"underscore":return g.Underscore;case"text":return g.Text;default:return g.Unknown}},viewEngine:function(e){if(void 0===e)return c;switch(e){case g.NotSet:case g.Unknown:case g.Mixed:throw new TypeError("Invalid value specified for setting the ViewEngine: "+e);default:if(void 0===g[e])throw new TypeError("Unknown value specified for setting the ViewEngine ["+e+"], refer to documentation or values from the enum/object [ViewEngines] for valid options.")}return c=e,this},loadCss:function(e,t){var o=document.getElementById(e);null===o&&((o=document.createElement("style")).id=e,o.innerHTML=t,document.head.appendChild(o))},loadScript:function(e,r,t){function o(e,t){var o=document.createElement("script");o.onload=e,o.onerror=function(){console.error("Error loading Script: "+r),t()},o.src=r,document.head.appendChild(o)}if(!1===e||void 0===e){if(void 0===t)return new Promise(function(e,t){o(e,t)});o(t,t)}else{if(void 0===t)return new Promise(function(e){e()});t()}},loadScripts:function(i){if("string"==typeof i)i=[i];else if(!Array.isArray(i))return h.showErrorAlert("Invalid Script for [app.loadScripts()] or [app.lazyLoad], expected string or an array of strings. Check console."),console.warn("app.loadScripts():"),console.warn(i),new Promise(function(e){e()});return new Promise(function(o){var r=0,n=i.length;!function e(){var t,a,l;r!==n?(t=i[r],r++,t.endsWith(".js")?(l=t,new Promise(function(e){for(var t=document.querySelectorAll("script"),o=0,r=t.length;o<r;o++)if(t[o].getAttribute("src")===l)return void e();var n=document.createElement("script");n.onload=e,n.onerror=function(){h.showErrorAlert("Error loading JS File: "+l),e()},n.src=l,document.head.appendChild(n)}).then(e)):t.endsWith(".css")?(a=t,new Promise(function(e){for(var t=document.querySelectorAll("link"),o=0,r=t.length;o<r;o++)if("stylesheet"===t[o].rel&&t[o].getAttribute("href")===a)return void e();var n=document.createElement("link");n.rel="stylesheet",n.onload=e,n.onerror=function(){h.showErrorAlert("Error loading CSS File: "+a),e()},n.href=a,document.head.appendChild(n)}).then(e)):(h.showErrorAlert("Invalid Script for [app.loadScripts()] or [app.lazyLoad]: "+t),e())):o()}()})},buildUrl:function(e,t){if(void 0===t&&(t=h.activeParameterList),e=String(e).replace(/\{(\w+)\}/g,function(e,t){return"string"==typeof window[t]?window[t]:e}),null!==t&&0<Object.keys(t).length)for(var o in t)t.hasOwnProperty(o)&&-1<e.indexOf(":"+o)&&(e=e.replace(new RegExp(":"+o,"g"),encodeURIComponent(t[o])));return e},getGraphQL:function(r,o){var n,a;return r&&o?new Promise(function(e,t){t('Error calling [app.getGraphQL()]. Both [id="'+r+'"] and [src="'+o+'"] are set. Only one value can be used.')}):(n=r||o)&&void 0!==h.graphQL[n]?new Promise(function(e,t){h.graphQL[n].query?e(h.graphQL[n].query):t(h.graphQL[n].error)}):r?new Promise(function(e,t){var o=null;null===(a=document.getElementById(r))?o="Missing GraphQL Script Element: "+r:"SCRIPT"!==a.nodeName||"application/graphql"!==a.type?o='Invalid Element for GraphQL Script, expected: <script type="application/graphql" id="'+r+'">':(h.graphQL[r]={query:a.innerHTML,error:null},e(a.innerHTML)),null!==o&&(h.graphQL[r]={query:null,error:o},t(o))}):o?h.fetch(o,null,"text/plain").then(function(e){return h.graphQL[o]={query:e,error:null},e}).catch(function(e){e="Error Downloading GraphQL Script: ["+o+"], Error: "+e;throw h.graphQL[o]={query:null,error:e},e}):new Promise(function(e,t){t("Error calling [app.getGraphQL()]. Missing GraphQL Parameters.")})},buildGraphQLVariables:function(e,t){var o,r,n={};if(0<Object.keys(t).length)for(var a in t)t.hasOwnProperty(a)&&-1<e.indexOf("$"+a)&&(o=-1!==e.indexOf("($"+a+": Int"),r=t[a],n[a]=o?Number(r):r);return n},handleGlobalErrors:function(e){e?window.addEventListener("error",o):window.removeEventListener("error",o)},getRequestHeaders:function(e){var t,o={},r=h.settings.requestHeaders;for(t in r)r.hasOwnProperty(t)&&(o[t]=r[t]);if(0<Object.keys(h.settings.requestHeadersByHostName).length&&(e=new URL(e,window.location).hostname,void 0!==(r=h.settings.requestHeadersByHostName[e])))for(t in r)r.hasOwnProperty(t)&&(o[t]=r[t]);return o},updateTemplatesForIE:function(e){n&&(e=e.querySelectorAll("template"),Array.prototype.forEach.call(e,function(e){for(var t=document.createElement("script"),o=0,r=e.attributes.length;o<r;o++)t.setAttribute(e.attributes[o].name,e.attributes[o].value);t.type="text/x-template",t.setAttribute("data-engine","text"),t.innerHTML=e.innerHTML,e.parentNode.replaceChild(t,e)}))},cssVarsPonyfill:function(){var e,t='link[rel="stylesheet"][data-css-vars-ponyfill],style[data-css-vars-ponyfill]';null!==document.querySelector(t)&&(e=window.CSS&&window.CSS.supports&&window.CSS.supports("(--a: 0)"),h.loadScript(e,h.settings.cssPonyfillUrl,function(){window.cssVars&&window.cssVars({include:t})}))},setup:function(){c=g.Unknown;var e,t=0,o=[{prop:"Handlebars",type:"handlebars",label:g.Handlebars},{prop:"Vue",type:"vue",label:g.Vue},{prop:"nunjucks",type:"nunjucks",label:g.Nunjucks},{prop:"_",type:"underscore",label:g.Underscore}];for(e in o)null!==document.querySelector('script[type="text/x-template"][data-engine="'+o[e].type+'"]')&&(c=o[e].label,t++);if(0===t)for(e in o)window[o[e].prop]&&(c=o[e].label,t++);1<t&&(c=g.Mixed),void 0!==window.Vue&&h.loadCss(h.vueStyleId,h.vueCss),null!==document.documentElement.getAttribute("data-show-errors")&&h.handleGlobalErrors(!0),h.settings.graphqlUrl=document.documentElement.getAttribute("data-graphql-url"),null===y&&"history"!==(y=document.documentElement.getAttribute("data-routing-mode"))&&(y="hash"),h.updateTemplatesForIE(document);var r=document.querySelectorAll('script[type="text/x-template"][data-route],template[data-route]');Array.prototype.forEach.call(r,function(e){var t=e.getAttribute("data-route"),o=e.id,r=e.src||e.getAttribute("data-src"),n=e.getAttribute("data-page"),c=e.getAttribute("data-model"),u=e.getAttribute("data-controller-added"),a=h.getTemplateType(e),p=e.getAttribute("data-default-route"),l=0,i={};if(null===u){if(""===t)return console.log(e),void h.showErrorAlert(new TypeError('A script element <script id="'+e.id+'" type="'+e.type+'" data-engine="'+e.getAttribute("data-engine")+'"> has the attribute [data-route] defined however the attribute value is empty. This error must be fixed, scripts that include a route path attribute must have the value defined.'));if(a===g.Unknown)return console.log(e),void h.showErrorAlert(new TypeError('A script element <script id="'+e.id+'" type="'+e.type+'" data-engine="'+e.getAttribute("data-engine")+'" data-route="'+e.getAttribute("data-route")+'"> must have a valid engine type defined in [data-engine]. Valid values are [handlebars, vue, underscore, nunjucks, text].'));if(""===o&&(""===r||null===r))for(;o="template"+l,null===document.querySelector("#"+o)&&(e.id=o),l++,""===e.id;);""===r||null===r?r=void 0:o=void 0;var s,f=["route","page","model","src","engine"];for(s in e.dataset)if(-1===f.indexOf(s)){var d=e.dataset[s];switch(d){case"true":case"":i[s]=!0;break;case"false":i[s]=!1;break;case"null":i[s]=null;break;default:i[s]=d}}try{h.addController({path:t,viewId:o,viewUrl:r,viewEngine:a,pageType:n,modelName:c,settings:i}),null!==p&&(h.settings.defaultRoute=t)}catch(e){h.showErrorAlert("Error from [app.setup()]: "+e),console.error(e)}e.setAttribute("data-controller-added","true")}}),"hash"===y?window.addEventListener("hashchange",V):window.addEventListener("popstate",V),V(),a||(h.cssVarsPonyfill(),a=!0)}},Object.defineProperty(h,"version",{value:"5.14.2",enumerable:!0}),window.DataFormsJS=h,void 0===window.app?window.app=h:h.showErrorAlert("Warning - [window.app] is already defined, pages, plugins, etc. may not load correctly."),document.addEventListener("DOMContentLoaded",function(){var e=!!(Array.from&&window.Promise&&window.fetch&&Promise.prototype.finally);h.loadScript(e,h.settings.polyfillUrl,h.setup)}))}();
\ No newline at end of file
+!function(){"use strict";var h,g={NotSet:"Not Set",Unknown:"Unknown",Mixed:"Mixed",Handlebars:"Handlebars",Vue:"Vue",Nunjucks:"Nunjucks",Underscore:"Underscore",Text:"Text"},c=g.NotSet,p=[g.Handlebars,g.Vue,g.Nunjucks,g.Underscore,g.Text],m=!1,f=!1,v=!1,C=null,E=0,t=null,w=!1,b=0,n=-1!==navigator.userAgent.indexOf("Trident/"),y=null,a=!1;function l(e,t,o,r){if(typeof e!==t)throw console.log(e),new TypeError("["+o+"] was not defined as a "+t+" when the function "+r+" was called")}function s(e,t,o){if(void 0===e)throw new TypeError("["+t+"] must first be defined before the function "+o+" is called");if("object"!=typeof e)throw console.log(e),new TypeError("["+t+"] was not defined as an object when the function "+o+" was called")}function i(e,t,o){if(""===e)throw new TypeError("["+t+"] must have a value when defined when the function "+o+" is called")}function d(e,t,o){if(void 0!==e[o])throw console.log(e),new TypeError("["+t+"."+o+"] is already defined")}function T(e,t,o,r){for(var n=0,a=r.length;n<a;n++)if(void 0!==e[r[n]]&&"function"!=typeof e[r[n]])throw console.log(e),new TypeError(o+"["+t+"]."+r[n]+" is not defined as a function.")}function S(e,t,o,r){for(var n=0,a=r.length;n<a;n++)if(void 0!==e[r[n]]&&null!==e[r[n]])return;throw console.log(e),new TypeError(o+"["+t+"] must have one of the following properties defined: "+r.join(", "))}function A(e,t){var o,r,n="";try{return null!==t&&t.path?n='Error with [Controller.path = "'+t.path+'"] - ':null!==e&&e instanceof HTMLElement&&(o=e.getAttribute("data-template-id"),r=e.getAttribute("data-template-url"),o=null===o?"":' data-template-id="'+o+'"',r=null===r?"":' data-template-url="'+r+'"',n="Error with Element <"+e.tagName.toLowerCase(),n=(n+=' id="'+e.id+'"')+' class="'+e.className+'"'+(o+r)+"> - "),n}catch(e){return console.error(e),n}}function r(e,t,o){e=document.createElement(e);return e.textContent=t,o&&(e.className=o),e}function L(e,t){console.error(e),window.setTimeout(function(){t&&null===t.parentNode&&((document.querySelector("body")||document.documentElement).appendChild(t),h.activeTemplate&&(h.activeTemplate.error=!0,h.activeTemplate.errorMessage=e.toString())),h.showError(t,e)},500)}function R(e,t,o){var r,n,a=null,l=null,i=null,s=null,d=null;if(null===t)i=e.getAttribute("data-template-id"),s=e.getAttribute("data-template-url"),null!==h.activeController&&(d=h.activeController.viewEngine);else{if(i=t.viewId,s=t.viewUrl,void 0!==t.viewEngine&&(d=t.viewEngine),void 0===s&&(s=null),null!==(i=void 0===i?null:i)&&null!==s)return void o(u(null,i,s,d,!0,"A controller must have either [viewId] or [viewUrl] defined but not both properties. This error is not possible when calling the [addController()] so one or more of the properties were modified by JavaScript code after the controller was already added."));if(null===i&&null===s)return"function"==typeof t.onRouteLoad||"function"==typeof t.onBeforeRender||"function"==typeof t.onRendered?void o(null):void o(u(null,i,s,d,!0,"A controller must have either [viewId] or [viewUrl] defined but neither property is defined. This error is not possible when calling the [addController()] so one or more of the properties were modified by JavaScript code after the controller was already added."))}for(r=0,n=h.compiledTemplates.length;r<n;r++){if(null!==i&&h.compiledTemplates[r].id===i)return void o(h.compiledTemplates[r]);if(null!==s&&h.compiledTemplates[r].url===s)return void o(h.compiledTemplates[r])}if(null!==s)l=s,null===d&&(d=c);else{if(null===(a=document.getElementById(i)))return void o(u(e,i,s,d,!0,"Script Tag for Template ID ["+i+"] does not exist."));l=a.src||a.getAttribute("data-src"),d=h.getTemplateType(a)}d!==c&&-1!==p.indexOf(d)&&(c=d),null!==l&&""!==l?h.fetch(l,null,"text/plain").then(function(e){o(u(null,i,s,d,!1,e))}).catch(function(e){console.error(e),o(u(null,i,s,d,!0,"Error Downloading Template: ["+l+"], Error: "+e))}):o(u(a,i,s,d,!1,a.innerHTML))}function u(e,t,o,r,n,a){var l=null,i=null,s=!1,d=null;if(!n)try{switch(r){case g.Handlebars:l=Handlebars.compile(a);break;case g.Nunjucks:l=h.nunjucksEnvironment?nunjucks.compile(a,h.nunjucksEnvironment):nunjucks.compile(a);break;case g.Underscore:l=_.template(a);break;case g.Text:case g.Vue:i=a;break;default:throw null===e?new TypeError("Unsupported or Unknown Template View Engine when the Template was downloaded. Template type at the time of downloading = "+r):new TypeError('Unsupported or Unknown Template View Engine specified in <script id="'+e.id+'" type="'+e.type+'" data-engine="'+e.getAttribute("data-engine")+'">')}}catch(e){s=!(i=l=null),d=e}t={id:t,url:o,type:r,engine:l,html:i,error:n||s,errorMessage:n?a:d};return h.compiledTemplates.push(t),t}function U(t,o,e,r){var n="";try{if(e.error)return void h.showError(t,A(t,o)+e.errorMessage);switch(e.type){case g.Handlebars:case g.Underscore:n=e.engine(r);break;case g.Nunjucks:n=e.engine.render(r);break;case g.Text:case g.Vue:n=e.html;break;default:throw new TypeError("Unsupported or Unknown Template View Engine: "+e.type)}null===t.getAttribute("data-set-text-content")?t.innerHTML=n:t.textContent=n,h.updateTemplatesForIE(t)}catch(e){h.showError(t,A(t,o)+e)}}function V(){var e,s,d,t,o,r,n,u,a,l,p,i="hash"===y?window.location.hash:window.location.pathname,c=null,f=-1;if(200<E)return h.showErrorAlert(h.settings.errors.pageLoading),E=0,void(v=!1);if(v)return C===i?void 0:(window.setTimeout(V,200),void E++);if(m)return C===i?void 0:(window.setTimeout(V,200),void E++);for(o in v=!0,""===(i=(E=0)===(C=i).indexOf("#")?i.substring(1):i)&&(i="/"),h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onAllowRouteChange)try{if(!1===h.plugins[o].onAllowRouteChange(i))return void(v=!1)}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onAllowRouteChange()]: "+e.toString()),console.error(e)}if(h.unloadAllJsControls(),null!==h.activeController){for(o in h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onRouteUnload)try{h.plugins[o].onRouteUnload()}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}if(void 0!==h.activeController.onRouteUnload&&null===h.activeVueModel&&"Vue"!==h.viewEngine())try{h.activeController.onRouteUnload.apply(h.activeModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}}for(null!==h.activeVueModel&&(null===h.activeVueApp?(h.activeVueModel.$destroy(),h.settings.clearVue2WatchersOnRouteUnload&&h.activeController&&h.activeController.modelName&&h.models[h.activeController.modelName]&&h.activeVueModel.$data&&(h.models[h.activeController.modelName]=JSON.parse(JSON.stringify(h.activeVueModel.$data)))):h.activeVueApp.unmount()),h.activeController=null,h.activeTemplate=null,h.activeModel=null,h.activeVueModel=null,h.activeVueApp=null,h.activeParameters=[],h.activeParameterList={},w=!1,e=b=0,s=h.controllers.length;e<s;e++){if((t=h.routeMatches(i,h.controllers[e].path)).isMatch){c=h.controllers[e],h.activeParameters=t.args,h.activeParameterList=t.namedArgs;break}h.controllers[e].path===h.settings.defaultRoute&&(f=e)}if(null===c&&-1!==f)return a=h.settings.defaultRoute,"/:lang/"===h.settings.defaultRoute&&void 0!==h.plugins.i18n&&"function"==typeof h.plugins.i18n.readSettings&&"function"==typeof h.plugins.i18n.getUserDefaultLang&&(h.plugins.i18n.readSettings(),null!==(r=h.plugins.i18n.getUserDefaultLang())&&(a="/"+r+"/")),h.changeRoute(a),void(v=!1);if(null===c){if(0===h.controllers.length)return h.updateView(),void(v=!1);i!==h.settings.defaultRoute&&(r="Error - The route ["+i+"] does not have a <script data-route> element or [Controller] defined. Check to make sure that a controller or script for default route ["+h.settings.defaultRoute+"] exists.",h.showError(document.querySelector(h.settings.viewSelector),r)),v=!1}else h.activeController=c,u=function(){var e,t,o,r,n,a=c;if(a.modelName)h.activeModel=h.models[a.modelName];else{if(a.pageType&&void 0!==(o=h.pages[a.pageType]))if(a.viewEngine===g.Vue)if(e={},a.methods=void 0===a.methods?{}:a.methods,"function"==typeof o){e=new o;for(var l=h.getClassFunctionNames(o),i=["constructor","onRouteLoad","onBeforeRender","onRendered","onRouteUnload"],s=0;s<l.length;s++)r=l[s],i.includes(r)||(a.methods[r]=o.prototype[r])}else for(r in o.model)o.model.hasOwnProperty(r)&&("[object Function]"===(n=Object.prototype.toString.call(o.model[r]))?a.methods[r]=o.model[r]:e[r]="[object Object]"===n?h.deepClone({},o.model[r]):"[object Array]"===n?h.deepClone([],o.model[r]):o.model[r]);else e="function"==typeof o?new o:h.deepClone({},o.model);void 0!==a.settings&&0<Object.keys(a.settings).length&&(void 0===e&&(e={}),h.deepClone(e,a.settings)),e&&!1!==e.loadOnlyOnce&&(t=null===a.pageType||void 0===a.pageType?"Dynamic":(t=a.pageType).substring(0,1).toUpperCase()+t.substring(1),t="model_"+String(Object.keys(h.models).length)+"_"+t,h.addModel(t,e),a.modelName=t),a.modelName?h.activeModel=h.models[a.modelName]:h.activeModel=void 0===e?{}:e}for(d in h.activeParameterList)h.activeParameterList.hasOwnProperty(d)&&(h.activeModel[d]=h.activeParameterList[d]);R(null,c,function(e){var t,o=[],r=[],n=0,a=0;function l(){if(h.activeTemplate=e,void 0!==c.onRouteLoad&&h.activeController&&h.activeController.viewEngine!==g.Vue)try{c.onRouteLoad.apply(h.activeModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+c.path+"] on [onRouteLoad()]: "+e.toString()),console.error(e)}window.scrollTo(0,0),h.updateView(),v=!1}for(t in h.plugins)h.plugins.hasOwnProperty(t)&&void 0!==h.plugins[t].onRouteLoad&&(o.push(h.plugins[t].onRouteLoad),r.push(t));(0===(a=o.length)?l:function t(){try{var e=r[n],e=h.plugins[e];o[n].call(e,function(e){!1!==e?(++n===a?l:t)():v=!1})}catch(e){h.showErrorAlert("Error from Plugin ["+r[n]+"] on [onRouteLoad()]: "+e.toString()),console.error(e),h.updateView(),v=!1}})()})},void 0!==(n=c).settings&&void 0!==n.settings.lazyLoad?(null!==h.settings.lazyTemplateSelector&&(l=document.querySelector(h.settings.viewSelector),a=document.querySelector(h.settings.lazyTemplateSelector),l&&a&&("TEMPLATE"===a.tagName||"SCRIPT"===a.tagName&&"text"===a.getAttribute("data-engine")?l.innerHTML=a.innerHTML:console.warn("Unable to show loading screen from [app.settings.lazyTemplateSelector]. Only <template> tags are allowed."))),l=n.settings.lazyLoad.split(",").map(function(e){return e.trim()}),p=[],l.forEach(function(e){void 0===h.lazyLoad[e]?console.error("Missing [app.LazyLoad] scripts for: "+e):p.push(h.loadScripts(h.lazyLoad[e]))}),Promise.all(p).finally(function(){P(n),u()})):(P(n),u())}function P(e){if(null!==e.pageType&&void 0!==e.pageType&&void 0===e._pageCopied){var t=null;if(void 0===h.pages[e.pageType]?t="The page ["+e.pageType+"] has not been loaded for Controller[path="+e.path+"].":"object"==typeof h.pages[e.pageType]&&"object"!=typeof h.pages[e.pageType].model&&(t="Error - The [model] property for page object ["+e.pageType+"] must be a valid JavaScript Object."),null!==t)return e.settings=e.settings||{},e.settings.errorMessage=t,e.settings.hasError=!0,void h.showErrorAlert(t);var o=h.pages[e.pageType];if("function"==typeof o)for(var r=h.getClassFunctionNames(o),n=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"],a=0;a<r.length;a++){var l=r[a];n.includes(l)&&(e[l]=o.prototype[l])}else for(var i in o)o.hasOwnProperty(i)&&"function"==typeof o[i]&&(e[i]=o[i]);e.viewEngine===g.Vue&&"object"==typeof o.computed&&void 0===e.computed&&(e.computed=o.computed),e._pageCopied=!0}}function o(e){var t=new Date,t="toLocaleString"in t?t.toLocaleString():t.toString(),t=-1<e.message.toLowerCase().indexOf("script error")?"Script Error at "+t+": See Browser Console for Detail":["Message: ["+e.message+"]","Time: ["+t+"]","URL: ["+e.filename+"]","Line: "+e.lineno,"Column: "+e.colno,"Error Object: "+JSON.stringify(e.error)].join(" - ");h.showErrorAlert(t),console.error(e)}void 0===window.DataFormsJS&&(h={controllers:[],models:{},pages:{},plugins:{},controls:{},graphQL:{},lazyLoad:{},locals:{},settings:{defaultRoute:"/",viewSelector:"#view",logFetchRequests:!1,requestHeaders:{},requestHeadersByHostName:{},fetchOptions:{mode:"cors",cache:"no-store",credentials:"same-origin"},polyfillUrl:"https://polyfill.io/v3/polyfill.min.js?features=Array.from,Array.isArray,Array.prototype.find,Object.assign,URL,fetch,Promise,Promise.prototype.finally,String.prototype.endsWith,String.prototype.startsWith,String.prototype.includes,String.prototype.repeat",cssPonyfillUrl:"https://cdn.jsdelivr.net/npm/css-vars-ponyfill@2.4.3/dist/css-vars-ponyfill.min.js",graphqlUrl:null,errors:{pageLoading:"Error loading the current page because the previous page is still loading and is taking a long time. Please refresh the page and try again."},lazyTemplateSelector:null,clearVue2WatchersOnRouteUnload:!1},activeController:null,activeTemplate:null,activeModel:null,activeVueModel:null,activeVueApp:null,vueDirectives:null,activeParameters:[],activeParameterList:{},activeJsControls:[],compiledTemplates:[],onUpdateViewComplete:null,nunjucksEnvironment:null,errorClass:"dataformsjs-error",fatalErrorClass:"dataformsjs-fatal-error",errorStyleId:"dataformsjs-style-errors",errorCss:[".dataformsjs-error,.dataformsjs-fatal-error{","color:#fff;","background-color:red;","box-shadow:0 1px 5px 0 rgba(0,0,0,.5);","background-image:linear-gradient(#e00,#c00);","/*white-space:pre;*/","text-align:left;","}",".dataformsjs-error{","padding:10px;","font-size:1em;","margin:5px;","display:inline-block;","}",".dataformsjs-fatal-error{","z-index:1000000;","padding:20px;","font-size:1.5em;","margin:20px;","position:fixed;","top:10px;","}","@media only screen and (min-width:1000px){",".dataformsjs-fatal-error{","max-width:1000px;","left:calc(50% - 520px);","}","}",".dataformsjs-fatal-error span{","padding:5px 10px;","float:right;","border:1px solid darkred;","cursor:pointer;","margin-left:10px;","box-shadow:0 0 2px 1px rgba(0,0,0,0.3);","background-image:linear-gradient(#c00,#a00);","border-radius:5px;","}"].join(""),vueStyleId:"dataformsjs-style-vue-cloak",vueCss:"[v-cloak] { display: none !important; }",escapeHtml:function(e){return null==e||"number"==typeof e?e:String(e).replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/'/g,"&#039;").replace(/</g,"&lt;").replace(/>/g,"&gt;")},fetch:function(t,e,o){var r=h.deepClone({},h.settings.fetchOptions);return r.headers=h.getRequestHeaders(t),e&&(Object.assign(r,e),void 0!==e.headers&&(r.headers=Object.assign({},h.getRequestHeaders(t),e.headers))),!n||void 0!==r.method&&"GET"!==r.method&&"HEAD"!==r.method||"no-store"!==r.cache&&"no-cache"!==r.cache||((e=/([?&])_=[^&]*/).test(t)?t=t.replace(e,"$1_="+(new Date).getTime()):t+=(/\?/.test(t)?"&":"?")+"_="+(new Date).getTime()),fetch(t,r).then(function(e){return h.settings.logFetchRequests&&h.events&&"function"==typeof h.events.dispatch&&h.events.dispatch("fetch",{url:t,status:e.status}),Promise.resolve(e)}).then(function(e){var t=e.status;return 200<=t&&t<300||304===t?Promise.resolve(e):(t="Error loading data. Server Response Code: "+t+", Response Text: "+e.statusText,Promise.reject(t))}).then(function(e){var t=void 0===o?"application/json":o;return 0===(t=e.headers.has("Content-Type")?e.headers.get("Content-Type"):t).indexOf("application/json")?e.json():e.text()})},routingMode:function(){return y},changeRoute:function(e){if("string"!=typeof e)throw new TypeError("Expected string for app.changeRoute(path)");"history"===y?(window.history.pushState(null,null,e),V()):window.location.hash=0===e.indexOf("#")?e:"#"+e},pushStateClick:function(e){if(!0!==e.ctrlKey&&!e.metaKey)return e.preventDefault(),e.stopPropagation(),e.currentTarget.href?h.changeRoute(e.currentTarget.href):console.error("app.pushStateClick() called for an unknown link"),!1},addPage:function(e,t){var o,r=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"],n=(l(e,"string","name","app.addPage()"),i(e,"name","app.addPage()"),!1);if("object"==typeof t)o=t,n=!0;else{if("function"!=typeof t||"class"!==t.toString().substring(0,5))throw new TypeError("Page ["+e+"] must be defined as an object or a class when the function app.addPage() is called");o=t.prototype}return T(o,e,"page",r),r.pop(),S(o,e,"page",r),n&&s(t.model,"page."+e+".model","app.addPage()"),d(this.pages,"app.pages",e),this.pages[e]=t,this},addPlugin:function(e,t){function o(){"function"==typeof this.onRouteUnload&&this.onRouteUnload(),this.onRendered()}if(l(e,"string","name","app.addPlugin()"),i(e,"name","app.addPlugin()"),d(this.plugins,"app.plugins",e),"function"==typeof(t="function"==typeof t&&"class"===t.toString().substring(0,5)?new t:t))return this.plugins[e]={onRendered:t,reload:o},this;var r=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"];return l(t,"object","plugin","app.addPlugin()"),T(t,e,"plugin",r),r.pop(),S(t,e,"plugin",r),void 0===t.reload&&(t.reload=o),this.plugins[e]=t,this},addControl:function(e,t){if(l(e,"string","name","app.addControl()"),i(e,"name","app.addControl()"),e!==e.toLowerCase())throw new TypeError("Control names must be all lower-case. [app.addControl()] was called with: ["+e+"]");if(-1===e.indexOf("-"))throw new TypeError("Control names must contain a dash [-] character. [app.addControl()] was called with: ["+e+"]");if(-1!==e.indexOf(" "))throw new TypeError("Control names cannot contain a space. [app.addControl()] was called with: ["+e+"]");if(!1!==/[&<>"'/]/.test(e))throw new TypeError("Control names cannot contain HTML characters that need to be escaped. Invalid characters are [& < > \" ' /]. [app.addControl()] was called with: ["+e+"]");l(t,"object","control","app.addControl()"),void 0!==t.css&&l(t.css,"string","control.css","app.addControl()");var o=["onLoad","html","onUnload"];return S(t,e,"control",o),T(t,e,"control",o),o.pop(),S(t,e,"control",o),d(this.controls,"app.controls",e),this.controls[e]=t,this},addModel:function(e,t){return l(e,"string","name","app.addModel()"),i(e,"name","app.addModel()"),l(t,"object","model","app.addModel()"),d(this.models,"app.models",e),this.models[e]=t,this},addController:function(t){var e,o=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"];if(l(t,"object","controller","app.addController()"),l(t.path,"string","controller.path","app.addController()"),i(t.path,"controller.path","app.addController()"),this.controllers.forEach(function(e){if(e.path===t.path)throw new TypeError("[app.controllers(path="+t.path+")] is already defined")}),e="app.addController(path="+t.path+")",void 0===t.viewId)t.viewId=null;else{l(t.viewId,"string","controller.viewId",e),i(t.viewId,"controller.viewId",e);var r=t.viewId,n="controller.viewId",a=e;if(null===document.getElementById(r))throw new TypeError("An element was not found on the page with ["+n+"][id="+r+"] when the function "+a+" was called")}if(void 0===t.viewUrl?t.viewUrl=null:(l(t.viewUrl,"string","controller.viewUrl",e),i(t.viewUrl,"controller.viewUrl",e)),null!==t.viewId&&null!==t.viewUrl)throw new TypeError("A controller cannot have both [viewId] and [viewUrl] defined when calling "+e);if(void 0!==t.viewEngine){if(null===t.viewId&&null===t.viewUrl)throw new TypeError("When a controller uses the [viewEngine] property either [viewId] or [viewUrl] must also be defined when calling "+e);if(-1===p.indexOf(t.viewEngine))throw new TypeError("Invalid [viewEngine] property when calling "+e+". Valid values are: "+p.join(", "))}return null!==t.modelName&&void 0!==t.modelName&&(l(t.modelName,"string","controller.modelName",e),i(t.modelName,"controller.modelName",e),s(this.models[t.modelName],"app.models."+t.modelName,e)),null!==t.pageType&&void 0!==t.pageType&&(l(t.pageType,"string","controller.pageType",e),i(t.pageType,"controller.pageType",e)),T(t,t.path,"controller",o),null!==t.pageType&&void 0!==t.pageType||(o.pop(),o.push("viewId"),o.push("viewUrl"),S(t,t.path,"controller",o)),this.controllers.push(t),this},controller:function(e){for(var t=0,o=this.controllers.length;t<o;t++)if(this.controllers[t].path===e)return this.controllers[t];return null},showError:function(e,t){var o;null!==e?(h.loadCss(h.errorStyleId,h.errorCss),o=r("span",t,h.errorClass),e.innerHTML="",e.appendChild(o),"string"!=typeof t&&console.error(t)):h.showErrorAlert(t)},showErrorAlert:function(e){h.loadCss(h.errorStyleId,h.errorCss);var t=r("div",e="string"==typeof e&&-1===e.toLowerCase().indexOf("error")?"Error: "+e:e,h.fatalErrorClass),o=r("span","✕");o.onclick=function(){document.body.removeChild(t)},t.insertBefore(o,t.firstChild),document.body.appendChild(t),"string"!=typeof e&&console.error(e)},isUsingVue:function(){return null!==h.activeVueModel||h.activeController&&"Vue"===h.activeController.viewEngine||"Vue"===h.viewEngine()},isUsingVue2:function(){return this.isUsingVue()&&void 0===Vue.createApp},isUsingVue3:function(){return this.isUsingVue()&&"function"==typeof Vue.createApp},isUpdatingView:function(){return m},updateView:function(){function e(){var e,t,o,r,n;if(m=!0,null!==h.activeVueModel&&null===h.activeVueApp)return e=0,(t=h.activeVueModel._watcher)&&t.deps&&t.deps.length&&(e=t.deps.length),b!==e&&a("vue_dep_change"),m=!(w=!0),void(b=e);if(null===h.activeVueApp){h.unloadAllJsControls();try{if(!(h.activeController&&h.activeController.viewEngine===g.Vue)&&h.activeController&&void 0!==h.activeController.onBeforeRender)try{h.activeController.onBeforeRender.apply(h.activeModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onBeforeRender()]: "+e.toString()),console.error(e)}for(o in h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onBeforeRender)try{h.plugins[o].onBeforeRender()}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onBeforeRender()]: "+e.toString()),console.error(e)}null!==h.activeTemplate&&(null===(r=document.querySelector(h.settings.viewSelector))?(n="Error - The main HTML element for rendering views from selector ["+h.settings.viewSelector+"] does not exist on this page. Check HTML on the page to makes sure that the element exist; and if it does then check to make sure that JavaScript Code did not remove it from the page",h.showErrorAlert(n)):(h.activeController&&h.activeController.viewEngine===g.Vue&&r.setAttribute("v-cloak",""),U(r,h.activeController,h.activeTemplate,h.activeModel))),h.refreshAllHtmlControls(function(){var t,e,o,r;h.activeController&&h.activeController.viewEngine===g.Vue?(t=document.querySelector(h.settings.viewSelector),e=function(e){console.error("Vue Error"),L(e,t)},o=function(e){console.error("Vue Warning"),L(e,t)},r="function"==typeof Vue.createApp,h.activeTemplate&&h.activeTemplate.error?(h.showError(document.querySelector(h.settings.viewSelector),h.activeTemplate.errorMessage),a("updateView")):r?(h.activeVueApp=Vue.createApp({data:function(){return h.activeModel},directives:h.vueDirectives,methods:h.activeController.methods,computed:h.activeController.computed,mounted:function(){h.activeVueModel=this,h.activeVueModel.$nextTick(function(){if(void 0!==h.activeController.onRouteLoad)try{h.activeController.onRouteLoad.apply(h.activeVueModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteLoad()]: "+e.toString()),console.error(e)}h.loadAllJsControls(),a("vue_mounted",h.activeVueModel)})},updated:function(){this.$nextTick(function(){w&&(h.loadAllJsControls(),a("vue_updated"),w=!1)})},beforeUnmount:function(){try{void 0!==h.activeController.onRouteUnload&&h.activeController.onRouteUnload.apply(h.activeVueModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}}}),h.activeVueApp.errorHandler=e,h.activeVueApp.warnHandler=o,h.activeVueApp.mount(h.settings.viewSelector)):(Vue.config.errorHandler=e,Vue.config.warnHandler=o,h.activeVueModel=new Vue({el:h.settings.viewSelector,data:h.activeModel,methods:h.activeController.methods,computed:h.activeController.computed,mounted:function(){var e=this;e.$nextTick(function(){if(void 0!==h.activeController.onRouteLoad)try{h.activeController.onRouteLoad.apply(e,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteLoad()]: "+e.toString()),console.error(e)}h.loadAllJsControls(),a("vue_mounted",e)})},updated:function(){this.$nextTick(function(){var e;w&&(h.loadAllJsControls(),a("vue_updated"),(e=this._watcher)&&e.deps&&e.deps.length&&(b=this._watcher.deps.length),w=!1)})},beforeDestroy:function(){try{void 0!==h.activeController.onRouteUnload&&h.activeController.onRouteUnload.apply(this,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}}}))):(h.loadAllJsControls(),a("updateView")),m=!1})}catch(e){throw m=!1,console.error(e),e}}else m=!(w=!0)}function a(e,t){for(var o in"history"===y&&(r=document.querySelectorAll('a[href^="/"]:not([data-no-pushstate])'),Array.prototype.forEach.call(r,function(e){e.addEventListener("click",h.pushStateClick)})),h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onRendered)try{h.plugins[o].onRendered()}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onRendered()]: "+e.toString()),console.error(e)}var r=h.activeController&&h.activeController.viewEngine===g.Vue,n=h.activeController&&h.activeController.onRendered;if("function"==typeof n){t=r?t||h.activeVueModel:t||h.activeModel;try{n.apply(t,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRendered()]: "+e.toString()),console.error(e)}}if(null!==h.onUpdateViewComplete)try{h.onUpdateViewComplete(e)}catch(e){h.showErrorAlert("Error from [app.onUpdateViewComplete()]: "+e.toString()),console.error(e)}}m?t=window.setInterval(function(){m||(window.clearInterval(t),t=null,e())},10):e()},refreshAllHtmlControls:function(e,r){var n=String((new Date).getTime()),a='[data-template-id]:not([data-updated-at="'+n+'"])';a+=',[data-template-url]:not([data-updated-at="'+n+'"])',f=!0,function t(o){if(null===o)f=!1,m||h.refreshPlugins(),e&&e(n);else try{h.refreshHtmlControl(o,function(){o.setAttribute("data-updated-at",n),t(document.querySelector(a))},r)}catch(e){o.setAttribute("data-updated-at",n),t(document.querySelector(a))}}(document.querySelector(a))},refreshHtmlControl:function(t,r,e){try{var o="string"==typeof t,c=t instanceof HTMLElement;if(!o&&!c)throw new TypeError("Invalid type for parameter [control] in the function [DataFormsJS.refreshHtmlControl()]: "+typeof t);if(o){var n=t;if(null===(t=document.getElementById(n)))throw new TypeError("Control not found for ["+n+"] when the function [DataFormsJS.refreshHtmlControl()] was called.")}if(void 0!==r&&"function"!=typeof r)throw new TypeError("[callback] was not defined as a [function] when the [DataFormsJS.refreshHtmlControl()] was called");var a=t.getAttribute("data-template-id"),l=t.getAttribute("data-template-url");if(null!==a&&null!==l)throw new TypeError("A control must have only one of the template attribute defined; either [data-template-id] or [data-template-url]. Both attributes are defined on the control.");if(null===a&&null===l)throw new TypeError("A control must have either attribute [data-template-id] or [data-template-url]. Neither attribute is defined for the control.");void 0===e&&(e=this.activeModel);var i,s=Object.assign({},e),u=["templateId","templateUrl","updatedAt"];for(i in t.dataset)if(-1===u.indexOf(i)){var d=t.dataset[i];switch(d){case"true":case"":s[i]=!0;break;case"false":s[i]=!1;break;case"null":s[i]=null;break;default:s[i]=d}}R(t,null,function(e){U(t,null,e,s),m||(h.loadAllJsControls(t,s),h.unloadUnattachedJsControls()),f||h.refreshPlugins(t);var o=[];f||m||(e=t.querySelectorAll("[data-template-id],[data-template-url]"),Array.prototype.forEach.call(e,function(t){o.push(new Promise(function(e){h.refreshHtmlControl(t,e)}))})),Promise.all(o).finally(function(){void 0!==r&&r()})})}catch(e){throw console.error(e),null!==t&&t instanceof HTMLElement&&h.showError(t,A(t,null)+e.message),e}},refreshPlugins:function(e){function t(){for(var t in h.plugins)if(h.plugins.hasOwnProperty(t)&&void 0!==h.plugins[t].onRendered)try{void 0===e?h.plugins[t].onRendered():1===h.plugins[t].onRendered.length&&h.plugins[t].onRendered(e)}catch(e){h.showErrorAlert("Error from Plugin ["+t+"] on [onRendered()]: "+e.toString()),console.error(e)}}h.activeController&&h.activeController.viewEngine===g.Vue&&h.activeVueModel&&"function"==typeof h.activeVueModel.$nextTick?h.activeVueModel.$nextTick(t):t()},loadAllJsControls:function(o,r){var t=["[data-control]:not([data-control-loaded]):not([data-control-is-loading])"],n=(Object.keys(h.controls).forEach(function(e){-1!==e.indexOf("-")&&-1===e.indexOf(" ")&&t.push(e+":not([data-control-loaded]):not([data-control-is-loading])")}),t.join(","));void 0===o&&(o=document),void 0===r&&(r=h.activeModel),function e(t){if(null!==t){try{h.loadJsControl(t,r)}catch(e){t.setAttribute("data-control-loaded",""),h.showError(t,e.toString()),console.error(e)}e(o.querySelector(n))}}(o.querySelector(n))},loadJsControl:function(t,e){var o,r,n,a,l,i;if(t instanceof HTMLElement)t.hasAttribute("data-control-loaded")&&(l=h.activeJsControls.find(function(e){return e.element===t}));else{if(void 0===(l="object"==typeof t?h.activeJsControls.find(function(e){return e===t}):l))throw new TypeError("Invalid type for parameter [element] for the function [DataFormsJS.loadJsControl()], expected HTMLElement, received: "+typeof t);t=l.element}if(null===(o=t.getAttribute("data-control"))&&(o=t.tagName.toLowerCase()),void 0===(r=h.controls[o]))throw-1===o.indexOf("-")?(h.showError(t,i="Invalid call to [DataFormsJS.loadJsControl()]. This function only works on valid control elements."),console.log(t),new TypeError(i)):new Error("JavaScript Control was not found by name, check that the file is loaded: "+o);for(a in t.setAttribute("data-control",o),n=void 0===r.data?{}:h.deepClone({},r.data),t.dataset)if("control"!==a){var s=t.dataset[a];switch(s){case"true":case"":n[a]=!0;break;case"false":n[a]=!1;break;case"null":n[a]=null;break;default:n[a]=s}}if(void 0!==r.css&&h.loadCss("DataFormsJS-control-style-"+o,r.css),void 0===e&&(e=h.activeModel),null===t.getAttribute("data-control-is-loading")){t.setAttribute("data-control-is-loading",""),i=!1;try{void 0!==r.onLoad&&r.onLoad.call(n,t,e)}catch(e){h.showError(t,"Error with JavaScript Control ["+o+"] in function [onLoad()]: "+e.toString()),console.error(e),i=!0}if(!i)try{void 0!==r.html&&(t.innerHTML=r.html.call(n,e))}catch(e){h.showError(t,"Error with JavaScript Control ["+o+"] in function [html()]: "+e.toString()),console.error(e)}t.setAttribute("data-control-loaded",""),t.removeAttribute("data-control-is-loading"),void 0===l?h.activeJsControls.push({element:t,control:o,data:n}):l.data=n}},unloadAllJsControls:function(){h.activeJsControls.forEach(function(e){h.unloadJsControl(e)}),h.activeJsControls=[]},unloadUnattachedJsControls:function(){for(var e,t=h.activeJsControls.length;0<t;t--)document.body.contains(h.activeJsControls[t-1].element)||(e=h.activeJsControls.splice(t-1,1),h.unloadJsControl(e[0]))},unloadJsControl:function(t){var o=h.controls[t.control];if(void 0!==o.onUnload)try{o.onUnload.call(t.data,t.element)}catch(e){o="Unknown Control";t.element&&(o=(o=t.element.getAttribute("data-control"))||"Unknown Control"),h.showErrorAlert("Error with JavaScript Control ["+o+"] in function [onUnload()]: "+e.toString()),console.error(e)}t.element.removeAttribute("data-control-loaded")},routeMatches:function(e,t){var o,r,n=e.split("/"),a=t.split("/"),l=n.length,i=[],s={};if(l!==a.length)return{isMatch:!1};for(o=0;o<l;o++)if((r=decodeURIComponent(n[o]))!==a[o]){if(":"!==a[o].substring(0,1))return{isMatch:!1};i.push(r),s[a[o].substring(1)]=r}return{isMatch:!0,args:i,namedArgs:s}},getClassFunctionNames:function(e){for(var t=[],o=e;o&&o.prototype&&o!==Object;){for(var r=Object.getOwnPropertyNames(o.prototype),n=0;n<r.length;n++){var a=r[n];"function"!=typeof o.prototype[a]||t.includes(a)||t.push(a)}o=Object.getPrototypeOf(o)}return t},deepClone:function(){var e,t,o,r,n,a=arguments.length;if(0===a)throw new TypeError("No arguments specified when app.deepClone() was called.");if(1===a)throw new TypeError("Only one argument was specified when app.deepClone() was called.");for(e=0;e<a;e++)l(arguments[e],"object","argument","app.deepClone()");for(t=arguments[0],e=1;e<a;e++)for(r in o=arguments[e])o.hasOwnProperty(r)&&(void 0!==(n=Object.getOwnPropertyDescriptor(o,r)).get||void 0!==n.set?Object.defineProperty(t,r,n):(n=Object.prototype.toString.call(o[r]),t[r]="[object Object]"===n?this.deepClone({},o[r]):"[object Array]"===n?this.deepClone([],o[r]):o[r]));return t},getTemplateType:function(e){if(void 0===e)throw new TypeError("Missing parameter [script] for the function [DataFormsJS.getTemplateType()]");if(!(e instanceof HTMLElement))throw new TypeError("Invalid type for parameter [script] for the function [DataFormsJS.getTemplateType()], expected HTMLElement, received: "+typeof e);if("TEMPLATE"!==e.tagName&&"SCRIPT"!==e.tagName)throw new TypeError("Invalid type for parameter [script] for the function [DataFormsJS.getTemplateType()], expected <script> or <template>, received: "+e.tagName.toLowerCase());if("TEMPLATE"===e.tagName)return g.Text;switch(e.getAttribute("data-engine")){case"handlebars":return g.Handlebars;case"vue":return g.Vue;case"nunjucks":return g.Nunjucks;case"underscore":return g.Underscore;case"text":return g.Text;default:return g.Unknown}},viewEngine:function(e){if(void 0===e)return c;switch(e){case g.NotSet:case g.Unknown:case g.Mixed:throw new TypeError("Invalid value specified for setting the ViewEngine: "+e);default:if(void 0===g[e])throw new TypeError("Unknown value specified for setting the ViewEngine ["+e+"], refer to documentation or values from the enum/object [ViewEngines] for valid options.")}return c=e,this},loadCss:function(e,t){var o=document.getElementById(e);null===o&&((o=document.createElement("style")).id=e,o.innerHTML=t,document.head.appendChild(o))},loadScript:function(e,r,t){function o(e,t){var o=document.createElement("script");o.onload=e,o.onerror=function(){console.error("Error loading Script: "+r),t()},o.src=r,document.head.appendChild(o)}if(!1===e||void 0===e){if(void 0===t)return new Promise(function(e,t){o(e,t)});o(t,t)}else{if(void 0===t)return new Promise(function(e){e()});t()}},loadScripts:function(i){if("string"==typeof i)i=[i];else if(!Array.isArray(i))return h.showErrorAlert("Invalid Script for [app.loadScripts()] or [app.lazyLoad], expected string or an array of strings. Check console."),console.warn("app.loadScripts():"),console.warn(i),new Promise(function(e){e()});return new Promise(function(o){var r=0,n=i.length;!function e(){var t,a,l;r!==n?(t=i[r],r++,t.endsWith(".js")?(l=t,new Promise(function(e){for(var t=document.querySelectorAll("script"),o=0,r=t.length;o<r;o++)if(t[o].getAttribute("src")===l)return void e();var n=document.createElement("script");n.onload=e,n.onerror=function(){h.showErrorAlert("Error loading JS File: "+l),e()},n.src=l,document.head.appendChild(n)}).then(e)):t.endsWith(".css")?(a=t,new Promise(function(e){for(var t=document.querySelectorAll("link"),o=0,r=t.length;o<r;o++)if("stylesheet"===t[o].rel&&t[o].getAttribute("href")===a)return void e();var n=document.createElement("link");n.rel="stylesheet",n.onload=e,n.onerror=function(){h.showErrorAlert("Error loading CSS File: "+a),e()},n.href=a,document.head.appendChild(n)}).then(e)):(h.showErrorAlert("Invalid Script for [app.loadScripts()] or [app.lazyLoad]: "+t),e())):o()}()})},buildUrl:function(e,t){if(void 0===t&&(t=h.activeParameterList),e=String(e).replace(/\{(\w+)\}/g,function(e,t){return"string"==typeof window[t]?window[t]:e}),null!==t&&0<Object.keys(t).length)for(var o in t)t.hasOwnProperty(o)&&-1<e.indexOf(":"+o)&&(e=e.replace(new RegExp(":"+o,"g"),encodeURIComponent(t[o])));return e},getGraphQL:function(r,o){var n,a;return r&&o?new Promise(function(e,t){t('Error calling [app.getGraphQL()]. Both [id="'+r+'"] and [src="'+o+'"] are set. Only one value can be used.')}):(n=r||o)&&void 0!==h.graphQL[n]?new Promise(function(e,t){h.graphQL[n].query?e(h.graphQL[n].query):t(h.graphQL[n].error)}):r?new Promise(function(e,t){var o=null;null===(a=document.getElementById(r))?o="Missing GraphQL Script Element: "+r:"SCRIPT"!==a.nodeName||"application/graphql"!==a.type?o='Invalid Element for GraphQL Script, expected: <script type="application/graphql" id="'+r+'">':(h.graphQL[r]={query:a.innerHTML,error:null},e(a.innerHTML)),null!==o&&(h.graphQL[r]={query:null,error:o},t(o))}):o?h.fetch(o,null,"text/plain").then(function(e){return h.graphQL[o]={query:e,error:null},e}).catch(function(e){e="Error Downloading GraphQL Script: ["+o+"], Error: "+e;throw h.graphQL[o]={query:null,error:e},e}):new Promise(function(e,t){t("Error calling [app.getGraphQL()]. Missing GraphQL Parameters.")})},buildGraphQLVariables:function(e,t){var o,r,n={};if(0<Object.keys(t).length)for(var a in t)t.hasOwnProperty(a)&&-1<e.indexOf("$"+a)&&(o=-1!==e.indexOf("($"+a+": Int"),r=t[a],n[a]=o?Number(r):r);return n},handleGlobalErrors:function(e){e?window.addEventListener("error",o):window.removeEventListener("error",o)},getRequestHeaders:function(e){var t,o={},r=h.settings.requestHeaders;for(t in r)r.hasOwnProperty(t)&&(o[t]=r[t]);if(0<Object.keys(h.settings.requestHeadersByHostName).length&&(e=new URL(e,window.location).hostname,void 0!==(r=h.settings.requestHeadersByHostName[e])))for(t in r)r.hasOwnProperty(t)&&(o[t]=r[t]);return o},updateTemplatesForIE:function(e){n&&(e=e.querySelectorAll("template"),Array.prototype.forEach.call(e,function(e){for(var t=document.createElement("script"),o=0,r=e.attributes.length;o<r;o++)t.setAttribute(e.attributes[o].name,e.attributes[o].value);t.type="text/x-template",t.setAttribute("data-engine","text"),t.innerHTML=e.innerHTML,e.parentNode.replaceChild(t,e)}))},cssVarsPonyfill:function(){var e,t='link[rel="stylesheet"][data-css-vars-ponyfill],style[data-css-vars-ponyfill]';null!==document.querySelector(t)&&(e=window.CSS&&window.CSS.supports&&window.CSS.supports("(--a: 0)"),h.loadScript(e,h.settings.cssPonyfillUrl,function(){window.cssVars&&window.cssVars({include:t})}))},setup:function(){c=g.Unknown;var e,t=0,o=[{prop:"Handlebars",type:"handlebars",label:g.Handlebars},{prop:"Vue",type:"vue",label:g.Vue},{prop:"nunjucks",type:"nunjucks",label:g.Nunjucks},{prop:"_",type:"underscore",label:g.Underscore}];for(e in o)null!==document.querySelector('script[type="text/x-template"][data-engine="'+o[e].type+'"]')&&(c=o[e].label,t++);if(0===t)for(e in o)window[o[e].prop]&&(c=o[e].label,t++);1<t&&(c=g.Mixed),void 0!==window.Vue&&h.loadCss(h.vueStyleId,h.vueCss),null!==document.documentElement.getAttribute("data-show-errors")&&h.handleGlobalErrors(!0),h.settings.graphqlUrl=document.documentElement.getAttribute("data-graphql-url"),null===y&&"history"!==(y=document.documentElement.getAttribute("data-routing-mode"))&&(y="hash"),h.updateTemplatesForIE(document);var r=document.querySelectorAll('script[type="text/x-template"][data-route],template[data-route]');Array.prototype.forEach.call(r,function(e){var t=e.getAttribute("data-route"),o=e.id,r=e.src||e.getAttribute("data-src"),n=e.getAttribute("data-page"),c=e.getAttribute("data-model"),u=e.getAttribute("data-controller-added"),a=h.getTemplateType(e),p=e.getAttribute("data-default-route"),l=0,i={};if(null===u){if(""===t)return console.log(e),void h.showErrorAlert(new TypeError('A script element <script id="'+e.id+'" type="'+e.type+'" data-engine="'+e.getAttribute("data-engine")+'"> has the attribute [data-route] defined however the attribute value is empty. This error must be fixed, scripts that include a route path attribute must have the value defined.'));if(a===g.Unknown)return console.log(e),void h.showErrorAlert(new TypeError('A script element <script id="'+e.id+'" type="'+e.type+'" data-engine="'+e.getAttribute("data-engine")+'" data-route="'+e.getAttribute("data-route")+'"> must have a valid engine type defined in [data-engine]. Valid values are [handlebars, vue, underscore, nunjucks, text].'));if(""===o&&(""===r||null===r))for(;o="template"+l,null===document.querySelector("#"+o)&&(e.id=o),l++,""===e.id;);""===r||null===r?r=void 0:o=void 0;var s,f=["route","page","model","src","engine"];for(s in e.dataset)if(-1===f.indexOf(s)){var d=e.dataset[s];switch(d){case"true":case"":i[s]=!0;break;case"false":i[s]=!1;break;case"null":i[s]=null;break;default:i[s]=d}}try{h.addController({path:t,viewId:o,viewUrl:r,viewEngine:a,pageType:n,modelName:c,settings:i}),null!==p&&(h.settings.defaultRoute=t)}catch(e){h.showErrorAlert("Error from [app.setup()]: "+e),console.error(e)}e.setAttribute("data-controller-added","true")}}),"hash"===y?window.addEventListener("hashchange",V):window.addEventListener("popstate",V),V(),a||(h.cssVarsPonyfill(),a=!0)}},Object.defineProperty(h,"version",{value:"5.14.3",enumerable:!0}),window.DataFormsJS=h,void 0===window.app?window.app=h:h.showErrorAlert("Warning - [window.app] is already defined, pages, plugins, etc. may not load correctly."),document.addEventListener("DOMContentLoaded",function(){var e=!!(Array.from&&window.Promise&&window.fetch&&Promise.prototype.finally);h.loadScript(e,h.settings.polyfillUrl,h.setup)}))}();
\ No newline at end of file
diff --git a/js/react/es5/DataFormsJS.js b/js/react/es5/DataFormsJS.js
index 06bf1c7..8d5757e 100644
--- a/js/react/es5/DataFormsJS.js
+++ b/js/react/es5/DataFormsJS.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.14.2
+// @version 5.14.3
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
 (function () {
diff --git a/js/react/es5/DataFormsJS.min.js b/js/react/es5/DataFormsJS.min.js
index 767ba24..5f1d655 100644
--- a/js/react/es5/DataFormsJS.min.js
+++ b/js/react/es5/DataFormsJS.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.14.2
+// @version 5.14.3
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
 !function(){"use strict";var n=void 0===window.React&&void 0!==window.preact?window.preact:window.React;function b(e){return(b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function u(e,t){return null!=t&&"undefined"!=typeof Symbol&&t[Symbol.hasInstance]?t[Symbol.hasInstance](e):e instanceof t}function e(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&c(e,t)}function c(e,t){return(c=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function t(r){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(e){return!1}}();return function(){var e,t=p(r),t=(e=n?(e=p(this).constructor,Reflect.construct(t,arguments,e)):t.apply(this,arguments),this);if(e&&("object"===b(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return o(t)}}function o(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e){return(p=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function r(e,t){if(!u(e,t))throw new TypeError("Cannot call a class as a function")}function h(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function a(e,t,r){return t&&h(e.prototype,t),r&&h(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}var f={},m=(a(y,null,[{key:"get",value:function(e,t){return void 0===f[e]?t:f[e]}},{key:"set",value:function(e,t){f[e]=t}}]),y);function y(){r(this,y)}window.Cache=m;a(v,null,[{key:"ponyfill",value:function(){var e,t,r='link[rel="stylesheet"][data-css-vars-ponyfill]:not([data-css-vars-setup]),style[data-css-vars-ponyfill]:not([data-css-vars-setup])',n=document.querySelectorAll(r);0!==n.length&&(e=new A,t=window.CSS&&window.CSS.supports&&window.CSS.supports("(--a: 0)"),e.loadPolyfill(t,"https://cdn.jsdelivr.net/npm/css-vars-ponyfill@2.4.3/dist/css-vars-ponyfill.min.js").then(function(){window.cssVars&&(cssVars({include:r}),Array.prototype.forEach.call(n,function(e){e.setAttribute("data-css-vars-setup","")}))}))}}]);var g=v;function v(){r(this,v)}window.CssVars=g;e(i,n.Component),w=t(i),a(i,[{key:"componentDidCatch",value:function(e,t){this.setState({error:e,errorInfo:t})}},{key:"render",value:function(){return this.state.errorInfo?n.createElement("div",null,n.createElement("h2",{style:{textAlign:"left",color:"white",backgroundColor:"#bc0000",padding:"1em"}},"An error has occurred"),n.createElement("details",{style:{whiteSpace:"pre-wrap",textAlign:"left",color:"white",backgroundColor:"red",padding:"1em"}},this.state.error&&this.state.error.toString(),n.createElement("br",null),this.state.errorInfo.componentStack)):this.props.children}}]);var w,S=i;function i(e){return r(this,i),(e=w.call(this,e)).state={error:null,errorInfo:null},e}window.ErrorBoundary=S;a(L,[{key:"number",value:function(e){return this.formatNumber(e,{})}},{key:"round",value:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:0;return this.formatNumber(e,{style:"decimal",maximumFractionDigits:t,minimumFractionDigits:t})}},{key:"currency",value:function(e,t){return this.formatNumber(e,{style:"currency",currency:t,maximumFractionDigits:2})}},{key:"percent",value:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:0;return this.formatNumber(e,{style:"percent",maximumFractionDigits:t,minimumFractionDigits:t})}},{key:"date",value:function(e){return this.formatDateTime(e,{})}},{key:"dateTime",value:function(e){return this.formatDateTime(e,{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"})}},{key:"time",value:function(e){return this.formatDateTime(e,{hour:"numeric",minute:"numeric",second:"numeric"})}},{key:"isNumber",value:function(e){return!isNaN(parseFloat(e))&&isFinite(e)}},{key:"formatDateTime",value:function(t,r){if(void 0===window.Intl)return t;if(null===t||""===t)return null;try{return u(t,Date)?new Intl.DateTimeFormat(navigator.language,r).format(t):/^\d{4}-\d{2}-\d{2}$/.test(t)?(e=t.split("-").map(function(e){return parseInt(e,10)}),n=new Date(e[0],e[1]-1,e[2]),new Intl.DateTimeFormat(navigator.language,r).format(n)):(o=new Date(t),a=Intl.DateTimeFormat(navigator.language,r).format(o),"en-US"===navigator.language?a.toLocaleString().replace(", "," "):a.toLocaleString());var e,n,o,a}catch(e){return console.warn("Error formatting Date/Time Value:"),console.log(navigator.language),console.log(r),console.log(t),console.log(e),"Error"}}},{key:"formatNumber",value:function(t,r){var n=navigator.language||navigator.userLanguage;if(null===t||""===t)return null;if(!this.isNumber(t))return console.warn("Warning value specified in DateFormsJS function formatNumber() is not a number:"),console.log(t),t;if(void 0===window.Intl){var e=r.style||null,o=r.maximumFractionDigits||0;if("percent"===e)return(100*t).toFixed(o)+"%";var o=null,a=null,i=null;return"en-us"===n&&(o=",",a=".",i="$"),null!==o?((o=t.toString().split("."))[0]=o[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),o=o.join(a),"currency"===e?i+o:o):t}try{return new Intl.NumberFormat(n,r).format(t)}catch(e){return console.warn("Error formatting Numeric Value:"),console.log(n),console.log(r),console.log(t),console.log(e),"Error"}}}]);var C=L;function L(){r(this,L)}window.Format=C;e(s,n.Component),E=t(s),a(s,[{key:"componentDidMount",value:function(){this.filter()}},{key:"onChange",value:function(){this.filter(),"function"==typeof this.props.afterFilter&&this.props.afterFilter()}},{key:"filter",value:function(){for(var e=this.input.current,c=e.value.toLowerCase().split(" "),d=c.length,p=0!==d,t=0,r=null,n=null,o=document.querySelectorAll(this.props["filter-selector"]),a=(1===o.length&&"TABLE"===o[0].tagName&&o[0].tHead&&1===o[0].tHead.rows.length&&1===o[0].tBodies.length&&(r=(a=o[0]).getAttribute("data-sort-class-odd"),n=a.getAttribute("data-sort-class-even"),o=o[0].tBodies[0].rows),o.length),h=n&&r,f=0,m=o.length;f<m;f++){var i=o[f],y=!0;if(p)for(var g=i.textContent.toLowerCase(),s=0;s<d;s++)if(""!==c[s]&&!g.includes(c[s])){y=!1;break}y&&(t++,h&&(t%2==0?(i.classList.add(n),i.classList.remove(r)):(i.classList.add(r),i.classList.remove(n)))),i.style.display=y?"":"none"}var v,l,u=e.getAttribute("filter-results-selector");u&&((u=document.querySelector(u))?(v=e.getAttribute("filter-results-text-all"),e=e.getAttribute("filter-results-text-filtered"),null!==v||null!==e?(l=null,t===a?l=v:null!==e&&(l=e.replace(/{displayCount}/g,t)),null===l?u.textContent="":(l=l.replace(/{totalCount}/g,a),u.textContent=l)):console.warn("Defined [filter-results-selector] without [filter-results-text-all] or [filter-results-text-filtered]")):console.warn("Defined [filter-results-selector] but element not found"))}},{key:"render",value:function(){return void 0!==window&&window.React===window.preact?n.createElement("input",Object.assign({},this.props,{onInput:this.onChange,ref:this.input})):n.createElement("input",Object.assign({},this.props,{onChange:this.onChange,ref:this.input}))}}]);var E,k=s;function s(e){return r(this,s),(e=E.call(this,e)).onChange=e.onChange.bind(o(e)),e.input=n.createRef(),e}window.InputFilter=k;var d=[],D={};function O(e){return 0===e.fetchState&&e.children?e.children:null}function T(e){if(!(-1===e.fetchState)||!e.children)return null;var t=e.error;return"string"==typeof t&&-1===t.indexOf("Error")&&(t="Error - "+t),n.cloneElement(e.children,{error:t})}function x(e){return 1===e.fetchState&&e.children?n.cloneElement(e.children,{data:e.data,params:e.params,handleChange:e.handleChange,childProps:e.childProps}):null}e(l,n.Component),P=t(l),a(l,[{key:"getUrlParams",value:function(){var e,t={};if(this.props&&!0===this.props.graphQL)return void 0===this.props.variables?{}:this.props.variables;for(e in this.props)"url"!==e&&"string"==typeof this.props[e]&&(t[e]=this.props[e]);return t}},{key:"componentDidMount",value:function(){if((this._isMounted=!0)===this.props.graphQL&&void 0===this._query&&void 0!==this._querySrc&&void 0!==D[this._querySrc]&&(this._query=D[this._querySrc]),this.props.loadOnlyOnce){var e=function(e,t,r){for(var n=0,o=d.length;n<o;n++){var a=d[n];if(a.url===e&&a.query===t){if(JSON.stringify(r)===a.params)return a.data;break}}return null}(this.props.url,this._query,this.getUrlParams());if(null!==e)return void this.setState({fetchState:1,data:e})}var t,r;if(!0===this.props.graphQL&&void 0===this._query&&void 0!==this._querySrc)return t=this._querySrc,r=this,void fetch(t,null).then(function(e){var t=e.status;return 200<=t&&t<300||304===t?Promise.resolve(e):(t="Error loading data. Server Response Code: "+t+", Response Text: "+e.statusText,Promise.reject(t))}).then(function(e){return e.text()}).then(function(e){D[t]=e,r._query=D[t],r.fetchData()}).catch(function(e){throw new Error("Error Downloading GraphQL Script: ["+t+"], Error: "+e.toString())});this.fetchData()}},{key:"componentDidUpdate",value:function(e,t){(!0===this.props.graphQL?JSON.stringify(e.variables)!==JSON.stringify(this.props.variables):this.buildUrl(t.params)!==this.buildUrl(this.props))&&this.setState({params:this.getUrlParams()},this.fetchData)}},{key:"componentWillUnmount",value:function(){this._isMounted=!1}},{key:"buildUrl",value:function(e){var t=this.props.url;if(!0!==this.props.graphQL&&0<Object.keys(e).length)for(var r in e)-1<t.indexOf(":"+r)&&(t=t.replace(new RegExp(":"+r,"g"),encodeURIComponent(e[r])));return t}},{key:"fetchData",value:function(){var e,t,c=this,r=this.buildUrl(this.state.params);this._isFetching||(this._isFetching=!0,e={mode:"cors",cache:"no-store",credentials:"same-origin"},this.props.fetchOptions&&(e=this.props.fetchOptions),this.props.fetchHeaders&&(e.headers=this.props.fetchHeaders),!0===this.props.graphQL&&(t=void 0===this.props.variables?{}:this.props.variables,"file://"===window.location.origin||"null"===window.location.origin?r=(r=(r+=-1===r.indexOf("?")?"?":"&")+"query="+encodeURIComponent(this._query.trim()))+"&variables="+encodeURIComponent(JSON.stringify(t)):(e.method="POST",void 0===e.headers?e.headers={"Content-Type":"application/json"}:e.headers["Content-Type"]="application/json",e.body=JSON.stringify({query:this._query,variables:t}))),this.setState({fetchState:0},function(){c.updateView(),fetch(r,e).then(function(e){var t=e.status;return 200<=t&&t<300||304===t?Promise.resolve(e):(t="Error loading data. Server Response Code: "+t+", Response Text: "+e.statusText,Promise.reject(t))}).then(function(e){return e.json()}).then(function(e){var t,r=!0===c.props.graphQL;if(r&&(e.errors&&e.errors.length))throw t=1===e.errors.length&&e.errors[0].message?"[GraphQL Error]: "+e.errors[0].message:("string"==typeof c.props.errorTextGraphQLErrors?c.props.errorTextGraphQLErrors:"{count} GraphQL Errors occurred. See console for full details.").replace("{count}",e.errors.length),console.error(e.errors),t;if(c._isMounted&&c.setState({fetchState:1,data:r?e.data:e}),c.props.loadOnlyOnce){for(var n=c.props.url,o=c._query,a=c.getUrlParams(),i=r?e.data:e,s=0,l=d.length;s<l;s++){var u=d[s];if(u.url===n&&u.query===o)return void(u.params=JSON.stringify(a),u.data=i)}d.push({url:n,query:o,params:JSON.stringify(a),data:i})}}).catch(function(e){c._isMounted&&c.setState({fetchState:-1,error:e.toString()})}).finally(function(){c._isFetching=!1,c.updateView()})}))}},{key:"handleChange",value:function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:null;this._isMounted&&this.setState({data:null===e?this.state.data:e})}},{key:"updateView",value:function(){if("function"==typeof this.props.onViewUpdated)try{this.props.onViewUpdated()}catch(e){console.error(e)}}},{key:"render",value:function(){return n.createElement(n.Fragment,null,n.createElement(O,{fetchState:this.state.fetchState},this.props.isLoading),n.createElement(T,{fetchState:this.state.fetchState,error:this.state.error},this.props.hasError),n.createElement(x,{fetchState:this.state.fetchState,data:this.state.data,params:this.state.params,handleChange:this.handleChange,childProps:this.props.childProps},this.props.isLoaded))}}]);var P,_=l;function l(e){var t;return r(this,l),(t=P.call(this,e))._isFetching=!1,t._isMounted=!1,t.fetchData=t.fetchData.bind(o(t)),t.handleChange=t.handleChange.bind(o(t)),t._querySrc=e&&e.querySrc?e.querySrc:void 0,t._query=e&&e.query?e.query:void 0,t.state={fetchState:0,error:null,params:t.getUrlParams(),data:null},t}window.JsonData=_;e(q,n.Component),j=t(q),a(q,[{key:"componentDidMount",value:function(){var e=this;this.loadScripts(this.props.scripts,this.props.loadScriptsInOrder).then(function(){e.setState({isReady:!0})})}},{key:"loadScripts",value:function(a,e){function i(a){return new Promise(function(e){for(var t=document.querySelectorAll("link"),r=0,n=t.length;r<n;r++)if("stylesheet"===t[r].rel&&t[r].getAttribute("href")===a)return void e();var o=document.createElement("link");o.rel="stylesheet",o.onload=e,o.onerror=function(){console.error("Error loading CSS File: "+a),e()},o.href=a,document.head.appendChild(o)})}function s(a){return new Promise(function(e){for(var t=document.querySelectorAll("script"),r=0,n=t.length;r<n;r++)if(t[r].getAttribute("src")===a)return void e();var o=document.createElement("script");o.onload=e,o.onerror=function(){console.error("Error loading JS File: "+a),e()},o.src=a,document.head.appendChild(o)})}function l(a){return new Promise(function(e){for(var t=document.querySelectorAll("script[data-src][data-compiler]"),r=0,n=t.length;r<n;r++)if(t[r].getAttribute("data-src")===a)return void e();var o=document.createElement("script");o.type="text/babel",o.setAttribute("src",a),document.head.appendChild(o),jsxLoader.loadScript(o).then(function(){e()})})}if("string"==typeof a)a=[a];else if(!Array.isArray(a))return console.error("Invalid prop for <LazyLoad>, expected [scripts] to be a string or an array of strings. Check console."),console.log(a),new Promise(function(e){e()});return!0===e?new Promise(function(r){var n=0,o=a.length;!function e(){var t;n!==o?(t=a[n],n++,t.endsWith(".js")?s(t).then(e):t.endsWith(".css")?i(t).then(e):t.endsWith(".jsx")?l(t).then(e):(console.error("Invalid Script for <LazyLoad>. Only scripts ending with [js, css, or jsx] can be used. Error URL: "+t),e())):r()}()}):new Promise(function(e){for(var t=[],r=0,n=a.length;r<n;r++){var o=a[r];o.endsWith(".js")?t.push(s(o)):o.endsWith(".css")?t.push(i(o)):o.endsWith(".jsx")?t.push(l(o)):console.error("Invalid Script for <LazyLoad>. Only scripts ending with [js, css, or jsx] can be used. Error URL: "+o)}Promise.all(t).then(function(){e()})})}},{key:"loadPolyfill",value:function(e,o){return!1===e||void 0===e?new Promise(function(e,t){var r,n;r=e,n=t,(e=document.createElement("script")).onload=function(){r()},e.onerror=function(){console.error("Error loading Script: "+o),n()},e.src=o,document.head.appendChild(e)}):new Promise(function(e){e()})}},{key:"render",value:function(){if(!this.state.isReady)return this.props.isLoading||null;if(this.props.children)return this.props.children;if(this.props.isLoaded){if("string"!=typeof this.props.isLoaded)return this.props.isLoaded;var e,t=this.props.isLoaded,r={};for(e in this.props)this.props.hasOwnProperty(e)&&"scripts"!==e&&"isLoaded"!==e&&"isLoading"!==e&&(r[e]=this.props[e]);if(void 0!==window&&void 0!==window[t])return n.createElement(window[t],r);if(void 0!==globalThis&&void 0!==globalThis[t])return n.createElement(globalThis[t],r);throw new TypeError("Component <LazyLoad isLoaded="+JSON.stringify(t)+"> was not found. Check if your script is missing or has a compile error.")}throw new TypeError("Missing child nodes or the [isLoaded] property for a <LazyLoad> element.")}}]);var j,A=q;function q(e){return r(this,q),(e=j.call(this,e)).state={isReady:!1},e}window.LazyLoad=A;e(I,n.Component),F=t(I),a(I,[{key:"componentDidMount",value:function(){this.setupTable()}},{key:"setupTable",value:function(){var e=this.table.current;if(null===e.tHead)return console.warn("Unable to setup sorting for table because there is no <thead> element"),void console.log(e);if(0===e.tHead.rows.length)return console.warn("Unable to setup sorting for table because the <thead> element contained now rows"),void console.log(e);if(0===e.tBodies.length)return console.warn("Unable to setup sorting for table because the <tbody> element is missing"),void console.log(e);if(1!==e.tBodies.length)return console.warn("Unable to setup sorting for table because there can only be one <tbody> element for the table"),void console.log(e);for(var t=e.tHead.rows[e.tHead.rows.length-1],r=0,n=t.cells.length;r<n;r++)t.cells[r].addEventListener("click",this.sortColumn),t.cells[r].style.cursor="pointer"}},{key:"sortColumn",value:function(e){var e=e.target,t=e&&e.parentElement&&e.parentElement.parentElement?e.parentElement.parentElement.parentElement:null;if("TH"!==e.tagName&&"TD"!==e.tagName)return console.warn("SortableTable.sortColumn() was called with an invalid element. If called manually the cell needs to be passed."),void console.log(e);if(null!=t&&"TABLE"!==t.tagName)return console.warn("SortableTable.sortColumn() was called with an invalid element. If called manually the table cell of the last row from the table header should be used."),void console.log(e);for(var c=t.getAttribute("data-sort-column"),r=e.cellIndex,e="asc",d=(null!==c&&parseInt(c,10)===r&&(e="asc"===t.getAttribute("data-sort-order")?"desc":"asc"),t.tBodies[0]),n=d.rows,o=[],a=0,p=n.length;a<p;a++){var i,s,l=n[a].cells[r];void 0!==l&&(l=b(i=(null!==(i=l.getAttribute("data-value"))?i:l.textContent).trim()),""===i?i=null:isNaN(i)?(s=new Date(i),isNaN(s.getTime())?i=void 0!==i.toLocaleLowerCase?i.toLocaleLowerCase():i.toLowerCase():(i=s,l="date")):i=parseFloat(i),o.push({row:n[a],value:i,type:null===i?null:l}))}o.sort(this.sortCompare),"desc"===e&&o.reverse();for(var h=t.getAttribute("data-sort-class-odd"),f=t.getAttribute("data-sort-class-even"),m=h&&f,y=0,g=0,v=o.length;g<v;g++){var u=o[g].row;m&&"none"!==u.style.display&&(++y%2==0?(u.classList.add(f),u.classList.remove(h)):(u.classList.add(h),u.classList.remove(f))),d.appendChild(u)}t.setAttribute("data-sort-column",r),t.setAttribute("data-sort-order",e)}},{key:"sortCompare",value:function(e,t){return null===e.type&&null!==t.type?-1:null===t.type&&null!==e.type?1:null===e.type&&null===t.type?0:"number"===e.type&&"number"!==t.type?-1:"number"===t.type&&"number"!==e.type?1:"number"===e.type&&"number"===t.type?e.value-t.value:"date"===e.type&&"date"!==t.type?-1:"date"===t.type&&"date"!==e.type?1:"date"===e.type&&"date"===t.type?e.value<t.value?-1:e.value>t.value?1:0:"string"===e.type&&"string"===t.type?void 0!==e.value.localeCompare?e.value.localeCompare(t.value):e.value<t.value?-1:e.value>t.value?1:0:(console.warn("A code change from [SortableTable] impacted sorting and caused an expected error so the data may appear out of order. Please review your code changes"),0)}},{key:"render",value:function(){return n.createElement("table",Object.assign({},this.props,{ref:this.table}),this.props.children)}}]);var F,N=I;function I(e){return r(this,I),(e=F.call(this,e)).sortColumn=e.sortColumn.bind(o(e)),e.table=n.createRef(),e}function R(){r(this,R)}window.SortableTable=N,a(R,null,[{key:"Cache",get:function(){return m}},{key:"CssVars",get:function(){return g}},{key:"ErrorBoundary",get:function(){return S}},{key:"Format",get:function(){return C}},{key:"InputFilter",get:function(){return k}},{key:"JsonData",get:function(){return _}},{key:"LazyLoad",get:function(){return A}},{key:"SortableTable",get:function(){return N}}]),window.DataFormsJS=R}();
\ No newline at end of file
diff --git a/js/react/es6/DataFormsJS.min.js b/js/react/es6/DataFormsJS.min.js
index 9500ae1..fd8a392 100644
--- a/js/react/es6/DataFormsJS.min.js
+++ b/js/react/es6/DataFormsJS.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.14.2
+// @version 5.14.3
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
 const cachedValues={};window.Cache = class Cache{static get(e,a){return void 0===cachedValues[e]?a:cachedValues[e]}static set(e,a){cachedValues[e]=a}};
diff --git a/js/react/jsxLoader.js b/js/react/jsxLoader.js
index fc9c385..2d21cc0 100644
--- a/js/react/jsxLoader.js
+++ b/js/react/jsxLoader.js
@@ -1760,7 +1760,7 @@
      * Add Build Version
      * For new releases this gets updated automatically by [scripts/build.js].
      */
-    Object.defineProperty(jsxLoader, 'version', { value: '5.14.2', enumerable: true });
+    Object.defineProperty(jsxLoader, 'version', { value: '5.14.3', enumerable: true });
 
     /**
      * Optional Node Support. Additionally if using webpack or a bundler is being used
diff --git a/js/react/jsxLoader.min.js b/js/react/jsxLoader.min.js
index e327234..c887e85 100644
--- a/js/react/jsxLoader.min.js
+++ b/js/react/jsxLoader.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.14.2
+// @version 5.14.3
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
-!function(){"use strict";for(var P={js:0,e_start:1,e_end:2,e_prop:3,e_value:4,e_child_text:5,e_child_js:6,e_child_whitespace:7,e_child_js_start:8,e_child_js_end:9},L={program:0,js:1,createElement:2},e=[P,L],t=0,n=e.length;t<n;t++){var r,i=e[t];for(r in i)i.hasOwnProperty(r)&&(i[r]=r)}var _={polyfillUrl:"https://polyfill.io/v3/polyfill.min.js?features=Array.from,Array.isArray,Array.prototype.find,Array.prototype.findIndex,Object.assign,Object.keys,Object.values,URL,fetch,Promise,Promise.prototype.finally,String.prototype.endsWith,String.prototype.startsWith,String.prototype.includes,String.prototype.repeat,WeakSet,Symbol,Number.isInteger,String.prototype.codePointAt,String.fromCodePoint",babelUrl:"https://unpkg.com/@babel/standalone@7.12.12/babel.js",babelOptions:{presets:["es2015","react"],plugins:["proposal-object-rest-spread"]},fetchOptions:{mode:"cors",cache:"no-store",credentials:"same-origin"},logCompileTime:!1,logCompileDetails:!1,sourceMaps:!1,evalCode:'"use strict"; class foo {}; const { id, ...other } = { id:123, test:456 };',needsPolyfill:!(Array.from&&"undefined"!=typeof window&&window.Promise&&window.fetch&&Promise.prototype.finally),jsUpdates:[{find:/export function/g,replace:"function"},{find:/export default class/g,replace:"class"},{find:/import React from 'react';/g,replace:""},{find:/import React from"react";/g,replace:""},{find:/=>,/g,replace:"=>"}],globalNamespaces:{react:"React","react-dom":"ReactDom"},isSupportedBrowser:null,usePreact:function(){this.compiler.pragma="preact.createElement",this.compiler.pragmaFrag="preact.Fragment",this.jsUpdates.push({find:/ReactDOM\.render/g,replace:"preact.render"}),this.jsUpdates.push({find:/React\.Component/g,replace:"preact.Component"}),this.jsUpdates.push({find:/React\.Fragment/g,replace:"preact.Fragment"}),this.jsUpdates.push({find:/React\.createElement/g,replace:"preact.createElement"}),this.jsUpdates.push({find:/React\.cloneElement/g,replace:"preact.cloneElement"}),this.jsUpdates.push({find:/React\.createRef/g,replace:"preact.createRef"}),this.jsUpdates.push({find:/onChange:/g,replace:"onInput:"}),this.jsUpdates.push({find:/import preact from 'preact';/g,replace:""}),this.jsUpdates.push({find:/import preact from"preact";/g,replace:""}),this.globalNamespaces.react="preact",this.globalNamespaces["react-dom"]="preact","undefined"!=typeof window&&void 0===window.React&&void 0!==window.preact&&(window.React=window.preact)},hasPendingScripts:function(){return 0<document.querySelectorAll('script[type="text/babel"]:not([data-added-to-page])').length},setup:function(){var t,n,e=document.querySelectorAll('script[type="text/babel"]:not([data-added-to-page])');1!==e.length?(t=[],n=[],Array.prototype.forEach.call(e,function(e){""===e.src?n.push(e):t.push(_.loadScript(e))}),Promise.all(t).finally(function(){n.forEach(function(e){_.loadScript(e)})})):_.loadScript(e[0])},loadScript:function(s){function n(e,t,n){var r,i,a,o,l=new Date;(_.logCompileTime||_.logCompileDetails)&&(console.log("=".repeat(80)),console.log(s.src),console.log("Start time: "+l.getTime())),_.sourceMaps&&(void 0===_.babelOptions.sourceMaps&&(_.babelOptions.sourceMaps="both",_.babelOptions.generatorOpts={sourceMaps:"both"}),void 0===(o=n)&&(o="Inline Babel script"+(0===(a=document.querySelectorAll('script[data-compiler="Babel"]:not([data-src])').length)?"":" ("+(a+1)+")")),_.babelOptions.filename=o);try{i=_.isSupportedBrowser?(r=_.compiler.compile(e),"jsxLoader"):(r=Babel.transform(e,_.babelOptions).code,"Babel")}catch(e){console.log("-".repeat(80)),console.log("Compile Error:"),console.log(s),console.error(e),s.setAttribute("data-error",e.toString()),r=null}_.logCompileDetails&&console.log(r),(_.logCompileTime||_.logCompileDetails)&&(a=new Date,console.log("End time: "+a.getTime()),console.log("Time taken (in milliseconds): "+(a.getTime()-l.getTime()))),null!==r&&(_.jsUpdates.forEach(function(e){r=r.replace(e.find,e.replace)}),o=document.createElement("script"),n&&o.setAttribute("data-src",n),o.setAttribute("data-compiler",i),"module"===s.getAttribute("data-type")&&(o.type="module"),o.innerHTML=r,document.head.appendChild(o)),t()}return new Promise(function(t){if(""===s.src)return n(s.innerHTML,t),void s.setAttribute("data-added-to-page","");fetch(s.src,_.fetchOptions).then(function(e){var t=e.status;if(200<=t&&t<300||304===t)return e.text();throw new Error("Error loading data. Server Response Code: "+t+", Response Text: "+e.statusText)}).then(function(e){n(e,t,s.getAttribute("src")),s.setAttribute("data-added-to-page","")}).catch(function(e){console.error(e),s.setAttribute("data-added-to-page",""),s.setAttribute("data-error",e.toString()),t()})})},addBabelPolyfills:function(){(window.exports=window).require=function(e){var t;return void 0!==_.globalNamespaces[e]&&void 0!==(t=window[_.globalNamespaces[e]])||void 0===(t=window[e])&&-1!==e.indexOf("-")&&(e=e.split("-").map(function(e){return e.substring(0,1).toUpperCase()+e.substring(1)}).join(""),void 0===(t=window[e])&&(e=e.substring(0,1).toLowerCase()+e.substring(1),t=window[e])),t}},downloadScript:function(e,t){var n=document.createElement("script");n.onload=t,n.onerror=function(){console.error("Error loading Script: "+e),t()},n.src=e,document.head.appendChild(n)},addAdditionalPolyfills:function(){void 0===String.prototype.trimLeft&&(String.prototype.trimLeft=function(){return this.replace(/^\s+/,"")}),void 0===String.prototype.trimStart&&(String.prototype.trimStart=String.prototype.trimLeft),void 0===String.prototype.trimRight&&(String.prototype.trimRight=function(){return this.replace(/\s+$/,"")}),void 0===String.prototype.trimEnd&&(String.prototype.trimEnd=String.prototype.trimRight)},compiler:{pragma:"React.createElement",pragmaFrag:"React.Fragment",maxRecursiveCalls:1e3,addUseStrict:!0,compile:function(e){if(this.isMinimized(e))return e;var t=this.removeComments(e),t=this.tokenizer(t),t=(_.logCompileDetails&&console.log(t),this.parser(t,e));return _.logCompileDetails&&console.log(t),this.codeGenerator(t,e)},getTextPosition:function(e,t){e=e.substring(0,t).split("\n"),t=e.length,e=e[t-1];return" at Line #: "+t+", Column #: "+(e.length-1)+", Line: "+e.trim()},isMinimized:function(e){return-1===e.indexOf("\n")&&(-1!==e.indexOf("if(")||-1!==e.indexOf("}render(){return"))},isExpression:function(e,t,n){for(var r=t+2,i=!1;r<n;){var a=e[r];if(r++,/[a-zA-Z0-9_/]/.test(a)){if(i)break}else{if(">"===a)break;if(" "!==a){if(")"===a||"&"===a||"|"===a||"?"===a||";"===a)return!0}else i=!0}}return!1},removeComments:function(e){var t,n,r=e.length,i=new Array(r),a={inCommentReact:!1,inCommentSingleLine:!1,inCommentMultiLine:!1,inStringSingleQuote:!1,inStringDoubleQuote:!1,inStringMultiLine:!1,elementCount:0,jsCount:0},o=0;function l(){return o<r-1?e[o+1]:null}function s(){return o<r-2?e[o+1]+e[o+2]:null}for(;o<r;){if(t=e[o],a.inCommentReact)"*"===t&&"/}"===s()?(i[o]=" ",i[o+1]=" ",o+=2,a.inCommentReact=!(t=" ")):"\n"!==t&&(t=" ");else if(a.inCommentSingleLine)"\n"===t?a.inCommentSingleLine=!1:t=" ";else if(a.inCommentMultiLine)"*"==t&&"/"===l()?(i[o]=" ",o++,a.inCommentMultiLine=!(t=" ")):"\n"!==t&&(t=" ");else if(a.inStringDoubleQuote)'"'===t&&"\\"!==e[o-1]&&(a.inStringDoubleQuote=!1);else if(a.inStringSingleQuote)"'"===t&&"\\"!==e[o-1]&&(a.inStringSingleQuote=!1);else if(a.inStringMultiLine)"`"===t&&(a.inStringMultiLine=!1);else switch(t){case"{":"/*"===s()?(i[o]=" ",i[o+1]=" ",o+=2,t=" ",a.inCommentReact=!0):0<a.elementCount&&a.jsCount++;break;case"}":0<a.elementCount&&0<a.jsCount&&a.jsCount--;break;case"/":(0===a.elementCount||0<a.jsCount)&&(n=l(),a.inCommentSingleLine="/"===n,a.inCommentSingleLine||(a.inCommentMultiLine="*"===n),(a.inCommentSingleLine||a.inCommentMultiLine)&&(i[o]=" ",o++,t=" "));break;case'"':a.inStringDoubleQuote=!0;break;case"'":a.inStringSingleQuote=!0;break;case"`":a.inStringMultiLine=!0;break;case"<":n=l(),/[a-zA-Z>]/.test(n)&&!this.isExpression(e,o,r)?a.elementCount++:"/"===n&&a.elementCount--;break;case">":"/"===e[o-1]&&0<a.elementCount&&a.elementCount--}i[o]=t,o++}return i.join("")},tokenizer:function(l){var s,c,p,u=l.length,d=0,m=[],e=0,v=0,S=this.maxRecursiveCalls;function h(){return d<u?l[d]:null}function g(){return d<u?l[d+1]:null}function f(){if(u<++e)throw new Error("Endless loop encountered in tokenizer")}for(;d<u;){if(f(),null===(c=function(){for(var e,t=d,n={inStringSingleQuote:!1,inStringDoubleQuote:!1,inStringMultiLine:!1};t<u-1;){if(e=l[t],n.inStringDoubleQuote)'"'===e&&"\\"!==l[t-1]&&(n.inStringDoubleQuote=!1);else if(n.inStringSingleQuote)"'"===e&&"\\"!==l[t-1]&&(n.inStringSingleQuote=!1);else if(n.inStringMultiLine)"`"===e&&(n.inStringMultiLine=!1);else switch(e){case'"':n.inStringDoubleQuote=!0;break;case"'":n.inStringSingleQuote=!0;break;case"`":n.inStringMultiLine=!0;break;case"<":if(/[a-zA-Z>]/.test(l[t+1])&&!_.compiler.isExpression(l,t,u))return t}t++}return null}())){m.push({type:P.js,value:l.substring(d,u),pos:d});break}!function e(t,n){if(S<++v)throw new Error("Call count exceeded in tokenizer. If you have a large JSX file that is valid you can increase them limit using the property `jsxLoader.compiler.maxRecursiveCalls`.");var r,i={value:l[c],elementStack:0,elementState:[],currentElementState:null,inElement:!0,hasElementName:!1,elementClosed:!1,closeElement:!1,closingElement:!1,fatalError:!1,errorMessage:null,addElementEnd:!1,breakLoop:!1,addChild:!1,addChar:!0,hasProp:!1,inValue:!1,inPropString:!1,propStringChar:null,jsWithElement:!1};for(d<t&&n&&m.push({type:P.js,value:l.substring(d,t),pos:d}),d=t+1;d<u;){if(f(),s=l[d],i.inElement){if(i.hasElementName)for(i.value+=s,d++,i.breakLoop=!1,i.hasProp=!1,i.inValue=!1;d<u;)if(f(),s=l[d],d++,i.inPropString&&s!==i.propStringChar)i.value+=s;else{switch(s){case"=":if(i.currentElementState.inPropJs)break;""!==i.value.trim()&&(m.push({type:P.e_prop,value:i.value,pos:d}),i.hasProp=!0,i.inValue=!0),i.value="",'"'===(p=h())||"'"===p?(i.inPropString=!0,i.propStringChar=p,d++):"{"===p&&(i.currentElementState.inPropJs=!0,i.currentElementState.jsPropBracketCount=0,d++);continue;case i.propStringChar:if(i.inPropString){i.inPropString=!1,m.push({type:i.hasProp?P.e_value:P.e_prop,value:JSON.stringify(i.value),pos:d}),i.inValue=!1,i.hasProp=!1,i.value="";continue}break;case"}":if(i.currentElementState.inPropJs){if(0===i.currentElementState.jsPropBracketCount){i.currentElementState.inPropJs=!1,""!==i.value.trim()&&(i.jsWithElement?(m.push({type:P.e_child_js_end,value:i.value,pos:d}),i.jsWithElement=!1):">"!==i.value.trim()&&(m.push({type:P.e_value,value:i.value,pos:d}),i.hasProp=!1)),i.inValue=!1,i.value="";continue}i.currentElementState.jsPropBracketCount--}break;case" ":case"\t":case"\r":case"\n":i.currentElementState.inPropJs||(""!==i.value.trim()&&m.push({type:i.hasProp?P.e_value:P.e_prop,value:i.value,pos:d}),i.inValue=!1,i.value="");break;case"/":">"===h()&&(d--,i.breakLoop=!0,i.hasElementName=!1);break;case"<":i.currentElementState.inPropJs&&" "!==h()&&(""!==i.value.trim()&&(m.push({type:P.e_child_js_start,value:i.value,pos:d}),i.value="",i.jsWithElement=!0),e(--d,!1),s="",i.jsWithElement&&d++);break;case"{":i.currentElementState.inPropJs&&i.currentElementState.jsPropBracketCount++;break;case">":i.currentElementState.inPropJs||(i.breakLoop=!0,i.hasElementName=!1)}if(i.breakLoop){var a=i.value.trim(),o=m[m.length-1];if("/"===i.value&&">"===s&&o.type===P.e_start){if(m.push({type:P.e_end,value:i.value+s,pos:d}),i.elementStack<=1)return void("}"!==h()&&d--);i.elementStack--,i.elementState.pop(),i.currentElementState=0===i.elementStack?null:i.elementState[i.elementStack-1]}else if(">"!==s||""===a||!/^[a-zA-Z0-9-_]*$/.test(a)&&!/{\.\.\.(.+)}/.test(a)||o.type!==P.e_start&&o.type!==P.e_value){if(""!==a)throw console.log(m),new Error("Unhandled character in element properties: `"+i.value+"`"+_.compiler.getTextPosition(l,d))}else m.push({type:P.e_prop,value:a,pos:d});i.value="",i.breakLoop=!1;break}i.value+=s}switch(s){case"/":""===i.value||"<"===i.value?i.closingElement=!0:">"===h()?(i.closeElement=!0,i.inElement=!1,i.addElementEnd=!0):">"===g()?(i.closeElement=!0,i.hasElementName=!0,s="",d--):(i.fatalError=!0,i.errorMessage='Error found a "/" character in element ['+i.value+'] but not closing "/>"'+_.compiler.getTextPosition(l,d));break;case">":i.closeElement=!0,i.inElement=!1;break;case" ":case"\t":case"\n":case"\r":i.hasElementName=!0,i.closeElement=!0}}else{switch(s){case"}":i.currentElementState.inJs&&(0===i.currentElementState.jsBracketCount?(i.currentElementState.inJs=!1,i.currentElementState.closeJs=!0,i.addChild=!0,i.addChar=!1):i.currentElementState.jsBracketCount--);break;case"{":i.currentElementState.inJs?i.currentElementState.jsBracketCount++:(i.currentElementState.inJs=!0,i.currentElementState.jsBracketCount=0,i.addChild=!0,i.addChar=!1);break;case"<":/[a-zA-Z>/]/.test(g())&&!_.compiler.isExpression(l,d,u)&&(i.addChild=!0,i.inElement=!0)}i.addChild&&(""===i.value.trim()?""!==i.value&&m.push({type:P.e_child_whitespace,value:i.value,pos:d}):(r=i.currentElementState.closeJs||i.currentElementState.inJs&&0<i.currentElementState.jsBracketCount||i.currentElementState.inJs&&i.inElement,m.push({type:r?P.e_child_js:P.e_child_text,value:i.value,pos:d})),i.addChild=!1,i.value="",i.currentElementState.closeJs&&(i.currentElementState.closeJs=!1,i.currentElementState.inJs=!1))}if(i.closeElement?(" "!==s&&"\t"!==s&&"\n"!==s&&"\r"!==s&&(i.value+=s),i.closingElement?(m.push({type:P.e_end,value:i.value,pos:d}),i.hasElementName=!1,i.elementStack--,i.elementState.pop(),i.currentElementState=0===i.elementStack?null:i.elementState[i.elementStack-1],0===i.elementStack&&(i.elementClosed=!0)):">"===i.value?d--:(m.push({type:P.e_start,value:i.value,pos:d}),i.elementStack++,i.currentElementState={inJs:!1,jsBracketCount:0,closeJs:!1,inPropJs:!1,jsPropBracketCount:0},i.elementState.push(i.currentElementState)),i.value="",i.closeElement=!1,i.closingElement=!1,i.addElementEnd&&(m.push({type:P.e_end,value:i.value,pos:null}),i.addElementEnd=!1)):(i.addChar&&(i.value+=s),i.addChar=!0),i.elementClosed)break;d++}if(i.fatalError)throw console.log(m),new Error(i.errorMessage)}(c,!0),d++}return m},parser:function(u,d){var m=0,h={type:L.program,body:[],pos:null},b=0,g=u.length,E=this.maxRecursiveCalls,f=this.pragmaFrag,v=0,S=0,t=/(\/\/|\/\*|\/\*\*)\s+@jsxFrag\s+([a-zA-Z.]+)/gm.exec(d);function y(e,p){if(E<++b)throw new Error("Call count exceeded in parser. If you have a large JSX file that is valid you can increase them limit using the property `jsxLoader.compiler.maxRecursiveCalls`.");var t=u[m];if(m++,t.type===P.js)return{type:L.js,value:t.value,pos:t.pos,stackCount:e};if(t.type===P.e_start){v++;for(var n,r=t.value.replace("<","").replace("/","").replace(">",""),i=(r=""===r?f:r)[0],a={type:L.createElement,name:r,isClass:"A"<=i&&i<="Z"||-1!==r.indexOf("."),props:[],children:[],pos:t.pos,stackCount:e},o=!1;m<g;){switch(t=u[m],m++,t.type){case P.e_prop:var l={name:t.value,value:null,pos:t.pos};switch(m<g?u[m].type:null){case P.e_value:case P.js:l.value=u[m].value,m++;break;case P.e_start:l.value=y(e+1);break;case P.e_child_js_start:l.value=y(e+1,P.e_child_js_start)}""!==l.name.trim()&&a.props.push(l);break;case P.e_child_js:""!==t.value.trim()&&("}"===(n=0===(n=t.value.trim()).indexOf("{")?n.substring(1):n).substring(n.length-1,n.length)&&(n=n.substring(0,n.length-1)),a.children.push({type:t.type,value:n,pos:t.pos}));break;case P.e_child_js_start:case P.e_child_js_end:a.children.push({type:t.type,value:n,pos:t.pos});break;case P.e_child_text:""!==t.value.trim()&&a.children.push({type:t.type,value:t.value,pos:t.pos});break;case P.e_child_whitespace:a.children.push({type:t.type,value:t.value,pos:t.pos});break;case P.e_end:var s=t.value.replace("<","").replace("/","").replace(">","");if(s!==a.name&&""!==s)throw new Error("Found closing element ["+s+"] that does not match opening element ["+a.name+"] from Token # "+t.index+_.compiler.getTextPosition(d,t.pos));o=!0,S++;break;case P.e_start:m--,a.children.push({type:P.e_start,value:y(e+1),pos:t.pos});break;default:throw console.log(u),console.log(h),new Error("Tokens are out of order 1: ["+t.type+"], Token #: "+t.index+_.compiler.getTextPosition(d,t.pos))}if(o)break}return a}if(t.type===P.e_child_js_start&&t.type===p)for(var c=[t];m<g;)switch(t=u[m],m++,t.type){case P.e_start:m--,c.push(y(e+1));break;case P.e_child_js_end:return c.push(t),c;default:throw new Error("Found unexpected token type in JS child prop: ["+t.type+"], Token #: "+t.index+_.compiler.getTextPosition(d,t.pos))}throw new Error("Tokens are out of order 2: ["+t.type+"], Token #: "+t.index+_.compiler.getTextPosition(d,t.pos))}t&&(f=t[2]);for(var e=0;e<g;e++)u[e].index=e;for(;m<g;)h.body.push(y(0));if(v!==S)throw new Error('The number of opening elements (for example: "<div>") does not match the number closing elements ("</div>").');return h},codeGenerator:function(e,t){var j=this.addUseStrict,x=this.pragma,t=/(\/\/|\/\*|\/\*\*)\s+@jsx\s+([a-zA-Z.]+)/gm.exec(t);return t&&(x=t[2]),function e(t,p){switch(t.type){case L.program:var n=t.body.map(e).join("");return j&&-1===n.indexOf('"use strict"')&&-1===n.indexOf("'use strict'")?'"use strict";\n'+n:n;case L.js:case P.e_child_js_start:case P.e_child_js_end:return t.value;case L.createElement:var r,n=x+"("+(t.isClass?t.name:JSON.stringify(t.name))+", ",u=(0<t.stackCount&&(n=!0!==p?"\n"+" ".repeat(8)+" ".repeat(4*t.stackCount)+n:" "+n),t.props.length),d=[];if(0===u)n+="null";else{n+="{";for(var i=0;i<u;i++){var a=t.props[i].value;if(null===a)a="true";else if("string"!=typeof a)if(Array.isArray(a)&&0<a.length&&a[0].type===P.e_child_js_start){for(var m="";0<a.length;)m+=e(a.shift(),!0);a=m}else a=e(a,!0);-1!==(r=t.props[i].name.trim()).indexOf("-")&&(r=JSON.stringify(r)),"true"===a&&/{\.\.\.(.+)}/.test(r)?d.push(r.substring(0,r.length-1).substring(1)+(i===u-1?"":", ")):d.push(r+": "+a+(i===u-1?"":", "))}var h=d.reduce(function(e,t){return e+=t.length},0);80<h?(h="\n",!0!==p&&(h+=" ".repeat(12)+" ".repeat(4*t.stackCount)),n+=h+d.join(h)):n+=d.join(""),n+="}"}var o,l,s=[],g=!1,f=!1,v=!1,S=!1,y=t.children.length,b=null,E=0,_=!1,C=!0;for(l=0;l<y;l++)switch(t.children[l].type){case P.e_child_js:case P.e_child_js_start:f=!0,"string"==typeof(o=t.children[l].value)&&-1===o.indexOf("(")&&-1===o.indexOf(")")&&(C=!1);break;case P.e_child_text:g=!0;break;case P.e_start:v=!0,E++;break;case P.e_child_whitespace:case P.e_child_js_end:break;default:throw new Error("Unhandled child type codeGenerator(): "+t.children[l].type)}for(l=0;l<y;l++){switch(t.children[l].type){case P.e_child_js:case P.e_child_js_start:_?s[s.length-1]+=t.children[l].value:(s.push(t.children[l].value),S||1!==s.length||(S=!0));break;case P.e_child_text:-1!==(o=t.children[l].value).indexOf("&")&&((c=document.createElement("div")).innerHTML=o,o=c.textContent),1===y?s.push(JSON.stringify(o)):l===y-1?s.push(JSON.stringify(o.replace(/\s+$/,""))):0===l?s.push(JSON.stringify(o.replace(/^\s+/,""))):s.push(JSON.stringify(o));break;case P.e_child_js_end:s.push(t.children[l].value);break;case P.e_start:var w,c=!1,k=!1;!(c=null!==b?t.children[b].type===P.e_child_js:c)||((w=t.children[b].value.trim()).endsWith("&&")||w.endsWith("?")||w.endsWith("(")||w.endsWith(":")||w.endsWith(" return"))&&(s[s.length-1]+=e(t.children[l].value,c),E--,_=k=!0),k||(s.push(e(t.children[l].value,c)),_=!1);break;case P.e_child_whitespace:(f||g)&&0!==l&&l!==y-1&&(s.push(JSON.stringify(t.children[l].value)),_=!1);continue;default:throw new Error("Unhandled child type codeGenerator(): "+t.children[l].type)}b=l}return 0<s.length&&(n+=!g&&f&&v&&S&&1===E&&C?", "+s.join(""):", "+s.join(", ")),n+=")";default:throw new TypeError("Unhandled AST type in codeGenerator: "+t.type)}}(e)}}};Object.defineProperty(_,"version",{value:"5.14.2",enumerable:!0}),"undefined"!=typeof window&&void 0!==window.document||"object"!=typeof module||"object"!=typeof module.exports?(window.jsxLoader=_,document.addEventListener("DOMContentLoaded",function(){if(null===_.isSupportedBrowser)try{new Function('"use strict";'+_.evalCode)(),_.isSupportedBrowser=!0}catch(e){_.isSupportedBrowser=!1}_.isSupportedBrowser&&!1===_.needsPolyfill?_.setup():_.isSupportedBrowser?_.downloadScript(_.polyfillUrl,function(){_.addAdditionalPolyfills(),_.setup()}):(_.addBabelPolyfills(),_.downloadScript(_.polyfillUrl,function(){_.addAdditionalPolyfills(),_.downloadScript(_.babelUrl,function(){_.setup()})}))})):module.exports={jsxLoader:_}}();
\ No newline at end of file
+!function(){"use strict";for(var P={js:0,e_start:1,e_end:2,e_prop:3,e_value:4,e_child_text:5,e_child_js:6,e_child_whitespace:7,e_child_js_start:8,e_child_js_end:9},L={program:0,js:1,createElement:2},e=[P,L],t=0,r=e.length;t<r;t++){var n,a=e[t];for(n in a)a.hasOwnProperty(n)&&(a[n]=n)}var _={polyfillUrl:"https://polyfill.io/v3/polyfill.min.js?features=Array.from,Array.isArray,Array.prototype.find,Array.prototype.findIndex,Object.assign,Object.keys,Object.values,URL,fetch,Promise,Promise.prototype.finally,String.prototype.endsWith,String.prototype.startsWith,String.prototype.includes,String.prototype.repeat,WeakSet,Symbol,Number.isInteger,String.prototype.codePointAt,String.fromCodePoint",babelUrl:"https://unpkg.com/@babel/standalone@7.12.12/babel.js",babelOptions:{presets:["es2015","react"],plugins:["proposal-object-rest-spread"]},fetchOptions:{mode:"cors",cache:"no-store",credentials:"same-origin"},logCompileTime:!1,logCompileDetails:!1,sourceMaps:!1,evalCode:'"use strict"; class foo {}; const { id, ...other } = { id:123, test:456 };',needsPolyfill:!(Array.from&&"undefined"!=typeof window&&window.Promise&&window.fetch&&Promise.prototype.finally),jsUpdates:[{find:/export function/g,replace:"function"},{find:/export default class/g,replace:"class"},{find:/import React from 'react';/g,replace:""},{find:/import React from"react";/g,replace:""},{find:/=>,/g,replace:"=>"}],globalNamespaces:{react:"React","react-dom":"ReactDom"},isSupportedBrowser:null,usePreact:function(){this.compiler.pragma="preact.createElement",this.compiler.pragmaFrag="preact.Fragment",this.jsUpdates.push({find:/ReactDOM\.render/g,replace:"preact.render"}),this.jsUpdates.push({find:/React\.Component/g,replace:"preact.Component"}),this.jsUpdates.push({find:/React\.Fragment/g,replace:"preact.Fragment"}),this.jsUpdates.push({find:/React\.createElement/g,replace:"preact.createElement"}),this.jsUpdates.push({find:/React\.cloneElement/g,replace:"preact.cloneElement"}),this.jsUpdates.push({find:/React\.createRef/g,replace:"preact.createRef"}),this.jsUpdates.push({find:/onChange:/g,replace:"onInput:"}),this.jsUpdates.push({find:/import preact from 'preact';/g,replace:""}),this.jsUpdates.push({find:/import preact from"preact";/g,replace:""}),this.globalNamespaces.react="preact",this.globalNamespaces["react-dom"]="preact","undefined"!=typeof window&&void 0===window.React&&void 0!==window.preact&&(window.React=window.preact)},hasPendingScripts:function(){return 0<document.querySelectorAll('script[type="text/babel"]:not([data-added-to-page])').length},setup:function(){var t,a,e=document.querySelectorAll('script[type="text/babel"]:not([data-added-to-page])');1!==e.length?(t=[],a=[],Array.prototype.forEach.call(e,function(e){var r,n;""===e.src?a.push(e):t.push((n={element:r=e,text:"",error:null},new Promise(function(t){fetch(r.src,_.fetchOptions).then(function(e){var t=e.status;if(200<=t&&t<300||304===t)return e.text();throw new Error("Error loading data. Server Response Code: "+t+", Response Text: "+e.statusText)}).then(function(e){n.text=e,t(n)}).catch(function(e){n.error=e,t(n)})})))}),Promise.all(t).then(function(e){e.forEach(function(e){_.loadScript(e.element,e.text,e.error)}),a.forEach(function(e){_.loadScript(e)})})):_.loadScript(e[0])},loadScript:function(s,e,r){function n(e,t,r){var n,a,i,o,l=new Date;(_.logCompileTime||_.logCompileDetails)&&(console.log("=".repeat(80)),console.log(s.src),console.log("Start time: "+l.getTime())),_.sourceMaps&&(void 0===_.babelOptions.sourceMaps&&(_.babelOptions.sourceMaps="both",_.babelOptions.generatorOpts={sourceMaps:"both"}),void 0===(o=r)&&(o="Inline Babel script"+(0===(i=document.querySelectorAll('script[data-compiler="Babel"]:not([data-src])').length)?"":" ("+(i+1)+")")),_.babelOptions.filename=o);try{a=_.isSupportedBrowser?(n=_.compiler.compile(e),"jsxLoader"):(n=Babel.transform(e,_.babelOptions).code,"Babel")}catch(e){console.log("-".repeat(80)),console.log("Compile Error:"),console.log(s),console.error(e),s.setAttribute("data-error",e.toString()),n=null}_.logCompileDetails&&console.log(n),(_.logCompileTime||_.logCompileDetails)&&(i=new Date,console.log("End time: "+i.getTime()),console.log("Time taken (in milliseconds): "+(i.getTime()-l.getTime()))),null!==n&&(_.jsUpdates.forEach(function(e){n=n.replace(e.find,e.replace)}),o=document.createElement("script"),r&&o.setAttribute("data-src",r),o.setAttribute("data-compiler",a),"module"===s.getAttribute("data-type")&&(o.type="module"),o.innerHTML=n,document.head.appendChild(o)),t()}return new Promise(function(t){if(""===s.src)return n(s.innerHTML,t),void s.setAttribute("data-added-to-page","");"string"!=typeof e?fetch(s.src,_.fetchOptions).then(function(e){var t=e.status;if(200<=t&&t<300||304===t)return e.text();throw new Error("Error loading data. Server Response Code: "+t+", Response Text: "+e.statusText)}).then(function(e){n(e,t,s.getAttribute("src")),s.setAttribute("data-added-to-page","")}).catch(function(e){console.error(e),s.setAttribute("data-added-to-page",""),s.setAttribute("data-error",e.toString()),t()}):r?(console.error(r),s.setAttribute("data-added-to-page",""),s.setAttribute("data-error",r.toString()),t()):(n(e,t,s.getAttribute("src")),s.setAttribute("data-added-to-page",""))})},addBabelPolyfills:function(){(window.exports=window).require=function(e){var t;return void 0!==_.globalNamespaces[e]&&void 0!==(t=window[_.globalNamespaces[e]])||void 0===(t=window[e])&&-1!==e.indexOf("-")&&(e=e.split("-").map(function(e){return e.substring(0,1).toUpperCase()+e.substring(1)}).join(""),void 0===(t=window[e])&&(e=e.substring(0,1).toLowerCase()+e.substring(1),t=window[e])),t}},downloadScript:function(e,t){var r=document.createElement("script");r.onload=t,r.onerror=function(){console.error("Error loading Script: "+e),t()},r.src=e,document.head.appendChild(r)},addAdditionalPolyfills:function(){void 0===String.prototype.trimLeft&&(String.prototype.trimLeft=function(){return this.replace(/^\s+/,"")}),void 0===String.prototype.trimStart&&(String.prototype.trimStart=String.prototype.trimLeft),void 0===String.prototype.trimRight&&(String.prototype.trimRight=function(){return this.replace(/\s+$/,"")}),void 0===String.prototype.trimEnd&&(String.prototype.trimEnd=String.prototype.trimRight)},compiler:{pragma:"React.createElement",pragmaFrag:"React.Fragment",maxRecursiveCalls:1e3,addUseStrict:!0,compile:function(e){if(this.isMinimized(e))return e;var t=this.removeComments(e),t=this.tokenizer(t),t=(_.logCompileDetails&&console.log(t),this.parser(t,e));return _.logCompileDetails&&console.log(t),this.codeGenerator(t,e)},getTextPosition:function(e,t){e=e.substring(0,t).split("\n"),t=e.length,e=e[t-1];return" at Line #: "+t+", Column #: "+(e.length-1)+", Line: "+e.trim()},isMinimized:function(e){return-1===e.indexOf("\n")&&(-1!==e.indexOf("if(")||-1!==e.indexOf("}render(){return"))},isExpression:function(e,t,r){for(var n=t+2,a=!1;n<r;){var i=e[n];if(n++,/[a-zA-Z0-9_/]/.test(i)){if(a)break}else{if(">"===i)break;if(" "!==i){if(")"===i||"&"===i||"|"===i||"?"===i||";"===i)return!0}else a=!0}}return!1},removeComments:function(e){var t,r,n=e.length,a=new Array(n),i={inCommentReact:!1,inCommentSingleLine:!1,inCommentMultiLine:!1,inStringSingleQuote:!1,inStringDoubleQuote:!1,inStringMultiLine:!1,elementCount:0,jsCount:0},o=0;function l(){return o<n-1?e[o+1]:null}function s(){return o<n-2?e[o+1]+e[o+2]:null}for(;o<n;){if(t=e[o],i.inCommentReact)"*"===t&&"/}"===s()?(a[o]=" ",a[o+1]=" ",o+=2,i.inCommentReact=!(t=" ")):"\n"!==t&&(t=" ");else if(i.inCommentSingleLine)"\n"===t?i.inCommentSingleLine=!1:t=" ";else if(i.inCommentMultiLine)"*"==t&&"/"===l()?(a[o]=" ",o++,i.inCommentMultiLine=!(t=" ")):"\n"!==t&&(t=" ");else if(i.inStringDoubleQuote)'"'===t&&"\\"!==e[o-1]&&(i.inStringDoubleQuote=!1);else if(i.inStringSingleQuote)"'"===t&&"\\"!==e[o-1]&&(i.inStringSingleQuote=!1);else if(i.inStringMultiLine)"`"===t&&(i.inStringMultiLine=!1);else switch(t){case"{":"/*"===s()?(a[o]=" ",a[o+1]=" ",o+=2,t=" ",i.inCommentReact=!0):0<i.elementCount&&i.jsCount++;break;case"}":0<i.elementCount&&0<i.jsCount&&i.jsCount--;break;case"/":(0===i.elementCount||0<i.jsCount)&&(r=l(),i.inCommentSingleLine="/"===r,i.inCommentSingleLine||(i.inCommentMultiLine="*"===r),(i.inCommentSingleLine||i.inCommentMultiLine)&&(a[o]=" ",o++,t=" "));break;case'"':i.inStringDoubleQuote=!0;break;case"'":i.inStringSingleQuote=!0;break;case"`":i.inStringMultiLine=!0;break;case"<":r=l(),/[a-zA-Z>]/.test(r)&&!this.isExpression(e,o,n)?i.elementCount++:"/"===r&&i.elementCount--;break;case">":"/"===e[o-1]&&0<i.elementCount&&i.elementCount--}a[o]=t,o++}return a.join("")},tokenizer:function(l){var s,c,p,u=l.length,d=0,m=[],e=0,v=0,S=this.maxRecursiveCalls;function h(){return d<u?l[d]:null}function f(){return d<u?l[d+1]:null}function g(){if(u<++e)throw new Error("Endless loop encountered in tokenizer")}for(;d<u;){if(g(),null===(c=function(){for(var e,t=d,r={inStringSingleQuote:!1,inStringDoubleQuote:!1,inStringMultiLine:!1};t<u-1;){if(e=l[t],r.inStringDoubleQuote)'"'===e&&"\\"!==l[t-1]&&(r.inStringDoubleQuote=!1);else if(r.inStringSingleQuote)"'"===e&&"\\"!==l[t-1]&&(r.inStringSingleQuote=!1);else if(r.inStringMultiLine)"`"===e&&(r.inStringMultiLine=!1);else switch(e){case'"':r.inStringDoubleQuote=!0;break;case"'":r.inStringSingleQuote=!0;break;case"`":r.inStringMultiLine=!0;break;case"<":if(/[a-zA-Z>]/.test(l[t+1])&&!_.compiler.isExpression(l,t,u))return t}t++}return null}())){m.push({type:P.js,value:l.substring(d,u),pos:d});break}!function e(t,r){if(S<++v)throw new Error("Call count exceeded in tokenizer. If you have a large JSX file that is valid you can increase them limit using the property `jsxLoader.compiler.maxRecursiveCalls`.");var n,a={value:l[c],elementStack:0,elementState:[],currentElementState:null,inElement:!0,hasElementName:!1,elementClosed:!1,closeElement:!1,closingElement:!1,fatalError:!1,errorMessage:null,addElementEnd:!1,breakLoop:!1,addChild:!1,addChar:!0,hasProp:!1,inValue:!1,inPropString:!1,propStringChar:null,jsWithElement:!1};for(d<t&&r&&m.push({type:P.js,value:l.substring(d,t),pos:d}),d=t+1;d<u;){if(g(),s=l[d],a.inElement){if(a.hasElementName)for(a.value+=s,d++,a.breakLoop=!1,a.hasProp=!1,a.inValue=!1;d<u;)if(g(),s=l[d],d++,a.inPropString&&s!==a.propStringChar)a.value+=s;else{switch(s){case"=":if(a.currentElementState.inPropJs)break;""!==a.value.trim()&&(m.push({type:P.e_prop,value:a.value,pos:d}),a.hasProp=!0,a.inValue=!0),a.value="",'"'===(p=h())||"'"===p?(a.inPropString=!0,a.propStringChar=p,d++):"{"===p&&(a.currentElementState.inPropJs=!0,a.currentElementState.jsPropBracketCount=0,d++);continue;case a.propStringChar:if(a.inPropString){a.inPropString=!1,m.push({type:a.hasProp?P.e_value:P.e_prop,value:JSON.stringify(a.value),pos:d}),a.inValue=!1,a.hasProp=!1,a.value="";continue}break;case"}":if(a.currentElementState.inPropJs){if(0===a.currentElementState.jsPropBracketCount){a.currentElementState.inPropJs=!1,""!==a.value.trim()&&(a.jsWithElement?(m.push({type:P.e_child_js_end,value:a.value,pos:d}),a.jsWithElement=!1):">"!==a.value.trim()&&(m.push({type:P.e_value,value:a.value,pos:d}),a.hasProp=!1)),a.inValue=!1,a.value="";continue}a.currentElementState.jsPropBracketCount--}break;case" ":case"\t":case"\r":case"\n":a.currentElementState.inPropJs||(""!==a.value.trim()&&m.push({type:a.hasProp?P.e_value:P.e_prop,value:a.value,pos:d}),a.inValue=!1,a.value="");break;case"/":">"===h()&&(d--,a.breakLoop=!0,a.hasElementName=!1);break;case"<":a.currentElementState.inPropJs&&" "!==h()&&(""!==a.value.trim()&&(m.push({type:P.e_child_js_start,value:a.value,pos:d}),a.value="",a.jsWithElement=!0),e(--d,!1),s="",a.jsWithElement&&d++);break;case"{":a.currentElementState.inPropJs&&a.currentElementState.jsPropBracketCount++;break;case">":a.currentElementState.inPropJs||(a.breakLoop=!0,a.hasElementName=!1)}if(a.breakLoop){var i=a.value.trim(),o=m[m.length-1];if("/"===a.value&&">"===s&&o.type===P.e_start){if(m.push({type:P.e_end,value:a.value+s,pos:d}),a.elementStack<=1)return void("}"!==h()&&d--);a.elementStack--,a.elementState.pop(),a.currentElementState=0===a.elementStack?null:a.elementState[a.elementStack-1]}else if(">"!==s||""===i||!/^[a-zA-Z0-9-_]*$/.test(i)&&!/{\.\.\.(.+)}/.test(i)||o.type!==P.e_start&&o.type!==P.e_value){if(""!==i)throw console.log(m),new Error("Unhandled character in element properties: `"+a.value+"`"+_.compiler.getTextPosition(l,d))}else m.push({type:P.e_prop,value:i,pos:d});a.value="",a.breakLoop=!1;break}a.value+=s}switch(s){case"/":""===a.value||"<"===a.value?a.closingElement=!0:">"===h()?(a.closeElement=!0,a.inElement=!1,a.addElementEnd=!0):">"===f()?(a.closeElement=!0,a.hasElementName=!0,s="",d--):(a.fatalError=!0,a.errorMessage='Error found a "/" character in element ['+a.value+'] but not closing "/>"'+_.compiler.getTextPosition(l,d));break;case">":a.closeElement=!0,a.inElement=!1;break;case" ":case"\t":case"\n":case"\r":a.hasElementName=!0,a.closeElement=!0}}else{switch(s){case"}":a.currentElementState.inJs&&(0===a.currentElementState.jsBracketCount?(a.currentElementState.inJs=!1,a.currentElementState.closeJs=!0,a.addChild=!0,a.addChar=!1):a.currentElementState.jsBracketCount--);break;case"{":a.currentElementState.inJs?a.currentElementState.jsBracketCount++:(a.currentElementState.inJs=!0,a.currentElementState.jsBracketCount=0,a.addChild=!0,a.addChar=!1);break;case"<":/[a-zA-Z>/]/.test(f())&&!_.compiler.isExpression(l,d,u)&&(a.addChild=!0,a.inElement=!0)}a.addChild&&(""===a.value.trim()?""!==a.value&&m.push({type:P.e_child_whitespace,value:a.value,pos:d}):(n=a.currentElementState.closeJs||a.currentElementState.inJs&&0<a.currentElementState.jsBracketCount||a.currentElementState.inJs&&a.inElement,m.push({type:n?P.e_child_js:P.e_child_text,value:a.value,pos:d})),a.addChild=!1,a.value="",a.currentElementState.closeJs&&(a.currentElementState.closeJs=!1,a.currentElementState.inJs=!1))}if(a.closeElement?(" "!==s&&"\t"!==s&&"\n"!==s&&"\r"!==s&&(a.value+=s),a.closingElement?(m.push({type:P.e_end,value:a.value,pos:d}),a.hasElementName=!1,a.elementStack--,a.elementState.pop(),a.currentElementState=0===a.elementStack?null:a.elementState[a.elementStack-1],0===a.elementStack&&(a.elementClosed=!0)):">"===a.value?d--:(m.push({type:P.e_start,value:a.value,pos:d}),a.elementStack++,a.currentElementState={inJs:!1,jsBracketCount:0,closeJs:!1,inPropJs:!1,jsPropBracketCount:0},a.elementState.push(a.currentElementState)),a.value="",a.closeElement=!1,a.closingElement=!1,a.addElementEnd&&(m.push({type:P.e_end,value:a.value,pos:null}),a.addElementEnd=!1)):(a.addChar&&(a.value+=s),a.addChar=!0),a.elementClosed)break;d++}if(a.fatalError)throw console.log(m),new Error(a.errorMessage)}(c,!0),d++}return m},parser:function(u,d){var m=0,h={type:L.program,body:[],pos:null},y=0,f=u.length,E=this.maxRecursiveCalls,g=this.pragmaFrag,v=0,S=0,t=/(\/\/|\/\*|\/\*\*)\s+@jsxFrag\s+([a-zA-Z.]+)/gm.exec(d);function b(e,p){if(E<++y)throw new Error("Call count exceeded in parser. If you have a large JSX file that is valid you can increase them limit using the property `jsxLoader.compiler.maxRecursiveCalls`.");var t=u[m];if(m++,t.type===P.js)return{type:L.js,value:t.value,pos:t.pos,stackCount:e};if(t.type===P.e_start){v++;for(var r,n=t.value.replace("<","").replace("/","").replace(">",""),a=(n=""===n?g:n)[0],i={type:L.createElement,name:n,isClass:"A"<=a&&a<="Z"||-1!==n.indexOf("."),props:[],children:[],pos:t.pos,stackCount:e},o=!1;m<f;){switch(t=u[m],m++,t.type){case P.e_prop:var l={name:t.value,value:null,pos:t.pos};switch(m<f?u[m].type:null){case P.e_value:case P.js:l.value=u[m].value,m++;break;case P.e_start:l.value=b(e+1);break;case P.e_child_js_start:l.value=b(e+1,P.e_child_js_start)}""!==l.name.trim()&&i.props.push(l);break;case P.e_child_js:""!==t.value.trim()&&("}"===(r=0===(r=t.value.trim()).indexOf("{")?r.substring(1):r).substring(r.length-1,r.length)&&(r=r.substring(0,r.length-1)),i.children.push({type:t.type,value:r,pos:t.pos}));break;case P.e_child_js_start:case P.e_child_js_end:i.children.push({type:t.type,value:r,pos:t.pos});break;case P.e_child_text:""!==t.value.trim()&&i.children.push({type:t.type,value:t.value,pos:t.pos});break;case P.e_child_whitespace:i.children.push({type:t.type,value:t.value,pos:t.pos});break;case P.e_end:var s=t.value.replace("<","").replace("/","").replace(">","");if(s!==i.name&&""!==s)throw new Error("Found closing element ["+s+"] that does not match opening element ["+i.name+"] from Token # "+t.index+_.compiler.getTextPosition(d,t.pos));o=!0,S++;break;case P.e_start:m--,i.children.push({type:P.e_start,value:b(e+1),pos:t.pos});break;default:throw console.log(u),console.log(h),new Error("Tokens are out of order 1: ["+t.type+"], Token #: "+t.index+_.compiler.getTextPosition(d,t.pos))}if(o)break}return i}if(t.type===P.e_child_js_start&&t.type===p)for(var c=[t];m<f;)switch(t=u[m],m++,t.type){case P.e_start:m--,c.push(b(e+1));break;case P.e_child_js_end:return c.push(t),c;default:throw new Error("Found unexpected token type in JS child prop: ["+t.type+"], Token #: "+t.index+_.compiler.getTextPosition(d,t.pos))}throw new Error("Tokens are out of order 2: ["+t.type+"], Token #: "+t.index+_.compiler.getTextPosition(d,t.pos))}t&&(g=t[2]);for(var e=0;e<f;e++)u[e].index=e;for(;m<f;)h.body.push(b(0));if(v!==S)throw new Error('The number of opening elements (for example: "<div>") does not match the number closing elements ("</div>").');return h},codeGenerator:function(e,t){var j=this.addUseStrict,x=this.pragma,t=/(\/\/|\/\*|\/\*\*)\s+@jsx\s+([a-zA-Z.]+)/gm.exec(t);return t&&(x=t[2]),function e(t,p){switch(t.type){case L.program:var r=t.body.map(e).join("");return j&&-1===r.indexOf('"use strict"')&&-1===r.indexOf("'use strict'")?'"use strict";\n'+r:r;case L.js:case P.e_child_js_start:case P.e_child_js_end:return t.value;case L.createElement:var n,r=x+"("+(t.isClass?t.name:JSON.stringify(t.name))+", ",u=(0<t.stackCount&&(r=!0!==p?"\n"+" ".repeat(8)+" ".repeat(4*t.stackCount)+r:" "+r),t.props.length),d=[];if(0===u)r+="null";else{r+="{";for(var a=0;a<u;a++){var i=t.props[a].value;if(null===i)i="true";else if("string"!=typeof i)if(Array.isArray(i)&&0<i.length&&i[0].type===P.e_child_js_start){for(var m="";0<i.length;)m+=e(i.shift(),!0);i=m}else i=e(i,!0);-1!==(n=t.props[a].name.trim()).indexOf("-")&&(n=JSON.stringify(n)),"true"===i&&/{\.\.\.(.+)}/.test(n)?d.push(n.substring(0,n.length-1).substring(1)+(a===u-1?"":", ")):d.push(n+": "+i+(a===u-1?"":", "))}var h=d.reduce(function(e,t){return e+=t.length},0);80<h?(h="\n",!0!==p&&(h+=" ".repeat(12)+" ".repeat(4*t.stackCount)),r+=h+d.join(h)):r+=d.join(""),r+="}"}var o,l,s=[],f=!1,g=!1,v=!1,S=!1,b=t.children.length,y=null,E=0,_=!1,w=!0;for(l=0;l<b;l++)switch(t.children[l].type){case P.e_child_js:case P.e_child_js_start:g=!0,"string"==typeof(o=t.children[l].value)&&-1===o.indexOf("(")&&-1===o.indexOf(")")&&(w=!1);break;case P.e_child_text:f=!0;break;case P.e_start:v=!0,E++;break;case P.e_child_whitespace:case P.e_child_js_end:break;default:throw new Error("Unhandled child type codeGenerator(): "+t.children[l].type)}for(l=0;l<b;l++){switch(t.children[l].type){case P.e_child_js:case P.e_child_js_start:_?s[s.length-1]+=t.children[l].value:(s.push(t.children[l].value),S||1!==s.length||(S=!0));break;case P.e_child_text:-1!==(o=t.children[l].value).indexOf("&")&&((c=document.createElement("div")).innerHTML=o,o=c.textContent),1===b?s.push(JSON.stringify(o)):l===b-1?s.push(JSON.stringify(o.replace(/\s+$/,""))):0===l?s.push(JSON.stringify(o.replace(/^\s+/,""))):s.push(JSON.stringify(o));break;case P.e_child_js_end:s.push(t.children[l].value);break;case P.e_start:var C,c=!1,k=!1;!(c=null!==y?t.children[y].type===P.e_child_js:c)||((C=t.children[y].value.trim()).endsWith("&&")||C.endsWith("?")||C.endsWith("(")||C.endsWith(":")||C.endsWith(" return"))&&(s[s.length-1]+=e(t.children[l].value,c),E--,_=k=!0),k||(s.push(e(t.children[l].value,c)),_=!1);break;case P.e_child_whitespace:(g||f)&&0!==l&&l!==b-1&&(s.push(JSON.stringify(t.children[l].value)),_=!1);continue;default:throw new Error("Unhandled child type codeGenerator(): "+t.children[l].type)}y=l}return 0<s.length&&(r+=!f&&g&&v&&S&&1===E&&w?", "+s.join(""):", "+s.join(", ")),r+=")";default:throw new TypeError("Unhandled AST type in codeGenerator: "+t.type)}}(e)}}};Object.defineProperty(_,"version",{value:"5.14.3",enumerable:!0}),"undefined"!=typeof window&&void 0!==window.document||"object"!=typeof module||"object"!=typeof module.exports?(window.jsxLoader=_,document.addEventListener("DOMContentLoaded",function(){if(null===_.isSupportedBrowser)try{new Function('"use strict";'+_.evalCode)(),_.isSupportedBrowser=!0}catch(e){_.isSupportedBrowser=!1}_.isSupportedBrowser&&!1===_.needsPolyfill?_.setup():_.isSupportedBrowser?_.downloadScript(_.polyfillUrl,function(){_.addAdditionalPolyfills(),_.setup()}):(_.addBabelPolyfills(),_.downloadScript(_.polyfillUrl,function(){_.addAdditionalPolyfills(),_.downloadScript(_.babelUrl,function(){_.setup()})}))})):module.exports={jsxLoader:_}}();
\ No newline at end of file
diff --git a/js/web-components/json-data.min.js b/js/web-components/json-data.min.js
index c2608f6..7a09cb2 100644
--- a/js/web-components/json-data.min.js
+++ b/js/web-components/json-data.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.14.2
+// @version 5.14.3
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
 import{Format}from"./utils-format.min.js";import{buildUrl,setElementText,getBindValue,formatData,bindAttrTmpl,componentsAreDefined,polyfillCustomElements,showErrorAlert,showError}from"./utils.min.js";const format=new Format,appEvents={contentReady:"app:contentReady",error:"app:error"},shadowTmpl=document.createElement("template");shadowTmpl.innerHTML="\n    <style>\n        :host { display: block; }\n        :host([hidden]) { display: none; }\n    </style>\n    <slot></slot>\n";const dataCache=[];function saveDataToCache(t,e,s){for(const a of dataCache)if(a.url===t)return a.params=JSON.stringify(e),void(a.data=s);dataCache.push({url:t,params:JSON.stringify(e),data:s})}function getDataFromCache(t,e){for(const s of dataCache)if(s.url===t){if(e===s.params||null===e&&"null"===s.params)return s.data;break}return null}function copyTemplateSelector(t){const e=t.getAttribute("template-selector");if(e&&0===t.childNodes.length){const s=document.querySelector(e);s?t.appendChild(s.content.cloneNode(!0)):showError(t,`Error - Could not find template from <${t.tagName.toLowerCase()} [template-selector="${e}"]>.`)}}class JsonData extends HTMLElement{constructor(){super();this.attachShadow({mode:"open"}).appendChild(shadowTmpl.content.cloneNode(!0)),this.state={isLoading:!1,hasError:!1,isLoaded:!1,errorMessage:null},this.handleButtonClick=this.handleButtonClick.bind(this)}static get observedAttributes(){return["url","url-params"]}attributeChangedCallback(t,e){switch(t){case"url":case"url-params":null===e||this.manualFetchMode||this.fetch()}}connectedCallback(){if(this.elements={isLoading:this.querySelector("is-loading"),hasError:this.querySelector("has-error"),isLoaded:this.querySelector("is-loaded"),clickButton:null},null===this.clickSelector)void 0===this.state||this.state.isLoading||this.state.hasError||this.state.isLoaded||this.manualFetchMode||this.fetch();else if(this.elements.clickButton=document.querySelector(this.clickSelector),null===this.elements.clickButton){const t="Element not found for <json-data> Web Component using [click-selector]: "+String(this.clickSelector);showErrorAlert(t)}else this.elements.clickButton.addEventListener("click",this.handleButtonClick)}disconnectedCallback(){this.elements&&null!==this.elements.clickButton&&(this.elements.clickButton.removeEventListener("click",this.handleButtonClick),this.elements.clickButton=null)}handleButtonClick(){"boolean"==typeof this.elements.clickButton.disabled&&(this.elements.clickButton.disabled=!0);const t=document.querySelectorAll("input[data-bind],select[data-bind],textarea[data-bind]"),e={};for(const s of t){const t=s.getAttribute("data-bind");"INPUT"===s.nodeName&&"checkbox"===s.type?e[t]=s.checked:e[t]=s.value}this.setAttribute("url-params",""),this.setAttribute("url-params",JSON.stringify(e))}get url(){return this.getAttribute("url")}set url(t){this.setAttribute("url",t)}get urlParams(){return this.getAttribute("url-params")}set urlParams(t){"object"==typeof t?this.setAttribute("url-params",JSON.stringify(t)):this.showError(`When setting [urlParams] of <json-data> the value must be an object but was instead a type of [${typeof t}].`)}get loadOnlyOnce(){return null!==this.getAttribute("load-only-once")}get clickSelector(){return this.getAttribute("click-selector")}get manualFetchMode(){return null!==this.getAttribute("manual-fetch-mode")}get isLoading(){return this.state.isLoading}set isLoading(t){this.state.isLoading=!0===t,this.elements.isLoading&&(this.elements.isLoading.style.display=this.state.isLoading?"":"none")}get hasError(){return this.state.hasError}set hasError(t){this.state.hasError=!0===t,this.elements.hasError&&(this.elements.hasError.style.display=this.state.hasError?"":"none")}get isLoaded(){return this.state.isLoaded}set isLoaded(t){this.state.isLoaded=!0===t,this.elements.isLoaded&&(this.elements.isLoaded.style.display=this.state.isLoaded?"":"none")}dispatchContentReady(){this.dispatchEvent(new Event(appEvents.contentReady,{bubbles:!0}));const t=this.getAttribute("onready");if(t)try{if(!this.isConnected)return;const e=new Function("return "+t)();"function"==typeof e&&e()}catch(e){showErrorAlert(`Error from function <json-data onready="${t}">: ${e.message}`),console.error(e)}}async fetch(){const t=this.url;let e=t;if(null===e||""===e)return await this.showError("Error, element <json-data> is missing attribute [url]"),void this.dispatchContentReady();let s=this.getAttribute("url-params");if(""!==s||!e.includes(":")){if(this.loadOnlyOnce){const e=getDataFromCache(t,s);if(null!==e)return await this._setLoadedState(e),void this.dispatchContentReady()}s&&(s=JSON.parse(s)),e=buildUrl(e,s),this.isLoading=!0,this.isLoaded=!1,this.hasError=!1,await this.bindData(),fetch(e,{mode:"cors",cache:"no-store",credentials:"same-origin"}).then((t=>{const e=t.status;if(e>=200&&e<300||304===e)return Promise.resolve(t);{const s="Error loading data. Server Response Code: "+e+", Response Text: "+t.statusText;return Promise.reject(s)}})).then((t=>t.json())).then((async e=>{this.loadOnlyOnce&&saveDataToCache(t,s,e),await this._setLoadedState(e)})).catch((async t=>{await this.showError(t)})).finally((()=>{null!==this.elements.clickButton&&"boolean"==typeof this.elements.clickButton.disabled&&(this.elements.clickButton.disabled=!1),this.dispatchContentReady()}))}}async showError(t){this.isLoading=!1,this.isLoaded=!1,this.hasError=!0,this.state.errorMessage=t,this.dispatchEvent(new CustomEvent(appEvents.error,{bubbles:!0,detail:t})),await this.bindData(),console.error(t)}async _setLoadedState(t){this.isLoading=!1,this.isLoaded=!0,this.hasError=!1,this.state.errorMessage=null;const e=this.getAttribute("transform-data");if(e)try{if("function"==typeof window[e]){const s=window[e](t);"object"==typeof s&&null!==s?Object.assign(this.state,s):await this.showError(`Function [${e}()] must return an object.`)}else await this.showError(`Function [${e}()] was not found.`)}catch(t){await this.showError(t)}else Object.assign(this.state,t);"boolean"==typeof t.hasError&&(this.hasError=t.hasError),await this.bindData()}async bindData(){await componentsAreDefined(this,"[data-bind]");let t=this.querySelectorAll("[data-bind]");for(const e of t){const t=e.getAttribute("data-bind"),s=""===t?this.state:getBindValue(this.state,t);setElementText(e,formatData(e,s))}t=this.querySelectorAll("[data-bind-attr]");for(const e of t)bindAttrTmpl(e,"data-bind-attr",this.state);t=this.querySelectorAll("[data-show]");for(const e of t)if(this.state.isLoading)e.style.display="none";else{const t=e.getAttribute("data-show");try{const s=new Function("state","format","with(state){return "+t+"}")(this.state,format);e.style.display=!0===s?"":"none"}catch(s){e.style.display="",console.error(`Error evaluating JavaScript expression from [data-show="${t}"] attribute.`),console.error(s)}}t=this.querySelectorAll("[data-bind-refresh]");for(const e of t){const t=e.getAttribute("data-bind-refresh");try{e[t]()}catch(s){console.error(`Error calling function from element with [data-bind-refresh="${t}"].`),console.error(s),console.log(e)}}polyfillCustomElements()}}window.customElements.define("json-data",JsonData),window.customElements.define("is-loading",class extends HTMLElement{constructor(){super();this.attachShadow({mode:"open"}).appendChild(shadowTmpl.content.cloneNode(!0))}connectedCallback(){"JSON-DATA"===this.parentNode.nodeName&&!0===this.parentNode.isLoading||(this.style.display="none"),copyTemplateSelector(this)}}),window.customElements.define("has-error",class extends HTMLElement{constructor(){super();this.attachShadow({mode:"open"}).appendChild(shadowTmpl.content.cloneNode(!0))}connectedCallback(){"JSON-DATA"===this.parentNode.nodeName&&!0===this.parentNode.hasError||(this.style.display="none"),copyTemplateSelector(this)}}),window.customElements.define("is-loaded",class extends HTMLElement{constructor(){super();this.attachShadow({mode:"open"}).appendChild(shadowTmpl.content.cloneNode(!0))}connectedCallback(){"JSON-DATA"===this.parentNode.nodeName&&!0===this.parentNode.isLoaded||(this.style.display="none"),copyTemplateSelector(this)}});
\ No newline at end of file
diff --git a/js/web-components/url-router.min.js b/js/web-components/url-router.min.js
index 739834b..3671b6b 100644
--- a/js/web-components/url-router.min.js
+++ b/js/web-components/url-router.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.14.2
+// @version 5.14.3
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
 import{render,setElementText,formatData,bindAttrTmpl,polyfillCustomElements,showError,showErrorAlert,componentsAreDefined}from"./utils.min.js";const appEvents={routeChanged:"app:routeChanged",error:"app:error"},shadowTmpl=document.createElement("template");shadowTmpl.innerHTML="\n    <style>:host { display:none; }</style>\n    <slot></slot>\n";class UrlRouter extends HTMLElement{constructor(){super();this.attachShadow({mode:"open"}).appendChild(shadowTmpl.content.cloneNode(!0)),this.currentRoute=null,this.currentUrlParams=null,this.updateView=this.updateView.bind(this),this.handlePushStateClick=this.handlePushStateClick.bind(this),this.useHistoryMode="history"===this.getAttribute("mode")}connectedCallback(){const t=this.useHistoryMode?"popstate":"hashchange";window.addEventListener(t,this.updateView),this.updateView()}disconnectedCallback(){const t=this.useHistoryMode?"popstate":"hashchange";window.removeEventListener(t,this.updateView)}async updateView(){this.currentRoute&&this.executeJsEvent("onunload"),this.currentRoute=null,this.currentUrlParams=null,await componentsAreDefined(this,"url-route");const t=this.getAttribute("view-selector");if(null===t||""===t)return void this.showFatalError("Error, element <url-router> is missing attribute [view-selector]");const e=document.querySelector(t);if(null===e)return void this.showFatalError(render`Error, element from <url-router view-selector="${t}"> was not found on the page.`);const r=this.getAttribute("loading-template-selector");if(r){const t=document.querySelector(r);t?"TEMPLATE"===t.tagName?e.innerHTML=t.innerHTML:console.warn(`Unable to show loading screen from <url-router loading-template-selector="${r}">. Only <template> tags are allowed.`):console.warn(`Unable to show loading screen from <url-router loading-template-selector="${r}">. Element from selector is missing.`)}let o=this.useHistoryMode?window.location.pathname:window.location.hash.substring(1);""===o&&(o="/");const n=this.querySelectorAll("url-route");let s=null;for(const t of n){if(null===t.path)return this.showFatalError("Error, element <url-route> is missing attribute [path]"),void console.log(t);const r=this.routeMatches(o,t.path);if(r.isMatch){const n=t.redirect;if(null!==n&&n!==o)return void(this.useHistoryMode?(window.history.pushState(null,null,t.redirect),this.updateView()):window.location.hash="#"+n);await this.lazyLoadScripts(t);const s=t.template;return this.currentRoute=t,this.currentUrlParams=r.urlParams,void(null===s?this.downloadTemplate(e,t,r.urlParams):this.setView(e,s,r.urlParams))}t.isDefault&&(s=t)}if(s){const t=s.path;if(""!==t&&-1===t.indexOf(":"))return void this.changeRoute(t);if("/:lang/"===t){await componentsAreDefined(document,"i18n-service");const t=document.querySelector("i18n-service");if(t&&"function"==typeof t.getUserDefaultLang){const e=t.getUserDefaultLang();if(null!==e)return void this.changeRoute("/"+e+"/")}return void showError(e,"Missing Web Component [i18n-service.js]")}}showError(e,`Error - The route [${o}] does not have a matching <url-route> element and no default route is defined using [default-route].`)}showFatalError(t){this.style.display="block",this.style.padding="1em",this.style.backgroundColor="red",this.style.color="white",this.style.fontSize="1.5em",this.textContent=t,this.dispatchRouteChanged(null,t),console.error(t)}dispatchRouteChanged(t,e){void 0!==e&&this.dispatchEvent(new CustomEvent(appEvents.error,{bubbles:!0,detail:e}));const r=null!==this.currentRoute,o={url:r?this.currentRoute.path:null,urlParams:t};this.dispatchEvent(new CustomEvent(appEvents.routeChanged,{bubbles:!0,detail:o})),r&&this.executeJsEvent("onload")}executeJsEvent(t){const e=this.currentRoute.getAttribute(t);if(e)try{const t=new Function("return "+e)();"function"==typeof t&&t()}catch(r){showErrorAlert(`Error from function <url-route path="${this.currentRoute.getAttribute("path")}" ${t}="${e}">: ${r.message}`),console.error(r)}}downloadTemplate(t,e,r){const o=e.src;if(null===o||""===o){const o=`Missing <template> or [src] attribute for route <url-route path="${e.path}">.`;return showError(t,o),void this.dispatchRouteChanged(r,o)}fetch(o,{mode:"cors",cache:"no-store",credentials:"same-origin"}).then((t=>{const e=t.status;if(e>=200&&e<300||304===e)return Promise.resolve(t);{const r="Error loading data. Server Response Code: "+e+", Response Text: "+t.statusText;return Promise.reject(r)}})).then((t=>t.text())).then((o=>{e.template=o,this.setView(t,o,r)})).catch((r=>{const n=render`Error with <url-route path="${e.path}"> - Error Downloading Template: [${o}], Error: ${r}`;showError(t,n),this.dispatchEvent(new CustomEvent(appEvents.error,{bubbles:!0,detail:n}))}))}setView(t,e,r){t.innerHTML=e;let o=t.querySelectorAll("[url-params]");const n=JSON.stringify(r);for(const t of o)t.setAttribute("url-params",n);o=t.querySelectorAll("[url-param]");for(const t of o){const e=t.getAttribute("url-param"),o=void 0===r[e]?"":r[e];setElementText(t,formatData(t,o))}o=t.querySelectorAll("[url-attr-param]");for(const t of o)bindAttrTmpl(t,"url-attr-param",r);if(polyfillCustomElements(),this.useHistoryMode){const t=document.querySelectorAll('a[href^="/"]:not([data-no-pushstate])');for(const e of t)e.addEventListener("click",this.handlePushStateClick)}this.dispatchRouteChanged(r)}changeRoute(t){if("string"!=typeof t)throw new TypeError("Expected string for <url-router>.changeRoute(path)");this.useHistoryMode?(window.history.pushState(null,null,t),this.updateView()):window.location.hash=0===t.indexOf("#")?t:"#"+t}handlePushStateClick(t){if(!0!==t.ctrlKey&&!t.metaKey)return t.preventDefault(),t.stopPropagation(),t.currentTarget.href?(window.history.pushState(null,null,t.currentTarget.href),this.updateView()):showErrorAlert("Error, link click does not work because href is missing."),!1}routeMatches(t,e){const r=t.split("/"),o=e.split("/"),n=r.length,s={};if(n!==o.length)return{isMatch:!1};for(let t=0;t<n;t++){const e=decodeURIComponent(r[t]);if(e!==o[t]){if(":"!==o[t].substring(0,1))return{isMatch:!1};s[o[t].substring(1)]=e}}return{isMatch:!0,urlParams:s}}async lazyLoadScripts(t){const e=t.getAttribute("lazy-load"),r=[];if(e){e.split(",").map((t=>t.trim())).forEach((t=>{void 0!==window.lazyLoad&&void 0!==window.lazyLoad[t]?r.push(this.loadScripts(window.lazyLoad[t])):showErrorAlert("Missing [window.lazyLoad] scripts for: "+t)}))}await Promise.all(r)}loadScripts(t){if(!Array.isArray(t)){if(!("string"==typeof t||t instanceof Object&&("module"in t||"nomodule"in t)))return showErrorAlert("Invalid Script for [loadScripts()] or [window.lazyLoad], expected string, an array of strings, or a valid object. Check console."),console.warn("window.loadScripts():"),console.warn(t),new Promise((function(t){t()}));t=[t]}return new Promise((function(e){let r=0;const o=t.length;!function n(){if(r===o)return void e();let s=t[r],i=!1;if(s instanceof Object){if(void 0===s.module)return void e();i=!0,s=s.module}r++,s.endsWith(".js")?function(t,e){return new Promise((function(r){const o=document.querySelectorAll("script");for(let e=0,n=o.length;e<n;e++)if(o[e].getAttribute("src")===t)return void r();const n=document.createElement("script");n.onload=r,n.onerror=()=>{showErrorAlert("Error loading JS File: "+t),r()},e&&n.setAttribute("type","module"),n.src=t,document.head.appendChild(n)}))}(s,i).then(n):s.endsWith(".css")?function(t){return new Promise((function(e){const r=document.querySelectorAll("link");for(let o=0,n=r.length;o<n;o++)if("stylesheet"===r[o].rel&&r[o].getAttribute("href")===t)return void e();const o=document.createElement("link");o.rel="stylesheet",o.onload=e,o.onerror=()=>{showErrorAlert("Error loading CSS File: "+t),e()},o.href=t,document.head.appendChild(o)}))}(s).then(n):(showErrorAlert("Invalid Script for [loadScripts()] or [window.lazyLoad]: "+s),n())}()}))}}class UrlRoute extends HTMLElement{constructor(){super();this.attachShadow({mode:"open"}).appendChild(shadowTmpl.content.cloneNode(!0))}get path(){return this.getAttribute("path")}get src(){return this.getAttribute("src")}get redirect(){return this.getAttribute("redirect")}get isDefault(){return null!==this.getAttribute("default-route")}get template(){const t=this.querySelector("template");return null===t?null:t.innerHTML}set template(t){let e=this.querySelector("template");null===e&&(e=document.createElement("template"),this.appendChild(e)),e.innerHTML=t}}window.customElements.define("url-router",UrlRouter),window.customElements.define("url-route",UrlRoute);
\ No newline at end of file
diff --git a/package.json b/package.json
index 690d739..9eb9877 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dataformsjs",
-  "version": "5.14.2",
+  "version": "5.14.3",
   "homepage": "https://www.dataformsjs.com/",
   "description": "A minimal JavaScript Framework and standalone React and Web Components for rapid development of high quality websites and single page applications.",
   "browser": "js/DataFormsJS.min.js",

From bed9f8aca08000c01c65652285a69220fce2716b Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Thu, 11 May 2023 23:48:10 -0700
Subject: [PATCH 04/20] =?UTF-8?q?=F0=9F=93=84=20Update=20Docs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/i18n/image-classification.ar.json    | 2 +-
 examples/i18n/image-classification.en.json    | 2 +-
 examples/i18n/image-classification.es.json    | 2 +-
 examples/i18n/image-classification.fr.json    | 2 +-
 examples/i18n/image-classification.ja.json    | 2 +-
 examples/i18n/image-classification.pt-BR.json | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/examples/i18n/image-classification.ar.json b/examples/i18n/image-classification.ar.json
index c0f1991..fb5259a 100644
--- a/examples/i18n/image-classification.ar.json
+++ b/examples/i18n/image-classification.ar.json
@@ -17,7 +17,7 @@
     "Links": "الروابط",
     "info_1": "AI = الذكاء الاصطناعي / ML = التعلم الالي",
     "info_2": "توضح هذه الصفحة توسيع صفحة JSON Web Service مع DataFormsJS لتضمين شفرة JavaScript مخصصة.",
-    "info_3": "تقوم هذه الصفحة بتنزيل نماذج من الصور والنتائج من خدمة JSON وتسمح بالتنبؤات من تحميل الصور إلى خدمة ويب تصنيف الصور AI / ML المبنية مع Python باستخدام Keras و TensorFlow.",
+    "info_3": "تقوم هذه الصفحة بتنزيل نماذج من الصور والنتائج من خدمة JSON وتسمح بالتنبؤات من تحميل الصور إلى خدمة ويب تصنيف الصور AI / ML المبنية مع Python باستخدام PyTorch.",
     "info_4": "عند تحميل صورة ، ستتم مطابقتها مع 1000 فئة مختلفة ؛إذا تم تحميل صورة لا تتطابق مع إحدى الفئات ، فقد تكون النتائج غير دقيقة لأن النموذج يمكن أن يتطابق مع الفئات المعروفة فقط.على سبيل المثال ، يمكن تصنيف صورة الدلفين باحتمالية متوسطة كسمك قرش أبيض كبير.",
     "info_5": "من الناحية المثالية ، سيكون العنصر الرئيسي في الصورة في الوسط وتركيز الصورة وإلا ستكون النتائج أقل دقة.",
     "info_6": "تعتبر أي صور تقوم بتحميلها خاصة لك فقط ويتم حذفها من الخادم بمجرد معالجتها.",
diff --git a/examples/i18n/image-classification.en.json b/examples/i18n/image-classification.en.json
index 5a1bb40..257810a 100644
--- a/examples/i18n/image-classification.en.json
+++ b/examples/i18n/image-classification.en.json
@@ -17,7 +17,7 @@
     "Links": "Links",
     "info_1": "AI = Artificial Intelligence / ML = Machine Learning",
     "info_2": "This page demonstrates extending a JSON Web Service page with DataFormsJS to include custom JavaScript code.",
-    "info_3": "This page downloads sample images and results from a JSON Service and allows for predictions from upload images to AI/ML Image Classification Web service built with Python using Keras and TensorFlow.",
+    "info_3": "This page downloads sample images and results from a JSON Service and allows for predictions from upload images to AI/ML Image Classification Web service built with Python using PyTorch.",
     "info_4": "When you upload an image it will be matched against 1,000 different categories; if an image is uploaded that does not match one of the categories the results may be inaccurate because the model can only match against the known categories. For example a photo of a dolphin may be categorized with medium probability as a great white shark.",
     "info_5": "Ideally the main item in the image will be in the center and the focus of the photo otherwise the results will be less accurate.",
     "info_6": "Any images that you upload are private only to you and are deleted from the server as soon as they are processed.",
diff --git a/examples/i18n/image-classification.es.json b/examples/i18n/image-classification.es.json
index 12ab4ab..a7e297d 100644
--- a/examples/i18n/image-classification.es.json
+++ b/examples/i18n/image-classification.es.json
@@ -17,7 +17,7 @@
     "Links": "Enlaces web",
     "info_1": "AI = Inteligencia Artificial / ML = Machine Learning",
     "info_2": "Esta página muestra cómo extender una página de servicio web JSON con DataFormsJS para incluir código JavaScript personalizado.",
-    "info_3": "Esta página descarga imágenes de muestra y resultados de un servicio JSON y permite realizar predicciones a partir de la carga de imágenes al servicio web de clasificación de imágenes AI / ML creado con Python usando Keras y TensorFlow.",
+    "info_3": "Esta página descarga imágenes de muestra y resultados de un servicio JSON y permite realizar predicciones a partir de la carga de imágenes al servicio web de clasificación de imágenes AI / ML creado con Python usando PyTorch.",
     "info_4": "Cuando cargue una imagen, se comparará con 1,000 categorías diferentes; si se carga una imagen que no coincide con una de las categorías, los resultados pueden ser inexactos porque el modelo solo puede coincidir con las categorías conocidas. Por ejemplo, una foto de un delfín puede clasificarse con probabilidad media como un gran tiburón blanco.",
     "info_5": "Idealmente, el elemento principal de la imagen deberá estar en el centro y en el foco de la foto; de lo contrario, los resultados serán menos precisos.",
     "info_6": "Las imágenes que cargue son privadas solo para usted y se eliminan del servidor tan pronto como se procesan.",
diff --git a/examples/i18n/image-classification.fr.json b/examples/i18n/image-classification.fr.json
index 5632de2..871047e 100644
--- a/examples/i18n/image-classification.fr.json
+++ b/examples/i18n/image-classification.fr.json
@@ -17,7 +17,7 @@
     "Links": "Liens",
     "info_1": "AI = Intelligence Artificielle / ML = Apprentissage Automatique",
     "info_2": "Cette page montre comment étendre une page de service Web JSON avec DataFormsJS pour inclure du code JavaScript personnalisé.",
-    "info_3": "Cette page télécharge des exemples d'images et de résultats à partir d'un service JSON et permet des prédictions de téléchargement d'images vers le service Web de classification d'images AI/ML construit avec Python en utilisant Keras et TensorFlow.",
+    "info_3": "Cette page télécharge des exemples d'images et de résultats à partir d'un service JSON et permet des prédictions de téléchargement d'images vers le service Web de classification d'images AI/ML construit avec Python en utilisant PyTorch.",
     "info_4": "Lorsque vous téléchargez une image, elle sera comparée à 1 000 catégories différentes; si une image est téléchargée qui ne correspond pas à l'une des catégories, les résultats peuvent être inexacts car le modèle ne peut correspondre qu'aux catégories connues. Par exemple, une photo d'un dauphin peut être classée avec une probabilité moyenne comme un grand requin blanc.",
     "info_5": "Idéalement, l'élément principal de l'image sera au centre et la mise au point de la photo, sinon les résultats seront moins précis.",
     "info_6": "Toutes les images que vous téléchargez sont privées uniquement pour vous et sont supprimées du serveur dès qu'elles sont traitées.",
diff --git a/examples/i18n/image-classification.ja.json b/examples/i18n/image-classification.ja.json
index d390c37..491a7be 100644
--- a/examples/i18n/image-classification.ja.json
+++ b/examples/i18n/image-classification.ja.json
@@ -17,7 +17,7 @@
     "Links": "リンク集",
     "info_1": "AI =人工知能/ ML =機械学習",
     "info_2": "このページでは、JSON WebサービスページをDataFormsJSで拡張してカスタムJavaScriptコードを含める方法を示します。",
-    "info_3": "このページは、JSONサービスからサンプル画像と結果をダウンロードし、KerasとTensorFlowを使用してPythonで構築されたAI / ML画像分類Webサービスへのアップロード画像からの予測を可能にします。",
+    "info_3": "このページは、JSONサービスからサンプル画像と結果をダウンロードし、PyTorchを使用してPythonで構築されたAI / ML画像分類Webサービスへのアップロード画像からの予測を可能にします。",
     "info_4": "画像をアップロードすると、1,000の異なるカテゴリと照合されます。 カテゴリの1つと一致しない画像がアップロードされた場合、モデルは既知のカテゴリとしか一致しないため、結果が不正確になる可能性があります。 たとえば、イルカの写真は、ホオジロザメとして中程度の確率で分類されます。",
     "info_5": "理想的には、画像の主要なアイテムが中央にあり、写真の焦点が合っていると、結果の精度が低下します。",
     "info_6": "アップロードした画像は自分だけに限定され、処理されるとすぐにサーバーから削除されます。",
diff --git a/examples/i18n/image-classification.pt-BR.json b/examples/i18n/image-classification.pt-BR.json
index 3473985..339006c 100644
--- a/examples/i18n/image-classification.pt-BR.json
+++ b/examples/i18n/image-classification.pt-BR.json
@@ -17,7 +17,7 @@
     "Links": "Links",
     "info_1": "AI = Artificial Intelligence / ML = Machine Learning",
     "info_2": "Esta página demonstra como extender uma página Web Service JSON com DataFormsJS para incluir código personalizado JavaScript.",
-    "info_3": "Esta página baixa imagens de exemplo e resultados de um serviço JSON e permite predições à partir de imagens enviadas para o serviço web AI/ML Classificação de Imagem desenvolvido em Python usando Keras e TensorFlow.",
+    "info_3": "Esta página baixa imagens de exemplo e resultados de um serviço JSON e permite predições à partir de imagens enviadas para o serviço web AI/ML Classificação de Imagem desenvolvido em Python usando PyTorch.",
     "info_4": "Quando você envia uma imagem essa será comparada com categorias 1.000 diferentes; se uma imagem é enviada que não corresponde a uma das categorias os resultados talvez sejam imprecisos porque o modelo pode somente comparar com categorias conhecidas. Por exemplo uma foto de um golfinho pode ser categorizada com média probabilidade como um grande tubarão branco.",
     "info_5": "O ideal é o item principal em uma imagem estar no centro e no foco da foto the main item in the image will be in the center and the focus of the photo caso contrário os resultados serão menos precisos.",
     "info_6": "Quaisquer imagens que você envia são privadas e são apagadas do servidor assim que seu processamento é finalizado.",

From 446e8a63a9d623801c98ae889177aeaafd0736da Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Thu, 11 May 2023 23:53:17 -0700
Subject: [PATCH 05/20] =?UTF-8?q?=F0=9F=93=84=20Update=20Docs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/html/image-info-links.htm | 3 +--
 examples/html/image-info-react.jsx | 3 +--
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/examples/html/image-info-links.htm b/examples/html/image-info-links.htm
index bd50323..7b6378f 100644
--- a/examples/html/image-info-links.htm
+++ b/examples/html/image-info-links.htm
@@ -1,5 +1,4 @@
-<li><a href="https://www.tensorflow.org" target="_blank">https://www.tensorflow.org</a></li>
-<li><a href="https://keras.io" target="_blank">https://keras.io</a></li>
+<li><a href="https://pytorch.org/" target="_blank">https://pytorch.org/</a></li>
 <li><a href="https://www.kaggle.com/keras/resnet50" target="_blank">https://www.kaggle.com/keras/resnet50</a></li>
 <li><a href="http://image-net.org/" target="_blank">http://image-net.org/</a></li>
 <li><a href="https://en.wikipedia.org/wiki/Computer_vision" target="_blank">https://en.wikipedia.org/wiki/Computer_vision</a></li>
diff --git a/examples/html/image-info-react.jsx b/examples/html/image-info-react.jsx
index ba7301f..a5ef569 100644
--- a/examples/html/image-info-react.jsx
+++ b/examples/html/image-info-react.jsx
@@ -1,7 +1,6 @@
 
 const links = [
-    'https://www.tensorflow.org',
-    'https://keras.io',
+    'https://pytorch.org/',
     'https://www.kaggle.com/keras/resnet50',
     'http://image-net.org/',
     'https://en.wikipedia.org/wiki/Computer_vision',

From 9b7772c50b39df9068079bc7ba7049903ff57eea Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Sat, 10 Jun 2023 19:09:24 -0700
Subject: [PATCH 06/20] =?UTF-8?q?=F0=9F=93=84=20Add=20links=20to=20Server?=
 =?UTF-8?q?=20Code=20in=20Examples?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/html/binary-info-hbs.htm   | 1 +
 examples/html/binary-info-vue.htm   | 1 +
 examples/html/image-info-hbs.htm    | 1 +
 examples/html/image-info-react.jsx  | 1 +
 examples/html/image-info-vue.htm    | 1 +
 examples/html/image-info-web.htm    | 1 +
 examples/html/places-info-hbs.htm   | 1 +
 examples/html/places-info-js.htm    | 1 +
 examples/html/places-info-links.htm | 1 +
 examples/html/places-info-react.jsx | 1 +
 examples/html/places-info-vue.htm   | 1 +
 examples/html/places-info-web.htm   | 1 +
 12 files changed, 12 insertions(+)

diff --git a/examples/html/binary-info-hbs.htm b/examples/html/binary-info-hbs.htm
index e087cae..b60815f 100644
--- a/examples/html/binary-info-hbs.htm
+++ b/examples/html/binary-info-hbs.htm
@@ -22,6 +22,7 @@ <h2 class="source-code">
             <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/binary-classification-hbs.htm" target="_blank">Handlebars</a></li>
             <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/binary-classification-vue.htm" target="_blank">Vue</a></li>
             <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/binary-classification.js" target="_blank">JavaScript</a></li>
+            <li><a href="https://github.com/dataformsjs/website/blob/master/app/app.py" target="_blank">Python Server Code</a></li>
         </ul>
 
         <h2>{{i18n 'Links'}}</h2>
diff --git a/examples/html/binary-info-vue.htm b/examples/html/binary-info-vue.htm
index a39e2df..16ebef1 100644
--- a/examples/html/binary-info-vue.htm
+++ b/examples/html/binary-info-vue.htm
@@ -22,6 +22,7 @@ <h2 class="source-code">
             <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/binary-classification-vue.htm" target="_blank">Vue</a></li>
             <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/binary-classification-hbs.htm" target="_blank">Handlebars</a></li>
             <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/binary-classification.js" target="_blank">JavaScript</a></li>
+            <li><a href="https://github.com/dataformsjs/website/blob/master/app/app.py" target="_blank">Python Server Code</a></li>
         </ul>
 
         <h2 v-i18n="'Links'"></h2>
diff --git a/examples/html/image-info-hbs.htm b/examples/html/image-info-hbs.htm
index 0e98fdc..dd36708 100644
--- a/examples/html/image-info-hbs.htm
+++ b/examples/html/image-info-hbs.htm
@@ -40,6 +40,7 @@ <h2 class="source-code">
             <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/html/image-home-react.jsx" target="_blank">JSX (React)</a></li>
             <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/image-classification-web.htm" target="_blank">Web Components</a></li>
             <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/image-classification-web.js" target="_blank">JavaScript (Web Components)</a></li>
+            <li><a href="https://github.com/dataformsjs/website/blob/master/app/app.py" target="_blank">Python Server Code</a></li>
         </ul>
 
         <h2>{{i18n 'Links'}}</h2>
diff --git a/examples/html/image-info-react.jsx b/examples/html/image-info-react.jsx
index a5ef569..4c602d1 100644
--- a/examples/html/image-info-react.jsx
+++ b/examples/html/image-info-react.jsx
@@ -48,6 +48,7 @@ function PageInfo() {
                     <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/html/image-home-react.jsx" target="_blank">JSX (React)</a></li>
                     <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/image-classification-web.htm" target="_blank">Web Components</a></li>
                     <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/image-classification-web.js" target="_blank">JavaScript (Web Components)</a></li>
+                    <li><a href="https://github.com/dataformsjs/website/blob/master/app/app.py" target="_blank">Python Server Code</a></li>
                 </ul>
 
                 <h2>{i18n.text('Links')}</h2>
diff --git a/examples/html/image-info-vue.htm b/examples/html/image-info-vue.htm
index 3a6caa0..9d81061 100644
--- a/examples/html/image-info-vue.htm
+++ b/examples/html/image-info-vue.htm
@@ -38,6 +38,7 @@ <h2 class="source-code">
             <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/html/image-home-react.jsx" target="_blank">JSX (React)</a></li>
             <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/image-classification-web.htm" target="_blank">Web Components</a></li>
             <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/image-classification-web.js" target="_blank">JavaScript (Web Components)</a></li>
+            <li><a href="https://github.com/dataformsjs/website/blob/master/app/app.py" target="_blank">Python Server Code</a></li>
         </ul>
 
         <h2 v-i18n="'Links'"></h2>
diff --git a/examples/html/image-info-web.htm b/examples/html/image-info-web.htm
index 7b4e409..79ed0f5 100644
--- a/examples/html/image-info-web.htm
+++ b/examples/html/image-info-web.htm
@@ -38,6 +38,7 @@ <h2 class="source-code">
             <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/html/image-home-react.jsx" target="_blank">JSX (React)</a></li>
             <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/image-classification-web.htm" target="_blank">Web Components</a></li>
             <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/image-classification-web.js" target="_blank">JavaScript (Web Components)</a></li>
+            <li><a href="https://github.com/dataformsjs/website/blob/master/app/app.py" target="_blank">Python Server Code</a></li>
         </ul>
 
         <h2 data-i18n="Links"></h2>
diff --git a/examples/html/places-info-hbs.htm b/examples/html/places-info-hbs.htm
index 8cc311d..b82fd1f 100644
--- a/examples/html/places-info-hbs.htm
+++ b/examples/html/places-info-hbs.htm
@@ -26,6 +26,7 @@ <h2 class="source-code">
         <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/places-demo-graphql.htm" target="_blank">GraphQL</a></li>
         <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/places-demo-web.htm" target="_blank">{{i18n 'web_components'}}</a></li>
         <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/places-demo-js.htm" target="_blank">{{i18n 'html_js_only'}}</a></li>
+        <li><a href="https://github.com/dataformsjs/website/blob/master/app/Controllers/Geonames.php" target="_blank">PHP Server Code</a></li>
     </ul>
 
     <h2 class="links">{{i18n 'Links'}}</h2>
diff --git a/examples/html/places-info-js.htm b/examples/html/places-info-js.htm
index c79a09a..7574d75 100644
--- a/examples/html/places-info-js.htm
+++ b/examples/html/places-info-js.htm
@@ -26,6 +26,7 @@ <h2 class="source-code">
         <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/places-demo-hbs.htm" target="_blank">Handlebars</a></li>
         <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/places-demo-graphql.htm" target="_blank">GraphQL</a></li>
         <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/places-demo-web.htm" target="_blank" data-i18n="web_components"></a></li>
+        <li><a href="https://github.com/dataformsjs/website/blob/master/app/Controllers/Geonames.php" target="_blank">PHP Server Code</a></li>
     </ul>
 
     <h2 class="links" data-i18n="Links"></h2>
diff --git a/examples/html/places-info-links.htm b/examples/html/places-info-links.htm
index 8d0775e..6ce2d2e 100644
--- a/examples/html/places-info-links.htm
+++ b/examples/html/places-info-links.htm
@@ -5,3 +5,4 @@
 <li><a href="https://leafletjs.com" target="_blank">https://leafletjs.com</a></li>
 <li><a href="https://www.openstreetmap.org" target="_blank">https://www.openstreetmap.org</a></li>
 <li><a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components" target="_blank">https://developer.mozilla.org/en-US/docs/Web/Web_Components</a></li>
+<li><a href="https://github.com/dataformsjs/website/blob/master/app/Controllers/Geonames.php" target="_blank">PHP Server Code</a></li>
diff --git a/examples/html/places-info-react.jsx b/examples/html/places-info-react.jsx
index 15e4f9a..b6ae19b 100644
--- a/examples/html/places-info-react.jsx
+++ b/examples/html/places-info-react.jsx
@@ -40,6 +40,7 @@ function PageInfo({match}) {
                     <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/places-demo-graphql.htm" target="_blank">GraphQL</a></li>
                     <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/places-demo-web.htm" target="_blank">{i18n.text('web_components')}</a></li>
                     <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/places-demo-js.htm" target="_blank">{i18n.text('html_js_only')}</a></li>
+                    <li><a href="https://github.com/dataformsjs/website/blob/master/app/Controllers/Geonames.php" target="_blank">PHP Server Code</a></li>
                 </ul>
 
                 <h2 className="links">{i18n.text('Links')}</h2>
diff --git a/examples/html/places-info-vue.htm b/examples/html/places-info-vue.htm
index 440cf6f..b80e107 100644
--- a/examples/html/places-info-vue.htm
+++ b/examples/html/places-info-vue.htm
@@ -26,6 +26,7 @@ <h2 class="source-code">
         <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/places-demo-graphql.htm" target="_blank">GraphQL</a></li>
         <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/places-demo-web.htm" target="_blank" v-i18n="'web_components'"></a></li>
         <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/places-demo-js.htm" target="_blank" v-i18n="'html_js_only'"></a></li>
+        <li><a href="https://github.com/dataformsjs/website/blob/master/app/Controllers/Geonames.php" target="_blank">PHP Server Code</a></li>
     </ul>
 
     <h2 class="links" v-i18n="'Links'"></h2>
diff --git a/examples/html/places-info-web.htm b/examples/html/places-info-web.htm
index 4ccbe63..fb90aa5 100644
--- a/examples/html/places-info-web.htm
+++ b/examples/html/places-info-web.htm
@@ -26,6 +26,7 @@ <h2 class="source-code">
         <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/places-demo-hbs.htm" target="_blank">Handlebars</a></li>
         <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/places-demo-graphql.htm" target="_blank">GraphQL</a></li>
         <li><a href="https://github.com/dataformsjs/dataformsjs/blob/master/examples/places-demo-web.htm" target="_blank" data-i18n="web_components"></a></li>
+        <li><a href="https://github.com/dataformsjs/website/blob/master/app/Controllers/Geonames.php" target="_blank">PHP Server Code</a></li>
     </ul>
 
     <h2 class="links" data-i18n="Links"></h2>

From 57775391502f0186523d8903ba5b777dc4cd9774 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Mon, 19 Aug 2024 21:50:58 -0700
Subject: [PATCH 07/20] =?UTF-8?q?=F0=9F=9A=80=20Release=205.14.4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                        | 8 ++++++++
 examples/hacker-news-react.htm      | 2 +-
 js/DataFormsJS.js                   | 4 ++--
 js/DataFormsJS.min.js               | 4 ++--
 js/plugins/animation.js             | 2 +-
 js/plugins/animation.min.js         | 2 +-
 js/react/es5/DataFormsJS.js         | 2 +-
 js/react/es5/DataFormsJS.min.js     | 2 +-
 js/react/es6/DataFormsJS.min.js     | 2 +-
 js/react/jsxLoader.js               | 4 ++--
 js/react/jsxLoader.min.js           | 4 ++--
 js/web-components/json-data.min.js  | 2 +-
 js/web-components/url-router.min.js | 2 +-
 package.json                        | 2 +-
 test/js/unit-testing-react.js       | 2 +-
 15 files changed, 26 insertions(+), 18 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 319c8e5..8f644f8 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,14 @@ DataFormsJS uses [Semantic Versioning](https://docs.npmjs.com/about-semantic-ver
 
 Overall the core Framework files, React Components, and Web Components and API are expected to remain stable however the version number is expected to increase to much larger numbers in the future due to the changes to smaller scripts and components. This change log includes all npm release history and new website features or major changes.
 
+## 5.14.4 (Aug 19, 2024)
+
+* Replace all instances of the Polyfill Service `https://polyfill.io/v3/polyfill.min.js?` with `https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?version=4.8.0&`
+  * This is due to a supply chain attack against the popular JS Polyfill Library and site `polyfill.io`.
+  * https://cdnjs.cloudflare.com/polyfill/
+  * https://www.akamai.com/blog/security/2024-polyfill-supply-chain-attack-what-to-know
+  * Based on how the Polyfill is loaded for DataFormsJS this error would have only affected users of IE (as of 2024 this is mainly old Windows Servers in a corporate environment).
+
 ## 5.14.3 (Jan 29, 2023)
 
 * jsxLoader Update so that JSX Files are compiled and added to the page only after all files are downloaded
diff --git a/examples/hacker-news-react.htm b/examples/hacker-news-react.htm
index 406fe8d..ae12e34 100644
--- a/examples/hacker-news-react.htm
+++ b/examples/hacker-news-react.htm
@@ -58,7 +58,7 @@
         -->
         <!--
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/scripts/polyfills.min.js"></script>
-        <script src="https://polyfill.io/v3/polyfill.min.js?features=Array.from,Array.isArray,Object.assign,Object.keys,URL,fetch,Promise,Promise.prototype.finally,String.prototype.endsWith,String.prototype.startsWith,String.prototype.includes,String.prototype.repeat,WeakSet,Symbol,Number.isInteger,String.prototype.codePointAt,String.fromCodePoint"></script>
+        <script src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?version=4.8.0&features=Array.from,Array.isArray,Object.assign,Object.keys,URL,fetch,Promise,Promise.prototype.finally,String.prototype.endsWith,String.prototype.startsWith,String.prototype.includes,String.prototype.repeat,WeakSet,Symbol,Number.isInteger,String.prototype.codePointAt,String.fromCodePoint"></script>
         <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
         <script>
             // Allow [babel-standalone] to use [import and exports] with JSX files
diff --git a/js/DataFormsJS.js b/js/DataFormsJS.js
index 7788815..18ec30b 100644
--- a/js/DataFormsJS.js
+++ b/js/DataFormsJS.js
@@ -1037,7 +1037,7 @@
                 cache: 'no-store',
                 credentials: 'same-origin',
             },
-            polyfillUrl: 'https://polyfill.io/v3/polyfill.min.js?features=Array.from,Array.isArray,Array.prototype.find,Object.assign,URL,fetch,Promise,Promise.prototype.finally,String.prototype.endsWith,String.prototype.startsWith,String.prototype.includes,String.prototype.repeat',
+            polyfillUrl: 'https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?version=4.8.0&features=Array.from,Array.isArray,Array.prototype.find,Object.assign,URL,fetch,Promise,Promise.prototype.finally,String.prototype.endsWith,String.prototype.startsWith,String.prototype.includes,String.prototype.repeat',
             cssPonyfillUrl: 'https://cdn.jsdelivr.net/npm/css-vars-ponyfill@2.4.3/dist/css-vars-ponyfill.min.js',
             graphqlUrl: null,
             errors: {
@@ -3391,7 +3391,7 @@
 
     // Add Build Version
     // For new releases this gets updated automatically by [scripts/build.js].
-    Object.defineProperty(app, 'version', { value: '5.14.3', enumerable: true });
+    Object.defineProperty(app, 'version', { value: '5.14.4', enumerable: true });
 
     // Assign [DataFormsJS] and [app] to the global variable space
     window.DataFormsJS = app;
diff --git a/js/DataFormsJS.min.js b/js/DataFormsJS.min.js
index ff9b43f..530440c 100644
--- a/js/DataFormsJS.min.js
+++ b/js/DataFormsJS.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.14.3
+// @version 5.14.4
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
-!function(){"use strict";var h,g={NotSet:"Not Set",Unknown:"Unknown",Mixed:"Mixed",Handlebars:"Handlebars",Vue:"Vue",Nunjucks:"Nunjucks",Underscore:"Underscore",Text:"Text"},c=g.NotSet,p=[g.Handlebars,g.Vue,g.Nunjucks,g.Underscore,g.Text],m=!1,f=!1,v=!1,C=null,E=0,t=null,w=!1,b=0,n=-1!==navigator.userAgent.indexOf("Trident/"),y=null,a=!1;function l(e,t,o,r){if(typeof e!==t)throw console.log(e),new TypeError("["+o+"] was not defined as a "+t+" when the function "+r+" was called")}function s(e,t,o){if(void 0===e)throw new TypeError("["+t+"] must first be defined before the function "+o+" is called");if("object"!=typeof e)throw console.log(e),new TypeError("["+t+"] was not defined as an object when the function "+o+" was called")}function i(e,t,o){if(""===e)throw new TypeError("["+t+"] must have a value when defined when the function "+o+" is called")}function d(e,t,o){if(void 0!==e[o])throw console.log(e),new TypeError("["+t+"."+o+"] is already defined")}function T(e,t,o,r){for(var n=0,a=r.length;n<a;n++)if(void 0!==e[r[n]]&&"function"!=typeof e[r[n]])throw console.log(e),new TypeError(o+"["+t+"]."+r[n]+" is not defined as a function.")}function S(e,t,o,r){for(var n=0,a=r.length;n<a;n++)if(void 0!==e[r[n]]&&null!==e[r[n]])return;throw console.log(e),new TypeError(o+"["+t+"] must have one of the following properties defined: "+r.join(", "))}function A(e,t){var o,r,n="";try{return null!==t&&t.path?n='Error with [Controller.path = "'+t.path+'"] - ':null!==e&&e instanceof HTMLElement&&(o=e.getAttribute("data-template-id"),r=e.getAttribute("data-template-url"),o=null===o?"":' data-template-id="'+o+'"',r=null===r?"":' data-template-url="'+r+'"',n="Error with Element <"+e.tagName.toLowerCase(),n=(n+=' id="'+e.id+'"')+' class="'+e.className+'"'+(o+r)+"> - "),n}catch(e){return console.error(e),n}}function r(e,t,o){e=document.createElement(e);return e.textContent=t,o&&(e.className=o),e}function L(e,t){console.error(e),window.setTimeout(function(){t&&null===t.parentNode&&((document.querySelector("body")||document.documentElement).appendChild(t),h.activeTemplate&&(h.activeTemplate.error=!0,h.activeTemplate.errorMessage=e.toString())),h.showError(t,e)},500)}function R(e,t,o){var r,n,a=null,l=null,i=null,s=null,d=null;if(null===t)i=e.getAttribute("data-template-id"),s=e.getAttribute("data-template-url"),null!==h.activeController&&(d=h.activeController.viewEngine);else{if(i=t.viewId,s=t.viewUrl,void 0!==t.viewEngine&&(d=t.viewEngine),void 0===s&&(s=null),null!==(i=void 0===i?null:i)&&null!==s)return void o(u(null,i,s,d,!0,"A controller must have either [viewId] or [viewUrl] defined but not both properties. This error is not possible when calling the [addController()] so one or more of the properties were modified by JavaScript code after the controller was already added."));if(null===i&&null===s)return"function"==typeof t.onRouteLoad||"function"==typeof t.onBeforeRender||"function"==typeof t.onRendered?void o(null):void o(u(null,i,s,d,!0,"A controller must have either [viewId] or [viewUrl] defined but neither property is defined. This error is not possible when calling the [addController()] so one or more of the properties were modified by JavaScript code after the controller was already added."))}for(r=0,n=h.compiledTemplates.length;r<n;r++){if(null!==i&&h.compiledTemplates[r].id===i)return void o(h.compiledTemplates[r]);if(null!==s&&h.compiledTemplates[r].url===s)return void o(h.compiledTemplates[r])}if(null!==s)l=s,null===d&&(d=c);else{if(null===(a=document.getElementById(i)))return void o(u(e,i,s,d,!0,"Script Tag for Template ID ["+i+"] does not exist."));l=a.src||a.getAttribute("data-src"),d=h.getTemplateType(a)}d!==c&&-1!==p.indexOf(d)&&(c=d),null!==l&&""!==l?h.fetch(l,null,"text/plain").then(function(e){o(u(null,i,s,d,!1,e))}).catch(function(e){console.error(e),o(u(null,i,s,d,!0,"Error Downloading Template: ["+l+"], Error: "+e))}):o(u(a,i,s,d,!1,a.innerHTML))}function u(e,t,o,r,n,a){var l=null,i=null,s=!1,d=null;if(!n)try{switch(r){case g.Handlebars:l=Handlebars.compile(a);break;case g.Nunjucks:l=h.nunjucksEnvironment?nunjucks.compile(a,h.nunjucksEnvironment):nunjucks.compile(a);break;case g.Underscore:l=_.template(a);break;case g.Text:case g.Vue:i=a;break;default:throw null===e?new TypeError("Unsupported or Unknown Template View Engine when the Template was downloaded. Template type at the time of downloading = "+r):new TypeError('Unsupported or Unknown Template View Engine specified in <script id="'+e.id+'" type="'+e.type+'" data-engine="'+e.getAttribute("data-engine")+'">')}}catch(e){s=!(i=l=null),d=e}t={id:t,url:o,type:r,engine:l,html:i,error:n||s,errorMessage:n?a:d};return h.compiledTemplates.push(t),t}function U(t,o,e,r){var n="";try{if(e.error)return void h.showError(t,A(t,o)+e.errorMessage);switch(e.type){case g.Handlebars:case g.Underscore:n=e.engine(r);break;case g.Nunjucks:n=e.engine.render(r);break;case g.Text:case g.Vue:n=e.html;break;default:throw new TypeError("Unsupported or Unknown Template View Engine: "+e.type)}null===t.getAttribute("data-set-text-content")?t.innerHTML=n:t.textContent=n,h.updateTemplatesForIE(t)}catch(e){h.showError(t,A(t,o)+e)}}function V(){var e,s,d,t,o,r,n,u,a,l,p,i="hash"===y?window.location.hash:window.location.pathname,c=null,f=-1;if(200<E)return h.showErrorAlert(h.settings.errors.pageLoading),E=0,void(v=!1);if(v)return C===i?void 0:(window.setTimeout(V,200),void E++);if(m)return C===i?void 0:(window.setTimeout(V,200),void E++);for(o in v=!0,""===(i=(E=0)===(C=i).indexOf("#")?i.substring(1):i)&&(i="/"),h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onAllowRouteChange)try{if(!1===h.plugins[o].onAllowRouteChange(i))return void(v=!1)}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onAllowRouteChange()]: "+e.toString()),console.error(e)}if(h.unloadAllJsControls(),null!==h.activeController){for(o in h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onRouteUnload)try{h.plugins[o].onRouteUnload()}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}if(void 0!==h.activeController.onRouteUnload&&null===h.activeVueModel&&"Vue"!==h.viewEngine())try{h.activeController.onRouteUnload.apply(h.activeModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}}for(null!==h.activeVueModel&&(null===h.activeVueApp?(h.activeVueModel.$destroy(),h.settings.clearVue2WatchersOnRouteUnload&&h.activeController&&h.activeController.modelName&&h.models[h.activeController.modelName]&&h.activeVueModel.$data&&(h.models[h.activeController.modelName]=JSON.parse(JSON.stringify(h.activeVueModel.$data)))):h.activeVueApp.unmount()),h.activeController=null,h.activeTemplate=null,h.activeModel=null,h.activeVueModel=null,h.activeVueApp=null,h.activeParameters=[],h.activeParameterList={},w=!1,e=b=0,s=h.controllers.length;e<s;e++){if((t=h.routeMatches(i,h.controllers[e].path)).isMatch){c=h.controllers[e],h.activeParameters=t.args,h.activeParameterList=t.namedArgs;break}h.controllers[e].path===h.settings.defaultRoute&&(f=e)}if(null===c&&-1!==f)return a=h.settings.defaultRoute,"/:lang/"===h.settings.defaultRoute&&void 0!==h.plugins.i18n&&"function"==typeof h.plugins.i18n.readSettings&&"function"==typeof h.plugins.i18n.getUserDefaultLang&&(h.plugins.i18n.readSettings(),null!==(r=h.plugins.i18n.getUserDefaultLang())&&(a="/"+r+"/")),h.changeRoute(a),void(v=!1);if(null===c){if(0===h.controllers.length)return h.updateView(),void(v=!1);i!==h.settings.defaultRoute&&(r="Error - The route ["+i+"] does not have a <script data-route> element or [Controller] defined. Check to make sure that a controller or script for default route ["+h.settings.defaultRoute+"] exists.",h.showError(document.querySelector(h.settings.viewSelector),r)),v=!1}else h.activeController=c,u=function(){var e,t,o,r,n,a=c;if(a.modelName)h.activeModel=h.models[a.modelName];else{if(a.pageType&&void 0!==(o=h.pages[a.pageType]))if(a.viewEngine===g.Vue)if(e={},a.methods=void 0===a.methods?{}:a.methods,"function"==typeof o){e=new o;for(var l=h.getClassFunctionNames(o),i=["constructor","onRouteLoad","onBeforeRender","onRendered","onRouteUnload"],s=0;s<l.length;s++)r=l[s],i.includes(r)||(a.methods[r]=o.prototype[r])}else for(r in o.model)o.model.hasOwnProperty(r)&&("[object Function]"===(n=Object.prototype.toString.call(o.model[r]))?a.methods[r]=o.model[r]:e[r]="[object Object]"===n?h.deepClone({},o.model[r]):"[object Array]"===n?h.deepClone([],o.model[r]):o.model[r]);else e="function"==typeof o?new o:h.deepClone({},o.model);void 0!==a.settings&&0<Object.keys(a.settings).length&&(void 0===e&&(e={}),h.deepClone(e,a.settings)),e&&!1!==e.loadOnlyOnce&&(t=null===a.pageType||void 0===a.pageType?"Dynamic":(t=a.pageType).substring(0,1).toUpperCase()+t.substring(1),t="model_"+String(Object.keys(h.models).length)+"_"+t,h.addModel(t,e),a.modelName=t),a.modelName?h.activeModel=h.models[a.modelName]:h.activeModel=void 0===e?{}:e}for(d in h.activeParameterList)h.activeParameterList.hasOwnProperty(d)&&(h.activeModel[d]=h.activeParameterList[d]);R(null,c,function(e){var t,o=[],r=[],n=0,a=0;function l(){if(h.activeTemplate=e,void 0!==c.onRouteLoad&&h.activeController&&h.activeController.viewEngine!==g.Vue)try{c.onRouteLoad.apply(h.activeModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+c.path+"] on [onRouteLoad()]: "+e.toString()),console.error(e)}window.scrollTo(0,0),h.updateView(),v=!1}for(t in h.plugins)h.plugins.hasOwnProperty(t)&&void 0!==h.plugins[t].onRouteLoad&&(o.push(h.plugins[t].onRouteLoad),r.push(t));(0===(a=o.length)?l:function t(){try{var e=r[n],e=h.plugins[e];o[n].call(e,function(e){!1!==e?(++n===a?l:t)():v=!1})}catch(e){h.showErrorAlert("Error from Plugin ["+r[n]+"] on [onRouteLoad()]: "+e.toString()),console.error(e),h.updateView(),v=!1}})()})},void 0!==(n=c).settings&&void 0!==n.settings.lazyLoad?(null!==h.settings.lazyTemplateSelector&&(l=document.querySelector(h.settings.viewSelector),a=document.querySelector(h.settings.lazyTemplateSelector),l&&a&&("TEMPLATE"===a.tagName||"SCRIPT"===a.tagName&&"text"===a.getAttribute("data-engine")?l.innerHTML=a.innerHTML:console.warn("Unable to show loading screen from [app.settings.lazyTemplateSelector]. Only <template> tags are allowed."))),l=n.settings.lazyLoad.split(",").map(function(e){return e.trim()}),p=[],l.forEach(function(e){void 0===h.lazyLoad[e]?console.error("Missing [app.LazyLoad] scripts for: "+e):p.push(h.loadScripts(h.lazyLoad[e]))}),Promise.all(p).finally(function(){P(n),u()})):(P(n),u())}function P(e){if(null!==e.pageType&&void 0!==e.pageType&&void 0===e._pageCopied){var t=null;if(void 0===h.pages[e.pageType]?t="The page ["+e.pageType+"] has not been loaded for Controller[path="+e.path+"].":"object"==typeof h.pages[e.pageType]&&"object"!=typeof h.pages[e.pageType].model&&(t="Error - The [model] property for page object ["+e.pageType+"] must be a valid JavaScript Object."),null!==t)return e.settings=e.settings||{},e.settings.errorMessage=t,e.settings.hasError=!0,void h.showErrorAlert(t);var o=h.pages[e.pageType];if("function"==typeof o)for(var r=h.getClassFunctionNames(o),n=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"],a=0;a<r.length;a++){var l=r[a];n.includes(l)&&(e[l]=o.prototype[l])}else for(var i in o)o.hasOwnProperty(i)&&"function"==typeof o[i]&&(e[i]=o[i]);e.viewEngine===g.Vue&&"object"==typeof o.computed&&void 0===e.computed&&(e.computed=o.computed),e._pageCopied=!0}}function o(e){var t=new Date,t="toLocaleString"in t?t.toLocaleString():t.toString(),t=-1<e.message.toLowerCase().indexOf("script error")?"Script Error at "+t+": See Browser Console for Detail":["Message: ["+e.message+"]","Time: ["+t+"]","URL: ["+e.filename+"]","Line: "+e.lineno,"Column: "+e.colno,"Error Object: "+JSON.stringify(e.error)].join(" - ");h.showErrorAlert(t),console.error(e)}void 0===window.DataFormsJS&&(h={controllers:[],models:{},pages:{},plugins:{},controls:{},graphQL:{},lazyLoad:{},locals:{},settings:{defaultRoute:"/",viewSelector:"#view",logFetchRequests:!1,requestHeaders:{},requestHeadersByHostName:{},fetchOptions:{mode:"cors",cache:"no-store",credentials:"same-origin"},polyfillUrl:"https://polyfill.io/v3/polyfill.min.js?features=Array.from,Array.isArray,Array.prototype.find,Object.assign,URL,fetch,Promise,Promise.prototype.finally,String.prototype.endsWith,String.prototype.startsWith,String.prototype.includes,String.prototype.repeat",cssPonyfillUrl:"https://cdn.jsdelivr.net/npm/css-vars-ponyfill@2.4.3/dist/css-vars-ponyfill.min.js",graphqlUrl:null,errors:{pageLoading:"Error loading the current page because the previous page is still loading and is taking a long time. Please refresh the page and try again."},lazyTemplateSelector:null,clearVue2WatchersOnRouteUnload:!1},activeController:null,activeTemplate:null,activeModel:null,activeVueModel:null,activeVueApp:null,vueDirectives:null,activeParameters:[],activeParameterList:{},activeJsControls:[],compiledTemplates:[],onUpdateViewComplete:null,nunjucksEnvironment:null,errorClass:"dataformsjs-error",fatalErrorClass:"dataformsjs-fatal-error",errorStyleId:"dataformsjs-style-errors",errorCss:[".dataformsjs-error,.dataformsjs-fatal-error{","color:#fff;","background-color:red;","box-shadow:0 1px 5px 0 rgba(0,0,0,.5);","background-image:linear-gradient(#e00,#c00);","/*white-space:pre;*/","text-align:left;","}",".dataformsjs-error{","padding:10px;","font-size:1em;","margin:5px;","display:inline-block;","}",".dataformsjs-fatal-error{","z-index:1000000;","padding:20px;","font-size:1.5em;","margin:20px;","position:fixed;","top:10px;","}","@media only screen and (min-width:1000px){",".dataformsjs-fatal-error{","max-width:1000px;","left:calc(50% - 520px);","}","}",".dataformsjs-fatal-error span{","padding:5px 10px;","float:right;","border:1px solid darkred;","cursor:pointer;","margin-left:10px;","box-shadow:0 0 2px 1px rgba(0,0,0,0.3);","background-image:linear-gradient(#c00,#a00);","border-radius:5px;","}"].join(""),vueStyleId:"dataformsjs-style-vue-cloak",vueCss:"[v-cloak] { display: none !important; }",escapeHtml:function(e){return null==e||"number"==typeof e?e:String(e).replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/'/g,"&#039;").replace(/</g,"&lt;").replace(/>/g,"&gt;")},fetch:function(t,e,o){var r=h.deepClone({},h.settings.fetchOptions);return r.headers=h.getRequestHeaders(t),e&&(Object.assign(r,e),void 0!==e.headers&&(r.headers=Object.assign({},h.getRequestHeaders(t),e.headers))),!n||void 0!==r.method&&"GET"!==r.method&&"HEAD"!==r.method||"no-store"!==r.cache&&"no-cache"!==r.cache||((e=/([?&])_=[^&]*/).test(t)?t=t.replace(e,"$1_="+(new Date).getTime()):t+=(/\?/.test(t)?"&":"?")+"_="+(new Date).getTime()),fetch(t,r).then(function(e){return h.settings.logFetchRequests&&h.events&&"function"==typeof h.events.dispatch&&h.events.dispatch("fetch",{url:t,status:e.status}),Promise.resolve(e)}).then(function(e){var t=e.status;return 200<=t&&t<300||304===t?Promise.resolve(e):(t="Error loading data. Server Response Code: "+t+", Response Text: "+e.statusText,Promise.reject(t))}).then(function(e){var t=void 0===o?"application/json":o;return 0===(t=e.headers.has("Content-Type")?e.headers.get("Content-Type"):t).indexOf("application/json")?e.json():e.text()})},routingMode:function(){return y},changeRoute:function(e){if("string"!=typeof e)throw new TypeError("Expected string for app.changeRoute(path)");"history"===y?(window.history.pushState(null,null,e),V()):window.location.hash=0===e.indexOf("#")?e:"#"+e},pushStateClick:function(e){if(!0!==e.ctrlKey&&!e.metaKey)return e.preventDefault(),e.stopPropagation(),e.currentTarget.href?h.changeRoute(e.currentTarget.href):console.error("app.pushStateClick() called for an unknown link"),!1},addPage:function(e,t){var o,r=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"],n=(l(e,"string","name","app.addPage()"),i(e,"name","app.addPage()"),!1);if("object"==typeof t)o=t,n=!0;else{if("function"!=typeof t||"class"!==t.toString().substring(0,5))throw new TypeError("Page ["+e+"] must be defined as an object or a class when the function app.addPage() is called");o=t.prototype}return T(o,e,"page",r),r.pop(),S(o,e,"page",r),n&&s(t.model,"page."+e+".model","app.addPage()"),d(this.pages,"app.pages",e),this.pages[e]=t,this},addPlugin:function(e,t){function o(){"function"==typeof this.onRouteUnload&&this.onRouteUnload(),this.onRendered()}if(l(e,"string","name","app.addPlugin()"),i(e,"name","app.addPlugin()"),d(this.plugins,"app.plugins",e),"function"==typeof(t="function"==typeof t&&"class"===t.toString().substring(0,5)?new t:t))return this.plugins[e]={onRendered:t,reload:o},this;var r=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"];return l(t,"object","plugin","app.addPlugin()"),T(t,e,"plugin",r),r.pop(),S(t,e,"plugin",r),void 0===t.reload&&(t.reload=o),this.plugins[e]=t,this},addControl:function(e,t){if(l(e,"string","name","app.addControl()"),i(e,"name","app.addControl()"),e!==e.toLowerCase())throw new TypeError("Control names must be all lower-case. [app.addControl()] was called with: ["+e+"]");if(-1===e.indexOf("-"))throw new TypeError("Control names must contain a dash [-] character. [app.addControl()] was called with: ["+e+"]");if(-1!==e.indexOf(" "))throw new TypeError("Control names cannot contain a space. [app.addControl()] was called with: ["+e+"]");if(!1!==/[&<>"'/]/.test(e))throw new TypeError("Control names cannot contain HTML characters that need to be escaped. Invalid characters are [& < > \" ' /]. [app.addControl()] was called with: ["+e+"]");l(t,"object","control","app.addControl()"),void 0!==t.css&&l(t.css,"string","control.css","app.addControl()");var o=["onLoad","html","onUnload"];return S(t,e,"control",o),T(t,e,"control",o),o.pop(),S(t,e,"control",o),d(this.controls,"app.controls",e),this.controls[e]=t,this},addModel:function(e,t){return l(e,"string","name","app.addModel()"),i(e,"name","app.addModel()"),l(t,"object","model","app.addModel()"),d(this.models,"app.models",e),this.models[e]=t,this},addController:function(t){var e,o=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"];if(l(t,"object","controller","app.addController()"),l(t.path,"string","controller.path","app.addController()"),i(t.path,"controller.path","app.addController()"),this.controllers.forEach(function(e){if(e.path===t.path)throw new TypeError("[app.controllers(path="+t.path+")] is already defined")}),e="app.addController(path="+t.path+")",void 0===t.viewId)t.viewId=null;else{l(t.viewId,"string","controller.viewId",e),i(t.viewId,"controller.viewId",e);var r=t.viewId,n="controller.viewId",a=e;if(null===document.getElementById(r))throw new TypeError("An element was not found on the page with ["+n+"][id="+r+"] when the function "+a+" was called")}if(void 0===t.viewUrl?t.viewUrl=null:(l(t.viewUrl,"string","controller.viewUrl",e),i(t.viewUrl,"controller.viewUrl",e)),null!==t.viewId&&null!==t.viewUrl)throw new TypeError("A controller cannot have both [viewId] and [viewUrl] defined when calling "+e);if(void 0!==t.viewEngine){if(null===t.viewId&&null===t.viewUrl)throw new TypeError("When a controller uses the [viewEngine] property either [viewId] or [viewUrl] must also be defined when calling "+e);if(-1===p.indexOf(t.viewEngine))throw new TypeError("Invalid [viewEngine] property when calling "+e+". Valid values are: "+p.join(", "))}return null!==t.modelName&&void 0!==t.modelName&&(l(t.modelName,"string","controller.modelName",e),i(t.modelName,"controller.modelName",e),s(this.models[t.modelName],"app.models."+t.modelName,e)),null!==t.pageType&&void 0!==t.pageType&&(l(t.pageType,"string","controller.pageType",e),i(t.pageType,"controller.pageType",e)),T(t,t.path,"controller",o),null!==t.pageType&&void 0!==t.pageType||(o.pop(),o.push("viewId"),o.push("viewUrl"),S(t,t.path,"controller",o)),this.controllers.push(t),this},controller:function(e){for(var t=0,o=this.controllers.length;t<o;t++)if(this.controllers[t].path===e)return this.controllers[t];return null},showError:function(e,t){var o;null!==e?(h.loadCss(h.errorStyleId,h.errorCss),o=r("span",t,h.errorClass),e.innerHTML="",e.appendChild(o),"string"!=typeof t&&console.error(t)):h.showErrorAlert(t)},showErrorAlert:function(e){h.loadCss(h.errorStyleId,h.errorCss);var t=r("div",e="string"==typeof e&&-1===e.toLowerCase().indexOf("error")?"Error: "+e:e,h.fatalErrorClass),o=r("span","✕");o.onclick=function(){document.body.removeChild(t)},t.insertBefore(o,t.firstChild),document.body.appendChild(t),"string"!=typeof e&&console.error(e)},isUsingVue:function(){return null!==h.activeVueModel||h.activeController&&"Vue"===h.activeController.viewEngine||"Vue"===h.viewEngine()},isUsingVue2:function(){return this.isUsingVue()&&void 0===Vue.createApp},isUsingVue3:function(){return this.isUsingVue()&&"function"==typeof Vue.createApp},isUpdatingView:function(){return m},updateView:function(){function e(){var e,t,o,r,n;if(m=!0,null!==h.activeVueModel&&null===h.activeVueApp)return e=0,(t=h.activeVueModel._watcher)&&t.deps&&t.deps.length&&(e=t.deps.length),b!==e&&a("vue_dep_change"),m=!(w=!0),void(b=e);if(null===h.activeVueApp){h.unloadAllJsControls();try{if(!(h.activeController&&h.activeController.viewEngine===g.Vue)&&h.activeController&&void 0!==h.activeController.onBeforeRender)try{h.activeController.onBeforeRender.apply(h.activeModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onBeforeRender()]: "+e.toString()),console.error(e)}for(o in h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onBeforeRender)try{h.plugins[o].onBeforeRender()}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onBeforeRender()]: "+e.toString()),console.error(e)}null!==h.activeTemplate&&(null===(r=document.querySelector(h.settings.viewSelector))?(n="Error - The main HTML element for rendering views from selector ["+h.settings.viewSelector+"] does not exist on this page. Check HTML on the page to makes sure that the element exist; and if it does then check to make sure that JavaScript Code did not remove it from the page",h.showErrorAlert(n)):(h.activeController&&h.activeController.viewEngine===g.Vue&&r.setAttribute("v-cloak",""),U(r,h.activeController,h.activeTemplate,h.activeModel))),h.refreshAllHtmlControls(function(){var t,e,o,r;h.activeController&&h.activeController.viewEngine===g.Vue?(t=document.querySelector(h.settings.viewSelector),e=function(e){console.error("Vue Error"),L(e,t)},o=function(e){console.error("Vue Warning"),L(e,t)},r="function"==typeof Vue.createApp,h.activeTemplate&&h.activeTemplate.error?(h.showError(document.querySelector(h.settings.viewSelector),h.activeTemplate.errorMessage),a("updateView")):r?(h.activeVueApp=Vue.createApp({data:function(){return h.activeModel},directives:h.vueDirectives,methods:h.activeController.methods,computed:h.activeController.computed,mounted:function(){h.activeVueModel=this,h.activeVueModel.$nextTick(function(){if(void 0!==h.activeController.onRouteLoad)try{h.activeController.onRouteLoad.apply(h.activeVueModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteLoad()]: "+e.toString()),console.error(e)}h.loadAllJsControls(),a("vue_mounted",h.activeVueModel)})},updated:function(){this.$nextTick(function(){w&&(h.loadAllJsControls(),a("vue_updated"),w=!1)})},beforeUnmount:function(){try{void 0!==h.activeController.onRouteUnload&&h.activeController.onRouteUnload.apply(h.activeVueModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}}}),h.activeVueApp.errorHandler=e,h.activeVueApp.warnHandler=o,h.activeVueApp.mount(h.settings.viewSelector)):(Vue.config.errorHandler=e,Vue.config.warnHandler=o,h.activeVueModel=new Vue({el:h.settings.viewSelector,data:h.activeModel,methods:h.activeController.methods,computed:h.activeController.computed,mounted:function(){var e=this;e.$nextTick(function(){if(void 0!==h.activeController.onRouteLoad)try{h.activeController.onRouteLoad.apply(e,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteLoad()]: "+e.toString()),console.error(e)}h.loadAllJsControls(),a("vue_mounted",e)})},updated:function(){this.$nextTick(function(){var e;w&&(h.loadAllJsControls(),a("vue_updated"),(e=this._watcher)&&e.deps&&e.deps.length&&(b=this._watcher.deps.length),w=!1)})},beforeDestroy:function(){try{void 0!==h.activeController.onRouteUnload&&h.activeController.onRouteUnload.apply(this,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}}}))):(h.loadAllJsControls(),a("updateView")),m=!1})}catch(e){throw m=!1,console.error(e),e}}else m=!(w=!0)}function a(e,t){for(var o in"history"===y&&(r=document.querySelectorAll('a[href^="/"]:not([data-no-pushstate])'),Array.prototype.forEach.call(r,function(e){e.addEventListener("click",h.pushStateClick)})),h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onRendered)try{h.plugins[o].onRendered()}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onRendered()]: "+e.toString()),console.error(e)}var r=h.activeController&&h.activeController.viewEngine===g.Vue,n=h.activeController&&h.activeController.onRendered;if("function"==typeof n){t=r?t||h.activeVueModel:t||h.activeModel;try{n.apply(t,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRendered()]: "+e.toString()),console.error(e)}}if(null!==h.onUpdateViewComplete)try{h.onUpdateViewComplete(e)}catch(e){h.showErrorAlert("Error from [app.onUpdateViewComplete()]: "+e.toString()),console.error(e)}}m?t=window.setInterval(function(){m||(window.clearInterval(t),t=null,e())},10):e()},refreshAllHtmlControls:function(e,r){var n=String((new Date).getTime()),a='[data-template-id]:not([data-updated-at="'+n+'"])';a+=',[data-template-url]:not([data-updated-at="'+n+'"])',f=!0,function t(o){if(null===o)f=!1,m||h.refreshPlugins(),e&&e(n);else try{h.refreshHtmlControl(o,function(){o.setAttribute("data-updated-at",n),t(document.querySelector(a))},r)}catch(e){o.setAttribute("data-updated-at",n),t(document.querySelector(a))}}(document.querySelector(a))},refreshHtmlControl:function(t,r,e){try{var o="string"==typeof t,c=t instanceof HTMLElement;if(!o&&!c)throw new TypeError("Invalid type for parameter [control] in the function [DataFormsJS.refreshHtmlControl()]: "+typeof t);if(o){var n=t;if(null===(t=document.getElementById(n)))throw new TypeError("Control not found for ["+n+"] when the function [DataFormsJS.refreshHtmlControl()] was called.")}if(void 0!==r&&"function"!=typeof r)throw new TypeError("[callback] was not defined as a [function] when the [DataFormsJS.refreshHtmlControl()] was called");var a=t.getAttribute("data-template-id"),l=t.getAttribute("data-template-url");if(null!==a&&null!==l)throw new TypeError("A control must have only one of the template attribute defined; either [data-template-id] or [data-template-url]. Both attributes are defined on the control.");if(null===a&&null===l)throw new TypeError("A control must have either attribute [data-template-id] or [data-template-url]. Neither attribute is defined for the control.");void 0===e&&(e=this.activeModel);var i,s=Object.assign({},e),u=["templateId","templateUrl","updatedAt"];for(i in t.dataset)if(-1===u.indexOf(i)){var d=t.dataset[i];switch(d){case"true":case"":s[i]=!0;break;case"false":s[i]=!1;break;case"null":s[i]=null;break;default:s[i]=d}}R(t,null,function(e){U(t,null,e,s),m||(h.loadAllJsControls(t,s),h.unloadUnattachedJsControls()),f||h.refreshPlugins(t);var o=[];f||m||(e=t.querySelectorAll("[data-template-id],[data-template-url]"),Array.prototype.forEach.call(e,function(t){o.push(new Promise(function(e){h.refreshHtmlControl(t,e)}))})),Promise.all(o).finally(function(){void 0!==r&&r()})})}catch(e){throw console.error(e),null!==t&&t instanceof HTMLElement&&h.showError(t,A(t,null)+e.message),e}},refreshPlugins:function(e){function t(){for(var t in h.plugins)if(h.plugins.hasOwnProperty(t)&&void 0!==h.plugins[t].onRendered)try{void 0===e?h.plugins[t].onRendered():1===h.plugins[t].onRendered.length&&h.plugins[t].onRendered(e)}catch(e){h.showErrorAlert("Error from Plugin ["+t+"] on [onRendered()]: "+e.toString()),console.error(e)}}h.activeController&&h.activeController.viewEngine===g.Vue&&h.activeVueModel&&"function"==typeof h.activeVueModel.$nextTick?h.activeVueModel.$nextTick(t):t()},loadAllJsControls:function(o,r){var t=["[data-control]:not([data-control-loaded]):not([data-control-is-loading])"],n=(Object.keys(h.controls).forEach(function(e){-1!==e.indexOf("-")&&-1===e.indexOf(" ")&&t.push(e+":not([data-control-loaded]):not([data-control-is-loading])")}),t.join(","));void 0===o&&(o=document),void 0===r&&(r=h.activeModel),function e(t){if(null!==t){try{h.loadJsControl(t,r)}catch(e){t.setAttribute("data-control-loaded",""),h.showError(t,e.toString()),console.error(e)}e(o.querySelector(n))}}(o.querySelector(n))},loadJsControl:function(t,e){var o,r,n,a,l,i;if(t instanceof HTMLElement)t.hasAttribute("data-control-loaded")&&(l=h.activeJsControls.find(function(e){return e.element===t}));else{if(void 0===(l="object"==typeof t?h.activeJsControls.find(function(e){return e===t}):l))throw new TypeError("Invalid type for parameter [element] for the function [DataFormsJS.loadJsControl()], expected HTMLElement, received: "+typeof t);t=l.element}if(null===(o=t.getAttribute("data-control"))&&(o=t.tagName.toLowerCase()),void 0===(r=h.controls[o]))throw-1===o.indexOf("-")?(h.showError(t,i="Invalid call to [DataFormsJS.loadJsControl()]. This function only works on valid control elements."),console.log(t),new TypeError(i)):new Error("JavaScript Control was not found by name, check that the file is loaded: "+o);for(a in t.setAttribute("data-control",o),n=void 0===r.data?{}:h.deepClone({},r.data),t.dataset)if("control"!==a){var s=t.dataset[a];switch(s){case"true":case"":n[a]=!0;break;case"false":n[a]=!1;break;case"null":n[a]=null;break;default:n[a]=s}}if(void 0!==r.css&&h.loadCss("DataFormsJS-control-style-"+o,r.css),void 0===e&&(e=h.activeModel),null===t.getAttribute("data-control-is-loading")){t.setAttribute("data-control-is-loading",""),i=!1;try{void 0!==r.onLoad&&r.onLoad.call(n,t,e)}catch(e){h.showError(t,"Error with JavaScript Control ["+o+"] in function [onLoad()]: "+e.toString()),console.error(e),i=!0}if(!i)try{void 0!==r.html&&(t.innerHTML=r.html.call(n,e))}catch(e){h.showError(t,"Error with JavaScript Control ["+o+"] in function [html()]: "+e.toString()),console.error(e)}t.setAttribute("data-control-loaded",""),t.removeAttribute("data-control-is-loading"),void 0===l?h.activeJsControls.push({element:t,control:o,data:n}):l.data=n}},unloadAllJsControls:function(){h.activeJsControls.forEach(function(e){h.unloadJsControl(e)}),h.activeJsControls=[]},unloadUnattachedJsControls:function(){for(var e,t=h.activeJsControls.length;0<t;t--)document.body.contains(h.activeJsControls[t-1].element)||(e=h.activeJsControls.splice(t-1,1),h.unloadJsControl(e[0]))},unloadJsControl:function(t){var o=h.controls[t.control];if(void 0!==o.onUnload)try{o.onUnload.call(t.data,t.element)}catch(e){o="Unknown Control";t.element&&(o=(o=t.element.getAttribute("data-control"))||"Unknown Control"),h.showErrorAlert("Error with JavaScript Control ["+o+"] in function [onUnload()]: "+e.toString()),console.error(e)}t.element.removeAttribute("data-control-loaded")},routeMatches:function(e,t){var o,r,n=e.split("/"),a=t.split("/"),l=n.length,i=[],s={};if(l!==a.length)return{isMatch:!1};for(o=0;o<l;o++)if((r=decodeURIComponent(n[o]))!==a[o]){if(":"!==a[o].substring(0,1))return{isMatch:!1};i.push(r),s[a[o].substring(1)]=r}return{isMatch:!0,args:i,namedArgs:s}},getClassFunctionNames:function(e){for(var t=[],o=e;o&&o.prototype&&o!==Object;){for(var r=Object.getOwnPropertyNames(o.prototype),n=0;n<r.length;n++){var a=r[n];"function"!=typeof o.prototype[a]||t.includes(a)||t.push(a)}o=Object.getPrototypeOf(o)}return t},deepClone:function(){var e,t,o,r,n,a=arguments.length;if(0===a)throw new TypeError("No arguments specified when app.deepClone() was called.");if(1===a)throw new TypeError("Only one argument was specified when app.deepClone() was called.");for(e=0;e<a;e++)l(arguments[e],"object","argument","app.deepClone()");for(t=arguments[0],e=1;e<a;e++)for(r in o=arguments[e])o.hasOwnProperty(r)&&(void 0!==(n=Object.getOwnPropertyDescriptor(o,r)).get||void 0!==n.set?Object.defineProperty(t,r,n):(n=Object.prototype.toString.call(o[r]),t[r]="[object Object]"===n?this.deepClone({},o[r]):"[object Array]"===n?this.deepClone([],o[r]):o[r]));return t},getTemplateType:function(e){if(void 0===e)throw new TypeError("Missing parameter [script] for the function [DataFormsJS.getTemplateType()]");if(!(e instanceof HTMLElement))throw new TypeError("Invalid type for parameter [script] for the function [DataFormsJS.getTemplateType()], expected HTMLElement, received: "+typeof e);if("TEMPLATE"!==e.tagName&&"SCRIPT"!==e.tagName)throw new TypeError("Invalid type for parameter [script] for the function [DataFormsJS.getTemplateType()], expected <script> or <template>, received: "+e.tagName.toLowerCase());if("TEMPLATE"===e.tagName)return g.Text;switch(e.getAttribute("data-engine")){case"handlebars":return g.Handlebars;case"vue":return g.Vue;case"nunjucks":return g.Nunjucks;case"underscore":return g.Underscore;case"text":return g.Text;default:return g.Unknown}},viewEngine:function(e){if(void 0===e)return c;switch(e){case g.NotSet:case g.Unknown:case g.Mixed:throw new TypeError("Invalid value specified for setting the ViewEngine: "+e);default:if(void 0===g[e])throw new TypeError("Unknown value specified for setting the ViewEngine ["+e+"], refer to documentation or values from the enum/object [ViewEngines] for valid options.")}return c=e,this},loadCss:function(e,t){var o=document.getElementById(e);null===o&&((o=document.createElement("style")).id=e,o.innerHTML=t,document.head.appendChild(o))},loadScript:function(e,r,t){function o(e,t){var o=document.createElement("script");o.onload=e,o.onerror=function(){console.error("Error loading Script: "+r),t()},o.src=r,document.head.appendChild(o)}if(!1===e||void 0===e){if(void 0===t)return new Promise(function(e,t){o(e,t)});o(t,t)}else{if(void 0===t)return new Promise(function(e){e()});t()}},loadScripts:function(i){if("string"==typeof i)i=[i];else if(!Array.isArray(i))return h.showErrorAlert("Invalid Script for [app.loadScripts()] or [app.lazyLoad], expected string or an array of strings. Check console."),console.warn("app.loadScripts():"),console.warn(i),new Promise(function(e){e()});return new Promise(function(o){var r=0,n=i.length;!function e(){var t,a,l;r!==n?(t=i[r],r++,t.endsWith(".js")?(l=t,new Promise(function(e){for(var t=document.querySelectorAll("script"),o=0,r=t.length;o<r;o++)if(t[o].getAttribute("src")===l)return void e();var n=document.createElement("script");n.onload=e,n.onerror=function(){h.showErrorAlert("Error loading JS File: "+l),e()},n.src=l,document.head.appendChild(n)}).then(e)):t.endsWith(".css")?(a=t,new Promise(function(e){for(var t=document.querySelectorAll("link"),o=0,r=t.length;o<r;o++)if("stylesheet"===t[o].rel&&t[o].getAttribute("href")===a)return void e();var n=document.createElement("link");n.rel="stylesheet",n.onload=e,n.onerror=function(){h.showErrorAlert("Error loading CSS File: "+a),e()},n.href=a,document.head.appendChild(n)}).then(e)):(h.showErrorAlert("Invalid Script for [app.loadScripts()] or [app.lazyLoad]: "+t),e())):o()}()})},buildUrl:function(e,t){if(void 0===t&&(t=h.activeParameterList),e=String(e).replace(/\{(\w+)\}/g,function(e,t){return"string"==typeof window[t]?window[t]:e}),null!==t&&0<Object.keys(t).length)for(var o in t)t.hasOwnProperty(o)&&-1<e.indexOf(":"+o)&&(e=e.replace(new RegExp(":"+o,"g"),encodeURIComponent(t[o])));return e},getGraphQL:function(r,o){var n,a;return r&&o?new Promise(function(e,t){t('Error calling [app.getGraphQL()]. Both [id="'+r+'"] and [src="'+o+'"] are set. Only one value can be used.')}):(n=r||o)&&void 0!==h.graphQL[n]?new Promise(function(e,t){h.graphQL[n].query?e(h.graphQL[n].query):t(h.graphQL[n].error)}):r?new Promise(function(e,t){var o=null;null===(a=document.getElementById(r))?o="Missing GraphQL Script Element: "+r:"SCRIPT"!==a.nodeName||"application/graphql"!==a.type?o='Invalid Element for GraphQL Script, expected: <script type="application/graphql" id="'+r+'">':(h.graphQL[r]={query:a.innerHTML,error:null},e(a.innerHTML)),null!==o&&(h.graphQL[r]={query:null,error:o},t(o))}):o?h.fetch(o,null,"text/plain").then(function(e){return h.graphQL[o]={query:e,error:null},e}).catch(function(e){e="Error Downloading GraphQL Script: ["+o+"], Error: "+e;throw h.graphQL[o]={query:null,error:e},e}):new Promise(function(e,t){t("Error calling [app.getGraphQL()]. Missing GraphQL Parameters.")})},buildGraphQLVariables:function(e,t){var o,r,n={};if(0<Object.keys(t).length)for(var a in t)t.hasOwnProperty(a)&&-1<e.indexOf("$"+a)&&(o=-1!==e.indexOf("($"+a+": Int"),r=t[a],n[a]=o?Number(r):r);return n},handleGlobalErrors:function(e){e?window.addEventListener("error",o):window.removeEventListener("error",o)},getRequestHeaders:function(e){var t,o={},r=h.settings.requestHeaders;for(t in r)r.hasOwnProperty(t)&&(o[t]=r[t]);if(0<Object.keys(h.settings.requestHeadersByHostName).length&&(e=new URL(e,window.location).hostname,void 0!==(r=h.settings.requestHeadersByHostName[e])))for(t in r)r.hasOwnProperty(t)&&(o[t]=r[t]);return o},updateTemplatesForIE:function(e){n&&(e=e.querySelectorAll("template"),Array.prototype.forEach.call(e,function(e){for(var t=document.createElement("script"),o=0,r=e.attributes.length;o<r;o++)t.setAttribute(e.attributes[o].name,e.attributes[o].value);t.type="text/x-template",t.setAttribute("data-engine","text"),t.innerHTML=e.innerHTML,e.parentNode.replaceChild(t,e)}))},cssVarsPonyfill:function(){var e,t='link[rel="stylesheet"][data-css-vars-ponyfill],style[data-css-vars-ponyfill]';null!==document.querySelector(t)&&(e=window.CSS&&window.CSS.supports&&window.CSS.supports("(--a: 0)"),h.loadScript(e,h.settings.cssPonyfillUrl,function(){window.cssVars&&window.cssVars({include:t})}))},setup:function(){c=g.Unknown;var e,t=0,o=[{prop:"Handlebars",type:"handlebars",label:g.Handlebars},{prop:"Vue",type:"vue",label:g.Vue},{prop:"nunjucks",type:"nunjucks",label:g.Nunjucks},{prop:"_",type:"underscore",label:g.Underscore}];for(e in o)null!==document.querySelector('script[type="text/x-template"][data-engine="'+o[e].type+'"]')&&(c=o[e].label,t++);if(0===t)for(e in o)window[o[e].prop]&&(c=o[e].label,t++);1<t&&(c=g.Mixed),void 0!==window.Vue&&h.loadCss(h.vueStyleId,h.vueCss),null!==document.documentElement.getAttribute("data-show-errors")&&h.handleGlobalErrors(!0),h.settings.graphqlUrl=document.documentElement.getAttribute("data-graphql-url"),null===y&&"history"!==(y=document.documentElement.getAttribute("data-routing-mode"))&&(y="hash"),h.updateTemplatesForIE(document);var r=document.querySelectorAll('script[type="text/x-template"][data-route],template[data-route]');Array.prototype.forEach.call(r,function(e){var t=e.getAttribute("data-route"),o=e.id,r=e.src||e.getAttribute("data-src"),n=e.getAttribute("data-page"),c=e.getAttribute("data-model"),u=e.getAttribute("data-controller-added"),a=h.getTemplateType(e),p=e.getAttribute("data-default-route"),l=0,i={};if(null===u){if(""===t)return console.log(e),void h.showErrorAlert(new TypeError('A script element <script id="'+e.id+'" type="'+e.type+'" data-engine="'+e.getAttribute("data-engine")+'"> has the attribute [data-route] defined however the attribute value is empty. This error must be fixed, scripts that include a route path attribute must have the value defined.'));if(a===g.Unknown)return console.log(e),void h.showErrorAlert(new TypeError('A script element <script id="'+e.id+'" type="'+e.type+'" data-engine="'+e.getAttribute("data-engine")+'" data-route="'+e.getAttribute("data-route")+'"> must have a valid engine type defined in [data-engine]. Valid values are [handlebars, vue, underscore, nunjucks, text].'));if(""===o&&(""===r||null===r))for(;o="template"+l,null===document.querySelector("#"+o)&&(e.id=o),l++,""===e.id;);""===r||null===r?r=void 0:o=void 0;var s,f=["route","page","model","src","engine"];for(s in e.dataset)if(-1===f.indexOf(s)){var d=e.dataset[s];switch(d){case"true":case"":i[s]=!0;break;case"false":i[s]=!1;break;case"null":i[s]=null;break;default:i[s]=d}}try{h.addController({path:t,viewId:o,viewUrl:r,viewEngine:a,pageType:n,modelName:c,settings:i}),null!==p&&(h.settings.defaultRoute=t)}catch(e){h.showErrorAlert("Error from [app.setup()]: "+e),console.error(e)}e.setAttribute("data-controller-added","true")}}),"hash"===y?window.addEventListener("hashchange",V):window.addEventListener("popstate",V),V(),a||(h.cssVarsPonyfill(),a=!0)}},Object.defineProperty(h,"version",{value:"5.14.3",enumerable:!0}),window.DataFormsJS=h,void 0===window.app?window.app=h:h.showErrorAlert("Warning - [window.app] is already defined, pages, plugins, etc. may not load correctly."),document.addEventListener("DOMContentLoaded",function(){var e=!!(Array.from&&window.Promise&&window.fetch&&Promise.prototype.finally);h.loadScript(e,h.settings.polyfillUrl,h.setup)}))}();
\ No newline at end of file
+!function(){"use strict";var h,g={NotSet:"Not Set",Unknown:"Unknown",Mixed:"Mixed",Handlebars:"Handlebars",Vue:"Vue",Nunjucks:"Nunjucks",Underscore:"Underscore",Text:"Text"},c=g.NotSet,p=[g.Handlebars,g.Vue,g.Nunjucks,g.Underscore,g.Text],m=!1,f=!1,v=!1,C=null,E=0,t=null,w=!1,b=0,n=-1!==navigator.userAgent.indexOf("Trident/"),y=null,a=!1;function l(e,t,o,r){if(typeof e!==t)throw console.log(e),new TypeError("["+o+"] was not defined as a "+t+" when the function "+r+" was called")}function s(e,t,o){if(void 0===e)throw new TypeError("["+t+"] must first be defined before the function "+o+" is called");if("object"!=typeof e)throw console.log(e),new TypeError("["+t+"] was not defined as an object when the function "+o+" was called")}function i(e,t,o){if(""===e)throw new TypeError("["+t+"] must have a value when defined when the function "+o+" is called")}function d(e,t,o){if(void 0!==e[o])throw console.log(e),new TypeError("["+t+"."+o+"] is already defined")}function T(e,t,o,r){for(var n=0,a=r.length;n<a;n++)if(void 0!==e[r[n]]&&"function"!=typeof e[r[n]])throw console.log(e),new TypeError(o+"["+t+"]."+r[n]+" is not defined as a function.")}function S(e,t,o,r){for(var n=0,a=r.length;n<a;n++)if(void 0!==e[r[n]]&&null!==e[r[n]])return;throw console.log(e),new TypeError(o+"["+t+"] must have one of the following properties defined: "+r.join(", "))}function A(e,t){var o,r,n="";try{return null!==t&&t.path?n='Error with [Controller.path = "'+t.path+'"] - ':null!==e&&e instanceof HTMLElement&&(o=e.getAttribute("data-template-id"),r=e.getAttribute("data-template-url"),o=null===o?"":' data-template-id="'+o+'"',r=null===r?"":' data-template-url="'+r+'"',n="Error with Element <"+e.tagName.toLowerCase(),n=(n+=' id="'+e.id+'"')+' class="'+e.className+'"'+(o+r)+"> - "),n}catch(e){return console.error(e),n}}function r(e,t,o){e=document.createElement(e);return e.textContent=t,o&&(e.className=o),e}function L(e,t){console.error(e),window.setTimeout(function(){t&&null===t.parentNode&&((document.querySelector("body")||document.documentElement).appendChild(t),h.activeTemplate&&(h.activeTemplate.error=!0,h.activeTemplate.errorMessage=e.toString())),h.showError(t,e)},500)}function R(e,t,o){var r,n,a=null,l=null,i=null,s=null,d=null;if(null===t)i=e.getAttribute("data-template-id"),s=e.getAttribute("data-template-url"),null!==h.activeController&&(d=h.activeController.viewEngine);else{if(i=t.viewId,s=t.viewUrl,void 0!==t.viewEngine&&(d=t.viewEngine),void 0===s&&(s=null),null!==(i=void 0===i?null:i)&&null!==s)return void o(u(null,i,s,d,!0,"A controller must have either [viewId] or [viewUrl] defined but not both properties. This error is not possible when calling the [addController()] so one or more of the properties were modified by JavaScript code after the controller was already added."));if(null===i&&null===s)return"function"==typeof t.onRouteLoad||"function"==typeof t.onBeforeRender||"function"==typeof t.onRendered?void o(null):void o(u(null,i,s,d,!0,"A controller must have either [viewId] or [viewUrl] defined but neither property is defined. This error is not possible when calling the [addController()] so one or more of the properties were modified by JavaScript code after the controller was already added."))}for(r=0,n=h.compiledTemplates.length;r<n;r++){if(null!==i&&h.compiledTemplates[r].id===i)return void o(h.compiledTemplates[r]);if(null!==s&&h.compiledTemplates[r].url===s)return void o(h.compiledTemplates[r])}if(null!==s)l=s,null===d&&(d=c);else{if(null===(a=document.getElementById(i)))return void o(u(e,i,s,d,!0,"Script Tag for Template ID ["+i+"] does not exist."));l=a.src||a.getAttribute("data-src"),d=h.getTemplateType(a)}d!==c&&-1!==p.indexOf(d)&&(c=d),null!==l&&""!==l?h.fetch(l,null,"text/plain").then(function(e){o(u(null,i,s,d,!1,e))}).catch(function(e){console.error(e),o(u(null,i,s,d,!0,"Error Downloading Template: ["+l+"], Error: "+e))}):o(u(a,i,s,d,!1,a.innerHTML))}function u(e,t,o,r,n,a){var l=null,i=null,s=!1,d=null;if(!n)try{switch(r){case g.Handlebars:l=Handlebars.compile(a);break;case g.Nunjucks:l=h.nunjucksEnvironment?nunjucks.compile(a,h.nunjucksEnvironment):nunjucks.compile(a);break;case g.Underscore:l=_.template(a);break;case g.Text:case g.Vue:i=a;break;default:throw null===e?new TypeError("Unsupported or Unknown Template View Engine when the Template was downloaded. Template type at the time of downloading = "+r):new TypeError('Unsupported or Unknown Template View Engine specified in <script id="'+e.id+'" type="'+e.type+'" data-engine="'+e.getAttribute("data-engine")+'">')}}catch(e){s=!(i=l=null),d=e}t={id:t,url:o,type:r,engine:l,html:i,error:n||s,errorMessage:n?a:d};return h.compiledTemplates.push(t),t}function U(t,o,e,r){var n="";try{if(e.error)return void h.showError(t,A(t,o)+e.errorMessage);switch(e.type){case g.Handlebars:case g.Underscore:n=e.engine(r);break;case g.Nunjucks:n=e.engine.render(r);break;case g.Text:case g.Vue:n=e.html;break;default:throw new TypeError("Unsupported or Unknown Template View Engine: "+e.type)}null===t.getAttribute("data-set-text-content")?t.innerHTML=n:t.textContent=n,h.updateTemplatesForIE(t)}catch(e){h.showError(t,A(t,o)+e)}}function V(){var e,s,d,t,o,r,n,u,a,l,p,i="hash"===y?window.location.hash:window.location.pathname,c=null,f=-1;if(200<E)return h.showErrorAlert(h.settings.errors.pageLoading),E=0,void(v=!1);if(v)return C===i?void 0:(window.setTimeout(V,200),void E++);if(m)return C===i?void 0:(window.setTimeout(V,200),void E++);for(o in v=!0,""===(i=(E=0)===(C=i).indexOf("#")?i.substring(1):i)&&(i="/"),h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onAllowRouteChange)try{if(!1===h.plugins[o].onAllowRouteChange(i))return void(v=!1)}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onAllowRouteChange()]: "+e.toString()),console.error(e)}if(h.unloadAllJsControls(),null!==h.activeController){for(o in h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onRouteUnload)try{h.plugins[o].onRouteUnload()}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}if(void 0!==h.activeController.onRouteUnload&&null===h.activeVueModel&&"Vue"!==h.viewEngine())try{h.activeController.onRouteUnload.apply(h.activeModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}}for(null!==h.activeVueModel&&(null===h.activeVueApp?(h.activeVueModel.$destroy(),h.settings.clearVue2WatchersOnRouteUnload&&h.activeController&&h.activeController.modelName&&h.models[h.activeController.modelName]&&h.activeVueModel.$data&&(h.models[h.activeController.modelName]=JSON.parse(JSON.stringify(h.activeVueModel.$data)))):h.activeVueApp.unmount()),h.activeController=null,h.activeTemplate=null,h.activeModel=null,h.activeVueModel=null,h.activeVueApp=null,h.activeParameters=[],h.activeParameterList={},w=!1,e=b=0,s=h.controllers.length;e<s;e++){if((t=h.routeMatches(i,h.controllers[e].path)).isMatch){c=h.controllers[e],h.activeParameters=t.args,h.activeParameterList=t.namedArgs;break}h.controllers[e].path===h.settings.defaultRoute&&(f=e)}if(null===c&&-1!==f)return a=h.settings.defaultRoute,"/:lang/"===h.settings.defaultRoute&&void 0!==h.plugins.i18n&&"function"==typeof h.plugins.i18n.readSettings&&"function"==typeof h.plugins.i18n.getUserDefaultLang&&(h.plugins.i18n.readSettings(),null!==(r=h.plugins.i18n.getUserDefaultLang())&&(a="/"+r+"/")),h.changeRoute(a),void(v=!1);if(null===c){if(0===h.controllers.length)return h.updateView(),void(v=!1);i!==h.settings.defaultRoute&&(r="Error - The route ["+i+"] does not have a <script data-route> element or [Controller] defined. Check to make sure that a controller or script for default route ["+h.settings.defaultRoute+"] exists.",h.showError(document.querySelector(h.settings.viewSelector),r)),v=!1}else h.activeController=c,u=function(){var e,t,o,r,n,a=c;if(a.modelName)h.activeModel=h.models[a.modelName];else{if(a.pageType&&void 0!==(o=h.pages[a.pageType]))if(a.viewEngine===g.Vue)if(e={},a.methods=void 0===a.methods?{}:a.methods,"function"==typeof o){e=new o;for(var l=h.getClassFunctionNames(o),i=["constructor","onRouteLoad","onBeforeRender","onRendered","onRouteUnload"],s=0;s<l.length;s++)r=l[s],i.includes(r)||(a.methods[r]=o.prototype[r])}else for(r in o.model)o.model.hasOwnProperty(r)&&("[object Function]"===(n=Object.prototype.toString.call(o.model[r]))?a.methods[r]=o.model[r]:e[r]="[object Object]"===n?h.deepClone({},o.model[r]):"[object Array]"===n?h.deepClone([],o.model[r]):o.model[r]);else e="function"==typeof o?new o:h.deepClone({},o.model);void 0!==a.settings&&0<Object.keys(a.settings).length&&(void 0===e&&(e={}),h.deepClone(e,a.settings)),e&&!1!==e.loadOnlyOnce&&(t=null===a.pageType||void 0===a.pageType?"Dynamic":(t=a.pageType).substring(0,1).toUpperCase()+t.substring(1),t="model_"+String(Object.keys(h.models).length)+"_"+t,h.addModel(t,e),a.modelName=t),a.modelName?h.activeModel=h.models[a.modelName]:h.activeModel=void 0===e?{}:e}for(d in h.activeParameterList)h.activeParameterList.hasOwnProperty(d)&&(h.activeModel[d]=h.activeParameterList[d]);R(null,c,function(e){var t,o=[],r=[],n=0,a=0;function l(){if(h.activeTemplate=e,void 0!==c.onRouteLoad&&h.activeController&&h.activeController.viewEngine!==g.Vue)try{c.onRouteLoad.apply(h.activeModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+c.path+"] on [onRouteLoad()]: "+e.toString()),console.error(e)}window.scrollTo(0,0),h.updateView(),v=!1}for(t in h.plugins)h.plugins.hasOwnProperty(t)&&void 0!==h.plugins[t].onRouteLoad&&(o.push(h.plugins[t].onRouteLoad),r.push(t));(0===(a=o.length)?l:function t(){try{var e=r[n],e=h.plugins[e];o[n].call(e,function(e){!1!==e?(++n===a?l:t)():v=!1})}catch(e){h.showErrorAlert("Error from Plugin ["+r[n]+"] on [onRouteLoad()]: "+e.toString()),console.error(e),h.updateView(),v=!1}})()})},void 0!==(n=c).settings&&void 0!==n.settings.lazyLoad?(null!==h.settings.lazyTemplateSelector&&(l=document.querySelector(h.settings.viewSelector),a=document.querySelector(h.settings.lazyTemplateSelector),l&&a&&("TEMPLATE"===a.tagName||"SCRIPT"===a.tagName&&"text"===a.getAttribute("data-engine")?l.innerHTML=a.innerHTML:console.warn("Unable to show loading screen from [app.settings.lazyTemplateSelector]. Only <template> tags are allowed."))),l=n.settings.lazyLoad.split(",").map(function(e){return e.trim()}),p=[],l.forEach(function(e){void 0===h.lazyLoad[e]?console.error("Missing [app.LazyLoad] scripts for: "+e):p.push(h.loadScripts(h.lazyLoad[e]))}),Promise.all(p).finally(function(){P(n),u()})):(P(n),u())}function P(e){if(null!==e.pageType&&void 0!==e.pageType&&void 0===e._pageCopied){var t=null;if(void 0===h.pages[e.pageType]?t="The page ["+e.pageType+"] has not been loaded for Controller[path="+e.path+"].":"object"==typeof h.pages[e.pageType]&&"object"!=typeof h.pages[e.pageType].model&&(t="Error - The [model] property for page object ["+e.pageType+"] must be a valid JavaScript Object."),null!==t)return e.settings=e.settings||{},e.settings.errorMessage=t,e.settings.hasError=!0,void h.showErrorAlert(t);var o=h.pages[e.pageType];if("function"==typeof o)for(var r=h.getClassFunctionNames(o),n=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"],a=0;a<r.length;a++){var l=r[a];n.includes(l)&&(e[l]=o.prototype[l])}else for(var i in o)o.hasOwnProperty(i)&&"function"==typeof o[i]&&(e[i]=o[i]);e.viewEngine===g.Vue&&"object"==typeof o.computed&&void 0===e.computed&&(e.computed=o.computed),e._pageCopied=!0}}function o(e){var t=new Date,t="toLocaleString"in t?t.toLocaleString():t.toString(),t=-1<e.message.toLowerCase().indexOf("script error")?"Script Error at "+t+": See Browser Console for Detail":["Message: ["+e.message+"]","Time: ["+t+"]","URL: ["+e.filename+"]","Line: "+e.lineno,"Column: "+e.colno,"Error Object: "+JSON.stringify(e.error)].join(" - ");h.showErrorAlert(t),console.error(e)}void 0===window.DataFormsJS&&(h={controllers:[],models:{},pages:{},plugins:{},controls:{},graphQL:{},lazyLoad:{},locals:{},settings:{defaultRoute:"/",viewSelector:"#view",logFetchRequests:!1,requestHeaders:{},requestHeadersByHostName:{},fetchOptions:{mode:"cors",cache:"no-store",credentials:"same-origin"},polyfillUrl:"https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?version=4.8.0&features=Array.from,Array.isArray,Array.prototype.find,Object.assign,URL,fetch,Promise,Promise.prototype.finally,String.prototype.endsWith,String.prototype.startsWith,String.prototype.includes,String.prototype.repeat",cssPonyfillUrl:"https://cdn.jsdelivr.net/npm/css-vars-ponyfill@2.4.3/dist/css-vars-ponyfill.min.js",graphqlUrl:null,errors:{pageLoading:"Error loading the current page because the previous page is still loading and is taking a long time. Please refresh the page and try again."},lazyTemplateSelector:null,clearVue2WatchersOnRouteUnload:!1},activeController:null,activeTemplate:null,activeModel:null,activeVueModel:null,activeVueApp:null,vueDirectives:null,activeParameters:[],activeParameterList:{},activeJsControls:[],compiledTemplates:[],onUpdateViewComplete:null,nunjucksEnvironment:null,errorClass:"dataformsjs-error",fatalErrorClass:"dataformsjs-fatal-error",errorStyleId:"dataformsjs-style-errors",errorCss:[".dataformsjs-error,.dataformsjs-fatal-error{","color:#fff;","background-color:red;","box-shadow:0 1px 5px 0 rgba(0,0,0,.5);","background-image:linear-gradient(#e00,#c00);","/*white-space:pre;*/","text-align:left;","}",".dataformsjs-error{","padding:10px;","font-size:1em;","margin:5px;","display:inline-block;","}",".dataformsjs-fatal-error{","z-index:1000000;","padding:20px;","font-size:1.5em;","margin:20px;","position:fixed;","top:10px;","}","@media only screen and (min-width:1000px){",".dataformsjs-fatal-error{","max-width:1000px;","left:calc(50% - 520px);","}","}",".dataformsjs-fatal-error span{","padding:5px 10px;","float:right;","border:1px solid darkred;","cursor:pointer;","margin-left:10px;","box-shadow:0 0 2px 1px rgba(0,0,0,0.3);","background-image:linear-gradient(#c00,#a00);","border-radius:5px;","}"].join(""),vueStyleId:"dataformsjs-style-vue-cloak",vueCss:"[v-cloak] { display: none !important; }",escapeHtml:function(e){return null==e||"number"==typeof e?e:String(e).replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/'/g,"&#039;").replace(/</g,"&lt;").replace(/>/g,"&gt;")},fetch:function(t,e,o){var r=h.deepClone({},h.settings.fetchOptions);return r.headers=h.getRequestHeaders(t),e&&(Object.assign(r,e),void 0!==e.headers&&(r.headers=Object.assign({},h.getRequestHeaders(t),e.headers))),!n||void 0!==r.method&&"GET"!==r.method&&"HEAD"!==r.method||"no-store"!==r.cache&&"no-cache"!==r.cache||((e=/([?&])_=[^&]*/).test(t)?t=t.replace(e,"$1_="+(new Date).getTime()):t+=(/\?/.test(t)?"&":"?")+"_="+(new Date).getTime()),fetch(t,r).then(function(e){return h.settings.logFetchRequests&&h.events&&"function"==typeof h.events.dispatch&&h.events.dispatch("fetch",{url:t,status:e.status}),Promise.resolve(e)}).then(function(e){var t=e.status;return 200<=t&&t<300||304===t?Promise.resolve(e):(t="Error loading data. Server Response Code: "+t+", Response Text: "+e.statusText,Promise.reject(t))}).then(function(e){var t=void 0===o?"application/json":o;return 0===(t=e.headers.has("Content-Type")?e.headers.get("Content-Type"):t).indexOf("application/json")?e.json():e.text()})},routingMode:function(){return y},changeRoute:function(e){if("string"!=typeof e)throw new TypeError("Expected string for app.changeRoute(path)");"history"===y?(window.history.pushState(null,null,e),V()):window.location.hash=0===e.indexOf("#")?e:"#"+e},pushStateClick:function(e){if(!0!==e.ctrlKey&&!e.metaKey)return e.preventDefault(),e.stopPropagation(),e.currentTarget.href?h.changeRoute(e.currentTarget.href):console.error("app.pushStateClick() called for an unknown link"),!1},addPage:function(e,t){var o,r=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"],n=(l(e,"string","name","app.addPage()"),i(e,"name","app.addPage()"),!1);if("object"==typeof t)o=t,n=!0;else{if("function"!=typeof t||"class"!==t.toString().substring(0,5))throw new TypeError("Page ["+e+"] must be defined as an object or a class when the function app.addPage() is called");o=t.prototype}return T(o,e,"page",r),r.pop(),S(o,e,"page",r),n&&s(t.model,"page."+e+".model","app.addPage()"),d(this.pages,"app.pages",e),this.pages[e]=t,this},addPlugin:function(e,t){function o(){"function"==typeof this.onRouteUnload&&this.onRouteUnload(),this.onRendered()}if(l(e,"string","name","app.addPlugin()"),i(e,"name","app.addPlugin()"),d(this.plugins,"app.plugins",e),"function"==typeof(t="function"==typeof t&&"class"===t.toString().substring(0,5)?new t:t))return this.plugins[e]={onRendered:t,reload:o},this;var r=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"];return l(t,"object","plugin","app.addPlugin()"),T(t,e,"plugin",r),r.pop(),S(t,e,"plugin",r),void 0===t.reload&&(t.reload=o),this.plugins[e]=t,this},addControl:function(e,t){if(l(e,"string","name","app.addControl()"),i(e,"name","app.addControl()"),e!==e.toLowerCase())throw new TypeError("Control names must be all lower-case. [app.addControl()] was called with: ["+e+"]");if(-1===e.indexOf("-"))throw new TypeError("Control names must contain a dash [-] character. [app.addControl()] was called with: ["+e+"]");if(-1!==e.indexOf(" "))throw new TypeError("Control names cannot contain a space. [app.addControl()] was called with: ["+e+"]");if(!1!==/[&<>"'/]/.test(e))throw new TypeError("Control names cannot contain HTML characters that need to be escaped. Invalid characters are [& < > \" ' /]. [app.addControl()] was called with: ["+e+"]");l(t,"object","control","app.addControl()"),void 0!==t.css&&l(t.css,"string","control.css","app.addControl()");var o=["onLoad","html","onUnload"];return S(t,e,"control",o),T(t,e,"control",o),o.pop(),S(t,e,"control",o),d(this.controls,"app.controls",e),this.controls[e]=t,this},addModel:function(e,t){return l(e,"string","name","app.addModel()"),i(e,"name","app.addModel()"),l(t,"object","model","app.addModel()"),d(this.models,"app.models",e),this.models[e]=t,this},addController:function(t){var e,o=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"];if(l(t,"object","controller","app.addController()"),l(t.path,"string","controller.path","app.addController()"),i(t.path,"controller.path","app.addController()"),this.controllers.forEach(function(e){if(e.path===t.path)throw new TypeError("[app.controllers(path="+t.path+")] is already defined")}),e="app.addController(path="+t.path+")",void 0===t.viewId)t.viewId=null;else{l(t.viewId,"string","controller.viewId",e),i(t.viewId,"controller.viewId",e);var r=t.viewId,n="controller.viewId",a=e;if(null===document.getElementById(r))throw new TypeError("An element was not found on the page with ["+n+"][id="+r+"] when the function "+a+" was called")}if(void 0===t.viewUrl?t.viewUrl=null:(l(t.viewUrl,"string","controller.viewUrl",e),i(t.viewUrl,"controller.viewUrl",e)),null!==t.viewId&&null!==t.viewUrl)throw new TypeError("A controller cannot have both [viewId] and [viewUrl] defined when calling "+e);if(void 0!==t.viewEngine){if(null===t.viewId&&null===t.viewUrl)throw new TypeError("When a controller uses the [viewEngine] property either [viewId] or [viewUrl] must also be defined when calling "+e);if(-1===p.indexOf(t.viewEngine))throw new TypeError("Invalid [viewEngine] property when calling "+e+". Valid values are: "+p.join(", "))}return null!==t.modelName&&void 0!==t.modelName&&(l(t.modelName,"string","controller.modelName",e),i(t.modelName,"controller.modelName",e),s(this.models[t.modelName],"app.models."+t.modelName,e)),null!==t.pageType&&void 0!==t.pageType&&(l(t.pageType,"string","controller.pageType",e),i(t.pageType,"controller.pageType",e)),T(t,t.path,"controller",o),null!==t.pageType&&void 0!==t.pageType||(o.pop(),o.push("viewId"),o.push("viewUrl"),S(t,t.path,"controller",o)),this.controllers.push(t),this},controller:function(e){for(var t=0,o=this.controllers.length;t<o;t++)if(this.controllers[t].path===e)return this.controllers[t];return null},showError:function(e,t){var o;null!==e?(h.loadCss(h.errorStyleId,h.errorCss),o=r("span",t,h.errorClass),e.innerHTML="",e.appendChild(o),"string"!=typeof t&&console.error(t)):h.showErrorAlert(t)},showErrorAlert:function(e){h.loadCss(h.errorStyleId,h.errorCss);var t=r("div",e="string"==typeof e&&-1===e.toLowerCase().indexOf("error")?"Error: "+e:e,h.fatalErrorClass),o=r("span","✕");o.onclick=function(){document.body.removeChild(t)},t.insertBefore(o,t.firstChild),document.body.appendChild(t),"string"!=typeof e&&console.error(e)},isUsingVue:function(){return null!==h.activeVueModel||h.activeController&&"Vue"===h.activeController.viewEngine||"Vue"===h.viewEngine()},isUsingVue2:function(){return this.isUsingVue()&&void 0===Vue.createApp},isUsingVue3:function(){return this.isUsingVue()&&"function"==typeof Vue.createApp},isUpdatingView:function(){return m},updateView:function(){function e(){var e,t,o,r,n;if(m=!0,null!==h.activeVueModel&&null===h.activeVueApp)return e=0,(t=h.activeVueModel._watcher)&&t.deps&&t.deps.length&&(e=t.deps.length),b!==e&&a("vue_dep_change"),m=!(w=!0),void(b=e);if(null===h.activeVueApp){h.unloadAllJsControls();try{if(!(h.activeController&&h.activeController.viewEngine===g.Vue)&&h.activeController&&void 0!==h.activeController.onBeforeRender)try{h.activeController.onBeforeRender.apply(h.activeModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onBeforeRender()]: "+e.toString()),console.error(e)}for(o in h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onBeforeRender)try{h.plugins[o].onBeforeRender()}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onBeforeRender()]: "+e.toString()),console.error(e)}null!==h.activeTemplate&&(null===(r=document.querySelector(h.settings.viewSelector))?(n="Error - The main HTML element for rendering views from selector ["+h.settings.viewSelector+"] does not exist on this page. Check HTML on the page to makes sure that the element exist; and if it does then check to make sure that JavaScript Code did not remove it from the page",h.showErrorAlert(n)):(h.activeController&&h.activeController.viewEngine===g.Vue&&r.setAttribute("v-cloak",""),U(r,h.activeController,h.activeTemplate,h.activeModel))),h.refreshAllHtmlControls(function(){var t,e,o,r;h.activeController&&h.activeController.viewEngine===g.Vue?(t=document.querySelector(h.settings.viewSelector),e=function(e){console.error("Vue Error"),L(e,t)},o=function(e){console.error("Vue Warning"),L(e,t)},r="function"==typeof Vue.createApp,h.activeTemplate&&h.activeTemplate.error?(h.showError(document.querySelector(h.settings.viewSelector),h.activeTemplate.errorMessage),a("updateView")):r?(h.activeVueApp=Vue.createApp({data:function(){return h.activeModel},directives:h.vueDirectives,methods:h.activeController.methods,computed:h.activeController.computed,mounted:function(){h.activeVueModel=this,h.activeVueModel.$nextTick(function(){if(void 0!==h.activeController.onRouteLoad)try{h.activeController.onRouteLoad.apply(h.activeVueModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteLoad()]: "+e.toString()),console.error(e)}h.loadAllJsControls(),a("vue_mounted",h.activeVueModel)})},updated:function(){this.$nextTick(function(){w&&(h.loadAllJsControls(),a("vue_updated"),w=!1)})},beforeUnmount:function(){try{void 0!==h.activeController.onRouteUnload&&h.activeController.onRouteUnload.apply(h.activeVueModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}}}),h.activeVueApp.errorHandler=e,h.activeVueApp.warnHandler=o,h.activeVueApp.mount(h.settings.viewSelector)):(Vue.config.errorHandler=e,Vue.config.warnHandler=o,h.activeVueModel=new Vue({el:h.settings.viewSelector,data:h.activeModel,methods:h.activeController.methods,computed:h.activeController.computed,mounted:function(){var e=this;e.$nextTick(function(){if(void 0!==h.activeController.onRouteLoad)try{h.activeController.onRouteLoad.apply(e,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteLoad()]: "+e.toString()),console.error(e)}h.loadAllJsControls(),a("vue_mounted",e)})},updated:function(){this.$nextTick(function(){var e;w&&(h.loadAllJsControls(),a("vue_updated"),(e=this._watcher)&&e.deps&&e.deps.length&&(b=this._watcher.deps.length),w=!1)})},beforeDestroy:function(){try{void 0!==h.activeController.onRouteUnload&&h.activeController.onRouteUnload.apply(this,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}}}))):(h.loadAllJsControls(),a("updateView")),m=!1})}catch(e){throw m=!1,console.error(e),e}}else m=!(w=!0)}function a(e,t){for(var o in"history"===y&&(r=document.querySelectorAll('a[href^="/"]:not([data-no-pushstate])'),Array.prototype.forEach.call(r,function(e){e.addEventListener("click",h.pushStateClick)})),h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onRendered)try{h.plugins[o].onRendered()}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onRendered()]: "+e.toString()),console.error(e)}var r=h.activeController&&h.activeController.viewEngine===g.Vue,n=h.activeController&&h.activeController.onRendered;if("function"==typeof n){t=r?t||h.activeVueModel:t||h.activeModel;try{n.apply(t,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRendered()]: "+e.toString()),console.error(e)}}if(null!==h.onUpdateViewComplete)try{h.onUpdateViewComplete(e)}catch(e){h.showErrorAlert("Error from [app.onUpdateViewComplete()]: "+e.toString()),console.error(e)}}m?t=window.setInterval(function(){m||(window.clearInterval(t),t=null,e())},10):e()},refreshAllHtmlControls:function(e,r){var n=String((new Date).getTime()),a='[data-template-id]:not([data-updated-at="'+n+'"])';a+=',[data-template-url]:not([data-updated-at="'+n+'"])',f=!0,function t(o){if(null===o)f=!1,m||h.refreshPlugins(),e&&e(n);else try{h.refreshHtmlControl(o,function(){o.setAttribute("data-updated-at",n),t(document.querySelector(a))},r)}catch(e){o.setAttribute("data-updated-at",n),t(document.querySelector(a))}}(document.querySelector(a))},refreshHtmlControl:function(t,r,e){try{var o="string"==typeof t,c=t instanceof HTMLElement;if(!o&&!c)throw new TypeError("Invalid type for parameter [control] in the function [DataFormsJS.refreshHtmlControl()]: "+typeof t);if(o){var n=t;if(null===(t=document.getElementById(n)))throw new TypeError("Control not found for ["+n+"] when the function [DataFormsJS.refreshHtmlControl()] was called.")}if(void 0!==r&&"function"!=typeof r)throw new TypeError("[callback] was not defined as a [function] when the [DataFormsJS.refreshHtmlControl()] was called");var a=t.getAttribute("data-template-id"),l=t.getAttribute("data-template-url");if(null!==a&&null!==l)throw new TypeError("A control must have only one of the template attribute defined; either [data-template-id] or [data-template-url]. Both attributes are defined on the control.");if(null===a&&null===l)throw new TypeError("A control must have either attribute [data-template-id] or [data-template-url]. Neither attribute is defined for the control.");void 0===e&&(e=this.activeModel);var i,s=Object.assign({},e),u=["templateId","templateUrl","updatedAt"];for(i in t.dataset)if(-1===u.indexOf(i)){var d=t.dataset[i];switch(d){case"true":case"":s[i]=!0;break;case"false":s[i]=!1;break;case"null":s[i]=null;break;default:s[i]=d}}R(t,null,function(e){U(t,null,e,s),m||(h.loadAllJsControls(t,s),h.unloadUnattachedJsControls()),f||h.refreshPlugins(t);var o=[];f||m||(e=t.querySelectorAll("[data-template-id],[data-template-url]"),Array.prototype.forEach.call(e,function(t){o.push(new Promise(function(e){h.refreshHtmlControl(t,e)}))})),Promise.all(o).finally(function(){void 0!==r&&r()})})}catch(e){throw console.error(e),null!==t&&t instanceof HTMLElement&&h.showError(t,A(t,null)+e.message),e}},refreshPlugins:function(e){function t(){for(var t in h.plugins)if(h.plugins.hasOwnProperty(t)&&void 0!==h.plugins[t].onRendered)try{void 0===e?h.plugins[t].onRendered():1===h.plugins[t].onRendered.length&&h.plugins[t].onRendered(e)}catch(e){h.showErrorAlert("Error from Plugin ["+t+"] on [onRendered()]: "+e.toString()),console.error(e)}}h.activeController&&h.activeController.viewEngine===g.Vue&&h.activeVueModel&&"function"==typeof h.activeVueModel.$nextTick?h.activeVueModel.$nextTick(t):t()},loadAllJsControls:function(o,r){var t=["[data-control]:not([data-control-loaded]):not([data-control-is-loading])"],n=(Object.keys(h.controls).forEach(function(e){-1!==e.indexOf("-")&&-1===e.indexOf(" ")&&t.push(e+":not([data-control-loaded]):not([data-control-is-loading])")}),t.join(","));void 0===o&&(o=document),void 0===r&&(r=h.activeModel),function e(t){if(null!==t){try{h.loadJsControl(t,r)}catch(e){t.setAttribute("data-control-loaded",""),h.showError(t,e.toString()),console.error(e)}e(o.querySelector(n))}}(o.querySelector(n))},loadJsControl:function(t,e){var o,r,n,a,l,i;if(t instanceof HTMLElement)t.hasAttribute("data-control-loaded")&&(l=h.activeJsControls.find(function(e){return e.element===t}));else{if(void 0===(l="object"==typeof t?h.activeJsControls.find(function(e){return e===t}):l))throw new TypeError("Invalid type for parameter [element] for the function [DataFormsJS.loadJsControl()], expected HTMLElement, received: "+typeof t);t=l.element}if(null===(o=t.getAttribute("data-control"))&&(o=t.tagName.toLowerCase()),void 0===(r=h.controls[o]))throw-1===o.indexOf("-")?(h.showError(t,i="Invalid call to [DataFormsJS.loadJsControl()]. This function only works on valid control elements."),console.log(t),new TypeError(i)):new Error("JavaScript Control was not found by name, check that the file is loaded: "+o);for(a in t.setAttribute("data-control",o),n=void 0===r.data?{}:h.deepClone({},r.data),t.dataset)if("control"!==a){var s=t.dataset[a];switch(s){case"true":case"":n[a]=!0;break;case"false":n[a]=!1;break;case"null":n[a]=null;break;default:n[a]=s}}if(void 0!==r.css&&h.loadCss("DataFormsJS-control-style-"+o,r.css),void 0===e&&(e=h.activeModel),null===t.getAttribute("data-control-is-loading")){t.setAttribute("data-control-is-loading",""),i=!1;try{void 0!==r.onLoad&&r.onLoad.call(n,t,e)}catch(e){h.showError(t,"Error with JavaScript Control ["+o+"] in function [onLoad()]: "+e.toString()),console.error(e),i=!0}if(!i)try{void 0!==r.html&&(t.innerHTML=r.html.call(n,e))}catch(e){h.showError(t,"Error with JavaScript Control ["+o+"] in function [html()]: "+e.toString()),console.error(e)}t.setAttribute("data-control-loaded",""),t.removeAttribute("data-control-is-loading"),void 0===l?h.activeJsControls.push({element:t,control:o,data:n}):l.data=n}},unloadAllJsControls:function(){h.activeJsControls.forEach(function(e){h.unloadJsControl(e)}),h.activeJsControls=[]},unloadUnattachedJsControls:function(){for(var e,t=h.activeJsControls.length;0<t;t--)document.body.contains(h.activeJsControls[t-1].element)||(e=h.activeJsControls.splice(t-1,1),h.unloadJsControl(e[0]))},unloadJsControl:function(t){var o=h.controls[t.control];if(void 0!==o.onUnload)try{o.onUnload.call(t.data,t.element)}catch(e){o="Unknown Control";t.element&&(o=(o=t.element.getAttribute("data-control"))||"Unknown Control"),h.showErrorAlert("Error with JavaScript Control ["+o+"] in function [onUnload()]: "+e.toString()),console.error(e)}t.element.removeAttribute("data-control-loaded")},routeMatches:function(e,t){var o,r,n=e.split("/"),a=t.split("/"),l=n.length,i=[],s={};if(l!==a.length)return{isMatch:!1};for(o=0;o<l;o++)if((r=decodeURIComponent(n[o]))!==a[o]){if(":"!==a[o].substring(0,1))return{isMatch:!1};i.push(r),s[a[o].substring(1)]=r}return{isMatch:!0,args:i,namedArgs:s}},getClassFunctionNames:function(e){for(var t=[],o=e;o&&o.prototype&&o!==Object;){for(var r=Object.getOwnPropertyNames(o.prototype),n=0;n<r.length;n++){var a=r[n];"function"!=typeof o.prototype[a]||t.includes(a)||t.push(a)}o=Object.getPrototypeOf(o)}return t},deepClone:function(){var e,t,o,r,n,a=arguments.length;if(0===a)throw new TypeError("No arguments specified when app.deepClone() was called.");if(1===a)throw new TypeError("Only one argument was specified when app.deepClone() was called.");for(e=0;e<a;e++)l(arguments[e],"object","argument","app.deepClone()");for(t=arguments[0],e=1;e<a;e++)for(r in o=arguments[e])o.hasOwnProperty(r)&&(void 0!==(n=Object.getOwnPropertyDescriptor(o,r)).get||void 0!==n.set?Object.defineProperty(t,r,n):(n=Object.prototype.toString.call(o[r]),t[r]="[object Object]"===n?this.deepClone({},o[r]):"[object Array]"===n?this.deepClone([],o[r]):o[r]));return t},getTemplateType:function(e){if(void 0===e)throw new TypeError("Missing parameter [script] for the function [DataFormsJS.getTemplateType()]");if(!(e instanceof HTMLElement))throw new TypeError("Invalid type for parameter [script] for the function [DataFormsJS.getTemplateType()], expected HTMLElement, received: "+typeof e);if("TEMPLATE"!==e.tagName&&"SCRIPT"!==e.tagName)throw new TypeError("Invalid type for parameter [script] for the function [DataFormsJS.getTemplateType()], expected <script> or <template>, received: "+e.tagName.toLowerCase());if("TEMPLATE"===e.tagName)return g.Text;switch(e.getAttribute("data-engine")){case"handlebars":return g.Handlebars;case"vue":return g.Vue;case"nunjucks":return g.Nunjucks;case"underscore":return g.Underscore;case"text":return g.Text;default:return g.Unknown}},viewEngine:function(e){if(void 0===e)return c;switch(e){case g.NotSet:case g.Unknown:case g.Mixed:throw new TypeError("Invalid value specified for setting the ViewEngine: "+e);default:if(void 0===g[e])throw new TypeError("Unknown value specified for setting the ViewEngine ["+e+"], refer to documentation or values from the enum/object [ViewEngines] for valid options.")}return c=e,this},loadCss:function(e,t){var o=document.getElementById(e);null===o&&((o=document.createElement("style")).id=e,o.innerHTML=t,document.head.appendChild(o))},loadScript:function(e,r,t){function o(e,t){var o=document.createElement("script");o.onload=e,o.onerror=function(){console.error("Error loading Script: "+r),t()},o.src=r,document.head.appendChild(o)}if(!1===e||void 0===e){if(void 0===t)return new Promise(function(e,t){o(e,t)});o(t,t)}else{if(void 0===t)return new Promise(function(e){e()});t()}},loadScripts:function(i){if("string"==typeof i)i=[i];else if(!Array.isArray(i))return h.showErrorAlert("Invalid Script for [app.loadScripts()] or [app.lazyLoad], expected string or an array of strings. Check console."),console.warn("app.loadScripts():"),console.warn(i),new Promise(function(e){e()});return new Promise(function(o){var r=0,n=i.length;!function e(){var t,a,l;r!==n?(t=i[r],r++,t.endsWith(".js")?(l=t,new Promise(function(e){for(var t=document.querySelectorAll("script"),o=0,r=t.length;o<r;o++)if(t[o].getAttribute("src")===l)return void e();var n=document.createElement("script");n.onload=e,n.onerror=function(){h.showErrorAlert("Error loading JS File: "+l),e()},n.src=l,document.head.appendChild(n)}).then(e)):t.endsWith(".css")?(a=t,new Promise(function(e){for(var t=document.querySelectorAll("link"),o=0,r=t.length;o<r;o++)if("stylesheet"===t[o].rel&&t[o].getAttribute("href")===a)return void e();var n=document.createElement("link");n.rel="stylesheet",n.onload=e,n.onerror=function(){h.showErrorAlert("Error loading CSS File: "+a),e()},n.href=a,document.head.appendChild(n)}).then(e)):(h.showErrorAlert("Invalid Script for [app.loadScripts()] or [app.lazyLoad]: "+t),e())):o()}()})},buildUrl:function(e,t){if(void 0===t&&(t=h.activeParameterList),e=String(e).replace(/\{(\w+)\}/g,function(e,t){return"string"==typeof window[t]?window[t]:e}),null!==t&&0<Object.keys(t).length)for(var o in t)t.hasOwnProperty(o)&&-1<e.indexOf(":"+o)&&(e=e.replace(new RegExp(":"+o,"g"),encodeURIComponent(t[o])));return e},getGraphQL:function(r,o){var n,a;return r&&o?new Promise(function(e,t){t('Error calling [app.getGraphQL()]. Both [id="'+r+'"] and [src="'+o+'"] are set. Only one value can be used.')}):(n=r||o)&&void 0!==h.graphQL[n]?new Promise(function(e,t){h.graphQL[n].query?e(h.graphQL[n].query):t(h.graphQL[n].error)}):r?new Promise(function(e,t){var o=null;null===(a=document.getElementById(r))?o="Missing GraphQL Script Element: "+r:"SCRIPT"!==a.nodeName||"application/graphql"!==a.type?o='Invalid Element for GraphQL Script, expected: <script type="application/graphql" id="'+r+'">':(h.graphQL[r]={query:a.innerHTML,error:null},e(a.innerHTML)),null!==o&&(h.graphQL[r]={query:null,error:o},t(o))}):o?h.fetch(o,null,"text/plain").then(function(e){return h.graphQL[o]={query:e,error:null},e}).catch(function(e){e="Error Downloading GraphQL Script: ["+o+"], Error: "+e;throw h.graphQL[o]={query:null,error:e},e}):new Promise(function(e,t){t("Error calling [app.getGraphQL()]. Missing GraphQL Parameters.")})},buildGraphQLVariables:function(e,t){var o,r,n={};if(0<Object.keys(t).length)for(var a in t)t.hasOwnProperty(a)&&-1<e.indexOf("$"+a)&&(o=-1!==e.indexOf("($"+a+": Int"),r=t[a],n[a]=o?Number(r):r);return n},handleGlobalErrors:function(e){e?window.addEventListener("error",o):window.removeEventListener("error",o)},getRequestHeaders:function(e){var t,o={},r=h.settings.requestHeaders;for(t in r)r.hasOwnProperty(t)&&(o[t]=r[t]);if(0<Object.keys(h.settings.requestHeadersByHostName).length&&(e=new URL(e,window.location).hostname,void 0!==(r=h.settings.requestHeadersByHostName[e])))for(t in r)r.hasOwnProperty(t)&&(o[t]=r[t]);return o},updateTemplatesForIE:function(e){n&&(e=e.querySelectorAll("template"),Array.prototype.forEach.call(e,function(e){for(var t=document.createElement("script"),o=0,r=e.attributes.length;o<r;o++)t.setAttribute(e.attributes[o].name,e.attributes[o].value);t.type="text/x-template",t.setAttribute("data-engine","text"),t.innerHTML=e.innerHTML,e.parentNode.replaceChild(t,e)}))},cssVarsPonyfill:function(){var e,t='link[rel="stylesheet"][data-css-vars-ponyfill],style[data-css-vars-ponyfill]';null!==document.querySelector(t)&&(e=window.CSS&&window.CSS.supports&&window.CSS.supports("(--a: 0)"),h.loadScript(e,h.settings.cssPonyfillUrl,function(){window.cssVars&&window.cssVars({include:t})}))},setup:function(){c=g.Unknown;var e,t=0,o=[{prop:"Handlebars",type:"handlebars",label:g.Handlebars},{prop:"Vue",type:"vue",label:g.Vue},{prop:"nunjucks",type:"nunjucks",label:g.Nunjucks},{prop:"_",type:"underscore",label:g.Underscore}];for(e in o)null!==document.querySelector('script[type="text/x-template"][data-engine="'+o[e].type+'"]')&&(c=o[e].label,t++);if(0===t)for(e in o)window[o[e].prop]&&(c=o[e].label,t++);1<t&&(c=g.Mixed),void 0!==window.Vue&&h.loadCss(h.vueStyleId,h.vueCss),null!==document.documentElement.getAttribute("data-show-errors")&&h.handleGlobalErrors(!0),h.settings.graphqlUrl=document.documentElement.getAttribute("data-graphql-url"),null===y&&"history"!==(y=document.documentElement.getAttribute("data-routing-mode"))&&(y="hash"),h.updateTemplatesForIE(document);var r=document.querySelectorAll('script[type="text/x-template"][data-route],template[data-route]');Array.prototype.forEach.call(r,function(e){var t=e.getAttribute("data-route"),o=e.id,r=e.src||e.getAttribute("data-src"),n=e.getAttribute("data-page"),c=e.getAttribute("data-model"),u=e.getAttribute("data-controller-added"),a=h.getTemplateType(e),p=e.getAttribute("data-default-route"),l=0,i={};if(null===u){if(""===t)return console.log(e),void h.showErrorAlert(new TypeError('A script element <script id="'+e.id+'" type="'+e.type+'" data-engine="'+e.getAttribute("data-engine")+'"> has the attribute [data-route] defined however the attribute value is empty. This error must be fixed, scripts that include a route path attribute must have the value defined.'));if(a===g.Unknown)return console.log(e),void h.showErrorAlert(new TypeError('A script element <script id="'+e.id+'" type="'+e.type+'" data-engine="'+e.getAttribute("data-engine")+'" data-route="'+e.getAttribute("data-route")+'"> must have a valid engine type defined in [data-engine]. Valid values are [handlebars, vue, underscore, nunjucks, text].'));if(""===o&&(""===r||null===r))for(;o="template"+l,null===document.querySelector("#"+o)&&(e.id=o),l++,""===e.id;);""===r||null===r?r=void 0:o=void 0;var s,f=["route","page","model","src","engine"];for(s in e.dataset)if(-1===f.indexOf(s)){var d=e.dataset[s];switch(d){case"true":case"":i[s]=!0;break;case"false":i[s]=!1;break;case"null":i[s]=null;break;default:i[s]=d}}try{h.addController({path:t,viewId:o,viewUrl:r,viewEngine:a,pageType:n,modelName:c,settings:i}),null!==p&&(h.settings.defaultRoute=t)}catch(e){h.showErrorAlert("Error from [app.setup()]: "+e),console.error(e)}e.setAttribute("data-controller-added","true")}}),"hash"===y?window.addEventListener("hashchange",V):window.addEventListener("popstate",V),V(),a||(h.cssVarsPonyfill(),a=!0)}},Object.defineProperty(h,"version",{value:"5.14.4",enumerable:!0}),window.DataFormsJS=h,void 0===window.app?window.app=h:h.showErrorAlert("Warning - [window.app] is already defined, pages, plugins, etc. may not load correctly."),document.addEventListener("DOMContentLoaded",function(){var e=!!(Array.from&&window.Promise&&window.fetch&&Promise.prototype.finally);h.loadScript(e,h.settings.polyfillUrl,h.setup)}))}();
\ No newline at end of file
diff --git a/js/plugins/animation.js b/js/plugins/animation.js
index ffec4c4..07885b5 100644
--- a/js/plugins/animation.js
+++ b/js/plugins/animation.js
@@ -33,7 +33,7 @@
             }
 
             var hasObserver = (window.IntersectionObserver !== undefined);
-            var url = 'https://polyfill.io/v3/polyfill.min.js?features=IntersectionObserver';
+            var url = 'https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?version=4.8.0&features=IntersectionObserver';
             app.loadScript(hasObserver, url, function() {
                 var animationObserver = new IntersectionObserver(function(entries, observer) {
                     var intersectionRatio = app.plugins.animation.intersectionRatio;
diff --git a/js/plugins/animation.min.js b/js/plugins/animation.min.js
index f8421c4..2b132a5 100644
--- a/js/plugins/animation.min.js
+++ b/js/plugins/animation.min.js
@@ -1 +1 @@
-!function(){"use strict";app.addPlugin("animation",{intersectionRatio:null,onRendered:function(t){var e=(t=void 0===t?document:t).querySelectorAll("[data-animate]");0!==(e=Array.from(e).filter(function(t){return!t.classList.contains(t.getAttribute("data-animate"))})).length&&(t=void 0!==window.IntersectionObserver,app.loadScript(t,"https://polyfill.io/v3/polyfill.min.js?features=IntersectionObserver",function(){var n=new IntersectionObserver(function(t,e){var i=app.plugins.animation.intersectionRatio;t.forEach(function(t){var n;t.isIntersecting&&(null!==i&&t.intersectionRatio<i||(n=t.target.getAttribute("data-animate"),t.target.classList.add(n),e.unobserve(t.target)))})});Array.prototype.forEach.call(e,function(t){n.observe(t)})}))}})}();
\ No newline at end of file
+!function(){"use strict";app.addPlugin("animation",{intersectionRatio:null,onRendered:function(t){var e=(t=void 0===t?document:t).querySelectorAll("[data-animate]");0!==(e=Array.from(e).filter(function(t){return!t.classList.contains(t.getAttribute("data-animate"))})).length&&(t=void 0!==window.IntersectionObserver,app.loadScript(t,"https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?version=4.8.0&features=IntersectionObserver",function(){var n=new IntersectionObserver(function(t,e){var i=app.plugins.animation.intersectionRatio;t.forEach(function(t){var n;t.isIntersecting&&(null!==i&&t.intersectionRatio<i||(n=t.target.getAttribute("data-animate"),t.target.classList.add(n),e.unobserve(t.target)))})});Array.prototype.forEach.call(e,function(t){n.observe(t)})}))}})}();
\ No newline at end of file
diff --git a/js/react/es5/DataFormsJS.js b/js/react/es5/DataFormsJS.js
index 8d5757e..4427ba4 100644
--- a/js/react/es5/DataFormsJS.js
+++ b/js/react/es5/DataFormsJS.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.14.3
+// @version 5.14.4
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
 (function () {
diff --git a/js/react/es5/DataFormsJS.min.js b/js/react/es5/DataFormsJS.min.js
index 5f1d655..4906c82 100644
--- a/js/react/es5/DataFormsJS.min.js
+++ b/js/react/es5/DataFormsJS.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.14.3
+// @version 5.14.4
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
 !function(){"use strict";var n=void 0===window.React&&void 0!==window.preact?window.preact:window.React;function b(e){return(b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function u(e,t){return null!=t&&"undefined"!=typeof Symbol&&t[Symbol.hasInstance]?t[Symbol.hasInstance](e):e instanceof t}function e(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&c(e,t)}function c(e,t){return(c=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function t(r){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(e){return!1}}();return function(){var e,t=p(r),t=(e=n?(e=p(this).constructor,Reflect.construct(t,arguments,e)):t.apply(this,arguments),this);if(e&&("object"===b(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return o(t)}}function o(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e){return(p=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function r(e,t){if(!u(e,t))throw new TypeError("Cannot call a class as a function")}function h(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function a(e,t,r){return t&&h(e.prototype,t),r&&h(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}var f={},m=(a(y,null,[{key:"get",value:function(e,t){return void 0===f[e]?t:f[e]}},{key:"set",value:function(e,t){f[e]=t}}]),y);function y(){r(this,y)}window.Cache=m;a(v,null,[{key:"ponyfill",value:function(){var e,t,r='link[rel="stylesheet"][data-css-vars-ponyfill]:not([data-css-vars-setup]),style[data-css-vars-ponyfill]:not([data-css-vars-setup])',n=document.querySelectorAll(r);0!==n.length&&(e=new A,t=window.CSS&&window.CSS.supports&&window.CSS.supports("(--a: 0)"),e.loadPolyfill(t,"https://cdn.jsdelivr.net/npm/css-vars-ponyfill@2.4.3/dist/css-vars-ponyfill.min.js").then(function(){window.cssVars&&(cssVars({include:r}),Array.prototype.forEach.call(n,function(e){e.setAttribute("data-css-vars-setup","")}))}))}}]);var g=v;function v(){r(this,v)}window.CssVars=g;e(i,n.Component),w=t(i),a(i,[{key:"componentDidCatch",value:function(e,t){this.setState({error:e,errorInfo:t})}},{key:"render",value:function(){return this.state.errorInfo?n.createElement("div",null,n.createElement("h2",{style:{textAlign:"left",color:"white",backgroundColor:"#bc0000",padding:"1em"}},"An error has occurred"),n.createElement("details",{style:{whiteSpace:"pre-wrap",textAlign:"left",color:"white",backgroundColor:"red",padding:"1em"}},this.state.error&&this.state.error.toString(),n.createElement("br",null),this.state.errorInfo.componentStack)):this.props.children}}]);var w,S=i;function i(e){return r(this,i),(e=w.call(this,e)).state={error:null,errorInfo:null},e}window.ErrorBoundary=S;a(L,[{key:"number",value:function(e){return this.formatNumber(e,{})}},{key:"round",value:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:0;return this.formatNumber(e,{style:"decimal",maximumFractionDigits:t,minimumFractionDigits:t})}},{key:"currency",value:function(e,t){return this.formatNumber(e,{style:"currency",currency:t,maximumFractionDigits:2})}},{key:"percent",value:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:0;return this.formatNumber(e,{style:"percent",maximumFractionDigits:t,minimumFractionDigits:t})}},{key:"date",value:function(e){return this.formatDateTime(e,{})}},{key:"dateTime",value:function(e){return this.formatDateTime(e,{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"})}},{key:"time",value:function(e){return this.formatDateTime(e,{hour:"numeric",minute:"numeric",second:"numeric"})}},{key:"isNumber",value:function(e){return!isNaN(parseFloat(e))&&isFinite(e)}},{key:"formatDateTime",value:function(t,r){if(void 0===window.Intl)return t;if(null===t||""===t)return null;try{return u(t,Date)?new Intl.DateTimeFormat(navigator.language,r).format(t):/^\d{4}-\d{2}-\d{2}$/.test(t)?(e=t.split("-").map(function(e){return parseInt(e,10)}),n=new Date(e[0],e[1]-1,e[2]),new Intl.DateTimeFormat(navigator.language,r).format(n)):(o=new Date(t),a=Intl.DateTimeFormat(navigator.language,r).format(o),"en-US"===navigator.language?a.toLocaleString().replace(", "," "):a.toLocaleString());var e,n,o,a}catch(e){return console.warn("Error formatting Date/Time Value:"),console.log(navigator.language),console.log(r),console.log(t),console.log(e),"Error"}}},{key:"formatNumber",value:function(t,r){var n=navigator.language||navigator.userLanguage;if(null===t||""===t)return null;if(!this.isNumber(t))return console.warn("Warning value specified in DateFormsJS function formatNumber() is not a number:"),console.log(t),t;if(void 0===window.Intl){var e=r.style||null,o=r.maximumFractionDigits||0;if("percent"===e)return(100*t).toFixed(o)+"%";var o=null,a=null,i=null;return"en-us"===n&&(o=",",a=".",i="$"),null!==o?((o=t.toString().split("."))[0]=o[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),o=o.join(a),"currency"===e?i+o:o):t}try{return new Intl.NumberFormat(n,r).format(t)}catch(e){return console.warn("Error formatting Numeric Value:"),console.log(n),console.log(r),console.log(t),console.log(e),"Error"}}}]);var C=L;function L(){r(this,L)}window.Format=C;e(s,n.Component),E=t(s),a(s,[{key:"componentDidMount",value:function(){this.filter()}},{key:"onChange",value:function(){this.filter(),"function"==typeof this.props.afterFilter&&this.props.afterFilter()}},{key:"filter",value:function(){for(var e=this.input.current,c=e.value.toLowerCase().split(" "),d=c.length,p=0!==d,t=0,r=null,n=null,o=document.querySelectorAll(this.props["filter-selector"]),a=(1===o.length&&"TABLE"===o[0].tagName&&o[0].tHead&&1===o[0].tHead.rows.length&&1===o[0].tBodies.length&&(r=(a=o[0]).getAttribute("data-sort-class-odd"),n=a.getAttribute("data-sort-class-even"),o=o[0].tBodies[0].rows),o.length),h=n&&r,f=0,m=o.length;f<m;f++){var i=o[f],y=!0;if(p)for(var g=i.textContent.toLowerCase(),s=0;s<d;s++)if(""!==c[s]&&!g.includes(c[s])){y=!1;break}y&&(t++,h&&(t%2==0?(i.classList.add(n),i.classList.remove(r)):(i.classList.add(r),i.classList.remove(n)))),i.style.display=y?"":"none"}var v,l,u=e.getAttribute("filter-results-selector");u&&((u=document.querySelector(u))?(v=e.getAttribute("filter-results-text-all"),e=e.getAttribute("filter-results-text-filtered"),null!==v||null!==e?(l=null,t===a?l=v:null!==e&&(l=e.replace(/{displayCount}/g,t)),null===l?u.textContent="":(l=l.replace(/{totalCount}/g,a),u.textContent=l)):console.warn("Defined [filter-results-selector] without [filter-results-text-all] or [filter-results-text-filtered]")):console.warn("Defined [filter-results-selector] but element not found"))}},{key:"render",value:function(){return void 0!==window&&window.React===window.preact?n.createElement("input",Object.assign({},this.props,{onInput:this.onChange,ref:this.input})):n.createElement("input",Object.assign({},this.props,{onChange:this.onChange,ref:this.input}))}}]);var E,k=s;function s(e){return r(this,s),(e=E.call(this,e)).onChange=e.onChange.bind(o(e)),e.input=n.createRef(),e}window.InputFilter=k;var d=[],D={};function O(e){return 0===e.fetchState&&e.children?e.children:null}function T(e){if(!(-1===e.fetchState)||!e.children)return null;var t=e.error;return"string"==typeof t&&-1===t.indexOf("Error")&&(t="Error - "+t),n.cloneElement(e.children,{error:t})}function x(e){return 1===e.fetchState&&e.children?n.cloneElement(e.children,{data:e.data,params:e.params,handleChange:e.handleChange,childProps:e.childProps}):null}e(l,n.Component),P=t(l),a(l,[{key:"getUrlParams",value:function(){var e,t={};if(this.props&&!0===this.props.graphQL)return void 0===this.props.variables?{}:this.props.variables;for(e in this.props)"url"!==e&&"string"==typeof this.props[e]&&(t[e]=this.props[e]);return t}},{key:"componentDidMount",value:function(){if((this._isMounted=!0)===this.props.graphQL&&void 0===this._query&&void 0!==this._querySrc&&void 0!==D[this._querySrc]&&(this._query=D[this._querySrc]),this.props.loadOnlyOnce){var e=function(e,t,r){for(var n=0,o=d.length;n<o;n++){var a=d[n];if(a.url===e&&a.query===t){if(JSON.stringify(r)===a.params)return a.data;break}}return null}(this.props.url,this._query,this.getUrlParams());if(null!==e)return void this.setState({fetchState:1,data:e})}var t,r;if(!0===this.props.graphQL&&void 0===this._query&&void 0!==this._querySrc)return t=this._querySrc,r=this,void fetch(t,null).then(function(e){var t=e.status;return 200<=t&&t<300||304===t?Promise.resolve(e):(t="Error loading data. Server Response Code: "+t+", Response Text: "+e.statusText,Promise.reject(t))}).then(function(e){return e.text()}).then(function(e){D[t]=e,r._query=D[t],r.fetchData()}).catch(function(e){throw new Error("Error Downloading GraphQL Script: ["+t+"], Error: "+e.toString())});this.fetchData()}},{key:"componentDidUpdate",value:function(e,t){(!0===this.props.graphQL?JSON.stringify(e.variables)!==JSON.stringify(this.props.variables):this.buildUrl(t.params)!==this.buildUrl(this.props))&&this.setState({params:this.getUrlParams()},this.fetchData)}},{key:"componentWillUnmount",value:function(){this._isMounted=!1}},{key:"buildUrl",value:function(e){var t=this.props.url;if(!0!==this.props.graphQL&&0<Object.keys(e).length)for(var r in e)-1<t.indexOf(":"+r)&&(t=t.replace(new RegExp(":"+r,"g"),encodeURIComponent(e[r])));return t}},{key:"fetchData",value:function(){var e,t,c=this,r=this.buildUrl(this.state.params);this._isFetching||(this._isFetching=!0,e={mode:"cors",cache:"no-store",credentials:"same-origin"},this.props.fetchOptions&&(e=this.props.fetchOptions),this.props.fetchHeaders&&(e.headers=this.props.fetchHeaders),!0===this.props.graphQL&&(t=void 0===this.props.variables?{}:this.props.variables,"file://"===window.location.origin||"null"===window.location.origin?r=(r=(r+=-1===r.indexOf("?")?"?":"&")+"query="+encodeURIComponent(this._query.trim()))+"&variables="+encodeURIComponent(JSON.stringify(t)):(e.method="POST",void 0===e.headers?e.headers={"Content-Type":"application/json"}:e.headers["Content-Type"]="application/json",e.body=JSON.stringify({query:this._query,variables:t}))),this.setState({fetchState:0},function(){c.updateView(),fetch(r,e).then(function(e){var t=e.status;return 200<=t&&t<300||304===t?Promise.resolve(e):(t="Error loading data. Server Response Code: "+t+", Response Text: "+e.statusText,Promise.reject(t))}).then(function(e){return e.json()}).then(function(e){var t,r=!0===c.props.graphQL;if(r&&(e.errors&&e.errors.length))throw t=1===e.errors.length&&e.errors[0].message?"[GraphQL Error]: "+e.errors[0].message:("string"==typeof c.props.errorTextGraphQLErrors?c.props.errorTextGraphQLErrors:"{count} GraphQL Errors occurred. See console for full details.").replace("{count}",e.errors.length),console.error(e.errors),t;if(c._isMounted&&c.setState({fetchState:1,data:r?e.data:e}),c.props.loadOnlyOnce){for(var n=c.props.url,o=c._query,a=c.getUrlParams(),i=r?e.data:e,s=0,l=d.length;s<l;s++){var u=d[s];if(u.url===n&&u.query===o)return void(u.params=JSON.stringify(a),u.data=i)}d.push({url:n,query:o,params:JSON.stringify(a),data:i})}}).catch(function(e){c._isMounted&&c.setState({fetchState:-1,error:e.toString()})}).finally(function(){c._isFetching=!1,c.updateView()})}))}},{key:"handleChange",value:function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:null;this._isMounted&&this.setState({data:null===e?this.state.data:e})}},{key:"updateView",value:function(){if("function"==typeof this.props.onViewUpdated)try{this.props.onViewUpdated()}catch(e){console.error(e)}}},{key:"render",value:function(){return n.createElement(n.Fragment,null,n.createElement(O,{fetchState:this.state.fetchState},this.props.isLoading),n.createElement(T,{fetchState:this.state.fetchState,error:this.state.error},this.props.hasError),n.createElement(x,{fetchState:this.state.fetchState,data:this.state.data,params:this.state.params,handleChange:this.handleChange,childProps:this.props.childProps},this.props.isLoaded))}}]);var P,_=l;function l(e){var t;return r(this,l),(t=P.call(this,e))._isFetching=!1,t._isMounted=!1,t.fetchData=t.fetchData.bind(o(t)),t.handleChange=t.handleChange.bind(o(t)),t._querySrc=e&&e.querySrc?e.querySrc:void 0,t._query=e&&e.query?e.query:void 0,t.state={fetchState:0,error:null,params:t.getUrlParams(),data:null},t}window.JsonData=_;e(q,n.Component),j=t(q),a(q,[{key:"componentDidMount",value:function(){var e=this;this.loadScripts(this.props.scripts,this.props.loadScriptsInOrder).then(function(){e.setState({isReady:!0})})}},{key:"loadScripts",value:function(a,e){function i(a){return new Promise(function(e){for(var t=document.querySelectorAll("link"),r=0,n=t.length;r<n;r++)if("stylesheet"===t[r].rel&&t[r].getAttribute("href")===a)return void e();var o=document.createElement("link");o.rel="stylesheet",o.onload=e,o.onerror=function(){console.error("Error loading CSS File: "+a),e()},o.href=a,document.head.appendChild(o)})}function s(a){return new Promise(function(e){for(var t=document.querySelectorAll("script"),r=0,n=t.length;r<n;r++)if(t[r].getAttribute("src")===a)return void e();var o=document.createElement("script");o.onload=e,o.onerror=function(){console.error("Error loading JS File: "+a),e()},o.src=a,document.head.appendChild(o)})}function l(a){return new Promise(function(e){for(var t=document.querySelectorAll("script[data-src][data-compiler]"),r=0,n=t.length;r<n;r++)if(t[r].getAttribute("data-src")===a)return void e();var o=document.createElement("script");o.type="text/babel",o.setAttribute("src",a),document.head.appendChild(o),jsxLoader.loadScript(o).then(function(){e()})})}if("string"==typeof a)a=[a];else if(!Array.isArray(a))return console.error("Invalid prop for <LazyLoad>, expected [scripts] to be a string or an array of strings. Check console."),console.log(a),new Promise(function(e){e()});return!0===e?new Promise(function(r){var n=0,o=a.length;!function e(){var t;n!==o?(t=a[n],n++,t.endsWith(".js")?s(t).then(e):t.endsWith(".css")?i(t).then(e):t.endsWith(".jsx")?l(t).then(e):(console.error("Invalid Script for <LazyLoad>. Only scripts ending with [js, css, or jsx] can be used. Error URL: "+t),e())):r()}()}):new Promise(function(e){for(var t=[],r=0,n=a.length;r<n;r++){var o=a[r];o.endsWith(".js")?t.push(s(o)):o.endsWith(".css")?t.push(i(o)):o.endsWith(".jsx")?t.push(l(o)):console.error("Invalid Script for <LazyLoad>. Only scripts ending with [js, css, or jsx] can be used. Error URL: "+o)}Promise.all(t).then(function(){e()})})}},{key:"loadPolyfill",value:function(e,o){return!1===e||void 0===e?new Promise(function(e,t){var r,n;r=e,n=t,(e=document.createElement("script")).onload=function(){r()},e.onerror=function(){console.error("Error loading Script: "+o),n()},e.src=o,document.head.appendChild(e)}):new Promise(function(e){e()})}},{key:"render",value:function(){if(!this.state.isReady)return this.props.isLoading||null;if(this.props.children)return this.props.children;if(this.props.isLoaded){if("string"!=typeof this.props.isLoaded)return this.props.isLoaded;var e,t=this.props.isLoaded,r={};for(e in this.props)this.props.hasOwnProperty(e)&&"scripts"!==e&&"isLoaded"!==e&&"isLoading"!==e&&(r[e]=this.props[e]);if(void 0!==window&&void 0!==window[t])return n.createElement(window[t],r);if(void 0!==globalThis&&void 0!==globalThis[t])return n.createElement(globalThis[t],r);throw new TypeError("Component <LazyLoad isLoaded="+JSON.stringify(t)+"> was not found. Check if your script is missing or has a compile error.")}throw new TypeError("Missing child nodes or the [isLoaded] property for a <LazyLoad> element.")}}]);var j,A=q;function q(e){return r(this,q),(e=j.call(this,e)).state={isReady:!1},e}window.LazyLoad=A;e(I,n.Component),F=t(I),a(I,[{key:"componentDidMount",value:function(){this.setupTable()}},{key:"setupTable",value:function(){var e=this.table.current;if(null===e.tHead)return console.warn("Unable to setup sorting for table because there is no <thead> element"),void console.log(e);if(0===e.tHead.rows.length)return console.warn("Unable to setup sorting for table because the <thead> element contained now rows"),void console.log(e);if(0===e.tBodies.length)return console.warn("Unable to setup sorting for table because the <tbody> element is missing"),void console.log(e);if(1!==e.tBodies.length)return console.warn("Unable to setup sorting for table because there can only be one <tbody> element for the table"),void console.log(e);for(var t=e.tHead.rows[e.tHead.rows.length-1],r=0,n=t.cells.length;r<n;r++)t.cells[r].addEventListener("click",this.sortColumn),t.cells[r].style.cursor="pointer"}},{key:"sortColumn",value:function(e){var e=e.target,t=e&&e.parentElement&&e.parentElement.parentElement?e.parentElement.parentElement.parentElement:null;if("TH"!==e.tagName&&"TD"!==e.tagName)return console.warn("SortableTable.sortColumn() was called with an invalid element. If called manually the cell needs to be passed."),void console.log(e);if(null!=t&&"TABLE"!==t.tagName)return console.warn("SortableTable.sortColumn() was called with an invalid element. If called manually the table cell of the last row from the table header should be used."),void console.log(e);for(var c=t.getAttribute("data-sort-column"),r=e.cellIndex,e="asc",d=(null!==c&&parseInt(c,10)===r&&(e="asc"===t.getAttribute("data-sort-order")?"desc":"asc"),t.tBodies[0]),n=d.rows,o=[],a=0,p=n.length;a<p;a++){var i,s,l=n[a].cells[r];void 0!==l&&(l=b(i=(null!==(i=l.getAttribute("data-value"))?i:l.textContent).trim()),""===i?i=null:isNaN(i)?(s=new Date(i),isNaN(s.getTime())?i=void 0!==i.toLocaleLowerCase?i.toLocaleLowerCase():i.toLowerCase():(i=s,l="date")):i=parseFloat(i),o.push({row:n[a],value:i,type:null===i?null:l}))}o.sort(this.sortCompare),"desc"===e&&o.reverse();for(var h=t.getAttribute("data-sort-class-odd"),f=t.getAttribute("data-sort-class-even"),m=h&&f,y=0,g=0,v=o.length;g<v;g++){var u=o[g].row;m&&"none"!==u.style.display&&(++y%2==0?(u.classList.add(f),u.classList.remove(h)):(u.classList.add(h),u.classList.remove(f))),d.appendChild(u)}t.setAttribute("data-sort-column",r),t.setAttribute("data-sort-order",e)}},{key:"sortCompare",value:function(e,t){return null===e.type&&null!==t.type?-1:null===t.type&&null!==e.type?1:null===e.type&&null===t.type?0:"number"===e.type&&"number"!==t.type?-1:"number"===t.type&&"number"!==e.type?1:"number"===e.type&&"number"===t.type?e.value-t.value:"date"===e.type&&"date"!==t.type?-1:"date"===t.type&&"date"!==e.type?1:"date"===e.type&&"date"===t.type?e.value<t.value?-1:e.value>t.value?1:0:"string"===e.type&&"string"===t.type?void 0!==e.value.localeCompare?e.value.localeCompare(t.value):e.value<t.value?-1:e.value>t.value?1:0:(console.warn("A code change from [SortableTable] impacted sorting and caused an expected error so the data may appear out of order. Please review your code changes"),0)}},{key:"render",value:function(){return n.createElement("table",Object.assign({},this.props,{ref:this.table}),this.props.children)}}]);var F,N=I;function I(e){return r(this,I),(e=F.call(this,e)).sortColumn=e.sortColumn.bind(o(e)),e.table=n.createRef(),e}function R(){r(this,R)}window.SortableTable=N,a(R,null,[{key:"Cache",get:function(){return m}},{key:"CssVars",get:function(){return g}},{key:"ErrorBoundary",get:function(){return S}},{key:"Format",get:function(){return C}},{key:"InputFilter",get:function(){return k}},{key:"JsonData",get:function(){return _}},{key:"LazyLoad",get:function(){return A}},{key:"SortableTable",get:function(){return N}}]),window.DataFormsJS=R}();
\ No newline at end of file
diff --git a/js/react/es6/DataFormsJS.min.js b/js/react/es6/DataFormsJS.min.js
index fd8a392..71a0df6 100644
--- a/js/react/es6/DataFormsJS.min.js
+++ b/js/react/es6/DataFormsJS.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.14.3
+// @version 5.14.4
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
 const cachedValues={};window.Cache = class Cache{static get(e,a){return void 0===cachedValues[e]?a:cachedValues[e]}static set(e,a){cachedValues[e]=a}};
diff --git a/js/react/jsxLoader.js b/js/react/jsxLoader.js
index 2d21cc0..c668982 100644
--- a/js/react/jsxLoader.js
+++ b/js/react/jsxLoader.js
@@ -100,7 +100,7 @@
         /**
          * Polyfill URL that is used for older browsers
          */
-        polyfillUrl: 'https://polyfill.io/v3/polyfill.min.js?features=Array.from,Array.isArray,Array.prototype.find,Array.prototype.findIndex,Object.assign,Object.keys,Object.values,URL,fetch,Promise,Promise.prototype.finally,String.prototype.endsWith,String.prototype.startsWith,String.prototype.includes,String.prototype.repeat,WeakSet,Symbol,Number.isInteger,String.prototype.codePointAt,String.fromCodePoint',
+        polyfillUrl: 'https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?version=4.8.0&features=Array.from,Array.isArray,Array.prototype.find,Array.prototype.findIndex,Object.assign,Object.keys,Object.values,URL,fetch,Promise,Promise.prototype.finally,String.prototype.endsWith,String.prototype.startsWith,String.prototype.includes,String.prototype.repeat,WeakSet,Symbol,Number.isInteger,String.prototype.codePointAt,String.fromCodePoint',
 
         /**
          * Babel URL and options used for older browsers.
@@ -1760,7 +1760,7 @@
      * Add Build Version
      * For new releases this gets updated automatically by [scripts/build.js].
      */
-    Object.defineProperty(jsxLoader, 'version', { value: '5.14.3', enumerable: true });
+    Object.defineProperty(jsxLoader, 'version', { value: '5.14.4', enumerable: true });
 
     /**
      * Optional Node Support. Additionally if using webpack or a bundler is being used
diff --git a/js/react/jsxLoader.min.js b/js/react/jsxLoader.min.js
index c887e85..7df7d2a 100644
--- a/js/react/jsxLoader.min.js
+++ b/js/react/jsxLoader.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.14.3
+// @version 5.14.4
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
-!function(){"use strict";for(var P={js:0,e_start:1,e_end:2,e_prop:3,e_value:4,e_child_text:5,e_child_js:6,e_child_whitespace:7,e_child_js_start:8,e_child_js_end:9},L={program:0,js:1,createElement:2},e=[P,L],t=0,r=e.length;t<r;t++){var n,a=e[t];for(n in a)a.hasOwnProperty(n)&&(a[n]=n)}var _={polyfillUrl:"https://polyfill.io/v3/polyfill.min.js?features=Array.from,Array.isArray,Array.prototype.find,Array.prototype.findIndex,Object.assign,Object.keys,Object.values,URL,fetch,Promise,Promise.prototype.finally,String.prototype.endsWith,String.prototype.startsWith,String.prototype.includes,String.prototype.repeat,WeakSet,Symbol,Number.isInteger,String.prototype.codePointAt,String.fromCodePoint",babelUrl:"https://unpkg.com/@babel/standalone@7.12.12/babel.js",babelOptions:{presets:["es2015","react"],plugins:["proposal-object-rest-spread"]},fetchOptions:{mode:"cors",cache:"no-store",credentials:"same-origin"},logCompileTime:!1,logCompileDetails:!1,sourceMaps:!1,evalCode:'"use strict"; class foo {}; const { id, ...other } = { id:123, test:456 };',needsPolyfill:!(Array.from&&"undefined"!=typeof window&&window.Promise&&window.fetch&&Promise.prototype.finally),jsUpdates:[{find:/export function/g,replace:"function"},{find:/export default class/g,replace:"class"},{find:/import React from 'react';/g,replace:""},{find:/import React from"react";/g,replace:""},{find:/=>,/g,replace:"=>"}],globalNamespaces:{react:"React","react-dom":"ReactDom"},isSupportedBrowser:null,usePreact:function(){this.compiler.pragma="preact.createElement",this.compiler.pragmaFrag="preact.Fragment",this.jsUpdates.push({find:/ReactDOM\.render/g,replace:"preact.render"}),this.jsUpdates.push({find:/React\.Component/g,replace:"preact.Component"}),this.jsUpdates.push({find:/React\.Fragment/g,replace:"preact.Fragment"}),this.jsUpdates.push({find:/React\.createElement/g,replace:"preact.createElement"}),this.jsUpdates.push({find:/React\.cloneElement/g,replace:"preact.cloneElement"}),this.jsUpdates.push({find:/React\.createRef/g,replace:"preact.createRef"}),this.jsUpdates.push({find:/onChange:/g,replace:"onInput:"}),this.jsUpdates.push({find:/import preact from 'preact';/g,replace:""}),this.jsUpdates.push({find:/import preact from"preact";/g,replace:""}),this.globalNamespaces.react="preact",this.globalNamespaces["react-dom"]="preact","undefined"!=typeof window&&void 0===window.React&&void 0!==window.preact&&(window.React=window.preact)},hasPendingScripts:function(){return 0<document.querySelectorAll('script[type="text/babel"]:not([data-added-to-page])').length},setup:function(){var t,a,e=document.querySelectorAll('script[type="text/babel"]:not([data-added-to-page])');1!==e.length?(t=[],a=[],Array.prototype.forEach.call(e,function(e){var r,n;""===e.src?a.push(e):t.push((n={element:r=e,text:"",error:null},new Promise(function(t){fetch(r.src,_.fetchOptions).then(function(e){var t=e.status;if(200<=t&&t<300||304===t)return e.text();throw new Error("Error loading data. Server Response Code: "+t+", Response Text: "+e.statusText)}).then(function(e){n.text=e,t(n)}).catch(function(e){n.error=e,t(n)})})))}),Promise.all(t).then(function(e){e.forEach(function(e){_.loadScript(e.element,e.text,e.error)}),a.forEach(function(e){_.loadScript(e)})})):_.loadScript(e[0])},loadScript:function(s,e,r){function n(e,t,r){var n,a,i,o,l=new Date;(_.logCompileTime||_.logCompileDetails)&&(console.log("=".repeat(80)),console.log(s.src),console.log("Start time: "+l.getTime())),_.sourceMaps&&(void 0===_.babelOptions.sourceMaps&&(_.babelOptions.sourceMaps="both",_.babelOptions.generatorOpts={sourceMaps:"both"}),void 0===(o=r)&&(o="Inline Babel script"+(0===(i=document.querySelectorAll('script[data-compiler="Babel"]:not([data-src])').length)?"":" ("+(i+1)+")")),_.babelOptions.filename=o);try{a=_.isSupportedBrowser?(n=_.compiler.compile(e),"jsxLoader"):(n=Babel.transform(e,_.babelOptions).code,"Babel")}catch(e){console.log("-".repeat(80)),console.log("Compile Error:"),console.log(s),console.error(e),s.setAttribute("data-error",e.toString()),n=null}_.logCompileDetails&&console.log(n),(_.logCompileTime||_.logCompileDetails)&&(i=new Date,console.log("End time: "+i.getTime()),console.log("Time taken (in milliseconds): "+(i.getTime()-l.getTime()))),null!==n&&(_.jsUpdates.forEach(function(e){n=n.replace(e.find,e.replace)}),o=document.createElement("script"),r&&o.setAttribute("data-src",r),o.setAttribute("data-compiler",a),"module"===s.getAttribute("data-type")&&(o.type="module"),o.innerHTML=n,document.head.appendChild(o)),t()}return new Promise(function(t){if(""===s.src)return n(s.innerHTML,t),void s.setAttribute("data-added-to-page","");"string"!=typeof e?fetch(s.src,_.fetchOptions).then(function(e){var t=e.status;if(200<=t&&t<300||304===t)return e.text();throw new Error("Error loading data. Server Response Code: "+t+", Response Text: "+e.statusText)}).then(function(e){n(e,t,s.getAttribute("src")),s.setAttribute("data-added-to-page","")}).catch(function(e){console.error(e),s.setAttribute("data-added-to-page",""),s.setAttribute("data-error",e.toString()),t()}):r?(console.error(r),s.setAttribute("data-added-to-page",""),s.setAttribute("data-error",r.toString()),t()):(n(e,t,s.getAttribute("src")),s.setAttribute("data-added-to-page",""))})},addBabelPolyfills:function(){(window.exports=window).require=function(e){var t;return void 0!==_.globalNamespaces[e]&&void 0!==(t=window[_.globalNamespaces[e]])||void 0===(t=window[e])&&-1!==e.indexOf("-")&&(e=e.split("-").map(function(e){return e.substring(0,1).toUpperCase()+e.substring(1)}).join(""),void 0===(t=window[e])&&(e=e.substring(0,1).toLowerCase()+e.substring(1),t=window[e])),t}},downloadScript:function(e,t){var r=document.createElement("script");r.onload=t,r.onerror=function(){console.error("Error loading Script: "+e),t()},r.src=e,document.head.appendChild(r)},addAdditionalPolyfills:function(){void 0===String.prototype.trimLeft&&(String.prototype.trimLeft=function(){return this.replace(/^\s+/,"")}),void 0===String.prototype.trimStart&&(String.prototype.trimStart=String.prototype.trimLeft),void 0===String.prototype.trimRight&&(String.prototype.trimRight=function(){return this.replace(/\s+$/,"")}),void 0===String.prototype.trimEnd&&(String.prototype.trimEnd=String.prototype.trimRight)},compiler:{pragma:"React.createElement",pragmaFrag:"React.Fragment",maxRecursiveCalls:1e3,addUseStrict:!0,compile:function(e){if(this.isMinimized(e))return e;var t=this.removeComments(e),t=this.tokenizer(t),t=(_.logCompileDetails&&console.log(t),this.parser(t,e));return _.logCompileDetails&&console.log(t),this.codeGenerator(t,e)},getTextPosition:function(e,t){e=e.substring(0,t).split("\n"),t=e.length,e=e[t-1];return" at Line #: "+t+", Column #: "+(e.length-1)+", Line: "+e.trim()},isMinimized:function(e){return-1===e.indexOf("\n")&&(-1!==e.indexOf("if(")||-1!==e.indexOf("}render(){return"))},isExpression:function(e,t,r){for(var n=t+2,a=!1;n<r;){var i=e[n];if(n++,/[a-zA-Z0-9_/]/.test(i)){if(a)break}else{if(">"===i)break;if(" "!==i){if(")"===i||"&"===i||"|"===i||"?"===i||";"===i)return!0}else a=!0}}return!1},removeComments:function(e){var t,r,n=e.length,a=new Array(n),i={inCommentReact:!1,inCommentSingleLine:!1,inCommentMultiLine:!1,inStringSingleQuote:!1,inStringDoubleQuote:!1,inStringMultiLine:!1,elementCount:0,jsCount:0},o=0;function l(){return o<n-1?e[o+1]:null}function s(){return o<n-2?e[o+1]+e[o+2]:null}for(;o<n;){if(t=e[o],i.inCommentReact)"*"===t&&"/}"===s()?(a[o]=" ",a[o+1]=" ",o+=2,i.inCommentReact=!(t=" ")):"\n"!==t&&(t=" ");else if(i.inCommentSingleLine)"\n"===t?i.inCommentSingleLine=!1:t=" ";else if(i.inCommentMultiLine)"*"==t&&"/"===l()?(a[o]=" ",o++,i.inCommentMultiLine=!(t=" ")):"\n"!==t&&(t=" ");else if(i.inStringDoubleQuote)'"'===t&&"\\"!==e[o-1]&&(i.inStringDoubleQuote=!1);else if(i.inStringSingleQuote)"'"===t&&"\\"!==e[o-1]&&(i.inStringSingleQuote=!1);else if(i.inStringMultiLine)"`"===t&&(i.inStringMultiLine=!1);else switch(t){case"{":"/*"===s()?(a[o]=" ",a[o+1]=" ",o+=2,t=" ",i.inCommentReact=!0):0<i.elementCount&&i.jsCount++;break;case"}":0<i.elementCount&&0<i.jsCount&&i.jsCount--;break;case"/":(0===i.elementCount||0<i.jsCount)&&(r=l(),i.inCommentSingleLine="/"===r,i.inCommentSingleLine||(i.inCommentMultiLine="*"===r),(i.inCommentSingleLine||i.inCommentMultiLine)&&(a[o]=" ",o++,t=" "));break;case'"':i.inStringDoubleQuote=!0;break;case"'":i.inStringSingleQuote=!0;break;case"`":i.inStringMultiLine=!0;break;case"<":r=l(),/[a-zA-Z>]/.test(r)&&!this.isExpression(e,o,n)?i.elementCount++:"/"===r&&i.elementCount--;break;case">":"/"===e[o-1]&&0<i.elementCount&&i.elementCount--}a[o]=t,o++}return a.join("")},tokenizer:function(l){var s,c,p,u=l.length,d=0,m=[],e=0,v=0,S=this.maxRecursiveCalls;function h(){return d<u?l[d]:null}function f(){return d<u?l[d+1]:null}function g(){if(u<++e)throw new Error("Endless loop encountered in tokenizer")}for(;d<u;){if(g(),null===(c=function(){for(var e,t=d,r={inStringSingleQuote:!1,inStringDoubleQuote:!1,inStringMultiLine:!1};t<u-1;){if(e=l[t],r.inStringDoubleQuote)'"'===e&&"\\"!==l[t-1]&&(r.inStringDoubleQuote=!1);else if(r.inStringSingleQuote)"'"===e&&"\\"!==l[t-1]&&(r.inStringSingleQuote=!1);else if(r.inStringMultiLine)"`"===e&&(r.inStringMultiLine=!1);else switch(e){case'"':r.inStringDoubleQuote=!0;break;case"'":r.inStringSingleQuote=!0;break;case"`":r.inStringMultiLine=!0;break;case"<":if(/[a-zA-Z>]/.test(l[t+1])&&!_.compiler.isExpression(l,t,u))return t}t++}return null}())){m.push({type:P.js,value:l.substring(d,u),pos:d});break}!function e(t,r){if(S<++v)throw new Error("Call count exceeded in tokenizer. If you have a large JSX file that is valid you can increase them limit using the property `jsxLoader.compiler.maxRecursiveCalls`.");var n,a={value:l[c],elementStack:0,elementState:[],currentElementState:null,inElement:!0,hasElementName:!1,elementClosed:!1,closeElement:!1,closingElement:!1,fatalError:!1,errorMessage:null,addElementEnd:!1,breakLoop:!1,addChild:!1,addChar:!0,hasProp:!1,inValue:!1,inPropString:!1,propStringChar:null,jsWithElement:!1};for(d<t&&r&&m.push({type:P.js,value:l.substring(d,t),pos:d}),d=t+1;d<u;){if(g(),s=l[d],a.inElement){if(a.hasElementName)for(a.value+=s,d++,a.breakLoop=!1,a.hasProp=!1,a.inValue=!1;d<u;)if(g(),s=l[d],d++,a.inPropString&&s!==a.propStringChar)a.value+=s;else{switch(s){case"=":if(a.currentElementState.inPropJs)break;""!==a.value.trim()&&(m.push({type:P.e_prop,value:a.value,pos:d}),a.hasProp=!0,a.inValue=!0),a.value="",'"'===(p=h())||"'"===p?(a.inPropString=!0,a.propStringChar=p,d++):"{"===p&&(a.currentElementState.inPropJs=!0,a.currentElementState.jsPropBracketCount=0,d++);continue;case a.propStringChar:if(a.inPropString){a.inPropString=!1,m.push({type:a.hasProp?P.e_value:P.e_prop,value:JSON.stringify(a.value),pos:d}),a.inValue=!1,a.hasProp=!1,a.value="";continue}break;case"}":if(a.currentElementState.inPropJs){if(0===a.currentElementState.jsPropBracketCount){a.currentElementState.inPropJs=!1,""!==a.value.trim()&&(a.jsWithElement?(m.push({type:P.e_child_js_end,value:a.value,pos:d}),a.jsWithElement=!1):">"!==a.value.trim()&&(m.push({type:P.e_value,value:a.value,pos:d}),a.hasProp=!1)),a.inValue=!1,a.value="";continue}a.currentElementState.jsPropBracketCount--}break;case" ":case"\t":case"\r":case"\n":a.currentElementState.inPropJs||(""!==a.value.trim()&&m.push({type:a.hasProp?P.e_value:P.e_prop,value:a.value,pos:d}),a.inValue=!1,a.value="");break;case"/":">"===h()&&(d--,a.breakLoop=!0,a.hasElementName=!1);break;case"<":a.currentElementState.inPropJs&&" "!==h()&&(""!==a.value.trim()&&(m.push({type:P.e_child_js_start,value:a.value,pos:d}),a.value="",a.jsWithElement=!0),e(--d,!1),s="",a.jsWithElement&&d++);break;case"{":a.currentElementState.inPropJs&&a.currentElementState.jsPropBracketCount++;break;case">":a.currentElementState.inPropJs||(a.breakLoop=!0,a.hasElementName=!1)}if(a.breakLoop){var i=a.value.trim(),o=m[m.length-1];if("/"===a.value&&">"===s&&o.type===P.e_start){if(m.push({type:P.e_end,value:a.value+s,pos:d}),a.elementStack<=1)return void("}"!==h()&&d--);a.elementStack--,a.elementState.pop(),a.currentElementState=0===a.elementStack?null:a.elementState[a.elementStack-1]}else if(">"!==s||""===i||!/^[a-zA-Z0-9-_]*$/.test(i)&&!/{\.\.\.(.+)}/.test(i)||o.type!==P.e_start&&o.type!==P.e_value){if(""!==i)throw console.log(m),new Error("Unhandled character in element properties: `"+a.value+"`"+_.compiler.getTextPosition(l,d))}else m.push({type:P.e_prop,value:i,pos:d});a.value="",a.breakLoop=!1;break}a.value+=s}switch(s){case"/":""===a.value||"<"===a.value?a.closingElement=!0:">"===h()?(a.closeElement=!0,a.inElement=!1,a.addElementEnd=!0):">"===f()?(a.closeElement=!0,a.hasElementName=!0,s="",d--):(a.fatalError=!0,a.errorMessage='Error found a "/" character in element ['+a.value+'] but not closing "/>"'+_.compiler.getTextPosition(l,d));break;case">":a.closeElement=!0,a.inElement=!1;break;case" ":case"\t":case"\n":case"\r":a.hasElementName=!0,a.closeElement=!0}}else{switch(s){case"}":a.currentElementState.inJs&&(0===a.currentElementState.jsBracketCount?(a.currentElementState.inJs=!1,a.currentElementState.closeJs=!0,a.addChild=!0,a.addChar=!1):a.currentElementState.jsBracketCount--);break;case"{":a.currentElementState.inJs?a.currentElementState.jsBracketCount++:(a.currentElementState.inJs=!0,a.currentElementState.jsBracketCount=0,a.addChild=!0,a.addChar=!1);break;case"<":/[a-zA-Z>/]/.test(f())&&!_.compiler.isExpression(l,d,u)&&(a.addChild=!0,a.inElement=!0)}a.addChild&&(""===a.value.trim()?""!==a.value&&m.push({type:P.e_child_whitespace,value:a.value,pos:d}):(n=a.currentElementState.closeJs||a.currentElementState.inJs&&0<a.currentElementState.jsBracketCount||a.currentElementState.inJs&&a.inElement,m.push({type:n?P.e_child_js:P.e_child_text,value:a.value,pos:d})),a.addChild=!1,a.value="",a.currentElementState.closeJs&&(a.currentElementState.closeJs=!1,a.currentElementState.inJs=!1))}if(a.closeElement?(" "!==s&&"\t"!==s&&"\n"!==s&&"\r"!==s&&(a.value+=s),a.closingElement?(m.push({type:P.e_end,value:a.value,pos:d}),a.hasElementName=!1,a.elementStack--,a.elementState.pop(),a.currentElementState=0===a.elementStack?null:a.elementState[a.elementStack-1],0===a.elementStack&&(a.elementClosed=!0)):">"===a.value?d--:(m.push({type:P.e_start,value:a.value,pos:d}),a.elementStack++,a.currentElementState={inJs:!1,jsBracketCount:0,closeJs:!1,inPropJs:!1,jsPropBracketCount:0},a.elementState.push(a.currentElementState)),a.value="",a.closeElement=!1,a.closingElement=!1,a.addElementEnd&&(m.push({type:P.e_end,value:a.value,pos:null}),a.addElementEnd=!1)):(a.addChar&&(a.value+=s),a.addChar=!0),a.elementClosed)break;d++}if(a.fatalError)throw console.log(m),new Error(a.errorMessage)}(c,!0),d++}return m},parser:function(u,d){var m=0,h={type:L.program,body:[],pos:null},y=0,f=u.length,E=this.maxRecursiveCalls,g=this.pragmaFrag,v=0,S=0,t=/(\/\/|\/\*|\/\*\*)\s+@jsxFrag\s+([a-zA-Z.]+)/gm.exec(d);function b(e,p){if(E<++y)throw new Error("Call count exceeded in parser. If you have a large JSX file that is valid you can increase them limit using the property `jsxLoader.compiler.maxRecursiveCalls`.");var t=u[m];if(m++,t.type===P.js)return{type:L.js,value:t.value,pos:t.pos,stackCount:e};if(t.type===P.e_start){v++;for(var r,n=t.value.replace("<","").replace("/","").replace(">",""),a=(n=""===n?g:n)[0],i={type:L.createElement,name:n,isClass:"A"<=a&&a<="Z"||-1!==n.indexOf("."),props:[],children:[],pos:t.pos,stackCount:e},o=!1;m<f;){switch(t=u[m],m++,t.type){case P.e_prop:var l={name:t.value,value:null,pos:t.pos};switch(m<f?u[m].type:null){case P.e_value:case P.js:l.value=u[m].value,m++;break;case P.e_start:l.value=b(e+1);break;case P.e_child_js_start:l.value=b(e+1,P.e_child_js_start)}""!==l.name.trim()&&i.props.push(l);break;case P.e_child_js:""!==t.value.trim()&&("}"===(r=0===(r=t.value.trim()).indexOf("{")?r.substring(1):r).substring(r.length-1,r.length)&&(r=r.substring(0,r.length-1)),i.children.push({type:t.type,value:r,pos:t.pos}));break;case P.e_child_js_start:case P.e_child_js_end:i.children.push({type:t.type,value:r,pos:t.pos});break;case P.e_child_text:""!==t.value.trim()&&i.children.push({type:t.type,value:t.value,pos:t.pos});break;case P.e_child_whitespace:i.children.push({type:t.type,value:t.value,pos:t.pos});break;case P.e_end:var s=t.value.replace("<","").replace("/","").replace(">","");if(s!==i.name&&""!==s)throw new Error("Found closing element ["+s+"] that does not match opening element ["+i.name+"] from Token # "+t.index+_.compiler.getTextPosition(d,t.pos));o=!0,S++;break;case P.e_start:m--,i.children.push({type:P.e_start,value:b(e+1),pos:t.pos});break;default:throw console.log(u),console.log(h),new Error("Tokens are out of order 1: ["+t.type+"], Token #: "+t.index+_.compiler.getTextPosition(d,t.pos))}if(o)break}return i}if(t.type===P.e_child_js_start&&t.type===p)for(var c=[t];m<f;)switch(t=u[m],m++,t.type){case P.e_start:m--,c.push(b(e+1));break;case P.e_child_js_end:return c.push(t),c;default:throw new Error("Found unexpected token type in JS child prop: ["+t.type+"], Token #: "+t.index+_.compiler.getTextPosition(d,t.pos))}throw new Error("Tokens are out of order 2: ["+t.type+"], Token #: "+t.index+_.compiler.getTextPosition(d,t.pos))}t&&(g=t[2]);for(var e=0;e<f;e++)u[e].index=e;for(;m<f;)h.body.push(b(0));if(v!==S)throw new Error('The number of opening elements (for example: "<div>") does not match the number closing elements ("</div>").');return h},codeGenerator:function(e,t){var j=this.addUseStrict,x=this.pragma,t=/(\/\/|\/\*|\/\*\*)\s+@jsx\s+([a-zA-Z.]+)/gm.exec(t);return t&&(x=t[2]),function e(t,p){switch(t.type){case L.program:var r=t.body.map(e).join("");return j&&-1===r.indexOf('"use strict"')&&-1===r.indexOf("'use strict'")?'"use strict";\n'+r:r;case L.js:case P.e_child_js_start:case P.e_child_js_end:return t.value;case L.createElement:var n,r=x+"("+(t.isClass?t.name:JSON.stringify(t.name))+", ",u=(0<t.stackCount&&(r=!0!==p?"\n"+" ".repeat(8)+" ".repeat(4*t.stackCount)+r:" "+r),t.props.length),d=[];if(0===u)r+="null";else{r+="{";for(var a=0;a<u;a++){var i=t.props[a].value;if(null===i)i="true";else if("string"!=typeof i)if(Array.isArray(i)&&0<i.length&&i[0].type===P.e_child_js_start){for(var m="";0<i.length;)m+=e(i.shift(),!0);i=m}else i=e(i,!0);-1!==(n=t.props[a].name.trim()).indexOf("-")&&(n=JSON.stringify(n)),"true"===i&&/{\.\.\.(.+)}/.test(n)?d.push(n.substring(0,n.length-1).substring(1)+(a===u-1?"":", ")):d.push(n+": "+i+(a===u-1?"":", "))}var h=d.reduce(function(e,t){return e+=t.length},0);80<h?(h="\n",!0!==p&&(h+=" ".repeat(12)+" ".repeat(4*t.stackCount)),r+=h+d.join(h)):r+=d.join(""),r+="}"}var o,l,s=[],f=!1,g=!1,v=!1,S=!1,b=t.children.length,y=null,E=0,_=!1,w=!0;for(l=0;l<b;l++)switch(t.children[l].type){case P.e_child_js:case P.e_child_js_start:g=!0,"string"==typeof(o=t.children[l].value)&&-1===o.indexOf("(")&&-1===o.indexOf(")")&&(w=!1);break;case P.e_child_text:f=!0;break;case P.e_start:v=!0,E++;break;case P.e_child_whitespace:case P.e_child_js_end:break;default:throw new Error("Unhandled child type codeGenerator(): "+t.children[l].type)}for(l=0;l<b;l++){switch(t.children[l].type){case P.e_child_js:case P.e_child_js_start:_?s[s.length-1]+=t.children[l].value:(s.push(t.children[l].value),S||1!==s.length||(S=!0));break;case P.e_child_text:-1!==(o=t.children[l].value).indexOf("&")&&((c=document.createElement("div")).innerHTML=o,o=c.textContent),1===b?s.push(JSON.stringify(o)):l===b-1?s.push(JSON.stringify(o.replace(/\s+$/,""))):0===l?s.push(JSON.stringify(o.replace(/^\s+/,""))):s.push(JSON.stringify(o));break;case P.e_child_js_end:s.push(t.children[l].value);break;case P.e_start:var C,c=!1,k=!1;!(c=null!==y?t.children[y].type===P.e_child_js:c)||((C=t.children[y].value.trim()).endsWith("&&")||C.endsWith("?")||C.endsWith("(")||C.endsWith(":")||C.endsWith(" return"))&&(s[s.length-1]+=e(t.children[l].value,c),E--,_=k=!0),k||(s.push(e(t.children[l].value,c)),_=!1);break;case P.e_child_whitespace:(g||f)&&0!==l&&l!==b-1&&(s.push(JSON.stringify(t.children[l].value)),_=!1);continue;default:throw new Error("Unhandled child type codeGenerator(): "+t.children[l].type)}y=l}return 0<s.length&&(r+=!f&&g&&v&&S&&1===E&&w?", "+s.join(""):", "+s.join(", ")),r+=")";default:throw new TypeError("Unhandled AST type in codeGenerator: "+t.type)}}(e)}}};Object.defineProperty(_,"version",{value:"5.14.3",enumerable:!0}),"undefined"!=typeof window&&void 0!==window.document||"object"!=typeof module||"object"!=typeof module.exports?(window.jsxLoader=_,document.addEventListener("DOMContentLoaded",function(){if(null===_.isSupportedBrowser)try{new Function('"use strict";'+_.evalCode)(),_.isSupportedBrowser=!0}catch(e){_.isSupportedBrowser=!1}_.isSupportedBrowser&&!1===_.needsPolyfill?_.setup():_.isSupportedBrowser?_.downloadScript(_.polyfillUrl,function(){_.addAdditionalPolyfills(),_.setup()}):(_.addBabelPolyfills(),_.downloadScript(_.polyfillUrl,function(){_.addAdditionalPolyfills(),_.downloadScript(_.babelUrl,function(){_.setup()})}))})):module.exports={jsxLoader:_}}();
\ No newline at end of file
+!function(){"use strict";for(var P={js:0,e_start:1,e_end:2,e_prop:3,e_value:4,e_child_text:5,e_child_js:6,e_child_whitespace:7,e_child_js_start:8,e_child_js_end:9},L={program:0,js:1,createElement:2},e=[P,L],t=0,r=e.length;t<r;t++){var n,a=e[t];for(n in a)a.hasOwnProperty(n)&&(a[n]=n)}var _={polyfillUrl:"https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?version=4.8.0&features=Array.from,Array.isArray,Array.prototype.find,Array.prototype.findIndex,Object.assign,Object.keys,Object.values,URL,fetch,Promise,Promise.prototype.finally,String.prototype.endsWith,String.prototype.startsWith,String.prototype.includes,String.prototype.repeat,WeakSet,Symbol,Number.isInteger,String.prototype.codePointAt,String.fromCodePoint",babelUrl:"https://unpkg.com/@babel/standalone@7.12.12/babel.js",babelOptions:{presets:["es2015","react"],plugins:["proposal-object-rest-spread"]},fetchOptions:{mode:"cors",cache:"no-store",credentials:"same-origin"},logCompileTime:!1,logCompileDetails:!1,sourceMaps:!1,evalCode:'"use strict"; class foo {}; const { id, ...other } = { id:123, test:456 };',needsPolyfill:!(Array.from&&"undefined"!=typeof window&&window.Promise&&window.fetch&&Promise.prototype.finally),jsUpdates:[{find:/export function/g,replace:"function"},{find:/export default class/g,replace:"class"},{find:/import React from 'react';/g,replace:""},{find:/import React from"react";/g,replace:""},{find:/=>,/g,replace:"=>"}],globalNamespaces:{react:"React","react-dom":"ReactDom"},isSupportedBrowser:null,usePreact:function(){this.compiler.pragma="preact.createElement",this.compiler.pragmaFrag="preact.Fragment",this.jsUpdates.push({find:/ReactDOM\.render/g,replace:"preact.render"}),this.jsUpdates.push({find:/React\.Component/g,replace:"preact.Component"}),this.jsUpdates.push({find:/React\.Fragment/g,replace:"preact.Fragment"}),this.jsUpdates.push({find:/React\.createElement/g,replace:"preact.createElement"}),this.jsUpdates.push({find:/React\.cloneElement/g,replace:"preact.cloneElement"}),this.jsUpdates.push({find:/React\.createRef/g,replace:"preact.createRef"}),this.jsUpdates.push({find:/onChange:/g,replace:"onInput:"}),this.jsUpdates.push({find:/import preact from 'preact';/g,replace:""}),this.jsUpdates.push({find:/import preact from"preact";/g,replace:""}),this.globalNamespaces.react="preact",this.globalNamespaces["react-dom"]="preact","undefined"!=typeof window&&void 0===window.React&&void 0!==window.preact&&(window.React=window.preact)},hasPendingScripts:function(){return 0<document.querySelectorAll('script[type="text/babel"]:not([data-added-to-page])').length},setup:function(){var t,a,e=document.querySelectorAll('script[type="text/babel"]:not([data-added-to-page])');1!==e.length?(t=[],a=[],Array.prototype.forEach.call(e,function(e){var r,n;""===e.src?a.push(e):t.push((n={element:r=e,text:"",error:null},new Promise(function(t){fetch(r.src,_.fetchOptions).then(function(e){var t=e.status;if(200<=t&&t<300||304===t)return e.text();throw new Error("Error loading data. Server Response Code: "+t+", Response Text: "+e.statusText)}).then(function(e){n.text=e,t(n)}).catch(function(e){n.error=e,t(n)})})))}),Promise.all(t).then(function(e){e.forEach(function(e){_.loadScript(e.element,e.text,e.error)}),a.forEach(function(e){_.loadScript(e)})})):_.loadScript(e[0])},loadScript:function(s,e,r){function n(e,t,r){var n,a,i,o,l=new Date;(_.logCompileTime||_.logCompileDetails)&&(console.log("=".repeat(80)),console.log(s.src),console.log("Start time: "+l.getTime())),_.sourceMaps&&(void 0===_.babelOptions.sourceMaps&&(_.babelOptions.sourceMaps="both",_.babelOptions.generatorOpts={sourceMaps:"both"}),void 0===(o=r)&&(o="Inline Babel script"+(0===(i=document.querySelectorAll('script[data-compiler="Babel"]:not([data-src])').length)?"":" ("+(i+1)+")")),_.babelOptions.filename=o);try{a=_.isSupportedBrowser?(n=_.compiler.compile(e),"jsxLoader"):(n=Babel.transform(e,_.babelOptions).code,"Babel")}catch(e){console.log("-".repeat(80)),console.log("Compile Error:"),console.log(s),console.error(e),s.setAttribute("data-error",e.toString()),n=null}_.logCompileDetails&&console.log(n),(_.logCompileTime||_.logCompileDetails)&&(i=new Date,console.log("End time: "+i.getTime()),console.log("Time taken (in milliseconds): "+(i.getTime()-l.getTime()))),null!==n&&(_.jsUpdates.forEach(function(e){n=n.replace(e.find,e.replace)}),o=document.createElement("script"),r&&o.setAttribute("data-src",r),o.setAttribute("data-compiler",a),"module"===s.getAttribute("data-type")&&(o.type="module"),o.innerHTML=n,document.head.appendChild(o)),t()}return new Promise(function(t){if(""===s.src)return n(s.innerHTML,t),void s.setAttribute("data-added-to-page","");"string"!=typeof e?fetch(s.src,_.fetchOptions).then(function(e){var t=e.status;if(200<=t&&t<300||304===t)return e.text();throw new Error("Error loading data. Server Response Code: "+t+", Response Text: "+e.statusText)}).then(function(e){n(e,t,s.getAttribute("src")),s.setAttribute("data-added-to-page","")}).catch(function(e){console.error(e),s.setAttribute("data-added-to-page",""),s.setAttribute("data-error",e.toString()),t()}):r?(console.error(r),s.setAttribute("data-added-to-page",""),s.setAttribute("data-error",r.toString()),t()):(n(e,t,s.getAttribute("src")),s.setAttribute("data-added-to-page",""))})},addBabelPolyfills:function(){(window.exports=window).require=function(e){var t;return void 0!==_.globalNamespaces[e]&&void 0!==(t=window[_.globalNamespaces[e]])||void 0===(t=window[e])&&-1!==e.indexOf("-")&&(e=e.split("-").map(function(e){return e.substring(0,1).toUpperCase()+e.substring(1)}).join(""),void 0===(t=window[e])&&(e=e.substring(0,1).toLowerCase()+e.substring(1),t=window[e])),t}},downloadScript:function(e,t){var r=document.createElement("script");r.onload=t,r.onerror=function(){console.error("Error loading Script: "+e),t()},r.src=e,document.head.appendChild(r)},addAdditionalPolyfills:function(){void 0===String.prototype.trimLeft&&(String.prototype.trimLeft=function(){return this.replace(/^\s+/,"")}),void 0===String.prototype.trimStart&&(String.prototype.trimStart=String.prototype.trimLeft),void 0===String.prototype.trimRight&&(String.prototype.trimRight=function(){return this.replace(/\s+$/,"")}),void 0===String.prototype.trimEnd&&(String.prototype.trimEnd=String.prototype.trimRight)},compiler:{pragma:"React.createElement",pragmaFrag:"React.Fragment",maxRecursiveCalls:1e3,addUseStrict:!0,compile:function(e){if(this.isMinimized(e))return e;var t=this.removeComments(e),t=this.tokenizer(t),t=(_.logCompileDetails&&console.log(t),this.parser(t,e));return _.logCompileDetails&&console.log(t),this.codeGenerator(t,e)},getTextPosition:function(e,t){e=e.substring(0,t).split("\n"),t=e.length,e=e[t-1];return" at Line #: "+t+", Column #: "+(e.length-1)+", Line: "+e.trim()},isMinimized:function(e){return-1===e.indexOf("\n")&&(-1!==e.indexOf("if(")||-1!==e.indexOf("}render(){return"))},isExpression:function(e,t,r){for(var n=t+2,a=!1;n<r;){var i=e[n];if(n++,/[a-zA-Z0-9_/]/.test(i)){if(a)break}else{if(">"===i)break;if(" "!==i){if(")"===i||"&"===i||"|"===i||"?"===i||";"===i)return!0}else a=!0}}return!1},removeComments:function(e){var t,r,n=e.length,a=new Array(n),i={inCommentReact:!1,inCommentSingleLine:!1,inCommentMultiLine:!1,inStringSingleQuote:!1,inStringDoubleQuote:!1,inStringMultiLine:!1,elementCount:0,jsCount:0},o=0;function l(){return o<n-1?e[o+1]:null}function s(){return o<n-2?e[o+1]+e[o+2]:null}for(;o<n;){if(t=e[o],i.inCommentReact)"*"===t&&"/}"===s()?(a[o]=" ",a[o+1]=" ",o+=2,i.inCommentReact=!(t=" ")):"\n"!==t&&(t=" ");else if(i.inCommentSingleLine)"\n"===t?i.inCommentSingleLine=!1:t=" ";else if(i.inCommentMultiLine)"*"==t&&"/"===l()?(a[o]=" ",o++,i.inCommentMultiLine=!(t=" ")):"\n"!==t&&(t=" ");else if(i.inStringDoubleQuote)'"'===t&&"\\"!==e[o-1]&&(i.inStringDoubleQuote=!1);else if(i.inStringSingleQuote)"'"===t&&"\\"!==e[o-1]&&(i.inStringSingleQuote=!1);else if(i.inStringMultiLine)"`"===t&&(i.inStringMultiLine=!1);else switch(t){case"{":"/*"===s()?(a[o]=" ",a[o+1]=" ",o+=2,t=" ",i.inCommentReact=!0):0<i.elementCount&&i.jsCount++;break;case"}":0<i.elementCount&&0<i.jsCount&&i.jsCount--;break;case"/":(0===i.elementCount||0<i.jsCount)&&(r=l(),i.inCommentSingleLine="/"===r,i.inCommentSingleLine||(i.inCommentMultiLine="*"===r),(i.inCommentSingleLine||i.inCommentMultiLine)&&(a[o]=" ",o++,t=" "));break;case'"':i.inStringDoubleQuote=!0;break;case"'":i.inStringSingleQuote=!0;break;case"`":i.inStringMultiLine=!0;break;case"<":r=l(),/[a-zA-Z>]/.test(r)&&!this.isExpression(e,o,n)?i.elementCount++:"/"===r&&i.elementCount--;break;case">":"/"===e[o-1]&&0<i.elementCount&&i.elementCount--}a[o]=t,o++}return a.join("")},tokenizer:function(l){var s,c,p,u=l.length,d=0,m=[],e=0,v=0,S=this.maxRecursiveCalls;function h(){return d<u?l[d]:null}function f(){return d<u?l[d+1]:null}function g(){if(u<++e)throw new Error("Endless loop encountered in tokenizer")}for(;d<u;){if(g(),null===(c=function(){for(var e,t=d,r={inStringSingleQuote:!1,inStringDoubleQuote:!1,inStringMultiLine:!1};t<u-1;){if(e=l[t],r.inStringDoubleQuote)'"'===e&&"\\"!==l[t-1]&&(r.inStringDoubleQuote=!1);else if(r.inStringSingleQuote)"'"===e&&"\\"!==l[t-1]&&(r.inStringSingleQuote=!1);else if(r.inStringMultiLine)"`"===e&&(r.inStringMultiLine=!1);else switch(e){case'"':r.inStringDoubleQuote=!0;break;case"'":r.inStringSingleQuote=!0;break;case"`":r.inStringMultiLine=!0;break;case"<":if(/[a-zA-Z>]/.test(l[t+1])&&!_.compiler.isExpression(l,t,u))return t}t++}return null}())){m.push({type:P.js,value:l.substring(d,u),pos:d});break}!function e(t,r){if(S<++v)throw new Error("Call count exceeded in tokenizer. If you have a large JSX file that is valid you can increase them limit using the property `jsxLoader.compiler.maxRecursiveCalls`.");var n,a={value:l[c],elementStack:0,elementState:[],currentElementState:null,inElement:!0,hasElementName:!1,elementClosed:!1,closeElement:!1,closingElement:!1,fatalError:!1,errorMessage:null,addElementEnd:!1,breakLoop:!1,addChild:!1,addChar:!0,hasProp:!1,inValue:!1,inPropString:!1,propStringChar:null,jsWithElement:!1};for(d<t&&r&&m.push({type:P.js,value:l.substring(d,t),pos:d}),d=t+1;d<u;){if(g(),s=l[d],a.inElement){if(a.hasElementName)for(a.value+=s,d++,a.breakLoop=!1,a.hasProp=!1,a.inValue=!1;d<u;)if(g(),s=l[d],d++,a.inPropString&&s!==a.propStringChar)a.value+=s;else{switch(s){case"=":if(a.currentElementState.inPropJs)break;""!==a.value.trim()&&(m.push({type:P.e_prop,value:a.value,pos:d}),a.hasProp=!0,a.inValue=!0),a.value="",'"'===(p=h())||"'"===p?(a.inPropString=!0,a.propStringChar=p,d++):"{"===p&&(a.currentElementState.inPropJs=!0,a.currentElementState.jsPropBracketCount=0,d++);continue;case a.propStringChar:if(a.inPropString){a.inPropString=!1,m.push({type:a.hasProp?P.e_value:P.e_prop,value:JSON.stringify(a.value),pos:d}),a.inValue=!1,a.hasProp=!1,a.value="";continue}break;case"}":if(a.currentElementState.inPropJs){if(0===a.currentElementState.jsPropBracketCount){a.currentElementState.inPropJs=!1,""!==a.value.trim()&&(a.jsWithElement?(m.push({type:P.e_child_js_end,value:a.value,pos:d}),a.jsWithElement=!1):">"!==a.value.trim()&&(m.push({type:P.e_value,value:a.value,pos:d}),a.hasProp=!1)),a.inValue=!1,a.value="";continue}a.currentElementState.jsPropBracketCount--}break;case" ":case"\t":case"\r":case"\n":a.currentElementState.inPropJs||(""!==a.value.trim()&&m.push({type:a.hasProp?P.e_value:P.e_prop,value:a.value,pos:d}),a.inValue=!1,a.value="");break;case"/":">"===h()&&(d--,a.breakLoop=!0,a.hasElementName=!1);break;case"<":a.currentElementState.inPropJs&&" "!==h()&&(""!==a.value.trim()&&(m.push({type:P.e_child_js_start,value:a.value,pos:d}),a.value="",a.jsWithElement=!0),e(--d,!1),s="",a.jsWithElement&&d++);break;case"{":a.currentElementState.inPropJs&&a.currentElementState.jsPropBracketCount++;break;case">":a.currentElementState.inPropJs||(a.breakLoop=!0,a.hasElementName=!1)}if(a.breakLoop){var i=a.value.trim(),o=m[m.length-1];if("/"===a.value&&">"===s&&o.type===P.e_start){if(m.push({type:P.e_end,value:a.value+s,pos:d}),a.elementStack<=1)return void("}"!==h()&&d--);a.elementStack--,a.elementState.pop(),a.currentElementState=0===a.elementStack?null:a.elementState[a.elementStack-1]}else if(">"!==s||""===i||!/^[a-zA-Z0-9-_]*$/.test(i)&&!/{\.\.\.(.+)}/.test(i)||o.type!==P.e_start&&o.type!==P.e_value){if(""!==i)throw console.log(m),new Error("Unhandled character in element properties: `"+a.value+"`"+_.compiler.getTextPosition(l,d))}else m.push({type:P.e_prop,value:i,pos:d});a.value="",a.breakLoop=!1;break}a.value+=s}switch(s){case"/":""===a.value||"<"===a.value?a.closingElement=!0:">"===h()?(a.closeElement=!0,a.inElement=!1,a.addElementEnd=!0):">"===f()?(a.closeElement=!0,a.hasElementName=!0,s="",d--):(a.fatalError=!0,a.errorMessage='Error found a "/" character in element ['+a.value+'] but not closing "/>"'+_.compiler.getTextPosition(l,d));break;case">":a.closeElement=!0,a.inElement=!1;break;case" ":case"\t":case"\n":case"\r":a.hasElementName=!0,a.closeElement=!0}}else{switch(s){case"}":a.currentElementState.inJs&&(0===a.currentElementState.jsBracketCount?(a.currentElementState.inJs=!1,a.currentElementState.closeJs=!0,a.addChild=!0,a.addChar=!1):a.currentElementState.jsBracketCount--);break;case"{":a.currentElementState.inJs?a.currentElementState.jsBracketCount++:(a.currentElementState.inJs=!0,a.currentElementState.jsBracketCount=0,a.addChild=!0,a.addChar=!1);break;case"<":/[a-zA-Z>/]/.test(f())&&!_.compiler.isExpression(l,d,u)&&(a.addChild=!0,a.inElement=!0)}a.addChild&&(""===a.value.trim()?""!==a.value&&m.push({type:P.e_child_whitespace,value:a.value,pos:d}):(n=a.currentElementState.closeJs||a.currentElementState.inJs&&0<a.currentElementState.jsBracketCount||a.currentElementState.inJs&&a.inElement,m.push({type:n?P.e_child_js:P.e_child_text,value:a.value,pos:d})),a.addChild=!1,a.value="",a.currentElementState.closeJs&&(a.currentElementState.closeJs=!1,a.currentElementState.inJs=!1))}if(a.closeElement?(" "!==s&&"\t"!==s&&"\n"!==s&&"\r"!==s&&(a.value+=s),a.closingElement?(m.push({type:P.e_end,value:a.value,pos:d}),a.hasElementName=!1,a.elementStack--,a.elementState.pop(),a.currentElementState=0===a.elementStack?null:a.elementState[a.elementStack-1],0===a.elementStack&&(a.elementClosed=!0)):">"===a.value?d--:(m.push({type:P.e_start,value:a.value,pos:d}),a.elementStack++,a.currentElementState={inJs:!1,jsBracketCount:0,closeJs:!1,inPropJs:!1,jsPropBracketCount:0},a.elementState.push(a.currentElementState)),a.value="",a.closeElement=!1,a.closingElement=!1,a.addElementEnd&&(m.push({type:P.e_end,value:a.value,pos:null}),a.addElementEnd=!1)):(a.addChar&&(a.value+=s),a.addChar=!0),a.elementClosed)break;d++}if(a.fatalError)throw console.log(m),new Error(a.errorMessage)}(c,!0),d++}return m},parser:function(u,d){var m=0,h={type:L.program,body:[],pos:null},y=0,f=u.length,E=this.maxRecursiveCalls,g=this.pragmaFrag,v=0,S=0,t=/(\/\/|\/\*|\/\*\*)\s+@jsxFrag\s+([a-zA-Z.]+)/gm.exec(d);function b(e,p){if(E<++y)throw new Error("Call count exceeded in parser. If you have a large JSX file that is valid you can increase them limit using the property `jsxLoader.compiler.maxRecursiveCalls`.");var t=u[m];if(m++,t.type===P.js)return{type:L.js,value:t.value,pos:t.pos,stackCount:e};if(t.type===P.e_start){v++;for(var r,n=t.value.replace("<","").replace("/","").replace(">",""),a=(n=""===n?g:n)[0],i={type:L.createElement,name:n,isClass:"A"<=a&&a<="Z"||-1!==n.indexOf("."),props:[],children:[],pos:t.pos,stackCount:e},o=!1;m<f;){switch(t=u[m],m++,t.type){case P.e_prop:var l={name:t.value,value:null,pos:t.pos};switch(m<f?u[m].type:null){case P.e_value:case P.js:l.value=u[m].value,m++;break;case P.e_start:l.value=b(e+1);break;case P.e_child_js_start:l.value=b(e+1,P.e_child_js_start)}""!==l.name.trim()&&i.props.push(l);break;case P.e_child_js:""!==t.value.trim()&&("}"===(r=0===(r=t.value.trim()).indexOf("{")?r.substring(1):r).substring(r.length-1,r.length)&&(r=r.substring(0,r.length-1)),i.children.push({type:t.type,value:r,pos:t.pos}));break;case P.e_child_js_start:case P.e_child_js_end:i.children.push({type:t.type,value:r,pos:t.pos});break;case P.e_child_text:""!==t.value.trim()&&i.children.push({type:t.type,value:t.value,pos:t.pos});break;case P.e_child_whitespace:i.children.push({type:t.type,value:t.value,pos:t.pos});break;case P.e_end:var s=t.value.replace("<","").replace("/","").replace(">","");if(s!==i.name&&""!==s)throw new Error("Found closing element ["+s+"] that does not match opening element ["+i.name+"] from Token # "+t.index+_.compiler.getTextPosition(d,t.pos));o=!0,S++;break;case P.e_start:m--,i.children.push({type:P.e_start,value:b(e+1),pos:t.pos});break;default:throw console.log(u),console.log(h),new Error("Tokens are out of order 1: ["+t.type+"], Token #: "+t.index+_.compiler.getTextPosition(d,t.pos))}if(o)break}return i}if(t.type===P.e_child_js_start&&t.type===p)for(var c=[t];m<f;)switch(t=u[m],m++,t.type){case P.e_start:m--,c.push(b(e+1));break;case P.e_child_js_end:return c.push(t),c;default:throw new Error("Found unexpected token type in JS child prop: ["+t.type+"], Token #: "+t.index+_.compiler.getTextPosition(d,t.pos))}throw new Error("Tokens are out of order 2: ["+t.type+"], Token #: "+t.index+_.compiler.getTextPosition(d,t.pos))}t&&(g=t[2]);for(var e=0;e<f;e++)u[e].index=e;for(;m<f;)h.body.push(b(0));if(v!==S)throw new Error('The number of opening elements (for example: "<div>") does not match the number closing elements ("</div>").');return h},codeGenerator:function(e,t){var j=this.addUseStrict,x=this.pragma,t=/(\/\/|\/\*|\/\*\*)\s+@jsx\s+([a-zA-Z.]+)/gm.exec(t);return t&&(x=t[2]),function e(t,p){switch(t.type){case L.program:var r=t.body.map(e).join("");return j&&-1===r.indexOf('"use strict"')&&-1===r.indexOf("'use strict'")?'"use strict";\n'+r:r;case L.js:case P.e_child_js_start:case P.e_child_js_end:return t.value;case L.createElement:var n,r=x+"("+(t.isClass?t.name:JSON.stringify(t.name))+", ",u=(0<t.stackCount&&(r=!0!==p?"\n"+" ".repeat(8)+" ".repeat(4*t.stackCount)+r:" "+r),t.props.length),d=[];if(0===u)r+="null";else{r+="{";for(var a=0;a<u;a++){var i=t.props[a].value;if(null===i)i="true";else if("string"!=typeof i)if(Array.isArray(i)&&0<i.length&&i[0].type===P.e_child_js_start){for(var m="";0<i.length;)m+=e(i.shift(),!0);i=m}else i=e(i,!0);-1!==(n=t.props[a].name.trim()).indexOf("-")&&(n=JSON.stringify(n)),"true"===i&&/{\.\.\.(.+)}/.test(n)?d.push(n.substring(0,n.length-1).substring(1)+(a===u-1?"":", ")):d.push(n+": "+i+(a===u-1?"":", "))}var h=d.reduce(function(e,t){return e+=t.length},0);80<h?(h="\n",!0!==p&&(h+=" ".repeat(12)+" ".repeat(4*t.stackCount)),r+=h+d.join(h)):r+=d.join(""),r+="}"}var o,l,s=[],f=!1,g=!1,v=!1,S=!1,b=t.children.length,y=null,E=0,_=!1,w=!0;for(l=0;l<b;l++)switch(t.children[l].type){case P.e_child_js:case P.e_child_js_start:g=!0,"string"==typeof(o=t.children[l].value)&&-1===o.indexOf("(")&&-1===o.indexOf(")")&&(w=!1);break;case P.e_child_text:f=!0;break;case P.e_start:v=!0,E++;break;case P.e_child_whitespace:case P.e_child_js_end:break;default:throw new Error("Unhandled child type codeGenerator(): "+t.children[l].type)}for(l=0;l<b;l++){switch(t.children[l].type){case P.e_child_js:case P.e_child_js_start:_?s[s.length-1]+=t.children[l].value:(s.push(t.children[l].value),S||1!==s.length||(S=!0));break;case P.e_child_text:-1!==(o=t.children[l].value).indexOf("&")&&((c=document.createElement("div")).innerHTML=o,o=c.textContent),1===b?s.push(JSON.stringify(o)):l===b-1?s.push(JSON.stringify(o.replace(/\s+$/,""))):0===l?s.push(JSON.stringify(o.replace(/^\s+/,""))):s.push(JSON.stringify(o));break;case P.e_child_js_end:s.push(t.children[l].value);break;case P.e_start:var C,c=!1,k=!1;!(c=null!==y?t.children[y].type===P.e_child_js:c)||((C=t.children[y].value.trim()).endsWith("&&")||C.endsWith("?")||C.endsWith("(")||C.endsWith(":")||C.endsWith(" return"))&&(s[s.length-1]+=e(t.children[l].value,c),E--,_=k=!0),k||(s.push(e(t.children[l].value,c)),_=!1);break;case P.e_child_whitespace:(g||f)&&0!==l&&l!==b-1&&(s.push(JSON.stringify(t.children[l].value)),_=!1);continue;default:throw new Error("Unhandled child type codeGenerator(): "+t.children[l].type)}y=l}return 0<s.length&&(r+=!f&&g&&v&&S&&1===E&&w?", "+s.join(""):", "+s.join(", ")),r+=")";default:throw new TypeError("Unhandled AST type in codeGenerator: "+t.type)}}(e)}}};Object.defineProperty(_,"version",{value:"5.14.4",enumerable:!0}),"undefined"!=typeof window&&void 0!==window.document||"object"!=typeof module||"object"!=typeof module.exports?(window.jsxLoader=_,document.addEventListener("DOMContentLoaded",function(){if(null===_.isSupportedBrowser)try{new Function('"use strict";'+_.evalCode)(),_.isSupportedBrowser=!0}catch(e){_.isSupportedBrowser=!1}_.isSupportedBrowser&&!1===_.needsPolyfill?_.setup():_.isSupportedBrowser?_.downloadScript(_.polyfillUrl,function(){_.addAdditionalPolyfills(),_.setup()}):(_.addBabelPolyfills(),_.downloadScript(_.polyfillUrl,function(){_.addAdditionalPolyfills(),_.downloadScript(_.babelUrl,function(){_.setup()})}))})):module.exports={jsxLoader:_}}();
\ No newline at end of file
diff --git a/js/web-components/json-data.min.js b/js/web-components/json-data.min.js
index 7a09cb2..8459921 100644
--- a/js/web-components/json-data.min.js
+++ b/js/web-components/json-data.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.14.3
+// @version 5.14.4
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
 import{Format}from"./utils-format.min.js";import{buildUrl,setElementText,getBindValue,formatData,bindAttrTmpl,componentsAreDefined,polyfillCustomElements,showErrorAlert,showError}from"./utils.min.js";const format=new Format,appEvents={contentReady:"app:contentReady",error:"app:error"},shadowTmpl=document.createElement("template");shadowTmpl.innerHTML="\n    <style>\n        :host { display: block; }\n        :host([hidden]) { display: none; }\n    </style>\n    <slot></slot>\n";const dataCache=[];function saveDataToCache(t,e,s){for(const a of dataCache)if(a.url===t)return a.params=JSON.stringify(e),void(a.data=s);dataCache.push({url:t,params:JSON.stringify(e),data:s})}function getDataFromCache(t,e){for(const s of dataCache)if(s.url===t){if(e===s.params||null===e&&"null"===s.params)return s.data;break}return null}function copyTemplateSelector(t){const e=t.getAttribute("template-selector");if(e&&0===t.childNodes.length){const s=document.querySelector(e);s?t.appendChild(s.content.cloneNode(!0)):showError(t,`Error - Could not find template from <${t.tagName.toLowerCase()} [template-selector="${e}"]>.`)}}class JsonData extends HTMLElement{constructor(){super();this.attachShadow({mode:"open"}).appendChild(shadowTmpl.content.cloneNode(!0)),this.state={isLoading:!1,hasError:!1,isLoaded:!1,errorMessage:null},this.handleButtonClick=this.handleButtonClick.bind(this)}static get observedAttributes(){return["url","url-params"]}attributeChangedCallback(t,e){switch(t){case"url":case"url-params":null===e||this.manualFetchMode||this.fetch()}}connectedCallback(){if(this.elements={isLoading:this.querySelector("is-loading"),hasError:this.querySelector("has-error"),isLoaded:this.querySelector("is-loaded"),clickButton:null},null===this.clickSelector)void 0===this.state||this.state.isLoading||this.state.hasError||this.state.isLoaded||this.manualFetchMode||this.fetch();else if(this.elements.clickButton=document.querySelector(this.clickSelector),null===this.elements.clickButton){const t="Element not found for <json-data> Web Component using [click-selector]: "+String(this.clickSelector);showErrorAlert(t)}else this.elements.clickButton.addEventListener("click",this.handleButtonClick)}disconnectedCallback(){this.elements&&null!==this.elements.clickButton&&(this.elements.clickButton.removeEventListener("click",this.handleButtonClick),this.elements.clickButton=null)}handleButtonClick(){"boolean"==typeof this.elements.clickButton.disabled&&(this.elements.clickButton.disabled=!0);const t=document.querySelectorAll("input[data-bind],select[data-bind],textarea[data-bind]"),e={};for(const s of t){const t=s.getAttribute("data-bind");"INPUT"===s.nodeName&&"checkbox"===s.type?e[t]=s.checked:e[t]=s.value}this.setAttribute("url-params",""),this.setAttribute("url-params",JSON.stringify(e))}get url(){return this.getAttribute("url")}set url(t){this.setAttribute("url",t)}get urlParams(){return this.getAttribute("url-params")}set urlParams(t){"object"==typeof t?this.setAttribute("url-params",JSON.stringify(t)):this.showError(`When setting [urlParams] of <json-data> the value must be an object but was instead a type of [${typeof t}].`)}get loadOnlyOnce(){return null!==this.getAttribute("load-only-once")}get clickSelector(){return this.getAttribute("click-selector")}get manualFetchMode(){return null!==this.getAttribute("manual-fetch-mode")}get isLoading(){return this.state.isLoading}set isLoading(t){this.state.isLoading=!0===t,this.elements.isLoading&&(this.elements.isLoading.style.display=this.state.isLoading?"":"none")}get hasError(){return this.state.hasError}set hasError(t){this.state.hasError=!0===t,this.elements.hasError&&(this.elements.hasError.style.display=this.state.hasError?"":"none")}get isLoaded(){return this.state.isLoaded}set isLoaded(t){this.state.isLoaded=!0===t,this.elements.isLoaded&&(this.elements.isLoaded.style.display=this.state.isLoaded?"":"none")}dispatchContentReady(){this.dispatchEvent(new Event(appEvents.contentReady,{bubbles:!0}));const t=this.getAttribute("onready");if(t)try{if(!this.isConnected)return;const e=new Function("return "+t)();"function"==typeof e&&e()}catch(e){showErrorAlert(`Error from function <json-data onready="${t}">: ${e.message}`),console.error(e)}}async fetch(){const t=this.url;let e=t;if(null===e||""===e)return await this.showError("Error, element <json-data> is missing attribute [url]"),void this.dispatchContentReady();let s=this.getAttribute("url-params");if(""!==s||!e.includes(":")){if(this.loadOnlyOnce){const e=getDataFromCache(t,s);if(null!==e)return await this._setLoadedState(e),void this.dispatchContentReady()}s&&(s=JSON.parse(s)),e=buildUrl(e,s),this.isLoading=!0,this.isLoaded=!1,this.hasError=!1,await this.bindData(),fetch(e,{mode:"cors",cache:"no-store",credentials:"same-origin"}).then((t=>{const e=t.status;if(e>=200&&e<300||304===e)return Promise.resolve(t);{const s="Error loading data. Server Response Code: "+e+", Response Text: "+t.statusText;return Promise.reject(s)}})).then((t=>t.json())).then((async e=>{this.loadOnlyOnce&&saveDataToCache(t,s,e),await this._setLoadedState(e)})).catch((async t=>{await this.showError(t)})).finally((()=>{null!==this.elements.clickButton&&"boolean"==typeof this.elements.clickButton.disabled&&(this.elements.clickButton.disabled=!1),this.dispatchContentReady()}))}}async showError(t){this.isLoading=!1,this.isLoaded=!1,this.hasError=!0,this.state.errorMessage=t,this.dispatchEvent(new CustomEvent(appEvents.error,{bubbles:!0,detail:t})),await this.bindData(),console.error(t)}async _setLoadedState(t){this.isLoading=!1,this.isLoaded=!0,this.hasError=!1,this.state.errorMessage=null;const e=this.getAttribute("transform-data");if(e)try{if("function"==typeof window[e]){const s=window[e](t);"object"==typeof s&&null!==s?Object.assign(this.state,s):await this.showError(`Function [${e}()] must return an object.`)}else await this.showError(`Function [${e}()] was not found.`)}catch(t){await this.showError(t)}else Object.assign(this.state,t);"boolean"==typeof t.hasError&&(this.hasError=t.hasError),await this.bindData()}async bindData(){await componentsAreDefined(this,"[data-bind]");let t=this.querySelectorAll("[data-bind]");for(const e of t){const t=e.getAttribute("data-bind"),s=""===t?this.state:getBindValue(this.state,t);setElementText(e,formatData(e,s))}t=this.querySelectorAll("[data-bind-attr]");for(const e of t)bindAttrTmpl(e,"data-bind-attr",this.state);t=this.querySelectorAll("[data-show]");for(const e of t)if(this.state.isLoading)e.style.display="none";else{const t=e.getAttribute("data-show");try{const s=new Function("state","format","with(state){return "+t+"}")(this.state,format);e.style.display=!0===s?"":"none"}catch(s){e.style.display="",console.error(`Error evaluating JavaScript expression from [data-show="${t}"] attribute.`),console.error(s)}}t=this.querySelectorAll("[data-bind-refresh]");for(const e of t){const t=e.getAttribute("data-bind-refresh");try{e[t]()}catch(s){console.error(`Error calling function from element with [data-bind-refresh="${t}"].`),console.error(s),console.log(e)}}polyfillCustomElements()}}window.customElements.define("json-data",JsonData),window.customElements.define("is-loading",class extends HTMLElement{constructor(){super();this.attachShadow({mode:"open"}).appendChild(shadowTmpl.content.cloneNode(!0))}connectedCallback(){"JSON-DATA"===this.parentNode.nodeName&&!0===this.parentNode.isLoading||(this.style.display="none"),copyTemplateSelector(this)}}),window.customElements.define("has-error",class extends HTMLElement{constructor(){super();this.attachShadow({mode:"open"}).appendChild(shadowTmpl.content.cloneNode(!0))}connectedCallback(){"JSON-DATA"===this.parentNode.nodeName&&!0===this.parentNode.hasError||(this.style.display="none"),copyTemplateSelector(this)}}),window.customElements.define("is-loaded",class extends HTMLElement{constructor(){super();this.attachShadow({mode:"open"}).appendChild(shadowTmpl.content.cloneNode(!0))}connectedCallback(){"JSON-DATA"===this.parentNode.nodeName&&!0===this.parentNode.isLoaded||(this.style.display="none"),copyTemplateSelector(this)}});
\ No newline at end of file
diff --git a/js/web-components/url-router.min.js b/js/web-components/url-router.min.js
index 3671b6b..c56f897 100644
--- a/js/web-components/url-router.min.js
+++ b/js/web-components/url-router.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.14.3
+// @version 5.14.4
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
 import{render,setElementText,formatData,bindAttrTmpl,polyfillCustomElements,showError,showErrorAlert,componentsAreDefined}from"./utils.min.js";const appEvents={routeChanged:"app:routeChanged",error:"app:error"},shadowTmpl=document.createElement("template");shadowTmpl.innerHTML="\n    <style>:host { display:none; }</style>\n    <slot></slot>\n";class UrlRouter extends HTMLElement{constructor(){super();this.attachShadow({mode:"open"}).appendChild(shadowTmpl.content.cloneNode(!0)),this.currentRoute=null,this.currentUrlParams=null,this.updateView=this.updateView.bind(this),this.handlePushStateClick=this.handlePushStateClick.bind(this),this.useHistoryMode="history"===this.getAttribute("mode")}connectedCallback(){const t=this.useHistoryMode?"popstate":"hashchange";window.addEventListener(t,this.updateView),this.updateView()}disconnectedCallback(){const t=this.useHistoryMode?"popstate":"hashchange";window.removeEventListener(t,this.updateView)}async updateView(){this.currentRoute&&this.executeJsEvent("onunload"),this.currentRoute=null,this.currentUrlParams=null,await componentsAreDefined(this,"url-route");const t=this.getAttribute("view-selector");if(null===t||""===t)return void this.showFatalError("Error, element <url-router> is missing attribute [view-selector]");const e=document.querySelector(t);if(null===e)return void this.showFatalError(render`Error, element from <url-router view-selector="${t}"> was not found on the page.`);const r=this.getAttribute("loading-template-selector");if(r){const t=document.querySelector(r);t?"TEMPLATE"===t.tagName?e.innerHTML=t.innerHTML:console.warn(`Unable to show loading screen from <url-router loading-template-selector="${r}">. Only <template> tags are allowed.`):console.warn(`Unable to show loading screen from <url-router loading-template-selector="${r}">. Element from selector is missing.`)}let o=this.useHistoryMode?window.location.pathname:window.location.hash.substring(1);""===o&&(o="/");const n=this.querySelectorAll("url-route");let s=null;for(const t of n){if(null===t.path)return this.showFatalError("Error, element <url-route> is missing attribute [path]"),void console.log(t);const r=this.routeMatches(o,t.path);if(r.isMatch){const n=t.redirect;if(null!==n&&n!==o)return void(this.useHistoryMode?(window.history.pushState(null,null,t.redirect),this.updateView()):window.location.hash="#"+n);await this.lazyLoadScripts(t);const s=t.template;return this.currentRoute=t,this.currentUrlParams=r.urlParams,void(null===s?this.downloadTemplate(e,t,r.urlParams):this.setView(e,s,r.urlParams))}t.isDefault&&(s=t)}if(s){const t=s.path;if(""!==t&&-1===t.indexOf(":"))return void this.changeRoute(t);if("/:lang/"===t){await componentsAreDefined(document,"i18n-service");const t=document.querySelector("i18n-service");if(t&&"function"==typeof t.getUserDefaultLang){const e=t.getUserDefaultLang();if(null!==e)return void this.changeRoute("/"+e+"/")}return void showError(e,"Missing Web Component [i18n-service.js]")}}showError(e,`Error - The route [${o}] does not have a matching <url-route> element and no default route is defined using [default-route].`)}showFatalError(t){this.style.display="block",this.style.padding="1em",this.style.backgroundColor="red",this.style.color="white",this.style.fontSize="1.5em",this.textContent=t,this.dispatchRouteChanged(null,t),console.error(t)}dispatchRouteChanged(t,e){void 0!==e&&this.dispatchEvent(new CustomEvent(appEvents.error,{bubbles:!0,detail:e}));const r=null!==this.currentRoute,o={url:r?this.currentRoute.path:null,urlParams:t};this.dispatchEvent(new CustomEvent(appEvents.routeChanged,{bubbles:!0,detail:o})),r&&this.executeJsEvent("onload")}executeJsEvent(t){const e=this.currentRoute.getAttribute(t);if(e)try{const t=new Function("return "+e)();"function"==typeof t&&t()}catch(r){showErrorAlert(`Error from function <url-route path="${this.currentRoute.getAttribute("path")}" ${t}="${e}">: ${r.message}`),console.error(r)}}downloadTemplate(t,e,r){const o=e.src;if(null===o||""===o){const o=`Missing <template> or [src] attribute for route <url-route path="${e.path}">.`;return showError(t,o),void this.dispatchRouteChanged(r,o)}fetch(o,{mode:"cors",cache:"no-store",credentials:"same-origin"}).then((t=>{const e=t.status;if(e>=200&&e<300||304===e)return Promise.resolve(t);{const r="Error loading data. Server Response Code: "+e+", Response Text: "+t.statusText;return Promise.reject(r)}})).then((t=>t.text())).then((o=>{e.template=o,this.setView(t,o,r)})).catch((r=>{const n=render`Error with <url-route path="${e.path}"> - Error Downloading Template: [${o}], Error: ${r}`;showError(t,n),this.dispatchEvent(new CustomEvent(appEvents.error,{bubbles:!0,detail:n}))}))}setView(t,e,r){t.innerHTML=e;let o=t.querySelectorAll("[url-params]");const n=JSON.stringify(r);for(const t of o)t.setAttribute("url-params",n);o=t.querySelectorAll("[url-param]");for(const t of o){const e=t.getAttribute("url-param"),o=void 0===r[e]?"":r[e];setElementText(t,formatData(t,o))}o=t.querySelectorAll("[url-attr-param]");for(const t of o)bindAttrTmpl(t,"url-attr-param",r);if(polyfillCustomElements(),this.useHistoryMode){const t=document.querySelectorAll('a[href^="/"]:not([data-no-pushstate])');for(const e of t)e.addEventListener("click",this.handlePushStateClick)}this.dispatchRouteChanged(r)}changeRoute(t){if("string"!=typeof t)throw new TypeError("Expected string for <url-router>.changeRoute(path)");this.useHistoryMode?(window.history.pushState(null,null,t),this.updateView()):window.location.hash=0===t.indexOf("#")?t:"#"+t}handlePushStateClick(t){if(!0!==t.ctrlKey&&!t.metaKey)return t.preventDefault(),t.stopPropagation(),t.currentTarget.href?(window.history.pushState(null,null,t.currentTarget.href),this.updateView()):showErrorAlert("Error, link click does not work because href is missing."),!1}routeMatches(t,e){const r=t.split("/"),o=e.split("/"),n=r.length,s={};if(n!==o.length)return{isMatch:!1};for(let t=0;t<n;t++){const e=decodeURIComponent(r[t]);if(e!==o[t]){if(":"!==o[t].substring(0,1))return{isMatch:!1};s[o[t].substring(1)]=e}}return{isMatch:!0,urlParams:s}}async lazyLoadScripts(t){const e=t.getAttribute("lazy-load"),r=[];if(e){e.split(",").map((t=>t.trim())).forEach((t=>{void 0!==window.lazyLoad&&void 0!==window.lazyLoad[t]?r.push(this.loadScripts(window.lazyLoad[t])):showErrorAlert("Missing [window.lazyLoad] scripts for: "+t)}))}await Promise.all(r)}loadScripts(t){if(!Array.isArray(t)){if(!("string"==typeof t||t instanceof Object&&("module"in t||"nomodule"in t)))return showErrorAlert("Invalid Script for [loadScripts()] or [window.lazyLoad], expected string, an array of strings, or a valid object. Check console."),console.warn("window.loadScripts():"),console.warn(t),new Promise((function(t){t()}));t=[t]}return new Promise((function(e){let r=0;const o=t.length;!function n(){if(r===o)return void e();let s=t[r],i=!1;if(s instanceof Object){if(void 0===s.module)return void e();i=!0,s=s.module}r++,s.endsWith(".js")?function(t,e){return new Promise((function(r){const o=document.querySelectorAll("script");for(let e=0,n=o.length;e<n;e++)if(o[e].getAttribute("src")===t)return void r();const n=document.createElement("script");n.onload=r,n.onerror=()=>{showErrorAlert("Error loading JS File: "+t),r()},e&&n.setAttribute("type","module"),n.src=t,document.head.appendChild(n)}))}(s,i).then(n):s.endsWith(".css")?function(t){return new Promise((function(e){const r=document.querySelectorAll("link");for(let o=0,n=r.length;o<n;o++)if("stylesheet"===r[o].rel&&r[o].getAttribute("href")===t)return void e();const o=document.createElement("link");o.rel="stylesheet",o.onload=e,o.onerror=()=>{showErrorAlert("Error loading CSS File: "+t),e()},o.href=t,document.head.appendChild(o)}))}(s).then(n):(showErrorAlert("Invalid Script for [loadScripts()] or [window.lazyLoad]: "+s),n())}()}))}}class UrlRoute extends HTMLElement{constructor(){super();this.attachShadow({mode:"open"}).appendChild(shadowTmpl.content.cloneNode(!0))}get path(){return this.getAttribute("path")}get src(){return this.getAttribute("src")}get redirect(){return this.getAttribute("redirect")}get isDefault(){return null!==this.getAttribute("default-route")}get template(){const t=this.querySelector("template");return null===t?null:t.innerHTML}set template(t){let e=this.querySelector("template");null===e&&(e=document.createElement("template"),this.appendChild(e)),e.innerHTML=t}}window.customElements.define("url-router",UrlRouter),window.customElements.define("url-route",UrlRoute);
\ No newline at end of file
diff --git a/package.json b/package.json
index 9eb9877..0a4ead7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dataformsjs",
-  "version": "5.14.3",
+  "version": "5.14.4",
   "homepage": "https://www.dataformsjs.com/",
   "description": "A minimal JavaScript Framework and standalone React and Web Components for rapid development of high quality websites and single page applications.",
   "browser": "js/DataFormsJS.min.js",
diff --git a/test/js/unit-testing-react.js b/test/js/unit-testing-react.js
index 237da50..6b1f354 100644
--- a/test/js/unit-testing-react.js
+++ b/test/js/unit-testing-react.js
@@ -45,7 +45,7 @@ describe('jsxLoader.js', function() {
         });
 
         it('should have jsxLoader.polyfillUrl', function() {
-            expect(jsxLoader).to.have.property('polyfillUrl', 'https://polyfill.io/v3/polyfill.min.js?features=Array.from,Array.isArray,Array.prototype.find,Array.prototype.findIndex,Object.assign,Object.keys,Object.values,URL,fetch,Promise,Promise.prototype.finally,String.prototype.endsWith,String.prototype.startsWith,String.prototype.includes,String.prototype.repeat,WeakSet,Symbol,Number.isInteger,String.prototype.codePointAt,String.fromCodePoint');
+            expect(jsxLoader).to.have.property('polyfillUrl', 'https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?version=4.8.0&features=Array.from,Array.isArray,Array.prototype.find,Array.prototype.findIndex,Object.assign,Object.keys,Object.values,URL,fetch,Promise,Promise.prototype.finally,String.prototype.endsWith,String.prototype.startsWith,String.prototype.includes,String.prototype.repeat,WeakSet,Symbol,Number.isInteger,String.prototype.codePointAt,String.fromCodePoint');
         });
 
         it('should have jsxLoader.babelUrl', function() {

From 5bf226860a4bc973fe82c766c3486e665357bc74 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Mon, 9 Sep 2024 22:20:35 -0700
Subject: [PATCH 08/20] =?UTF-8?q?=F0=9F=94=92=20Security=20Update?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 server/app.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/server/app.js b/server/app.js
index ac10bd1..95ea871 100644
--- a/server/app.js
+++ b/server/app.js
@@ -90,7 +90,7 @@ const app = {
             for (let n = 0, m = pathParts.length; n < m; n++) {
                 if (patternParts[n] !== pathParts[n]) {
                     if (patternParts[n].length > 0 && patternParts[n].indexOf(':') === 0) {
-                        args.push(decodeURIComponent(pathParts[n]));
+                        args.push(pathParts[n]);
                     } else {
                         return [ false, [] ];
                     }
@@ -123,7 +123,7 @@ const app = {
 
                 // Match the requested path to a defined route
                 const reqMethod = req.method;
-                const reqPath = new URL(req.url, `http://${req.headers.host}`).pathname;
+                const reqPath = decodeURIComponent(new URL(req.url, `http://${req.headers.host}`).pathname);
                 for (let n = 0, m = this.routes.length; n < m; n++) {
                     // First check method [GET|POST|HEAD]
                     const method = this.routes[n].method;

From 9a75da55248fc92717fe5e8401654de76d84c2e1 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Mon, 9 Sep 2024 22:23:36 -0700
Subject: [PATCH 09/20] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20Update=20for=20Edge/?=
 =?UTF-8?q?IE=20related=20to=20CSS=20[ms-high-contrast]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/css/image-classification-ie.css | 15 +++++++++++++++
 examples/css/image-classification.css    | 15 ---------------
 examples/hello-world/hbs.htm             |  6 ++++++
 examples/hello-world/hello-world-ie.css  |  7 +++++++
 examples/hello-world/hello-world.css     |  7 -------
 examples/hello-world/hyperapp.htm        |  6 ++++++
 examples/hello-world/js.htm              |  6 ++++++
 examples/hello-world/preact.htm          |  6 ++++++
 examples/hello-world/rax.htm             |  6 ++++++
 examples/hello-world/react.htm           |  6 ++++++
 examples/hello-world/vue.htm             |  6 ++++++
 examples/hello-world/vue3-with-jsx.htm   |  6 ++++++
 examples/hello-world/web-url-router.htm  |  6 ++++++
 examples/hello-world/web.htm             |  6 ++++++
 examples/html/npm-start-page.htm         |  4 +++-
 examples/image-classification-hbs.htm    |  6 ++++++
 examples/image-classification-react.htm  |  6 ++++++
 examples/image-classification-vue.htm    |  6 ++++++
 examples/image-classification-web.htm    |  6 ++++++
 js/plugins/imageGallery.js               | 17 +++++++++++------
 js/react/es6/ImageGallery.js             | 16 ++++++++++------
 21 files changed, 130 insertions(+), 35 deletions(-)
 create mode 100644 examples/css/image-classification-ie.css
 create mode 100644 examples/hello-world/hello-world-ie.css

diff --git a/examples/css/image-classification-ie.css b/examples/css/image-classification-ie.css
new file mode 100644
index 0000000..ba98fb6
--- /dev/null
+++ b/examples/css/image-classification-ie.css
@@ -0,0 +1,15 @@
+/* IE Fallback for basic layout with key elements */
+@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+    .content,
+    ul.results li {
+        padding: 20px;
+        margin: 20px;
+        box-shadow: 0 1px 2px 1px rgba(0,0,0,0.5);
+    }
+
+    ul.image-categories { width:90vh; }
+    body { margin:40px; }
+    nav, h2 { padding:20px; }
+    ul.info { margin-left:20px; }
+    input[type='text'] { margin-bottom: 20px; }
+}
diff --git a/examples/css/image-classification.css b/examples/css/image-classification.css
index 4505299..5de7612 100644
--- a/examples/css/image-classification.css
+++ b/examples/css/image-classification.css
@@ -7,21 +7,6 @@
     --padding: 20px;
 }
 
-/* IE Fallback for basic layout with key elements */
-.content,
-ul.results li {
-    padding: 20px;
-    margin: 20px;
-    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.5);
-}
-@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
-    ul.image-categories { width:90vh; }
-    body { margin:40px; }
-    nav, h2 { padding:20px; }
-    ul.info { margin-left:20px; }
-    input[type='text'] { margin-bottom: 20px; }
-}
-
 /* Page Style */
 body {
     background-color: rgba(240, 248, 255, 1);
diff --git a/examples/hello-world/hbs.htm b/examples/hello-world/hbs.htm
index da27cd2..9bdcedd 100644
--- a/examples/hello-world/hbs.htm
+++ b/examples/hello-world/hbs.htm
@@ -6,6 +6,12 @@
         <title>DataFormsJS - {{title}}</title>
         <link rel="stylesheet" href="hello-world.css">
         <link rel="canonical" href="https://www.dataformsjs.com/examples/hello-world/{{lang}}/web.htm">
+        <script nomodule>
+            var link = document.createElement('link');
+            link.rel = 'stylesheet';
+            link.href = 'hello-world-ie.css';
+            document.head.appendChild(link);
+        </script>
     </head>
     <body>
         <div id="view" dir="auto"></div>
diff --git a/examples/hello-world/hello-world-ie.css b/examples/hello-world/hello-world-ie.css
new file mode 100644
index 0000000..da0df0f
--- /dev/null
+++ b/examples/hello-world/hello-world-ie.css
@@ -0,0 +1,7 @@
+/* Adjust top/left of orbit for IE */
+@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+    .home-page-animation .orbit {
+        top: calc((100% - 152px) / 1.5);
+        left: calc((100% - 152px) / 2);
+    }
+}
diff --git a/examples/hello-world/hello-world.css b/examples/hello-world/hello-world.css
index 5213bc7..5ed6aa2 100644
--- a/examples/hello-world/hello-world.css
+++ b/examples/hello-world/hello-world.css
@@ -56,13 +56,6 @@ template { display:none; }
     width: 152px;
     will-change: transform;
 }
-/* Adjust top/left of orbit for IE */
-@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
-    .home-page-animation .orbit {
-        top: calc((100% - 152px) / 1.5);
-        left: calc((100% - 152px) / 2);
-    }
-}
 
 .home-page-animation .orbit {
     animation: rotate-and-spin-clockwise 6s linear infinite;
diff --git a/examples/hello-world/hyperapp.htm b/examples/hello-world/hyperapp.htm
index bc91c31..e92fe45 100644
--- a/examples/hello-world/hyperapp.htm
+++ b/examples/hello-world/hyperapp.htm
@@ -13,6 +13,12 @@
             }
         </style>
         <link rel="canonical" href="https://www.dataformsjs.com/examples/hello-world/{{lang}}/web.htm">
+        <script nomodule>
+            var link = document.createElement('link');
+            link.rel = 'stylesheet';
+            link.href = 'hello-world-ie.css';
+            document.head.appendChild(link);
+        </script>
     </head>
     <body>
         <div id="root" dir="auto"></div>
diff --git a/examples/hello-world/js.htm b/examples/hello-world/js.htm
index 32da017..903cbb3 100644
--- a/examples/hello-world/js.htm
+++ b/examples/hello-world/js.htm
@@ -6,6 +6,12 @@
         <title>DataFormsJS - {{title}}</title>
         <link rel="stylesheet" href="hello-world.css">
         <link rel="canonical" href="https://www.dataformsjs.com/examples/hello-world/{{lang}}/web.htm">
+        <script nomodule>
+            var link = document.createElement('link');
+            link.rel = 'stylesheet';
+            link.href = 'hello-world-ie.css';
+            document.head.appendChild(link);
+        </script>
     </head>
     <body>
         <div id="view" dir="auto"></div>
diff --git a/examples/hello-world/preact.htm b/examples/hello-world/preact.htm
index bc2f94f..37cdf69 100644
--- a/examples/hello-world/preact.htm
+++ b/examples/hello-world/preact.htm
@@ -12,6 +12,12 @@
             }
         </style>
         <link rel="canonical" href="https://www.dataformsjs.com/examples/hello-world/{{lang}}/web.htm">
+        <script nomodule>
+            var link = document.createElement('link');
+            link.rel = 'stylesheet';
+            link.href = 'hello-world-ie.css';
+            document.head.appendChild(link);
+        </script>
     </head>
     <body>
         <div id="root" dir="auto"></div>
diff --git a/examples/hello-world/rax.htm b/examples/hello-world/rax.htm
index 386258c..d20815c 100644
--- a/examples/hello-world/rax.htm
+++ b/examples/hello-world/rax.htm
@@ -6,6 +6,12 @@
         <title>DataFormsJS - {{title}}</title>
         <link rel="stylesheet" href="hello-world.css">
         <link rel="canonical" href="https://www.dataformsjs.com/examples/hello-world/{{lang}}/web.htm">
+        <script nomodule>
+            var link = document.createElement('link');
+            link.rel = 'stylesheet';
+            link.href = 'hello-world-ie.css';
+            document.head.appendChild(link);
+        </script>
     </head>
     <body>
         <div id="root" dir="auto"></div>
diff --git a/examples/hello-world/react.htm b/examples/hello-world/react.htm
index 2e76165..f1e8db5 100644
--- a/examples/hello-world/react.htm
+++ b/examples/hello-world/react.htm
@@ -6,6 +6,12 @@
         <title>DataFormsJS - {{title}}</title>
         <link rel="stylesheet" href="hello-world.css">
         <link rel="canonical" href="https://www.dataformsjs.com/examples/hello-world/{{lang}}/web.htm">
+        <script nomodule>
+            var link = document.createElement('link');
+            link.rel = 'stylesheet';
+            link.href = 'hello-world-ie.css';
+            document.head.appendChild(link);
+        </script>
     </head>
     <body>
         <div id="root" dir="auto"></div>
diff --git a/examples/hello-world/vue.htm b/examples/hello-world/vue.htm
index 91fd6cf..5ad79ab 100644
--- a/examples/hello-world/vue.htm
+++ b/examples/hello-world/vue.htm
@@ -6,6 +6,12 @@
         <title>DataFormsJS - {{title}}</title>
         <link rel="stylesheet" href="hello-world.css">
         <link rel="canonical" href="https://www.dataformsjs.com/examples/hello-world/{{lang}}/web.htm">
+        <script nomodule>
+            var link = document.createElement('link');
+            link.rel = 'stylesheet';
+            link.href = 'hello-world-ie.css';
+            document.head.appendChild(link);
+        </script>
     </head>
     <body>
         <div id="view" dir="auto"></div>
diff --git a/examples/hello-world/vue3-with-jsx.htm b/examples/hello-world/vue3-with-jsx.htm
index 026b0bf..74c615c 100644
--- a/examples/hello-world/vue3-with-jsx.htm
+++ b/examples/hello-world/vue3-with-jsx.htm
@@ -13,6 +13,12 @@
             }
         </style>
         <link rel="canonical" href="https://www.dataformsjs.com/examples/hello-world/{{lang}}/web.htm">
+        <script nomodule>
+            var link = document.createElement('link');
+            link.rel = 'stylesheet';
+            link.href = 'hello-world-ie.css';
+            document.head.appendChild(link);
+        </script>
     </head>
     <body>
         <div id="root" dir="auto"></div>
diff --git a/examples/hello-world/web-url-router.htm b/examples/hello-world/web-url-router.htm
index c322dae..1846420 100644
--- a/examples/hello-world/web-url-router.htm
+++ b/examples/hello-world/web-url-router.htm
@@ -6,6 +6,12 @@
         <title>DataFormsJS - {{title}} - {{webc}}</title>
         <link rel="stylesheet" href="hello-world.css">
         <link rel="canonical" href="https://www.dataformsjs.com/examples/hello-world/{{lang}}/web.htm">
+        <script nomodule>
+            var link = document.createElement('link');
+            link.rel = 'stylesheet';
+            link.href = 'hello-world-ie.css';
+            document.head.appendChild(link);
+        </script>
     </head>
     <body>
         <div id="view"></div>
diff --git a/examples/hello-world/web.htm b/examples/hello-world/web.htm
index b0d327e..16e1247 100644
--- a/examples/hello-world/web.htm
+++ b/examples/hello-world/web.htm
@@ -6,6 +6,12 @@
         <title>DataFormsJS - {{title}} - {{webc}}</title>
         <link rel="stylesheet" href="hello-world.css">
         <link rel="canonical" href="https://www.dataformsjs.com/examples/hello-world/{{lang}}/web.htm">
+        <script nomodule>
+            var link = document.createElement('link');
+            link.rel = 'stylesheet';
+            link.href = 'hello-world-ie.css';
+            document.head.appendChild(link);
+        </script>
     </head>
     <body>
         <div id="view" dir="auto"></div>
diff --git a/examples/html/npm-start-page.htm b/examples/html/npm-start-page.htm
index dfc3a36..61300b4 100644
--- a/examples/html/npm-start-page.htm
+++ b/examples/html/npm-start-page.htm
@@ -145,13 +145,15 @@
             }
             .hljs { font-size:15px; }
 
-            /* IE Fallback */
+            /* Uncomment for IE Fallback */
+            /*
             @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
                 [data-control],
                 #view,
                 is-loaded,
                 .is-loaded { width:100%; }
             }
+            */
         </style>
     </head>
     <body>
diff --git a/examples/image-classification-hbs.htm b/examples/image-classification-hbs.htm
index fdca0c7..77b456d 100644
--- a/examples/image-classification-hbs.htm
+++ b/examples/image-classification-hbs.htm
@@ -11,6 +11,12 @@
     <title data-i18n="AI/ML Image Classification | Handlebars"></title>
     <link rel="stylesheet" href="css/image-classification.css">
     <link rel="canonical" href="https://www.dataformsjs.com/examples/image-classification-react.htm">
+    <script nomodule>
+        var link = document.createElement('link');
+        link.rel = 'stylesheet';
+        link.href = 'image-classification-ie.css';
+        document.head.appendChild(link);
+    </script>
 </head>
 <body dir="auto">
     <nav>
diff --git a/examples/image-classification-react.htm b/examples/image-classification-react.htm
index 93249c1..62965fc 100644
--- a/examples/image-classification-react.htm
+++ b/examples/image-classification-react.htm
@@ -6,6 +6,12 @@
     <title data-i18n="AI/ML Image Classification | React"></title>
     <link rel="stylesheet" href="css/image-classification.css">
     <link rel="canonical" href="https://www.dataformsjs.com/examples/image-classification-react.htm">
+    <script nomodule>
+        var link = document.createElement('link');
+        link.rel = 'stylesheet';
+        link.href = 'image-classification-ie.css';
+        document.head.appendChild(link);
+    </script>
 </head>
 <body>
     <div id="root" dir="auto"></div>
diff --git a/examples/image-classification-vue.htm b/examples/image-classification-vue.htm
index ac43715..54dc282 100644
--- a/examples/image-classification-vue.htm
+++ b/examples/image-classification-vue.htm
@@ -11,6 +11,12 @@
     <title data-i18n="AI/ML Image Classification | Vue"></title>
     <link rel="stylesheet" href="css/image-classification.css">
     <link rel="canonical" href="https://www.dataformsjs.com/examples/image-classification-react.htm">
+    <script nomodule>
+        var link = document.createElement('link');
+        link.rel = 'stylesheet';
+        link.href = 'image-classification-ie.css';
+        document.head.appendChild(link);
+    </script>
 </head>
 <body dir="auto">
     <nav>
diff --git a/examples/image-classification-web.htm b/examples/image-classification-web.htm
index 741b270..66c4750 100644
--- a/examples/image-classification-web.htm
+++ b/examples/image-classification-web.htm
@@ -6,6 +6,12 @@
     <title>AI/ML Image Classification | Web Components</title>
     <link rel="stylesheet" href="css/image-classification.css">
     <link rel="canonical" href="https://www.dataformsjs.com/examples/image-classification-react.htm">
+    <script nomodule>
+        var link = document.createElement('link');
+        link.rel = 'stylesheet';
+        link.href = 'image-classification-ie.css';
+        document.head.appendChild(link);
+    </script>
 </head>
 <body dir="auto">
     <nav is="spa-links">
diff --git a/js/plugins/imageGallery.js b/js/plugins/imageGallery.js
index cf62149..68dc8f3 100644
--- a/js/plugins/imageGallery.js
+++ b/js/plugins/imageGallery.js
@@ -153,13 +153,18 @@
         '        max-width: 1300px;',
         '    }',
         '}',
-        // Adjustments for IE 11
-        '@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {',
-        '    .image-gallery-overlay .image-gallery-loading,',
-        '    .image-gallery-overlay .btn-previous,',
-        '    .image-gallery-overlay .btn-next { margin-top: calc((100vh /2) - 35px); }',
-        '}',
     ].join('\n');
+    var isIE = (navigator.userAgent.indexOf('Trident/') !== -1);
+    if (isIE) {
+        overlayStyleCss += [
+            // Adjustments for IE 11
+            '@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {',
+            '    .image-gallery-overlay .image-gallery-loading,',
+            '    .image-gallery-overlay .btn-previous,',
+            '    .image-gallery-overlay .btn-next { margin-top: calc((100vh /2) - 35px); }',
+            '}',
+        ].join('\n');
+    }
 
     /**
      * Use passive events for 'touchstart' based on Chrome DevTools Recommendation
diff --git a/js/react/es6/ImageGallery.js b/js/react/es6/ImageGallery.js
index 128e97d..5fb1bb8 100644
--- a/js/react/es6/ImageGallery.js
+++ b/js/react/es6/ImageGallery.js
@@ -220,13 +220,17 @@ export default class ImageGallery extends React.Component {
                     max-width: 1300px;
                 }
             }
-
-            @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
-                .image-gallery-overlay .image-gallery-loading,
-                .image-gallery-overlay .btn-previous,
-                .image-gallery-overlay .btn-next { margin-top: calc((100vh /2) - 35px); }
-            }
         `;
+        var isIE = (navigator.userAgent.indexOf('Trident/') !== -1);
+        if (isIE) {
+            this.overlayStyleCss += `
+                @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+                    .image-gallery-overlay .image-gallery-loading,
+                    .image-gallery-overlay .btn-previous,
+                    .image-gallery-overlay .btn-next { margin-top: calc((100vh /2) - 35px); }
+                }
+            `;
+        }
 
         // Internal class properties
         this.imageIndex = null;

From 8cb7f013439dc85d1acb055e59d18e9ca9ba5910 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Mon, 9 Sep 2024 22:35:11 -0700
Subject: [PATCH 10/20] =?UTF-8?q?=E2=9C=A8=20Replace=20CDN=20[unpkg]=20wit?=
 =?UTF-8?q?h=20[jsdelivr]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                                  |  4 ++--
 docs/i18n-readme/README.es.md              |  4 ++--
 docs/i18n-readme/README.ja.md              |  4 ++--
 docs/i18n-readme/README.pt-BR.md           |  4 ++--
 docs/i18n-readme/README.zh-CN.md           |  4 ++--
 docs/jsx-loader.md                         |  8 ++++----
 docs/jsx-loader.pt-BR.md                   |  8 ++++----
 docs/jsx-loader.zh-CN.md                   |  8 ++++----
 examples/code-playground-react.htm         |  4 ++--
 examples/countries-no-spa-graphql.htm      |  4 ++--
 examples/countries-no-spa-preact.htm       |  2 +-
 examples/countries-no-spa-react.htm        |  8 ++++----
 examples/hacker-news-react.htm             | 10 +++++-----
 examples/hello-world/preact.htm            |  2 +-
 examples/hello-world/rax.htm               |  4 ++--
 examples/hello-world/react.htm             |  4 ++--
 examples/hello-world/vue3-with-jsx.htm     |  2 +-
 examples/html/search-places-react.jsx      |  6 +++---
 examples/image-classification-react.htm    | 12 ++++++------
 examples/image-gallery-preact.htm          |  2 +-
 examples/image-gallery-react.htm           |  8 ++++----
 examples/jsx-loader-dev.htm                | 10 +++++-----
 examples/log-table-react.htm               | 12 ++++++------
 examples/markdown-react.htm                |  8 ++++----
 examples/places-demo-graphql.htm           |  4 ++--
 examples/places-demo-hbs.htm               |  4 ++--
 examples/places-demo-js.htm                |  4 ++--
 examples/places-demo-preact.htm            | 14 +++++++-------
 examples/places-demo-react.htm             | 16 ++++++++--------
 examples/places-demo-vue.htm               |  4 ++--
 examples/places-demo-web.htm               |  4 ++--
 examples/web-components-with-framework.htm |  4 ++--
 examples/web-components-with-preact.htm    | 14 +++++++-------
 examples/web-components-with-react.htm     | 16 ++++++++--------
 examples/web-components-with-vue.htm       |  6 +++---
 js/react/jsxLoader.js                      |  2 +-
 test/js/unit-testing-react.js              |  2 +-
 test/views/unit-testing-preact.htm         | 12 ++++++------
 test/views/unit-testing-react.htm          | 22 +++++++++++-----------
 39 files changed, 135 insertions(+), 135 deletions(-)

diff --git a/README.md b/README.md
index bf6f5ee..da08c08 100644
--- a/README.md
+++ b/README.md
@@ -249,8 +249,8 @@ This example uses React with the `jsxLoader.min.js` script for converting JSX to
             );
         </script>
 
-        <script crossorigin="anonymous" src="https://unpkg.com/react@17.0.2/umd/react.production.min.js"></script>
-        <script crossorigin="anonymous" src="https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js"></script>
+        <script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/react@17.0.2/umd/react.production.min.js"></script>
+        <script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.production.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@latest/js/react/jsxLoader.min.js"></script>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@latest/js/react/es6/DataFormsJS.min.js"></script>
         <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@latest/js/react/es5/DataFormsJS.min.js"></script>
diff --git a/docs/i18n-readme/README.es.md b/docs/i18n-readme/README.es.md
index 26a2b70..860f0a9 100644
--- a/docs/i18n-readme/README.es.md
+++ b/docs/i18n-readme/README.es.md
@@ -213,8 +213,8 @@ This example uses React with the `jsxLoader.min.js` script for converting JSX to
             );
         </script>
 
-        <script crossorigin="anonymous" src="https://unpkg.com/react@17.0.2/umd/react.production.min.js"></script>
-        <script crossorigin="anonymous" src="https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js"></script>
+        <script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/react@17.0.2/umd/react.production.min.js"></script>
+        <script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.production.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@latest/js/react/jsxLoader.min.js"></script>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@latest/js/react/es6/DataFormsJS.min.js"></script>
         <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@latest/js/react/es5/DataFormsJS.min.js"></script>
diff --git a/docs/i18n-readme/README.ja.md b/docs/i18n-readme/README.ja.md
index b397678..cd4dcf1 100644
--- a/docs/i18n-readme/README.ja.md
+++ b/docs/i18n-readme/README.ja.md
@@ -212,8 +212,8 @@ This example uses React with the `jsxLoader.min.js` script for converting JSX to
             );
         </script>
 
-        <script crossorigin="anonymous" src="https://unpkg.com/react@17.0.2/umd/react.production.min.js"></script>
-        <script crossorigin="anonymous" src="https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js"></script>
+        <script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/react@17.0.2/umd/react.production.min.js"></script>
+        <script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.production.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@latest/js/react/jsxLoader.min.js"></script>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@latest/js/react/es6/DataFormsJS.min.js"></script>
         <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@latest/js/react/es5/DataFormsJS.min.js"></script>
diff --git a/docs/i18n-readme/README.pt-BR.md b/docs/i18n-readme/README.pt-BR.md
index a006134..31a2755 100644
--- a/docs/i18n-readme/README.pt-BR.md
+++ b/docs/i18n-readme/README.pt-BR.md
@@ -212,8 +212,8 @@ Este exemplo utiliza React com o script `jsxLoader.min.js` para converter JSX pa
             );
         </script>
 
-        <script crossorigin="anonymous" src="https://unpkg.com/react@17.0.2/umd/react.production.min.js"></script>
-        <script crossorigin="anonymous" src="https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js"></script>
+        <script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/react@17.0.2/umd/react.production.min.js"></script>
+        <script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.production.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@latest/js/react/jsxLoader.min.js"></script>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@latest/js/react/es6/DataFormsJS.min.js"></script>
         <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@latest/js/react/es5/DataFormsJS.min.js"></script>
diff --git a/docs/i18n-readme/README.zh-CN.md b/docs/i18n-readme/README.zh-CN.md
index 28d42f8..e3ffc71 100644
--- a/docs/i18n-readme/README.zh-CN.md
+++ b/docs/i18n-readme/README.zh-CN.md
@@ -212,8 +212,8 @@ This example uses React with the `jsxLoader.min.js` script for converting JSX to
             );
         </script>
 
-        <script crossorigin="anonymous" src="https://unpkg.com/react@17.0.2/umd/react.production.min.js"></script>
-        <script crossorigin="anonymous" src="https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js"></script>
+        <script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/react@17.0.2/umd/react.production.min.js"></script>
+        <script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.production.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@latest/js/react/jsxLoader.min.js"></script>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@latest/js/react/es6/DataFormsJS.min.js"></script>
         <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@latest/js/react/es5/DataFormsJS.min.js"></script>
diff --git a/docs/jsx-loader.md b/docs/jsx-loader.md
index 9a6356b..f4faa2d 100644
--- a/docs/jsx-loader.md
+++ b/docs/jsx-loader.md
@@ -69,8 +69,8 @@ The `jsxLoader.js` script is very small to download (6.6 kB - min and gzip) and
 
 ```html
 <!-- Include React on the Page -->
-<script src="https://unpkg.com/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
-<script src="https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
 
 <!--
     Include the DataFormsJS JSX Loader.
@@ -287,8 +287,8 @@ function LoadMapAndPage(props) {
     return (
         <LazyLoad
             scripts={[
-                'https://unpkg.com/leaflet@1.5.1/dist/leaflet.css',
-                'https://unpkg.com/leaflet@1.5.1/dist/leaflet.js',
+                'https://cdn.jsdelivr.net/npm/leaflet@1.5.1/dist/leaflet.css',
+                'https://cdn.jsdelivr.net/npm/leaflet@1.5.1/dist/leaflet.js',
                 './html/place-react.jsx',
             ]}
             isLoading={<ShowLoading />}
diff --git a/docs/jsx-loader.pt-BR.md b/docs/jsx-loader.pt-BR.md
index 2f72347..3b94502 100644
--- a/docs/jsx-loader.pt-BR.md
+++ b/docs/jsx-loader.pt-BR.md
@@ -69,8 +69,8 @@ O script `jsxLoader.js` é muito pequeno para baixar (6.6 kB - min e em gzip) e
 
 ```html
 <!-- Inclua o React na página -->
-<script src="https://unpkg.com/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
-<script src="https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
 
 <!--
     Inclua o DataFormsJS JSX Loader.
@@ -289,8 +289,8 @@ function LoadMapAndPage(props) {
     return (
         <LazyLoad
             scripts={[
-                'https://unpkg.com/leaflet@1.5.1/dist/leaflet.css',
-                'https://unpkg.com/leaflet@1.5.1/dist/leaflet.js',
+                'https://cdn.jsdelivr.net/npm/leaflet@1.5.1/dist/leaflet.css',
+                'https://cdn.jsdelivr.net/npm/leaflet@1.5.1/dist/leaflet.js',
                 './html/place-react.jsx',
             ]}
             isLoading={<ShowLoading />}
diff --git a/docs/jsx-loader.zh-CN.md b/docs/jsx-loader.zh-CN.md
index 07602f8..71d8af5 100644
--- a/docs/jsx-loader.zh-CN.md
+++ b/docs/jsx-loader.zh-CN.md
@@ -69,8 +69,8 @@ CLI开发工具,如`webpack`, `babel`,`create-react-app`是非常好的工具，
 
 ```html
 <!-- Include React on the Page -->
-<script src="https://unpkg.com/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
-<script src="https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
 
 <!--
     Include the DataFormsJS JSX Loader.
@@ -287,8 +287,8 @@ function LoadMapAndPage(props) {
     return (
         <LazyLoad
             scripts={[
-                'https://unpkg.com/leaflet@1.5.1/dist/leaflet.css',
-                'https://unpkg.com/leaflet@1.5.1/dist/leaflet.js',
+                'https://cdn.jsdelivr.net/npm/leaflet@1.5.1/dist/leaflet.css',
+                'https://cdn.jsdelivr.net/npm/leaflet@1.5.1/dist/leaflet.js',
                 './html/place-react.jsx',
             ]}
             isLoading={<ShowLoading />}
diff --git a/examples/code-playground-react.htm b/examples/code-playground-react.htm
index e49c45d..b7a06c6 100755
--- a/examples/code-playground-react.htm
+++ b/examples/code-playground-react.htm
@@ -237,8 +237,8 @@
     React
     https://reactjs.org/
     -->
-    <script src="https://unpkg.com/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
-    <script src="https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
 
     <!--
     DataFormsJS JSX Loader and <ErrorBoundary> Component
diff --git a/examples/countries-no-spa-graphql.htm b/examples/countries-no-spa-graphql.htm
index 548fe1e..ad08820 100644
--- a/examples/countries-no-spa-graphql.htm
+++ b/examples/countries-no-spa-graphql.htm
@@ -17,8 +17,8 @@ <h1>Countries</h1>
     </div>
 
     <!-- React -->
-    <script src="https://unpkg.com/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
-    <script src="https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
 
     <!-- DataFormsJS React Components -->
     <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/es6/DataFormsJS.min.js"></script>
diff --git a/examples/countries-no-spa-preact.htm b/examples/countries-no-spa-preact.htm
index decf299..339aff4 100644
--- a/examples/countries-no-spa-preact.htm
+++ b/examples/countries-no-spa-preact.htm
@@ -27,7 +27,7 @@ <h1>Countries</h1>
         Preact
         https://preactjs.com/
     -->
-    <script src="https://unpkg.com/preact@10.5.7/dist/preact.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/preact@10.5.7/dist/preact.min.js"></script>
 
     <!-- DataFormsJS React Components -->
     <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/es6/DataFormsJS.min.js"></script>
diff --git a/examples/countries-no-spa-react.htm b/examples/countries-no-spa-react.htm
index d35a039..82ea715 100644
--- a/examples/countries-no-spa-react.htm
+++ b/examples/countries-no-spa-react.htm
@@ -18,11 +18,11 @@ <h1>Countries</h1>
 
     <!-- React -->
     <!--
-    <script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin="anonymous"></script>
-    <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/react@17/umd/react.development.js" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/react-dom@17/umd/react-dom.development.js" crossorigin="anonymous"></script>
     -->
-    <script src="https://unpkg.com/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
-    <script src="https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
 
     <!-- DataFormsJS React Components -->
     <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/es6/DataFormsJS.min.js"></script>
diff --git a/examples/hacker-news-react.htm b/examples/hacker-news-react.htm
index ae12e34..0c43618 100644
--- a/examples/hacker-news-react.htm
+++ b/examples/hacker-news-react.htm
@@ -29,8 +29,8 @@
             React
             https://reactjs.org
         -->
-        <script src="https://unpkg.com/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
-        <script src="https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
 
         <!--
             DataFormsJS JSX Loader
@@ -53,13 +53,13 @@
 
             To test with IE (and other old browsers) both Polyfill URL's are needed
 
-            <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
-            <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
+            <script src="https://cdn.jsdelivr.net/npm/babel-standalone@6/babel.min.js"></script>
+            <script src="https://cdn.jsdelivr.net/npm/@babel/standalone/babel.min.js"></script>
         -->
         <!--
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/scripts/polyfills.min.js"></script>
         <script src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?version=4.8.0&features=Array.from,Array.isArray,Object.assign,Object.keys,URL,fetch,Promise,Promise.prototype.finally,String.prototype.endsWith,String.prototype.startsWith,String.prototype.includes,String.prototype.repeat,WeakSet,Symbol,Number.isInteger,String.prototype.codePointAt,String.fromCodePoint"></script>
-        <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/@babel/standalone/babel.min.js"></script>
         <script>
             // Allow [babel-standalone] to use [import and exports] with JSX files
             window.exports = window;
diff --git a/examples/hello-world/preact.htm b/examples/hello-world/preact.htm
index 37cdf69..97e0a0c 100644
--- a/examples/hello-world/preact.htm
+++ b/examples/hello-world/preact.htm
@@ -53,7 +53,7 @@ <h1>{{hello_world}}</h1>
             );
         </script>
 
-        <script src="https://unpkg.com/preact@10.5.7/dist/preact.min.js"></script>        
+        <script src="https://cdn.jsdelivr.net/npm/preact@10.5.7/dist/preact.min.js"></script>        
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/jsxLoader.min.js"></script>
     </body>
 </html>
\ No newline at end of file
diff --git a/examples/hello-world/rax.htm b/examples/hello-world/rax.htm
index d20815c..6584ccd 100644
--- a/examples/hello-world/rax.htm
+++ b/examples/hello-world/rax.htm
@@ -47,8 +47,8 @@ <h1>{{hello_world}}</h1>
             );
         </script>
 
-        <script src="https://unpkg.com/rax@1.1.1/dist/rax.js"></script>
-        <script src="https://unpkg.com/driver-dom@2.0.6/dist/driver-dom.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/rax@1.1.1/dist/rax.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/driver-dom@2.0.6/dist/driver-dom.js"></script>
 
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/jsxLoader.min.js"></script>
         <script>
diff --git a/examples/hello-world/react.htm b/examples/hello-world/react.htm
index f1e8db5..28df8a7 100644
--- a/examples/hello-world/react.htm
+++ b/examples/hello-world/react.htm
@@ -44,8 +44,8 @@ <h1>{{hello_world}}</h1>
             );
         </script>
 
-        <script src="https://unpkg.com/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
-        <script src="https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
 
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/jsxLoader.min.js"></script>
     </body>
diff --git a/examples/hello-world/vue3-with-jsx.htm b/examples/hello-world/vue3-with-jsx.htm
index 74c615c..8f5d071 100644
--- a/examples/hello-world/vue3-with-jsx.htm
+++ b/examples/hello-world/vue3-with-jsx.htm
@@ -63,7 +63,7 @@ <h1>{{hello_world}}</h1>
             In the JSX Code `window.jsxLoader && ` was added for testing with Babel, this
             demo is based on the React Version which always has `jsxLoader` defined.
         -->
-        <!-- <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script> -->
+        <!-- <script src="https://cdn.jsdelivr.net/npm/@babel/standalone/babel.min.js"></script> -->
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/jsxLoader.min.js"></script>
 
         <!--
diff --git a/examples/html/search-places-react.jsx b/examples/html/search-places-react.jsx
index a0b662c..42f17fa 100644
--- a/examples/html/search-places-react.jsx
+++ b/examples/html/search-places-react.jsx
@@ -36,9 +36,9 @@ export function PageSearch({match}) {
         loadScriptsInOrder = true;
         scripts = [
             'https://cdn.jsdelivr.net/npm/emotion@9.2.12/dist/emotion.umd.min.js',
-            'https://unpkg.com/prop-types@15.5.10/prop-types.min.js',
-            'https://unpkg.com/react-input-autosize@2.2.1/dist/react-input-autosize.min.js',
-            'https://unpkg.com/react-select@2.1.2/dist/react-select.min.js',
+            'https://cdn.jsdelivr.net/npm/prop-types@15.5.10/prop-types.min.js',
+            'https://cdn.jsdelivr.net/npm/react-input-autosize@2.2.1/dist/react-input-autosize.min.js',
+            'https://cdn.jsdelivr.net/npm/react-select@2.1.2/dist/react-select.min.js',
         ];
     }
 
diff --git a/examples/image-classification-react.htm b/examples/image-classification-react.htm
index 62965fc..bf4af15 100644
--- a/examples/image-classification-react.htm
+++ b/examples/image-classification-react.htm
@@ -18,19 +18,19 @@
 
     <!-- React -->
     <!--
-    <script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin="anonymous"></script>
-    <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/react@17/umd/react.development.js" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/react-dom@17/umd/react-dom.development.js" crossorigin="anonymous"></script>
     -->
-    <script src="https://unpkg.com/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
-    <script src="https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
 
     <!--
         React Router
         https://reacttraining.com/react-router/
         https://github.com/ReactTraining/react-router
     -->
-    <script src="https://unpkg.com/react-router@5.2.0/umd/react-router.min.js"></script>
-    <script src="https://unpkg.com/react-router-dom@5.2.0/umd/react-router-dom.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/react-router@5.2.0/umd/react-router.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/react-router-dom@5.2.0/umd/react-router-dom.min.js"></script>
 
     <!-- DataFormsJS JSX Loader -->
     <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/jsxLoader.min.js"></script>
diff --git a/examples/image-gallery-preact.htm b/examples/image-gallery-preact.htm
index 37f1b20..b2f3720 100644
--- a/examples/image-gallery-preact.htm
+++ b/examples/image-gallery-preact.htm
@@ -148,7 +148,7 @@ <h2 tabindex="4">Example Usage and Code</h2>
             Preact
             https://preactjs.com
         -->
-        <script src="https://unpkg.com/preact@10.5.7/dist/preact.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/preact@10.5.7/dist/preact.min.js"></script>
 
         <!-- DataFormsJS JSX Loader -->
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/jsxLoader.min.js"></script>        
diff --git a/examples/image-gallery-react.htm b/examples/image-gallery-react.htm
index d1dfd9b..0dbfd60 100644
--- a/examples/image-gallery-react.htm
+++ b/examples/image-gallery-react.htm
@@ -146,11 +146,11 @@ <h2 tabindex="4">Example Usage and Code</h2>
 
         <!-- React -->
         <!--
-        <script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin="anonymous"></script>
-        <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react@17/umd/react.development.js" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react-dom@17/umd/react-dom.development.js" crossorigin="anonymous"></script>
         -->
-        <script src="https://unpkg.com/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
-        <script src="https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
 
         <!-- DataFormsJS React Components -->
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/es6/ErrorBoundary.min.js"></script>
diff --git a/examples/jsx-loader-dev.htm b/examples/jsx-loader-dev.htm
index 3351d84..300971a 100644
--- a/examples/jsx-loader-dev.htm
+++ b/examples/jsx-loader-dev.htm
@@ -21,18 +21,18 @@
         <!-- <script src="/vendor/react.production.min.js"></script>
         <script src="/vendor/react-dom.production.min.js"></script> -->
 
-        <script src="https://unpkg.com/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
-        <script src="https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
 
-        <!-- <script src="https://unpkg.com/preact"></script> -->
+        <!-- <script src="https://cdn.jsdelivr.net/npm/preact"></script> -->
         
         <!--
             React Router
             https://reacttraining.com/react-router/
             https://github.com/ReactTraining/react-router
 
-        <script src="https://unpkg.com/react-router@5.2.0/umd/react-router.min.js"></script>
-        <script src="https://unpkg.com/react-router-dom@5.2.0/umd/react-router-dom.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react-router@5.2.0/umd/react-router.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react-router-dom@5.2.0/umd/react-router-dom.min.js"></script>
 		-->
 
         <!--
diff --git a/examples/log-table-react.htm b/examples/log-table-react.htm
index 17093c3..dffd42c 100644
--- a/examples/log-table-react.htm
+++ b/examples/log-table-react.htm
@@ -12,19 +12,19 @@
 
         <!-- React -->
         <!--
-        <script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin="anonymous"></script>
-        <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react@17/umd/react.development.js" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react-dom@17/umd/react-dom.development.js" crossorigin="anonymous"></script>
         -->
-        <script src="https://unpkg.com/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
-        <script src="https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
 
         <!--
             React Router
             https://reacttraining.com/react-router/
             https://github.com/ReactTraining/react-router
         -->
-        <script src="https://unpkg.com/react-router@5.2.0/umd/react-router.min.js"></script>
-        <script src="https://unpkg.com/react-router-dom@5.2.0/umd/react-router-dom.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react-router@5.2.0/umd/react-router.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react-router-dom@5.2.0/umd/react-router-dom.min.js"></script>
 
         <!-- DataFormsJS React Components -->
         <!--
diff --git a/examples/markdown-react.htm b/examples/markdown-react.htm
index fbdf735..efa19e7 100644
--- a/examples/markdown-react.htm
+++ b/examples/markdown-react.htm
@@ -12,16 +12,16 @@
         <div id="root"></div>
 
         <!-- React -->
-        <script src="https://unpkg.com/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
-        <script src="https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
 
         <!--
             React Router
             https://reacttraining.com/react-router/
             https://github.com/ReactTraining/react-router
         -->
-        <script src="https://unpkg.com/react-router@5.2.0/umd/react-router.min.js"></script>
-        <script src="https://unpkg.com/react-router-dom@5.2.0/umd/react-router-dom.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react-router@5.2.0/umd/react-router.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react-router-dom@5.2.0/umd/react-router-dom.min.js"></script>
 
         <!--
             DataFormsJS React Components
diff --git a/examples/places-demo-graphql.htm b/examples/places-demo-graphql.htm
index 9733fb8..673edc4 100644
--- a/examples/places-demo-graphql.htm
+++ b/examples/places-demo-graphql.htm
@@ -180,8 +180,8 @@ <h3 class="error">{{i18n 'Error'}} - {{errorMessage}}</h3>
                 ],
                 keydownAction: 'https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/keydownAction.min.js',
                 json_data: 'https://cdn.jsdelivr.net/npm/dataformsjs@5/js/controls/json-data.min.js',
-                leafletCss: 'https://unpkg.com/leaflet@1.5.1/dist/leaflet.css',
-                leafletJs: 'https://unpkg.com/leaflet@1.5.1/dist/leaflet.js',
+                leafletCss: 'https://cdn.jsdelivr.net/npm/leaflet@1.5.1/dist/leaflet.css',
+                leafletJs: 'https://cdn.jsdelivr.net/npm/leaflet@1.5.1/dist/leaflet.js',
                 leafletPlugin: 'https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/leaflet.min.js',
             };
             app.settings.lazyTemplateSelector = '#loading-spinner-screen';
diff --git a/examples/places-demo-hbs.htm b/examples/places-demo-hbs.htm
index 450a5f0..e94f6a5 100644
--- a/examples/places-demo-hbs.htm
+++ b/examples/places-demo-hbs.htm
@@ -219,8 +219,8 @@ <h1>{{i18n 'Countries'}}</h1>
                 ],
                 keydownAction: 'https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/keydownAction.min.js',
                 json_data: 'https://cdn.jsdelivr.net/npm/dataformsjs@5/js/controls/json-data.js',
-                leafletCss: 'https://unpkg.com/leaflet@1.5.1/dist/leaflet.css',
-                leafletJs: 'https://unpkg.com/leaflet@1.5.1/dist/leaflet.js',
+                leafletCss: 'https://cdn.jsdelivr.net/npm/leaflet@1.5.1/dist/leaflet.css',
+                leafletJs: 'https://cdn.jsdelivr.net/npm/leaflet@1.5.1/dist/leaflet.js',
                 leafletPlugin: 'https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/leaflet.min.js',
             };
             app.settings.lazyTemplateSelector = '#loading-spinner-screen';
diff --git a/examples/places-demo-js.htm b/examples/places-demo-js.htm
index 2674bbe..8fb15db 100644
--- a/examples/places-demo-js.htm
+++ b/examples/places-demo-js.htm
@@ -168,8 +168,8 @@ <h1 data-i18n="Countries"></h1>
             app.lazyLoad = {
                 keydownAction: 'https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/keydownAction.min.js',
                 json_data: 'https://cdn.jsdelivr.net/npm/dataformsjs@5/js/controls/json-data.min.js',
-                leafletCss: 'https://unpkg.com/leaflet@1.5.1/dist/leaflet.css',
-                leafletJs: 'https://unpkg.com/leaflet@1.5.1/dist/leaflet.js',
+                leafletCss: 'https://cdn.jsdelivr.net/npm/leaflet@1.5.1/dist/leaflet.css',
+                leafletJs: 'https://cdn.jsdelivr.net/npm/leaflet@1.5.1/dist/leaflet.js',
                 leafletPlugin: 'https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/leaflet.min.js',
                 data_list: 'https://cdn.jsdelivr.net/npm/dataformsjs@5/js/controls/data-list.min.js',
             };
diff --git a/examples/places-demo-preact.htm b/examples/places-demo-preact.htm
index 42749f2..bf36dbe 100644
--- a/examples/places-demo-preact.htm
+++ b/examples/places-demo-preact.htm
@@ -23,14 +23,14 @@
             Preact
             https://preactjs.com
         -->
-        <script src="https://unpkg.com/preact@10.5.7/dist/preact.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/preact@10.5.7/dist/preact.min.js"></script>
 
         <!--
             For testing with Preact DevTools include the following:
             https://preactjs.github.io/preact-devtools/
         -->
-        <script src="https://unpkg.com/preact@10.5.7/debug/dist/debug.umd.js"></script>
-        <script src="https://unpkg.com/preact@10.5.7/devtools/dist/devtools.umd.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/preact@10.5.7/debug/dist/debug.umd.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/preact@10.5.7/devtools/dist/devtools.umd.js"></script>
 
         <!-- DataFormsJS JSX Loader -->
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/jsxLoader.min.js"></script>
@@ -45,8 +45,8 @@
             https://reacttraining.com/react-router/
             https://github.com/ReactTraining/react-router
         -->
-        <script src="https://unpkg.com/react-router@5.2.0/umd/react-router.min.js"></script>
-        <script src="https://unpkg.com/react-router-dom@5.2.0/umd/react-router-dom.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react-router@5.2.0/umd/react-router.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react-router-dom@5.2.0/umd/react-router-dom.min.js"></script>
 
         <!--
             DataFormsJS React Components
@@ -274,8 +274,8 @@ <h1>{i18n.text('Countries')}</h1>
                     <LazyLoad
                         scripts={[
                             // https://leafletjs.com
-                            'https://unpkg.com/leaflet@1.5.1/dist/leaflet.css',
-                            'https://unpkg.com/leaflet@1.5.1/dist/leaflet.js',
+                            'https://cdn.jsdelivr.net/npm/leaflet@1.5.1/dist/leaflet.css',
+                            'https://cdn.jsdelivr.net/npm/leaflet@1.5.1/dist/leaflet.js',
                             './html/place-react.jsx',
                         ]}
                         isLoading={<ShowLoading />}
diff --git a/examples/places-demo-react.htm b/examples/places-demo-react.htm
index 1e4e436..f6df93a 100644
--- a/examples/places-demo-react.htm
+++ b/examples/places-demo-react.htm
@@ -13,19 +13,19 @@
 
         <!-- React -->
         <!--
-        <script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin="anonymous"></script>
-        <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react@17/umd/react.development.js" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react-dom@17/umd/react-dom.development.js" crossorigin="anonymous"></script>
         -->
-        <script src="https://unpkg.com/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
-        <script src="https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
 
         <!--
             React Router
             https://reacttraining.com/react-router/
             https://github.com/ReactTraining/react-router
         -->
-        <script src="https://unpkg.com/react-router@5.2.0/umd/react-router.min.js"></script>
-        <script src="https://unpkg.com/react-router-dom@5.2.0/umd/react-router-dom.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react-router@5.2.0/umd/react-router.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react-router-dom@5.2.0/umd/react-router-dom.min.js"></script>
 
         <!--
             DataFormsJS React Components
@@ -277,8 +277,8 @@ <h1>{i18n.text('Countries')}</h1>
                     <LazyLoad
                         scripts={[
                             // https://leafletjs.com
-                            'https://unpkg.com/leaflet@1.5.1/dist/leaflet.css',
-                            'https://unpkg.com/leaflet@1.5.1/dist/leaflet.js',
+                            'https://cdn.jsdelivr.net/npm/leaflet@1.5.1/dist/leaflet.css',
+                            'https://cdn.jsdelivr.net/npm/leaflet@1.5.1/dist/leaflet.js',
                             './html/place-react.jsx',
                         ]}
                         isLoading={<ShowLoading />}
diff --git a/examples/places-demo-vue.htm b/examples/places-demo-vue.htm
index 5f08359..1f642e8 100644
--- a/examples/places-demo-vue.htm
+++ b/examples/places-demo-vue.htm
@@ -234,8 +234,8 @@ <h1 v-i18n="'Countries'"></h1>
                 ],
                 keydownAction: 'https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/keydownAction.min.js',
                 json_data: 'https://cdn.jsdelivr.net/npm/dataformsjs@5/js/controls/json-data.min.js',
-                leafletCss: 'https://unpkg.com/leaflet@1.5.1/dist/leaflet.css',
-                leafletJs: 'https://unpkg.com/leaflet@1.5.1/dist/leaflet.js',
+                leafletCss: 'https://cdn.jsdelivr.net/npm/leaflet@1.5.1/dist/leaflet.css',
+                leafletJs: 'https://cdn.jsdelivr.net/npm/leaflet@1.5.1/dist/leaflet.js',
                 leafletPlugin: 'https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/leaflet.min.js',
             };
             app.settings.lazyTemplateSelector = '#loading-spinner-screen';
diff --git a/examples/places-demo-web.htm b/examples/places-demo-web.htm
index d5a7a83..62a5ec8 100644
--- a/examples/places-demo-web.htm
+++ b/examples/places-demo-web.htm
@@ -247,8 +247,8 @@ <h1 data-i18n="Countries"></h1>
             // the `nomodule` option can be used.
             //
             window.lazyLoad = {
-                leafletCss: 'https://unpkg.com/leaflet@1.5.1/dist/leaflet.css',
-                leafletJs: 'https://unpkg.com/leaflet@1.5.1/dist/leaflet.js',
+                leafletCss: 'https://cdn.jsdelivr.net/npm/leaflet@1.5.1/dist/leaflet.css',
+                leafletJs: 'https://cdn.jsdelivr.net/npm/leaflet@1.5.1/dist/leaflet.js',
                 leaflet: {
                     module: 'https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/leaflet-map.min.js',
                     nomodule: 'https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/leaflet.min.js'
diff --git a/examples/web-components-with-framework.htm b/examples/web-components-with-framework.htm
index d4ab43a..6c5a509 100644
--- a/examples/web-components-with-framework.htm
+++ b/examples/web-components-with-framework.htm
@@ -153,8 +153,8 @@ <h2>${place.name}</h2>
         <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/polyfill.min.js"></script>
 
         <!-- https://leafletjs.com/ -->
-        <link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css">
-        <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js"></script>
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.5.1/dist/leaflet.css">
+        <script src="https://cdn.jsdelivr.net/npm/leaflet@1.5.1/dist/leaflet.js"></script>
 
         <!--
             https://marked.js.org/
diff --git a/examples/web-components-with-preact.htm b/examples/web-components-with-preact.htm
index ea735e6..c0d4509 100644
--- a/examples/web-components-with-preact.htm
+++ b/examples/web-components-with-preact.htm
@@ -39,14 +39,14 @@ <h2>${place.name}</h2>
             Preact
             https://preactjs.com
         -->
-        <script src="https://unpkg.com/preact@10.5.7/dist/preact.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/preact@10.5.7/dist/preact.min.js"></script>
 
         <!--
             For testing with Preact DevTools include the following:
             https://preactjs.github.io/preact-devtools/
         -->
-        <script src="https://unpkg.com/preact@10.5.7/debug/dist/debug.umd.js"></script>
-        <script src="https://unpkg.com/preact@10.5.7/devtools/dist/devtools.umd.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/preact@10.5.7/debug/dist/debug.umd.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/preact@10.5.7/devtools/dist/devtools.umd.js"></script>
 
         <!--
             DataFormsJS JSX Loader
@@ -64,8 +64,8 @@ <h2>${place.name}</h2>
             https://reacttraining.com/react-router/
             https://github.com/ReactTraining/react-router
         -->
-        <script src="https://unpkg.com/react-router@5.2.0/umd/react-router.min.js"></script>
-        <script src="https://unpkg.com/react-router-dom@5.2.0/umd/react-router-dom.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react-router@5.2.0/umd/react-router.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react-router-dom@5.2.0/umd/react-router-dom.min.js"></script>
 
         <!--
             DataFormsJS React Components
@@ -97,8 +97,8 @@ <h2>${place.name}</h2>
         <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/polyfill.min.js"></script>
 
         <!-- https://leafletjs.com/ -->
-        <link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css">
-        <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js"></script>
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.5.1/dist/leaflet.css">
+        <script src="https://cdn.jsdelivr.net/npm/leaflet@1.5.1/dist/leaflet.js"></script>
 
         <!--
             https://marked.js.org/
diff --git a/examples/web-components-with-react.htm b/examples/web-components-with-react.htm
index 7715d8c..bb1cbef 100644
--- a/examples/web-components-with-react.htm
+++ b/examples/web-components-with-react.htm
@@ -40,19 +40,19 @@ <h2>${place.name}</h2>
             https://reactjs.org
         -->
         <!--
-        <script src="https://unpkg.com/react@17.0.2/umd/react.development.js" crossorigin="anonymous"></script>
-        <script src="https://unpkg.com/react-dom@17.0.2/umd/react-dom.development.js" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react@17.0.2/umd/react.development.js" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.development.js" crossorigin="anonymous"></script>
         -->
-        <script src="https://unpkg.com/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
-        <script src="https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
 
         <!--
             React Router
             https://reacttraining.com/react-router/
             https://github.com/ReactTraining/react-router
         -->
-        <script src="https://unpkg.com/react-router@5.2.0/umd/react-router.min.js"></script>
-        <script src="https://unpkg.com/react-router-dom@5.2.0/umd/react-router-dom.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react-router@5.2.0/umd/react-router.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react-router-dom@5.2.0/umd/react-router-dom.min.js"></script>
 
         <!--
             DataFormsJS JSX Loader
@@ -95,8 +95,8 @@ <h2>${place.name}</h2>
         <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/polyfill.min.js"></script>
 
         <!-- https://leafletjs.com/ -->
-        <link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css">
-        <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js"></script>
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.5.1/dist/leaflet.css">
+        <script src="https://cdn.jsdelivr.net/npm/leaflet@1.5.1/dist/leaflet.js"></script>
 
         <!--
             https://marked.js.org/
diff --git a/examples/web-components-with-vue.htm b/examples/web-components-with-vue.htm
index 0b254cc..7eae000 100644
--- a/examples/web-components-with-vue.htm
+++ b/examples/web-components-with-vue.htm
@@ -150,7 +150,7 @@ <h2>${place.name}</h2>
 
         <!-- Vue 3 -->
         <script src="https://cdn.jsdelivr.net/npm/vue@3.0.2/dist/vue.global.prod.js"></script>
-        <script src="https://unpkg.com/vue-router@4.0.1/dist/vue-router.global.prod.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/vue-router@4.0.1/dist/vue-router.global.prod.js"></script>
 
         <!--
             DataFormsJS Web Components
@@ -175,8 +175,8 @@ <h2>${place.name}</h2>
         <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/old-browser-warning.min.js"></script>
 
         <!-- https://leafletjs.com/ -->
-        <link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css">
-        <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js"></script>
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.5.1/dist/leaflet.css">
+        <script src="https://cdn.jsdelivr.net/npm/leaflet@1.5.1/dist/leaflet.js"></script>
 
         <!--
             https://marked.js.org/
diff --git a/js/react/jsxLoader.js b/js/react/jsxLoader.js
index c668982..ed4a46d 100644
--- a/js/react/jsxLoader.js
+++ b/js/react/jsxLoader.js
@@ -108,7 +108,7 @@
          * recent build that works with IE 11 and older versions of Safari. Versions
          * published after this have fatal errors and do not load on older browsers.
          */
-        babelUrl: 'https://unpkg.com/@babel/standalone@7.12.12/babel.js',
+        babelUrl: 'https://cdn.jsdelivr.net/npm/@babel/standalone@7.12.12/babel.js',
         babelOptions: {
             presets: ['es2015', 'react'],
             plugins: ['proposal-object-rest-spread'],
diff --git a/test/js/unit-testing-react.js b/test/js/unit-testing-react.js
index 6b1f354..05d452b 100644
--- a/test/js/unit-testing-react.js
+++ b/test/js/unit-testing-react.js
@@ -49,7 +49,7 @@ describe('jsxLoader.js', function() {
         });
 
         it('should have jsxLoader.babelUrl', function() {
-            expect(jsxLoader).to.have.property('babelUrl', 'https://unpkg.com/@babel/standalone@7.12.12/babel.js');
+            expect(jsxLoader).to.have.property('babelUrl', 'https://cdn.jsdelivr.net/npm/@babel/standalone@7.12.12/babel.js');
         });
 
         it('should have jsxLoader.babelOptions', function() {
diff --git a/test/views/unit-testing-preact.htm b/test/views/unit-testing-preact.htm
index 8b7c6b9..e6a0384 100644
--- a/test/views/unit-testing-preact.htm
+++ b/test/views/unit-testing-preact.htm
@@ -5,7 +5,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <title>DataFormsJS Preact Components Unit Testing</title>
         <!-- <link rel="stylesheet" href="vendor/mocha/mocha.css"> -->
-        <link rel="stylesheet" href="https://unpkg.com/mocha/mocha.css" />
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mocha/mocha.css" />
         <style>
 			.nav {
                 font-family: Arial, Helvetica, sans-serif;
@@ -44,7 +44,7 @@
             Preact
             https://preactjs.com/
         -->
-        <script src="https://unpkg.com/preact"></script>
+        <script src="https://cdn.jsdelivr.net/npm/preact"></script>
 
 		<!--
             DataFormsJS JSX Loader
@@ -140,11 +140,11 @@
             <script src="vendor/chai/chai.js"></script>
             <script src="vendor/mocha/mocha.js"></script>
 
-            <script src="https://unpkg.com/chai/chai.js"></script>
-            <script src="https://unpkg.com/mocha/mocha.js"></script>
+            <script src="https://cdn.jsdelivr.net/npm/chai/chai.js"></script>
+            <script src="https://cdn.jsdelivr.net/npm/mocha/mocha.js"></script>
         -->
-        <script src="https://unpkg.com/chai/chai.js"></script>
-        <script src="https://unpkg.com/mocha/mocha.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/chai/chai.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/mocha/mocha.js"></script>
 
         <!--
             Unit Testing Scripts
diff --git a/test/views/unit-testing-react.htm b/test/views/unit-testing-react.htm
index fedb041..417861b 100644
--- a/test/views/unit-testing-react.htm
+++ b/test/views/unit-testing-react.htm
@@ -5,7 +5,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <title>DataFormsJS React Components Unit Testing</title>
         <!-- <link rel="stylesheet" href="vendor/mocha/mocha.css"> -->
-        <link rel="stylesheet" href="https://unpkg.com/mocha/mocha.css" />
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mocha/mocha.css" />
         <style>
 			.nav {
                 font-family: Arial, Helvetica, sans-serif;
@@ -48,14 +48,14 @@
             <script src="vendor/react.production.min.js" crossorigin="anonymous"></script>
             <script src="vendor/react-dom.production.min.js" crossorigin="anonymous"></script>
 
-            <script src="https://unpkg.com/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
-            <script src="https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
+            <script src="https://cdn.jsdelivr.net/npm/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
+            <script src="https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
 
-            <script src="https://unpkg.com/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
-            <script src="https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
+            <script src="https://cdn.jsdelivr.net/npm/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
+            <script src="https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
         -->
-        <script src="https://unpkg.com/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
-        <script src="https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react@17.0.2/umd/react.production.min.js" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin="anonymous"></script>
 
 		<!--
             DataFormsJS JSX Loader
@@ -149,11 +149,11 @@
             <script src="vendor/chai/chai.js"></script>
             <script src="vendor/mocha/mocha.js"></script>
 
-            <script src="https://unpkg.com/chai/chai.js"></script>
-            <script src="https://unpkg.com/mocha/mocha.js"></script>
+            <script src="https://cdn.jsdelivr.net/npm/chai/chai.js"></script>
+            <script src="https://cdn.jsdelivr.net/npm/mocha/mocha.js"></script>
         -->
-        <script src="https://unpkg.com/chai/chai.js"></script>
-        <script src="https://unpkg.com/mocha/mocha.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/chai/chai.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/mocha/mocha.js"></script>
 
         <!--
             Unit Testing Scripts

From 3f9647f55fb9aed1b5864b0e7b7a1ff275dbb7c0 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Mon, 9 Sep 2024 23:20:30 -0700
Subject: [PATCH 11/20] =?UTF-8?q?=F0=9F=90=9B=20Unit=20Testing=20-=20Chang?=
 =?UTF-8?q?e=20Port=20and=20CDN=20Links?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/jsx-loader.md                 |  2 +-
 docs/jsx-loader.pt-BR.md           |  2 +-
 docs/jsx-loader.zh-CN.md           |  2 +-
 test/server.js                     |  4 ++--
 test/views/unit-testing-preact.htm | 10 +++-------
 test/views/unit-testing-react.htm  | 10 +++-------
 6 files changed, 11 insertions(+), 19 deletions(-)

diff --git a/docs/jsx-loader.md b/docs/jsx-loader.md
index f4faa2d..f1a911d 100644
--- a/docs/jsx-loader.md
+++ b/docs/jsx-loader.md
@@ -487,7 +487,7 @@ cd test
 node server.js
 
 # View the unit test site and run tests:
-# http://127.0.0.1:5000/
+# http://127.0.0.1:4000/
 ```
 
 Or try Unit Tests directly on the main web server:
diff --git a/docs/jsx-loader.pt-BR.md b/docs/jsx-loader.pt-BR.md
index 3b94502..4529ee2 100644
--- a/docs/jsx-loader.pt-BR.md
+++ b/docs/jsx-loader.pt-BR.md
@@ -490,7 +490,7 @@ cd test
 node server.js
 
 # Verja o site de teste de unidade e rode os testes:
-# http://127.0.0.1:5000/
+# http://127.0.0.1:4000/
 ```
 
 Ou tente Testes de unidade diretamente no servidor web principal:
diff --git a/docs/jsx-loader.zh-CN.md b/docs/jsx-loader.zh-CN.md
index 71d8af5..bfe3bf6 100644
--- a/docs/jsx-loader.zh-CN.md
+++ b/docs/jsx-loader.zh-CN.md
@@ -487,7 +487,7 @@ cd test
 node server.js
 
 # View the unit test site and run tests:
-# http://127.0.0.1:5000/
+# http://127.0.0.1:4000/
 ```
 
 或直接在主Web服务器上尝试单元测试：
diff --git a/test/server.js b/test/server.js
index 7055b87..22a2701 100644
--- a/test/server.js
+++ b/test/server.js
@@ -19,7 +19,7 @@
  *   4) Run with node:
  *      node server.js
  *   5) Open in browser and then run tests by opening each page:
- *      http://127.0.0.1:5000/
+ *      http://127.0.0.1:4000/
  *   6) Additionally if you use a popular code editor or IDE you can
  *      likely start this script directly from your editor.
  */
@@ -38,7 +38,7 @@ const bodyParser = require('./../server/middleware/body-parser.js');
 const etag = require('./../server/middleware/etag.js');
 // const cors = require('./../server/middleware/cors.js');
 
-const port = 5000;
+const port = 4000;
 
 const views = [
     'unit-testing-handlebars',
diff --git a/test/views/unit-testing-preact.htm b/test/views/unit-testing-preact.htm
index e6a0384..20162af 100644
--- a/test/views/unit-testing-preact.htm
+++ b/test/views/unit-testing-preact.htm
@@ -5,7 +5,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <title>DataFormsJS Preact Components Unit Testing</title>
         <!-- <link rel="stylesheet" href="vendor/mocha/mocha.css"> -->
-        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mocha/mocha.css" />
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mocha@9.2.2/mocha.css" />
         <style>
 			.nav {
                 font-family: Arial, Helvetica, sans-serif;
@@ -136,15 +136,11 @@
 
         <!--
             https://mochajs.org/
-
             <script src="vendor/chai/chai.js"></script>
             <script src="vendor/mocha/mocha.js"></script>
-
-            <script src="https://cdn.jsdelivr.net/npm/chai/chai.js"></script>
-            <script src="https://cdn.jsdelivr.net/npm/mocha/mocha.js"></script>
         -->
-        <script src="https://cdn.jsdelivr.net/npm/chai/chai.js"></script>
-        <script src="https://cdn.jsdelivr.net/npm/mocha/mocha.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/chai@4.5.0/chai.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/mocha@9.2.2/mocha.js"></script>
 
         <!--
             Unit Testing Scripts
diff --git a/test/views/unit-testing-react.htm b/test/views/unit-testing-react.htm
index 417861b..4176344 100644
--- a/test/views/unit-testing-react.htm
+++ b/test/views/unit-testing-react.htm
@@ -5,7 +5,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <title>DataFormsJS React Components Unit Testing</title>
         <!-- <link rel="stylesheet" href="vendor/mocha/mocha.css"> -->
-        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mocha/mocha.css" />
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mocha@9.2.2/mocha.css" />
         <style>
 			.nav {
                 font-family: Arial, Helvetica, sans-serif;
@@ -145,15 +145,11 @@
 
         <!--
             https://mochajs.org/
-
             <script src="vendor/chai/chai.js"></script>
             <script src="vendor/mocha/mocha.js"></script>
-
-            <script src="https://cdn.jsdelivr.net/npm/chai/chai.js"></script>
-            <script src="https://cdn.jsdelivr.net/npm/mocha/mocha.js"></script>
         -->
-        <script src="https://cdn.jsdelivr.net/npm/chai/chai.js"></script>
-        <script src="https://cdn.jsdelivr.net/npm/mocha/mocha.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/chai@4.5.0/chai.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/mocha@9.2.2/mocha.js"></script>
 
         <!--
             Unit Testing Scripts

From 2df527657da28ffbcd8c3dfea568456d41af1ddf Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Mon, 9 Sep 2024 23:21:08 -0700
Subject: [PATCH 12/20] =?UTF-8?q?=F0=9F=9A=80=20Release=205.14.5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                        | 25 ++++++++++++++++++++++++-
 js/DataFormsJS.js                   |  2 +-
 js/DataFormsJS.min.js               |  4 ++--
 js/plugins/imageGallery.min.js      |  2 +-
 js/react/es5/DataFormsJS.js         |  2 +-
 js/react/es5/DataFormsJS.min.js     |  2 +-
 js/react/es5/ImageGallery.js        |  8 +++++++-
 js/react/es5/ImageGallery.min.js    |  2 +-
 js/react/es6/DataFormsJS.min.js     |  2 +-
 js/react/es6/ImageGallery.min.js    |  2 +-
 js/react/jsxLoader.js               |  2 +-
 js/react/jsxLoader.min.js           |  4 ++--
 js/web-components/json-data.min.js  |  2 +-
 js/web-components/url-router.min.js |  2 +-
 package.json                        |  2 +-
 15 files changed, 46 insertions(+), 17 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8f644f8..377f6e6 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,29 @@ DataFormsJS uses [Semantic Versioning](https://docs.npmjs.com/about-semantic-ver
 
 Overall the core Framework files, React Components, and Web Components and API are expected to remain stable however the version number is expected to increase to much larger numbers in the future due to the changes to smaller scripts and components. This change log includes all npm release history and new website features or major changes.
 
+## 5.15.5 (Sep 9, 2024)
+
+* Security update for the starter/example webserver that is included with the main project.
+  * The file [app.js](https://github.com/dataformsjs/dataformsjs/blob/master/server/app.js) uses a custom express-like API with a minimal web server which allows DataFormsJS examples to run using Node.js built-in features and no outside dependencies.
+  * A Path traversal vulnerability was found with credit thanks to Hamidreza Hamidi and [Jafar Akhoundali](https://github.com/JafarAkhondali/).
+  * The issue was `decodeURIComponent` was called out of order allowing for Proof-of-concept (POC) Path traversal attacks on a local developer machine using URLs such as `http://127.0.0.1:8080/..%2fpackage.json` or `bash
+127.0.0.1:8080/%2e%2e%2f%2e%2e%2f%2e%2e%2f%2e%2e%2f%2e%2e%2f%2e%2e%2f%2e%2e%2f%2e%2e%2f%2e%2e%2f%2e%2e%2fetc%2fpasswd`
+  * This impacts the development download of the project but not the NPM published release.
+* Replaced CDN https://unpkg.com/ with https://www.jsdelivr.com/
+  * The property `jsxLoader.babelUrl` was changed and can be set back to unpkg if needed by setting the URL prior to the page being loaded.
+  * All example pages and apps referenced unpkg for React and related libraries.
+  * Even though IE is no longer supported it still works on legacy Windows Servers but unpkg blocks it from downloading CDN content. Given this fact, its possible they may block other browsers in the future so switching to jsDelivr helps avoid issues were code could break and it allows jsxLoader plus all React examples to work out of the box for IE again.
+* Updated several ImageGallery React and Web Components so that css `@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {}` would only be included if the browser is IE 11.
+  * Edge browser started giving a deprecation warning when using this CSS media query.
+  * Additionally, the main site, the playground site, and many examples were updated to dynamically handle the CSS media query for IE but not other browsers.
+* Fixed Unit Tests for React and Preact pages
+  * https://dataformsjs.com/unit-testing/react
+  * https://dataformsjs.com/unit-testing/preact
+  * `http://127.0.0.1:4000/unit-testing-react`
+  * `http://127.0.0.1:4000/unit-testing-preact`
+  * The pages were previously using the latest CDN version of [Mocha](https://mochajs.org/) and [Chai](https://www.chaijs.com/); however their was a breaking change so now specific CDN versions are used rather than the latest version.
+* Updated Unit Tests to run from Port 4000 instead of Port 5000 because Port 5000 is now used by default on Mac for AirPlay and was causing a conflict when running tests on a Mac.
+
 ## 5.14.4 (Aug 19, 2024)
 
 * Replace all instances of the Polyfill Service `https://polyfill.io/v3/polyfill.min.js?` with `https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?version=4.8.0&`
@@ -1041,7 +1064,7 @@ The Web Components have the most complex breaking changes related to API usage h
 * `js/react/jsxLoader.js`
   * Added `jsxLoader.globalNamespaces` and improved `jsxLoader.addBabelPolyfills()` so that global namespaces can be defined more with less code and so that more modules are handled automatically. This is being added for a new demo with `React-Toastify` at https://awesome-web-react.js.org/ which will be published after the new release.
   * Added `Object.values` and `Array.prototype.findIndex` to `jsxLoader.polyfillUrl`.
-  * Updated 'jsxLoader.babelUrl' from version `7.8.4` to version `7.10.4`. New URL: `https://unpkg.com/@babel/standalone@7.10.4/babel.js`
+  * Updated 'jsxLoader.babelUrl' from version `7.8.4` to version `7.10.4`. New URL: `https://cdn.jsdelivr.net/npm/@babel/standalone@7.10.4/babel.js`
 * Added config file for ESLint `.eslintrc.js` and added `eslint` as a dev dependency in `package.json`
   * All code is valid based on defined rules so no changes to framework code were needed.
 
diff --git a/js/DataFormsJS.js b/js/DataFormsJS.js
index 18ec30b..e960bb3 100644
--- a/js/DataFormsJS.js
+++ b/js/DataFormsJS.js
@@ -3391,7 +3391,7 @@
 
     // Add Build Version
     // For new releases this gets updated automatically by [scripts/build.js].
-    Object.defineProperty(app, 'version', { value: '5.14.4', enumerable: true });
+    Object.defineProperty(app, 'version', { value: '5.14.5', enumerable: true });
 
     // Assign [DataFormsJS] and [app] to the global variable space
     window.DataFormsJS = app;
diff --git a/js/DataFormsJS.min.js b/js/DataFormsJS.min.js
index 530440c..d789539 100644
--- a/js/DataFormsJS.min.js
+++ b/js/DataFormsJS.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.14.4
+// @version 5.14.5
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
-!function(){"use strict";var h,g={NotSet:"Not Set",Unknown:"Unknown",Mixed:"Mixed",Handlebars:"Handlebars",Vue:"Vue",Nunjucks:"Nunjucks",Underscore:"Underscore",Text:"Text"},c=g.NotSet,p=[g.Handlebars,g.Vue,g.Nunjucks,g.Underscore,g.Text],m=!1,f=!1,v=!1,C=null,E=0,t=null,w=!1,b=0,n=-1!==navigator.userAgent.indexOf("Trident/"),y=null,a=!1;function l(e,t,o,r){if(typeof e!==t)throw console.log(e),new TypeError("["+o+"] was not defined as a "+t+" when the function "+r+" was called")}function s(e,t,o){if(void 0===e)throw new TypeError("["+t+"] must first be defined before the function "+o+" is called");if("object"!=typeof e)throw console.log(e),new TypeError("["+t+"] was not defined as an object when the function "+o+" was called")}function i(e,t,o){if(""===e)throw new TypeError("["+t+"] must have a value when defined when the function "+o+" is called")}function d(e,t,o){if(void 0!==e[o])throw console.log(e),new TypeError("["+t+"."+o+"] is already defined")}function T(e,t,o,r){for(var n=0,a=r.length;n<a;n++)if(void 0!==e[r[n]]&&"function"!=typeof e[r[n]])throw console.log(e),new TypeError(o+"["+t+"]."+r[n]+" is not defined as a function.")}function S(e,t,o,r){for(var n=0,a=r.length;n<a;n++)if(void 0!==e[r[n]]&&null!==e[r[n]])return;throw console.log(e),new TypeError(o+"["+t+"] must have one of the following properties defined: "+r.join(", "))}function A(e,t){var o,r,n="";try{return null!==t&&t.path?n='Error with [Controller.path = "'+t.path+'"] - ':null!==e&&e instanceof HTMLElement&&(o=e.getAttribute("data-template-id"),r=e.getAttribute("data-template-url"),o=null===o?"":' data-template-id="'+o+'"',r=null===r?"":' data-template-url="'+r+'"',n="Error with Element <"+e.tagName.toLowerCase(),n=(n+=' id="'+e.id+'"')+' class="'+e.className+'"'+(o+r)+"> - "),n}catch(e){return console.error(e),n}}function r(e,t,o){e=document.createElement(e);return e.textContent=t,o&&(e.className=o),e}function L(e,t){console.error(e),window.setTimeout(function(){t&&null===t.parentNode&&((document.querySelector("body")||document.documentElement).appendChild(t),h.activeTemplate&&(h.activeTemplate.error=!0,h.activeTemplate.errorMessage=e.toString())),h.showError(t,e)},500)}function R(e,t,o){var r,n,a=null,l=null,i=null,s=null,d=null;if(null===t)i=e.getAttribute("data-template-id"),s=e.getAttribute("data-template-url"),null!==h.activeController&&(d=h.activeController.viewEngine);else{if(i=t.viewId,s=t.viewUrl,void 0!==t.viewEngine&&(d=t.viewEngine),void 0===s&&(s=null),null!==(i=void 0===i?null:i)&&null!==s)return void o(u(null,i,s,d,!0,"A controller must have either [viewId] or [viewUrl] defined but not both properties. This error is not possible when calling the [addController()] so one or more of the properties were modified by JavaScript code after the controller was already added."));if(null===i&&null===s)return"function"==typeof t.onRouteLoad||"function"==typeof t.onBeforeRender||"function"==typeof t.onRendered?void o(null):void o(u(null,i,s,d,!0,"A controller must have either [viewId] or [viewUrl] defined but neither property is defined. This error is not possible when calling the [addController()] so one or more of the properties were modified by JavaScript code after the controller was already added."))}for(r=0,n=h.compiledTemplates.length;r<n;r++){if(null!==i&&h.compiledTemplates[r].id===i)return void o(h.compiledTemplates[r]);if(null!==s&&h.compiledTemplates[r].url===s)return void o(h.compiledTemplates[r])}if(null!==s)l=s,null===d&&(d=c);else{if(null===(a=document.getElementById(i)))return void o(u(e,i,s,d,!0,"Script Tag for Template ID ["+i+"] does not exist."));l=a.src||a.getAttribute("data-src"),d=h.getTemplateType(a)}d!==c&&-1!==p.indexOf(d)&&(c=d),null!==l&&""!==l?h.fetch(l,null,"text/plain").then(function(e){o(u(null,i,s,d,!1,e))}).catch(function(e){console.error(e),o(u(null,i,s,d,!0,"Error Downloading Template: ["+l+"], Error: "+e))}):o(u(a,i,s,d,!1,a.innerHTML))}function u(e,t,o,r,n,a){var l=null,i=null,s=!1,d=null;if(!n)try{switch(r){case g.Handlebars:l=Handlebars.compile(a);break;case g.Nunjucks:l=h.nunjucksEnvironment?nunjucks.compile(a,h.nunjucksEnvironment):nunjucks.compile(a);break;case g.Underscore:l=_.template(a);break;case g.Text:case g.Vue:i=a;break;default:throw null===e?new TypeError("Unsupported or Unknown Template View Engine when the Template was downloaded. Template type at the time of downloading = "+r):new TypeError('Unsupported or Unknown Template View Engine specified in <script id="'+e.id+'" type="'+e.type+'" data-engine="'+e.getAttribute("data-engine")+'">')}}catch(e){s=!(i=l=null),d=e}t={id:t,url:o,type:r,engine:l,html:i,error:n||s,errorMessage:n?a:d};return h.compiledTemplates.push(t),t}function U(t,o,e,r){var n="";try{if(e.error)return void h.showError(t,A(t,o)+e.errorMessage);switch(e.type){case g.Handlebars:case g.Underscore:n=e.engine(r);break;case g.Nunjucks:n=e.engine.render(r);break;case g.Text:case g.Vue:n=e.html;break;default:throw new TypeError("Unsupported or Unknown Template View Engine: "+e.type)}null===t.getAttribute("data-set-text-content")?t.innerHTML=n:t.textContent=n,h.updateTemplatesForIE(t)}catch(e){h.showError(t,A(t,o)+e)}}function V(){var e,s,d,t,o,r,n,u,a,l,p,i="hash"===y?window.location.hash:window.location.pathname,c=null,f=-1;if(200<E)return h.showErrorAlert(h.settings.errors.pageLoading),E=0,void(v=!1);if(v)return C===i?void 0:(window.setTimeout(V,200),void E++);if(m)return C===i?void 0:(window.setTimeout(V,200),void E++);for(o in v=!0,""===(i=(E=0)===(C=i).indexOf("#")?i.substring(1):i)&&(i="/"),h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onAllowRouteChange)try{if(!1===h.plugins[o].onAllowRouteChange(i))return void(v=!1)}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onAllowRouteChange()]: "+e.toString()),console.error(e)}if(h.unloadAllJsControls(),null!==h.activeController){for(o in h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onRouteUnload)try{h.plugins[o].onRouteUnload()}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}if(void 0!==h.activeController.onRouteUnload&&null===h.activeVueModel&&"Vue"!==h.viewEngine())try{h.activeController.onRouteUnload.apply(h.activeModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}}for(null!==h.activeVueModel&&(null===h.activeVueApp?(h.activeVueModel.$destroy(),h.settings.clearVue2WatchersOnRouteUnload&&h.activeController&&h.activeController.modelName&&h.models[h.activeController.modelName]&&h.activeVueModel.$data&&(h.models[h.activeController.modelName]=JSON.parse(JSON.stringify(h.activeVueModel.$data)))):h.activeVueApp.unmount()),h.activeController=null,h.activeTemplate=null,h.activeModel=null,h.activeVueModel=null,h.activeVueApp=null,h.activeParameters=[],h.activeParameterList={},w=!1,e=b=0,s=h.controllers.length;e<s;e++){if((t=h.routeMatches(i,h.controllers[e].path)).isMatch){c=h.controllers[e],h.activeParameters=t.args,h.activeParameterList=t.namedArgs;break}h.controllers[e].path===h.settings.defaultRoute&&(f=e)}if(null===c&&-1!==f)return a=h.settings.defaultRoute,"/:lang/"===h.settings.defaultRoute&&void 0!==h.plugins.i18n&&"function"==typeof h.plugins.i18n.readSettings&&"function"==typeof h.plugins.i18n.getUserDefaultLang&&(h.plugins.i18n.readSettings(),null!==(r=h.plugins.i18n.getUserDefaultLang())&&(a="/"+r+"/")),h.changeRoute(a),void(v=!1);if(null===c){if(0===h.controllers.length)return h.updateView(),void(v=!1);i!==h.settings.defaultRoute&&(r="Error - The route ["+i+"] does not have a <script data-route> element or [Controller] defined. Check to make sure that a controller or script for default route ["+h.settings.defaultRoute+"] exists.",h.showError(document.querySelector(h.settings.viewSelector),r)),v=!1}else h.activeController=c,u=function(){var e,t,o,r,n,a=c;if(a.modelName)h.activeModel=h.models[a.modelName];else{if(a.pageType&&void 0!==(o=h.pages[a.pageType]))if(a.viewEngine===g.Vue)if(e={},a.methods=void 0===a.methods?{}:a.methods,"function"==typeof o){e=new o;for(var l=h.getClassFunctionNames(o),i=["constructor","onRouteLoad","onBeforeRender","onRendered","onRouteUnload"],s=0;s<l.length;s++)r=l[s],i.includes(r)||(a.methods[r]=o.prototype[r])}else for(r in o.model)o.model.hasOwnProperty(r)&&("[object Function]"===(n=Object.prototype.toString.call(o.model[r]))?a.methods[r]=o.model[r]:e[r]="[object Object]"===n?h.deepClone({},o.model[r]):"[object Array]"===n?h.deepClone([],o.model[r]):o.model[r]);else e="function"==typeof o?new o:h.deepClone({},o.model);void 0!==a.settings&&0<Object.keys(a.settings).length&&(void 0===e&&(e={}),h.deepClone(e,a.settings)),e&&!1!==e.loadOnlyOnce&&(t=null===a.pageType||void 0===a.pageType?"Dynamic":(t=a.pageType).substring(0,1).toUpperCase()+t.substring(1),t="model_"+String(Object.keys(h.models).length)+"_"+t,h.addModel(t,e),a.modelName=t),a.modelName?h.activeModel=h.models[a.modelName]:h.activeModel=void 0===e?{}:e}for(d in h.activeParameterList)h.activeParameterList.hasOwnProperty(d)&&(h.activeModel[d]=h.activeParameterList[d]);R(null,c,function(e){var t,o=[],r=[],n=0,a=0;function l(){if(h.activeTemplate=e,void 0!==c.onRouteLoad&&h.activeController&&h.activeController.viewEngine!==g.Vue)try{c.onRouteLoad.apply(h.activeModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+c.path+"] on [onRouteLoad()]: "+e.toString()),console.error(e)}window.scrollTo(0,0),h.updateView(),v=!1}for(t in h.plugins)h.plugins.hasOwnProperty(t)&&void 0!==h.plugins[t].onRouteLoad&&(o.push(h.plugins[t].onRouteLoad),r.push(t));(0===(a=o.length)?l:function t(){try{var e=r[n],e=h.plugins[e];o[n].call(e,function(e){!1!==e?(++n===a?l:t)():v=!1})}catch(e){h.showErrorAlert("Error from Plugin ["+r[n]+"] on [onRouteLoad()]: "+e.toString()),console.error(e),h.updateView(),v=!1}})()})},void 0!==(n=c).settings&&void 0!==n.settings.lazyLoad?(null!==h.settings.lazyTemplateSelector&&(l=document.querySelector(h.settings.viewSelector),a=document.querySelector(h.settings.lazyTemplateSelector),l&&a&&("TEMPLATE"===a.tagName||"SCRIPT"===a.tagName&&"text"===a.getAttribute("data-engine")?l.innerHTML=a.innerHTML:console.warn("Unable to show loading screen from [app.settings.lazyTemplateSelector]. Only <template> tags are allowed."))),l=n.settings.lazyLoad.split(",").map(function(e){return e.trim()}),p=[],l.forEach(function(e){void 0===h.lazyLoad[e]?console.error("Missing [app.LazyLoad] scripts for: "+e):p.push(h.loadScripts(h.lazyLoad[e]))}),Promise.all(p).finally(function(){P(n),u()})):(P(n),u())}function P(e){if(null!==e.pageType&&void 0!==e.pageType&&void 0===e._pageCopied){var t=null;if(void 0===h.pages[e.pageType]?t="The page ["+e.pageType+"] has not been loaded for Controller[path="+e.path+"].":"object"==typeof h.pages[e.pageType]&&"object"!=typeof h.pages[e.pageType].model&&(t="Error - The [model] property for page object ["+e.pageType+"] must be a valid JavaScript Object."),null!==t)return e.settings=e.settings||{},e.settings.errorMessage=t,e.settings.hasError=!0,void h.showErrorAlert(t);var o=h.pages[e.pageType];if("function"==typeof o)for(var r=h.getClassFunctionNames(o),n=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"],a=0;a<r.length;a++){var l=r[a];n.includes(l)&&(e[l]=o.prototype[l])}else for(var i in o)o.hasOwnProperty(i)&&"function"==typeof o[i]&&(e[i]=o[i]);e.viewEngine===g.Vue&&"object"==typeof o.computed&&void 0===e.computed&&(e.computed=o.computed),e._pageCopied=!0}}function o(e){var t=new Date,t="toLocaleString"in t?t.toLocaleString():t.toString(),t=-1<e.message.toLowerCase().indexOf("script error")?"Script Error at "+t+": See Browser Console for Detail":["Message: ["+e.message+"]","Time: ["+t+"]","URL: ["+e.filename+"]","Line: "+e.lineno,"Column: "+e.colno,"Error Object: "+JSON.stringify(e.error)].join(" - ");h.showErrorAlert(t),console.error(e)}void 0===window.DataFormsJS&&(h={controllers:[],models:{},pages:{},plugins:{},controls:{},graphQL:{},lazyLoad:{},locals:{},settings:{defaultRoute:"/",viewSelector:"#view",logFetchRequests:!1,requestHeaders:{},requestHeadersByHostName:{},fetchOptions:{mode:"cors",cache:"no-store",credentials:"same-origin"},polyfillUrl:"https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?version=4.8.0&features=Array.from,Array.isArray,Array.prototype.find,Object.assign,URL,fetch,Promise,Promise.prototype.finally,String.prototype.endsWith,String.prototype.startsWith,String.prototype.includes,String.prototype.repeat",cssPonyfillUrl:"https://cdn.jsdelivr.net/npm/css-vars-ponyfill@2.4.3/dist/css-vars-ponyfill.min.js",graphqlUrl:null,errors:{pageLoading:"Error loading the current page because the previous page is still loading and is taking a long time. Please refresh the page and try again."},lazyTemplateSelector:null,clearVue2WatchersOnRouteUnload:!1},activeController:null,activeTemplate:null,activeModel:null,activeVueModel:null,activeVueApp:null,vueDirectives:null,activeParameters:[],activeParameterList:{},activeJsControls:[],compiledTemplates:[],onUpdateViewComplete:null,nunjucksEnvironment:null,errorClass:"dataformsjs-error",fatalErrorClass:"dataformsjs-fatal-error",errorStyleId:"dataformsjs-style-errors",errorCss:[".dataformsjs-error,.dataformsjs-fatal-error{","color:#fff;","background-color:red;","box-shadow:0 1px 5px 0 rgba(0,0,0,.5);","background-image:linear-gradient(#e00,#c00);","/*white-space:pre;*/","text-align:left;","}",".dataformsjs-error{","padding:10px;","font-size:1em;","margin:5px;","display:inline-block;","}",".dataformsjs-fatal-error{","z-index:1000000;","padding:20px;","font-size:1.5em;","margin:20px;","position:fixed;","top:10px;","}","@media only screen and (min-width:1000px){",".dataformsjs-fatal-error{","max-width:1000px;","left:calc(50% - 520px);","}","}",".dataformsjs-fatal-error span{","padding:5px 10px;","float:right;","border:1px solid darkred;","cursor:pointer;","margin-left:10px;","box-shadow:0 0 2px 1px rgba(0,0,0,0.3);","background-image:linear-gradient(#c00,#a00);","border-radius:5px;","}"].join(""),vueStyleId:"dataformsjs-style-vue-cloak",vueCss:"[v-cloak] { display: none !important; }",escapeHtml:function(e){return null==e||"number"==typeof e?e:String(e).replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/'/g,"&#039;").replace(/</g,"&lt;").replace(/>/g,"&gt;")},fetch:function(t,e,o){var r=h.deepClone({},h.settings.fetchOptions);return r.headers=h.getRequestHeaders(t),e&&(Object.assign(r,e),void 0!==e.headers&&(r.headers=Object.assign({},h.getRequestHeaders(t),e.headers))),!n||void 0!==r.method&&"GET"!==r.method&&"HEAD"!==r.method||"no-store"!==r.cache&&"no-cache"!==r.cache||((e=/([?&])_=[^&]*/).test(t)?t=t.replace(e,"$1_="+(new Date).getTime()):t+=(/\?/.test(t)?"&":"?")+"_="+(new Date).getTime()),fetch(t,r).then(function(e){return h.settings.logFetchRequests&&h.events&&"function"==typeof h.events.dispatch&&h.events.dispatch("fetch",{url:t,status:e.status}),Promise.resolve(e)}).then(function(e){var t=e.status;return 200<=t&&t<300||304===t?Promise.resolve(e):(t="Error loading data. Server Response Code: "+t+", Response Text: "+e.statusText,Promise.reject(t))}).then(function(e){var t=void 0===o?"application/json":o;return 0===(t=e.headers.has("Content-Type")?e.headers.get("Content-Type"):t).indexOf("application/json")?e.json():e.text()})},routingMode:function(){return y},changeRoute:function(e){if("string"!=typeof e)throw new TypeError("Expected string for app.changeRoute(path)");"history"===y?(window.history.pushState(null,null,e),V()):window.location.hash=0===e.indexOf("#")?e:"#"+e},pushStateClick:function(e){if(!0!==e.ctrlKey&&!e.metaKey)return e.preventDefault(),e.stopPropagation(),e.currentTarget.href?h.changeRoute(e.currentTarget.href):console.error("app.pushStateClick() called for an unknown link"),!1},addPage:function(e,t){var o,r=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"],n=(l(e,"string","name","app.addPage()"),i(e,"name","app.addPage()"),!1);if("object"==typeof t)o=t,n=!0;else{if("function"!=typeof t||"class"!==t.toString().substring(0,5))throw new TypeError("Page ["+e+"] must be defined as an object or a class when the function app.addPage() is called");o=t.prototype}return T(o,e,"page",r),r.pop(),S(o,e,"page",r),n&&s(t.model,"page."+e+".model","app.addPage()"),d(this.pages,"app.pages",e),this.pages[e]=t,this},addPlugin:function(e,t){function o(){"function"==typeof this.onRouteUnload&&this.onRouteUnload(),this.onRendered()}if(l(e,"string","name","app.addPlugin()"),i(e,"name","app.addPlugin()"),d(this.plugins,"app.plugins",e),"function"==typeof(t="function"==typeof t&&"class"===t.toString().substring(0,5)?new t:t))return this.plugins[e]={onRendered:t,reload:o},this;var r=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"];return l(t,"object","plugin","app.addPlugin()"),T(t,e,"plugin",r),r.pop(),S(t,e,"plugin",r),void 0===t.reload&&(t.reload=o),this.plugins[e]=t,this},addControl:function(e,t){if(l(e,"string","name","app.addControl()"),i(e,"name","app.addControl()"),e!==e.toLowerCase())throw new TypeError("Control names must be all lower-case. [app.addControl()] was called with: ["+e+"]");if(-1===e.indexOf("-"))throw new TypeError("Control names must contain a dash [-] character. [app.addControl()] was called with: ["+e+"]");if(-1!==e.indexOf(" "))throw new TypeError("Control names cannot contain a space. [app.addControl()] was called with: ["+e+"]");if(!1!==/[&<>"'/]/.test(e))throw new TypeError("Control names cannot contain HTML characters that need to be escaped. Invalid characters are [& < > \" ' /]. [app.addControl()] was called with: ["+e+"]");l(t,"object","control","app.addControl()"),void 0!==t.css&&l(t.css,"string","control.css","app.addControl()");var o=["onLoad","html","onUnload"];return S(t,e,"control",o),T(t,e,"control",o),o.pop(),S(t,e,"control",o),d(this.controls,"app.controls",e),this.controls[e]=t,this},addModel:function(e,t){return l(e,"string","name","app.addModel()"),i(e,"name","app.addModel()"),l(t,"object","model","app.addModel()"),d(this.models,"app.models",e),this.models[e]=t,this},addController:function(t){var e,o=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"];if(l(t,"object","controller","app.addController()"),l(t.path,"string","controller.path","app.addController()"),i(t.path,"controller.path","app.addController()"),this.controllers.forEach(function(e){if(e.path===t.path)throw new TypeError("[app.controllers(path="+t.path+")] is already defined")}),e="app.addController(path="+t.path+")",void 0===t.viewId)t.viewId=null;else{l(t.viewId,"string","controller.viewId",e),i(t.viewId,"controller.viewId",e);var r=t.viewId,n="controller.viewId",a=e;if(null===document.getElementById(r))throw new TypeError("An element was not found on the page with ["+n+"][id="+r+"] when the function "+a+" was called")}if(void 0===t.viewUrl?t.viewUrl=null:(l(t.viewUrl,"string","controller.viewUrl",e),i(t.viewUrl,"controller.viewUrl",e)),null!==t.viewId&&null!==t.viewUrl)throw new TypeError("A controller cannot have both [viewId] and [viewUrl] defined when calling "+e);if(void 0!==t.viewEngine){if(null===t.viewId&&null===t.viewUrl)throw new TypeError("When a controller uses the [viewEngine] property either [viewId] or [viewUrl] must also be defined when calling "+e);if(-1===p.indexOf(t.viewEngine))throw new TypeError("Invalid [viewEngine] property when calling "+e+". Valid values are: "+p.join(", "))}return null!==t.modelName&&void 0!==t.modelName&&(l(t.modelName,"string","controller.modelName",e),i(t.modelName,"controller.modelName",e),s(this.models[t.modelName],"app.models."+t.modelName,e)),null!==t.pageType&&void 0!==t.pageType&&(l(t.pageType,"string","controller.pageType",e),i(t.pageType,"controller.pageType",e)),T(t,t.path,"controller",o),null!==t.pageType&&void 0!==t.pageType||(o.pop(),o.push("viewId"),o.push("viewUrl"),S(t,t.path,"controller",o)),this.controllers.push(t),this},controller:function(e){for(var t=0,o=this.controllers.length;t<o;t++)if(this.controllers[t].path===e)return this.controllers[t];return null},showError:function(e,t){var o;null!==e?(h.loadCss(h.errorStyleId,h.errorCss),o=r("span",t,h.errorClass),e.innerHTML="",e.appendChild(o),"string"!=typeof t&&console.error(t)):h.showErrorAlert(t)},showErrorAlert:function(e){h.loadCss(h.errorStyleId,h.errorCss);var t=r("div",e="string"==typeof e&&-1===e.toLowerCase().indexOf("error")?"Error: "+e:e,h.fatalErrorClass),o=r("span","✕");o.onclick=function(){document.body.removeChild(t)},t.insertBefore(o,t.firstChild),document.body.appendChild(t),"string"!=typeof e&&console.error(e)},isUsingVue:function(){return null!==h.activeVueModel||h.activeController&&"Vue"===h.activeController.viewEngine||"Vue"===h.viewEngine()},isUsingVue2:function(){return this.isUsingVue()&&void 0===Vue.createApp},isUsingVue3:function(){return this.isUsingVue()&&"function"==typeof Vue.createApp},isUpdatingView:function(){return m},updateView:function(){function e(){var e,t,o,r,n;if(m=!0,null!==h.activeVueModel&&null===h.activeVueApp)return e=0,(t=h.activeVueModel._watcher)&&t.deps&&t.deps.length&&(e=t.deps.length),b!==e&&a("vue_dep_change"),m=!(w=!0),void(b=e);if(null===h.activeVueApp){h.unloadAllJsControls();try{if(!(h.activeController&&h.activeController.viewEngine===g.Vue)&&h.activeController&&void 0!==h.activeController.onBeforeRender)try{h.activeController.onBeforeRender.apply(h.activeModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onBeforeRender()]: "+e.toString()),console.error(e)}for(o in h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onBeforeRender)try{h.plugins[o].onBeforeRender()}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onBeforeRender()]: "+e.toString()),console.error(e)}null!==h.activeTemplate&&(null===(r=document.querySelector(h.settings.viewSelector))?(n="Error - The main HTML element for rendering views from selector ["+h.settings.viewSelector+"] does not exist on this page. Check HTML on the page to makes sure that the element exist; and if it does then check to make sure that JavaScript Code did not remove it from the page",h.showErrorAlert(n)):(h.activeController&&h.activeController.viewEngine===g.Vue&&r.setAttribute("v-cloak",""),U(r,h.activeController,h.activeTemplate,h.activeModel))),h.refreshAllHtmlControls(function(){var t,e,o,r;h.activeController&&h.activeController.viewEngine===g.Vue?(t=document.querySelector(h.settings.viewSelector),e=function(e){console.error("Vue Error"),L(e,t)},o=function(e){console.error("Vue Warning"),L(e,t)},r="function"==typeof Vue.createApp,h.activeTemplate&&h.activeTemplate.error?(h.showError(document.querySelector(h.settings.viewSelector),h.activeTemplate.errorMessage),a("updateView")):r?(h.activeVueApp=Vue.createApp({data:function(){return h.activeModel},directives:h.vueDirectives,methods:h.activeController.methods,computed:h.activeController.computed,mounted:function(){h.activeVueModel=this,h.activeVueModel.$nextTick(function(){if(void 0!==h.activeController.onRouteLoad)try{h.activeController.onRouteLoad.apply(h.activeVueModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteLoad()]: "+e.toString()),console.error(e)}h.loadAllJsControls(),a("vue_mounted",h.activeVueModel)})},updated:function(){this.$nextTick(function(){w&&(h.loadAllJsControls(),a("vue_updated"),w=!1)})},beforeUnmount:function(){try{void 0!==h.activeController.onRouteUnload&&h.activeController.onRouteUnload.apply(h.activeVueModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}}}),h.activeVueApp.errorHandler=e,h.activeVueApp.warnHandler=o,h.activeVueApp.mount(h.settings.viewSelector)):(Vue.config.errorHandler=e,Vue.config.warnHandler=o,h.activeVueModel=new Vue({el:h.settings.viewSelector,data:h.activeModel,methods:h.activeController.methods,computed:h.activeController.computed,mounted:function(){var e=this;e.$nextTick(function(){if(void 0!==h.activeController.onRouteLoad)try{h.activeController.onRouteLoad.apply(e,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteLoad()]: "+e.toString()),console.error(e)}h.loadAllJsControls(),a("vue_mounted",e)})},updated:function(){this.$nextTick(function(){var e;w&&(h.loadAllJsControls(),a("vue_updated"),(e=this._watcher)&&e.deps&&e.deps.length&&(b=this._watcher.deps.length),w=!1)})},beforeDestroy:function(){try{void 0!==h.activeController.onRouteUnload&&h.activeController.onRouteUnload.apply(this,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}}}))):(h.loadAllJsControls(),a("updateView")),m=!1})}catch(e){throw m=!1,console.error(e),e}}else m=!(w=!0)}function a(e,t){for(var o in"history"===y&&(r=document.querySelectorAll('a[href^="/"]:not([data-no-pushstate])'),Array.prototype.forEach.call(r,function(e){e.addEventListener("click",h.pushStateClick)})),h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onRendered)try{h.plugins[o].onRendered()}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onRendered()]: "+e.toString()),console.error(e)}var r=h.activeController&&h.activeController.viewEngine===g.Vue,n=h.activeController&&h.activeController.onRendered;if("function"==typeof n){t=r?t||h.activeVueModel:t||h.activeModel;try{n.apply(t,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRendered()]: "+e.toString()),console.error(e)}}if(null!==h.onUpdateViewComplete)try{h.onUpdateViewComplete(e)}catch(e){h.showErrorAlert("Error from [app.onUpdateViewComplete()]: "+e.toString()),console.error(e)}}m?t=window.setInterval(function(){m||(window.clearInterval(t),t=null,e())},10):e()},refreshAllHtmlControls:function(e,r){var n=String((new Date).getTime()),a='[data-template-id]:not([data-updated-at="'+n+'"])';a+=',[data-template-url]:not([data-updated-at="'+n+'"])',f=!0,function t(o){if(null===o)f=!1,m||h.refreshPlugins(),e&&e(n);else try{h.refreshHtmlControl(o,function(){o.setAttribute("data-updated-at",n),t(document.querySelector(a))},r)}catch(e){o.setAttribute("data-updated-at",n),t(document.querySelector(a))}}(document.querySelector(a))},refreshHtmlControl:function(t,r,e){try{var o="string"==typeof t,c=t instanceof HTMLElement;if(!o&&!c)throw new TypeError("Invalid type for parameter [control] in the function [DataFormsJS.refreshHtmlControl()]: "+typeof t);if(o){var n=t;if(null===(t=document.getElementById(n)))throw new TypeError("Control not found for ["+n+"] when the function [DataFormsJS.refreshHtmlControl()] was called.")}if(void 0!==r&&"function"!=typeof r)throw new TypeError("[callback] was not defined as a [function] when the [DataFormsJS.refreshHtmlControl()] was called");var a=t.getAttribute("data-template-id"),l=t.getAttribute("data-template-url");if(null!==a&&null!==l)throw new TypeError("A control must have only one of the template attribute defined; either [data-template-id] or [data-template-url]. Both attributes are defined on the control.");if(null===a&&null===l)throw new TypeError("A control must have either attribute [data-template-id] or [data-template-url]. Neither attribute is defined for the control.");void 0===e&&(e=this.activeModel);var i,s=Object.assign({},e),u=["templateId","templateUrl","updatedAt"];for(i in t.dataset)if(-1===u.indexOf(i)){var d=t.dataset[i];switch(d){case"true":case"":s[i]=!0;break;case"false":s[i]=!1;break;case"null":s[i]=null;break;default:s[i]=d}}R(t,null,function(e){U(t,null,e,s),m||(h.loadAllJsControls(t,s),h.unloadUnattachedJsControls()),f||h.refreshPlugins(t);var o=[];f||m||(e=t.querySelectorAll("[data-template-id],[data-template-url]"),Array.prototype.forEach.call(e,function(t){o.push(new Promise(function(e){h.refreshHtmlControl(t,e)}))})),Promise.all(o).finally(function(){void 0!==r&&r()})})}catch(e){throw console.error(e),null!==t&&t instanceof HTMLElement&&h.showError(t,A(t,null)+e.message),e}},refreshPlugins:function(e){function t(){for(var t in h.plugins)if(h.plugins.hasOwnProperty(t)&&void 0!==h.plugins[t].onRendered)try{void 0===e?h.plugins[t].onRendered():1===h.plugins[t].onRendered.length&&h.plugins[t].onRendered(e)}catch(e){h.showErrorAlert("Error from Plugin ["+t+"] on [onRendered()]: "+e.toString()),console.error(e)}}h.activeController&&h.activeController.viewEngine===g.Vue&&h.activeVueModel&&"function"==typeof h.activeVueModel.$nextTick?h.activeVueModel.$nextTick(t):t()},loadAllJsControls:function(o,r){var t=["[data-control]:not([data-control-loaded]):not([data-control-is-loading])"],n=(Object.keys(h.controls).forEach(function(e){-1!==e.indexOf("-")&&-1===e.indexOf(" ")&&t.push(e+":not([data-control-loaded]):not([data-control-is-loading])")}),t.join(","));void 0===o&&(o=document),void 0===r&&(r=h.activeModel),function e(t){if(null!==t){try{h.loadJsControl(t,r)}catch(e){t.setAttribute("data-control-loaded",""),h.showError(t,e.toString()),console.error(e)}e(o.querySelector(n))}}(o.querySelector(n))},loadJsControl:function(t,e){var o,r,n,a,l,i;if(t instanceof HTMLElement)t.hasAttribute("data-control-loaded")&&(l=h.activeJsControls.find(function(e){return e.element===t}));else{if(void 0===(l="object"==typeof t?h.activeJsControls.find(function(e){return e===t}):l))throw new TypeError("Invalid type for parameter [element] for the function [DataFormsJS.loadJsControl()], expected HTMLElement, received: "+typeof t);t=l.element}if(null===(o=t.getAttribute("data-control"))&&(o=t.tagName.toLowerCase()),void 0===(r=h.controls[o]))throw-1===o.indexOf("-")?(h.showError(t,i="Invalid call to [DataFormsJS.loadJsControl()]. This function only works on valid control elements."),console.log(t),new TypeError(i)):new Error("JavaScript Control was not found by name, check that the file is loaded: "+o);for(a in t.setAttribute("data-control",o),n=void 0===r.data?{}:h.deepClone({},r.data),t.dataset)if("control"!==a){var s=t.dataset[a];switch(s){case"true":case"":n[a]=!0;break;case"false":n[a]=!1;break;case"null":n[a]=null;break;default:n[a]=s}}if(void 0!==r.css&&h.loadCss("DataFormsJS-control-style-"+o,r.css),void 0===e&&(e=h.activeModel),null===t.getAttribute("data-control-is-loading")){t.setAttribute("data-control-is-loading",""),i=!1;try{void 0!==r.onLoad&&r.onLoad.call(n,t,e)}catch(e){h.showError(t,"Error with JavaScript Control ["+o+"] in function [onLoad()]: "+e.toString()),console.error(e),i=!0}if(!i)try{void 0!==r.html&&(t.innerHTML=r.html.call(n,e))}catch(e){h.showError(t,"Error with JavaScript Control ["+o+"] in function [html()]: "+e.toString()),console.error(e)}t.setAttribute("data-control-loaded",""),t.removeAttribute("data-control-is-loading"),void 0===l?h.activeJsControls.push({element:t,control:o,data:n}):l.data=n}},unloadAllJsControls:function(){h.activeJsControls.forEach(function(e){h.unloadJsControl(e)}),h.activeJsControls=[]},unloadUnattachedJsControls:function(){for(var e,t=h.activeJsControls.length;0<t;t--)document.body.contains(h.activeJsControls[t-1].element)||(e=h.activeJsControls.splice(t-1,1),h.unloadJsControl(e[0]))},unloadJsControl:function(t){var o=h.controls[t.control];if(void 0!==o.onUnload)try{o.onUnload.call(t.data,t.element)}catch(e){o="Unknown Control";t.element&&(o=(o=t.element.getAttribute("data-control"))||"Unknown Control"),h.showErrorAlert("Error with JavaScript Control ["+o+"] in function [onUnload()]: "+e.toString()),console.error(e)}t.element.removeAttribute("data-control-loaded")},routeMatches:function(e,t){var o,r,n=e.split("/"),a=t.split("/"),l=n.length,i=[],s={};if(l!==a.length)return{isMatch:!1};for(o=0;o<l;o++)if((r=decodeURIComponent(n[o]))!==a[o]){if(":"!==a[o].substring(0,1))return{isMatch:!1};i.push(r),s[a[o].substring(1)]=r}return{isMatch:!0,args:i,namedArgs:s}},getClassFunctionNames:function(e){for(var t=[],o=e;o&&o.prototype&&o!==Object;){for(var r=Object.getOwnPropertyNames(o.prototype),n=0;n<r.length;n++){var a=r[n];"function"!=typeof o.prototype[a]||t.includes(a)||t.push(a)}o=Object.getPrototypeOf(o)}return t},deepClone:function(){var e,t,o,r,n,a=arguments.length;if(0===a)throw new TypeError("No arguments specified when app.deepClone() was called.");if(1===a)throw new TypeError("Only one argument was specified when app.deepClone() was called.");for(e=0;e<a;e++)l(arguments[e],"object","argument","app.deepClone()");for(t=arguments[0],e=1;e<a;e++)for(r in o=arguments[e])o.hasOwnProperty(r)&&(void 0!==(n=Object.getOwnPropertyDescriptor(o,r)).get||void 0!==n.set?Object.defineProperty(t,r,n):(n=Object.prototype.toString.call(o[r]),t[r]="[object Object]"===n?this.deepClone({},o[r]):"[object Array]"===n?this.deepClone([],o[r]):o[r]));return t},getTemplateType:function(e){if(void 0===e)throw new TypeError("Missing parameter [script] for the function [DataFormsJS.getTemplateType()]");if(!(e instanceof HTMLElement))throw new TypeError("Invalid type for parameter [script] for the function [DataFormsJS.getTemplateType()], expected HTMLElement, received: "+typeof e);if("TEMPLATE"!==e.tagName&&"SCRIPT"!==e.tagName)throw new TypeError("Invalid type for parameter [script] for the function [DataFormsJS.getTemplateType()], expected <script> or <template>, received: "+e.tagName.toLowerCase());if("TEMPLATE"===e.tagName)return g.Text;switch(e.getAttribute("data-engine")){case"handlebars":return g.Handlebars;case"vue":return g.Vue;case"nunjucks":return g.Nunjucks;case"underscore":return g.Underscore;case"text":return g.Text;default:return g.Unknown}},viewEngine:function(e){if(void 0===e)return c;switch(e){case g.NotSet:case g.Unknown:case g.Mixed:throw new TypeError("Invalid value specified for setting the ViewEngine: "+e);default:if(void 0===g[e])throw new TypeError("Unknown value specified for setting the ViewEngine ["+e+"], refer to documentation or values from the enum/object [ViewEngines] for valid options.")}return c=e,this},loadCss:function(e,t){var o=document.getElementById(e);null===o&&((o=document.createElement("style")).id=e,o.innerHTML=t,document.head.appendChild(o))},loadScript:function(e,r,t){function o(e,t){var o=document.createElement("script");o.onload=e,o.onerror=function(){console.error("Error loading Script: "+r),t()},o.src=r,document.head.appendChild(o)}if(!1===e||void 0===e){if(void 0===t)return new Promise(function(e,t){o(e,t)});o(t,t)}else{if(void 0===t)return new Promise(function(e){e()});t()}},loadScripts:function(i){if("string"==typeof i)i=[i];else if(!Array.isArray(i))return h.showErrorAlert("Invalid Script for [app.loadScripts()] or [app.lazyLoad], expected string or an array of strings. Check console."),console.warn("app.loadScripts():"),console.warn(i),new Promise(function(e){e()});return new Promise(function(o){var r=0,n=i.length;!function e(){var t,a,l;r!==n?(t=i[r],r++,t.endsWith(".js")?(l=t,new Promise(function(e){for(var t=document.querySelectorAll("script"),o=0,r=t.length;o<r;o++)if(t[o].getAttribute("src")===l)return void e();var n=document.createElement("script");n.onload=e,n.onerror=function(){h.showErrorAlert("Error loading JS File: "+l),e()},n.src=l,document.head.appendChild(n)}).then(e)):t.endsWith(".css")?(a=t,new Promise(function(e){for(var t=document.querySelectorAll("link"),o=0,r=t.length;o<r;o++)if("stylesheet"===t[o].rel&&t[o].getAttribute("href")===a)return void e();var n=document.createElement("link");n.rel="stylesheet",n.onload=e,n.onerror=function(){h.showErrorAlert("Error loading CSS File: "+a),e()},n.href=a,document.head.appendChild(n)}).then(e)):(h.showErrorAlert("Invalid Script for [app.loadScripts()] or [app.lazyLoad]: "+t),e())):o()}()})},buildUrl:function(e,t){if(void 0===t&&(t=h.activeParameterList),e=String(e).replace(/\{(\w+)\}/g,function(e,t){return"string"==typeof window[t]?window[t]:e}),null!==t&&0<Object.keys(t).length)for(var o in t)t.hasOwnProperty(o)&&-1<e.indexOf(":"+o)&&(e=e.replace(new RegExp(":"+o,"g"),encodeURIComponent(t[o])));return e},getGraphQL:function(r,o){var n,a;return r&&o?new Promise(function(e,t){t('Error calling [app.getGraphQL()]. Both [id="'+r+'"] and [src="'+o+'"] are set. Only one value can be used.')}):(n=r||o)&&void 0!==h.graphQL[n]?new Promise(function(e,t){h.graphQL[n].query?e(h.graphQL[n].query):t(h.graphQL[n].error)}):r?new Promise(function(e,t){var o=null;null===(a=document.getElementById(r))?o="Missing GraphQL Script Element: "+r:"SCRIPT"!==a.nodeName||"application/graphql"!==a.type?o='Invalid Element for GraphQL Script, expected: <script type="application/graphql" id="'+r+'">':(h.graphQL[r]={query:a.innerHTML,error:null},e(a.innerHTML)),null!==o&&(h.graphQL[r]={query:null,error:o},t(o))}):o?h.fetch(o,null,"text/plain").then(function(e){return h.graphQL[o]={query:e,error:null},e}).catch(function(e){e="Error Downloading GraphQL Script: ["+o+"], Error: "+e;throw h.graphQL[o]={query:null,error:e},e}):new Promise(function(e,t){t("Error calling [app.getGraphQL()]. Missing GraphQL Parameters.")})},buildGraphQLVariables:function(e,t){var o,r,n={};if(0<Object.keys(t).length)for(var a in t)t.hasOwnProperty(a)&&-1<e.indexOf("$"+a)&&(o=-1!==e.indexOf("($"+a+": Int"),r=t[a],n[a]=o?Number(r):r);return n},handleGlobalErrors:function(e){e?window.addEventListener("error",o):window.removeEventListener("error",o)},getRequestHeaders:function(e){var t,o={},r=h.settings.requestHeaders;for(t in r)r.hasOwnProperty(t)&&(o[t]=r[t]);if(0<Object.keys(h.settings.requestHeadersByHostName).length&&(e=new URL(e,window.location).hostname,void 0!==(r=h.settings.requestHeadersByHostName[e])))for(t in r)r.hasOwnProperty(t)&&(o[t]=r[t]);return o},updateTemplatesForIE:function(e){n&&(e=e.querySelectorAll("template"),Array.prototype.forEach.call(e,function(e){for(var t=document.createElement("script"),o=0,r=e.attributes.length;o<r;o++)t.setAttribute(e.attributes[o].name,e.attributes[o].value);t.type="text/x-template",t.setAttribute("data-engine","text"),t.innerHTML=e.innerHTML,e.parentNode.replaceChild(t,e)}))},cssVarsPonyfill:function(){var e,t='link[rel="stylesheet"][data-css-vars-ponyfill],style[data-css-vars-ponyfill]';null!==document.querySelector(t)&&(e=window.CSS&&window.CSS.supports&&window.CSS.supports("(--a: 0)"),h.loadScript(e,h.settings.cssPonyfillUrl,function(){window.cssVars&&window.cssVars({include:t})}))},setup:function(){c=g.Unknown;var e,t=0,o=[{prop:"Handlebars",type:"handlebars",label:g.Handlebars},{prop:"Vue",type:"vue",label:g.Vue},{prop:"nunjucks",type:"nunjucks",label:g.Nunjucks},{prop:"_",type:"underscore",label:g.Underscore}];for(e in o)null!==document.querySelector('script[type="text/x-template"][data-engine="'+o[e].type+'"]')&&(c=o[e].label,t++);if(0===t)for(e in o)window[o[e].prop]&&(c=o[e].label,t++);1<t&&(c=g.Mixed),void 0!==window.Vue&&h.loadCss(h.vueStyleId,h.vueCss),null!==document.documentElement.getAttribute("data-show-errors")&&h.handleGlobalErrors(!0),h.settings.graphqlUrl=document.documentElement.getAttribute("data-graphql-url"),null===y&&"history"!==(y=document.documentElement.getAttribute("data-routing-mode"))&&(y="hash"),h.updateTemplatesForIE(document);var r=document.querySelectorAll('script[type="text/x-template"][data-route],template[data-route]');Array.prototype.forEach.call(r,function(e){var t=e.getAttribute("data-route"),o=e.id,r=e.src||e.getAttribute("data-src"),n=e.getAttribute("data-page"),c=e.getAttribute("data-model"),u=e.getAttribute("data-controller-added"),a=h.getTemplateType(e),p=e.getAttribute("data-default-route"),l=0,i={};if(null===u){if(""===t)return console.log(e),void h.showErrorAlert(new TypeError('A script element <script id="'+e.id+'" type="'+e.type+'" data-engine="'+e.getAttribute("data-engine")+'"> has the attribute [data-route] defined however the attribute value is empty. This error must be fixed, scripts that include a route path attribute must have the value defined.'));if(a===g.Unknown)return console.log(e),void h.showErrorAlert(new TypeError('A script element <script id="'+e.id+'" type="'+e.type+'" data-engine="'+e.getAttribute("data-engine")+'" data-route="'+e.getAttribute("data-route")+'"> must have a valid engine type defined in [data-engine]. Valid values are [handlebars, vue, underscore, nunjucks, text].'));if(""===o&&(""===r||null===r))for(;o="template"+l,null===document.querySelector("#"+o)&&(e.id=o),l++,""===e.id;);""===r||null===r?r=void 0:o=void 0;var s,f=["route","page","model","src","engine"];for(s in e.dataset)if(-1===f.indexOf(s)){var d=e.dataset[s];switch(d){case"true":case"":i[s]=!0;break;case"false":i[s]=!1;break;case"null":i[s]=null;break;default:i[s]=d}}try{h.addController({path:t,viewId:o,viewUrl:r,viewEngine:a,pageType:n,modelName:c,settings:i}),null!==p&&(h.settings.defaultRoute=t)}catch(e){h.showErrorAlert("Error from [app.setup()]: "+e),console.error(e)}e.setAttribute("data-controller-added","true")}}),"hash"===y?window.addEventListener("hashchange",V):window.addEventListener("popstate",V),V(),a||(h.cssVarsPonyfill(),a=!0)}},Object.defineProperty(h,"version",{value:"5.14.4",enumerable:!0}),window.DataFormsJS=h,void 0===window.app?window.app=h:h.showErrorAlert("Warning - [window.app] is already defined, pages, plugins, etc. may not load correctly."),document.addEventListener("DOMContentLoaded",function(){var e=!!(Array.from&&window.Promise&&window.fetch&&Promise.prototype.finally);h.loadScript(e,h.settings.polyfillUrl,h.setup)}))}();
\ No newline at end of file
+!function(){"use strict";var h,g={NotSet:"Not Set",Unknown:"Unknown",Mixed:"Mixed",Handlebars:"Handlebars",Vue:"Vue",Nunjucks:"Nunjucks",Underscore:"Underscore",Text:"Text"},c=g.NotSet,p=[g.Handlebars,g.Vue,g.Nunjucks,g.Underscore,g.Text],m=!1,f=!1,v=!1,C=null,E=0,t=null,w=!1,b=0,n=-1!==navigator.userAgent.indexOf("Trident/"),y=null,a=!1;function l(e,t,o,r){if(typeof e!==t)throw console.log(e),new TypeError("["+o+"] was not defined as a "+t+" when the function "+r+" was called")}function s(e,t,o){if(void 0===e)throw new TypeError("["+t+"] must first be defined before the function "+o+" is called");if("object"!=typeof e)throw console.log(e),new TypeError("["+t+"] was not defined as an object when the function "+o+" was called")}function i(e,t,o){if(""===e)throw new TypeError("["+t+"] must have a value when defined when the function "+o+" is called")}function d(e,t,o){if(void 0!==e[o])throw console.log(e),new TypeError("["+t+"."+o+"] is already defined")}function T(e,t,o,r){for(var n=0,a=r.length;n<a;n++)if(void 0!==e[r[n]]&&"function"!=typeof e[r[n]])throw console.log(e),new TypeError(o+"["+t+"]."+r[n]+" is not defined as a function.")}function S(e,t,o,r){for(var n=0,a=r.length;n<a;n++)if(void 0!==e[r[n]]&&null!==e[r[n]])return;throw console.log(e),new TypeError(o+"["+t+"] must have one of the following properties defined: "+r.join(", "))}function A(e,t){var o,r,n="";try{return null!==t&&t.path?n='Error with [Controller.path = "'+t.path+'"] - ':null!==e&&e instanceof HTMLElement&&(o=e.getAttribute("data-template-id"),r=e.getAttribute("data-template-url"),o=null===o?"":' data-template-id="'+o+'"',r=null===r?"":' data-template-url="'+r+'"',n="Error with Element <"+e.tagName.toLowerCase(),n=(n+=' id="'+e.id+'"')+' class="'+e.className+'"'+(o+r)+"> - "),n}catch(e){return console.error(e),n}}function r(e,t,o){e=document.createElement(e);return e.textContent=t,o&&(e.className=o),e}function L(e,t){console.error(e),window.setTimeout(function(){t&&null===t.parentNode&&((document.querySelector("body")||document.documentElement).appendChild(t),h.activeTemplate&&(h.activeTemplate.error=!0,h.activeTemplate.errorMessage=e.toString())),h.showError(t,e)},500)}function R(e,t,o){var r,n,a=null,l=null,i=null,s=null,d=null;if(null===t)i=e.getAttribute("data-template-id"),s=e.getAttribute("data-template-url"),null!==h.activeController&&(d=h.activeController.viewEngine);else{if(i=t.viewId,s=t.viewUrl,void 0!==t.viewEngine&&(d=t.viewEngine),void 0===s&&(s=null),null!==(i=void 0===i?null:i)&&null!==s)return void o(u(null,i,s,d,!0,"A controller must have either [viewId] or [viewUrl] defined but not both properties. This error is not possible when calling the [addController()] so one or more of the properties were modified by JavaScript code after the controller was already added."));if(null===i&&null===s)return"function"==typeof t.onRouteLoad||"function"==typeof t.onBeforeRender||"function"==typeof t.onRendered?void o(null):void o(u(null,i,s,d,!0,"A controller must have either [viewId] or [viewUrl] defined but neither property is defined. This error is not possible when calling the [addController()] so one or more of the properties were modified by JavaScript code after the controller was already added."))}for(r=0,n=h.compiledTemplates.length;r<n;r++){if(null!==i&&h.compiledTemplates[r].id===i)return void o(h.compiledTemplates[r]);if(null!==s&&h.compiledTemplates[r].url===s)return void o(h.compiledTemplates[r])}if(null!==s)l=s,null===d&&(d=c);else{if(null===(a=document.getElementById(i)))return void o(u(e,i,s,d,!0,"Script Tag for Template ID ["+i+"] does not exist."));l=a.src||a.getAttribute("data-src"),d=h.getTemplateType(a)}d!==c&&-1!==p.indexOf(d)&&(c=d),null!==l&&""!==l?h.fetch(l,null,"text/plain").then(function(e){o(u(null,i,s,d,!1,e))}).catch(function(e){console.error(e),o(u(null,i,s,d,!0,"Error Downloading Template: ["+l+"], Error: "+e))}):o(u(a,i,s,d,!1,a.innerHTML))}function u(e,t,o,r,n,a){var l=null,i=null,s=!1,d=null;if(!n)try{switch(r){case g.Handlebars:l=Handlebars.compile(a);break;case g.Nunjucks:l=h.nunjucksEnvironment?nunjucks.compile(a,h.nunjucksEnvironment):nunjucks.compile(a);break;case g.Underscore:l=_.template(a);break;case g.Text:case g.Vue:i=a;break;default:throw null===e?new TypeError("Unsupported or Unknown Template View Engine when the Template was downloaded. Template type at the time of downloading = "+r):new TypeError('Unsupported or Unknown Template View Engine specified in <script id="'+e.id+'" type="'+e.type+'" data-engine="'+e.getAttribute("data-engine")+'">')}}catch(e){s=!(i=l=null),d=e}t={id:t,url:o,type:r,engine:l,html:i,error:n||s,errorMessage:n?a:d};return h.compiledTemplates.push(t),t}function U(t,o,e,r){var n="";try{if(e.error)return void h.showError(t,A(t,o)+e.errorMessage);switch(e.type){case g.Handlebars:case g.Underscore:n=e.engine(r);break;case g.Nunjucks:n=e.engine.render(r);break;case g.Text:case g.Vue:n=e.html;break;default:throw new TypeError("Unsupported or Unknown Template View Engine: "+e.type)}null===t.getAttribute("data-set-text-content")?t.innerHTML=n:t.textContent=n,h.updateTemplatesForIE(t)}catch(e){h.showError(t,A(t,o)+e)}}function V(){var e,s,d,t,o,r,n,u,a,l,p,i="hash"===y?window.location.hash:window.location.pathname,c=null,f=-1;if(200<E)return h.showErrorAlert(h.settings.errors.pageLoading),E=0,void(v=!1);if(v)return C===i?void 0:(window.setTimeout(V,200),void E++);if(m)return C===i?void 0:(window.setTimeout(V,200),void E++);for(o in v=!0,""===(i=(E=0)===(C=i).indexOf("#")?i.substring(1):i)&&(i="/"),h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onAllowRouteChange)try{if(!1===h.plugins[o].onAllowRouteChange(i))return void(v=!1)}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onAllowRouteChange()]: "+e.toString()),console.error(e)}if(h.unloadAllJsControls(),null!==h.activeController){for(o in h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onRouteUnload)try{h.plugins[o].onRouteUnload()}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}if(void 0!==h.activeController.onRouteUnload&&null===h.activeVueModel&&"Vue"!==h.viewEngine())try{h.activeController.onRouteUnload.apply(h.activeModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}}for(null!==h.activeVueModel&&(null===h.activeVueApp?(h.activeVueModel.$destroy(),h.settings.clearVue2WatchersOnRouteUnload&&h.activeController&&h.activeController.modelName&&h.models[h.activeController.modelName]&&h.activeVueModel.$data&&(h.models[h.activeController.modelName]=JSON.parse(JSON.stringify(h.activeVueModel.$data)))):h.activeVueApp.unmount()),h.activeController=null,h.activeTemplate=null,h.activeModel=null,h.activeVueModel=null,h.activeVueApp=null,h.activeParameters=[],h.activeParameterList={},w=!1,e=b=0,s=h.controllers.length;e<s;e++){if((t=h.routeMatches(i,h.controllers[e].path)).isMatch){c=h.controllers[e],h.activeParameters=t.args,h.activeParameterList=t.namedArgs;break}h.controllers[e].path===h.settings.defaultRoute&&(f=e)}if(null===c&&-1!==f)return a=h.settings.defaultRoute,"/:lang/"===h.settings.defaultRoute&&void 0!==h.plugins.i18n&&"function"==typeof h.plugins.i18n.readSettings&&"function"==typeof h.plugins.i18n.getUserDefaultLang&&(h.plugins.i18n.readSettings(),null!==(r=h.plugins.i18n.getUserDefaultLang())&&(a="/"+r+"/")),h.changeRoute(a),void(v=!1);if(null===c){if(0===h.controllers.length)return h.updateView(),void(v=!1);i!==h.settings.defaultRoute&&(r="Error - The route ["+i+"] does not have a <script data-route> element or [Controller] defined. Check to make sure that a controller or script for default route ["+h.settings.defaultRoute+"] exists.",h.showError(document.querySelector(h.settings.viewSelector),r)),v=!1}else h.activeController=c,u=function(){var e,t,o,r,n,a=c;if(a.modelName)h.activeModel=h.models[a.modelName];else{if(a.pageType&&void 0!==(o=h.pages[a.pageType]))if(a.viewEngine===g.Vue)if(e={},a.methods=void 0===a.methods?{}:a.methods,"function"==typeof o){e=new o;for(var l=h.getClassFunctionNames(o),i=["constructor","onRouteLoad","onBeforeRender","onRendered","onRouteUnload"],s=0;s<l.length;s++)r=l[s],i.includes(r)||(a.methods[r]=o.prototype[r])}else for(r in o.model)o.model.hasOwnProperty(r)&&("[object Function]"===(n=Object.prototype.toString.call(o.model[r]))?a.methods[r]=o.model[r]:e[r]="[object Object]"===n?h.deepClone({},o.model[r]):"[object Array]"===n?h.deepClone([],o.model[r]):o.model[r]);else e="function"==typeof o?new o:h.deepClone({},o.model);void 0!==a.settings&&0<Object.keys(a.settings).length&&(void 0===e&&(e={}),h.deepClone(e,a.settings)),e&&!1!==e.loadOnlyOnce&&(t=null===a.pageType||void 0===a.pageType?"Dynamic":(t=a.pageType).substring(0,1).toUpperCase()+t.substring(1),t="model_"+String(Object.keys(h.models).length)+"_"+t,h.addModel(t,e),a.modelName=t),a.modelName?h.activeModel=h.models[a.modelName]:h.activeModel=void 0===e?{}:e}for(d in h.activeParameterList)h.activeParameterList.hasOwnProperty(d)&&(h.activeModel[d]=h.activeParameterList[d]);R(null,c,function(e){var t,o=[],r=[],n=0,a=0;function l(){if(h.activeTemplate=e,void 0!==c.onRouteLoad&&h.activeController&&h.activeController.viewEngine!==g.Vue)try{c.onRouteLoad.apply(h.activeModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+c.path+"] on [onRouteLoad()]: "+e.toString()),console.error(e)}window.scrollTo(0,0),h.updateView(),v=!1}for(t in h.plugins)h.plugins.hasOwnProperty(t)&&void 0!==h.plugins[t].onRouteLoad&&(o.push(h.plugins[t].onRouteLoad),r.push(t));(0===(a=o.length)?l:function t(){try{var e=r[n],e=h.plugins[e];o[n].call(e,function(e){!1!==e?(++n===a?l:t)():v=!1})}catch(e){h.showErrorAlert("Error from Plugin ["+r[n]+"] on [onRouteLoad()]: "+e.toString()),console.error(e),h.updateView(),v=!1}})()})},void 0!==(n=c).settings&&void 0!==n.settings.lazyLoad?(null!==h.settings.lazyTemplateSelector&&(l=document.querySelector(h.settings.viewSelector),a=document.querySelector(h.settings.lazyTemplateSelector),l&&a&&("TEMPLATE"===a.tagName||"SCRIPT"===a.tagName&&"text"===a.getAttribute("data-engine")?l.innerHTML=a.innerHTML:console.warn("Unable to show loading screen from [app.settings.lazyTemplateSelector]. Only <template> tags are allowed."))),l=n.settings.lazyLoad.split(",").map(function(e){return e.trim()}),p=[],l.forEach(function(e){void 0===h.lazyLoad[e]?console.error("Missing [app.LazyLoad] scripts for: "+e):p.push(h.loadScripts(h.lazyLoad[e]))}),Promise.all(p).finally(function(){P(n),u()})):(P(n),u())}function P(e){if(null!==e.pageType&&void 0!==e.pageType&&void 0===e._pageCopied){var t=null;if(void 0===h.pages[e.pageType]?t="The page ["+e.pageType+"] has not been loaded for Controller[path="+e.path+"].":"object"==typeof h.pages[e.pageType]&&"object"!=typeof h.pages[e.pageType].model&&(t="Error - The [model] property for page object ["+e.pageType+"] must be a valid JavaScript Object."),null!==t)return e.settings=e.settings||{},e.settings.errorMessage=t,e.settings.hasError=!0,void h.showErrorAlert(t);var o=h.pages[e.pageType];if("function"==typeof o)for(var r=h.getClassFunctionNames(o),n=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"],a=0;a<r.length;a++){var l=r[a];n.includes(l)&&(e[l]=o.prototype[l])}else for(var i in o)o.hasOwnProperty(i)&&"function"==typeof o[i]&&(e[i]=o[i]);e.viewEngine===g.Vue&&"object"==typeof o.computed&&void 0===e.computed&&(e.computed=o.computed),e._pageCopied=!0}}function o(e){var t=new Date,t="toLocaleString"in t?t.toLocaleString():t.toString(),t=-1<e.message.toLowerCase().indexOf("script error")?"Script Error at "+t+": See Browser Console for Detail":["Message: ["+e.message+"]","Time: ["+t+"]","URL: ["+e.filename+"]","Line: "+e.lineno,"Column: "+e.colno,"Error Object: "+JSON.stringify(e.error)].join(" - ");h.showErrorAlert(t),console.error(e)}void 0===window.DataFormsJS&&(h={controllers:[],models:{},pages:{},plugins:{},controls:{},graphQL:{},lazyLoad:{},locals:{},settings:{defaultRoute:"/",viewSelector:"#view",logFetchRequests:!1,requestHeaders:{},requestHeadersByHostName:{},fetchOptions:{mode:"cors",cache:"no-store",credentials:"same-origin"},polyfillUrl:"https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?version=4.8.0&features=Array.from,Array.isArray,Array.prototype.find,Object.assign,URL,fetch,Promise,Promise.prototype.finally,String.prototype.endsWith,String.prototype.startsWith,String.prototype.includes,String.prototype.repeat",cssPonyfillUrl:"https://cdn.jsdelivr.net/npm/css-vars-ponyfill@2.4.3/dist/css-vars-ponyfill.min.js",graphqlUrl:null,errors:{pageLoading:"Error loading the current page because the previous page is still loading and is taking a long time. Please refresh the page and try again."},lazyTemplateSelector:null,clearVue2WatchersOnRouteUnload:!1},activeController:null,activeTemplate:null,activeModel:null,activeVueModel:null,activeVueApp:null,vueDirectives:null,activeParameters:[],activeParameterList:{},activeJsControls:[],compiledTemplates:[],onUpdateViewComplete:null,nunjucksEnvironment:null,errorClass:"dataformsjs-error",fatalErrorClass:"dataformsjs-fatal-error",errorStyleId:"dataformsjs-style-errors",errorCss:[".dataformsjs-error,.dataformsjs-fatal-error{","color:#fff;","background-color:red;","box-shadow:0 1px 5px 0 rgba(0,0,0,.5);","background-image:linear-gradient(#e00,#c00);","/*white-space:pre;*/","text-align:left;","}",".dataformsjs-error{","padding:10px;","font-size:1em;","margin:5px;","display:inline-block;","}",".dataformsjs-fatal-error{","z-index:1000000;","padding:20px;","font-size:1.5em;","margin:20px;","position:fixed;","top:10px;","}","@media only screen and (min-width:1000px){",".dataformsjs-fatal-error{","max-width:1000px;","left:calc(50% - 520px);","}","}",".dataformsjs-fatal-error span{","padding:5px 10px;","float:right;","border:1px solid darkred;","cursor:pointer;","margin-left:10px;","box-shadow:0 0 2px 1px rgba(0,0,0,0.3);","background-image:linear-gradient(#c00,#a00);","border-radius:5px;","}"].join(""),vueStyleId:"dataformsjs-style-vue-cloak",vueCss:"[v-cloak] { display: none !important; }",escapeHtml:function(e){return null==e||"number"==typeof e?e:String(e).replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/'/g,"&#039;").replace(/</g,"&lt;").replace(/>/g,"&gt;")},fetch:function(t,e,o){var r=h.deepClone({},h.settings.fetchOptions);return r.headers=h.getRequestHeaders(t),e&&(Object.assign(r,e),void 0!==e.headers&&(r.headers=Object.assign({},h.getRequestHeaders(t),e.headers))),!n||void 0!==r.method&&"GET"!==r.method&&"HEAD"!==r.method||"no-store"!==r.cache&&"no-cache"!==r.cache||((e=/([?&])_=[^&]*/).test(t)?t=t.replace(e,"$1_="+(new Date).getTime()):t+=(/\?/.test(t)?"&":"?")+"_="+(new Date).getTime()),fetch(t,r).then(function(e){return h.settings.logFetchRequests&&h.events&&"function"==typeof h.events.dispatch&&h.events.dispatch("fetch",{url:t,status:e.status}),Promise.resolve(e)}).then(function(e){var t=e.status;return 200<=t&&t<300||304===t?Promise.resolve(e):(t="Error loading data. Server Response Code: "+t+", Response Text: "+e.statusText,Promise.reject(t))}).then(function(e){var t=void 0===o?"application/json":o;return 0===(t=e.headers.has("Content-Type")?e.headers.get("Content-Type"):t).indexOf("application/json")?e.json():e.text()})},routingMode:function(){return y},changeRoute:function(e){if("string"!=typeof e)throw new TypeError("Expected string for app.changeRoute(path)");"history"===y?(window.history.pushState(null,null,e),V()):window.location.hash=0===e.indexOf("#")?e:"#"+e},pushStateClick:function(e){if(!0!==e.ctrlKey&&!e.metaKey)return e.preventDefault(),e.stopPropagation(),e.currentTarget.href?h.changeRoute(e.currentTarget.href):console.error("app.pushStateClick() called for an unknown link"),!1},addPage:function(e,t){var o,r=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"],n=(l(e,"string","name","app.addPage()"),i(e,"name","app.addPage()"),!1);if("object"==typeof t)o=t,n=!0;else{if("function"!=typeof t||"class"!==t.toString().substring(0,5))throw new TypeError("Page ["+e+"] must be defined as an object or a class when the function app.addPage() is called");o=t.prototype}return T(o,e,"page",r),r.pop(),S(o,e,"page",r),n&&s(t.model,"page."+e+".model","app.addPage()"),d(this.pages,"app.pages",e),this.pages[e]=t,this},addPlugin:function(e,t){function o(){"function"==typeof this.onRouteUnload&&this.onRouteUnload(),this.onRendered()}if(l(e,"string","name","app.addPlugin()"),i(e,"name","app.addPlugin()"),d(this.plugins,"app.plugins",e),"function"==typeof(t="function"==typeof t&&"class"===t.toString().substring(0,5)?new t:t))return this.plugins[e]={onRendered:t,reload:o},this;var r=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"];return l(t,"object","plugin","app.addPlugin()"),T(t,e,"plugin",r),r.pop(),S(t,e,"plugin",r),void 0===t.reload&&(t.reload=o),this.plugins[e]=t,this},addControl:function(e,t){if(l(e,"string","name","app.addControl()"),i(e,"name","app.addControl()"),e!==e.toLowerCase())throw new TypeError("Control names must be all lower-case. [app.addControl()] was called with: ["+e+"]");if(-1===e.indexOf("-"))throw new TypeError("Control names must contain a dash [-] character. [app.addControl()] was called with: ["+e+"]");if(-1!==e.indexOf(" "))throw new TypeError("Control names cannot contain a space. [app.addControl()] was called with: ["+e+"]");if(!1!==/[&<>"'/]/.test(e))throw new TypeError("Control names cannot contain HTML characters that need to be escaped. Invalid characters are [& < > \" ' /]. [app.addControl()] was called with: ["+e+"]");l(t,"object","control","app.addControl()"),void 0!==t.css&&l(t.css,"string","control.css","app.addControl()");var o=["onLoad","html","onUnload"];return S(t,e,"control",o),T(t,e,"control",o),o.pop(),S(t,e,"control",o),d(this.controls,"app.controls",e),this.controls[e]=t,this},addModel:function(e,t){return l(e,"string","name","app.addModel()"),i(e,"name","app.addModel()"),l(t,"object","model","app.addModel()"),d(this.models,"app.models",e),this.models[e]=t,this},addController:function(t){var e,o=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"];if(l(t,"object","controller","app.addController()"),l(t.path,"string","controller.path","app.addController()"),i(t.path,"controller.path","app.addController()"),this.controllers.forEach(function(e){if(e.path===t.path)throw new TypeError("[app.controllers(path="+t.path+")] is already defined")}),e="app.addController(path="+t.path+")",void 0===t.viewId)t.viewId=null;else{l(t.viewId,"string","controller.viewId",e),i(t.viewId,"controller.viewId",e);var r=t.viewId,n="controller.viewId",a=e;if(null===document.getElementById(r))throw new TypeError("An element was not found on the page with ["+n+"][id="+r+"] when the function "+a+" was called")}if(void 0===t.viewUrl?t.viewUrl=null:(l(t.viewUrl,"string","controller.viewUrl",e),i(t.viewUrl,"controller.viewUrl",e)),null!==t.viewId&&null!==t.viewUrl)throw new TypeError("A controller cannot have both [viewId] and [viewUrl] defined when calling "+e);if(void 0!==t.viewEngine){if(null===t.viewId&&null===t.viewUrl)throw new TypeError("When a controller uses the [viewEngine] property either [viewId] or [viewUrl] must also be defined when calling "+e);if(-1===p.indexOf(t.viewEngine))throw new TypeError("Invalid [viewEngine] property when calling "+e+". Valid values are: "+p.join(", "))}return null!==t.modelName&&void 0!==t.modelName&&(l(t.modelName,"string","controller.modelName",e),i(t.modelName,"controller.modelName",e),s(this.models[t.modelName],"app.models."+t.modelName,e)),null!==t.pageType&&void 0!==t.pageType&&(l(t.pageType,"string","controller.pageType",e),i(t.pageType,"controller.pageType",e)),T(t,t.path,"controller",o),null!==t.pageType&&void 0!==t.pageType||(o.pop(),o.push("viewId"),o.push("viewUrl"),S(t,t.path,"controller",o)),this.controllers.push(t),this},controller:function(e){for(var t=0,o=this.controllers.length;t<o;t++)if(this.controllers[t].path===e)return this.controllers[t];return null},showError:function(e,t){var o;null!==e?(h.loadCss(h.errorStyleId,h.errorCss),o=r("span",t,h.errorClass),e.innerHTML="",e.appendChild(o),"string"!=typeof t&&console.error(t)):h.showErrorAlert(t)},showErrorAlert:function(e){h.loadCss(h.errorStyleId,h.errorCss);var t=r("div",e="string"==typeof e&&-1===e.toLowerCase().indexOf("error")?"Error: "+e:e,h.fatalErrorClass),o=r("span","✕");o.onclick=function(){document.body.removeChild(t)},t.insertBefore(o,t.firstChild),document.body.appendChild(t),"string"!=typeof e&&console.error(e)},isUsingVue:function(){return null!==h.activeVueModel||h.activeController&&"Vue"===h.activeController.viewEngine||"Vue"===h.viewEngine()},isUsingVue2:function(){return this.isUsingVue()&&void 0===Vue.createApp},isUsingVue3:function(){return this.isUsingVue()&&"function"==typeof Vue.createApp},isUpdatingView:function(){return m},updateView:function(){function e(){var e,t,o,r,n;if(m=!0,null!==h.activeVueModel&&null===h.activeVueApp)return e=0,(t=h.activeVueModel._watcher)&&t.deps&&t.deps.length&&(e=t.deps.length),b!==e&&a("vue_dep_change"),m=!(w=!0),void(b=e);if(null===h.activeVueApp){h.unloadAllJsControls();try{if(!(h.activeController&&h.activeController.viewEngine===g.Vue)&&h.activeController&&void 0!==h.activeController.onBeforeRender)try{h.activeController.onBeforeRender.apply(h.activeModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onBeforeRender()]: "+e.toString()),console.error(e)}for(o in h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onBeforeRender)try{h.plugins[o].onBeforeRender()}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onBeforeRender()]: "+e.toString()),console.error(e)}null!==h.activeTemplate&&(null===(r=document.querySelector(h.settings.viewSelector))?(n="Error - The main HTML element for rendering views from selector ["+h.settings.viewSelector+"] does not exist on this page. Check HTML on the page to makes sure that the element exist; and if it does then check to make sure that JavaScript Code did not remove it from the page",h.showErrorAlert(n)):(h.activeController&&h.activeController.viewEngine===g.Vue&&r.setAttribute("v-cloak",""),U(r,h.activeController,h.activeTemplate,h.activeModel))),h.refreshAllHtmlControls(function(){var t,e,o,r;h.activeController&&h.activeController.viewEngine===g.Vue?(t=document.querySelector(h.settings.viewSelector),e=function(e){console.error("Vue Error"),L(e,t)},o=function(e){console.error("Vue Warning"),L(e,t)},r="function"==typeof Vue.createApp,h.activeTemplate&&h.activeTemplate.error?(h.showError(document.querySelector(h.settings.viewSelector),h.activeTemplate.errorMessage),a("updateView")):r?(h.activeVueApp=Vue.createApp({data:function(){return h.activeModel},directives:h.vueDirectives,methods:h.activeController.methods,computed:h.activeController.computed,mounted:function(){h.activeVueModel=this,h.activeVueModel.$nextTick(function(){if(void 0!==h.activeController.onRouteLoad)try{h.activeController.onRouteLoad.apply(h.activeVueModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteLoad()]: "+e.toString()),console.error(e)}h.loadAllJsControls(),a("vue_mounted",h.activeVueModel)})},updated:function(){this.$nextTick(function(){w&&(h.loadAllJsControls(),a("vue_updated"),w=!1)})},beforeUnmount:function(){try{void 0!==h.activeController.onRouteUnload&&h.activeController.onRouteUnload.apply(h.activeVueModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}}}),h.activeVueApp.errorHandler=e,h.activeVueApp.warnHandler=o,h.activeVueApp.mount(h.settings.viewSelector)):(Vue.config.errorHandler=e,Vue.config.warnHandler=o,h.activeVueModel=new Vue({el:h.settings.viewSelector,data:h.activeModel,methods:h.activeController.methods,computed:h.activeController.computed,mounted:function(){var e=this;e.$nextTick(function(){if(void 0!==h.activeController.onRouteLoad)try{h.activeController.onRouteLoad.apply(e,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteLoad()]: "+e.toString()),console.error(e)}h.loadAllJsControls(),a("vue_mounted",e)})},updated:function(){this.$nextTick(function(){var e;w&&(h.loadAllJsControls(),a("vue_updated"),(e=this._watcher)&&e.deps&&e.deps.length&&(b=this._watcher.deps.length),w=!1)})},beforeDestroy:function(){try{void 0!==h.activeController.onRouteUnload&&h.activeController.onRouteUnload.apply(this,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}}}))):(h.loadAllJsControls(),a("updateView")),m=!1})}catch(e){throw m=!1,console.error(e),e}}else m=!(w=!0)}function a(e,t){for(var o in"history"===y&&(r=document.querySelectorAll('a[href^="/"]:not([data-no-pushstate])'),Array.prototype.forEach.call(r,function(e){e.addEventListener("click",h.pushStateClick)})),h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onRendered)try{h.plugins[o].onRendered()}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onRendered()]: "+e.toString()),console.error(e)}var r=h.activeController&&h.activeController.viewEngine===g.Vue,n=h.activeController&&h.activeController.onRendered;if("function"==typeof n){t=r?t||h.activeVueModel:t||h.activeModel;try{n.apply(t,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRendered()]: "+e.toString()),console.error(e)}}if(null!==h.onUpdateViewComplete)try{h.onUpdateViewComplete(e)}catch(e){h.showErrorAlert("Error from [app.onUpdateViewComplete()]: "+e.toString()),console.error(e)}}m?t=window.setInterval(function(){m||(window.clearInterval(t),t=null,e())},10):e()},refreshAllHtmlControls:function(e,r){var n=String((new Date).getTime()),a='[data-template-id]:not([data-updated-at="'+n+'"])';a+=',[data-template-url]:not([data-updated-at="'+n+'"])',f=!0,function t(o){if(null===o)f=!1,m||h.refreshPlugins(),e&&e(n);else try{h.refreshHtmlControl(o,function(){o.setAttribute("data-updated-at",n),t(document.querySelector(a))},r)}catch(e){o.setAttribute("data-updated-at",n),t(document.querySelector(a))}}(document.querySelector(a))},refreshHtmlControl:function(t,r,e){try{var o="string"==typeof t,c=t instanceof HTMLElement;if(!o&&!c)throw new TypeError("Invalid type for parameter [control] in the function [DataFormsJS.refreshHtmlControl()]: "+typeof t);if(o){var n=t;if(null===(t=document.getElementById(n)))throw new TypeError("Control not found for ["+n+"] when the function [DataFormsJS.refreshHtmlControl()] was called.")}if(void 0!==r&&"function"!=typeof r)throw new TypeError("[callback] was not defined as a [function] when the [DataFormsJS.refreshHtmlControl()] was called");var a=t.getAttribute("data-template-id"),l=t.getAttribute("data-template-url");if(null!==a&&null!==l)throw new TypeError("A control must have only one of the template attribute defined; either [data-template-id] or [data-template-url]. Both attributes are defined on the control.");if(null===a&&null===l)throw new TypeError("A control must have either attribute [data-template-id] or [data-template-url]. Neither attribute is defined for the control.");void 0===e&&(e=this.activeModel);var i,s=Object.assign({},e),u=["templateId","templateUrl","updatedAt"];for(i in t.dataset)if(-1===u.indexOf(i)){var d=t.dataset[i];switch(d){case"true":case"":s[i]=!0;break;case"false":s[i]=!1;break;case"null":s[i]=null;break;default:s[i]=d}}R(t,null,function(e){U(t,null,e,s),m||(h.loadAllJsControls(t,s),h.unloadUnattachedJsControls()),f||h.refreshPlugins(t);var o=[];f||m||(e=t.querySelectorAll("[data-template-id],[data-template-url]"),Array.prototype.forEach.call(e,function(t){o.push(new Promise(function(e){h.refreshHtmlControl(t,e)}))})),Promise.all(o).finally(function(){void 0!==r&&r()})})}catch(e){throw console.error(e),null!==t&&t instanceof HTMLElement&&h.showError(t,A(t,null)+e.message),e}},refreshPlugins:function(e){function t(){for(var t in h.plugins)if(h.plugins.hasOwnProperty(t)&&void 0!==h.plugins[t].onRendered)try{void 0===e?h.plugins[t].onRendered():1===h.plugins[t].onRendered.length&&h.plugins[t].onRendered(e)}catch(e){h.showErrorAlert("Error from Plugin ["+t+"] on [onRendered()]: "+e.toString()),console.error(e)}}h.activeController&&h.activeController.viewEngine===g.Vue&&h.activeVueModel&&"function"==typeof h.activeVueModel.$nextTick?h.activeVueModel.$nextTick(t):t()},loadAllJsControls:function(o,r){var t=["[data-control]:not([data-control-loaded]):not([data-control-is-loading])"],n=(Object.keys(h.controls).forEach(function(e){-1!==e.indexOf("-")&&-1===e.indexOf(" ")&&t.push(e+":not([data-control-loaded]):not([data-control-is-loading])")}),t.join(","));void 0===o&&(o=document),void 0===r&&(r=h.activeModel),function e(t){if(null!==t){try{h.loadJsControl(t,r)}catch(e){t.setAttribute("data-control-loaded",""),h.showError(t,e.toString()),console.error(e)}e(o.querySelector(n))}}(o.querySelector(n))},loadJsControl:function(t,e){var o,r,n,a,l,i;if(t instanceof HTMLElement)t.hasAttribute("data-control-loaded")&&(l=h.activeJsControls.find(function(e){return e.element===t}));else{if(void 0===(l="object"==typeof t?h.activeJsControls.find(function(e){return e===t}):l))throw new TypeError("Invalid type for parameter [element] for the function [DataFormsJS.loadJsControl()], expected HTMLElement, received: "+typeof t);t=l.element}if(null===(o=t.getAttribute("data-control"))&&(o=t.tagName.toLowerCase()),void 0===(r=h.controls[o]))throw-1===o.indexOf("-")?(h.showError(t,i="Invalid call to [DataFormsJS.loadJsControl()]. This function only works on valid control elements."),console.log(t),new TypeError(i)):new Error("JavaScript Control was not found by name, check that the file is loaded: "+o);for(a in t.setAttribute("data-control",o),n=void 0===r.data?{}:h.deepClone({},r.data),t.dataset)if("control"!==a){var s=t.dataset[a];switch(s){case"true":case"":n[a]=!0;break;case"false":n[a]=!1;break;case"null":n[a]=null;break;default:n[a]=s}}if(void 0!==r.css&&h.loadCss("DataFormsJS-control-style-"+o,r.css),void 0===e&&(e=h.activeModel),null===t.getAttribute("data-control-is-loading")){t.setAttribute("data-control-is-loading",""),i=!1;try{void 0!==r.onLoad&&r.onLoad.call(n,t,e)}catch(e){h.showError(t,"Error with JavaScript Control ["+o+"] in function [onLoad()]: "+e.toString()),console.error(e),i=!0}if(!i)try{void 0!==r.html&&(t.innerHTML=r.html.call(n,e))}catch(e){h.showError(t,"Error with JavaScript Control ["+o+"] in function [html()]: "+e.toString()),console.error(e)}t.setAttribute("data-control-loaded",""),t.removeAttribute("data-control-is-loading"),void 0===l?h.activeJsControls.push({element:t,control:o,data:n}):l.data=n}},unloadAllJsControls:function(){h.activeJsControls.forEach(function(e){h.unloadJsControl(e)}),h.activeJsControls=[]},unloadUnattachedJsControls:function(){for(var e,t=h.activeJsControls.length;0<t;t--)document.body.contains(h.activeJsControls[t-1].element)||(e=h.activeJsControls.splice(t-1,1),h.unloadJsControl(e[0]))},unloadJsControl:function(t){var o=h.controls[t.control];if(void 0!==o.onUnload)try{o.onUnload.call(t.data,t.element)}catch(e){o="Unknown Control";t.element&&(o=(o=t.element.getAttribute("data-control"))||"Unknown Control"),h.showErrorAlert("Error with JavaScript Control ["+o+"] in function [onUnload()]: "+e.toString()),console.error(e)}t.element.removeAttribute("data-control-loaded")},routeMatches:function(e,t){var o,r,n=e.split("/"),a=t.split("/"),l=n.length,i=[],s={};if(l!==a.length)return{isMatch:!1};for(o=0;o<l;o++)if((r=decodeURIComponent(n[o]))!==a[o]){if(":"!==a[o].substring(0,1))return{isMatch:!1};i.push(r),s[a[o].substring(1)]=r}return{isMatch:!0,args:i,namedArgs:s}},getClassFunctionNames:function(e){for(var t=[],o=e;o&&o.prototype&&o!==Object;){for(var r=Object.getOwnPropertyNames(o.prototype),n=0;n<r.length;n++){var a=r[n];"function"!=typeof o.prototype[a]||t.includes(a)||t.push(a)}o=Object.getPrototypeOf(o)}return t},deepClone:function(){var e,t,o,r,n,a=arguments.length;if(0===a)throw new TypeError("No arguments specified when app.deepClone() was called.");if(1===a)throw new TypeError("Only one argument was specified when app.deepClone() was called.");for(e=0;e<a;e++)l(arguments[e],"object","argument","app.deepClone()");for(t=arguments[0],e=1;e<a;e++)for(r in o=arguments[e])o.hasOwnProperty(r)&&(void 0!==(n=Object.getOwnPropertyDescriptor(o,r)).get||void 0!==n.set?Object.defineProperty(t,r,n):(n=Object.prototype.toString.call(o[r]),t[r]="[object Object]"===n?this.deepClone({},o[r]):"[object Array]"===n?this.deepClone([],o[r]):o[r]));return t},getTemplateType:function(e){if(void 0===e)throw new TypeError("Missing parameter [script] for the function [DataFormsJS.getTemplateType()]");if(!(e instanceof HTMLElement))throw new TypeError("Invalid type for parameter [script] for the function [DataFormsJS.getTemplateType()], expected HTMLElement, received: "+typeof e);if("TEMPLATE"!==e.tagName&&"SCRIPT"!==e.tagName)throw new TypeError("Invalid type for parameter [script] for the function [DataFormsJS.getTemplateType()], expected <script> or <template>, received: "+e.tagName.toLowerCase());if("TEMPLATE"===e.tagName)return g.Text;switch(e.getAttribute("data-engine")){case"handlebars":return g.Handlebars;case"vue":return g.Vue;case"nunjucks":return g.Nunjucks;case"underscore":return g.Underscore;case"text":return g.Text;default:return g.Unknown}},viewEngine:function(e){if(void 0===e)return c;switch(e){case g.NotSet:case g.Unknown:case g.Mixed:throw new TypeError("Invalid value specified for setting the ViewEngine: "+e);default:if(void 0===g[e])throw new TypeError("Unknown value specified for setting the ViewEngine ["+e+"], refer to documentation or values from the enum/object [ViewEngines] for valid options.")}return c=e,this},loadCss:function(e,t){var o=document.getElementById(e);null===o&&((o=document.createElement("style")).id=e,o.innerHTML=t,document.head.appendChild(o))},loadScript:function(e,r,t){function o(e,t){var o=document.createElement("script");o.onload=e,o.onerror=function(){console.error("Error loading Script: "+r),t()},o.src=r,document.head.appendChild(o)}if(!1===e||void 0===e){if(void 0===t)return new Promise(function(e,t){o(e,t)});o(t,t)}else{if(void 0===t)return new Promise(function(e){e()});t()}},loadScripts:function(i){if("string"==typeof i)i=[i];else if(!Array.isArray(i))return h.showErrorAlert("Invalid Script for [app.loadScripts()] or [app.lazyLoad], expected string or an array of strings. Check console."),console.warn("app.loadScripts():"),console.warn(i),new Promise(function(e){e()});return new Promise(function(o){var r=0,n=i.length;!function e(){var t,a,l;r!==n?(t=i[r],r++,t.endsWith(".js")?(l=t,new Promise(function(e){for(var t=document.querySelectorAll("script"),o=0,r=t.length;o<r;o++)if(t[o].getAttribute("src")===l)return void e();var n=document.createElement("script");n.onload=e,n.onerror=function(){h.showErrorAlert("Error loading JS File: "+l),e()},n.src=l,document.head.appendChild(n)}).then(e)):t.endsWith(".css")?(a=t,new Promise(function(e){for(var t=document.querySelectorAll("link"),o=0,r=t.length;o<r;o++)if("stylesheet"===t[o].rel&&t[o].getAttribute("href")===a)return void e();var n=document.createElement("link");n.rel="stylesheet",n.onload=e,n.onerror=function(){h.showErrorAlert("Error loading CSS File: "+a),e()},n.href=a,document.head.appendChild(n)}).then(e)):(h.showErrorAlert("Invalid Script for [app.loadScripts()] or [app.lazyLoad]: "+t),e())):o()}()})},buildUrl:function(e,t){if(void 0===t&&(t=h.activeParameterList),e=String(e).replace(/\{(\w+)\}/g,function(e,t){return"string"==typeof window[t]?window[t]:e}),null!==t&&0<Object.keys(t).length)for(var o in t)t.hasOwnProperty(o)&&-1<e.indexOf(":"+o)&&(e=e.replace(new RegExp(":"+o,"g"),encodeURIComponent(t[o])));return e},getGraphQL:function(r,o){var n,a;return r&&o?new Promise(function(e,t){t('Error calling [app.getGraphQL()]. Both [id="'+r+'"] and [src="'+o+'"] are set. Only one value can be used.')}):(n=r||o)&&void 0!==h.graphQL[n]?new Promise(function(e,t){h.graphQL[n].query?e(h.graphQL[n].query):t(h.graphQL[n].error)}):r?new Promise(function(e,t){var o=null;null===(a=document.getElementById(r))?o="Missing GraphQL Script Element: "+r:"SCRIPT"!==a.nodeName||"application/graphql"!==a.type?o='Invalid Element for GraphQL Script, expected: <script type="application/graphql" id="'+r+'">':(h.graphQL[r]={query:a.innerHTML,error:null},e(a.innerHTML)),null!==o&&(h.graphQL[r]={query:null,error:o},t(o))}):o?h.fetch(o,null,"text/plain").then(function(e){return h.graphQL[o]={query:e,error:null},e}).catch(function(e){e="Error Downloading GraphQL Script: ["+o+"], Error: "+e;throw h.graphQL[o]={query:null,error:e},e}):new Promise(function(e,t){t("Error calling [app.getGraphQL()]. Missing GraphQL Parameters.")})},buildGraphQLVariables:function(e,t){var o,r,n={};if(0<Object.keys(t).length)for(var a in t)t.hasOwnProperty(a)&&-1<e.indexOf("$"+a)&&(o=-1!==e.indexOf("($"+a+": Int"),r=t[a],n[a]=o?Number(r):r);return n},handleGlobalErrors:function(e){e?window.addEventListener("error",o):window.removeEventListener("error",o)},getRequestHeaders:function(e){var t,o={},r=h.settings.requestHeaders;for(t in r)r.hasOwnProperty(t)&&(o[t]=r[t]);if(0<Object.keys(h.settings.requestHeadersByHostName).length&&(e=new URL(e,window.location).hostname,void 0!==(r=h.settings.requestHeadersByHostName[e])))for(t in r)r.hasOwnProperty(t)&&(o[t]=r[t]);return o},updateTemplatesForIE:function(e){n&&(e=e.querySelectorAll("template"),Array.prototype.forEach.call(e,function(e){for(var t=document.createElement("script"),o=0,r=e.attributes.length;o<r;o++)t.setAttribute(e.attributes[o].name,e.attributes[o].value);t.type="text/x-template",t.setAttribute("data-engine","text"),t.innerHTML=e.innerHTML,e.parentNode.replaceChild(t,e)}))},cssVarsPonyfill:function(){var e,t='link[rel="stylesheet"][data-css-vars-ponyfill],style[data-css-vars-ponyfill]';null!==document.querySelector(t)&&(e=window.CSS&&window.CSS.supports&&window.CSS.supports("(--a: 0)"),h.loadScript(e,h.settings.cssPonyfillUrl,function(){window.cssVars&&window.cssVars({include:t})}))},setup:function(){c=g.Unknown;var e,t=0,o=[{prop:"Handlebars",type:"handlebars",label:g.Handlebars},{prop:"Vue",type:"vue",label:g.Vue},{prop:"nunjucks",type:"nunjucks",label:g.Nunjucks},{prop:"_",type:"underscore",label:g.Underscore}];for(e in o)null!==document.querySelector('script[type="text/x-template"][data-engine="'+o[e].type+'"]')&&(c=o[e].label,t++);if(0===t)for(e in o)window[o[e].prop]&&(c=o[e].label,t++);1<t&&(c=g.Mixed),void 0!==window.Vue&&h.loadCss(h.vueStyleId,h.vueCss),null!==document.documentElement.getAttribute("data-show-errors")&&h.handleGlobalErrors(!0),h.settings.graphqlUrl=document.documentElement.getAttribute("data-graphql-url"),null===y&&"history"!==(y=document.documentElement.getAttribute("data-routing-mode"))&&(y="hash"),h.updateTemplatesForIE(document);var r=document.querySelectorAll('script[type="text/x-template"][data-route],template[data-route]');Array.prototype.forEach.call(r,function(e){var t=e.getAttribute("data-route"),o=e.id,r=e.src||e.getAttribute("data-src"),n=e.getAttribute("data-page"),c=e.getAttribute("data-model"),u=e.getAttribute("data-controller-added"),a=h.getTemplateType(e),p=e.getAttribute("data-default-route"),l=0,i={};if(null===u){if(""===t)return console.log(e),void h.showErrorAlert(new TypeError('A script element <script id="'+e.id+'" type="'+e.type+'" data-engine="'+e.getAttribute("data-engine")+'"> has the attribute [data-route] defined however the attribute value is empty. This error must be fixed, scripts that include a route path attribute must have the value defined.'));if(a===g.Unknown)return console.log(e),void h.showErrorAlert(new TypeError('A script element <script id="'+e.id+'" type="'+e.type+'" data-engine="'+e.getAttribute("data-engine")+'" data-route="'+e.getAttribute("data-route")+'"> must have a valid engine type defined in [data-engine]. Valid values are [handlebars, vue, underscore, nunjucks, text].'));if(""===o&&(""===r||null===r))for(;o="template"+l,null===document.querySelector("#"+o)&&(e.id=o),l++,""===e.id;);""===r||null===r?r=void 0:o=void 0;var s,f=["route","page","model","src","engine"];for(s in e.dataset)if(-1===f.indexOf(s)){var d=e.dataset[s];switch(d){case"true":case"":i[s]=!0;break;case"false":i[s]=!1;break;case"null":i[s]=null;break;default:i[s]=d}}try{h.addController({path:t,viewId:o,viewUrl:r,viewEngine:a,pageType:n,modelName:c,settings:i}),null!==p&&(h.settings.defaultRoute=t)}catch(e){h.showErrorAlert("Error from [app.setup()]: "+e),console.error(e)}e.setAttribute("data-controller-added","true")}}),"hash"===y?window.addEventListener("hashchange",V):window.addEventListener("popstate",V),V(),a||(h.cssVarsPonyfill(),a=!0)}},Object.defineProperty(h,"version",{value:"5.14.5",enumerable:!0}),window.DataFormsJS=h,void 0===window.app?window.app=h:h.showErrorAlert("Warning - [window.app] is already defined, pages, plugins, etc. may not load correctly."),document.addEventListener("DOMContentLoaded",function(){var e=!!(Array.from&&window.Promise&&window.fetch&&Promise.prototype.finally);h.loadScript(e,h.settings.polyfillUrl,h.setup)}))}();
\ No newline at end of file
diff --git a/js/plugins/imageGallery.min.js b/js/plugins/imageGallery.min.js
index ebb1c8d..9bd555d 100644
--- a/js/plugins/imageGallery.min.js
+++ b/js/plugins/imageGallery.min.js
@@ -1 +1 @@
-!function(){"use strict";var e=["body.blur { filter: blur(3px); }","[data-image-gallery] { cursor: pointer; }",".image-gallery-overlay {","    position: fixed;","    top: 0;","    left: 0;","    right: 0;","    bottom: 0;","    background-color: rgba(255,255,255,.8);","    cursor: pointer;","    display: flex;","    justify-content: center;","    align-items: center;","    flex-direction: column;","}",".image-gallery-overlay .image-gallery-loading {","    font-weight: bold;","    padding: 10px 20px;","    background-color: rgba(255,255,255,.4);","    position: absolute;","}",".image-gallery-overlay img {","    max-width: 100%;","    max-height: 100%;","    flex-shrink: 0;","}",".image-gallery-overlay div {","    position: absolute;","    bottom: 0;","    left: 0;","    right: 0;","    z-index: 2;","    font-weight: bold;","    display: flex;","    justify-content: space-between;","    width: 100%;","}",".image-gallery-overlay div.no-title {","    justify-content: flex-end;","}",".image-gallery-overlay div span {","    padding: 10px 20px;","    background-color: rgba(255,255,255,.4);","}",".image-gallery-overlay .btn-previous,",".image-gallery-overlay .btn-next {","    display: block;","    position: absolute;","    height: 40px;","    width: 40px;","    opacity: .7;","    background-repeat: no-repeat;","    background-position: center;","    padding: 0;","    margin: 15px;","    background-color: rgba(0,0,0,.5);","    border-radius: 50%;","    transition: all ease-in-out .2s;","}",'.image-gallery-overlay .btn-previous { left: 0; background-position-x: 12px; background-image: url("data:image/svg+xml;base64,'+btoa('<svg width="13" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M9 .6L.7 9a2 2 0 00-.6 1.5c0 .5.2 1.1.6 1.5L9 20.6a2 2 0 002.8-2.8l-7.2-7.2L12 3.4A2 2 0 009.1.6z" fill="#fff" fill-rule="evenodd"/></svg>')+'"); }','.image-gallery-overlay .btn-next { right: 0; background-position-x: 15px; background-image: url("data:image/svg+xml;base64,'+btoa('<svg width="13" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M3.4.6L12 9c.4.4.6 1 .6 1.5a2 2 0 01-.6 1.5l-8.5 8.5a2 2 0 01-2.8-2.8l7.2-7.2L.6 3.4A2 2 0 013.4.6z" fill="#fff" fill-rule="evenodd"/></svg>')+'"); }',".image-gallery-overlay.mobile .btn-previous,",".image-gallery-overlay.mobile .btn-next,",".image-gallery-overlay.keyboard .btn-previous,",".image-gallery-overlay.keyboard .btn-next {","    display: none;","}",".image-gallery-overlay .btn-previous:hover,",".image-gallery-overlay .btn-next:hover {","    opacity: .5;","}","@media (min-width: 1300px) {","    .image-gallery-overlay div {","        left: calc((100% - 1300px) /2);","        right: auto;","        max-width: 1300px;","    }","}","@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {","    .image-gallery-overlay .image-gallery-loading,","    .image-gallery-overlay .btn-previous,","    .image-gallery-overlay .btn-next { margin-top: calc((100vh /2) - 35px); }","}"].join("\n"),t=!1;try{var a=Object.defineProperty({},"passive",{get:function(){return t=!0}});window.addEventListener("testPassive",null,a),window.removeEventListener("testPassive",null,a)}catch(e){}var o={images:[],imageSrcAttr:"data-image-gallery",imageSrcAttrAvif:"data-image-avif",imageSrcAttrWebP:"data-image-webp",overlay:null,overlayImg:null,overlayTitle:null,overlayIndex:null,overlayLoading:null,overlayBackButton:null,overlayFowardButton:null,imageCount:0,imageIndex:-1,touchStartX:0,touchPinchToZoom:!1,touchPinchEndTime:null,loadedImages:[],loadingText:"Loading...",loadingTimeout:2e3,loadingTimeoutId:null,isMobile:-1<(a=window.navigator.userAgent.toLowerCase()).indexOf("android")||-1<a.indexOf("iphone")||-1<a.indexOf("ipad"),startedFromKeyboard:!1,supportsAvif:null,supportsWebp:null,onRendered:function(e){var t;0<this.images.length||(e=void 0===e?document:e,this.images=e.querySelectorAll("["+o.imageSrcAttr+"]"),this.imageCount=this.images.length,t=0,Array.prototype.forEach.call(this.images,function(a){a.addEventListener("click",function(){var e=parseInt(a.getAttribute("data-index"),10);o.checkSupportedFormats(e)}),a.addEventListener("keydown",function(e){var t;" "!==e.key&&"Spacebar"!==e.key||(null===o.overlay&&(o.startedFromKeyboard=!0,t=parseInt(a.getAttribute("data-index"),10),o.checkSupportedFormats(t)),e.preventDefault())}),a.setAttribute("data-index",t),t++}),0!==this.imageCount&&document.addEventListener("keydown",o.handleKeyDown))},onRouteUnload:function(){null!==this.overlay&&this.hideOverlay(),this.images=[],document.removeEventListener("keydown",o.handleKeyDown)},handleKeyDown:function(e){if(o.overlay)switch(e.key){case"ArrowLeft":case"Left":o.changeImage("left");break;case"ArrowRight":case"Right":o.changeImage("right");break;case"Escape":case"Esc":o.hideOverlay()}},checkSupportedFormats:function(e){var t,a;function i(){null!==o.supportsAvif&&null!==o.supportsWebp&&o.showOverlay(e)}null===this.supportsAvif||null===this.supportsWebp?((t=new Image).onload=function(){o.supportsAvif=1===t.width&&1===t.height,i()},t.onerror=function(){o.supportsAvif=!1,i()},t.src="data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAABoAAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAEAAAABAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACJtZGF0EgAKCBgABogQEAwgMgwYAAAAUAAAALASmpg=",(a=new Image).onload=function(){o.supportsWebp=1===a.width&&1===a.height,i()},a.onerror=function(){o.supportsWebp=!1,i()},a.src="data:image/webp;base64,UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA"):this.showOverlay(e)},showOverlay:function(e){var t=this.getImageSource(e),a=this.images[e].getAttribute("title"),i=(null===a&&(a=this.images[e].getAttribute("alt")),this.overlay=document.createElement("div"),this.overlay.className="image-gallery-overlay"+(this.isMobile?" mobile":"")+(this.startedFromKeyboard?" keyboard":""),this.overlayLoading=document.createElement("span"),this.overlayLoading.className="image-gallery-loading",this.overlayLoading.textContent=this.loadingText,this.overlayLoading.setAttribute("hidden",""),this.overlay.appendChild(this.overlayLoading),this.overlayBackButton=document.createElement("span"),this.overlayBackButton.className="btn-previous",this.overlayBackButton.setAttribute("role","button"),this.overlayBackButton.onclick=function(){o.changeImage("left")},this.overlayFowardButton=document.createElement("span"),this.overlayFowardButton.className="btn-next",this.overlayFowardButton.setAttribute("role","button"),this.overlayFowardButton.onclick=function(){o.changeImage("right")},this.overlay.appendChild(this.overlayBackButton),this.overlay.appendChild(this.overlayFowardButton),this.overlayImg=document.createElement("img"),this.overlayImg.addEventListener("load",function(){-1===o.loadedImages.indexOf(t)&&o.loadedImages.push(t),o.clearLoadingTimer(),null!==o.overlayLoading&&o.overlayLoading.setAttribute("hidden",""),o.preloadNextImages()}),this.overlayImg.src=t,this.imageIndex=e,this.overlay.appendChild(this.overlayImg),document.createElement("div"));this.overlayTitle=document.createElement("span"),this.overlayTitle.textContent=a,this.overlayTitle.style.display=a?"":"none",i.className=a?"":"no-title",i.appendChild(this.overlayTitle),this.overlayIndex=document.createElement("span"),this.overlayIndex.textContent=e+1+"/"+this.imageCount,i.appendChild(this.overlayIndex),this.overlay.appendChild(i),this.addOverlayEvents(),document.documentElement.appendChild(this.overlay),document.querySelector("body").classList.add("blur"),this.startLoadingTimer()},startLoadingTimer:function(){this.clearLoadingTimer(),this.loadingTimeoutId=window.setTimeout(function(){(o.loadingTimeoutId=null)!==o.overlayLoading&&o.overlayLoading.removeAttribute("hidden")},this.loadingTimeout)},clearLoadingTimer:function(){null!==this.loadingTimeoutId&&(window.clearTimeout(this.loadingTimeoutId),this.loadingTimeoutId=null)},addOverlayEvents:function(){this.overlay.onclick=function(e){if("ontouchstart"in window){var t=window.innerHeight,a=t/4;if(e.clientY>=a&&e.clientY<=t-a)return}e.target!==o.overlayBackButton&&e.target!==o.overlayFowardButton&&o.hideOverlay()},this.overlay.addEventListener("touchstart",function(e){o.touchStartX=e.changedTouches[0].screenX,2===e.touches.length&&(o.touchPinchToZoom=!0)},!!t&&{passive:!0}),this.overlay.addEventListener("touchend",function(e){if(o.touchPinchToZoom)return o.touchPinchEndTime=new Date,void(o.touchPinchToZoom=!1);o.touchPinchEndTime&&(new Date).getTime()-o.touchPinchEndTime.getTime()<=200||((e=e.changedTouches[0].screenX)>o.touchStartX?o.changeImage("left"):e<o.touchStartX&&o.changeImage("right"))})},hideOverlay:function(){this.clearLoadingTimer(),this.overlay.parentNode.removeChild(this.overlay),this.overlayBackButton=null,this.overlayFowardButton=null,this.overlayLoading=null,this.overlayIndex=null,this.overlayTitle=null,this.overlayImg=null,this.overlay=null,this.startedFromKeyboard=!1,document.querySelector("body").classList.remove("blur")},getImageSource:function(e){var e=this.images[e],t=e.getAttribute(this.imageSrcAttrAvif);return t&&this.supportsAvif||(t=e.getAttribute(this.imageSrcAttrWebP))&&this.supportsWebp?t:e.getAttribute(o.imageSrcAttr)},changeImage:function(e){this.imageIndex="right"===e?this.imageIndex===this.imageCount-1?0:this.imageIndex+1:0===this.imageIndex?this.imageCount-1:this.imageIndex-1;e=this.images[this.imageIndex].getAttribute("title");null===e&&(e=this.images[this.imageIndex].getAttribute("alt")),this.overlayImg.src="",this.overlayImg.src=this.getImageSource(this.imageIndex),this.overlayTitle.textContent=e,this.overlayTitle.style.display=e?"":"none",this.overlayTitle.parentNode.className=e?"":"no-title",this.overlayIndex.textContent=this.imageIndex+1+"/"+this.imageCount,this.startLoadingTimer()},preloadNextImages:function(){var e,t,a=this.imageIndex-1,a=((a=-1===a?this.imageCount-1:a)===this.imageIndex||(e=this.getImageSource(a))&&-1===this.loadedImages.indexOf(e)&&((a=new Image).onload=function(){o.loadedImages.push(e)},a.src=e),this.imageIndex+1);(a=a===this.imageCount?0:a)===this.imageIndex||(t=this.getImageSource(a))&&-1===this.loadedImages.indexOf(t)&&((a=new Image).onload=function(){o.loadedImages.push(t)},a.src=t)}};app.addPlugin("imageGallery",o).loadCss("image-gallery-css",e)}();
\ No newline at end of file
+!function(){"use strict";var e=["body.blur { filter: blur(3px); }","[data-image-gallery] { cursor: pointer; }",".image-gallery-overlay {","    position: fixed;","    top: 0;","    left: 0;","    right: 0;","    bottom: 0;","    background-color: rgba(255,255,255,.8);","    cursor: pointer;","    display: flex;","    justify-content: center;","    align-items: center;","    flex-direction: column;","}",".image-gallery-overlay .image-gallery-loading {","    font-weight: bold;","    padding: 10px 20px;","    background-color: rgba(255,255,255,.4);","    position: absolute;","}",".image-gallery-overlay img {","    max-width: 100%;","    max-height: 100%;","    flex-shrink: 0;","}",".image-gallery-overlay div {","    position: absolute;","    bottom: 0;","    left: 0;","    right: 0;","    z-index: 2;","    font-weight: bold;","    display: flex;","    justify-content: space-between;","    width: 100%;","}",".image-gallery-overlay div.no-title {","    justify-content: flex-end;","}",".image-gallery-overlay div span {","    padding: 10px 20px;","    background-color: rgba(255,255,255,.4);","}",".image-gallery-overlay .btn-previous,",".image-gallery-overlay .btn-next {","    display: block;","    position: absolute;","    height: 40px;","    width: 40px;","    opacity: .7;","    background-repeat: no-repeat;","    background-position: center;","    padding: 0;","    margin: 15px;","    background-color: rgba(0,0,0,.5);","    border-radius: 50%;","    transition: all ease-in-out .2s;","}",'.image-gallery-overlay .btn-previous { left: 0; background-position-x: 12px; background-image: url("data:image/svg+xml;base64,'+btoa('<svg width="13" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M9 .6L.7 9a2 2 0 00-.6 1.5c0 .5.2 1.1.6 1.5L9 20.6a2 2 0 002.8-2.8l-7.2-7.2L12 3.4A2 2 0 009.1.6z" fill="#fff" fill-rule="evenodd"/></svg>')+'"); }','.image-gallery-overlay .btn-next { right: 0; background-position-x: 15px; background-image: url("data:image/svg+xml;base64,'+btoa('<svg width="13" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M3.4.6L12 9c.4.4.6 1 .6 1.5a2 2 0 01-.6 1.5l-8.5 8.5a2 2 0 01-2.8-2.8l7.2-7.2L.6 3.4A2 2 0 013.4.6z" fill="#fff" fill-rule="evenodd"/></svg>')+'"); }',".image-gallery-overlay.mobile .btn-previous,",".image-gallery-overlay.mobile .btn-next,",".image-gallery-overlay.keyboard .btn-previous,",".image-gallery-overlay.keyboard .btn-next {","    display: none;","}",".image-gallery-overlay .btn-previous:hover,",".image-gallery-overlay .btn-next:hover {","    opacity: .5;","}","@media (min-width: 1300px) {","    .image-gallery-overlay div {","        left: calc((100% - 1300px) /2);","        right: auto;","        max-width: 1300px;","    }","}"].join("\n"),t=(-1!==navigator.userAgent.indexOf("Trident/")&&(e+=["@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {","    .image-gallery-overlay .image-gallery-loading,","    .image-gallery-overlay .btn-previous,","    .image-gallery-overlay .btn-next { margin-top: calc((100vh /2) - 35px); }","}"].join("\n")),!1);try{var a=Object.defineProperty({},"passive",{get:function(){return t=!0}});window.addEventListener("testPassive",null,a),window.removeEventListener("testPassive",null,a)}catch(e){}var o={images:[],imageSrcAttr:"data-image-gallery",imageSrcAttrAvif:"data-image-avif",imageSrcAttrWebP:"data-image-webp",overlay:null,overlayImg:null,overlayTitle:null,overlayIndex:null,overlayLoading:null,overlayBackButton:null,overlayFowardButton:null,imageCount:0,imageIndex:-1,touchStartX:0,touchPinchToZoom:!1,touchPinchEndTime:null,loadedImages:[],loadingText:"Loading...",loadingTimeout:2e3,loadingTimeoutId:null,isMobile:-1<(a=window.navigator.userAgent.toLowerCase()).indexOf("android")||-1<a.indexOf("iphone")||-1<a.indexOf("ipad"),startedFromKeyboard:!1,supportsAvif:null,supportsWebp:null,onRendered:function(e){var t;0<this.images.length||(e=void 0===e?document:e,this.images=e.querySelectorAll("["+o.imageSrcAttr+"]"),this.imageCount=this.images.length,t=0,Array.prototype.forEach.call(this.images,function(a){a.addEventListener("click",function(){var e=parseInt(a.getAttribute("data-index"),10);o.checkSupportedFormats(e)}),a.addEventListener("keydown",function(e){var t;" "!==e.key&&"Spacebar"!==e.key||(null===o.overlay&&(o.startedFromKeyboard=!0,t=parseInt(a.getAttribute("data-index"),10),o.checkSupportedFormats(t)),e.preventDefault())}),a.setAttribute("data-index",t),t++}),0!==this.imageCount&&document.addEventListener("keydown",o.handleKeyDown))},onRouteUnload:function(){null!==this.overlay&&this.hideOverlay(),this.images=[],document.removeEventListener("keydown",o.handleKeyDown)},handleKeyDown:function(e){if(o.overlay)switch(e.key){case"ArrowLeft":case"Left":o.changeImage("left");break;case"ArrowRight":case"Right":o.changeImage("right");break;case"Escape":case"Esc":o.hideOverlay()}},checkSupportedFormats:function(e){var t,a;function i(){null!==o.supportsAvif&&null!==o.supportsWebp&&o.showOverlay(e)}null===this.supportsAvif||null===this.supportsWebp?((t=new Image).onload=function(){o.supportsAvif=1===t.width&&1===t.height,i()},t.onerror=function(){o.supportsAvif=!1,i()},t.src="data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAABoAAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAEAAAABAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACJtZGF0EgAKCBgABogQEAwgMgwYAAAAUAAAALASmpg=",(a=new Image).onload=function(){o.supportsWebp=1===a.width&&1===a.height,i()},a.onerror=function(){o.supportsWebp=!1,i()},a.src="data:image/webp;base64,UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA"):this.showOverlay(e)},showOverlay:function(e){var t=this.getImageSource(e),a=this.images[e].getAttribute("title"),i=(null===a&&(a=this.images[e].getAttribute("alt")),this.overlay=document.createElement("div"),this.overlay.className="image-gallery-overlay"+(this.isMobile?" mobile":"")+(this.startedFromKeyboard?" keyboard":""),this.overlayLoading=document.createElement("span"),this.overlayLoading.className="image-gallery-loading",this.overlayLoading.textContent=this.loadingText,this.overlayLoading.setAttribute("hidden",""),this.overlay.appendChild(this.overlayLoading),this.overlayBackButton=document.createElement("span"),this.overlayBackButton.className="btn-previous",this.overlayBackButton.setAttribute("role","button"),this.overlayBackButton.onclick=function(){o.changeImage("left")},this.overlayFowardButton=document.createElement("span"),this.overlayFowardButton.className="btn-next",this.overlayFowardButton.setAttribute("role","button"),this.overlayFowardButton.onclick=function(){o.changeImage("right")},this.overlay.appendChild(this.overlayBackButton),this.overlay.appendChild(this.overlayFowardButton),this.overlayImg=document.createElement("img"),this.overlayImg.addEventListener("load",function(){-1===o.loadedImages.indexOf(t)&&o.loadedImages.push(t),o.clearLoadingTimer(),null!==o.overlayLoading&&o.overlayLoading.setAttribute("hidden",""),o.preloadNextImages()}),this.overlayImg.src=t,this.imageIndex=e,this.overlay.appendChild(this.overlayImg),document.createElement("div"));this.overlayTitle=document.createElement("span"),this.overlayTitle.textContent=a,this.overlayTitle.style.display=a?"":"none",i.className=a?"":"no-title",i.appendChild(this.overlayTitle),this.overlayIndex=document.createElement("span"),this.overlayIndex.textContent=e+1+"/"+this.imageCount,i.appendChild(this.overlayIndex),this.overlay.appendChild(i),this.addOverlayEvents(),document.documentElement.appendChild(this.overlay),document.querySelector("body").classList.add("blur"),this.startLoadingTimer()},startLoadingTimer:function(){this.clearLoadingTimer(),this.loadingTimeoutId=window.setTimeout(function(){(o.loadingTimeoutId=null)!==o.overlayLoading&&o.overlayLoading.removeAttribute("hidden")},this.loadingTimeout)},clearLoadingTimer:function(){null!==this.loadingTimeoutId&&(window.clearTimeout(this.loadingTimeoutId),this.loadingTimeoutId=null)},addOverlayEvents:function(){this.overlay.onclick=function(e){if("ontouchstart"in window){var t=window.innerHeight,a=t/4;if(e.clientY>=a&&e.clientY<=t-a)return}e.target!==o.overlayBackButton&&e.target!==o.overlayFowardButton&&o.hideOverlay()},this.overlay.addEventListener("touchstart",function(e){o.touchStartX=e.changedTouches[0].screenX,2===e.touches.length&&(o.touchPinchToZoom=!0)},!!t&&{passive:!0}),this.overlay.addEventListener("touchend",function(e){if(o.touchPinchToZoom)return o.touchPinchEndTime=new Date,void(o.touchPinchToZoom=!1);o.touchPinchEndTime&&(new Date).getTime()-o.touchPinchEndTime.getTime()<=200||((e=e.changedTouches[0].screenX)>o.touchStartX?o.changeImage("left"):e<o.touchStartX&&o.changeImage("right"))})},hideOverlay:function(){this.clearLoadingTimer(),this.overlay.parentNode.removeChild(this.overlay),this.overlayBackButton=null,this.overlayFowardButton=null,this.overlayLoading=null,this.overlayIndex=null,this.overlayTitle=null,this.overlayImg=null,this.overlay=null,this.startedFromKeyboard=!1,document.querySelector("body").classList.remove("blur")},getImageSource:function(e){var e=this.images[e],t=e.getAttribute(this.imageSrcAttrAvif);return t&&this.supportsAvif||(t=e.getAttribute(this.imageSrcAttrWebP))&&this.supportsWebp?t:e.getAttribute(o.imageSrcAttr)},changeImage:function(e){this.imageIndex="right"===e?this.imageIndex===this.imageCount-1?0:this.imageIndex+1:0===this.imageIndex?this.imageCount-1:this.imageIndex-1;e=this.images[this.imageIndex].getAttribute("title");null===e&&(e=this.images[this.imageIndex].getAttribute("alt")),this.overlayImg.src="",this.overlayImg.src=this.getImageSource(this.imageIndex),this.overlayTitle.textContent=e,this.overlayTitle.style.display=e?"":"none",this.overlayTitle.parentNode.className=e?"":"no-title",this.overlayIndex.textContent=this.imageIndex+1+"/"+this.imageCount,this.startLoadingTimer()},preloadNextImages:function(){var e,t,a=this.imageIndex-1,a=((a=-1===a?this.imageCount-1:a)===this.imageIndex||(e=this.getImageSource(a))&&-1===this.loadedImages.indexOf(e)&&((a=new Image).onload=function(){o.loadedImages.push(e)},a.src=e),this.imageIndex+1);(a=a===this.imageCount?0:a)===this.imageIndex||(t=this.getImageSource(a))&&-1===this.loadedImages.indexOf(t)&&((a=new Image).onload=function(){o.loadedImages.push(t)},a.src=t)}};app.addPlugin("imageGallery",o).loadCss("image-gallery-css",e)}();
\ No newline at end of file
diff --git a/js/react/es5/DataFormsJS.js b/js/react/es5/DataFormsJS.js
index 4427ba4..cc671ca 100644
--- a/js/react/es5/DataFormsJS.js
+++ b/js/react/es5/DataFormsJS.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.14.4
+// @version 5.14.5
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
 (function () {
diff --git a/js/react/es5/DataFormsJS.min.js b/js/react/es5/DataFormsJS.min.js
index 4906c82..8ebdf8f 100644
--- a/js/react/es5/DataFormsJS.min.js
+++ b/js/react/es5/DataFormsJS.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.14.4
+// @version 5.14.5
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
 !function(){"use strict";var n=void 0===window.React&&void 0!==window.preact?window.preact:window.React;function b(e){return(b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function u(e,t){return null!=t&&"undefined"!=typeof Symbol&&t[Symbol.hasInstance]?t[Symbol.hasInstance](e):e instanceof t}function e(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&c(e,t)}function c(e,t){return(c=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function t(r){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(e){return!1}}();return function(){var e,t=p(r),t=(e=n?(e=p(this).constructor,Reflect.construct(t,arguments,e)):t.apply(this,arguments),this);if(e&&("object"===b(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return o(t)}}function o(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e){return(p=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function r(e,t){if(!u(e,t))throw new TypeError("Cannot call a class as a function")}function h(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function a(e,t,r){return t&&h(e.prototype,t),r&&h(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}var f={},m=(a(y,null,[{key:"get",value:function(e,t){return void 0===f[e]?t:f[e]}},{key:"set",value:function(e,t){f[e]=t}}]),y);function y(){r(this,y)}window.Cache=m;a(v,null,[{key:"ponyfill",value:function(){var e,t,r='link[rel="stylesheet"][data-css-vars-ponyfill]:not([data-css-vars-setup]),style[data-css-vars-ponyfill]:not([data-css-vars-setup])',n=document.querySelectorAll(r);0!==n.length&&(e=new A,t=window.CSS&&window.CSS.supports&&window.CSS.supports("(--a: 0)"),e.loadPolyfill(t,"https://cdn.jsdelivr.net/npm/css-vars-ponyfill@2.4.3/dist/css-vars-ponyfill.min.js").then(function(){window.cssVars&&(cssVars({include:r}),Array.prototype.forEach.call(n,function(e){e.setAttribute("data-css-vars-setup","")}))}))}}]);var g=v;function v(){r(this,v)}window.CssVars=g;e(i,n.Component),w=t(i),a(i,[{key:"componentDidCatch",value:function(e,t){this.setState({error:e,errorInfo:t})}},{key:"render",value:function(){return this.state.errorInfo?n.createElement("div",null,n.createElement("h2",{style:{textAlign:"left",color:"white",backgroundColor:"#bc0000",padding:"1em"}},"An error has occurred"),n.createElement("details",{style:{whiteSpace:"pre-wrap",textAlign:"left",color:"white",backgroundColor:"red",padding:"1em"}},this.state.error&&this.state.error.toString(),n.createElement("br",null),this.state.errorInfo.componentStack)):this.props.children}}]);var w,S=i;function i(e){return r(this,i),(e=w.call(this,e)).state={error:null,errorInfo:null},e}window.ErrorBoundary=S;a(L,[{key:"number",value:function(e){return this.formatNumber(e,{})}},{key:"round",value:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:0;return this.formatNumber(e,{style:"decimal",maximumFractionDigits:t,minimumFractionDigits:t})}},{key:"currency",value:function(e,t){return this.formatNumber(e,{style:"currency",currency:t,maximumFractionDigits:2})}},{key:"percent",value:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:0;return this.formatNumber(e,{style:"percent",maximumFractionDigits:t,minimumFractionDigits:t})}},{key:"date",value:function(e){return this.formatDateTime(e,{})}},{key:"dateTime",value:function(e){return this.formatDateTime(e,{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"})}},{key:"time",value:function(e){return this.formatDateTime(e,{hour:"numeric",minute:"numeric",second:"numeric"})}},{key:"isNumber",value:function(e){return!isNaN(parseFloat(e))&&isFinite(e)}},{key:"formatDateTime",value:function(t,r){if(void 0===window.Intl)return t;if(null===t||""===t)return null;try{return u(t,Date)?new Intl.DateTimeFormat(navigator.language,r).format(t):/^\d{4}-\d{2}-\d{2}$/.test(t)?(e=t.split("-").map(function(e){return parseInt(e,10)}),n=new Date(e[0],e[1]-1,e[2]),new Intl.DateTimeFormat(navigator.language,r).format(n)):(o=new Date(t),a=Intl.DateTimeFormat(navigator.language,r).format(o),"en-US"===navigator.language?a.toLocaleString().replace(", "," "):a.toLocaleString());var e,n,o,a}catch(e){return console.warn("Error formatting Date/Time Value:"),console.log(navigator.language),console.log(r),console.log(t),console.log(e),"Error"}}},{key:"formatNumber",value:function(t,r){var n=navigator.language||navigator.userLanguage;if(null===t||""===t)return null;if(!this.isNumber(t))return console.warn("Warning value specified in DateFormsJS function formatNumber() is not a number:"),console.log(t),t;if(void 0===window.Intl){var e=r.style||null,o=r.maximumFractionDigits||0;if("percent"===e)return(100*t).toFixed(o)+"%";var o=null,a=null,i=null;return"en-us"===n&&(o=",",a=".",i="$"),null!==o?((o=t.toString().split("."))[0]=o[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),o=o.join(a),"currency"===e?i+o:o):t}try{return new Intl.NumberFormat(n,r).format(t)}catch(e){return console.warn("Error formatting Numeric Value:"),console.log(n),console.log(r),console.log(t),console.log(e),"Error"}}}]);var C=L;function L(){r(this,L)}window.Format=C;e(s,n.Component),E=t(s),a(s,[{key:"componentDidMount",value:function(){this.filter()}},{key:"onChange",value:function(){this.filter(),"function"==typeof this.props.afterFilter&&this.props.afterFilter()}},{key:"filter",value:function(){for(var e=this.input.current,c=e.value.toLowerCase().split(" "),d=c.length,p=0!==d,t=0,r=null,n=null,o=document.querySelectorAll(this.props["filter-selector"]),a=(1===o.length&&"TABLE"===o[0].tagName&&o[0].tHead&&1===o[0].tHead.rows.length&&1===o[0].tBodies.length&&(r=(a=o[0]).getAttribute("data-sort-class-odd"),n=a.getAttribute("data-sort-class-even"),o=o[0].tBodies[0].rows),o.length),h=n&&r,f=0,m=o.length;f<m;f++){var i=o[f],y=!0;if(p)for(var g=i.textContent.toLowerCase(),s=0;s<d;s++)if(""!==c[s]&&!g.includes(c[s])){y=!1;break}y&&(t++,h&&(t%2==0?(i.classList.add(n),i.classList.remove(r)):(i.classList.add(r),i.classList.remove(n)))),i.style.display=y?"":"none"}var v,l,u=e.getAttribute("filter-results-selector");u&&((u=document.querySelector(u))?(v=e.getAttribute("filter-results-text-all"),e=e.getAttribute("filter-results-text-filtered"),null!==v||null!==e?(l=null,t===a?l=v:null!==e&&(l=e.replace(/{displayCount}/g,t)),null===l?u.textContent="":(l=l.replace(/{totalCount}/g,a),u.textContent=l)):console.warn("Defined [filter-results-selector] without [filter-results-text-all] or [filter-results-text-filtered]")):console.warn("Defined [filter-results-selector] but element not found"))}},{key:"render",value:function(){return void 0!==window&&window.React===window.preact?n.createElement("input",Object.assign({},this.props,{onInput:this.onChange,ref:this.input})):n.createElement("input",Object.assign({},this.props,{onChange:this.onChange,ref:this.input}))}}]);var E,k=s;function s(e){return r(this,s),(e=E.call(this,e)).onChange=e.onChange.bind(o(e)),e.input=n.createRef(),e}window.InputFilter=k;var d=[],D={};function O(e){return 0===e.fetchState&&e.children?e.children:null}function T(e){if(!(-1===e.fetchState)||!e.children)return null;var t=e.error;return"string"==typeof t&&-1===t.indexOf("Error")&&(t="Error - "+t),n.cloneElement(e.children,{error:t})}function x(e){return 1===e.fetchState&&e.children?n.cloneElement(e.children,{data:e.data,params:e.params,handleChange:e.handleChange,childProps:e.childProps}):null}e(l,n.Component),P=t(l),a(l,[{key:"getUrlParams",value:function(){var e,t={};if(this.props&&!0===this.props.graphQL)return void 0===this.props.variables?{}:this.props.variables;for(e in this.props)"url"!==e&&"string"==typeof this.props[e]&&(t[e]=this.props[e]);return t}},{key:"componentDidMount",value:function(){if((this._isMounted=!0)===this.props.graphQL&&void 0===this._query&&void 0!==this._querySrc&&void 0!==D[this._querySrc]&&(this._query=D[this._querySrc]),this.props.loadOnlyOnce){var e=function(e,t,r){for(var n=0,o=d.length;n<o;n++){var a=d[n];if(a.url===e&&a.query===t){if(JSON.stringify(r)===a.params)return a.data;break}}return null}(this.props.url,this._query,this.getUrlParams());if(null!==e)return void this.setState({fetchState:1,data:e})}var t,r;if(!0===this.props.graphQL&&void 0===this._query&&void 0!==this._querySrc)return t=this._querySrc,r=this,void fetch(t,null).then(function(e){var t=e.status;return 200<=t&&t<300||304===t?Promise.resolve(e):(t="Error loading data. Server Response Code: "+t+", Response Text: "+e.statusText,Promise.reject(t))}).then(function(e){return e.text()}).then(function(e){D[t]=e,r._query=D[t],r.fetchData()}).catch(function(e){throw new Error("Error Downloading GraphQL Script: ["+t+"], Error: "+e.toString())});this.fetchData()}},{key:"componentDidUpdate",value:function(e,t){(!0===this.props.graphQL?JSON.stringify(e.variables)!==JSON.stringify(this.props.variables):this.buildUrl(t.params)!==this.buildUrl(this.props))&&this.setState({params:this.getUrlParams()},this.fetchData)}},{key:"componentWillUnmount",value:function(){this._isMounted=!1}},{key:"buildUrl",value:function(e){var t=this.props.url;if(!0!==this.props.graphQL&&0<Object.keys(e).length)for(var r in e)-1<t.indexOf(":"+r)&&(t=t.replace(new RegExp(":"+r,"g"),encodeURIComponent(e[r])));return t}},{key:"fetchData",value:function(){var e,t,c=this,r=this.buildUrl(this.state.params);this._isFetching||(this._isFetching=!0,e={mode:"cors",cache:"no-store",credentials:"same-origin"},this.props.fetchOptions&&(e=this.props.fetchOptions),this.props.fetchHeaders&&(e.headers=this.props.fetchHeaders),!0===this.props.graphQL&&(t=void 0===this.props.variables?{}:this.props.variables,"file://"===window.location.origin||"null"===window.location.origin?r=(r=(r+=-1===r.indexOf("?")?"?":"&")+"query="+encodeURIComponent(this._query.trim()))+"&variables="+encodeURIComponent(JSON.stringify(t)):(e.method="POST",void 0===e.headers?e.headers={"Content-Type":"application/json"}:e.headers["Content-Type"]="application/json",e.body=JSON.stringify({query:this._query,variables:t}))),this.setState({fetchState:0},function(){c.updateView(),fetch(r,e).then(function(e){var t=e.status;return 200<=t&&t<300||304===t?Promise.resolve(e):(t="Error loading data. Server Response Code: "+t+", Response Text: "+e.statusText,Promise.reject(t))}).then(function(e){return e.json()}).then(function(e){var t,r=!0===c.props.graphQL;if(r&&(e.errors&&e.errors.length))throw t=1===e.errors.length&&e.errors[0].message?"[GraphQL Error]: "+e.errors[0].message:("string"==typeof c.props.errorTextGraphQLErrors?c.props.errorTextGraphQLErrors:"{count} GraphQL Errors occurred. See console for full details.").replace("{count}",e.errors.length),console.error(e.errors),t;if(c._isMounted&&c.setState({fetchState:1,data:r?e.data:e}),c.props.loadOnlyOnce){for(var n=c.props.url,o=c._query,a=c.getUrlParams(),i=r?e.data:e,s=0,l=d.length;s<l;s++){var u=d[s];if(u.url===n&&u.query===o)return void(u.params=JSON.stringify(a),u.data=i)}d.push({url:n,query:o,params:JSON.stringify(a),data:i})}}).catch(function(e){c._isMounted&&c.setState({fetchState:-1,error:e.toString()})}).finally(function(){c._isFetching=!1,c.updateView()})}))}},{key:"handleChange",value:function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:null;this._isMounted&&this.setState({data:null===e?this.state.data:e})}},{key:"updateView",value:function(){if("function"==typeof this.props.onViewUpdated)try{this.props.onViewUpdated()}catch(e){console.error(e)}}},{key:"render",value:function(){return n.createElement(n.Fragment,null,n.createElement(O,{fetchState:this.state.fetchState},this.props.isLoading),n.createElement(T,{fetchState:this.state.fetchState,error:this.state.error},this.props.hasError),n.createElement(x,{fetchState:this.state.fetchState,data:this.state.data,params:this.state.params,handleChange:this.handleChange,childProps:this.props.childProps},this.props.isLoaded))}}]);var P,_=l;function l(e){var t;return r(this,l),(t=P.call(this,e))._isFetching=!1,t._isMounted=!1,t.fetchData=t.fetchData.bind(o(t)),t.handleChange=t.handleChange.bind(o(t)),t._querySrc=e&&e.querySrc?e.querySrc:void 0,t._query=e&&e.query?e.query:void 0,t.state={fetchState:0,error:null,params:t.getUrlParams(),data:null},t}window.JsonData=_;e(q,n.Component),j=t(q),a(q,[{key:"componentDidMount",value:function(){var e=this;this.loadScripts(this.props.scripts,this.props.loadScriptsInOrder).then(function(){e.setState({isReady:!0})})}},{key:"loadScripts",value:function(a,e){function i(a){return new Promise(function(e){for(var t=document.querySelectorAll("link"),r=0,n=t.length;r<n;r++)if("stylesheet"===t[r].rel&&t[r].getAttribute("href")===a)return void e();var o=document.createElement("link");o.rel="stylesheet",o.onload=e,o.onerror=function(){console.error("Error loading CSS File: "+a),e()},o.href=a,document.head.appendChild(o)})}function s(a){return new Promise(function(e){for(var t=document.querySelectorAll("script"),r=0,n=t.length;r<n;r++)if(t[r].getAttribute("src")===a)return void e();var o=document.createElement("script");o.onload=e,o.onerror=function(){console.error("Error loading JS File: "+a),e()},o.src=a,document.head.appendChild(o)})}function l(a){return new Promise(function(e){for(var t=document.querySelectorAll("script[data-src][data-compiler]"),r=0,n=t.length;r<n;r++)if(t[r].getAttribute("data-src")===a)return void e();var o=document.createElement("script");o.type="text/babel",o.setAttribute("src",a),document.head.appendChild(o),jsxLoader.loadScript(o).then(function(){e()})})}if("string"==typeof a)a=[a];else if(!Array.isArray(a))return console.error("Invalid prop for <LazyLoad>, expected [scripts] to be a string or an array of strings. Check console."),console.log(a),new Promise(function(e){e()});return!0===e?new Promise(function(r){var n=0,o=a.length;!function e(){var t;n!==o?(t=a[n],n++,t.endsWith(".js")?s(t).then(e):t.endsWith(".css")?i(t).then(e):t.endsWith(".jsx")?l(t).then(e):(console.error("Invalid Script for <LazyLoad>. Only scripts ending with [js, css, or jsx] can be used. Error URL: "+t),e())):r()}()}):new Promise(function(e){for(var t=[],r=0,n=a.length;r<n;r++){var o=a[r];o.endsWith(".js")?t.push(s(o)):o.endsWith(".css")?t.push(i(o)):o.endsWith(".jsx")?t.push(l(o)):console.error("Invalid Script for <LazyLoad>. Only scripts ending with [js, css, or jsx] can be used. Error URL: "+o)}Promise.all(t).then(function(){e()})})}},{key:"loadPolyfill",value:function(e,o){return!1===e||void 0===e?new Promise(function(e,t){var r,n;r=e,n=t,(e=document.createElement("script")).onload=function(){r()},e.onerror=function(){console.error("Error loading Script: "+o),n()},e.src=o,document.head.appendChild(e)}):new Promise(function(e){e()})}},{key:"render",value:function(){if(!this.state.isReady)return this.props.isLoading||null;if(this.props.children)return this.props.children;if(this.props.isLoaded){if("string"!=typeof this.props.isLoaded)return this.props.isLoaded;var e,t=this.props.isLoaded,r={};for(e in this.props)this.props.hasOwnProperty(e)&&"scripts"!==e&&"isLoaded"!==e&&"isLoading"!==e&&(r[e]=this.props[e]);if(void 0!==window&&void 0!==window[t])return n.createElement(window[t],r);if(void 0!==globalThis&&void 0!==globalThis[t])return n.createElement(globalThis[t],r);throw new TypeError("Component <LazyLoad isLoaded="+JSON.stringify(t)+"> was not found. Check if your script is missing or has a compile error.")}throw new TypeError("Missing child nodes or the [isLoaded] property for a <LazyLoad> element.")}}]);var j,A=q;function q(e){return r(this,q),(e=j.call(this,e)).state={isReady:!1},e}window.LazyLoad=A;e(I,n.Component),F=t(I),a(I,[{key:"componentDidMount",value:function(){this.setupTable()}},{key:"setupTable",value:function(){var e=this.table.current;if(null===e.tHead)return console.warn("Unable to setup sorting for table because there is no <thead> element"),void console.log(e);if(0===e.tHead.rows.length)return console.warn("Unable to setup sorting for table because the <thead> element contained now rows"),void console.log(e);if(0===e.tBodies.length)return console.warn("Unable to setup sorting for table because the <tbody> element is missing"),void console.log(e);if(1!==e.tBodies.length)return console.warn("Unable to setup sorting for table because there can only be one <tbody> element for the table"),void console.log(e);for(var t=e.tHead.rows[e.tHead.rows.length-1],r=0,n=t.cells.length;r<n;r++)t.cells[r].addEventListener("click",this.sortColumn),t.cells[r].style.cursor="pointer"}},{key:"sortColumn",value:function(e){var e=e.target,t=e&&e.parentElement&&e.parentElement.parentElement?e.parentElement.parentElement.parentElement:null;if("TH"!==e.tagName&&"TD"!==e.tagName)return console.warn("SortableTable.sortColumn() was called with an invalid element. If called manually the cell needs to be passed."),void console.log(e);if(null!=t&&"TABLE"!==t.tagName)return console.warn("SortableTable.sortColumn() was called with an invalid element. If called manually the table cell of the last row from the table header should be used."),void console.log(e);for(var c=t.getAttribute("data-sort-column"),r=e.cellIndex,e="asc",d=(null!==c&&parseInt(c,10)===r&&(e="asc"===t.getAttribute("data-sort-order")?"desc":"asc"),t.tBodies[0]),n=d.rows,o=[],a=0,p=n.length;a<p;a++){var i,s,l=n[a].cells[r];void 0!==l&&(l=b(i=(null!==(i=l.getAttribute("data-value"))?i:l.textContent).trim()),""===i?i=null:isNaN(i)?(s=new Date(i),isNaN(s.getTime())?i=void 0!==i.toLocaleLowerCase?i.toLocaleLowerCase():i.toLowerCase():(i=s,l="date")):i=parseFloat(i),o.push({row:n[a],value:i,type:null===i?null:l}))}o.sort(this.sortCompare),"desc"===e&&o.reverse();for(var h=t.getAttribute("data-sort-class-odd"),f=t.getAttribute("data-sort-class-even"),m=h&&f,y=0,g=0,v=o.length;g<v;g++){var u=o[g].row;m&&"none"!==u.style.display&&(++y%2==0?(u.classList.add(f),u.classList.remove(h)):(u.classList.add(h),u.classList.remove(f))),d.appendChild(u)}t.setAttribute("data-sort-column",r),t.setAttribute("data-sort-order",e)}},{key:"sortCompare",value:function(e,t){return null===e.type&&null!==t.type?-1:null===t.type&&null!==e.type?1:null===e.type&&null===t.type?0:"number"===e.type&&"number"!==t.type?-1:"number"===t.type&&"number"!==e.type?1:"number"===e.type&&"number"===t.type?e.value-t.value:"date"===e.type&&"date"!==t.type?-1:"date"===t.type&&"date"!==e.type?1:"date"===e.type&&"date"===t.type?e.value<t.value?-1:e.value>t.value?1:0:"string"===e.type&&"string"===t.type?void 0!==e.value.localeCompare?e.value.localeCompare(t.value):e.value<t.value?-1:e.value>t.value?1:0:(console.warn("A code change from [SortableTable] impacted sorting and caused an expected error so the data may appear out of order. Please review your code changes"),0)}},{key:"render",value:function(){return n.createElement("table",Object.assign({},this.props,{ref:this.table}),this.props.children)}}]);var F,N=I;function I(e){return r(this,I),(e=F.call(this,e)).sortColumn=e.sortColumn.bind(o(e)),e.table=n.createRef(),e}function R(){r(this,R)}window.SortableTable=N,a(R,null,[{key:"Cache",get:function(){return m}},{key:"CssVars",get:function(){return g}},{key:"ErrorBoundary",get:function(){return S}},{key:"Format",get:function(){return C}},{key:"InputFilter",get:function(){return k}},{key:"JsonData",get:function(){return _}},{key:"LazyLoad",get:function(){return A}},{key:"SortableTable",get:function(){return N}}]),window.DataFormsJS=R}();
\ No newline at end of file
diff --git a/js/react/es5/ImageGallery.js b/js/react/es5/ImageGallery.js
index be4f816..e4d8393 100644
--- a/js/react/es5/ImageGallery.js
+++ b/js/react/es5/ImageGallery.js
@@ -88,7 +88,13 @@ var ImageGallery = function (_React$Component) {
     _this.svgForwardButton = '<svg width="13" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M3.4.6L12 9c.4.4.6 1 .6 1.5a2 2 0 01-.6 1.5l-8.5 8.5a2 2 0 01-2.8-2.8l7.2-7.2L.6 3.4A2 2 0 013.4.6z" fill="#fff" fill-rule="evenodd"/></svg>';
     _this.svgBackButton = '<svg width="13" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M9 .6L.7 9a2 2 0 00-.6 1.5c0 .5.2 1.1.6 1.5L9 20.6a2 2 0 002.8-2.8l-7.2-7.2L12 3.4A2 2 0 009.1.6z" fill="#fff" fill-rule="evenodd"/></svg>';
     _this.overlayStyleId = 'image-gallery-css';
-    _this.overlayStyleCss = "\n            body.blur { filter: blur(3px); }\n\n            .image-gallery-overlay {\n                position: fixed;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                background-color: rgba(255,255,255,.8);\n                cursor: pointer;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                flex-direction: column;\n            }\n\n            .image-gallery-overlay .image-gallery-loading {\n                font-weight: bold;\n                padding: 10px 20px;\n                background-color: rgba(255,255,255,.4);\n                position: absolute;\n            }\n\n            .image-gallery-overlay img {\n                max-width: 100%;\n                max-height: 100%;\n                flex-shrink: 0;\n            }\n\n            .image-gallery-overlay div {\n                position: absolute;\n                bottom: 0;\n                left: 0;\n                right: 0;\n                z-index: 2;\n                font-weight: bold;\n                display: flex;\n                justify-content: space-between;\n                width: 100%;\n            }\n\n            .image-gallery-overlay div.no-title {\n                justify-content: flex-end;\n            }\n\n            .image-gallery-overlay div span {\n                padding: 10px 20px;\n                background-color: rgba(255,255,255,.4);\n            }\n\n            .image-gallery-overlay .btn-previous,\n            .image-gallery-overlay .btn-next {\n                display: block;\n                position: absolute;\n                height: 40px;\n                width: 40px;\n                opacity: .7;\n                background-repeat: no-repeat;\n                background-position: center;\n                padding: 0;\n                margin: 15px;\n                background-color: rgba(0,0,0,.5);\n                border-radius: 50%;\n                transition: all ease-in-out .2s;\n            }\n            .image-gallery-overlay .btn-previous { left: 0; background-position-x: 12px; background-image: url(\"data:image/svg+xml;base64,".concat(btoa(_this.svgBackButton), "\"); }\n            .image-gallery-overlay .btn-next { right: 0; background-position-x: 15px; background-image: url(\"data:image/svg+xml;base64,").concat(btoa(_this.svgForwardButton), "\"); }\n\n            .image-gallery-overlay .btn-previous:hover,\n            .image-gallery-overlay .btn-next:hover {\n                opacity: .5;\n            }\n\n            .image-gallery-overlay.mobile .btn-previous,\n            .image-gallery-overlay.mobile .btn-next,\n            .image-gallery-overlay.keyboard .btn-previous,\n            .image-gallery-overlay.keyboard .btn-next {\n                display: none;\n            }\n\n            @media (min-width: 1300px) {\n                .image-gallery-overlay div {\n                    left: calc((100% - 1300px) /2);\n                    right: auto;\n                    max-width: 1300px;\n                }\n            }\n\n            @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {\n                .image-gallery-overlay .image-gallery-loading,\n                .image-gallery-overlay .btn-previous,\n                .image-gallery-overlay .btn-next { margin-top: calc((100vh /2) - 35px); }\n            }\n        ");
+    _this.overlayStyleCss = "\n            body.blur { filter: blur(3px); }\n\n            .image-gallery-overlay {\n                position: fixed;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                background-color: rgba(255,255,255,.8);\n                cursor: pointer;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                flex-direction: column;\n            }\n\n            .image-gallery-overlay .image-gallery-loading {\n                font-weight: bold;\n                padding: 10px 20px;\n                background-color: rgba(255,255,255,.4);\n                position: absolute;\n            }\n\n            .image-gallery-overlay img {\n                max-width: 100%;\n                max-height: 100%;\n                flex-shrink: 0;\n            }\n\n            .image-gallery-overlay div {\n                position: absolute;\n                bottom: 0;\n                left: 0;\n                right: 0;\n                z-index: 2;\n                font-weight: bold;\n                display: flex;\n                justify-content: space-between;\n                width: 100%;\n            }\n\n            .image-gallery-overlay div.no-title {\n                justify-content: flex-end;\n            }\n\n            .image-gallery-overlay div span {\n                padding: 10px 20px;\n                background-color: rgba(255,255,255,.4);\n            }\n\n            .image-gallery-overlay .btn-previous,\n            .image-gallery-overlay .btn-next {\n                display: block;\n                position: absolute;\n                height: 40px;\n                width: 40px;\n                opacity: .7;\n                background-repeat: no-repeat;\n                background-position: center;\n                padding: 0;\n                margin: 15px;\n                background-color: rgba(0,0,0,.5);\n                border-radius: 50%;\n                transition: all ease-in-out .2s;\n            }\n            .image-gallery-overlay .btn-previous { left: 0; background-position-x: 12px; background-image: url(\"data:image/svg+xml;base64,".concat(btoa(_this.svgBackButton), "\"); }\n            .image-gallery-overlay .btn-next { right: 0; background-position-x: 15px; background-image: url(\"data:image/svg+xml;base64,").concat(btoa(_this.svgForwardButton), "\"); }\n\n            .image-gallery-overlay .btn-previous:hover,\n            .image-gallery-overlay .btn-next:hover {\n                opacity: .5;\n            }\n\n            .image-gallery-overlay.mobile .btn-previous,\n            .image-gallery-overlay.mobile .btn-next,\n            .image-gallery-overlay.keyboard .btn-previous,\n            .image-gallery-overlay.keyboard .btn-next {\n                display: none;\n            }\n\n            @media (min-width: 1300px) {\n                .image-gallery-overlay div {\n                    left: calc((100% - 1300px) /2);\n                    right: auto;\n                    max-width: 1300px;\n                }\n            }\n        ");
+    var isIE = navigator.userAgent.indexOf('Trident/') !== -1;
+
+    if (isIE) {
+      _this.overlayStyleCss += "\n                @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {\n                    .image-gallery-overlay .image-gallery-loading,\n                    .image-gallery-overlay .btn-previous,\n                    .image-gallery-overlay .btn-next { margin-top: calc((100vh /2) - 35px); }\n                }\n            ";
+    }
+
     _this.imageIndex = null;
     _this.overlay = null;
     _this.overlayImg = null;
diff --git a/js/react/es5/ImageGallery.min.js b/js/react/es5/ImageGallery.min.js
index 80c8528..fce3178 100644
--- a/js/react/es5/ImageGallery.min.js
+++ b/js/react/es5/ImageGallery.min.js
@@ -1 +1 @@
-!function(){"use strict";var r=void 0===window.React&&void 0!==window.preact?window.preact:window.React;function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function u(e,t){if(e=e,!(null!=(t=t)&&"undefined"!=typeof Symbol&&t[Symbol.hasInstance]?t[Symbol.hasInstance](e):e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function l(e,t){return(l=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function y(n){var a=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(e){return!1}}();return function(){var e,t=d(n),t=(e=a?(e=d(this).constructor,Reflect.construct(t,arguments,e)):t.apply(this,arguments),this);if(e&&("object"===o(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return s(t)}}function s(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function d(e){return(d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var c=!1;try{var e=Object.defineProperty({},"passive",{get:function(){return c=!0}});window.addEventListener("testPassive",null,e),window.removeEventListener("testPassive",null,e)}catch(e){}var m=-1<(e=window.navigator.userAgent.toLowerCase()).indexOf("android")||-1<e.indexOf("iphone")||-1<e.indexOf("ipad"),g=null,h=null;function A(e){return r.createElement("img",{src:e.thumbnail,alt:e.title,tabIndex:e.tabIndex,onClick:e.onClick,onKeyDown:e.onKeyDown,key:e.key,style:{cursor:"pointer"}})}var t=function(e){var t=o;if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&l(t,e);var n,a=y(o);function o(e){var t;if(u(this,o),(t=a.call(this,e)).onClick=t.onClick.bind(s(t)),t.onKeyDown=t.onKeyDown.bind(s(t)),t.handleDocKeyDown=t.handleDocKeyDown.bind(s(t)),t.preloadNextImages=t.preloadNextImages.bind(s(t)),t.showOverlay=t.showOverlay.bind(s(t)),t.hideOverlay=t.hideOverlay.bind(s(t)),t.changeImage=t.changeImage.bind(s(t)),void 0===e||void 0===e.images)throw new Error("Error - ImageGallery - Missing props or images from props. See examples for usage.");return t.svgForwardButton='<svg width="13" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M3.4.6L12 9c.4.4.6 1 .6 1.5a2 2 0 01-.6 1.5l-8.5 8.5a2 2 0 01-2.8-2.8l7.2-7.2L.6 3.4A2 2 0 013.4.6z" fill="#fff" fill-rule="evenodd"/></svg>',t.svgBackButton='<svg width="13" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M9 .6L.7 9a2 2 0 00-.6 1.5c0 .5.2 1.1.6 1.5L9 20.6a2 2 0 002.8-2.8l-7.2-7.2L12 3.4A2 2 0 009.1.6z" fill="#fff" fill-rule="evenodd"/></svg>',t.overlayStyleId="image-gallery-css",t.overlayStyleCss='\n            body.blur { filter: blur(3px); }\n\n            .image-gallery-overlay {\n                position: fixed;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                background-color: rgba(255,255,255,.8);\n                cursor: pointer;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                flex-direction: column;\n            }\n\n            .image-gallery-overlay .image-gallery-loading {\n                font-weight: bold;\n                padding: 10px 20px;\n                background-color: rgba(255,255,255,.4);\n                position: absolute;\n            }\n\n            .image-gallery-overlay img {\n                max-width: 100%;\n                max-height: 100%;\n                flex-shrink: 0;\n            }\n\n            .image-gallery-overlay div {\n                position: absolute;\n                bottom: 0;\n                left: 0;\n                right: 0;\n                z-index: 2;\n                font-weight: bold;\n                display: flex;\n                justify-content: space-between;\n                width: 100%;\n            }\n\n            .image-gallery-overlay div.no-title {\n                justify-content: flex-end;\n            }\n\n            .image-gallery-overlay div span {\n                padding: 10px 20px;\n                background-color: rgba(255,255,255,.4);\n            }\n\n            .image-gallery-overlay .btn-previous,\n            .image-gallery-overlay .btn-next {\n                display: block;\n                position: absolute;\n                height: 40px;\n                width: 40px;\n                opacity: .7;\n                background-repeat: no-repeat;\n                background-position: center;\n                padding: 0;\n                margin: 15px;\n                background-color: rgba(0,0,0,.5);\n                border-radius: 50%;\n                transition: all ease-in-out .2s;\n            }\n            .image-gallery-overlay .btn-previous { left: 0; background-position-x: 12px; background-image: url("data:image/svg+xml;base64,'.concat(btoa(t.svgBackButton),'"); }\n            .image-gallery-overlay .btn-next { right: 0; background-position-x: 15px; background-image: url("data:image/svg+xml;base64,').concat(btoa(t.svgForwardButton),'"); }\n\n            .image-gallery-overlay .btn-previous:hover,\n            .image-gallery-overlay .btn-next:hover {\n                opacity: .5;\n            }\n\n            .image-gallery-overlay.mobile .btn-previous,\n            .image-gallery-overlay.mobile .btn-next,\n            .image-gallery-overlay.keyboard .btn-previous,\n            .image-gallery-overlay.keyboard .btn-next {\n                display: none;\n            }\n\n            @media (min-width: 1300px) {\n                .image-gallery-overlay div {\n                    left: calc((100% - 1300px) /2);\n                    right: auto;\n                    max-width: 1300px;\n                }\n            }\n\n            @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {\n                .image-gallery-overlay .image-gallery-loading,\n                .image-gallery-overlay .btn-previous,\n                .image-gallery-overlay .btn-next { margin-top: calc((100vh /2) - 35px); }\n            }\n        '),t.imageIndex=null,t.overlay=null,t.overlayImg=null,t.overlayTitle=null,t.overlayIndex=null,t.overlayLoading=null,t.overlayBackButton=null,t.overlayFowardButton=null,t.touchStartX=null,t.touchPinchToZoom=!1,t.touchPinchEndTime=null,t.loadingTimeoutId=null,t.loadingText=e.loadingText||"Loading...",t.loadingTimeout=e.loadingTimeout||2e3,t.loadedImages=new Set,t.startedFromKeyboard=!1,t.state={images:e.images},t}return t=o,(e=[{key:"onClick",value:function(e){var t=(t=e.target.src)||e.target.getAttribute("data-image");this.imageIndex=-1;for(var n=0,a=this.state.images.length;n<a;n++)if(this.state.images[n].thumbnail===t){this.imageIndex=n;break}this.checkSupportedFormats()}},{key:"onKeyDown",value:function(e){" "!==e.key&&"Spacebar"!==e.key||(null===this.overlay&&(this.startedFromKeyboard=!0,this.onClick(e)),e.preventDefault())}},{key:"loadCss",value:function(){var e=document.getElementById(this.overlayStyleId);null===e&&((e=document.createElement("style")).id=this.overlayStyleId,e.innerHTML=this.overlayStyleCss,document.head.appendChild(e))}},{key:"checkSupportedFormats",value:function(){var e,t,n;function a(){null!==g&&null!==h&&e()}null===g||null===h?(e=this.showOverlay,(t=new Image).onload=function(){g=1===t.width&&1===t.height,a()},t.onerror=function(){g=!1,a()},t.src="data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAABoAAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAEAAAABAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACJtZGF0EgAKCBgABogQEAwgMgwYAAAAUAAAALASmpg=",(n=new Image).onload=function(){h=1===n.width&&1===n.height,a()},n.onerror=function(){h=!1,a()},n.src="data:image/webp;base64,UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA"):this.showOverlay()}},{key:"showOverlay",value:function(){var e=this,t=this.getImage(this.state.images[this.imageIndex]),n=this.state.images[this.imageIndex].title,a=(this.loadCss(),this.overlay=document.createElement("div"),this.overlay.className="image-gallery-overlay"+(m?" mobile":"")+(this.startedFromKeyboard?" keyboard":""),this.overlayLoading=document.createElement("span"),this.overlayLoading.className="image-gallery-loading",this.overlayLoading.textContent=this.loadingText,this.overlayLoading.setAttribute("hidden",""),this.overlay.appendChild(this.overlayLoading),this.overlayBackButton=document.createElement("span"),this.overlayBackButton.className="btn-previous",this.overlayBackButton.setAttribute("role","button"),this.overlayBackButton.onclick=function(){e.changeImage("left")},this.overlayFowardButton=document.createElement("span"),this.overlayFowardButton.className="btn-next",this.overlayFowardButton.setAttribute("role","button"),this.overlayFowardButton.onclick=function(){e.changeImage("right")},this.overlay.appendChild(this.overlayBackButton),this.overlay.appendChild(this.overlayFowardButton),this.overlayImg=document.createElement("img"),this.overlayImg.addEventListener("load",function(){e.loadedImages.add(t),e.clearLoadingTimer(),null!==e.overlayLoading&&e.overlayLoading.setAttribute("hidden",""),e.preloadNextImages()}),this.overlayImg.src=t,this.overlay.appendChild(this.overlayImg),document.createElement("div"));this.overlayTitle=document.createElement("span"),this.overlayTitle.textContent=n,this.overlayTitle.style.display=n?"":"none",a.className=n?"":"no-title",a.appendChild(this.overlayTitle),this.overlayIndex=document.createElement("span"),this.overlayIndex.textContent="".concat(this.imageIndex+1,"/").concat(this.state.images.length),a.appendChild(this.overlayIndex),this.overlay.appendChild(a),this.addOverlayEvents(),document.documentElement.appendChild(this.overlay),document.querySelector("body").classList.add("blur"),this.startLoadingTimer()}},{key:"getImage",value:function(e){return void 0!==e.image_avif&&g?e.image_avif:void 0!==e.image_webp&&h?e.image_webp:e.image}},{key:"startLoadingTimer",value:function(){var e=this;this.clearLoadingTimer(),this.loadingTimeoutId=window.setTimeout(function(){(e.loadingTimeoutId=null)!==e.overlayLoading&&e.overlayLoading.removeAttribute("hidden")},this.loadingTimeout)}},{key:"clearLoadingTimer",value:function(){null!==this.loadingTimeoutId&&(window.clearTimeout(this.loadingTimeoutId),this.loadingTimeoutId=null)}},{key:"addOverlayEvents",value:function(){var a=this;this.overlay.onclick=function(e){if("ontouchstart"in window){var t=window.innerHeight,n=t/4;if(e.clientY>=n&&e.clientY<=t-n)return}e.target!==a.overlayBackButton&&e.target!==a.overlayFowardButton&&a.hideOverlay()},document.addEventListener("keydown",this.handleDocKeyDown),this.overlay.addEventListener("touchstart",function(e){a.touchStartX=e.changedTouches[0].screenX,2===e.touches.length&&(a.touchPinchToZoom=!0)},!!c&&{passive:!0}),this.overlay.addEventListener("touchend",function(e){if(a.touchPinchToZoom)return a.touchPinchEndTime=new Date,void(a.touchPinchToZoom=!1);a.touchPinchEndTime&&(new Date).getTime()-a.touchPinchEndTime.getTime()<=200||((e=e.changedTouches[0].screenX)>a.touchStartX?a.changeImage("left"):e<a.touchStartX&&a.changeImage("right"))})}},{key:"handleDocKeyDown",value:function(e){switch(e.key){case"ArrowLeft":case"Left":this.changeImage("left");break;case"ArrowRight":case"Right":this.changeImage("right");break;case"Escape":case"Esc":this.hideOverlay()}}},{key:"componentWillUnmount",value:function(){this.hideOverlay()}},{key:"hideOverlay",value:function(){this.clearLoadingTimer(),this.overlay.parentNode.removeChild(this.overlay),this.overlayBackButton=null,this.overlayFowardButton=null,this.overlayLoading=null,this.overlayIndex=null,this.overlayTitle=null,this.overlayImg=null,this.overlay=null,this.startedFromKeyboard=!1,document.removeEventListener("keydown",this.handleDocKeyDown),document.querySelector("body").classList.remove("blur")}},{key:"preloadNextImages",value:function(){var e,t,n,a,o=this;-1!==window.Image.toString().indexOf("[native code]")?(a=this.state.images.length,(t=-1===(t=this.imageIndex-1)?a-1:t)===this.imageIndex||(e=this.getImage(this.state.images[t]))&&!this.loadedImages.has(e)&&((t=new Image).onload=function(){o.loadedImages.add(e)},t.src=e),(t=(t=this.imageIndex+1)===a?0:t)===this.imageIndex||(n=this.getImage(this.state.images[t]))&&!this.loadedImages.has(n)&&((a=new Image).onload=function(){o.loadedImages.add(n)},a.src=n)):console.warn("Images for <ImageGallery> cannot be preloaded because the app defined a <Image> component that overwrote the browsers native [Image] class.")}},{key:"changeImage",value:function(e){var t=this.state.images.length,e=(this.imageIndex="right"===e?this.imageIndex===t-1?0:this.imageIndex+1:0===this.imageIndex?t-1:this.imageIndex-1,this.state.images[this.imageIndex].title);this.overlayImg.src="",this.overlayImg.src=this.getImage(this.state.images[this.imageIndex]),this.overlayTitle.textContent=e,this.overlayTitle.style.display=e?"":"none",this.overlayTitle.parentNode.className=e?"":"no-title",this.overlayIndex.textContent="".concat(this.imageIndex+1,"/").concat(t),this.startLoadingTimer()}},{key:"render",value:function(){var n=this,a=this.props.template,o=(void 0===a&&(a=void 0!==this.props.children?this.props.children:r.createElement(A)),parseInt(this.props.tabIndex,10)),i=window.isFinite(o);return this.state.images.map(function(e,t){t={key:t.toString()+"_"+e.thumbnail,onClick:n.onClick,onKeyDown:n.onKeyDown};return i&&(t.tabIndex=o,o++),r.cloneElement(a,Object.assign({},e,t))})}}])&&i(t.prototype,e),n&&i(t,n),Object.defineProperty(t,"prototype",{writable:!1}),o}(r.Component);window.ImageGallery=t}();
\ No newline at end of file
+!function(){"use strict";var r=void 0===window.React&&void 0!==window.preact?window.preact:window.React;function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function u(e,t){if(e=e,!(null!=(t=t)&&"undefined"!=typeof Symbol&&t[Symbol.hasInstance]?t[Symbol.hasInstance](e):e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function l(e,t){return(l=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function y(n){var a=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(e){return!1}}();return function(){var e,t=d(n),t=(e=a?(e=d(this).constructor,Reflect.construct(t,arguments,e)):t.apply(this,arguments),this);if(e&&("object"===o(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return s(t)}}function s(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function d(e){return(d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var c=!1;try{var e=Object.defineProperty({},"passive",{get:function(){return c=!0}});window.addEventListener("testPassive",null,e),window.removeEventListener("testPassive",null,e)}catch(e){}var m=-1<(e=window.navigator.userAgent.toLowerCase()).indexOf("android")||-1<e.indexOf("iphone")||-1<e.indexOf("ipad"),g=null,h=null;function A(e){return r.createElement("img",{src:e.thumbnail,alt:e.title,tabIndex:e.tabIndex,onClick:e.onClick,onKeyDown:e.onKeyDown,key:e.key,style:{cursor:"pointer"}})}var t=function(e){var t=o;if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&l(t,e);var n,a=y(o);function o(e){var t;if(u(this,o),(t=a.call(this,e)).onClick=t.onClick.bind(s(t)),t.onKeyDown=t.onKeyDown.bind(s(t)),t.handleDocKeyDown=t.handleDocKeyDown.bind(s(t)),t.preloadNextImages=t.preloadNextImages.bind(s(t)),t.showOverlay=t.showOverlay.bind(s(t)),t.hideOverlay=t.hideOverlay.bind(s(t)),t.changeImage=t.changeImage.bind(s(t)),void 0===e||void 0===e.images)throw new Error("Error - ImageGallery - Missing props or images from props. See examples for usage.");return t.svgForwardButton='<svg width="13" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M3.4.6L12 9c.4.4.6 1 .6 1.5a2 2 0 01-.6 1.5l-8.5 8.5a2 2 0 01-2.8-2.8l7.2-7.2L.6 3.4A2 2 0 013.4.6z" fill="#fff" fill-rule="evenodd"/></svg>',t.svgBackButton='<svg width="13" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M9 .6L.7 9a2 2 0 00-.6 1.5c0 .5.2 1.1.6 1.5L9 20.6a2 2 0 002.8-2.8l-7.2-7.2L12 3.4A2 2 0 009.1.6z" fill="#fff" fill-rule="evenodd"/></svg>',t.overlayStyleId="image-gallery-css",t.overlayStyleCss='\n            body.blur { filter: blur(3px); }\n\n            .image-gallery-overlay {\n                position: fixed;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                background-color: rgba(255,255,255,.8);\n                cursor: pointer;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                flex-direction: column;\n            }\n\n            .image-gallery-overlay .image-gallery-loading {\n                font-weight: bold;\n                padding: 10px 20px;\n                background-color: rgba(255,255,255,.4);\n                position: absolute;\n            }\n\n            .image-gallery-overlay img {\n                max-width: 100%;\n                max-height: 100%;\n                flex-shrink: 0;\n            }\n\n            .image-gallery-overlay div {\n                position: absolute;\n                bottom: 0;\n                left: 0;\n                right: 0;\n                z-index: 2;\n                font-weight: bold;\n                display: flex;\n                justify-content: space-between;\n                width: 100%;\n            }\n\n            .image-gallery-overlay div.no-title {\n                justify-content: flex-end;\n            }\n\n            .image-gallery-overlay div span {\n                padding: 10px 20px;\n                background-color: rgba(255,255,255,.4);\n            }\n\n            .image-gallery-overlay .btn-previous,\n            .image-gallery-overlay .btn-next {\n                display: block;\n                position: absolute;\n                height: 40px;\n                width: 40px;\n                opacity: .7;\n                background-repeat: no-repeat;\n                background-position: center;\n                padding: 0;\n                margin: 15px;\n                background-color: rgba(0,0,0,.5);\n                border-radius: 50%;\n                transition: all ease-in-out .2s;\n            }\n            .image-gallery-overlay .btn-previous { left: 0; background-position-x: 12px; background-image: url("data:image/svg+xml;base64,'.concat(btoa(t.svgBackButton),'"); }\n            .image-gallery-overlay .btn-next { right: 0; background-position-x: 15px; background-image: url("data:image/svg+xml;base64,').concat(btoa(t.svgForwardButton),'"); }\n\n            .image-gallery-overlay .btn-previous:hover,\n            .image-gallery-overlay .btn-next:hover {\n                opacity: .5;\n            }\n\n            .image-gallery-overlay.mobile .btn-previous,\n            .image-gallery-overlay.mobile .btn-next,\n            .image-gallery-overlay.keyboard .btn-previous,\n            .image-gallery-overlay.keyboard .btn-next {\n                display: none;\n            }\n\n            @media (min-width: 1300px) {\n                .image-gallery-overlay div {\n                    left: calc((100% - 1300px) /2);\n                    right: auto;\n                    max-width: 1300px;\n                }\n            }\n        '),-1!==navigator.userAgent.indexOf("Trident/")&&(t.overlayStyleCss+="\n                @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {\n                    .image-gallery-overlay .image-gallery-loading,\n                    .image-gallery-overlay .btn-previous,\n                    .image-gallery-overlay .btn-next { margin-top: calc((100vh /2) - 35px); }\n                }\n            "),t.imageIndex=null,t.overlay=null,t.overlayImg=null,t.overlayTitle=null,t.overlayIndex=null,t.overlayLoading=null,t.overlayBackButton=null,t.overlayFowardButton=null,t.touchStartX=null,t.touchPinchToZoom=!1,t.touchPinchEndTime=null,t.loadingTimeoutId=null,t.loadingText=e.loadingText||"Loading...",t.loadingTimeout=e.loadingTimeout||2e3,t.loadedImages=new Set,t.startedFromKeyboard=!1,t.state={images:e.images},t}return t=o,(e=[{key:"onClick",value:function(e){var t=(t=e.target.src)||e.target.getAttribute("data-image");this.imageIndex=-1;for(var n=0,a=this.state.images.length;n<a;n++)if(this.state.images[n].thumbnail===t){this.imageIndex=n;break}this.checkSupportedFormats()}},{key:"onKeyDown",value:function(e){" "!==e.key&&"Spacebar"!==e.key||(null===this.overlay&&(this.startedFromKeyboard=!0,this.onClick(e)),e.preventDefault())}},{key:"loadCss",value:function(){var e=document.getElementById(this.overlayStyleId);null===e&&((e=document.createElement("style")).id=this.overlayStyleId,e.innerHTML=this.overlayStyleCss,document.head.appendChild(e))}},{key:"checkSupportedFormats",value:function(){var e,t,n;function a(){null!==g&&null!==h&&e()}null===g||null===h?(e=this.showOverlay,(t=new Image).onload=function(){g=1===t.width&&1===t.height,a()},t.onerror=function(){g=!1,a()},t.src="data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAABoAAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAEAAAABAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACJtZGF0EgAKCBgABogQEAwgMgwYAAAAUAAAALASmpg=",(n=new Image).onload=function(){h=1===n.width&&1===n.height,a()},n.onerror=function(){h=!1,a()},n.src="data:image/webp;base64,UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA"):this.showOverlay()}},{key:"showOverlay",value:function(){var e=this,t=this.getImage(this.state.images[this.imageIndex]),n=this.state.images[this.imageIndex].title,a=(this.loadCss(),this.overlay=document.createElement("div"),this.overlay.className="image-gallery-overlay"+(m?" mobile":"")+(this.startedFromKeyboard?" keyboard":""),this.overlayLoading=document.createElement("span"),this.overlayLoading.className="image-gallery-loading",this.overlayLoading.textContent=this.loadingText,this.overlayLoading.setAttribute("hidden",""),this.overlay.appendChild(this.overlayLoading),this.overlayBackButton=document.createElement("span"),this.overlayBackButton.className="btn-previous",this.overlayBackButton.setAttribute("role","button"),this.overlayBackButton.onclick=function(){e.changeImage("left")},this.overlayFowardButton=document.createElement("span"),this.overlayFowardButton.className="btn-next",this.overlayFowardButton.setAttribute("role","button"),this.overlayFowardButton.onclick=function(){e.changeImage("right")},this.overlay.appendChild(this.overlayBackButton),this.overlay.appendChild(this.overlayFowardButton),this.overlayImg=document.createElement("img"),this.overlayImg.addEventListener("load",function(){e.loadedImages.add(t),e.clearLoadingTimer(),null!==e.overlayLoading&&e.overlayLoading.setAttribute("hidden",""),e.preloadNextImages()}),this.overlayImg.src=t,this.overlay.appendChild(this.overlayImg),document.createElement("div"));this.overlayTitle=document.createElement("span"),this.overlayTitle.textContent=n,this.overlayTitle.style.display=n?"":"none",a.className=n?"":"no-title",a.appendChild(this.overlayTitle),this.overlayIndex=document.createElement("span"),this.overlayIndex.textContent="".concat(this.imageIndex+1,"/").concat(this.state.images.length),a.appendChild(this.overlayIndex),this.overlay.appendChild(a),this.addOverlayEvents(),document.documentElement.appendChild(this.overlay),document.querySelector("body").classList.add("blur"),this.startLoadingTimer()}},{key:"getImage",value:function(e){return void 0!==e.image_avif&&g?e.image_avif:void 0!==e.image_webp&&h?e.image_webp:e.image}},{key:"startLoadingTimer",value:function(){var e=this;this.clearLoadingTimer(),this.loadingTimeoutId=window.setTimeout(function(){(e.loadingTimeoutId=null)!==e.overlayLoading&&e.overlayLoading.removeAttribute("hidden")},this.loadingTimeout)}},{key:"clearLoadingTimer",value:function(){null!==this.loadingTimeoutId&&(window.clearTimeout(this.loadingTimeoutId),this.loadingTimeoutId=null)}},{key:"addOverlayEvents",value:function(){var a=this;this.overlay.onclick=function(e){if("ontouchstart"in window){var t=window.innerHeight,n=t/4;if(e.clientY>=n&&e.clientY<=t-n)return}e.target!==a.overlayBackButton&&e.target!==a.overlayFowardButton&&a.hideOverlay()},document.addEventListener("keydown",this.handleDocKeyDown),this.overlay.addEventListener("touchstart",function(e){a.touchStartX=e.changedTouches[0].screenX,2===e.touches.length&&(a.touchPinchToZoom=!0)},!!c&&{passive:!0}),this.overlay.addEventListener("touchend",function(e){if(a.touchPinchToZoom)return a.touchPinchEndTime=new Date,void(a.touchPinchToZoom=!1);a.touchPinchEndTime&&(new Date).getTime()-a.touchPinchEndTime.getTime()<=200||((e=e.changedTouches[0].screenX)>a.touchStartX?a.changeImage("left"):e<a.touchStartX&&a.changeImage("right"))})}},{key:"handleDocKeyDown",value:function(e){switch(e.key){case"ArrowLeft":case"Left":this.changeImage("left");break;case"ArrowRight":case"Right":this.changeImage("right");break;case"Escape":case"Esc":this.hideOverlay()}}},{key:"componentWillUnmount",value:function(){this.hideOverlay()}},{key:"hideOverlay",value:function(){this.clearLoadingTimer(),this.overlay.parentNode.removeChild(this.overlay),this.overlayBackButton=null,this.overlayFowardButton=null,this.overlayLoading=null,this.overlayIndex=null,this.overlayTitle=null,this.overlayImg=null,this.overlay=null,this.startedFromKeyboard=!1,document.removeEventListener("keydown",this.handleDocKeyDown),document.querySelector("body").classList.remove("blur")}},{key:"preloadNextImages",value:function(){var e,t,n,a,o=this;-1!==window.Image.toString().indexOf("[native code]")?(a=this.state.images.length,(t=-1===(t=this.imageIndex-1)?a-1:t)===this.imageIndex||(e=this.getImage(this.state.images[t]))&&!this.loadedImages.has(e)&&((t=new Image).onload=function(){o.loadedImages.add(e)},t.src=e),(t=(t=this.imageIndex+1)===a?0:t)===this.imageIndex||(n=this.getImage(this.state.images[t]))&&!this.loadedImages.has(n)&&((a=new Image).onload=function(){o.loadedImages.add(n)},a.src=n)):console.warn("Images for <ImageGallery> cannot be preloaded because the app defined a <Image> component that overwrote the browsers native [Image] class.")}},{key:"changeImage",value:function(e){var t=this.state.images.length,e=(this.imageIndex="right"===e?this.imageIndex===t-1?0:this.imageIndex+1:0===this.imageIndex?t-1:this.imageIndex-1,this.state.images[this.imageIndex].title);this.overlayImg.src="",this.overlayImg.src=this.getImage(this.state.images[this.imageIndex]),this.overlayTitle.textContent=e,this.overlayTitle.style.display=e?"":"none",this.overlayTitle.parentNode.className=e?"":"no-title",this.overlayIndex.textContent="".concat(this.imageIndex+1,"/").concat(t),this.startLoadingTimer()}},{key:"render",value:function(){var n=this,a=this.props.template,o=(void 0===a&&(a=void 0!==this.props.children?this.props.children:r.createElement(A)),parseInt(this.props.tabIndex,10)),i=window.isFinite(o);return this.state.images.map(function(e,t){t={key:t.toString()+"_"+e.thumbnail,onClick:n.onClick,onKeyDown:n.onKeyDown};return i&&(t.tabIndex=o,o++),r.cloneElement(a,Object.assign({},e,t))})}}])&&i(t.prototype,e),n&&i(t,n),Object.defineProperty(t,"prototype",{writable:!1}),o}(r.Component);window.ImageGallery=t}();
\ No newline at end of file
diff --git a/js/react/es6/DataFormsJS.min.js b/js/react/es6/DataFormsJS.min.js
index 71a0df6..015242c 100644
--- a/js/react/es6/DataFormsJS.min.js
+++ b/js/react/es6/DataFormsJS.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.14.4
+// @version 5.14.5
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
 const cachedValues={};window.Cache = class Cache{static get(e,a){return void 0===cachedValues[e]?a:cachedValues[e]}static set(e,a){cachedValues[e]=a}};
diff --git a/js/react/es6/ImageGallery.min.js b/js/react/es6/ImageGallery.min.js
index d0d103e..2ac1caf 100644
--- a/js/react/es6/ImageGallery.min.js
+++ b/js/react/es6/ImageGallery.min.js
@@ -1 +1 @@
-let _supportsPassive=!1;try{const e=Object.defineProperty({},"passive",{get:function(){return _supportsPassive=!0,!0}});window.addEventListener("testPassive",null,e),window.removeEventListener("testPassive",null,e)}catch(e){}const isMobile=(()=>{const e=window.navigator.userAgent.toLowerCase();return e.indexOf("android")>-1||e.indexOf("iphone")>-1||e.indexOf("ipad")>-1})();let supportsAvif=null,supportsWebp=null;function BasicImage(e){return React.createElement("img",{src:e.thumbnail,alt:e.title,tabIndex:e.tabIndex,onClick:e.onClick,onKeyDown:e.onKeyDown,key:e.key,style:{cursor:"pointer"}})}window.ImageGallery = class ImageGallery extends React.Component{constructor(e){if(super(e),this.onClick=this.onClick.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this.handleDocKeyDown=this.handleDocKeyDown.bind(this),this.preloadNextImages=this.preloadNextImages.bind(this),this.showOverlay=this.showOverlay.bind(this),this.hideOverlay=this.hideOverlay.bind(this),this.changeImage=this.changeImage.bind(this),void 0===e||void 0===e.images)throw new Error("Error - ImageGallery - Missing props or images from props. See examples for usage.");this.svgForwardButton='<svg width="13" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M3.4.6L12 9c.4.4.6 1 .6 1.5a2 2 0 01-.6 1.5l-8.5 8.5a2 2 0 01-2.8-2.8l7.2-7.2L.6 3.4A2 2 0 013.4.6z" fill="#fff" fill-rule="evenodd"/></svg>',this.svgBackButton='<svg width="13" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M9 .6L.7 9a2 2 0 00-.6 1.5c0 .5.2 1.1.6 1.5L9 20.6a2 2 0 002.8-2.8l-7.2-7.2L12 3.4A2 2 0 009.1.6z" fill="#fff" fill-rule="evenodd"/></svg>',this.overlayStyleId="image-gallery-css",this.overlayStyleCss=`\n            body.blur { filter: blur(3px); }\n\n            .image-gallery-overlay {\n                position: fixed;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                background-color: rgba(255,255,255,.8);\n                cursor: pointer;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                flex-direction: column;\n            }\n\n            .image-gallery-overlay .image-gallery-loading {\n                font-weight: bold;\n                padding: 10px 20px;\n                background-color: rgba(255,255,255,.4);\n                position: absolute;\n            }\n\n            .image-gallery-overlay img {\n                max-width: 100%;\n                max-height: 100%;\n                flex-shrink: 0;\n            }\n\n            .image-gallery-overlay div {\n                position: absolute;\n                bottom: 0;\n                left: 0;\n                right: 0;\n                z-index: 2;\n                font-weight: bold;\n                display: flex;\n                justify-content: space-between;\n                width: 100%;\n            }\n\n            .image-gallery-overlay div.no-title {\n                justify-content: flex-end;\n            }\n\n            .image-gallery-overlay div span {\n                padding: 10px 20px;\n                background-color: rgba(255,255,255,.4);\n            }\n\n            .image-gallery-overlay .btn-previous,\n            .image-gallery-overlay .btn-next {\n                display: block;\n                position: absolute;\n                height: 40px;\n                width: 40px;\n                opacity: .7;\n                background-repeat: no-repeat;\n                background-position: center;\n                padding: 0;\n                margin: 15px;\n                background-color: rgba(0,0,0,.5);\n                border-radius: 50%;\n                transition: all ease-in-out .2s;\n            }\n            .image-gallery-overlay .btn-previous { left: 0; background-position-x: 12px; background-image: url("data:image/svg+xml;base64,${btoa(this.svgBackButton)}"); }\n            .image-gallery-overlay .btn-next { right: 0; background-position-x: 15px; background-image: url("data:image/svg+xml;base64,${btoa(this.svgForwardButton)}"); }\n\n            .image-gallery-overlay .btn-previous:hover,\n            .image-gallery-overlay .btn-next:hover {\n                opacity: .5;\n            }\n\n            .image-gallery-overlay.mobile .btn-previous,\n            .image-gallery-overlay.mobile .btn-next,\n            .image-gallery-overlay.keyboard .btn-previous,\n            .image-gallery-overlay.keyboard .btn-next {\n                display: none;\n            }\n\n            @media (min-width: 1300px) {\n                .image-gallery-overlay div {\n                    left: calc((100% - 1300px) /2);\n                    right: auto;\n                    max-width: 1300px;\n                }\n            }\n\n            @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {\n                .image-gallery-overlay .image-gallery-loading,\n                .image-gallery-overlay .btn-previous,\n                .image-gallery-overlay .btn-next { margin-top: calc((100vh /2) - 35px); }\n            }\n        `,this.imageIndex=null,this.overlay=null,this.overlayImg=null,this.overlayTitle=null,this.overlayIndex=null,this.overlayLoading=null,this.overlayBackButton=null,this.overlayFowardButton=null,this.touchStartX=null,this.touchPinchToZoom=!1,this.touchPinchEndTime=null,this.loadingTimeoutId=null,this.loadingText=e.loadingText?e.loadingText:"Loading...",this.loadingTimeout=e.loadingTimeout?e.loadingTimeout:2e3,this.loadedImages=new Set,this.startedFromKeyboard=!1,this.state={images:e.images}}onClick(e){let t=e.target.src;t||(t=e.target.getAttribute("data-image")),this.imageIndex=-1;for(let e=0,i=this.state.images.length;e<i;e++)if(this.state.images[e].thumbnail===t){this.imageIndex=e;break}this.checkSupportedFormats()}onKeyDown(e){" "!==e.key&&"Spacebar"!==e.key||(null===this.overlay&&(this.startedFromKeyboard=!0,this.onClick(e)),e.preventDefault())}loadCss(){let e=document.getElementById(this.overlayStyleId);null===e&&(e=document.createElement("style"),e.id=this.overlayStyleId,e.innerHTML=this.overlayStyleCss,document.head.appendChild(e))}checkSupportedFormats(){if(null!==supportsAvif&&null!==supportsWebp)return void this.showOverlay();const e=this.showOverlay;function t(){null===supportsAvif||null===supportsWebp||e()}const i=new Image;i.onload=()=>{supportsAvif=1===i.width&&1===i.height,t()},i.onerror=()=>{supportsAvif=!1,t()},i.src="data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAABoAAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAEAAAABAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACJtZGF0EgAKCBgABogQEAwgMgwYAAAAUAAAALASmpg=";const a=new Image;a.onload=()=>{supportsWebp=1===a.width&&1===a.height,t()},a.onerror=()=>{supportsWebp=!1,t()},a.src="data:image/webp;base64,UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA"}showOverlay(){const e=this.getImage(this.state.images[this.imageIndex]),t=this.state.images[this.imageIndex].title;this.loadCss(),this.overlay=document.createElement("div"),this.overlay.className="image-gallery-overlay"+(isMobile?" mobile":"")+(this.startedFromKeyboard?" keyboard":""),this.overlayLoading=document.createElement("span"),this.overlayLoading.className="image-gallery-loading",this.overlayLoading.textContent=this.loadingText,this.overlayLoading.setAttribute("hidden",""),this.overlay.appendChild(this.overlayLoading),this.overlayBackButton=document.createElement("span"),this.overlayBackButton.className="btn-previous",this.overlayBackButton.setAttribute("role","button"),this.overlayBackButton.onclick=()=>{this.changeImage("left")},this.overlayFowardButton=document.createElement("span"),this.overlayFowardButton.className="btn-next",this.overlayFowardButton.setAttribute("role","button"),this.overlayFowardButton.onclick=()=>{this.changeImage("right")},this.overlay.appendChild(this.overlayBackButton),this.overlay.appendChild(this.overlayFowardButton),this.overlayImg=document.createElement("img"),this.overlayImg.addEventListener("load",(()=>{this.loadedImages.add(e),this.clearLoadingTimer(),null!==this.overlayLoading&&this.overlayLoading.setAttribute("hidden",""),this.preloadNextImages()})),this.overlayImg.src=e,this.overlay.appendChild(this.overlayImg);const i=document.createElement("div");this.overlayTitle=document.createElement("span"),this.overlayTitle.textContent=t,this.overlayTitle.style.display=t?"":"none",i.className=t?"":"no-title",i.appendChild(this.overlayTitle),this.overlayIndex=document.createElement("span"),this.overlayIndex.textContent=`${this.imageIndex+1}/${this.state.images.length}`,i.appendChild(this.overlayIndex),this.overlay.appendChild(i),this.addOverlayEvents(),document.documentElement.appendChild(this.overlay),document.querySelector("body").classList.add("blur"),this.startLoadingTimer()}getImage(e){return void 0!==e.image_avif&&supportsAvif?e.image_avif:void 0!==e.image_webp&&supportsWebp?e.image_webp:e.image}startLoadingTimer(){this.clearLoadingTimer(),this.loadingTimeoutId=window.setTimeout((()=>{this.loadingTimeoutId=null,null!==this.overlayLoading&&this.overlayLoading.removeAttribute("hidden")}),this.loadingTimeout)}clearLoadingTimer(){null!==this.loadingTimeoutId&&(window.clearTimeout(this.loadingTimeoutId),this.loadingTimeoutId=null)}addOverlayEvents(){this.overlay.onclick=e=>{if("ontouchstart"in window){const t=window.innerHeight,i=t/4,a=t-i;if(e.clientY>=i&&e.clientY<=a)return}e.target!==this.overlayBackButton&&e.target!==this.overlayFowardButton&&this.hideOverlay()},document.addEventListener("keydown",this.handleDocKeyDown),this.overlay.addEventListener("touchstart",(e=>{this.touchStartX=e.changedTouches[0].screenX,2===e.touches.length&&(this.touchPinchToZoom=!0)}),!!_supportsPassive&&{passive:!0}),this.overlay.addEventListener("touchend",(e=>{if(this.touchPinchToZoom)return this.touchPinchEndTime=new Date,void(this.touchPinchToZoom=!1);if(!(this.touchPinchEndTime&&(new Date).getTime()-this.touchPinchEndTime.getTime()<=200)){var t=e.changedTouches[0].screenX;t>this.touchStartX?this.changeImage("left"):t<this.touchStartX&&this.changeImage("right")}}))}handleDocKeyDown(e){switch(e.key){case"ArrowLeft":case"Left":this.changeImage("left");break;case"ArrowRight":case"Right":this.changeImage("right");break;case"Escape":case"Esc":this.hideOverlay()}}componentWillUnmount(){this.hideOverlay()}hideOverlay(){this.clearLoadingTimer(),this.overlay.parentNode.removeChild(this.overlay),this.overlayBackButton=null,this.overlayFowardButton=null,this.overlayLoading=null,this.overlayIndex=null,this.overlayTitle=null,this.overlayImg=null,this.overlay=null,this.startedFromKeyboard=!1,document.removeEventListener("keydown",this.handleDocKeyDown),document.querySelector("body").classList.remove("blur")}preloadNextImages(){if(-1===window.Image.toString().indexOf("[native code]"))return void console.warn("Images for <ImageGallery> cannot be preloaded because the app defined a <Image> component that overwrote the browsers native [Image] class.");const e=this.state.images.length;let t=this.imageIndex-1;if(-1===t&&(t=e-1),t!==this.imageIndex){const e=this.getImage(this.state.images[t]);if(e&&!this.loadedImages.has(e)){const t=new Image;t.onload=()=>{this.loadedImages.add(e)},t.src=e}}let i=this.imageIndex+1;if(i===e&&(i=0),i!==this.imageIndex){const e=this.getImage(this.state.images[i]);if(e&&!this.loadedImages.has(e)){const t=new Image;t.onload=()=>{this.loadedImages.add(e)},t.src=e}}}changeImage(e){const t=this.state.images.length;this.imageIndex="right"===e?this.imageIndex===t-1?0:this.imageIndex+1:0===this.imageIndex?t-1:this.imageIndex-1;const i=this.state.images[this.imageIndex].title;this.overlayImg.src="",this.overlayImg.src=this.getImage(this.state.images[this.imageIndex]),this.overlayTitle.textContent=i,this.overlayTitle.style.display=i?"":"none",this.overlayTitle.parentNode.className=i?"":"no-title",this.overlayIndex.textContent=`${this.imageIndex+1}/${t}`,this.startLoadingTimer()}render(){let e=this.props.template;void 0===e&&(e=void 0!==this.props.children?this.props.children:React.createElement(BasicImage));let t=parseInt(this.props.tabIndex,10);const i=window.isFinite(t);return this.state.images.map(((a,n)=>{const o={key:n.toString()+"_"+a.thumbnail,onClick:this.onClick,onKeyDown:this.onKeyDown};return i&&(o.tabIndex=t,t++),React.cloneElement(e,Object.assign({},a,o))}))}}
\ No newline at end of file
+let _supportsPassive=!1;try{const e=Object.defineProperty({},"passive",{get:function(){return _supportsPassive=!0,!0}});window.addEventListener("testPassive",null,e),window.removeEventListener("testPassive",null,e)}catch(e){}const isMobile=(()=>{const e=window.navigator.userAgent.toLowerCase();return e.indexOf("android")>-1||e.indexOf("iphone")>-1||e.indexOf("ipad")>-1})();let supportsAvif=null,supportsWebp=null;function BasicImage(e){return React.createElement("img",{src:e.thumbnail,alt:e.title,tabIndex:e.tabIndex,onClick:e.onClick,onKeyDown:e.onKeyDown,key:e.key,style:{cursor:"pointer"}})}window.ImageGallery = class ImageGallery extends React.Component{constructor(e){if(super(e),this.onClick=this.onClick.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this.handleDocKeyDown=this.handleDocKeyDown.bind(this),this.preloadNextImages=this.preloadNextImages.bind(this),this.showOverlay=this.showOverlay.bind(this),this.hideOverlay=this.hideOverlay.bind(this),this.changeImage=this.changeImage.bind(this),void 0===e||void 0===e.images)throw new Error("Error - ImageGallery - Missing props or images from props. See examples for usage.");this.svgForwardButton='<svg width="13" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M3.4.6L12 9c.4.4.6 1 .6 1.5a2 2 0 01-.6 1.5l-8.5 8.5a2 2 0 01-2.8-2.8l7.2-7.2L.6 3.4A2 2 0 013.4.6z" fill="#fff" fill-rule="evenodd"/></svg>',this.svgBackButton='<svg width="13" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M9 .6L.7 9a2 2 0 00-.6 1.5c0 .5.2 1.1.6 1.5L9 20.6a2 2 0 002.8-2.8l-7.2-7.2L12 3.4A2 2 0 009.1.6z" fill="#fff" fill-rule="evenodd"/></svg>',this.overlayStyleId="image-gallery-css",this.overlayStyleCss=`\n            body.blur { filter: blur(3px); }\n\n            .image-gallery-overlay {\n                position: fixed;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                background-color: rgba(255,255,255,.8);\n                cursor: pointer;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                flex-direction: column;\n            }\n\n            .image-gallery-overlay .image-gallery-loading {\n                font-weight: bold;\n                padding: 10px 20px;\n                background-color: rgba(255,255,255,.4);\n                position: absolute;\n            }\n\n            .image-gallery-overlay img {\n                max-width: 100%;\n                max-height: 100%;\n                flex-shrink: 0;\n            }\n\n            .image-gallery-overlay div {\n                position: absolute;\n                bottom: 0;\n                left: 0;\n                right: 0;\n                z-index: 2;\n                font-weight: bold;\n                display: flex;\n                justify-content: space-between;\n                width: 100%;\n            }\n\n            .image-gallery-overlay div.no-title {\n                justify-content: flex-end;\n            }\n\n            .image-gallery-overlay div span {\n                padding: 10px 20px;\n                background-color: rgba(255,255,255,.4);\n            }\n\n            .image-gallery-overlay .btn-previous,\n            .image-gallery-overlay .btn-next {\n                display: block;\n                position: absolute;\n                height: 40px;\n                width: 40px;\n                opacity: .7;\n                background-repeat: no-repeat;\n                background-position: center;\n                padding: 0;\n                margin: 15px;\n                background-color: rgba(0,0,0,.5);\n                border-radius: 50%;\n                transition: all ease-in-out .2s;\n            }\n            .image-gallery-overlay .btn-previous { left: 0; background-position-x: 12px; background-image: url("data:image/svg+xml;base64,${btoa(this.svgBackButton)}"); }\n            .image-gallery-overlay .btn-next { right: 0; background-position-x: 15px; background-image: url("data:image/svg+xml;base64,${btoa(this.svgForwardButton)}"); }\n\n            .image-gallery-overlay .btn-previous:hover,\n            .image-gallery-overlay .btn-next:hover {\n                opacity: .5;\n            }\n\n            .image-gallery-overlay.mobile .btn-previous,\n            .image-gallery-overlay.mobile .btn-next,\n            .image-gallery-overlay.keyboard .btn-previous,\n            .image-gallery-overlay.keyboard .btn-next {\n                display: none;\n            }\n\n            @media (min-width: 1300px) {\n                .image-gallery-overlay div {\n                    left: calc((100% - 1300px) /2);\n                    right: auto;\n                    max-width: 1300px;\n                }\n            }\n        `,-1!==navigator.userAgent.indexOf("Trident/")&&(this.overlayStyleCss+="\n                @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {\n                    .image-gallery-overlay .image-gallery-loading,\n                    .image-gallery-overlay .btn-previous,\n                    .image-gallery-overlay .btn-next { margin-top: calc((100vh /2) - 35px); }\n                }\n            "),this.imageIndex=null,this.overlay=null,this.overlayImg=null,this.overlayTitle=null,this.overlayIndex=null,this.overlayLoading=null,this.overlayBackButton=null,this.overlayFowardButton=null,this.touchStartX=null,this.touchPinchToZoom=!1,this.touchPinchEndTime=null,this.loadingTimeoutId=null,this.loadingText=e.loadingText?e.loadingText:"Loading...",this.loadingTimeout=e.loadingTimeout?e.loadingTimeout:2e3,this.loadedImages=new Set,this.startedFromKeyboard=!1,this.state={images:e.images}}onClick(e){let t=e.target.src;t||(t=e.target.getAttribute("data-image")),this.imageIndex=-1;for(let e=0,i=this.state.images.length;e<i;e++)if(this.state.images[e].thumbnail===t){this.imageIndex=e;break}this.checkSupportedFormats()}onKeyDown(e){" "!==e.key&&"Spacebar"!==e.key||(null===this.overlay&&(this.startedFromKeyboard=!0,this.onClick(e)),e.preventDefault())}loadCss(){let e=document.getElementById(this.overlayStyleId);null===e&&(e=document.createElement("style"),e.id=this.overlayStyleId,e.innerHTML=this.overlayStyleCss,document.head.appendChild(e))}checkSupportedFormats(){if(null!==supportsAvif&&null!==supportsWebp)return void this.showOverlay();const e=this.showOverlay;function t(){null===supportsAvif||null===supportsWebp||e()}const i=new Image;i.onload=()=>{supportsAvif=1===i.width&&1===i.height,t()},i.onerror=()=>{supportsAvif=!1,t()},i.src="data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAABoAAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAEAAAABAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACJtZGF0EgAKCBgABogQEAwgMgwYAAAAUAAAALASmpg=";const a=new Image;a.onload=()=>{supportsWebp=1===a.width&&1===a.height,t()},a.onerror=()=>{supportsWebp=!1,t()},a.src="data:image/webp;base64,UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA"}showOverlay(){const e=this.getImage(this.state.images[this.imageIndex]),t=this.state.images[this.imageIndex].title;this.loadCss(),this.overlay=document.createElement("div"),this.overlay.className="image-gallery-overlay"+(isMobile?" mobile":"")+(this.startedFromKeyboard?" keyboard":""),this.overlayLoading=document.createElement("span"),this.overlayLoading.className="image-gallery-loading",this.overlayLoading.textContent=this.loadingText,this.overlayLoading.setAttribute("hidden",""),this.overlay.appendChild(this.overlayLoading),this.overlayBackButton=document.createElement("span"),this.overlayBackButton.className="btn-previous",this.overlayBackButton.setAttribute("role","button"),this.overlayBackButton.onclick=()=>{this.changeImage("left")},this.overlayFowardButton=document.createElement("span"),this.overlayFowardButton.className="btn-next",this.overlayFowardButton.setAttribute("role","button"),this.overlayFowardButton.onclick=()=>{this.changeImage("right")},this.overlay.appendChild(this.overlayBackButton),this.overlay.appendChild(this.overlayFowardButton),this.overlayImg=document.createElement("img"),this.overlayImg.addEventListener("load",(()=>{this.loadedImages.add(e),this.clearLoadingTimer(),null!==this.overlayLoading&&this.overlayLoading.setAttribute("hidden",""),this.preloadNextImages()})),this.overlayImg.src=e,this.overlay.appendChild(this.overlayImg);const i=document.createElement("div");this.overlayTitle=document.createElement("span"),this.overlayTitle.textContent=t,this.overlayTitle.style.display=t?"":"none",i.className=t?"":"no-title",i.appendChild(this.overlayTitle),this.overlayIndex=document.createElement("span"),this.overlayIndex.textContent=`${this.imageIndex+1}/${this.state.images.length}`,i.appendChild(this.overlayIndex),this.overlay.appendChild(i),this.addOverlayEvents(),document.documentElement.appendChild(this.overlay),document.querySelector("body").classList.add("blur"),this.startLoadingTimer()}getImage(e){return void 0!==e.image_avif&&supportsAvif?e.image_avif:void 0!==e.image_webp&&supportsWebp?e.image_webp:e.image}startLoadingTimer(){this.clearLoadingTimer(),this.loadingTimeoutId=window.setTimeout((()=>{this.loadingTimeoutId=null,null!==this.overlayLoading&&this.overlayLoading.removeAttribute("hidden")}),this.loadingTimeout)}clearLoadingTimer(){null!==this.loadingTimeoutId&&(window.clearTimeout(this.loadingTimeoutId),this.loadingTimeoutId=null)}addOverlayEvents(){this.overlay.onclick=e=>{if("ontouchstart"in window){const t=window.innerHeight,i=t/4,a=t-i;if(e.clientY>=i&&e.clientY<=a)return}e.target!==this.overlayBackButton&&e.target!==this.overlayFowardButton&&this.hideOverlay()},document.addEventListener("keydown",this.handleDocKeyDown),this.overlay.addEventListener("touchstart",(e=>{this.touchStartX=e.changedTouches[0].screenX,2===e.touches.length&&(this.touchPinchToZoom=!0)}),!!_supportsPassive&&{passive:!0}),this.overlay.addEventListener("touchend",(e=>{if(this.touchPinchToZoom)return this.touchPinchEndTime=new Date,void(this.touchPinchToZoom=!1);if(!(this.touchPinchEndTime&&(new Date).getTime()-this.touchPinchEndTime.getTime()<=200)){var t=e.changedTouches[0].screenX;t>this.touchStartX?this.changeImage("left"):t<this.touchStartX&&this.changeImage("right")}}))}handleDocKeyDown(e){switch(e.key){case"ArrowLeft":case"Left":this.changeImage("left");break;case"ArrowRight":case"Right":this.changeImage("right");break;case"Escape":case"Esc":this.hideOverlay()}}componentWillUnmount(){this.hideOverlay()}hideOverlay(){this.clearLoadingTimer(),this.overlay.parentNode.removeChild(this.overlay),this.overlayBackButton=null,this.overlayFowardButton=null,this.overlayLoading=null,this.overlayIndex=null,this.overlayTitle=null,this.overlayImg=null,this.overlay=null,this.startedFromKeyboard=!1,document.removeEventListener("keydown",this.handleDocKeyDown),document.querySelector("body").classList.remove("blur")}preloadNextImages(){if(-1===window.Image.toString().indexOf("[native code]"))return void console.warn("Images for <ImageGallery> cannot be preloaded because the app defined a <Image> component that overwrote the browsers native [Image] class.");const e=this.state.images.length;let t=this.imageIndex-1;if(-1===t&&(t=e-1),t!==this.imageIndex){const e=this.getImage(this.state.images[t]);if(e&&!this.loadedImages.has(e)){const t=new Image;t.onload=()=>{this.loadedImages.add(e)},t.src=e}}let i=this.imageIndex+1;if(i===e&&(i=0),i!==this.imageIndex){const e=this.getImage(this.state.images[i]);if(e&&!this.loadedImages.has(e)){const t=new Image;t.onload=()=>{this.loadedImages.add(e)},t.src=e}}}changeImage(e){const t=this.state.images.length;this.imageIndex="right"===e?this.imageIndex===t-1?0:this.imageIndex+1:0===this.imageIndex?t-1:this.imageIndex-1;const i=this.state.images[this.imageIndex].title;this.overlayImg.src="",this.overlayImg.src=this.getImage(this.state.images[this.imageIndex]),this.overlayTitle.textContent=i,this.overlayTitle.style.display=i?"":"none",this.overlayTitle.parentNode.className=i?"":"no-title",this.overlayIndex.textContent=`${this.imageIndex+1}/${t}`,this.startLoadingTimer()}render(){let e=this.props.template;void 0===e&&(e=void 0!==this.props.children?this.props.children:React.createElement(BasicImage));let t=parseInt(this.props.tabIndex,10);const i=window.isFinite(t);return this.state.images.map(((a,n)=>{const o={key:n.toString()+"_"+a.thumbnail,onClick:this.onClick,onKeyDown:this.onKeyDown};return i&&(o.tabIndex=t,t++),React.cloneElement(e,Object.assign({},a,o))}))}}
\ No newline at end of file
diff --git a/js/react/jsxLoader.js b/js/react/jsxLoader.js
index ed4a46d..462b643 100644
--- a/js/react/jsxLoader.js
+++ b/js/react/jsxLoader.js
@@ -1760,7 +1760,7 @@
      * Add Build Version
      * For new releases this gets updated automatically by [scripts/build.js].
      */
-    Object.defineProperty(jsxLoader, 'version', { value: '5.14.4', enumerable: true });
+    Object.defineProperty(jsxLoader, 'version', { value: '5.14.5', enumerable: true });
 
     /**
      * Optional Node Support. Additionally if using webpack or a bundler is being used
diff --git a/js/react/jsxLoader.min.js b/js/react/jsxLoader.min.js
index 7df7d2a..0b76700 100644
--- a/js/react/jsxLoader.min.js
+++ b/js/react/jsxLoader.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.14.4
+// @version 5.14.5
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
-!function(){"use strict";for(var P={js:0,e_start:1,e_end:2,e_prop:3,e_value:4,e_child_text:5,e_child_js:6,e_child_whitespace:7,e_child_js_start:8,e_child_js_end:9},L={program:0,js:1,createElement:2},e=[P,L],t=0,r=e.length;t<r;t++){var n,a=e[t];for(n in a)a.hasOwnProperty(n)&&(a[n]=n)}var _={polyfillUrl:"https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?version=4.8.0&features=Array.from,Array.isArray,Array.prototype.find,Array.prototype.findIndex,Object.assign,Object.keys,Object.values,URL,fetch,Promise,Promise.prototype.finally,String.prototype.endsWith,String.prototype.startsWith,String.prototype.includes,String.prototype.repeat,WeakSet,Symbol,Number.isInteger,String.prototype.codePointAt,String.fromCodePoint",babelUrl:"https://unpkg.com/@babel/standalone@7.12.12/babel.js",babelOptions:{presets:["es2015","react"],plugins:["proposal-object-rest-spread"]},fetchOptions:{mode:"cors",cache:"no-store",credentials:"same-origin"},logCompileTime:!1,logCompileDetails:!1,sourceMaps:!1,evalCode:'"use strict"; class foo {}; const { id, ...other } = { id:123, test:456 };',needsPolyfill:!(Array.from&&"undefined"!=typeof window&&window.Promise&&window.fetch&&Promise.prototype.finally),jsUpdates:[{find:/export function/g,replace:"function"},{find:/export default class/g,replace:"class"},{find:/import React from 'react';/g,replace:""},{find:/import React from"react";/g,replace:""},{find:/=>,/g,replace:"=>"}],globalNamespaces:{react:"React","react-dom":"ReactDom"},isSupportedBrowser:null,usePreact:function(){this.compiler.pragma="preact.createElement",this.compiler.pragmaFrag="preact.Fragment",this.jsUpdates.push({find:/ReactDOM\.render/g,replace:"preact.render"}),this.jsUpdates.push({find:/React\.Component/g,replace:"preact.Component"}),this.jsUpdates.push({find:/React\.Fragment/g,replace:"preact.Fragment"}),this.jsUpdates.push({find:/React\.createElement/g,replace:"preact.createElement"}),this.jsUpdates.push({find:/React\.cloneElement/g,replace:"preact.cloneElement"}),this.jsUpdates.push({find:/React\.createRef/g,replace:"preact.createRef"}),this.jsUpdates.push({find:/onChange:/g,replace:"onInput:"}),this.jsUpdates.push({find:/import preact from 'preact';/g,replace:""}),this.jsUpdates.push({find:/import preact from"preact";/g,replace:""}),this.globalNamespaces.react="preact",this.globalNamespaces["react-dom"]="preact","undefined"!=typeof window&&void 0===window.React&&void 0!==window.preact&&(window.React=window.preact)},hasPendingScripts:function(){return 0<document.querySelectorAll('script[type="text/babel"]:not([data-added-to-page])').length},setup:function(){var t,a,e=document.querySelectorAll('script[type="text/babel"]:not([data-added-to-page])');1!==e.length?(t=[],a=[],Array.prototype.forEach.call(e,function(e){var r,n;""===e.src?a.push(e):t.push((n={element:r=e,text:"",error:null},new Promise(function(t){fetch(r.src,_.fetchOptions).then(function(e){var t=e.status;if(200<=t&&t<300||304===t)return e.text();throw new Error("Error loading data. Server Response Code: "+t+", Response Text: "+e.statusText)}).then(function(e){n.text=e,t(n)}).catch(function(e){n.error=e,t(n)})})))}),Promise.all(t).then(function(e){e.forEach(function(e){_.loadScript(e.element,e.text,e.error)}),a.forEach(function(e){_.loadScript(e)})})):_.loadScript(e[0])},loadScript:function(s,e,r){function n(e,t,r){var n,a,i,o,l=new Date;(_.logCompileTime||_.logCompileDetails)&&(console.log("=".repeat(80)),console.log(s.src),console.log("Start time: "+l.getTime())),_.sourceMaps&&(void 0===_.babelOptions.sourceMaps&&(_.babelOptions.sourceMaps="both",_.babelOptions.generatorOpts={sourceMaps:"both"}),void 0===(o=r)&&(o="Inline Babel script"+(0===(i=document.querySelectorAll('script[data-compiler="Babel"]:not([data-src])').length)?"":" ("+(i+1)+")")),_.babelOptions.filename=o);try{a=_.isSupportedBrowser?(n=_.compiler.compile(e),"jsxLoader"):(n=Babel.transform(e,_.babelOptions).code,"Babel")}catch(e){console.log("-".repeat(80)),console.log("Compile Error:"),console.log(s),console.error(e),s.setAttribute("data-error",e.toString()),n=null}_.logCompileDetails&&console.log(n),(_.logCompileTime||_.logCompileDetails)&&(i=new Date,console.log("End time: "+i.getTime()),console.log("Time taken (in milliseconds): "+(i.getTime()-l.getTime()))),null!==n&&(_.jsUpdates.forEach(function(e){n=n.replace(e.find,e.replace)}),o=document.createElement("script"),r&&o.setAttribute("data-src",r),o.setAttribute("data-compiler",a),"module"===s.getAttribute("data-type")&&(o.type="module"),o.innerHTML=n,document.head.appendChild(o)),t()}return new Promise(function(t){if(""===s.src)return n(s.innerHTML,t),void s.setAttribute("data-added-to-page","");"string"!=typeof e?fetch(s.src,_.fetchOptions).then(function(e){var t=e.status;if(200<=t&&t<300||304===t)return e.text();throw new Error("Error loading data. Server Response Code: "+t+", Response Text: "+e.statusText)}).then(function(e){n(e,t,s.getAttribute("src")),s.setAttribute("data-added-to-page","")}).catch(function(e){console.error(e),s.setAttribute("data-added-to-page",""),s.setAttribute("data-error",e.toString()),t()}):r?(console.error(r),s.setAttribute("data-added-to-page",""),s.setAttribute("data-error",r.toString()),t()):(n(e,t,s.getAttribute("src")),s.setAttribute("data-added-to-page",""))})},addBabelPolyfills:function(){(window.exports=window).require=function(e){var t;return void 0!==_.globalNamespaces[e]&&void 0!==(t=window[_.globalNamespaces[e]])||void 0===(t=window[e])&&-1!==e.indexOf("-")&&(e=e.split("-").map(function(e){return e.substring(0,1).toUpperCase()+e.substring(1)}).join(""),void 0===(t=window[e])&&(e=e.substring(0,1).toLowerCase()+e.substring(1),t=window[e])),t}},downloadScript:function(e,t){var r=document.createElement("script");r.onload=t,r.onerror=function(){console.error("Error loading Script: "+e),t()},r.src=e,document.head.appendChild(r)},addAdditionalPolyfills:function(){void 0===String.prototype.trimLeft&&(String.prototype.trimLeft=function(){return this.replace(/^\s+/,"")}),void 0===String.prototype.trimStart&&(String.prototype.trimStart=String.prototype.trimLeft),void 0===String.prototype.trimRight&&(String.prototype.trimRight=function(){return this.replace(/\s+$/,"")}),void 0===String.prototype.trimEnd&&(String.prototype.trimEnd=String.prototype.trimRight)},compiler:{pragma:"React.createElement",pragmaFrag:"React.Fragment",maxRecursiveCalls:1e3,addUseStrict:!0,compile:function(e){if(this.isMinimized(e))return e;var t=this.removeComments(e),t=this.tokenizer(t),t=(_.logCompileDetails&&console.log(t),this.parser(t,e));return _.logCompileDetails&&console.log(t),this.codeGenerator(t,e)},getTextPosition:function(e,t){e=e.substring(0,t).split("\n"),t=e.length,e=e[t-1];return" at Line #: "+t+", Column #: "+(e.length-1)+", Line: "+e.trim()},isMinimized:function(e){return-1===e.indexOf("\n")&&(-1!==e.indexOf("if(")||-1!==e.indexOf("}render(){return"))},isExpression:function(e,t,r){for(var n=t+2,a=!1;n<r;){var i=e[n];if(n++,/[a-zA-Z0-9_/]/.test(i)){if(a)break}else{if(">"===i)break;if(" "!==i){if(")"===i||"&"===i||"|"===i||"?"===i||";"===i)return!0}else a=!0}}return!1},removeComments:function(e){var t,r,n=e.length,a=new Array(n),i={inCommentReact:!1,inCommentSingleLine:!1,inCommentMultiLine:!1,inStringSingleQuote:!1,inStringDoubleQuote:!1,inStringMultiLine:!1,elementCount:0,jsCount:0},o=0;function l(){return o<n-1?e[o+1]:null}function s(){return o<n-2?e[o+1]+e[o+2]:null}for(;o<n;){if(t=e[o],i.inCommentReact)"*"===t&&"/}"===s()?(a[o]=" ",a[o+1]=" ",o+=2,i.inCommentReact=!(t=" ")):"\n"!==t&&(t=" ");else if(i.inCommentSingleLine)"\n"===t?i.inCommentSingleLine=!1:t=" ";else if(i.inCommentMultiLine)"*"==t&&"/"===l()?(a[o]=" ",o++,i.inCommentMultiLine=!(t=" ")):"\n"!==t&&(t=" ");else if(i.inStringDoubleQuote)'"'===t&&"\\"!==e[o-1]&&(i.inStringDoubleQuote=!1);else if(i.inStringSingleQuote)"'"===t&&"\\"!==e[o-1]&&(i.inStringSingleQuote=!1);else if(i.inStringMultiLine)"`"===t&&(i.inStringMultiLine=!1);else switch(t){case"{":"/*"===s()?(a[o]=" ",a[o+1]=" ",o+=2,t=" ",i.inCommentReact=!0):0<i.elementCount&&i.jsCount++;break;case"}":0<i.elementCount&&0<i.jsCount&&i.jsCount--;break;case"/":(0===i.elementCount||0<i.jsCount)&&(r=l(),i.inCommentSingleLine="/"===r,i.inCommentSingleLine||(i.inCommentMultiLine="*"===r),(i.inCommentSingleLine||i.inCommentMultiLine)&&(a[o]=" ",o++,t=" "));break;case'"':i.inStringDoubleQuote=!0;break;case"'":i.inStringSingleQuote=!0;break;case"`":i.inStringMultiLine=!0;break;case"<":r=l(),/[a-zA-Z>]/.test(r)&&!this.isExpression(e,o,n)?i.elementCount++:"/"===r&&i.elementCount--;break;case">":"/"===e[o-1]&&0<i.elementCount&&i.elementCount--}a[o]=t,o++}return a.join("")},tokenizer:function(l){var s,c,p,u=l.length,d=0,m=[],e=0,v=0,S=this.maxRecursiveCalls;function h(){return d<u?l[d]:null}function f(){return d<u?l[d+1]:null}function g(){if(u<++e)throw new Error("Endless loop encountered in tokenizer")}for(;d<u;){if(g(),null===(c=function(){for(var e,t=d,r={inStringSingleQuote:!1,inStringDoubleQuote:!1,inStringMultiLine:!1};t<u-1;){if(e=l[t],r.inStringDoubleQuote)'"'===e&&"\\"!==l[t-1]&&(r.inStringDoubleQuote=!1);else if(r.inStringSingleQuote)"'"===e&&"\\"!==l[t-1]&&(r.inStringSingleQuote=!1);else if(r.inStringMultiLine)"`"===e&&(r.inStringMultiLine=!1);else switch(e){case'"':r.inStringDoubleQuote=!0;break;case"'":r.inStringSingleQuote=!0;break;case"`":r.inStringMultiLine=!0;break;case"<":if(/[a-zA-Z>]/.test(l[t+1])&&!_.compiler.isExpression(l,t,u))return t}t++}return null}())){m.push({type:P.js,value:l.substring(d,u),pos:d});break}!function e(t,r){if(S<++v)throw new Error("Call count exceeded in tokenizer. If you have a large JSX file that is valid you can increase them limit using the property `jsxLoader.compiler.maxRecursiveCalls`.");var n,a={value:l[c],elementStack:0,elementState:[],currentElementState:null,inElement:!0,hasElementName:!1,elementClosed:!1,closeElement:!1,closingElement:!1,fatalError:!1,errorMessage:null,addElementEnd:!1,breakLoop:!1,addChild:!1,addChar:!0,hasProp:!1,inValue:!1,inPropString:!1,propStringChar:null,jsWithElement:!1};for(d<t&&r&&m.push({type:P.js,value:l.substring(d,t),pos:d}),d=t+1;d<u;){if(g(),s=l[d],a.inElement){if(a.hasElementName)for(a.value+=s,d++,a.breakLoop=!1,a.hasProp=!1,a.inValue=!1;d<u;)if(g(),s=l[d],d++,a.inPropString&&s!==a.propStringChar)a.value+=s;else{switch(s){case"=":if(a.currentElementState.inPropJs)break;""!==a.value.trim()&&(m.push({type:P.e_prop,value:a.value,pos:d}),a.hasProp=!0,a.inValue=!0),a.value="",'"'===(p=h())||"'"===p?(a.inPropString=!0,a.propStringChar=p,d++):"{"===p&&(a.currentElementState.inPropJs=!0,a.currentElementState.jsPropBracketCount=0,d++);continue;case a.propStringChar:if(a.inPropString){a.inPropString=!1,m.push({type:a.hasProp?P.e_value:P.e_prop,value:JSON.stringify(a.value),pos:d}),a.inValue=!1,a.hasProp=!1,a.value="";continue}break;case"}":if(a.currentElementState.inPropJs){if(0===a.currentElementState.jsPropBracketCount){a.currentElementState.inPropJs=!1,""!==a.value.trim()&&(a.jsWithElement?(m.push({type:P.e_child_js_end,value:a.value,pos:d}),a.jsWithElement=!1):">"!==a.value.trim()&&(m.push({type:P.e_value,value:a.value,pos:d}),a.hasProp=!1)),a.inValue=!1,a.value="";continue}a.currentElementState.jsPropBracketCount--}break;case" ":case"\t":case"\r":case"\n":a.currentElementState.inPropJs||(""!==a.value.trim()&&m.push({type:a.hasProp?P.e_value:P.e_prop,value:a.value,pos:d}),a.inValue=!1,a.value="");break;case"/":">"===h()&&(d--,a.breakLoop=!0,a.hasElementName=!1);break;case"<":a.currentElementState.inPropJs&&" "!==h()&&(""!==a.value.trim()&&(m.push({type:P.e_child_js_start,value:a.value,pos:d}),a.value="",a.jsWithElement=!0),e(--d,!1),s="",a.jsWithElement&&d++);break;case"{":a.currentElementState.inPropJs&&a.currentElementState.jsPropBracketCount++;break;case">":a.currentElementState.inPropJs||(a.breakLoop=!0,a.hasElementName=!1)}if(a.breakLoop){var i=a.value.trim(),o=m[m.length-1];if("/"===a.value&&">"===s&&o.type===P.e_start){if(m.push({type:P.e_end,value:a.value+s,pos:d}),a.elementStack<=1)return void("}"!==h()&&d--);a.elementStack--,a.elementState.pop(),a.currentElementState=0===a.elementStack?null:a.elementState[a.elementStack-1]}else if(">"!==s||""===i||!/^[a-zA-Z0-9-_]*$/.test(i)&&!/{\.\.\.(.+)}/.test(i)||o.type!==P.e_start&&o.type!==P.e_value){if(""!==i)throw console.log(m),new Error("Unhandled character in element properties: `"+a.value+"`"+_.compiler.getTextPosition(l,d))}else m.push({type:P.e_prop,value:i,pos:d});a.value="",a.breakLoop=!1;break}a.value+=s}switch(s){case"/":""===a.value||"<"===a.value?a.closingElement=!0:">"===h()?(a.closeElement=!0,a.inElement=!1,a.addElementEnd=!0):">"===f()?(a.closeElement=!0,a.hasElementName=!0,s="",d--):(a.fatalError=!0,a.errorMessage='Error found a "/" character in element ['+a.value+'] but not closing "/>"'+_.compiler.getTextPosition(l,d));break;case">":a.closeElement=!0,a.inElement=!1;break;case" ":case"\t":case"\n":case"\r":a.hasElementName=!0,a.closeElement=!0}}else{switch(s){case"}":a.currentElementState.inJs&&(0===a.currentElementState.jsBracketCount?(a.currentElementState.inJs=!1,a.currentElementState.closeJs=!0,a.addChild=!0,a.addChar=!1):a.currentElementState.jsBracketCount--);break;case"{":a.currentElementState.inJs?a.currentElementState.jsBracketCount++:(a.currentElementState.inJs=!0,a.currentElementState.jsBracketCount=0,a.addChild=!0,a.addChar=!1);break;case"<":/[a-zA-Z>/]/.test(f())&&!_.compiler.isExpression(l,d,u)&&(a.addChild=!0,a.inElement=!0)}a.addChild&&(""===a.value.trim()?""!==a.value&&m.push({type:P.e_child_whitespace,value:a.value,pos:d}):(n=a.currentElementState.closeJs||a.currentElementState.inJs&&0<a.currentElementState.jsBracketCount||a.currentElementState.inJs&&a.inElement,m.push({type:n?P.e_child_js:P.e_child_text,value:a.value,pos:d})),a.addChild=!1,a.value="",a.currentElementState.closeJs&&(a.currentElementState.closeJs=!1,a.currentElementState.inJs=!1))}if(a.closeElement?(" "!==s&&"\t"!==s&&"\n"!==s&&"\r"!==s&&(a.value+=s),a.closingElement?(m.push({type:P.e_end,value:a.value,pos:d}),a.hasElementName=!1,a.elementStack--,a.elementState.pop(),a.currentElementState=0===a.elementStack?null:a.elementState[a.elementStack-1],0===a.elementStack&&(a.elementClosed=!0)):">"===a.value?d--:(m.push({type:P.e_start,value:a.value,pos:d}),a.elementStack++,a.currentElementState={inJs:!1,jsBracketCount:0,closeJs:!1,inPropJs:!1,jsPropBracketCount:0},a.elementState.push(a.currentElementState)),a.value="",a.closeElement=!1,a.closingElement=!1,a.addElementEnd&&(m.push({type:P.e_end,value:a.value,pos:null}),a.addElementEnd=!1)):(a.addChar&&(a.value+=s),a.addChar=!0),a.elementClosed)break;d++}if(a.fatalError)throw console.log(m),new Error(a.errorMessage)}(c,!0),d++}return m},parser:function(u,d){var m=0,h={type:L.program,body:[],pos:null},y=0,f=u.length,E=this.maxRecursiveCalls,g=this.pragmaFrag,v=0,S=0,t=/(\/\/|\/\*|\/\*\*)\s+@jsxFrag\s+([a-zA-Z.]+)/gm.exec(d);function b(e,p){if(E<++y)throw new Error("Call count exceeded in parser. If you have a large JSX file that is valid you can increase them limit using the property `jsxLoader.compiler.maxRecursiveCalls`.");var t=u[m];if(m++,t.type===P.js)return{type:L.js,value:t.value,pos:t.pos,stackCount:e};if(t.type===P.e_start){v++;for(var r,n=t.value.replace("<","").replace("/","").replace(">",""),a=(n=""===n?g:n)[0],i={type:L.createElement,name:n,isClass:"A"<=a&&a<="Z"||-1!==n.indexOf("."),props:[],children:[],pos:t.pos,stackCount:e},o=!1;m<f;){switch(t=u[m],m++,t.type){case P.e_prop:var l={name:t.value,value:null,pos:t.pos};switch(m<f?u[m].type:null){case P.e_value:case P.js:l.value=u[m].value,m++;break;case P.e_start:l.value=b(e+1);break;case P.e_child_js_start:l.value=b(e+1,P.e_child_js_start)}""!==l.name.trim()&&i.props.push(l);break;case P.e_child_js:""!==t.value.trim()&&("}"===(r=0===(r=t.value.trim()).indexOf("{")?r.substring(1):r).substring(r.length-1,r.length)&&(r=r.substring(0,r.length-1)),i.children.push({type:t.type,value:r,pos:t.pos}));break;case P.e_child_js_start:case P.e_child_js_end:i.children.push({type:t.type,value:r,pos:t.pos});break;case P.e_child_text:""!==t.value.trim()&&i.children.push({type:t.type,value:t.value,pos:t.pos});break;case P.e_child_whitespace:i.children.push({type:t.type,value:t.value,pos:t.pos});break;case P.e_end:var s=t.value.replace("<","").replace("/","").replace(">","");if(s!==i.name&&""!==s)throw new Error("Found closing element ["+s+"] that does not match opening element ["+i.name+"] from Token # "+t.index+_.compiler.getTextPosition(d,t.pos));o=!0,S++;break;case P.e_start:m--,i.children.push({type:P.e_start,value:b(e+1),pos:t.pos});break;default:throw console.log(u),console.log(h),new Error("Tokens are out of order 1: ["+t.type+"], Token #: "+t.index+_.compiler.getTextPosition(d,t.pos))}if(o)break}return i}if(t.type===P.e_child_js_start&&t.type===p)for(var c=[t];m<f;)switch(t=u[m],m++,t.type){case P.e_start:m--,c.push(b(e+1));break;case P.e_child_js_end:return c.push(t),c;default:throw new Error("Found unexpected token type in JS child prop: ["+t.type+"], Token #: "+t.index+_.compiler.getTextPosition(d,t.pos))}throw new Error("Tokens are out of order 2: ["+t.type+"], Token #: "+t.index+_.compiler.getTextPosition(d,t.pos))}t&&(g=t[2]);for(var e=0;e<f;e++)u[e].index=e;for(;m<f;)h.body.push(b(0));if(v!==S)throw new Error('The number of opening elements (for example: "<div>") does not match the number closing elements ("</div>").');return h},codeGenerator:function(e,t){var j=this.addUseStrict,x=this.pragma,t=/(\/\/|\/\*|\/\*\*)\s+@jsx\s+([a-zA-Z.]+)/gm.exec(t);return t&&(x=t[2]),function e(t,p){switch(t.type){case L.program:var r=t.body.map(e).join("");return j&&-1===r.indexOf('"use strict"')&&-1===r.indexOf("'use strict'")?'"use strict";\n'+r:r;case L.js:case P.e_child_js_start:case P.e_child_js_end:return t.value;case L.createElement:var n,r=x+"("+(t.isClass?t.name:JSON.stringify(t.name))+", ",u=(0<t.stackCount&&(r=!0!==p?"\n"+" ".repeat(8)+" ".repeat(4*t.stackCount)+r:" "+r),t.props.length),d=[];if(0===u)r+="null";else{r+="{";for(var a=0;a<u;a++){var i=t.props[a].value;if(null===i)i="true";else if("string"!=typeof i)if(Array.isArray(i)&&0<i.length&&i[0].type===P.e_child_js_start){for(var m="";0<i.length;)m+=e(i.shift(),!0);i=m}else i=e(i,!0);-1!==(n=t.props[a].name.trim()).indexOf("-")&&(n=JSON.stringify(n)),"true"===i&&/{\.\.\.(.+)}/.test(n)?d.push(n.substring(0,n.length-1).substring(1)+(a===u-1?"":", ")):d.push(n+": "+i+(a===u-1?"":", "))}var h=d.reduce(function(e,t){return e+=t.length},0);80<h?(h="\n",!0!==p&&(h+=" ".repeat(12)+" ".repeat(4*t.stackCount)),r+=h+d.join(h)):r+=d.join(""),r+="}"}var o,l,s=[],f=!1,g=!1,v=!1,S=!1,b=t.children.length,y=null,E=0,_=!1,w=!0;for(l=0;l<b;l++)switch(t.children[l].type){case P.e_child_js:case P.e_child_js_start:g=!0,"string"==typeof(o=t.children[l].value)&&-1===o.indexOf("(")&&-1===o.indexOf(")")&&(w=!1);break;case P.e_child_text:f=!0;break;case P.e_start:v=!0,E++;break;case P.e_child_whitespace:case P.e_child_js_end:break;default:throw new Error("Unhandled child type codeGenerator(): "+t.children[l].type)}for(l=0;l<b;l++){switch(t.children[l].type){case P.e_child_js:case P.e_child_js_start:_?s[s.length-1]+=t.children[l].value:(s.push(t.children[l].value),S||1!==s.length||(S=!0));break;case P.e_child_text:-1!==(o=t.children[l].value).indexOf("&")&&((c=document.createElement("div")).innerHTML=o,o=c.textContent),1===b?s.push(JSON.stringify(o)):l===b-1?s.push(JSON.stringify(o.replace(/\s+$/,""))):0===l?s.push(JSON.stringify(o.replace(/^\s+/,""))):s.push(JSON.stringify(o));break;case P.e_child_js_end:s.push(t.children[l].value);break;case P.e_start:var C,c=!1,k=!1;!(c=null!==y?t.children[y].type===P.e_child_js:c)||((C=t.children[y].value.trim()).endsWith("&&")||C.endsWith("?")||C.endsWith("(")||C.endsWith(":")||C.endsWith(" return"))&&(s[s.length-1]+=e(t.children[l].value,c),E--,_=k=!0),k||(s.push(e(t.children[l].value,c)),_=!1);break;case P.e_child_whitespace:(g||f)&&0!==l&&l!==b-1&&(s.push(JSON.stringify(t.children[l].value)),_=!1);continue;default:throw new Error("Unhandled child type codeGenerator(): "+t.children[l].type)}y=l}return 0<s.length&&(r+=!f&&g&&v&&S&&1===E&&w?", "+s.join(""):", "+s.join(", ")),r+=")";default:throw new TypeError("Unhandled AST type in codeGenerator: "+t.type)}}(e)}}};Object.defineProperty(_,"version",{value:"5.14.4",enumerable:!0}),"undefined"!=typeof window&&void 0!==window.document||"object"!=typeof module||"object"!=typeof module.exports?(window.jsxLoader=_,document.addEventListener("DOMContentLoaded",function(){if(null===_.isSupportedBrowser)try{new Function('"use strict";'+_.evalCode)(),_.isSupportedBrowser=!0}catch(e){_.isSupportedBrowser=!1}_.isSupportedBrowser&&!1===_.needsPolyfill?_.setup():_.isSupportedBrowser?_.downloadScript(_.polyfillUrl,function(){_.addAdditionalPolyfills(),_.setup()}):(_.addBabelPolyfills(),_.downloadScript(_.polyfillUrl,function(){_.addAdditionalPolyfills(),_.downloadScript(_.babelUrl,function(){_.setup()})}))})):module.exports={jsxLoader:_}}();
\ No newline at end of file
+!function(){"use strict";for(var P={js:0,e_start:1,e_end:2,e_prop:3,e_value:4,e_child_text:5,e_child_js:6,e_child_whitespace:7,e_child_js_start:8,e_child_js_end:9},L={program:0,js:1,createElement:2},e=[P,L],t=0,r=e.length;t<r;t++){var n,a=e[t];for(n in a)a.hasOwnProperty(n)&&(a[n]=n)}var _={polyfillUrl:"https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?version=4.8.0&features=Array.from,Array.isArray,Array.prototype.find,Array.prototype.findIndex,Object.assign,Object.keys,Object.values,URL,fetch,Promise,Promise.prototype.finally,String.prototype.endsWith,String.prototype.startsWith,String.prototype.includes,String.prototype.repeat,WeakSet,Symbol,Number.isInteger,String.prototype.codePointAt,String.fromCodePoint",babelUrl:"https://cdn.jsdelivr.net/npm/@babel/standalone@7.12.12/babel.js",babelOptions:{presets:["es2015","react"],plugins:["proposal-object-rest-spread"]},fetchOptions:{mode:"cors",cache:"no-store",credentials:"same-origin"},logCompileTime:!1,logCompileDetails:!1,sourceMaps:!1,evalCode:'"use strict"; class foo {}; const { id, ...other } = { id:123, test:456 };',needsPolyfill:!(Array.from&&"undefined"!=typeof window&&window.Promise&&window.fetch&&Promise.prototype.finally),jsUpdates:[{find:/export function/g,replace:"function"},{find:/export default class/g,replace:"class"},{find:/import React from 'react';/g,replace:""},{find:/import React from"react";/g,replace:""},{find:/=>,/g,replace:"=>"}],globalNamespaces:{react:"React","react-dom":"ReactDom"},isSupportedBrowser:null,usePreact:function(){this.compiler.pragma="preact.createElement",this.compiler.pragmaFrag="preact.Fragment",this.jsUpdates.push({find:/ReactDOM\.render/g,replace:"preact.render"}),this.jsUpdates.push({find:/React\.Component/g,replace:"preact.Component"}),this.jsUpdates.push({find:/React\.Fragment/g,replace:"preact.Fragment"}),this.jsUpdates.push({find:/React\.createElement/g,replace:"preact.createElement"}),this.jsUpdates.push({find:/React\.cloneElement/g,replace:"preact.cloneElement"}),this.jsUpdates.push({find:/React\.createRef/g,replace:"preact.createRef"}),this.jsUpdates.push({find:/onChange:/g,replace:"onInput:"}),this.jsUpdates.push({find:/import preact from 'preact';/g,replace:""}),this.jsUpdates.push({find:/import preact from"preact";/g,replace:""}),this.globalNamespaces.react="preact",this.globalNamespaces["react-dom"]="preact","undefined"!=typeof window&&void 0===window.React&&void 0!==window.preact&&(window.React=window.preact)},hasPendingScripts:function(){return 0<document.querySelectorAll('script[type="text/babel"]:not([data-added-to-page])').length},setup:function(){var t,a,e=document.querySelectorAll('script[type="text/babel"]:not([data-added-to-page])');1!==e.length?(t=[],a=[],Array.prototype.forEach.call(e,function(e){var r,n;""===e.src?a.push(e):t.push((n={element:r=e,text:"",error:null},new Promise(function(t){fetch(r.src,_.fetchOptions).then(function(e){var t=e.status;if(200<=t&&t<300||304===t)return e.text();throw new Error("Error loading data. Server Response Code: "+t+", Response Text: "+e.statusText)}).then(function(e){n.text=e,t(n)}).catch(function(e){n.error=e,t(n)})})))}),Promise.all(t).then(function(e){e.forEach(function(e){_.loadScript(e.element,e.text,e.error)}),a.forEach(function(e){_.loadScript(e)})})):_.loadScript(e[0])},loadScript:function(s,e,r){function n(e,t,r){var n,a,i,o,l=new Date;(_.logCompileTime||_.logCompileDetails)&&(console.log("=".repeat(80)),console.log(s.src),console.log("Start time: "+l.getTime())),_.sourceMaps&&(void 0===_.babelOptions.sourceMaps&&(_.babelOptions.sourceMaps="both",_.babelOptions.generatorOpts={sourceMaps:"both"}),void 0===(o=r)&&(o="Inline Babel script"+(0===(i=document.querySelectorAll('script[data-compiler="Babel"]:not([data-src])').length)?"":" ("+(i+1)+")")),_.babelOptions.filename=o);try{a=_.isSupportedBrowser?(n=_.compiler.compile(e),"jsxLoader"):(n=Babel.transform(e,_.babelOptions).code,"Babel")}catch(e){console.log("-".repeat(80)),console.log("Compile Error:"),console.log(s),console.error(e),s.setAttribute("data-error",e.toString()),n=null}_.logCompileDetails&&console.log(n),(_.logCompileTime||_.logCompileDetails)&&(i=new Date,console.log("End time: "+i.getTime()),console.log("Time taken (in milliseconds): "+(i.getTime()-l.getTime()))),null!==n&&(_.jsUpdates.forEach(function(e){n=n.replace(e.find,e.replace)}),o=document.createElement("script"),r&&o.setAttribute("data-src",r),o.setAttribute("data-compiler",a),"module"===s.getAttribute("data-type")&&(o.type="module"),o.innerHTML=n,document.head.appendChild(o)),t()}return new Promise(function(t){if(""===s.src)return n(s.innerHTML,t),void s.setAttribute("data-added-to-page","");"string"!=typeof e?fetch(s.src,_.fetchOptions).then(function(e){var t=e.status;if(200<=t&&t<300||304===t)return e.text();throw new Error("Error loading data. Server Response Code: "+t+", Response Text: "+e.statusText)}).then(function(e){n(e,t,s.getAttribute("src")),s.setAttribute("data-added-to-page","")}).catch(function(e){console.error(e),s.setAttribute("data-added-to-page",""),s.setAttribute("data-error",e.toString()),t()}):r?(console.error(r),s.setAttribute("data-added-to-page",""),s.setAttribute("data-error",r.toString()),t()):(n(e,t,s.getAttribute("src")),s.setAttribute("data-added-to-page",""))})},addBabelPolyfills:function(){(window.exports=window).require=function(e){var t;return void 0!==_.globalNamespaces[e]&&void 0!==(t=window[_.globalNamespaces[e]])||void 0===(t=window[e])&&-1!==e.indexOf("-")&&(e=e.split("-").map(function(e){return e.substring(0,1).toUpperCase()+e.substring(1)}).join(""),void 0===(t=window[e])&&(e=e.substring(0,1).toLowerCase()+e.substring(1),t=window[e])),t}},downloadScript:function(e,t){var r=document.createElement("script");r.onload=t,r.onerror=function(){console.error("Error loading Script: "+e),t()},r.src=e,document.head.appendChild(r)},addAdditionalPolyfills:function(){void 0===String.prototype.trimLeft&&(String.prototype.trimLeft=function(){return this.replace(/^\s+/,"")}),void 0===String.prototype.trimStart&&(String.prototype.trimStart=String.prototype.trimLeft),void 0===String.prototype.trimRight&&(String.prototype.trimRight=function(){return this.replace(/\s+$/,"")}),void 0===String.prototype.trimEnd&&(String.prototype.trimEnd=String.prototype.trimRight)},compiler:{pragma:"React.createElement",pragmaFrag:"React.Fragment",maxRecursiveCalls:1e3,addUseStrict:!0,compile:function(e){if(this.isMinimized(e))return e;var t=this.removeComments(e),t=this.tokenizer(t),t=(_.logCompileDetails&&console.log(t),this.parser(t,e));return _.logCompileDetails&&console.log(t),this.codeGenerator(t,e)},getTextPosition:function(e,t){e=e.substring(0,t).split("\n"),t=e.length,e=e[t-1];return" at Line #: "+t+", Column #: "+(e.length-1)+", Line: "+e.trim()},isMinimized:function(e){return-1===e.indexOf("\n")&&(-1!==e.indexOf("if(")||-1!==e.indexOf("}render(){return"))},isExpression:function(e,t,r){for(var n=t+2,a=!1;n<r;){var i=e[n];if(n++,/[a-zA-Z0-9_/]/.test(i)){if(a)break}else{if(">"===i)break;if(" "!==i){if(")"===i||"&"===i||"|"===i||"?"===i||";"===i)return!0}else a=!0}}return!1},removeComments:function(e){var t,r,n=e.length,a=new Array(n),i={inCommentReact:!1,inCommentSingleLine:!1,inCommentMultiLine:!1,inStringSingleQuote:!1,inStringDoubleQuote:!1,inStringMultiLine:!1,elementCount:0,jsCount:0},o=0;function l(){return o<n-1?e[o+1]:null}function s(){return o<n-2?e[o+1]+e[o+2]:null}for(;o<n;){if(t=e[o],i.inCommentReact)"*"===t&&"/}"===s()?(a[o]=" ",a[o+1]=" ",o+=2,i.inCommentReact=!(t=" ")):"\n"!==t&&(t=" ");else if(i.inCommentSingleLine)"\n"===t?i.inCommentSingleLine=!1:t=" ";else if(i.inCommentMultiLine)"*"==t&&"/"===l()?(a[o]=" ",o++,i.inCommentMultiLine=!(t=" ")):"\n"!==t&&(t=" ");else if(i.inStringDoubleQuote)'"'===t&&"\\"!==e[o-1]&&(i.inStringDoubleQuote=!1);else if(i.inStringSingleQuote)"'"===t&&"\\"!==e[o-1]&&(i.inStringSingleQuote=!1);else if(i.inStringMultiLine)"`"===t&&(i.inStringMultiLine=!1);else switch(t){case"{":"/*"===s()?(a[o]=" ",a[o+1]=" ",o+=2,t=" ",i.inCommentReact=!0):0<i.elementCount&&i.jsCount++;break;case"}":0<i.elementCount&&0<i.jsCount&&i.jsCount--;break;case"/":(0===i.elementCount||0<i.jsCount)&&(r=l(),i.inCommentSingleLine="/"===r,i.inCommentSingleLine||(i.inCommentMultiLine="*"===r),(i.inCommentSingleLine||i.inCommentMultiLine)&&(a[o]=" ",o++,t=" "));break;case'"':i.inStringDoubleQuote=!0;break;case"'":i.inStringSingleQuote=!0;break;case"`":i.inStringMultiLine=!0;break;case"<":r=l(),/[a-zA-Z>]/.test(r)&&!this.isExpression(e,o,n)?i.elementCount++:"/"===r&&i.elementCount--;break;case">":"/"===e[o-1]&&0<i.elementCount&&i.elementCount--}a[o]=t,o++}return a.join("")},tokenizer:function(l){var s,c,p,u=l.length,d=0,m=[],e=0,v=0,S=this.maxRecursiveCalls;function h(){return d<u?l[d]:null}function f(){return d<u?l[d+1]:null}function g(){if(u<++e)throw new Error("Endless loop encountered in tokenizer")}for(;d<u;){if(g(),null===(c=function(){for(var e,t=d,r={inStringSingleQuote:!1,inStringDoubleQuote:!1,inStringMultiLine:!1};t<u-1;){if(e=l[t],r.inStringDoubleQuote)'"'===e&&"\\"!==l[t-1]&&(r.inStringDoubleQuote=!1);else if(r.inStringSingleQuote)"'"===e&&"\\"!==l[t-1]&&(r.inStringSingleQuote=!1);else if(r.inStringMultiLine)"`"===e&&(r.inStringMultiLine=!1);else switch(e){case'"':r.inStringDoubleQuote=!0;break;case"'":r.inStringSingleQuote=!0;break;case"`":r.inStringMultiLine=!0;break;case"<":if(/[a-zA-Z>]/.test(l[t+1])&&!_.compiler.isExpression(l,t,u))return t}t++}return null}())){m.push({type:P.js,value:l.substring(d,u),pos:d});break}!function e(t,r){if(S<++v)throw new Error("Call count exceeded in tokenizer. If you have a large JSX file that is valid you can increase them limit using the property `jsxLoader.compiler.maxRecursiveCalls`.");var n,a={value:l[c],elementStack:0,elementState:[],currentElementState:null,inElement:!0,hasElementName:!1,elementClosed:!1,closeElement:!1,closingElement:!1,fatalError:!1,errorMessage:null,addElementEnd:!1,breakLoop:!1,addChild:!1,addChar:!0,hasProp:!1,inValue:!1,inPropString:!1,propStringChar:null,jsWithElement:!1};for(d<t&&r&&m.push({type:P.js,value:l.substring(d,t),pos:d}),d=t+1;d<u;){if(g(),s=l[d],a.inElement){if(a.hasElementName)for(a.value+=s,d++,a.breakLoop=!1,a.hasProp=!1,a.inValue=!1;d<u;)if(g(),s=l[d],d++,a.inPropString&&s!==a.propStringChar)a.value+=s;else{switch(s){case"=":if(a.currentElementState.inPropJs)break;""!==a.value.trim()&&(m.push({type:P.e_prop,value:a.value,pos:d}),a.hasProp=!0,a.inValue=!0),a.value="",'"'===(p=h())||"'"===p?(a.inPropString=!0,a.propStringChar=p,d++):"{"===p&&(a.currentElementState.inPropJs=!0,a.currentElementState.jsPropBracketCount=0,d++);continue;case a.propStringChar:if(a.inPropString){a.inPropString=!1,m.push({type:a.hasProp?P.e_value:P.e_prop,value:JSON.stringify(a.value),pos:d}),a.inValue=!1,a.hasProp=!1,a.value="";continue}break;case"}":if(a.currentElementState.inPropJs){if(0===a.currentElementState.jsPropBracketCount){a.currentElementState.inPropJs=!1,""!==a.value.trim()&&(a.jsWithElement?(m.push({type:P.e_child_js_end,value:a.value,pos:d}),a.jsWithElement=!1):">"!==a.value.trim()&&(m.push({type:P.e_value,value:a.value,pos:d}),a.hasProp=!1)),a.inValue=!1,a.value="";continue}a.currentElementState.jsPropBracketCount--}break;case" ":case"\t":case"\r":case"\n":a.currentElementState.inPropJs||(""!==a.value.trim()&&m.push({type:a.hasProp?P.e_value:P.e_prop,value:a.value,pos:d}),a.inValue=!1,a.value="");break;case"/":">"===h()&&(d--,a.breakLoop=!0,a.hasElementName=!1);break;case"<":a.currentElementState.inPropJs&&" "!==h()&&(""!==a.value.trim()&&(m.push({type:P.e_child_js_start,value:a.value,pos:d}),a.value="",a.jsWithElement=!0),e(--d,!1),s="",a.jsWithElement&&d++);break;case"{":a.currentElementState.inPropJs&&a.currentElementState.jsPropBracketCount++;break;case">":a.currentElementState.inPropJs||(a.breakLoop=!0,a.hasElementName=!1)}if(a.breakLoop){var i=a.value.trim(),o=m[m.length-1];if("/"===a.value&&">"===s&&o.type===P.e_start){if(m.push({type:P.e_end,value:a.value+s,pos:d}),a.elementStack<=1)return void("}"!==h()&&d--);a.elementStack--,a.elementState.pop(),a.currentElementState=0===a.elementStack?null:a.elementState[a.elementStack-1]}else if(">"!==s||""===i||!/^[a-zA-Z0-9-_]*$/.test(i)&&!/{\.\.\.(.+)}/.test(i)||o.type!==P.e_start&&o.type!==P.e_value){if(""!==i)throw console.log(m),new Error("Unhandled character in element properties: `"+a.value+"`"+_.compiler.getTextPosition(l,d))}else m.push({type:P.e_prop,value:i,pos:d});a.value="",a.breakLoop=!1;break}a.value+=s}switch(s){case"/":""===a.value||"<"===a.value?a.closingElement=!0:">"===h()?(a.closeElement=!0,a.inElement=!1,a.addElementEnd=!0):">"===f()?(a.closeElement=!0,a.hasElementName=!0,s="",d--):(a.fatalError=!0,a.errorMessage='Error found a "/" character in element ['+a.value+'] but not closing "/>"'+_.compiler.getTextPosition(l,d));break;case">":a.closeElement=!0,a.inElement=!1;break;case" ":case"\t":case"\n":case"\r":a.hasElementName=!0,a.closeElement=!0}}else{switch(s){case"}":a.currentElementState.inJs&&(0===a.currentElementState.jsBracketCount?(a.currentElementState.inJs=!1,a.currentElementState.closeJs=!0,a.addChild=!0,a.addChar=!1):a.currentElementState.jsBracketCount--);break;case"{":a.currentElementState.inJs?a.currentElementState.jsBracketCount++:(a.currentElementState.inJs=!0,a.currentElementState.jsBracketCount=0,a.addChild=!0,a.addChar=!1);break;case"<":/[a-zA-Z>/]/.test(f())&&!_.compiler.isExpression(l,d,u)&&(a.addChild=!0,a.inElement=!0)}a.addChild&&(""===a.value.trim()?""!==a.value&&m.push({type:P.e_child_whitespace,value:a.value,pos:d}):(n=a.currentElementState.closeJs||a.currentElementState.inJs&&0<a.currentElementState.jsBracketCount||a.currentElementState.inJs&&a.inElement,m.push({type:n?P.e_child_js:P.e_child_text,value:a.value,pos:d})),a.addChild=!1,a.value="",a.currentElementState.closeJs&&(a.currentElementState.closeJs=!1,a.currentElementState.inJs=!1))}if(a.closeElement?(" "!==s&&"\t"!==s&&"\n"!==s&&"\r"!==s&&(a.value+=s),a.closingElement?(m.push({type:P.e_end,value:a.value,pos:d}),a.hasElementName=!1,a.elementStack--,a.elementState.pop(),a.currentElementState=0===a.elementStack?null:a.elementState[a.elementStack-1],0===a.elementStack&&(a.elementClosed=!0)):">"===a.value?d--:(m.push({type:P.e_start,value:a.value,pos:d}),a.elementStack++,a.currentElementState={inJs:!1,jsBracketCount:0,closeJs:!1,inPropJs:!1,jsPropBracketCount:0},a.elementState.push(a.currentElementState)),a.value="",a.closeElement=!1,a.closingElement=!1,a.addElementEnd&&(m.push({type:P.e_end,value:a.value,pos:null}),a.addElementEnd=!1)):(a.addChar&&(a.value+=s),a.addChar=!0),a.elementClosed)break;d++}if(a.fatalError)throw console.log(m),new Error(a.errorMessage)}(c,!0),d++}return m},parser:function(u,d){var m=0,h={type:L.program,body:[],pos:null},y=0,f=u.length,E=this.maxRecursiveCalls,g=this.pragmaFrag,v=0,S=0,t=/(\/\/|\/\*|\/\*\*)\s+@jsxFrag\s+([a-zA-Z.]+)/gm.exec(d);function b(e,p){if(E<++y)throw new Error("Call count exceeded in parser. If you have a large JSX file that is valid you can increase them limit using the property `jsxLoader.compiler.maxRecursiveCalls`.");var t=u[m];if(m++,t.type===P.js)return{type:L.js,value:t.value,pos:t.pos,stackCount:e};if(t.type===P.e_start){v++;for(var r,n=t.value.replace("<","").replace("/","").replace(">",""),a=(n=""===n?g:n)[0],i={type:L.createElement,name:n,isClass:"A"<=a&&a<="Z"||-1!==n.indexOf("."),props:[],children:[],pos:t.pos,stackCount:e},o=!1;m<f;){switch(t=u[m],m++,t.type){case P.e_prop:var l={name:t.value,value:null,pos:t.pos};switch(m<f?u[m].type:null){case P.e_value:case P.js:l.value=u[m].value,m++;break;case P.e_start:l.value=b(e+1);break;case P.e_child_js_start:l.value=b(e+1,P.e_child_js_start)}""!==l.name.trim()&&i.props.push(l);break;case P.e_child_js:""!==t.value.trim()&&("}"===(r=0===(r=t.value.trim()).indexOf("{")?r.substring(1):r).substring(r.length-1,r.length)&&(r=r.substring(0,r.length-1)),i.children.push({type:t.type,value:r,pos:t.pos}));break;case P.e_child_js_start:case P.e_child_js_end:i.children.push({type:t.type,value:r,pos:t.pos});break;case P.e_child_text:""!==t.value.trim()&&i.children.push({type:t.type,value:t.value,pos:t.pos});break;case P.e_child_whitespace:i.children.push({type:t.type,value:t.value,pos:t.pos});break;case P.e_end:var s=t.value.replace("<","").replace("/","").replace(">","");if(s!==i.name&&""!==s)throw new Error("Found closing element ["+s+"] that does not match opening element ["+i.name+"] from Token # "+t.index+_.compiler.getTextPosition(d,t.pos));o=!0,S++;break;case P.e_start:m--,i.children.push({type:P.e_start,value:b(e+1),pos:t.pos});break;default:throw console.log(u),console.log(h),new Error("Tokens are out of order 1: ["+t.type+"], Token #: "+t.index+_.compiler.getTextPosition(d,t.pos))}if(o)break}return i}if(t.type===P.e_child_js_start&&t.type===p)for(var c=[t];m<f;)switch(t=u[m],m++,t.type){case P.e_start:m--,c.push(b(e+1));break;case P.e_child_js_end:return c.push(t),c;default:throw new Error("Found unexpected token type in JS child prop: ["+t.type+"], Token #: "+t.index+_.compiler.getTextPosition(d,t.pos))}throw new Error("Tokens are out of order 2: ["+t.type+"], Token #: "+t.index+_.compiler.getTextPosition(d,t.pos))}t&&(g=t[2]);for(var e=0;e<f;e++)u[e].index=e;for(;m<f;)h.body.push(b(0));if(v!==S)throw new Error('The number of opening elements (for example: "<div>") does not match the number closing elements ("</div>").');return h},codeGenerator:function(e,t){var j=this.addUseStrict,x=this.pragma,t=/(\/\/|\/\*|\/\*\*)\s+@jsx\s+([a-zA-Z.]+)/gm.exec(t);return t&&(x=t[2]),function e(t,p){switch(t.type){case L.program:var r=t.body.map(e).join("");return j&&-1===r.indexOf('"use strict"')&&-1===r.indexOf("'use strict'")?'"use strict";\n'+r:r;case L.js:case P.e_child_js_start:case P.e_child_js_end:return t.value;case L.createElement:var n,r=x+"("+(t.isClass?t.name:JSON.stringify(t.name))+", ",u=(0<t.stackCount&&(r=!0!==p?"\n"+" ".repeat(8)+" ".repeat(4*t.stackCount)+r:" "+r),t.props.length),d=[];if(0===u)r+="null";else{r+="{";for(var a=0;a<u;a++){var i=t.props[a].value;if(null===i)i="true";else if("string"!=typeof i)if(Array.isArray(i)&&0<i.length&&i[0].type===P.e_child_js_start){for(var m="";0<i.length;)m+=e(i.shift(),!0);i=m}else i=e(i,!0);-1!==(n=t.props[a].name.trim()).indexOf("-")&&(n=JSON.stringify(n)),"true"===i&&/{\.\.\.(.+)}/.test(n)?d.push(n.substring(0,n.length-1).substring(1)+(a===u-1?"":", ")):d.push(n+": "+i+(a===u-1?"":", "))}var h=d.reduce(function(e,t){return e+=t.length},0);80<h?(h="\n",!0!==p&&(h+=" ".repeat(12)+" ".repeat(4*t.stackCount)),r+=h+d.join(h)):r+=d.join(""),r+="}"}var o,l,s=[],f=!1,g=!1,v=!1,S=!1,b=t.children.length,y=null,E=0,_=!1,w=!0;for(l=0;l<b;l++)switch(t.children[l].type){case P.e_child_js:case P.e_child_js_start:g=!0,"string"==typeof(o=t.children[l].value)&&-1===o.indexOf("(")&&-1===o.indexOf(")")&&(w=!1);break;case P.e_child_text:f=!0;break;case P.e_start:v=!0,E++;break;case P.e_child_whitespace:case P.e_child_js_end:break;default:throw new Error("Unhandled child type codeGenerator(): "+t.children[l].type)}for(l=0;l<b;l++){switch(t.children[l].type){case P.e_child_js:case P.e_child_js_start:_?s[s.length-1]+=t.children[l].value:(s.push(t.children[l].value),S||1!==s.length||(S=!0));break;case P.e_child_text:-1!==(o=t.children[l].value).indexOf("&")&&((c=document.createElement("div")).innerHTML=o,o=c.textContent),1===b?s.push(JSON.stringify(o)):l===b-1?s.push(JSON.stringify(o.replace(/\s+$/,""))):0===l?s.push(JSON.stringify(o.replace(/^\s+/,""))):s.push(JSON.stringify(o));break;case P.e_child_js_end:s.push(t.children[l].value);break;case P.e_start:var C,c=!1,k=!1;!(c=null!==y?t.children[y].type===P.e_child_js:c)||((C=t.children[y].value.trim()).endsWith("&&")||C.endsWith("?")||C.endsWith("(")||C.endsWith(":")||C.endsWith(" return"))&&(s[s.length-1]+=e(t.children[l].value,c),E--,_=k=!0),k||(s.push(e(t.children[l].value,c)),_=!1);break;case P.e_child_whitespace:(g||f)&&0!==l&&l!==b-1&&(s.push(JSON.stringify(t.children[l].value)),_=!1);continue;default:throw new Error("Unhandled child type codeGenerator(): "+t.children[l].type)}y=l}return 0<s.length&&(r+=!f&&g&&v&&S&&1===E&&w?", "+s.join(""):", "+s.join(", ")),r+=")";default:throw new TypeError("Unhandled AST type in codeGenerator: "+t.type)}}(e)}}};Object.defineProperty(_,"version",{value:"5.14.5",enumerable:!0}),"undefined"!=typeof window&&void 0!==window.document||"object"!=typeof module||"object"!=typeof module.exports?(window.jsxLoader=_,document.addEventListener("DOMContentLoaded",function(){if(null===_.isSupportedBrowser)try{new Function('"use strict";'+_.evalCode)(),_.isSupportedBrowser=!0}catch(e){_.isSupportedBrowser=!1}_.isSupportedBrowser&&!1===_.needsPolyfill?_.setup():_.isSupportedBrowser?_.downloadScript(_.polyfillUrl,function(){_.addAdditionalPolyfills(),_.setup()}):(_.addBabelPolyfills(),_.downloadScript(_.polyfillUrl,function(){_.addAdditionalPolyfills(),_.downloadScript(_.babelUrl,function(){_.setup()})}))})):module.exports={jsxLoader:_}}();
\ No newline at end of file
diff --git a/js/web-components/json-data.min.js b/js/web-components/json-data.min.js
index 8459921..5a39b07 100644
--- a/js/web-components/json-data.min.js
+++ b/js/web-components/json-data.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.14.4
+// @version 5.14.5
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
 import{Format}from"./utils-format.min.js";import{buildUrl,setElementText,getBindValue,formatData,bindAttrTmpl,componentsAreDefined,polyfillCustomElements,showErrorAlert,showError}from"./utils.min.js";const format=new Format,appEvents={contentReady:"app:contentReady",error:"app:error"},shadowTmpl=document.createElement("template");shadowTmpl.innerHTML="\n    <style>\n        :host { display: block; }\n        :host([hidden]) { display: none; }\n    </style>\n    <slot></slot>\n";const dataCache=[];function saveDataToCache(t,e,s){for(const a of dataCache)if(a.url===t)return a.params=JSON.stringify(e),void(a.data=s);dataCache.push({url:t,params:JSON.stringify(e),data:s})}function getDataFromCache(t,e){for(const s of dataCache)if(s.url===t){if(e===s.params||null===e&&"null"===s.params)return s.data;break}return null}function copyTemplateSelector(t){const e=t.getAttribute("template-selector");if(e&&0===t.childNodes.length){const s=document.querySelector(e);s?t.appendChild(s.content.cloneNode(!0)):showError(t,`Error - Could not find template from <${t.tagName.toLowerCase()} [template-selector="${e}"]>.`)}}class JsonData extends HTMLElement{constructor(){super();this.attachShadow({mode:"open"}).appendChild(shadowTmpl.content.cloneNode(!0)),this.state={isLoading:!1,hasError:!1,isLoaded:!1,errorMessage:null},this.handleButtonClick=this.handleButtonClick.bind(this)}static get observedAttributes(){return["url","url-params"]}attributeChangedCallback(t,e){switch(t){case"url":case"url-params":null===e||this.manualFetchMode||this.fetch()}}connectedCallback(){if(this.elements={isLoading:this.querySelector("is-loading"),hasError:this.querySelector("has-error"),isLoaded:this.querySelector("is-loaded"),clickButton:null},null===this.clickSelector)void 0===this.state||this.state.isLoading||this.state.hasError||this.state.isLoaded||this.manualFetchMode||this.fetch();else if(this.elements.clickButton=document.querySelector(this.clickSelector),null===this.elements.clickButton){const t="Element not found for <json-data> Web Component using [click-selector]: "+String(this.clickSelector);showErrorAlert(t)}else this.elements.clickButton.addEventListener("click",this.handleButtonClick)}disconnectedCallback(){this.elements&&null!==this.elements.clickButton&&(this.elements.clickButton.removeEventListener("click",this.handleButtonClick),this.elements.clickButton=null)}handleButtonClick(){"boolean"==typeof this.elements.clickButton.disabled&&(this.elements.clickButton.disabled=!0);const t=document.querySelectorAll("input[data-bind],select[data-bind],textarea[data-bind]"),e={};for(const s of t){const t=s.getAttribute("data-bind");"INPUT"===s.nodeName&&"checkbox"===s.type?e[t]=s.checked:e[t]=s.value}this.setAttribute("url-params",""),this.setAttribute("url-params",JSON.stringify(e))}get url(){return this.getAttribute("url")}set url(t){this.setAttribute("url",t)}get urlParams(){return this.getAttribute("url-params")}set urlParams(t){"object"==typeof t?this.setAttribute("url-params",JSON.stringify(t)):this.showError(`When setting [urlParams] of <json-data> the value must be an object but was instead a type of [${typeof t}].`)}get loadOnlyOnce(){return null!==this.getAttribute("load-only-once")}get clickSelector(){return this.getAttribute("click-selector")}get manualFetchMode(){return null!==this.getAttribute("manual-fetch-mode")}get isLoading(){return this.state.isLoading}set isLoading(t){this.state.isLoading=!0===t,this.elements.isLoading&&(this.elements.isLoading.style.display=this.state.isLoading?"":"none")}get hasError(){return this.state.hasError}set hasError(t){this.state.hasError=!0===t,this.elements.hasError&&(this.elements.hasError.style.display=this.state.hasError?"":"none")}get isLoaded(){return this.state.isLoaded}set isLoaded(t){this.state.isLoaded=!0===t,this.elements.isLoaded&&(this.elements.isLoaded.style.display=this.state.isLoaded?"":"none")}dispatchContentReady(){this.dispatchEvent(new Event(appEvents.contentReady,{bubbles:!0}));const t=this.getAttribute("onready");if(t)try{if(!this.isConnected)return;const e=new Function("return "+t)();"function"==typeof e&&e()}catch(e){showErrorAlert(`Error from function <json-data onready="${t}">: ${e.message}`),console.error(e)}}async fetch(){const t=this.url;let e=t;if(null===e||""===e)return await this.showError("Error, element <json-data> is missing attribute [url]"),void this.dispatchContentReady();let s=this.getAttribute("url-params");if(""!==s||!e.includes(":")){if(this.loadOnlyOnce){const e=getDataFromCache(t,s);if(null!==e)return await this._setLoadedState(e),void this.dispatchContentReady()}s&&(s=JSON.parse(s)),e=buildUrl(e,s),this.isLoading=!0,this.isLoaded=!1,this.hasError=!1,await this.bindData(),fetch(e,{mode:"cors",cache:"no-store",credentials:"same-origin"}).then((t=>{const e=t.status;if(e>=200&&e<300||304===e)return Promise.resolve(t);{const s="Error loading data. Server Response Code: "+e+", Response Text: "+t.statusText;return Promise.reject(s)}})).then((t=>t.json())).then((async e=>{this.loadOnlyOnce&&saveDataToCache(t,s,e),await this._setLoadedState(e)})).catch((async t=>{await this.showError(t)})).finally((()=>{null!==this.elements.clickButton&&"boolean"==typeof this.elements.clickButton.disabled&&(this.elements.clickButton.disabled=!1),this.dispatchContentReady()}))}}async showError(t){this.isLoading=!1,this.isLoaded=!1,this.hasError=!0,this.state.errorMessage=t,this.dispatchEvent(new CustomEvent(appEvents.error,{bubbles:!0,detail:t})),await this.bindData(),console.error(t)}async _setLoadedState(t){this.isLoading=!1,this.isLoaded=!0,this.hasError=!1,this.state.errorMessage=null;const e=this.getAttribute("transform-data");if(e)try{if("function"==typeof window[e]){const s=window[e](t);"object"==typeof s&&null!==s?Object.assign(this.state,s):await this.showError(`Function [${e}()] must return an object.`)}else await this.showError(`Function [${e}()] was not found.`)}catch(t){await this.showError(t)}else Object.assign(this.state,t);"boolean"==typeof t.hasError&&(this.hasError=t.hasError),await this.bindData()}async bindData(){await componentsAreDefined(this,"[data-bind]");let t=this.querySelectorAll("[data-bind]");for(const e of t){const t=e.getAttribute("data-bind"),s=""===t?this.state:getBindValue(this.state,t);setElementText(e,formatData(e,s))}t=this.querySelectorAll("[data-bind-attr]");for(const e of t)bindAttrTmpl(e,"data-bind-attr",this.state);t=this.querySelectorAll("[data-show]");for(const e of t)if(this.state.isLoading)e.style.display="none";else{const t=e.getAttribute("data-show");try{const s=new Function("state","format","with(state){return "+t+"}")(this.state,format);e.style.display=!0===s?"":"none"}catch(s){e.style.display="",console.error(`Error evaluating JavaScript expression from [data-show="${t}"] attribute.`),console.error(s)}}t=this.querySelectorAll("[data-bind-refresh]");for(const e of t){const t=e.getAttribute("data-bind-refresh");try{e[t]()}catch(s){console.error(`Error calling function from element with [data-bind-refresh="${t}"].`),console.error(s),console.log(e)}}polyfillCustomElements()}}window.customElements.define("json-data",JsonData),window.customElements.define("is-loading",class extends HTMLElement{constructor(){super();this.attachShadow({mode:"open"}).appendChild(shadowTmpl.content.cloneNode(!0))}connectedCallback(){"JSON-DATA"===this.parentNode.nodeName&&!0===this.parentNode.isLoading||(this.style.display="none"),copyTemplateSelector(this)}}),window.customElements.define("has-error",class extends HTMLElement{constructor(){super();this.attachShadow({mode:"open"}).appendChild(shadowTmpl.content.cloneNode(!0))}connectedCallback(){"JSON-DATA"===this.parentNode.nodeName&&!0===this.parentNode.hasError||(this.style.display="none"),copyTemplateSelector(this)}}),window.customElements.define("is-loaded",class extends HTMLElement{constructor(){super();this.attachShadow({mode:"open"}).appendChild(shadowTmpl.content.cloneNode(!0))}connectedCallback(){"JSON-DATA"===this.parentNode.nodeName&&!0===this.parentNode.isLoaded||(this.style.display="none"),copyTemplateSelector(this)}});
\ No newline at end of file
diff --git a/js/web-components/url-router.min.js b/js/web-components/url-router.min.js
index c56f897..4eebe6d 100644
--- a/js/web-components/url-router.min.js
+++ b/js/web-components/url-router.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.14.4
+// @version 5.14.5
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
 import{render,setElementText,formatData,bindAttrTmpl,polyfillCustomElements,showError,showErrorAlert,componentsAreDefined}from"./utils.min.js";const appEvents={routeChanged:"app:routeChanged",error:"app:error"},shadowTmpl=document.createElement("template");shadowTmpl.innerHTML="\n    <style>:host { display:none; }</style>\n    <slot></slot>\n";class UrlRouter extends HTMLElement{constructor(){super();this.attachShadow({mode:"open"}).appendChild(shadowTmpl.content.cloneNode(!0)),this.currentRoute=null,this.currentUrlParams=null,this.updateView=this.updateView.bind(this),this.handlePushStateClick=this.handlePushStateClick.bind(this),this.useHistoryMode="history"===this.getAttribute("mode")}connectedCallback(){const t=this.useHistoryMode?"popstate":"hashchange";window.addEventListener(t,this.updateView),this.updateView()}disconnectedCallback(){const t=this.useHistoryMode?"popstate":"hashchange";window.removeEventListener(t,this.updateView)}async updateView(){this.currentRoute&&this.executeJsEvent("onunload"),this.currentRoute=null,this.currentUrlParams=null,await componentsAreDefined(this,"url-route");const t=this.getAttribute("view-selector");if(null===t||""===t)return void this.showFatalError("Error, element <url-router> is missing attribute [view-selector]");const e=document.querySelector(t);if(null===e)return void this.showFatalError(render`Error, element from <url-router view-selector="${t}"> was not found on the page.`);const r=this.getAttribute("loading-template-selector");if(r){const t=document.querySelector(r);t?"TEMPLATE"===t.tagName?e.innerHTML=t.innerHTML:console.warn(`Unable to show loading screen from <url-router loading-template-selector="${r}">. Only <template> tags are allowed.`):console.warn(`Unable to show loading screen from <url-router loading-template-selector="${r}">. Element from selector is missing.`)}let o=this.useHistoryMode?window.location.pathname:window.location.hash.substring(1);""===o&&(o="/");const n=this.querySelectorAll("url-route");let s=null;for(const t of n){if(null===t.path)return this.showFatalError("Error, element <url-route> is missing attribute [path]"),void console.log(t);const r=this.routeMatches(o,t.path);if(r.isMatch){const n=t.redirect;if(null!==n&&n!==o)return void(this.useHistoryMode?(window.history.pushState(null,null,t.redirect),this.updateView()):window.location.hash="#"+n);await this.lazyLoadScripts(t);const s=t.template;return this.currentRoute=t,this.currentUrlParams=r.urlParams,void(null===s?this.downloadTemplate(e,t,r.urlParams):this.setView(e,s,r.urlParams))}t.isDefault&&(s=t)}if(s){const t=s.path;if(""!==t&&-1===t.indexOf(":"))return void this.changeRoute(t);if("/:lang/"===t){await componentsAreDefined(document,"i18n-service");const t=document.querySelector("i18n-service");if(t&&"function"==typeof t.getUserDefaultLang){const e=t.getUserDefaultLang();if(null!==e)return void this.changeRoute("/"+e+"/")}return void showError(e,"Missing Web Component [i18n-service.js]")}}showError(e,`Error - The route [${o}] does not have a matching <url-route> element and no default route is defined using [default-route].`)}showFatalError(t){this.style.display="block",this.style.padding="1em",this.style.backgroundColor="red",this.style.color="white",this.style.fontSize="1.5em",this.textContent=t,this.dispatchRouteChanged(null,t),console.error(t)}dispatchRouteChanged(t,e){void 0!==e&&this.dispatchEvent(new CustomEvent(appEvents.error,{bubbles:!0,detail:e}));const r=null!==this.currentRoute,o={url:r?this.currentRoute.path:null,urlParams:t};this.dispatchEvent(new CustomEvent(appEvents.routeChanged,{bubbles:!0,detail:o})),r&&this.executeJsEvent("onload")}executeJsEvent(t){const e=this.currentRoute.getAttribute(t);if(e)try{const t=new Function("return "+e)();"function"==typeof t&&t()}catch(r){showErrorAlert(`Error from function <url-route path="${this.currentRoute.getAttribute("path")}" ${t}="${e}">: ${r.message}`),console.error(r)}}downloadTemplate(t,e,r){const o=e.src;if(null===o||""===o){const o=`Missing <template> or [src] attribute for route <url-route path="${e.path}">.`;return showError(t,o),void this.dispatchRouteChanged(r,o)}fetch(o,{mode:"cors",cache:"no-store",credentials:"same-origin"}).then((t=>{const e=t.status;if(e>=200&&e<300||304===e)return Promise.resolve(t);{const r="Error loading data. Server Response Code: "+e+", Response Text: "+t.statusText;return Promise.reject(r)}})).then((t=>t.text())).then((o=>{e.template=o,this.setView(t,o,r)})).catch((r=>{const n=render`Error with <url-route path="${e.path}"> - Error Downloading Template: [${o}], Error: ${r}`;showError(t,n),this.dispatchEvent(new CustomEvent(appEvents.error,{bubbles:!0,detail:n}))}))}setView(t,e,r){t.innerHTML=e;let o=t.querySelectorAll("[url-params]");const n=JSON.stringify(r);for(const t of o)t.setAttribute("url-params",n);o=t.querySelectorAll("[url-param]");for(const t of o){const e=t.getAttribute("url-param"),o=void 0===r[e]?"":r[e];setElementText(t,formatData(t,o))}o=t.querySelectorAll("[url-attr-param]");for(const t of o)bindAttrTmpl(t,"url-attr-param",r);if(polyfillCustomElements(),this.useHistoryMode){const t=document.querySelectorAll('a[href^="/"]:not([data-no-pushstate])');for(const e of t)e.addEventListener("click",this.handlePushStateClick)}this.dispatchRouteChanged(r)}changeRoute(t){if("string"!=typeof t)throw new TypeError("Expected string for <url-router>.changeRoute(path)");this.useHistoryMode?(window.history.pushState(null,null,t),this.updateView()):window.location.hash=0===t.indexOf("#")?t:"#"+t}handlePushStateClick(t){if(!0!==t.ctrlKey&&!t.metaKey)return t.preventDefault(),t.stopPropagation(),t.currentTarget.href?(window.history.pushState(null,null,t.currentTarget.href),this.updateView()):showErrorAlert("Error, link click does not work because href is missing."),!1}routeMatches(t,e){const r=t.split("/"),o=e.split("/"),n=r.length,s={};if(n!==o.length)return{isMatch:!1};for(let t=0;t<n;t++){const e=decodeURIComponent(r[t]);if(e!==o[t]){if(":"!==o[t].substring(0,1))return{isMatch:!1};s[o[t].substring(1)]=e}}return{isMatch:!0,urlParams:s}}async lazyLoadScripts(t){const e=t.getAttribute("lazy-load"),r=[];if(e){e.split(",").map((t=>t.trim())).forEach((t=>{void 0!==window.lazyLoad&&void 0!==window.lazyLoad[t]?r.push(this.loadScripts(window.lazyLoad[t])):showErrorAlert("Missing [window.lazyLoad] scripts for: "+t)}))}await Promise.all(r)}loadScripts(t){if(!Array.isArray(t)){if(!("string"==typeof t||t instanceof Object&&("module"in t||"nomodule"in t)))return showErrorAlert("Invalid Script for [loadScripts()] or [window.lazyLoad], expected string, an array of strings, or a valid object. Check console."),console.warn("window.loadScripts():"),console.warn(t),new Promise((function(t){t()}));t=[t]}return new Promise((function(e){let r=0;const o=t.length;!function n(){if(r===o)return void e();let s=t[r],i=!1;if(s instanceof Object){if(void 0===s.module)return void e();i=!0,s=s.module}r++,s.endsWith(".js")?function(t,e){return new Promise((function(r){const o=document.querySelectorAll("script");for(let e=0,n=o.length;e<n;e++)if(o[e].getAttribute("src")===t)return void r();const n=document.createElement("script");n.onload=r,n.onerror=()=>{showErrorAlert("Error loading JS File: "+t),r()},e&&n.setAttribute("type","module"),n.src=t,document.head.appendChild(n)}))}(s,i).then(n):s.endsWith(".css")?function(t){return new Promise((function(e){const r=document.querySelectorAll("link");for(let o=0,n=r.length;o<n;o++)if("stylesheet"===r[o].rel&&r[o].getAttribute("href")===t)return void e();const o=document.createElement("link");o.rel="stylesheet",o.onload=e,o.onerror=()=>{showErrorAlert("Error loading CSS File: "+t),e()},o.href=t,document.head.appendChild(o)}))}(s).then(n):(showErrorAlert("Invalid Script for [loadScripts()] or [window.lazyLoad]: "+s),n())}()}))}}class UrlRoute extends HTMLElement{constructor(){super();this.attachShadow({mode:"open"}).appendChild(shadowTmpl.content.cloneNode(!0))}get path(){return this.getAttribute("path")}get src(){return this.getAttribute("src")}get redirect(){return this.getAttribute("redirect")}get isDefault(){return null!==this.getAttribute("default-route")}get template(){const t=this.querySelector("template");return null===t?null:t.innerHTML}set template(t){let e=this.querySelector("template");null===e&&(e=document.createElement("template"),this.appendChild(e)),e.innerHTML=t}}window.customElements.define("url-router",UrlRouter),window.customElements.define("url-route",UrlRoute);
\ No newline at end of file
diff --git a/package.json b/package.json
index 0a4ead7..cfee22f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dataformsjs",
-  "version": "5.14.4",
+  "version": "5.14.5",
   "homepage": "https://www.dataformsjs.com/",
   "description": "A minimal JavaScript Framework and standalone React and Web Components for rapid development of high quality websites and single page applications.",
   "browser": "js/DataFormsJS.min.js",

From 0f3f68e0a36d596b23f0821e2a99edc42bc44cd9 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Tue, 10 Sep 2024 23:15:24 -0700
Subject: [PATCH 13/20] =?UTF-8?q?=F0=9F=90=9B=20Fix=20console=20error=20me?=
 =?UTF-8?q?ssage=20on=20React=20and=20Preact=20Image=20examples?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/image-gallery-preact.htm | 2 ++
 examples/image-gallery-react.htm  | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/examples/image-gallery-preact.htm b/examples/image-gallery-preact.htm
index b2f3720..c2e3bf7 100644
--- a/examples/image-gallery-preact.htm
+++ b/examples/image-gallery-preact.htm
@@ -162,10 +162,12 @@ <h2 tabindex="4">Example Usage and Code</h2>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/es6/ErrorBoundary.min.js"></script>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/es6/JsonData.min.js"></script>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/es6/LazyLoad.min.js"></script>
+        <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/es6/CssVars.min.js"></script>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/es6/ImageGallery.min.js"></script>
         <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/es5/ErrorBoundary.min.js"></script>
         <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/es5/JsonData.min.js"></script>
         <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/es5/LazyLoad.min.js"></script>
+        <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/es5/CssVars.min.js"></script>
         <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/es5/ImageGallery.min.js"></script>
 
         <!-- App Code -->
diff --git a/examples/image-gallery-react.htm b/examples/image-gallery-react.htm
index 0dbfd60..bd6f47f 100644
--- a/examples/image-gallery-react.htm
+++ b/examples/image-gallery-react.htm
@@ -156,10 +156,12 @@ <h2 tabindex="4">Example Usage and Code</h2>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/es6/ErrorBoundary.min.js"></script>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/es6/JsonData.min.js"></script>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/es6/LazyLoad.min.js"></script>
+        <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/es6/CssVars.min.js"></script>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/es6/ImageGallery.min.js"></script>
         <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/es5/ErrorBoundary.min.js"></script>
         <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/es5/JsonData.min.js"></script>
         <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/es5/LazyLoad.min.js"></script>
+        <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/es5/CssVars.min.js"></script>
         <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/es5/ImageGallery.min.js"></script>
 
         <!-- DataFormsJS JSX Loader -->

From ed6ace23bb781d18865cfa8382210c19c7d7fd7b Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Thu, 12 Sep 2024 00:29:12 -0700
Subject: [PATCH 14/20] =?UTF-8?q?=F0=9F=93=84=20Update=20Docs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                        | 2 +-
 docs/i18n-readme/README.es.md    | 2 +-
 docs/i18n-readme/README.ja.md    | 2 +-
 docs/i18n-readme/README.pt-BR.md | 2 +-
 docs/i18n-readme/README.zh-CN.md | 2 +-
 docs/jsx-loader.md               | 6 ++++--
 docs/jsx-loader.pt-BR.md         | 6 ++++--
 docs/jsx-loader.zh-CN.md         | 6 ++++--
 8 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/README.md b/README.md
index da08c08..8ed124d 100644
--- a/README.md
+++ b/README.md
@@ -34,7 +34,7 @@
 	</tbody>
 </table>
 
-DataFormsJS is a JavaScript Framework and Standalone React and Web Components. A tiny browser-based [JSX Compiler](https://github.com/dataformsjs/dataformsjs/blob/master/docs/jsx-loader.md) is also included as part of this Framework. DataFormsJS is small in size, easy to learn, designed for fast development, and to make for a great experience for both developers and end-users. DataFormsJS was first published in November of 2019, however it was written and used over many years and is extremely stable containing a large number of unit tests.
+DataFormsJS is a JavaScript Framework and Standalone React and Web Components. A tiny browser-based [JSX Compiler](https://github.com/dataformsjs/dataformsjs/blob/master/docs/jsx-loader.md) is also included as part of this Framework. DataFormsJS is small in size, easy to learn, designed for fast development, and to make for a great experience for both developers and end-users. DataFormsJS was first published in November of 2019, and it was written and used over many years prior to its release. As of 2024 has been used in a variety of applications and websites and is extremely stable and contains many unit tests.
 
 This repository contains DataFormsJS’s Framework, Example Pages, and Unit Tests. The main website exists on another repository.
 
diff --git a/docs/i18n-readme/README.es.md b/docs/i18n-readme/README.es.md
index 860f0a9..58167a7 100644
--- a/docs/i18n-readme/README.es.md
+++ b/docs/i18n-readme/README.es.md
@@ -7,7 +7,7 @@
 
 **¡Gracias por su visita!** 🌠👍
 
-DataFormsJS es un nuevo marco de JavaScript y componentes independientes de reacción y web. A tiny browser-based [JSX Compiler](https://github.com/dataformsjs/dataformsjs/blob/master/docs/jsx-loader.md) is also included as part of this Framework. DataFormsJS es de tamaño pequeño, fácil de aprender, diseñado para un desarrollo rápido y para ofrecer una gran experiencia tanto para desarrolladores como para usuarios finales. Aunque es nuevo (publicado por primera vez en noviembre de 2019) DataFormsJS fue escrito y utilizado durante muchos años y es extremadamente estable y contiene una gran cantidad de pruebas unitarias.
+DataFormsJS es un nuevo marco de JavaScript y componentes independientes de reacción y web. A tiny browser-based [JSX Compiler](https://github.com/dataformsjs/dataformsjs/blob/master/docs/jsx-loader.md) is also included as part of this Framework. DataFormsJS es de tamaño pequeño, fácil de aprender, diseñado para un desarrollo rápido y para ofrecer una gran experiencia tanto para desarrolladores como para usuarios finales. DataFormsJS se publicó por primera vez en noviembre de 2019 y se escribió y utilizó durante muchos años antes de su lanzamiento. A partir de 2024 se ha utilizado en una variedad de aplicaciones y sitios web y es extremadamente estable y contiene muchas pruebas unitarias.
 
 Este repositorio contiene el Marco de DataFormsJS, Páginas de ejemplo y Pruebas unitarias. El sitio web principal existe en otro repositorio.
 
diff --git a/docs/i18n-readme/README.ja.md b/docs/i18n-readme/README.ja.md
index cd4dcf1..caf4d88 100644
--- a/docs/i18n-readme/README.ja.md
+++ b/docs/i18n-readme/README.ja.md
@@ -6,7 +6,7 @@
 
 **訪問してくれてありがとう！** 🌠👍
 
-DataFormsJSは、新しいJavaScriptフレームワークとスタンドアロンのReactおよびWebコンポーネントです。A tiny browser-based [JSX Compiler](https://github.com/dataformsjs/dataformsjs/blob/master/docs/jsx-loader.md) is also included as part of this Framework. DataFormsJSはサイズが小さく、習得が容易で、迅速な開発のために設計されており、開発者とエンドユーザーの両方に素晴らしい体験を提供します。 新しい（2019年11月に最初に公開された）DataFormsJSは長年にわたって記述および使用されており、多数の単体テストを含む非常に安定しています。
+DataFormsJSは、新しいJavaScriptフレームワークとスタンドアロンのReactおよびWebコンポーネントです。A tiny browser-based [JSX Compiler](https://github.com/dataformsjs/dataformsjs/blob/master/docs/jsx-loader.md) is also included as part of this Framework. DataFormsJSはサイズが小さく、習得が容易で、迅速な開発のために設計されており、開発者とエンドユーザーの両方に素晴らしい体験を提供します。 DataFormsJS は 2019 年 11 月に初めて公開され、リリース前に何年もかけて作成され、使用されていました。2024 年現在、さまざまなアプリケーションや Web サイトで使用されており、非常に安定しており、多くのユニット テストが含まれています。
 
 このリポジトリには、DataFormsJSのフレームワーク、サンプルページ、ユニットテストが含まれています。 メインWebサイトは別のリポジトリに存在します。
 
diff --git a/docs/i18n-readme/README.pt-BR.md b/docs/i18n-readme/README.pt-BR.md
index 31a2755..39968d3 100644
--- a/docs/i18n-readme/README.pt-BR.md
+++ b/docs/i18n-readme/README.pt-BR.md
@@ -6,7 +6,7 @@
 
 **Obrigado pela visita!** 🌠👍
 
-DataFormsJS é um novo framework JavaScript e app autônomo de React e Web Components. A tiny browser-based [JSX Compiler](https://github.com/dataformsjs/dataformsjs/blob/master/docs/jsx-loader.pt-BR.md) is also included as part of this Framework. Sendo pequeno, fácil de aprender, projetado para desenvolvimento rápido o DataFormsJS proporcionando uma grande experiência para desenvolvedores e usuários finais. Mesmo sendo novo (publicado em novembro de 2019), o DataFormsJS foi escrito e usado por muitos anos e tem um sólido nível de estabilidade com um grande número de testes de unidade.
+DataFormsJS é um novo framework JavaScript e app autônomo de React e Web Components. A tiny browser-based [JSX Compiler](https://github.com/dataformsjs/dataformsjs/blob/master/docs/jsx-loader.pt-BR.md) is also included as part of this Framework. Sendo pequeno, fácil de aprender, projetado para desenvolvimento rápido o DataFormsJS proporcionando uma grande experiência para desenvolvedores e usuários finais. DataFormsJS foi publicado pela primeira vez em novembro de 2019 e foi escrito e usado por muitos anos antes de seu lançamento. Em 2024, foi usado em uma variedade de aplicativos e sites e é extremamente estável e contém muitos testes de unidade.
 
 Este repositório contém o framework DataFormsJS, páginas exemplo e testes de unidade. O site principal (/website) está em outro repositório.
 
diff --git a/docs/i18n-readme/README.zh-CN.md b/docs/i18n-readme/README.zh-CN.md
index e3ffc71..5d752b0 100644
--- a/docs/i18n-readme/README.zh-CN.md
+++ b/docs/i18n-readme/README.zh-CN.md
@@ -6,7 +6,7 @@
 
 **非常感谢您的访问!** 🌠👍
 
-DataFormsJS是一个新的JavaScript框架独立于React和Web组件。A tiny browser-based [JSX Compiler](https://github.com/dataformsjs/dataformsjs/blob/master/docs/jsx-loader.zh-CN.md) is also included as part of this Framework. DataFormsJS体积小，易于学习，设计用于快速开发，并为开发人员和最终用户带来极好的体验。虽然它是新的(2019年11月首次发布)，但DataFormsJS经过多年的编写和使用，非常稳定，包含了大量的单元测试。
+DataFormsJS是一个新的JavaScript框架独立于React和Web组件。A tiny browser-based [JSX Compiler](https://github.com/dataformsjs/dataformsjs/blob/master/docs/jsx-loader.zh-CN.md) is also included as part of this Framework. DataFormsJS体积小，易于学习，设计用于快速开发，并为开发人员和最终用户带来极好的体验。DataFormsJS 於 2019 年 11 月首次發布，在發布之前已經編寫和使用了多年。截至 2024 年已在各種應用程式和網站中使用，並且極其穩定並包含許多單元測試。
 
 该项目包含DataFormsJS的框架、示例页面和单元测试。主网站代码位于 dataformsjs/websie。
 
diff --git a/docs/jsx-loader.md b/docs/jsx-loader.md
index f1a911d..61330b3 100644
--- a/docs/jsx-loader.md
+++ b/docs/jsx-loader.md
@@ -27,13 +27,15 @@ A single JavaScript file `jsxLoader.js` that compiles / [transpiles](https://en.
 
 **Demo:** https://dataformsjs.com/examples/hello-world/en/react.htm
 
+**Many Examples** https://awesome-web-react.js.org/
+
 ## Why ❓
 
 The `jsxLoader.js` script was created to provide a fast method for including React with JSX on web pages and web apps with no build process, CLI tools, or large dependencies needed; simply use React with JSX in a webpage or site and include the needed CDN or JavaScript files.
 
 CLI Development tools such as `webpack`, `babel`, and `create-react-app` are great but they do not make sense for all sites, web pages, and development workflows; and `Babel Standalone` is huge to include on each page - 320 kB when gzipped and 1.5 MB of JavaScript for the Browser to process. With a browser based options for JSX you can **easily include React Components on any page** without having to build the entire site using React or JSX.
 
-Old Browsers typically account for less than 5 % of users for most sites - mostly IE and old iOS/Safari. Generally if someone is browsing from IE they are used to slow pages and if someone is browsing from an old iPhone or iPad they end up with many broken sites so simply having a site working is good even if it's slow. This script provides a good trade-off - fast for most users with modern browsers and it still works on old browsers.
+As of 2024 over 99% of the global population views webpages with modern browsers so the 6.6 kb `jsxLoader.js` will compile and load JSX code on webpages for all modern browsers; for the smaller percentage of the population that views websites on a legacy browser (IE 11 on Windows Server, old iOS, and old Android) `jsxLoader.js` will automatically download Babel Standalone and use it to correctly compile and load JSX code. `jsxLoader.js` provides a good trade-off - fast for most users with modern browsers and it still works on old browsers.
 
 Prior to the `jsxLoader.js` being created all React demos on DataFormsJS used Babel Standalone. Babel Standalone is great for prototyping and works with React DevTools however due to its size it takes a lot of memory and causes an initial delay in loading the page so it’s generally avoided on production sites. On mobile devices the delay can be many seconds. Here is an example of before and after performance differences when using `Babel` vs `jsxLoader`.
 
@@ -152,7 +154,7 @@ The `jsxLoader.js` script is very small to download (6.6 kB - min and gzip) and
 ### Rax <img src="https://raw.githubusercontent.com/dataformsjs/website/master/public/img/logos/rax.png" width="32" height="32">
 * https://dataformsjs.com/examples/hello-world/en/rax.htm
 
-### Node <img src="https://nodejs.org/static/images/favicons/favicon-32x32.png" width="32" height="32">
+### Node <img src="https://nodejs.org/static/images/favicons/favicon.png" width="32" height="32">
 * https://github.com/dataformsjs/dataformsjs/blob/master/scripts/jsx-loader-node-demo.js
 
 ## Try it online in the Code Playground 🚀
diff --git a/docs/jsx-loader.pt-BR.md b/docs/jsx-loader.pt-BR.md
index 4529ee2..4f7f57d 100644
--- a/docs/jsx-loader.pt-BR.md
+++ b/docs/jsx-loader.pt-BR.md
@@ -27,13 +27,15 @@ Um único arquivo JavaScript `jsxLoader.js` que compila / [transcompila](https:/
 
 **Demo:** https://www.dataformsjs.com/examples/hello-world/pt-BR/react.htm
 
+**Many Examples** https://awesome-web-react.js.org/
+
 ## Por quê ❓
 
 O script `jsxLoader.js` foi criado para fornecer um método rápido para incluir React com JSX em página web e apps web sem processo de compilação, ferramentas CLI, ou grandes dependências necessárias; simplesmente utilize React com JSX em uma webpage ou site e inclua os CDN ou arquivos JavaScript necessários.
 
 Ferramentas de Desenvolvimento CLI como `webpack`, `babel` e `create-react-app` são ótimas, mas elas não fazem sentido para todos os sites, páginas web e fluxos de desenvolvimento; e o `Babel Standalone` é gigante para ser incluído em cada página - 320 kB em gzipp e 1.5 MB de JavaScript para o Navegador processar. Com opções baseadas em um navegador para JSX você pode **facilmente incluir componentes React em qualquer página** sem ter que compilar todo o site utilizando React ou JSX.
 
-Navegadores antigos geralmente representam menos de 5 % dos usuários para a maioria dos sites - na maioria IE e versões antigas de iOS/Safari. Geralmente se alguém está navegando com o IE, eles estão acostumado a páginas lentas e se alguém estiver navegando em um iPhone ou iPad antigo eles acabam com muitos sites quebrados, então, simplesmente ter um site funcionando é bom mesmo se ele for lento. Esse script forncece um boa troca - rápido para a maioria dos usuário com navegadores modernos e continua funcionando em navegadores antigos.
+As of 2024 over 99% of the global population views webpages with modern browsers so the 6.6 kb `jsxLoader.js` will compile and load JSX code on webpages for all modern browsers; for the smaller percentage of the population that views websites on a legacy browser (IE 11 on Windows Server, old iOS, and old Android) `jsxLoader.js` will automatically download Babel Standalone and use it to correctly compile and load JSX code. `jsxLoader.js` provides a good trade-off - fast for most users with modern browsers and it still works on old browsers.
 
 Antes do `jsxLoader.js` ser criado todos os demos React no DataFormsJS utilizavam Babel Standalone. Babel Standalone é ótimo para prototipars e funciona com React DevTools, entretanto, devido ao seu tamanho ele ocupa muita memória e causa um atraso inicial ao carregar a página, então, é geralmente evitado em site em produção. Em dispositivos móveis o atraso pode ser vários segundos. Aqui está um exemplo de diferença de desempenho antes e depois utilizando `Babel` vs `jsxLoader`.
 
@@ -152,7 +154,7 @@ O script `jsxLoader.js` é muito pequeno para baixar (6.6 kB - min e em gzip) e
 ### Rax <img src="https://raw.githubusercontent.com/dataformsjs/website/master/public/img/logos/rax.png" width="32" height="32">
 * https://www.dataformsjs.com/examples/hello-world/pt-BR/rax.htm
 
-### Node <img src="https://nodejs.org/static/images/favicons/favicon-32x32.png" width="32" height="32">
+### Node <img src="https://nodejs.org/static/images/favicons/favicon.png" width="32" height="32">
 * https://github.com/dataformsjs/dataformsjs/blob/master/scripts/jsx-loader-node-demo.js
 
 
diff --git a/docs/jsx-loader.zh-CN.md b/docs/jsx-loader.zh-CN.md
index bfe3bf6..6139d54 100644
--- a/docs/jsx-loader.zh-CN.md
+++ b/docs/jsx-loader.zh-CN.md
@@ -27,13 +27,15 @@
 
 **演示:** https://dataformsjs.com/examples/hello-world/zh-CN/react.htm
 
+**Many Examples** https://awesome-web-react.js.org/
+
 ## 为什么 ❓
 
 `jsxLoader.js`脚本的创建是为了提供一种快速在web页面和web应用程序中加入React和JSX的方法,而无需构建过程，CLI工具或大型依赖,只需在网页或站点中使用React和JSX,并加入所需的CDN或JavaScript文件.
 
 CLI开发工具,如`webpack`, `babel`,`create-react-app`是非常好的工具，但是他们并不适用于所有的站点,网页以及开发工作流程.`Babel Standalone`非常庞大,每个页面上都包含-gzip压缩后为320 kB和1.5 MB JavaScript文件供浏览器处理.使用基于浏览器的JSX选项,您可以**轻松地在任何页面中使用React组件**而无需使用React或JSX构建整个网站.
 
-对于大多数网站来说,旧的浏览器通常只占不到5%的用户,主要是IE和旧的IOS以及Safari.一般来说,如果有人在IE上浏览网页,他们习惯了缓慢的网页,如果有人在旧的iPhone或iPad上浏览,他们会遇到很多损坏的网站.所以，简单的有个运行的网站是不错的,即使它的速度很慢.这个脚本提供了一个很好的折中方案，对于使用新浏览器的用户来说，速度很快，并仍然能在旧的浏览器上工作.
+As of 2024 over 99% of the global population views webpages with modern browsers so the 6.6 kb `jsxLoader.js` will compile and load JSX code on webpages for all modern browsers; for the smaller percentage of the population that views websites on a legacy browser (IE 11 on Windows Server, old iOS, and old Android) `jsxLoader.js` will automatically download Babel Standalone and use it to correctly compile and load JSX code. `jsxLoader.js` provides a good trade-off - fast for most users with modern browsers and it still works on old browsers.
 
 在创建`jsxLoader.js`之前,DataFormsJS上的所有React演示都使用了Babel Standalone.Babel Standalone非常适合用于原型制作，并且能和React DevTools一起使用,但是由于其体积大,需要占用大量内存,并且会导致页面加载的初始延迟,因此通常在创建站点上是避免这种情况的.在移动设备上,延迟可能长达数秒. 下面是一个使用`Babel`和`jsxLoader`之间的性能差异的例子.
 
@@ -152,7 +154,7 @@ CLI开发工具,如`webpack`, `babel`,`create-react-app`是非常好的工具，
 ### Rax <img src="https://raw.githubusercontent.com/dataformsjs/website/master/public/img/logos/rax.png" width="32" height="32">
 * https://dataformsjs.com/examples/hello-world/zh-CN/rax.htm
 
-### Node <img src="https://nodejs.org/static/images/favicons/favicon-32x32.png" width="32" height="32">
+### Node <img src="https://nodejs.org/static/images/favicons/favicon.png" width="32" height="32">
 * https://github.com/dataformsjs/dataformsjs/blob/master/scripts/jsx-loader-node-demo.js
 
 ## 在线代码编辑器上尝试 🚀

From 1321df53ac5861135ba34a3d835561a2118939a8 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Thu, 12 Sep 2024 01:33:45 -0700
Subject: [PATCH 15/20] =?UTF-8?q?=F0=9F=93=84=20Update=20Docs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                        | 2 +-
 docs/i18n-readme/README.es.md    | 2 +-
 docs/i18n-readme/README.ja.md    | 2 +-
 docs/i18n-readme/README.pt-BR.md | 2 +-
 docs/i18n-readme/README.zh-CN.md | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 8ed124d..617d8c9 100644
--- a/README.md
+++ b/README.md
@@ -34,7 +34,7 @@
 	</tbody>
 </table>
 
-DataFormsJS is a JavaScript Framework and Standalone React and Web Components. A tiny browser-based [JSX Compiler](https://github.com/dataformsjs/dataformsjs/blob/master/docs/jsx-loader.md) is also included as part of this Framework. DataFormsJS is small in size, easy to learn, designed for fast development, and to make for a great experience for both developers and end-users. DataFormsJS was first published in November of 2019, and it was written and used over many years prior to its release. As of 2024 has been used in a variety of applications and websites and is extremely stable and contains many unit tests.
+DataFormsJS is a JavaScript Framework and Standalone React and Web Components. A tiny browser-based [JSX Compiler](https://github.com/dataformsjs/dataformsjs/blob/master/docs/jsx-loader.md) is also included as part of this Framework. DataFormsJS is small in size, easy to learn, designed for fast development, and to make for a great experience for both developers and end-users. DataFormsJS was first published in November of 2019; and it was written and used over many years prior to its release. As of 2024 has been used in a variety of applications and websites and is extremely stable and contains many unit tests.
 
 This repository contains DataFormsJS’s Framework, Example Pages, and Unit Tests. The main website exists on another repository.
 
diff --git a/docs/i18n-readme/README.es.md b/docs/i18n-readme/README.es.md
index 58167a7..cc56a4f 100644
--- a/docs/i18n-readme/README.es.md
+++ b/docs/i18n-readme/README.es.md
@@ -7,7 +7,7 @@
 
 **¡Gracias por su visita!** 🌠👍
 
-DataFormsJS es un nuevo marco de JavaScript y componentes independientes de reacción y web. A tiny browser-based [JSX Compiler](https://github.com/dataformsjs/dataformsjs/blob/master/docs/jsx-loader.md) is also included as part of this Framework. DataFormsJS es de tamaño pequeño, fácil de aprender, diseñado para un desarrollo rápido y para ofrecer una gran experiencia tanto para desarrolladores como para usuarios finales. DataFormsJS se publicó por primera vez en noviembre de 2019 y se escribió y utilizó durante muchos años antes de su lanzamiento. A partir de 2024 se ha utilizado en una variedad de aplicaciones y sitios web y es extremadamente estable y contiene muchas pruebas unitarias.
+DataFormsJS es un nuevo marco de JavaScript y componentes independientes de reacción y web. A tiny browser-based [JSX Compiler](https://github.com/dataformsjs/dataformsjs/blob/master/docs/jsx-loader.md) is also included as part of this Framework. DataFormsJS es de tamaño pequeño, fácil de aprender, diseñado para un desarrollo rápido y para ofrecer una gran experiencia tanto para desarrolladores como para usuarios finales. DataFormsJS se publicó por primera vez en noviembre de 2019 y se escribió y utilizó durante muchos años antes de su lanzamiento. A partir de 2024, se ha utilizado en una variedad de aplicaciones y sitios web, es extremadamente estable y contiene muchas pruebas unitarias.
 
 Este repositorio contiene el Marco de DataFormsJS, Páginas de ejemplo y Pruebas unitarias. El sitio web principal existe en otro repositorio.
 
diff --git a/docs/i18n-readme/README.ja.md b/docs/i18n-readme/README.ja.md
index caf4d88..8b17b16 100644
--- a/docs/i18n-readme/README.ja.md
+++ b/docs/i18n-readme/README.ja.md
@@ -6,7 +6,7 @@
 
 **訪問してくれてありがとう！** 🌠👍
 
-DataFormsJSは、新しいJavaScriptフレームワークとスタンドアロンのReactおよびWebコンポーネントです。A tiny browser-based [JSX Compiler](https://github.com/dataformsjs/dataformsjs/blob/master/docs/jsx-loader.md) is also included as part of this Framework. DataFormsJSはサイズが小さく、習得が容易で、迅速な開発のために設計されており、開発者とエンドユーザーの両方に素晴らしい体験を提供します。 DataFormsJS は 2019 年 11 月に初めて公開され、リリース前に何年もかけて作成され、使用されていました。2024 年現在、さまざまなアプリケーションや Web サイトで使用されており、非常に安定しており、多くのユニット テストが含まれています。
+DataFormsJSは、新しいJavaScriptフレームワークとスタンドアロンのReactおよびWebコンポーネントです。A tiny browser-based [JSX Compiler](https://github.com/dataformsjs/dataformsjs/blob/master/docs/jsx-loader.md) is also included as part of this Framework. DataFormsJSはサイズが小さく、習得が容易で、迅速な開発のために設計されており、開発者とエンドユーザーの両方に素晴らしい体験を提供します。DataFormsJS は 2019 年 11 月に初めて公開され、リリース前に何年もかけて作成され、使用されていました。2024 年現在、さまざまなアプリケーションや Web サイトで使用されており、非常に安定しており、多くのユニット テストが含まれています。
 
 このリポジトリには、DataFormsJSのフレームワーク、サンプルページ、ユニットテストが含まれています。 メインWebサイトは別のリポジトリに存在します。
 
diff --git a/docs/i18n-readme/README.pt-BR.md b/docs/i18n-readme/README.pt-BR.md
index 39968d3..ee91195 100644
--- a/docs/i18n-readme/README.pt-BR.md
+++ b/docs/i18n-readme/README.pt-BR.md
@@ -6,7 +6,7 @@
 
 **Obrigado pela visita!** 🌠👍
 
-DataFormsJS é um novo framework JavaScript e app autônomo de React e Web Components. A tiny browser-based [JSX Compiler](https://github.com/dataformsjs/dataformsjs/blob/master/docs/jsx-loader.pt-BR.md) is also included as part of this Framework. Sendo pequeno, fácil de aprender, projetado para desenvolvimento rápido o DataFormsJS proporcionando uma grande experiência para desenvolvedores e usuários finais. DataFormsJS foi publicado pela primeira vez em novembro de 2019 e foi escrito e usado por muitos anos antes de seu lançamento. Em 2024, foi usado em uma variedade de aplicativos e sites e é extremamente estável e contém muitos testes de unidade.
+DataFormsJS é um novo framework JavaScript e app autônomo de React e Web Components. A tiny browser-based [JSX Compiler](https://github.com/dataformsjs/dataformsjs/blob/master/docs/jsx-loader.pt-BR.md) is also included as part of this Framework. Sendo pequeno, fácil de aprender, projetado para desenvolvimento rápido o DataFormsJS proporcionando uma grande experiência para desenvolvedores e usuários finais. O DataFormsJS foi publicado pela primeira vez em novembro de 2019; e foi escrito e usado por muitos anos antes de seu lançamento. Em 2024, foi usado em uma variedade de aplicativos e sites e é extremamente estável e contém muitos testes de unidade.
 
 Este repositório contém o framework DataFormsJS, páginas exemplo e testes de unidade. O site principal (/website) está em outro repositório.
 
diff --git a/docs/i18n-readme/README.zh-CN.md b/docs/i18n-readme/README.zh-CN.md
index 5d752b0..e707aec 100644
--- a/docs/i18n-readme/README.zh-CN.md
+++ b/docs/i18n-readme/README.zh-CN.md
@@ -6,7 +6,7 @@
 
 **非常感谢您的访问!** 🌠👍
 
-DataFormsJS是一个新的JavaScript框架独立于React和Web组件。A tiny browser-based [JSX Compiler](https://github.com/dataformsjs/dataformsjs/blob/master/docs/jsx-loader.zh-CN.md) is also included as part of this Framework. DataFormsJS体积小，易于学习，设计用于快速开发，并为开发人员和最终用户带来极好的体验。DataFormsJS 於 2019 年 11 月首次發布，在發布之前已經編寫和使用了多年。截至 2024 年已在各種應用程式和網站中使用，並且極其穩定並包含許多單元測試。
+DataFormsJS是一个新的JavaScript框架独立于React和Web组件。A tiny browser-based [JSX Compiler](https://github.com/dataformsjs/dataformsjs/blob/master/docs/jsx-loader.zh-CN.md) is also included as part of this Framework. DataFormsJS体积小，易于学习，设计用于快速开发，并为开发人员和最终用户带来极好的体验。DataFormsJS 於 2019 年 11 月首次發布；它在發布之前已經編寫和使用了很多年。截至 2024 年已在各種應用程式和網站中使用，並且極其穩定並包含許多單元測試。
 
 该项目包含DataFormsJS的框架、示例页面和单元测试。主网站代码位于 dataformsjs/websie。
 

From 033768bfb428d4d321510191fd3c2961758b84ed Mon Sep 17 00:00:00 2001
From: andr33sdev <andr33sdev@gmail.com>
Date: Fri, 14 Feb 2025 10:23:15 -0300
Subject: [PATCH 16/20] =?UTF-8?q?Correcciones=20menores=20en=20la=20docume?=
 =?UTF-8?q?ntaci=C3=B3n=20en=20espa=C3=B1ol?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/i18n-readme/README.es.md | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/docs/i18n-readme/README.es.md b/docs/i18n-readme/README.es.md
index cc56a4f..dd9e3f1 100644
--- a/docs/i18n-readme/README.es.md
+++ b/docs/i18n-readme/README.es.md
@@ -7,7 +7,7 @@
 
 **¡Gracias por su visita!** 🌠👍
 
-DataFormsJS es un nuevo marco de JavaScript y componentes independientes de reacción y web. A tiny browser-based [JSX Compiler](https://github.com/dataformsjs/dataformsjs/blob/master/docs/jsx-loader.md) is also included as part of this Framework. DataFormsJS es de tamaño pequeño, fácil de aprender, diseñado para un desarrollo rápido y para ofrecer una gran experiencia tanto para desarrolladores como para usuarios finales. DataFormsJS se publicó por primera vez en noviembre de 2019 y se escribió y utilizó durante muchos años antes de su lanzamiento. A partir de 2024, se ha utilizado en una variedad de aplicaciones y sitios web, es extremadamente estable y contiene muchas pruebas unitarias.
+DataFormsJS es un nuevo marco de JavaScript y componentes independientes de React y Web. Un pequeño [JSX Compiler](https://github.com/dataformsjs/dataformsjs/blob/master/docs/jsx-loader.md) basado en el navegador también se incluye como parte de este framework. DataFormsJS es de tamaño pequeño, fácil de aprender, diseñado para un desarrollo rápido y para ofrecer una gran experiencia tanto para desarrolladores como para usuarios finales. DataFormsJS se publicó por primera vez en noviembre de 2019 y se escribió y utilizó durante muchos años antes de su lanzamiento. A partir de 2024, se ha utilizado en una variedad de aplicaciones y sitios web, es extremadamente estable y contiene muchas pruebas unitarias.
 
 Este repositorio contiene el Marco de DataFormsJS, Páginas de ejemplo y Pruebas unitarias. El sitio web principal existe en otro repositorio.
 
@@ -151,7 +151,8 @@ Este ejemplo usa Vue para crear plantillas. Si lo guarda con un editor de texto,
 </html>
 ```
 
-This example uses React with the `jsxLoader.min.js` script for converting JSX to JS directly it the browser and it includes DataFormsJS React Components from `DataFormsJS.min.js`. If you copy the contents of this code it will also work in a browser. All React Components are also compatible with Preact when using jsxLoader.
+Este ejemplo utuliza React con el script `jsxLoader.min.js` para convertir JSX a JS directamente en el navegador e incluye componentes de React de DataFormsJS desde `DataFormsJS.min.js`. 
+Si copias el contenido de este código también funcionará en un navegador. Todos los componentes de React son también compatibles con Preact cuando se utilice jsxLoader.
 
 ```html
 <!doctype html>

From 874bf22b044c38976e95c8d73f7bdda3f1ee8799 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <57777521+ConradSollitt@users.noreply.github.com>
Date: Thu, 20 Feb 2025 21:25:26 -0800
Subject: [PATCH 17/20] Update CHANGELOG.md

---
 CHANGELOG.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 377f6e6..0bcd650 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,10 @@ DataFormsJS uses [Semantic Versioning](https://docs.npmjs.com/about-semantic-ver
 
 Overall the core Framework files, React Components, and Web Components and API are expected to remain stable however the version number is expected to increase to much larger numbers in the future due to the changes to smaller scripts and components. This change log includes all npm release history and new website features or major changes.
 
+## Documentation (Feb 14, 2025)
+
+* Thank you to Andrés https://github.com/andr33sdev of Buenos Aires, Argentina for helping with Spanish Translations.
+
 ## 5.15.5 (Sep 9, 2024)
 
 * Security update for the starter/example webserver that is included with the main project.

From 2526dd6a06fc9502bd965bafa33c93faee3c7b3d Mon Sep 17 00:00:00 2001
From: Aaron Huggins <aaron.huggins@gmail.com>
Date: Mon, 28 Jul 2025 12:58:22 -0500
Subject: [PATCH 18/20] Add regression tests for nested elements with a tag
 name followed by a newline or tab

Simple elements compile without issue when the tag name is followed by any white space. Nested elements fail to emit the tag name when they contain newline or tab white space.
---
 test/js/unit-testing-react.js | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/test/js/unit-testing-react.js b/test/js/unit-testing-react.js
index 05d452b..8161532 100644
--- a/test/js/unit-testing-react.js
+++ b/test/js/unit-testing-react.js
@@ -648,6 +648,24 @@ describe('jsxLoader.js', function() {
             expect(js).to.equal('"use strict";\nReact.createElement(Test, {message: "test", value: 123}, "Hello")');
         });
 
+        it('should compile nested element with newline', function() {
+            resetIfUsingPreact();
+            var jsx = '<Test message="test" value={123}><div\ntitle="test">Hello</div></Test>';
+            var js = jsxLoader.compiler.compile(jsx);
+            console.log(js);
+            console.log(JSON.stringify(js));
+            expect(js).to.equal('"use strict";\nReact.createElement(Test, {message: "test", value: 123}, \n            React.createElement("div", {title: "test"}, "Hello"))');
+        });
+
+        it('should compile nested element with tab', function() {
+            resetIfUsingPreact();
+            var jsx = '<Test message="test" value={123}><div\ttitle="test">Hello</div></Test>';
+            var js = jsxLoader.compiler.compile(jsx);
+            console.log(js);
+            console.log(JSON.stringify(js));
+            expect(js).to.equal('"use strict";\nReact.createElement(Test, {message: "test", value: 123}, \n            React.createElement("div", {title: "test"}, "Hello"))');
+        });
+
         it('should have correct child whitespace nodes', function() {
             resetIfUsingPreact();
             var jsx = '<div><strong className={this.props.cssClass}>Test:</strong> {this.props.name} <section>Test [{this.props.name}] <span className="test">Test2</span></section></div>';
@@ -863,4 +881,4 @@ describe('<JsonData>', function() {
             expect(el.style.color).to.equal('rgb(255, 255, 255)');
         });
     });
-});
\ No newline at end of file
+});

From cbcf4468bcddd97042a878eddaca19cb55ac9886 Mon Sep 17 00:00:00 2001
From: Aaron Huggins <aaron.huggins@gmail.com>
Date: Mon, 28 Jul 2025 12:59:39 -0500
Subject: [PATCH 19/20] Support newline and tab when searching for end of tag
 name

---
 js/react/jsxLoader.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/js/react/jsxLoader.js b/js/react/jsxLoader.js
index 462b643..3af691a 100644
--- a/js/react/jsxLoader.js
+++ b/js/react/jsxLoader.js
@@ -666,7 +666,7 @@
                         }
                     } else if (nextChar === '>') {
                         break;
-                    } else if (nextChar === ' ') {
+                    } else if (nextChar === ' ' || nextChar === '\n' || nextChar === '\t') {
                         foundName = true;
                         continue;
                     } else if (nextChar === ')' || nextChar === '&' || nextChar === '|' || nextChar === '?' || nextChar === ';') {

From df7306615b48395cf88ed5ef27c871514c047ec4 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Thu, 31 Jul 2025 09:41:16 -0700
Subject: [PATCH 20/20] =?UTF-8?q?=F0=9F=9A=80=20Release=205.14.6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                        | 7 ++++++-
 js/DataFormsJS.js                   | 2 +-
 js/DataFormsJS.min.js               | 4 ++--
 js/react/es5/DataFormsJS.js         | 2 +-
 js/react/es5/DataFormsJS.min.js     | 2 +-
 js/react/es6/DataFormsJS.min.js     | 2 +-
 js/react/jsxLoader.js               | 2 +-
 js/react/jsxLoader.min.js           | 4 ++--
 js/web-components/json-data.min.js  | 2 +-
 js/web-components/url-router.min.js | 2 +-
 package.json                        | 2 +-
 11 files changed, 18 insertions(+), 13 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0bcd650..ad5c1dd 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,11 +4,16 @@ DataFormsJS uses [Semantic Versioning](https://docs.npmjs.com/about-semantic-ver
 
 Overall the core Framework files, React Components, and Web Components and API are expected to remain stable however the version number is expected to increase to much larger numbers in the future due to the changes to smaller scripts and components. This change log includes all npm release history and new website features or major changes.
 
+## 5.14.6
+
+* Thanks for Aaron Huggins https://github.com/aaronhuggins for submitting and update to the jsxLoader
+* Support emitting the end of tag name when newline and tab are used: https://github.com/dataformsjs/dataformsjs/pull/24
+
 ## Documentation (Feb 14, 2025)
 
 * Thank you to Andrés https://github.com/andr33sdev of Buenos Aires, Argentina for helping with Spanish Translations.
 
-## 5.15.5 (Sep 9, 2024)
+## 5.14.5 (Sep 9, 2024)
 
 * Security update for the starter/example webserver that is included with the main project.
   * The file [app.js](https://github.com/dataformsjs/dataformsjs/blob/master/server/app.js) uses a custom express-like API with a minimal web server which allows DataFormsJS examples to run using Node.js built-in features and no outside dependencies.
diff --git a/js/DataFormsJS.js b/js/DataFormsJS.js
index e960bb3..851273b 100644
--- a/js/DataFormsJS.js
+++ b/js/DataFormsJS.js
@@ -3391,7 +3391,7 @@
 
     // Add Build Version
     // For new releases this gets updated automatically by [scripts/build.js].
-    Object.defineProperty(app, 'version', { value: '5.14.5', enumerable: true });
+    Object.defineProperty(app, 'version', { value: '5.14.6', enumerable: true });
 
     // Assign [DataFormsJS] and [app] to the global variable space
     window.DataFormsJS = app;
diff --git a/js/DataFormsJS.min.js b/js/DataFormsJS.min.js
index d789539..14ad585 100644
--- a/js/DataFormsJS.min.js
+++ b/js/DataFormsJS.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.14.5
+// @version 5.14.6
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
-!function(){"use strict";var h,g={NotSet:"Not Set",Unknown:"Unknown",Mixed:"Mixed",Handlebars:"Handlebars",Vue:"Vue",Nunjucks:"Nunjucks",Underscore:"Underscore",Text:"Text"},c=g.NotSet,p=[g.Handlebars,g.Vue,g.Nunjucks,g.Underscore,g.Text],m=!1,f=!1,v=!1,C=null,E=0,t=null,w=!1,b=0,n=-1!==navigator.userAgent.indexOf("Trident/"),y=null,a=!1;function l(e,t,o,r){if(typeof e!==t)throw console.log(e),new TypeError("["+o+"] was not defined as a "+t+" when the function "+r+" was called")}function s(e,t,o){if(void 0===e)throw new TypeError("["+t+"] must first be defined before the function "+o+" is called");if("object"!=typeof e)throw console.log(e),new TypeError("["+t+"] was not defined as an object when the function "+o+" was called")}function i(e,t,o){if(""===e)throw new TypeError("["+t+"] must have a value when defined when the function "+o+" is called")}function d(e,t,o){if(void 0!==e[o])throw console.log(e),new TypeError("["+t+"."+o+"] is already defined")}function T(e,t,o,r){for(var n=0,a=r.length;n<a;n++)if(void 0!==e[r[n]]&&"function"!=typeof e[r[n]])throw console.log(e),new TypeError(o+"["+t+"]."+r[n]+" is not defined as a function.")}function S(e,t,o,r){for(var n=0,a=r.length;n<a;n++)if(void 0!==e[r[n]]&&null!==e[r[n]])return;throw console.log(e),new TypeError(o+"["+t+"] must have one of the following properties defined: "+r.join(", "))}function A(e,t){var o,r,n="";try{return null!==t&&t.path?n='Error with [Controller.path = "'+t.path+'"] - ':null!==e&&e instanceof HTMLElement&&(o=e.getAttribute("data-template-id"),r=e.getAttribute("data-template-url"),o=null===o?"":' data-template-id="'+o+'"',r=null===r?"":' data-template-url="'+r+'"',n="Error with Element <"+e.tagName.toLowerCase(),n=(n+=' id="'+e.id+'"')+' class="'+e.className+'"'+(o+r)+"> - "),n}catch(e){return console.error(e),n}}function r(e,t,o){e=document.createElement(e);return e.textContent=t,o&&(e.className=o),e}function L(e,t){console.error(e),window.setTimeout(function(){t&&null===t.parentNode&&((document.querySelector("body")||document.documentElement).appendChild(t),h.activeTemplate&&(h.activeTemplate.error=!0,h.activeTemplate.errorMessage=e.toString())),h.showError(t,e)},500)}function R(e,t,o){var r,n,a=null,l=null,i=null,s=null,d=null;if(null===t)i=e.getAttribute("data-template-id"),s=e.getAttribute("data-template-url"),null!==h.activeController&&(d=h.activeController.viewEngine);else{if(i=t.viewId,s=t.viewUrl,void 0!==t.viewEngine&&(d=t.viewEngine),void 0===s&&(s=null),null!==(i=void 0===i?null:i)&&null!==s)return void o(u(null,i,s,d,!0,"A controller must have either [viewId] or [viewUrl] defined but not both properties. This error is not possible when calling the [addController()] so one or more of the properties were modified by JavaScript code after the controller was already added."));if(null===i&&null===s)return"function"==typeof t.onRouteLoad||"function"==typeof t.onBeforeRender||"function"==typeof t.onRendered?void o(null):void o(u(null,i,s,d,!0,"A controller must have either [viewId] or [viewUrl] defined but neither property is defined. This error is not possible when calling the [addController()] so one or more of the properties were modified by JavaScript code after the controller was already added."))}for(r=0,n=h.compiledTemplates.length;r<n;r++){if(null!==i&&h.compiledTemplates[r].id===i)return void o(h.compiledTemplates[r]);if(null!==s&&h.compiledTemplates[r].url===s)return void o(h.compiledTemplates[r])}if(null!==s)l=s,null===d&&(d=c);else{if(null===(a=document.getElementById(i)))return void o(u(e,i,s,d,!0,"Script Tag for Template ID ["+i+"] does not exist."));l=a.src||a.getAttribute("data-src"),d=h.getTemplateType(a)}d!==c&&-1!==p.indexOf(d)&&(c=d),null!==l&&""!==l?h.fetch(l,null,"text/plain").then(function(e){o(u(null,i,s,d,!1,e))}).catch(function(e){console.error(e),o(u(null,i,s,d,!0,"Error Downloading Template: ["+l+"], Error: "+e))}):o(u(a,i,s,d,!1,a.innerHTML))}function u(e,t,o,r,n,a){var l=null,i=null,s=!1,d=null;if(!n)try{switch(r){case g.Handlebars:l=Handlebars.compile(a);break;case g.Nunjucks:l=h.nunjucksEnvironment?nunjucks.compile(a,h.nunjucksEnvironment):nunjucks.compile(a);break;case g.Underscore:l=_.template(a);break;case g.Text:case g.Vue:i=a;break;default:throw null===e?new TypeError("Unsupported or Unknown Template View Engine when the Template was downloaded. Template type at the time of downloading = "+r):new TypeError('Unsupported or Unknown Template View Engine specified in <script id="'+e.id+'" type="'+e.type+'" data-engine="'+e.getAttribute("data-engine")+'">')}}catch(e){s=!(i=l=null),d=e}t={id:t,url:o,type:r,engine:l,html:i,error:n||s,errorMessage:n?a:d};return h.compiledTemplates.push(t),t}function U(t,o,e,r){var n="";try{if(e.error)return void h.showError(t,A(t,o)+e.errorMessage);switch(e.type){case g.Handlebars:case g.Underscore:n=e.engine(r);break;case g.Nunjucks:n=e.engine.render(r);break;case g.Text:case g.Vue:n=e.html;break;default:throw new TypeError("Unsupported or Unknown Template View Engine: "+e.type)}null===t.getAttribute("data-set-text-content")?t.innerHTML=n:t.textContent=n,h.updateTemplatesForIE(t)}catch(e){h.showError(t,A(t,o)+e)}}function V(){var e,s,d,t,o,r,n,u,a,l,p,i="hash"===y?window.location.hash:window.location.pathname,c=null,f=-1;if(200<E)return h.showErrorAlert(h.settings.errors.pageLoading),E=0,void(v=!1);if(v)return C===i?void 0:(window.setTimeout(V,200),void E++);if(m)return C===i?void 0:(window.setTimeout(V,200),void E++);for(o in v=!0,""===(i=(E=0)===(C=i).indexOf("#")?i.substring(1):i)&&(i="/"),h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onAllowRouteChange)try{if(!1===h.plugins[o].onAllowRouteChange(i))return void(v=!1)}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onAllowRouteChange()]: "+e.toString()),console.error(e)}if(h.unloadAllJsControls(),null!==h.activeController){for(o in h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onRouteUnload)try{h.plugins[o].onRouteUnload()}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}if(void 0!==h.activeController.onRouteUnload&&null===h.activeVueModel&&"Vue"!==h.viewEngine())try{h.activeController.onRouteUnload.apply(h.activeModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}}for(null!==h.activeVueModel&&(null===h.activeVueApp?(h.activeVueModel.$destroy(),h.settings.clearVue2WatchersOnRouteUnload&&h.activeController&&h.activeController.modelName&&h.models[h.activeController.modelName]&&h.activeVueModel.$data&&(h.models[h.activeController.modelName]=JSON.parse(JSON.stringify(h.activeVueModel.$data)))):h.activeVueApp.unmount()),h.activeController=null,h.activeTemplate=null,h.activeModel=null,h.activeVueModel=null,h.activeVueApp=null,h.activeParameters=[],h.activeParameterList={},w=!1,e=b=0,s=h.controllers.length;e<s;e++){if((t=h.routeMatches(i,h.controllers[e].path)).isMatch){c=h.controllers[e],h.activeParameters=t.args,h.activeParameterList=t.namedArgs;break}h.controllers[e].path===h.settings.defaultRoute&&(f=e)}if(null===c&&-1!==f)return a=h.settings.defaultRoute,"/:lang/"===h.settings.defaultRoute&&void 0!==h.plugins.i18n&&"function"==typeof h.plugins.i18n.readSettings&&"function"==typeof h.plugins.i18n.getUserDefaultLang&&(h.plugins.i18n.readSettings(),null!==(r=h.plugins.i18n.getUserDefaultLang())&&(a="/"+r+"/")),h.changeRoute(a),void(v=!1);if(null===c){if(0===h.controllers.length)return h.updateView(),void(v=!1);i!==h.settings.defaultRoute&&(r="Error - The route ["+i+"] does not have a <script data-route> element or [Controller] defined. Check to make sure that a controller or script for default route ["+h.settings.defaultRoute+"] exists.",h.showError(document.querySelector(h.settings.viewSelector),r)),v=!1}else h.activeController=c,u=function(){var e,t,o,r,n,a=c;if(a.modelName)h.activeModel=h.models[a.modelName];else{if(a.pageType&&void 0!==(o=h.pages[a.pageType]))if(a.viewEngine===g.Vue)if(e={},a.methods=void 0===a.methods?{}:a.methods,"function"==typeof o){e=new o;for(var l=h.getClassFunctionNames(o),i=["constructor","onRouteLoad","onBeforeRender","onRendered","onRouteUnload"],s=0;s<l.length;s++)r=l[s],i.includes(r)||(a.methods[r]=o.prototype[r])}else for(r in o.model)o.model.hasOwnProperty(r)&&("[object Function]"===(n=Object.prototype.toString.call(o.model[r]))?a.methods[r]=o.model[r]:e[r]="[object Object]"===n?h.deepClone({},o.model[r]):"[object Array]"===n?h.deepClone([],o.model[r]):o.model[r]);else e="function"==typeof o?new o:h.deepClone({},o.model);void 0!==a.settings&&0<Object.keys(a.settings).length&&(void 0===e&&(e={}),h.deepClone(e,a.settings)),e&&!1!==e.loadOnlyOnce&&(t=null===a.pageType||void 0===a.pageType?"Dynamic":(t=a.pageType).substring(0,1).toUpperCase()+t.substring(1),t="model_"+String(Object.keys(h.models).length)+"_"+t,h.addModel(t,e),a.modelName=t),a.modelName?h.activeModel=h.models[a.modelName]:h.activeModel=void 0===e?{}:e}for(d in h.activeParameterList)h.activeParameterList.hasOwnProperty(d)&&(h.activeModel[d]=h.activeParameterList[d]);R(null,c,function(e){var t,o=[],r=[],n=0,a=0;function l(){if(h.activeTemplate=e,void 0!==c.onRouteLoad&&h.activeController&&h.activeController.viewEngine!==g.Vue)try{c.onRouteLoad.apply(h.activeModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+c.path+"] on [onRouteLoad()]: "+e.toString()),console.error(e)}window.scrollTo(0,0),h.updateView(),v=!1}for(t in h.plugins)h.plugins.hasOwnProperty(t)&&void 0!==h.plugins[t].onRouteLoad&&(o.push(h.plugins[t].onRouteLoad),r.push(t));(0===(a=o.length)?l:function t(){try{var e=r[n],e=h.plugins[e];o[n].call(e,function(e){!1!==e?(++n===a?l:t)():v=!1})}catch(e){h.showErrorAlert("Error from Plugin ["+r[n]+"] on [onRouteLoad()]: "+e.toString()),console.error(e),h.updateView(),v=!1}})()})},void 0!==(n=c).settings&&void 0!==n.settings.lazyLoad?(null!==h.settings.lazyTemplateSelector&&(l=document.querySelector(h.settings.viewSelector),a=document.querySelector(h.settings.lazyTemplateSelector),l&&a&&("TEMPLATE"===a.tagName||"SCRIPT"===a.tagName&&"text"===a.getAttribute("data-engine")?l.innerHTML=a.innerHTML:console.warn("Unable to show loading screen from [app.settings.lazyTemplateSelector]. Only <template> tags are allowed."))),l=n.settings.lazyLoad.split(",").map(function(e){return e.trim()}),p=[],l.forEach(function(e){void 0===h.lazyLoad[e]?console.error("Missing [app.LazyLoad] scripts for: "+e):p.push(h.loadScripts(h.lazyLoad[e]))}),Promise.all(p).finally(function(){P(n),u()})):(P(n),u())}function P(e){if(null!==e.pageType&&void 0!==e.pageType&&void 0===e._pageCopied){var t=null;if(void 0===h.pages[e.pageType]?t="The page ["+e.pageType+"] has not been loaded for Controller[path="+e.path+"].":"object"==typeof h.pages[e.pageType]&&"object"!=typeof h.pages[e.pageType].model&&(t="Error - The [model] property for page object ["+e.pageType+"] must be a valid JavaScript Object."),null!==t)return e.settings=e.settings||{},e.settings.errorMessage=t,e.settings.hasError=!0,void h.showErrorAlert(t);var o=h.pages[e.pageType];if("function"==typeof o)for(var r=h.getClassFunctionNames(o),n=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"],a=0;a<r.length;a++){var l=r[a];n.includes(l)&&(e[l]=o.prototype[l])}else for(var i in o)o.hasOwnProperty(i)&&"function"==typeof o[i]&&(e[i]=o[i]);e.viewEngine===g.Vue&&"object"==typeof o.computed&&void 0===e.computed&&(e.computed=o.computed),e._pageCopied=!0}}function o(e){var t=new Date,t="toLocaleString"in t?t.toLocaleString():t.toString(),t=-1<e.message.toLowerCase().indexOf("script error")?"Script Error at "+t+": See Browser Console for Detail":["Message: ["+e.message+"]","Time: ["+t+"]","URL: ["+e.filename+"]","Line: "+e.lineno,"Column: "+e.colno,"Error Object: "+JSON.stringify(e.error)].join(" - ");h.showErrorAlert(t),console.error(e)}void 0===window.DataFormsJS&&(h={controllers:[],models:{},pages:{},plugins:{},controls:{},graphQL:{},lazyLoad:{},locals:{},settings:{defaultRoute:"/",viewSelector:"#view",logFetchRequests:!1,requestHeaders:{},requestHeadersByHostName:{},fetchOptions:{mode:"cors",cache:"no-store",credentials:"same-origin"},polyfillUrl:"https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?version=4.8.0&features=Array.from,Array.isArray,Array.prototype.find,Object.assign,URL,fetch,Promise,Promise.prototype.finally,String.prototype.endsWith,String.prototype.startsWith,String.prototype.includes,String.prototype.repeat",cssPonyfillUrl:"https://cdn.jsdelivr.net/npm/css-vars-ponyfill@2.4.3/dist/css-vars-ponyfill.min.js",graphqlUrl:null,errors:{pageLoading:"Error loading the current page because the previous page is still loading and is taking a long time. Please refresh the page and try again."},lazyTemplateSelector:null,clearVue2WatchersOnRouteUnload:!1},activeController:null,activeTemplate:null,activeModel:null,activeVueModel:null,activeVueApp:null,vueDirectives:null,activeParameters:[],activeParameterList:{},activeJsControls:[],compiledTemplates:[],onUpdateViewComplete:null,nunjucksEnvironment:null,errorClass:"dataformsjs-error",fatalErrorClass:"dataformsjs-fatal-error",errorStyleId:"dataformsjs-style-errors",errorCss:[".dataformsjs-error,.dataformsjs-fatal-error{","color:#fff;","background-color:red;","box-shadow:0 1px 5px 0 rgba(0,0,0,.5);","background-image:linear-gradient(#e00,#c00);","/*white-space:pre;*/","text-align:left;","}",".dataformsjs-error{","padding:10px;","font-size:1em;","margin:5px;","display:inline-block;","}",".dataformsjs-fatal-error{","z-index:1000000;","padding:20px;","font-size:1.5em;","margin:20px;","position:fixed;","top:10px;","}","@media only screen and (min-width:1000px){",".dataformsjs-fatal-error{","max-width:1000px;","left:calc(50% - 520px);","}","}",".dataformsjs-fatal-error span{","padding:5px 10px;","float:right;","border:1px solid darkred;","cursor:pointer;","margin-left:10px;","box-shadow:0 0 2px 1px rgba(0,0,0,0.3);","background-image:linear-gradient(#c00,#a00);","border-radius:5px;","}"].join(""),vueStyleId:"dataformsjs-style-vue-cloak",vueCss:"[v-cloak] { display: none !important; }",escapeHtml:function(e){return null==e||"number"==typeof e?e:String(e).replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/'/g,"&#039;").replace(/</g,"&lt;").replace(/>/g,"&gt;")},fetch:function(t,e,o){var r=h.deepClone({},h.settings.fetchOptions);return r.headers=h.getRequestHeaders(t),e&&(Object.assign(r,e),void 0!==e.headers&&(r.headers=Object.assign({},h.getRequestHeaders(t),e.headers))),!n||void 0!==r.method&&"GET"!==r.method&&"HEAD"!==r.method||"no-store"!==r.cache&&"no-cache"!==r.cache||((e=/([?&])_=[^&]*/).test(t)?t=t.replace(e,"$1_="+(new Date).getTime()):t+=(/\?/.test(t)?"&":"?")+"_="+(new Date).getTime()),fetch(t,r).then(function(e){return h.settings.logFetchRequests&&h.events&&"function"==typeof h.events.dispatch&&h.events.dispatch("fetch",{url:t,status:e.status}),Promise.resolve(e)}).then(function(e){var t=e.status;return 200<=t&&t<300||304===t?Promise.resolve(e):(t="Error loading data. Server Response Code: "+t+", Response Text: "+e.statusText,Promise.reject(t))}).then(function(e){var t=void 0===o?"application/json":o;return 0===(t=e.headers.has("Content-Type")?e.headers.get("Content-Type"):t).indexOf("application/json")?e.json():e.text()})},routingMode:function(){return y},changeRoute:function(e){if("string"!=typeof e)throw new TypeError("Expected string for app.changeRoute(path)");"history"===y?(window.history.pushState(null,null,e),V()):window.location.hash=0===e.indexOf("#")?e:"#"+e},pushStateClick:function(e){if(!0!==e.ctrlKey&&!e.metaKey)return e.preventDefault(),e.stopPropagation(),e.currentTarget.href?h.changeRoute(e.currentTarget.href):console.error("app.pushStateClick() called for an unknown link"),!1},addPage:function(e,t){var o,r=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"],n=(l(e,"string","name","app.addPage()"),i(e,"name","app.addPage()"),!1);if("object"==typeof t)o=t,n=!0;else{if("function"!=typeof t||"class"!==t.toString().substring(0,5))throw new TypeError("Page ["+e+"] must be defined as an object or a class when the function app.addPage() is called");o=t.prototype}return T(o,e,"page",r),r.pop(),S(o,e,"page",r),n&&s(t.model,"page."+e+".model","app.addPage()"),d(this.pages,"app.pages",e),this.pages[e]=t,this},addPlugin:function(e,t){function o(){"function"==typeof this.onRouteUnload&&this.onRouteUnload(),this.onRendered()}if(l(e,"string","name","app.addPlugin()"),i(e,"name","app.addPlugin()"),d(this.plugins,"app.plugins",e),"function"==typeof(t="function"==typeof t&&"class"===t.toString().substring(0,5)?new t:t))return this.plugins[e]={onRendered:t,reload:o},this;var r=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"];return l(t,"object","plugin","app.addPlugin()"),T(t,e,"plugin",r),r.pop(),S(t,e,"plugin",r),void 0===t.reload&&(t.reload=o),this.plugins[e]=t,this},addControl:function(e,t){if(l(e,"string","name","app.addControl()"),i(e,"name","app.addControl()"),e!==e.toLowerCase())throw new TypeError("Control names must be all lower-case. [app.addControl()] was called with: ["+e+"]");if(-1===e.indexOf("-"))throw new TypeError("Control names must contain a dash [-] character. [app.addControl()] was called with: ["+e+"]");if(-1!==e.indexOf(" "))throw new TypeError("Control names cannot contain a space. [app.addControl()] was called with: ["+e+"]");if(!1!==/[&<>"'/]/.test(e))throw new TypeError("Control names cannot contain HTML characters that need to be escaped. Invalid characters are [& < > \" ' /]. [app.addControl()] was called with: ["+e+"]");l(t,"object","control","app.addControl()"),void 0!==t.css&&l(t.css,"string","control.css","app.addControl()");var o=["onLoad","html","onUnload"];return S(t,e,"control",o),T(t,e,"control",o),o.pop(),S(t,e,"control",o),d(this.controls,"app.controls",e),this.controls[e]=t,this},addModel:function(e,t){return l(e,"string","name","app.addModel()"),i(e,"name","app.addModel()"),l(t,"object","model","app.addModel()"),d(this.models,"app.models",e),this.models[e]=t,this},addController:function(t){var e,o=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"];if(l(t,"object","controller","app.addController()"),l(t.path,"string","controller.path","app.addController()"),i(t.path,"controller.path","app.addController()"),this.controllers.forEach(function(e){if(e.path===t.path)throw new TypeError("[app.controllers(path="+t.path+")] is already defined")}),e="app.addController(path="+t.path+")",void 0===t.viewId)t.viewId=null;else{l(t.viewId,"string","controller.viewId",e),i(t.viewId,"controller.viewId",e);var r=t.viewId,n="controller.viewId",a=e;if(null===document.getElementById(r))throw new TypeError("An element was not found on the page with ["+n+"][id="+r+"] when the function "+a+" was called")}if(void 0===t.viewUrl?t.viewUrl=null:(l(t.viewUrl,"string","controller.viewUrl",e),i(t.viewUrl,"controller.viewUrl",e)),null!==t.viewId&&null!==t.viewUrl)throw new TypeError("A controller cannot have both [viewId] and [viewUrl] defined when calling "+e);if(void 0!==t.viewEngine){if(null===t.viewId&&null===t.viewUrl)throw new TypeError("When a controller uses the [viewEngine] property either [viewId] or [viewUrl] must also be defined when calling "+e);if(-1===p.indexOf(t.viewEngine))throw new TypeError("Invalid [viewEngine] property when calling "+e+". Valid values are: "+p.join(", "))}return null!==t.modelName&&void 0!==t.modelName&&(l(t.modelName,"string","controller.modelName",e),i(t.modelName,"controller.modelName",e),s(this.models[t.modelName],"app.models."+t.modelName,e)),null!==t.pageType&&void 0!==t.pageType&&(l(t.pageType,"string","controller.pageType",e),i(t.pageType,"controller.pageType",e)),T(t,t.path,"controller",o),null!==t.pageType&&void 0!==t.pageType||(o.pop(),o.push("viewId"),o.push("viewUrl"),S(t,t.path,"controller",o)),this.controllers.push(t),this},controller:function(e){for(var t=0,o=this.controllers.length;t<o;t++)if(this.controllers[t].path===e)return this.controllers[t];return null},showError:function(e,t){var o;null!==e?(h.loadCss(h.errorStyleId,h.errorCss),o=r("span",t,h.errorClass),e.innerHTML="",e.appendChild(o),"string"!=typeof t&&console.error(t)):h.showErrorAlert(t)},showErrorAlert:function(e){h.loadCss(h.errorStyleId,h.errorCss);var t=r("div",e="string"==typeof e&&-1===e.toLowerCase().indexOf("error")?"Error: "+e:e,h.fatalErrorClass),o=r("span","✕");o.onclick=function(){document.body.removeChild(t)},t.insertBefore(o,t.firstChild),document.body.appendChild(t),"string"!=typeof e&&console.error(e)},isUsingVue:function(){return null!==h.activeVueModel||h.activeController&&"Vue"===h.activeController.viewEngine||"Vue"===h.viewEngine()},isUsingVue2:function(){return this.isUsingVue()&&void 0===Vue.createApp},isUsingVue3:function(){return this.isUsingVue()&&"function"==typeof Vue.createApp},isUpdatingView:function(){return m},updateView:function(){function e(){var e,t,o,r,n;if(m=!0,null!==h.activeVueModel&&null===h.activeVueApp)return e=0,(t=h.activeVueModel._watcher)&&t.deps&&t.deps.length&&(e=t.deps.length),b!==e&&a("vue_dep_change"),m=!(w=!0),void(b=e);if(null===h.activeVueApp){h.unloadAllJsControls();try{if(!(h.activeController&&h.activeController.viewEngine===g.Vue)&&h.activeController&&void 0!==h.activeController.onBeforeRender)try{h.activeController.onBeforeRender.apply(h.activeModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onBeforeRender()]: "+e.toString()),console.error(e)}for(o in h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onBeforeRender)try{h.plugins[o].onBeforeRender()}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onBeforeRender()]: "+e.toString()),console.error(e)}null!==h.activeTemplate&&(null===(r=document.querySelector(h.settings.viewSelector))?(n="Error - The main HTML element for rendering views from selector ["+h.settings.viewSelector+"] does not exist on this page. Check HTML on the page to makes sure that the element exist; and if it does then check to make sure that JavaScript Code did not remove it from the page",h.showErrorAlert(n)):(h.activeController&&h.activeController.viewEngine===g.Vue&&r.setAttribute("v-cloak",""),U(r,h.activeController,h.activeTemplate,h.activeModel))),h.refreshAllHtmlControls(function(){var t,e,o,r;h.activeController&&h.activeController.viewEngine===g.Vue?(t=document.querySelector(h.settings.viewSelector),e=function(e){console.error("Vue Error"),L(e,t)},o=function(e){console.error("Vue Warning"),L(e,t)},r="function"==typeof Vue.createApp,h.activeTemplate&&h.activeTemplate.error?(h.showError(document.querySelector(h.settings.viewSelector),h.activeTemplate.errorMessage),a("updateView")):r?(h.activeVueApp=Vue.createApp({data:function(){return h.activeModel},directives:h.vueDirectives,methods:h.activeController.methods,computed:h.activeController.computed,mounted:function(){h.activeVueModel=this,h.activeVueModel.$nextTick(function(){if(void 0!==h.activeController.onRouteLoad)try{h.activeController.onRouteLoad.apply(h.activeVueModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteLoad()]: "+e.toString()),console.error(e)}h.loadAllJsControls(),a("vue_mounted",h.activeVueModel)})},updated:function(){this.$nextTick(function(){w&&(h.loadAllJsControls(),a("vue_updated"),w=!1)})},beforeUnmount:function(){try{void 0!==h.activeController.onRouteUnload&&h.activeController.onRouteUnload.apply(h.activeVueModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}}}),h.activeVueApp.errorHandler=e,h.activeVueApp.warnHandler=o,h.activeVueApp.mount(h.settings.viewSelector)):(Vue.config.errorHandler=e,Vue.config.warnHandler=o,h.activeVueModel=new Vue({el:h.settings.viewSelector,data:h.activeModel,methods:h.activeController.methods,computed:h.activeController.computed,mounted:function(){var e=this;e.$nextTick(function(){if(void 0!==h.activeController.onRouteLoad)try{h.activeController.onRouteLoad.apply(e,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteLoad()]: "+e.toString()),console.error(e)}h.loadAllJsControls(),a("vue_mounted",e)})},updated:function(){this.$nextTick(function(){var e;w&&(h.loadAllJsControls(),a("vue_updated"),(e=this._watcher)&&e.deps&&e.deps.length&&(b=this._watcher.deps.length),w=!1)})},beforeDestroy:function(){try{void 0!==h.activeController.onRouteUnload&&h.activeController.onRouteUnload.apply(this,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}}}))):(h.loadAllJsControls(),a("updateView")),m=!1})}catch(e){throw m=!1,console.error(e),e}}else m=!(w=!0)}function a(e,t){for(var o in"history"===y&&(r=document.querySelectorAll('a[href^="/"]:not([data-no-pushstate])'),Array.prototype.forEach.call(r,function(e){e.addEventListener("click",h.pushStateClick)})),h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onRendered)try{h.plugins[o].onRendered()}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onRendered()]: "+e.toString()),console.error(e)}var r=h.activeController&&h.activeController.viewEngine===g.Vue,n=h.activeController&&h.activeController.onRendered;if("function"==typeof n){t=r?t||h.activeVueModel:t||h.activeModel;try{n.apply(t,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRendered()]: "+e.toString()),console.error(e)}}if(null!==h.onUpdateViewComplete)try{h.onUpdateViewComplete(e)}catch(e){h.showErrorAlert("Error from [app.onUpdateViewComplete()]: "+e.toString()),console.error(e)}}m?t=window.setInterval(function(){m||(window.clearInterval(t),t=null,e())},10):e()},refreshAllHtmlControls:function(e,r){var n=String((new Date).getTime()),a='[data-template-id]:not([data-updated-at="'+n+'"])';a+=',[data-template-url]:not([data-updated-at="'+n+'"])',f=!0,function t(o){if(null===o)f=!1,m||h.refreshPlugins(),e&&e(n);else try{h.refreshHtmlControl(o,function(){o.setAttribute("data-updated-at",n),t(document.querySelector(a))},r)}catch(e){o.setAttribute("data-updated-at",n),t(document.querySelector(a))}}(document.querySelector(a))},refreshHtmlControl:function(t,r,e){try{var o="string"==typeof t,c=t instanceof HTMLElement;if(!o&&!c)throw new TypeError("Invalid type for parameter [control] in the function [DataFormsJS.refreshHtmlControl()]: "+typeof t);if(o){var n=t;if(null===(t=document.getElementById(n)))throw new TypeError("Control not found for ["+n+"] when the function [DataFormsJS.refreshHtmlControl()] was called.")}if(void 0!==r&&"function"!=typeof r)throw new TypeError("[callback] was not defined as a [function] when the [DataFormsJS.refreshHtmlControl()] was called");var a=t.getAttribute("data-template-id"),l=t.getAttribute("data-template-url");if(null!==a&&null!==l)throw new TypeError("A control must have only one of the template attribute defined; either [data-template-id] or [data-template-url]. Both attributes are defined on the control.");if(null===a&&null===l)throw new TypeError("A control must have either attribute [data-template-id] or [data-template-url]. Neither attribute is defined for the control.");void 0===e&&(e=this.activeModel);var i,s=Object.assign({},e),u=["templateId","templateUrl","updatedAt"];for(i in t.dataset)if(-1===u.indexOf(i)){var d=t.dataset[i];switch(d){case"true":case"":s[i]=!0;break;case"false":s[i]=!1;break;case"null":s[i]=null;break;default:s[i]=d}}R(t,null,function(e){U(t,null,e,s),m||(h.loadAllJsControls(t,s),h.unloadUnattachedJsControls()),f||h.refreshPlugins(t);var o=[];f||m||(e=t.querySelectorAll("[data-template-id],[data-template-url]"),Array.prototype.forEach.call(e,function(t){o.push(new Promise(function(e){h.refreshHtmlControl(t,e)}))})),Promise.all(o).finally(function(){void 0!==r&&r()})})}catch(e){throw console.error(e),null!==t&&t instanceof HTMLElement&&h.showError(t,A(t,null)+e.message),e}},refreshPlugins:function(e){function t(){for(var t in h.plugins)if(h.plugins.hasOwnProperty(t)&&void 0!==h.plugins[t].onRendered)try{void 0===e?h.plugins[t].onRendered():1===h.plugins[t].onRendered.length&&h.plugins[t].onRendered(e)}catch(e){h.showErrorAlert("Error from Plugin ["+t+"] on [onRendered()]: "+e.toString()),console.error(e)}}h.activeController&&h.activeController.viewEngine===g.Vue&&h.activeVueModel&&"function"==typeof h.activeVueModel.$nextTick?h.activeVueModel.$nextTick(t):t()},loadAllJsControls:function(o,r){var t=["[data-control]:not([data-control-loaded]):not([data-control-is-loading])"],n=(Object.keys(h.controls).forEach(function(e){-1!==e.indexOf("-")&&-1===e.indexOf(" ")&&t.push(e+":not([data-control-loaded]):not([data-control-is-loading])")}),t.join(","));void 0===o&&(o=document),void 0===r&&(r=h.activeModel),function e(t){if(null!==t){try{h.loadJsControl(t,r)}catch(e){t.setAttribute("data-control-loaded",""),h.showError(t,e.toString()),console.error(e)}e(o.querySelector(n))}}(o.querySelector(n))},loadJsControl:function(t,e){var o,r,n,a,l,i;if(t instanceof HTMLElement)t.hasAttribute("data-control-loaded")&&(l=h.activeJsControls.find(function(e){return e.element===t}));else{if(void 0===(l="object"==typeof t?h.activeJsControls.find(function(e){return e===t}):l))throw new TypeError("Invalid type for parameter [element] for the function [DataFormsJS.loadJsControl()], expected HTMLElement, received: "+typeof t);t=l.element}if(null===(o=t.getAttribute("data-control"))&&(o=t.tagName.toLowerCase()),void 0===(r=h.controls[o]))throw-1===o.indexOf("-")?(h.showError(t,i="Invalid call to [DataFormsJS.loadJsControl()]. This function only works on valid control elements."),console.log(t),new TypeError(i)):new Error("JavaScript Control was not found by name, check that the file is loaded: "+o);for(a in t.setAttribute("data-control",o),n=void 0===r.data?{}:h.deepClone({},r.data),t.dataset)if("control"!==a){var s=t.dataset[a];switch(s){case"true":case"":n[a]=!0;break;case"false":n[a]=!1;break;case"null":n[a]=null;break;default:n[a]=s}}if(void 0!==r.css&&h.loadCss("DataFormsJS-control-style-"+o,r.css),void 0===e&&(e=h.activeModel),null===t.getAttribute("data-control-is-loading")){t.setAttribute("data-control-is-loading",""),i=!1;try{void 0!==r.onLoad&&r.onLoad.call(n,t,e)}catch(e){h.showError(t,"Error with JavaScript Control ["+o+"] in function [onLoad()]: "+e.toString()),console.error(e),i=!0}if(!i)try{void 0!==r.html&&(t.innerHTML=r.html.call(n,e))}catch(e){h.showError(t,"Error with JavaScript Control ["+o+"] in function [html()]: "+e.toString()),console.error(e)}t.setAttribute("data-control-loaded",""),t.removeAttribute("data-control-is-loading"),void 0===l?h.activeJsControls.push({element:t,control:o,data:n}):l.data=n}},unloadAllJsControls:function(){h.activeJsControls.forEach(function(e){h.unloadJsControl(e)}),h.activeJsControls=[]},unloadUnattachedJsControls:function(){for(var e,t=h.activeJsControls.length;0<t;t--)document.body.contains(h.activeJsControls[t-1].element)||(e=h.activeJsControls.splice(t-1,1),h.unloadJsControl(e[0]))},unloadJsControl:function(t){var o=h.controls[t.control];if(void 0!==o.onUnload)try{o.onUnload.call(t.data,t.element)}catch(e){o="Unknown Control";t.element&&(o=(o=t.element.getAttribute("data-control"))||"Unknown Control"),h.showErrorAlert("Error with JavaScript Control ["+o+"] in function [onUnload()]: "+e.toString()),console.error(e)}t.element.removeAttribute("data-control-loaded")},routeMatches:function(e,t){var o,r,n=e.split("/"),a=t.split("/"),l=n.length,i=[],s={};if(l!==a.length)return{isMatch:!1};for(o=0;o<l;o++)if((r=decodeURIComponent(n[o]))!==a[o]){if(":"!==a[o].substring(0,1))return{isMatch:!1};i.push(r),s[a[o].substring(1)]=r}return{isMatch:!0,args:i,namedArgs:s}},getClassFunctionNames:function(e){for(var t=[],o=e;o&&o.prototype&&o!==Object;){for(var r=Object.getOwnPropertyNames(o.prototype),n=0;n<r.length;n++){var a=r[n];"function"!=typeof o.prototype[a]||t.includes(a)||t.push(a)}o=Object.getPrototypeOf(o)}return t},deepClone:function(){var e,t,o,r,n,a=arguments.length;if(0===a)throw new TypeError("No arguments specified when app.deepClone() was called.");if(1===a)throw new TypeError("Only one argument was specified when app.deepClone() was called.");for(e=0;e<a;e++)l(arguments[e],"object","argument","app.deepClone()");for(t=arguments[0],e=1;e<a;e++)for(r in o=arguments[e])o.hasOwnProperty(r)&&(void 0!==(n=Object.getOwnPropertyDescriptor(o,r)).get||void 0!==n.set?Object.defineProperty(t,r,n):(n=Object.prototype.toString.call(o[r]),t[r]="[object Object]"===n?this.deepClone({},o[r]):"[object Array]"===n?this.deepClone([],o[r]):o[r]));return t},getTemplateType:function(e){if(void 0===e)throw new TypeError("Missing parameter [script] for the function [DataFormsJS.getTemplateType()]");if(!(e instanceof HTMLElement))throw new TypeError("Invalid type for parameter [script] for the function [DataFormsJS.getTemplateType()], expected HTMLElement, received: "+typeof e);if("TEMPLATE"!==e.tagName&&"SCRIPT"!==e.tagName)throw new TypeError("Invalid type for parameter [script] for the function [DataFormsJS.getTemplateType()], expected <script> or <template>, received: "+e.tagName.toLowerCase());if("TEMPLATE"===e.tagName)return g.Text;switch(e.getAttribute("data-engine")){case"handlebars":return g.Handlebars;case"vue":return g.Vue;case"nunjucks":return g.Nunjucks;case"underscore":return g.Underscore;case"text":return g.Text;default:return g.Unknown}},viewEngine:function(e){if(void 0===e)return c;switch(e){case g.NotSet:case g.Unknown:case g.Mixed:throw new TypeError("Invalid value specified for setting the ViewEngine: "+e);default:if(void 0===g[e])throw new TypeError("Unknown value specified for setting the ViewEngine ["+e+"], refer to documentation or values from the enum/object [ViewEngines] for valid options.")}return c=e,this},loadCss:function(e,t){var o=document.getElementById(e);null===o&&((o=document.createElement("style")).id=e,o.innerHTML=t,document.head.appendChild(o))},loadScript:function(e,r,t){function o(e,t){var o=document.createElement("script");o.onload=e,o.onerror=function(){console.error("Error loading Script: "+r),t()},o.src=r,document.head.appendChild(o)}if(!1===e||void 0===e){if(void 0===t)return new Promise(function(e,t){o(e,t)});o(t,t)}else{if(void 0===t)return new Promise(function(e){e()});t()}},loadScripts:function(i){if("string"==typeof i)i=[i];else if(!Array.isArray(i))return h.showErrorAlert("Invalid Script for [app.loadScripts()] or [app.lazyLoad], expected string or an array of strings. Check console."),console.warn("app.loadScripts():"),console.warn(i),new Promise(function(e){e()});return new Promise(function(o){var r=0,n=i.length;!function e(){var t,a,l;r!==n?(t=i[r],r++,t.endsWith(".js")?(l=t,new Promise(function(e){for(var t=document.querySelectorAll("script"),o=0,r=t.length;o<r;o++)if(t[o].getAttribute("src")===l)return void e();var n=document.createElement("script");n.onload=e,n.onerror=function(){h.showErrorAlert("Error loading JS File: "+l),e()},n.src=l,document.head.appendChild(n)}).then(e)):t.endsWith(".css")?(a=t,new Promise(function(e){for(var t=document.querySelectorAll("link"),o=0,r=t.length;o<r;o++)if("stylesheet"===t[o].rel&&t[o].getAttribute("href")===a)return void e();var n=document.createElement("link");n.rel="stylesheet",n.onload=e,n.onerror=function(){h.showErrorAlert("Error loading CSS File: "+a),e()},n.href=a,document.head.appendChild(n)}).then(e)):(h.showErrorAlert("Invalid Script for [app.loadScripts()] or [app.lazyLoad]: "+t),e())):o()}()})},buildUrl:function(e,t){if(void 0===t&&(t=h.activeParameterList),e=String(e).replace(/\{(\w+)\}/g,function(e,t){return"string"==typeof window[t]?window[t]:e}),null!==t&&0<Object.keys(t).length)for(var o in t)t.hasOwnProperty(o)&&-1<e.indexOf(":"+o)&&(e=e.replace(new RegExp(":"+o,"g"),encodeURIComponent(t[o])));return e},getGraphQL:function(r,o){var n,a;return r&&o?new Promise(function(e,t){t('Error calling [app.getGraphQL()]. Both [id="'+r+'"] and [src="'+o+'"] are set. Only one value can be used.')}):(n=r||o)&&void 0!==h.graphQL[n]?new Promise(function(e,t){h.graphQL[n].query?e(h.graphQL[n].query):t(h.graphQL[n].error)}):r?new Promise(function(e,t){var o=null;null===(a=document.getElementById(r))?o="Missing GraphQL Script Element: "+r:"SCRIPT"!==a.nodeName||"application/graphql"!==a.type?o='Invalid Element for GraphQL Script, expected: <script type="application/graphql" id="'+r+'">':(h.graphQL[r]={query:a.innerHTML,error:null},e(a.innerHTML)),null!==o&&(h.graphQL[r]={query:null,error:o},t(o))}):o?h.fetch(o,null,"text/plain").then(function(e){return h.graphQL[o]={query:e,error:null},e}).catch(function(e){e="Error Downloading GraphQL Script: ["+o+"], Error: "+e;throw h.graphQL[o]={query:null,error:e},e}):new Promise(function(e,t){t("Error calling [app.getGraphQL()]. Missing GraphQL Parameters.")})},buildGraphQLVariables:function(e,t){var o,r,n={};if(0<Object.keys(t).length)for(var a in t)t.hasOwnProperty(a)&&-1<e.indexOf("$"+a)&&(o=-1!==e.indexOf("($"+a+": Int"),r=t[a],n[a]=o?Number(r):r);return n},handleGlobalErrors:function(e){e?window.addEventListener("error",o):window.removeEventListener("error",o)},getRequestHeaders:function(e){var t,o={},r=h.settings.requestHeaders;for(t in r)r.hasOwnProperty(t)&&(o[t]=r[t]);if(0<Object.keys(h.settings.requestHeadersByHostName).length&&(e=new URL(e,window.location).hostname,void 0!==(r=h.settings.requestHeadersByHostName[e])))for(t in r)r.hasOwnProperty(t)&&(o[t]=r[t]);return o},updateTemplatesForIE:function(e){n&&(e=e.querySelectorAll("template"),Array.prototype.forEach.call(e,function(e){for(var t=document.createElement("script"),o=0,r=e.attributes.length;o<r;o++)t.setAttribute(e.attributes[o].name,e.attributes[o].value);t.type="text/x-template",t.setAttribute("data-engine","text"),t.innerHTML=e.innerHTML,e.parentNode.replaceChild(t,e)}))},cssVarsPonyfill:function(){var e,t='link[rel="stylesheet"][data-css-vars-ponyfill],style[data-css-vars-ponyfill]';null!==document.querySelector(t)&&(e=window.CSS&&window.CSS.supports&&window.CSS.supports("(--a: 0)"),h.loadScript(e,h.settings.cssPonyfillUrl,function(){window.cssVars&&window.cssVars({include:t})}))},setup:function(){c=g.Unknown;var e,t=0,o=[{prop:"Handlebars",type:"handlebars",label:g.Handlebars},{prop:"Vue",type:"vue",label:g.Vue},{prop:"nunjucks",type:"nunjucks",label:g.Nunjucks},{prop:"_",type:"underscore",label:g.Underscore}];for(e in o)null!==document.querySelector('script[type="text/x-template"][data-engine="'+o[e].type+'"]')&&(c=o[e].label,t++);if(0===t)for(e in o)window[o[e].prop]&&(c=o[e].label,t++);1<t&&(c=g.Mixed),void 0!==window.Vue&&h.loadCss(h.vueStyleId,h.vueCss),null!==document.documentElement.getAttribute("data-show-errors")&&h.handleGlobalErrors(!0),h.settings.graphqlUrl=document.documentElement.getAttribute("data-graphql-url"),null===y&&"history"!==(y=document.documentElement.getAttribute("data-routing-mode"))&&(y="hash"),h.updateTemplatesForIE(document);var r=document.querySelectorAll('script[type="text/x-template"][data-route],template[data-route]');Array.prototype.forEach.call(r,function(e){var t=e.getAttribute("data-route"),o=e.id,r=e.src||e.getAttribute("data-src"),n=e.getAttribute("data-page"),c=e.getAttribute("data-model"),u=e.getAttribute("data-controller-added"),a=h.getTemplateType(e),p=e.getAttribute("data-default-route"),l=0,i={};if(null===u){if(""===t)return console.log(e),void h.showErrorAlert(new TypeError('A script element <script id="'+e.id+'" type="'+e.type+'" data-engine="'+e.getAttribute("data-engine")+'"> has the attribute [data-route] defined however the attribute value is empty. This error must be fixed, scripts that include a route path attribute must have the value defined.'));if(a===g.Unknown)return console.log(e),void h.showErrorAlert(new TypeError('A script element <script id="'+e.id+'" type="'+e.type+'" data-engine="'+e.getAttribute("data-engine")+'" data-route="'+e.getAttribute("data-route")+'"> must have a valid engine type defined in [data-engine]. Valid values are [handlebars, vue, underscore, nunjucks, text].'));if(""===o&&(""===r||null===r))for(;o="template"+l,null===document.querySelector("#"+o)&&(e.id=o),l++,""===e.id;);""===r||null===r?r=void 0:o=void 0;var s,f=["route","page","model","src","engine"];for(s in e.dataset)if(-1===f.indexOf(s)){var d=e.dataset[s];switch(d){case"true":case"":i[s]=!0;break;case"false":i[s]=!1;break;case"null":i[s]=null;break;default:i[s]=d}}try{h.addController({path:t,viewId:o,viewUrl:r,viewEngine:a,pageType:n,modelName:c,settings:i}),null!==p&&(h.settings.defaultRoute=t)}catch(e){h.showErrorAlert("Error from [app.setup()]: "+e),console.error(e)}e.setAttribute("data-controller-added","true")}}),"hash"===y?window.addEventListener("hashchange",V):window.addEventListener("popstate",V),V(),a||(h.cssVarsPonyfill(),a=!0)}},Object.defineProperty(h,"version",{value:"5.14.5",enumerable:!0}),window.DataFormsJS=h,void 0===window.app?window.app=h:h.showErrorAlert("Warning - [window.app] is already defined, pages, plugins, etc. may not load correctly."),document.addEventListener("DOMContentLoaded",function(){var e=!!(Array.from&&window.Promise&&window.fetch&&Promise.prototype.finally);h.loadScript(e,h.settings.polyfillUrl,h.setup)}))}();
\ No newline at end of file
+!function(){"use strict";var h,g={NotSet:"Not Set",Unknown:"Unknown",Mixed:"Mixed",Handlebars:"Handlebars",Vue:"Vue",Nunjucks:"Nunjucks",Underscore:"Underscore",Text:"Text"},c=g.NotSet,p=[g.Handlebars,g.Vue,g.Nunjucks,g.Underscore,g.Text],m=!1,f=!1,v=!1,C=null,E=0,t=null,w=!1,b=0,n=-1!==navigator.userAgent.indexOf("Trident/"),y=null,a=!1;function l(e,t,o,r){if(typeof e!==t)throw console.log(e),new TypeError("["+o+"] was not defined as a "+t+" when the function "+r+" was called")}function s(e,t,o){if(void 0===e)throw new TypeError("["+t+"] must first be defined before the function "+o+" is called");if("object"!=typeof e)throw console.log(e),new TypeError("["+t+"] was not defined as an object when the function "+o+" was called")}function i(e,t,o){if(""===e)throw new TypeError("["+t+"] must have a value when defined when the function "+o+" is called")}function d(e,t,o){if(void 0!==e[o])throw console.log(e),new TypeError("["+t+"."+o+"] is already defined")}function T(e,t,o,r){for(var n=0,a=r.length;n<a;n++)if(void 0!==e[r[n]]&&"function"!=typeof e[r[n]])throw console.log(e),new TypeError(o+"["+t+"]."+r[n]+" is not defined as a function.")}function S(e,t,o,r){for(var n=0,a=r.length;n<a;n++)if(void 0!==e[r[n]]&&null!==e[r[n]])return;throw console.log(e),new TypeError(o+"["+t+"] must have one of the following properties defined: "+r.join(", "))}function A(e,t){var o,r,n="";try{return null!==t&&t.path?n='Error with [Controller.path = "'+t.path+'"] - ':null!==e&&e instanceof HTMLElement&&(o=e.getAttribute("data-template-id"),r=e.getAttribute("data-template-url"),o=null===o?"":' data-template-id="'+o+'"',r=null===r?"":' data-template-url="'+r+'"',n="Error with Element <"+e.tagName.toLowerCase(),n=(n+=' id="'+e.id+'"')+' class="'+e.className+'"'+(o+r)+"> - "),n}catch(e){return console.error(e),n}}function r(e,t,o){e=document.createElement(e);return e.textContent=t,o&&(e.className=o),e}function L(e,t){console.error(e),window.setTimeout(function(){t&&null===t.parentNode&&((document.querySelector("body")||document.documentElement).appendChild(t),h.activeTemplate&&(h.activeTemplate.error=!0,h.activeTemplate.errorMessage=e.toString())),h.showError(t,e)},500)}function R(e,t,o){var r,n,a=null,l=null,i=null,s=null,d=null;if(null===t)i=e.getAttribute("data-template-id"),s=e.getAttribute("data-template-url"),null!==h.activeController&&(d=h.activeController.viewEngine);else{if(i=t.viewId,s=t.viewUrl,void 0!==t.viewEngine&&(d=t.viewEngine),void 0===s&&(s=null),null!==(i=void 0===i?null:i)&&null!==s)return void o(u(null,i,s,d,!0,"A controller must have either [viewId] or [viewUrl] defined but not both properties. This error is not possible when calling the [addController()] so one or more of the properties were modified by JavaScript code after the controller was already added."));if(null===i&&null===s)return"function"==typeof t.onRouteLoad||"function"==typeof t.onBeforeRender||"function"==typeof t.onRendered?void o(null):void o(u(null,i,s,d,!0,"A controller must have either [viewId] or [viewUrl] defined but neither property is defined. This error is not possible when calling the [addController()] so one or more of the properties were modified by JavaScript code after the controller was already added."))}for(r=0,n=h.compiledTemplates.length;r<n;r++){if(null!==i&&h.compiledTemplates[r].id===i)return void o(h.compiledTemplates[r]);if(null!==s&&h.compiledTemplates[r].url===s)return void o(h.compiledTemplates[r])}if(null!==s)l=s,null===d&&(d=c);else{if(null===(a=document.getElementById(i)))return void o(u(e,i,s,d,!0,"Script Tag for Template ID ["+i+"] does not exist."));l=a.src||a.getAttribute("data-src"),d=h.getTemplateType(a)}d!==c&&-1!==p.indexOf(d)&&(c=d),null!==l&&""!==l?h.fetch(l,null,"text/plain").then(function(e){o(u(null,i,s,d,!1,e))}).catch(function(e){console.error(e),o(u(null,i,s,d,!0,"Error Downloading Template: ["+l+"], Error: "+e))}):o(u(a,i,s,d,!1,a.innerHTML))}function u(e,t,o,r,n,a){var l=null,i=null,s=!1,d=null;if(!n)try{switch(r){case g.Handlebars:l=Handlebars.compile(a);break;case g.Nunjucks:l=h.nunjucksEnvironment?nunjucks.compile(a,h.nunjucksEnvironment):nunjucks.compile(a);break;case g.Underscore:l=_.template(a);break;case g.Text:case g.Vue:i=a;break;default:throw null===e?new TypeError("Unsupported or Unknown Template View Engine when the Template was downloaded. Template type at the time of downloading = "+r):new TypeError('Unsupported or Unknown Template View Engine specified in <script id="'+e.id+'" type="'+e.type+'" data-engine="'+e.getAttribute("data-engine")+'">')}}catch(e){s=!(i=l=null),d=e}t={id:t,url:o,type:r,engine:l,html:i,error:n||s,errorMessage:n?a:d};return h.compiledTemplates.push(t),t}function U(t,o,e,r){var n="";try{if(e.error)return void h.showError(t,A(t,o)+e.errorMessage);switch(e.type){case g.Handlebars:case g.Underscore:n=e.engine(r);break;case g.Nunjucks:n=e.engine.render(r);break;case g.Text:case g.Vue:n=e.html;break;default:throw new TypeError("Unsupported or Unknown Template View Engine: "+e.type)}null===t.getAttribute("data-set-text-content")?t.innerHTML=n:t.textContent=n,h.updateTemplatesForIE(t)}catch(e){h.showError(t,A(t,o)+e)}}function V(){var e,s,d,t,o,r,n,u,a,l,p,i="hash"===y?window.location.hash:window.location.pathname,c=null,f=-1;if(200<E)return h.showErrorAlert(h.settings.errors.pageLoading),E=0,void(v=!1);if(v)return C===i?void 0:(window.setTimeout(V,200),void E++);if(m)return C===i?void 0:(window.setTimeout(V,200),void E++);for(o in v=!0,""===(i=(E=0)===(C=i).indexOf("#")?i.substring(1):i)&&(i="/"),h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onAllowRouteChange)try{if(!1===h.plugins[o].onAllowRouteChange(i))return void(v=!1)}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onAllowRouteChange()]: "+e.toString()),console.error(e)}if(h.unloadAllJsControls(),null!==h.activeController){for(o in h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onRouteUnload)try{h.plugins[o].onRouteUnload()}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}if(void 0!==h.activeController.onRouteUnload&&null===h.activeVueModel&&"Vue"!==h.viewEngine())try{h.activeController.onRouteUnload.apply(h.activeModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}}for(null!==h.activeVueModel&&(null===h.activeVueApp?(h.activeVueModel.$destroy(),h.settings.clearVue2WatchersOnRouteUnload&&h.activeController&&h.activeController.modelName&&h.models[h.activeController.modelName]&&h.activeVueModel.$data&&(h.models[h.activeController.modelName]=JSON.parse(JSON.stringify(h.activeVueModel.$data)))):h.activeVueApp.unmount()),h.activeController=null,h.activeTemplate=null,h.activeModel=null,h.activeVueModel=null,h.activeVueApp=null,h.activeParameters=[],h.activeParameterList={},w=!1,e=b=0,s=h.controllers.length;e<s;e++){if((t=h.routeMatches(i,h.controllers[e].path)).isMatch){c=h.controllers[e],h.activeParameters=t.args,h.activeParameterList=t.namedArgs;break}h.controllers[e].path===h.settings.defaultRoute&&(f=e)}if(null===c&&-1!==f)return a=h.settings.defaultRoute,"/:lang/"===h.settings.defaultRoute&&void 0!==h.plugins.i18n&&"function"==typeof h.plugins.i18n.readSettings&&"function"==typeof h.plugins.i18n.getUserDefaultLang&&(h.plugins.i18n.readSettings(),null!==(r=h.plugins.i18n.getUserDefaultLang())&&(a="/"+r+"/")),h.changeRoute(a),void(v=!1);if(null===c){if(0===h.controllers.length)return h.updateView(),void(v=!1);i!==h.settings.defaultRoute&&(r="Error - The route ["+i+"] does not have a <script data-route> element or [Controller] defined. Check to make sure that a controller or script for default route ["+h.settings.defaultRoute+"] exists.",h.showError(document.querySelector(h.settings.viewSelector),r)),v=!1}else h.activeController=c,u=function(){var e,t,o,r,n,a=c;if(a.modelName)h.activeModel=h.models[a.modelName];else{if(a.pageType&&void 0!==(o=h.pages[a.pageType]))if(a.viewEngine===g.Vue)if(e={},a.methods=void 0===a.methods?{}:a.methods,"function"==typeof o){e=new o;for(var l=h.getClassFunctionNames(o),i=["constructor","onRouteLoad","onBeforeRender","onRendered","onRouteUnload"],s=0;s<l.length;s++)r=l[s],i.includes(r)||(a.methods[r]=o.prototype[r])}else for(r in o.model)o.model.hasOwnProperty(r)&&("[object Function]"===(n=Object.prototype.toString.call(o.model[r]))?a.methods[r]=o.model[r]:e[r]="[object Object]"===n?h.deepClone({},o.model[r]):"[object Array]"===n?h.deepClone([],o.model[r]):o.model[r]);else e="function"==typeof o?new o:h.deepClone({},o.model);void 0!==a.settings&&0<Object.keys(a.settings).length&&(void 0===e&&(e={}),h.deepClone(e,a.settings)),e&&!1!==e.loadOnlyOnce&&(t=null===a.pageType||void 0===a.pageType?"Dynamic":(t=a.pageType).substring(0,1).toUpperCase()+t.substring(1),t="model_"+String(Object.keys(h.models).length)+"_"+t,h.addModel(t,e),a.modelName=t),a.modelName?h.activeModel=h.models[a.modelName]:h.activeModel=void 0===e?{}:e}for(d in h.activeParameterList)h.activeParameterList.hasOwnProperty(d)&&(h.activeModel[d]=h.activeParameterList[d]);R(null,c,function(e){var t,o=[],r=[],n=0,a=0;function l(){if(h.activeTemplate=e,void 0!==c.onRouteLoad&&h.activeController&&h.activeController.viewEngine!==g.Vue)try{c.onRouteLoad.apply(h.activeModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+c.path+"] on [onRouteLoad()]: "+e.toString()),console.error(e)}window.scrollTo(0,0),h.updateView(),v=!1}for(t in h.plugins)h.plugins.hasOwnProperty(t)&&void 0!==h.plugins[t].onRouteLoad&&(o.push(h.plugins[t].onRouteLoad),r.push(t));(0===(a=o.length)?l:function t(){try{var e=r[n],e=h.plugins[e];o[n].call(e,function(e){!1!==e?(++n===a?l:t)():v=!1})}catch(e){h.showErrorAlert("Error from Plugin ["+r[n]+"] on [onRouteLoad()]: "+e.toString()),console.error(e),h.updateView(),v=!1}})()})},void 0!==(n=c).settings&&void 0!==n.settings.lazyLoad?(null!==h.settings.lazyTemplateSelector&&(l=document.querySelector(h.settings.viewSelector),a=document.querySelector(h.settings.lazyTemplateSelector),l&&a&&("TEMPLATE"===a.tagName||"SCRIPT"===a.tagName&&"text"===a.getAttribute("data-engine")?l.innerHTML=a.innerHTML:console.warn("Unable to show loading screen from [app.settings.lazyTemplateSelector]. Only <template> tags are allowed."))),l=n.settings.lazyLoad.split(",").map(function(e){return e.trim()}),p=[],l.forEach(function(e){void 0===h.lazyLoad[e]?console.error("Missing [app.LazyLoad] scripts for: "+e):p.push(h.loadScripts(h.lazyLoad[e]))}),Promise.all(p).finally(function(){P(n),u()})):(P(n),u())}function P(e){if(null!==e.pageType&&void 0!==e.pageType&&void 0===e._pageCopied){var t=null;if(void 0===h.pages[e.pageType]?t="The page ["+e.pageType+"] has not been loaded for Controller[path="+e.path+"].":"object"==typeof h.pages[e.pageType]&&"object"!=typeof h.pages[e.pageType].model&&(t="Error - The [model] property for page object ["+e.pageType+"] must be a valid JavaScript Object."),null!==t)return e.settings=e.settings||{},e.settings.errorMessage=t,e.settings.hasError=!0,void h.showErrorAlert(t);var o=h.pages[e.pageType];if("function"==typeof o)for(var r=h.getClassFunctionNames(o),n=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"],a=0;a<r.length;a++){var l=r[a];n.includes(l)&&(e[l]=o.prototype[l])}else for(var i in o)o.hasOwnProperty(i)&&"function"==typeof o[i]&&(e[i]=o[i]);e.viewEngine===g.Vue&&"object"==typeof o.computed&&void 0===e.computed&&(e.computed=o.computed),e._pageCopied=!0}}function o(e){var t=new Date,t="toLocaleString"in t?t.toLocaleString():t.toString(),t=-1<e.message.toLowerCase().indexOf("script error")?"Script Error at "+t+": See Browser Console for Detail":["Message: ["+e.message+"]","Time: ["+t+"]","URL: ["+e.filename+"]","Line: "+e.lineno,"Column: "+e.colno,"Error Object: "+JSON.stringify(e.error)].join(" - ");h.showErrorAlert(t),console.error(e)}void 0===window.DataFormsJS&&(h={controllers:[],models:{},pages:{},plugins:{},controls:{},graphQL:{},lazyLoad:{},locals:{},settings:{defaultRoute:"/",viewSelector:"#view",logFetchRequests:!1,requestHeaders:{},requestHeadersByHostName:{},fetchOptions:{mode:"cors",cache:"no-store",credentials:"same-origin"},polyfillUrl:"https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?version=4.8.0&features=Array.from,Array.isArray,Array.prototype.find,Object.assign,URL,fetch,Promise,Promise.prototype.finally,String.prototype.endsWith,String.prototype.startsWith,String.prototype.includes,String.prototype.repeat",cssPonyfillUrl:"https://cdn.jsdelivr.net/npm/css-vars-ponyfill@2.4.3/dist/css-vars-ponyfill.min.js",graphqlUrl:null,errors:{pageLoading:"Error loading the current page because the previous page is still loading and is taking a long time. Please refresh the page and try again."},lazyTemplateSelector:null,clearVue2WatchersOnRouteUnload:!1},activeController:null,activeTemplate:null,activeModel:null,activeVueModel:null,activeVueApp:null,vueDirectives:null,activeParameters:[],activeParameterList:{},activeJsControls:[],compiledTemplates:[],onUpdateViewComplete:null,nunjucksEnvironment:null,errorClass:"dataformsjs-error",fatalErrorClass:"dataformsjs-fatal-error",errorStyleId:"dataformsjs-style-errors",errorCss:[".dataformsjs-error,.dataformsjs-fatal-error{","color:#fff;","background-color:red;","box-shadow:0 1px 5px 0 rgba(0,0,0,.5);","background-image:linear-gradient(#e00,#c00);","/*white-space:pre;*/","text-align:left;","}",".dataformsjs-error{","padding:10px;","font-size:1em;","margin:5px;","display:inline-block;","}",".dataformsjs-fatal-error{","z-index:1000000;","padding:20px;","font-size:1.5em;","margin:20px;","position:fixed;","top:10px;","}","@media only screen and (min-width:1000px){",".dataformsjs-fatal-error{","max-width:1000px;","left:calc(50% - 520px);","}","}",".dataformsjs-fatal-error span{","padding:5px 10px;","float:right;","border:1px solid darkred;","cursor:pointer;","margin-left:10px;","box-shadow:0 0 2px 1px rgba(0,0,0,0.3);","background-image:linear-gradient(#c00,#a00);","border-radius:5px;","}"].join(""),vueStyleId:"dataformsjs-style-vue-cloak",vueCss:"[v-cloak] { display: none !important; }",escapeHtml:function(e){return null==e||"number"==typeof e?e:String(e).replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/'/g,"&#039;").replace(/</g,"&lt;").replace(/>/g,"&gt;")},fetch:function(t,e,o){var r=h.deepClone({},h.settings.fetchOptions);return r.headers=h.getRequestHeaders(t),e&&(Object.assign(r,e),void 0!==e.headers&&(r.headers=Object.assign({},h.getRequestHeaders(t),e.headers))),!n||void 0!==r.method&&"GET"!==r.method&&"HEAD"!==r.method||"no-store"!==r.cache&&"no-cache"!==r.cache||((e=/([?&])_=[^&]*/).test(t)?t=t.replace(e,"$1_="+(new Date).getTime()):t+=(/\?/.test(t)?"&":"?")+"_="+(new Date).getTime()),fetch(t,r).then(function(e){return h.settings.logFetchRequests&&h.events&&"function"==typeof h.events.dispatch&&h.events.dispatch("fetch",{url:t,status:e.status}),Promise.resolve(e)}).then(function(e){var t=e.status;return 200<=t&&t<300||304===t?Promise.resolve(e):(t="Error loading data. Server Response Code: "+t+", Response Text: "+e.statusText,Promise.reject(t))}).then(function(e){var t=void 0===o?"application/json":o;return 0===(t=e.headers.has("Content-Type")?e.headers.get("Content-Type"):t).indexOf("application/json")?e.json():e.text()})},routingMode:function(){return y},changeRoute:function(e){if("string"!=typeof e)throw new TypeError("Expected string for app.changeRoute(path)");"history"===y?(window.history.pushState(null,null,e),V()):window.location.hash=0===e.indexOf("#")?e:"#"+e},pushStateClick:function(e){if(!0!==e.ctrlKey&&!e.metaKey)return e.preventDefault(),e.stopPropagation(),e.currentTarget.href?h.changeRoute(e.currentTarget.href):console.error("app.pushStateClick() called for an unknown link"),!1},addPage:function(e,t){var o,r=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"],n=(l(e,"string","name","app.addPage()"),i(e,"name","app.addPage()"),!1);if("object"==typeof t)o=t,n=!0;else{if("function"!=typeof t||"class"!==t.toString().substring(0,5))throw new TypeError("Page ["+e+"] must be defined as an object or a class when the function app.addPage() is called");o=t.prototype}return T(o,e,"page",r),r.pop(),S(o,e,"page",r),n&&s(t.model,"page."+e+".model","app.addPage()"),d(this.pages,"app.pages",e),this.pages[e]=t,this},addPlugin:function(e,t){function o(){"function"==typeof this.onRouteUnload&&this.onRouteUnload(),this.onRendered()}if(l(e,"string","name","app.addPlugin()"),i(e,"name","app.addPlugin()"),d(this.plugins,"app.plugins",e),"function"==typeof(t="function"==typeof t&&"class"===t.toString().substring(0,5)?new t:t))return this.plugins[e]={onRendered:t,reload:o},this;var r=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"];return l(t,"object","plugin","app.addPlugin()"),T(t,e,"plugin",r),r.pop(),S(t,e,"plugin",r),void 0===t.reload&&(t.reload=o),this.plugins[e]=t,this},addControl:function(e,t){if(l(e,"string","name","app.addControl()"),i(e,"name","app.addControl()"),e!==e.toLowerCase())throw new TypeError("Control names must be all lower-case. [app.addControl()] was called with: ["+e+"]");if(-1===e.indexOf("-"))throw new TypeError("Control names must contain a dash [-] character. [app.addControl()] was called with: ["+e+"]");if(-1!==e.indexOf(" "))throw new TypeError("Control names cannot contain a space. [app.addControl()] was called with: ["+e+"]");if(!1!==/[&<>"'/]/.test(e))throw new TypeError("Control names cannot contain HTML characters that need to be escaped. Invalid characters are [& < > \" ' /]. [app.addControl()] was called with: ["+e+"]");l(t,"object","control","app.addControl()"),void 0!==t.css&&l(t.css,"string","control.css","app.addControl()");var o=["onLoad","html","onUnload"];return S(t,e,"control",o),T(t,e,"control",o),o.pop(),S(t,e,"control",o),d(this.controls,"app.controls",e),this.controls[e]=t,this},addModel:function(e,t){return l(e,"string","name","app.addModel()"),i(e,"name","app.addModel()"),l(t,"object","model","app.addModel()"),d(this.models,"app.models",e),this.models[e]=t,this},addController:function(t){var e,o=["onRouteLoad","onBeforeRender","onRendered","onRouteUnload"];if(l(t,"object","controller","app.addController()"),l(t.path,"string","controller.path","app.addController()"),i(t.path,"controller.path","app.addController()"),this.controllers.forEach(function(e){if(e.path===t.path)throw new TypeError("[app.controllers(path="+t.path+")] is already defined")}),e="app.addController(path="+t.path+")",void 0===t.viewId)t.viewId=null;else{l(t.viewId,"string","controller.viewId",e),i(t.viewId,"controller.viewId",e);var r=t.viewId,n="controller.viewId",a=e;if(null===document.getElementById(r))throw new TypeError("An element was not found on the page with ["+n+"][id="+r+"] when the function "+a+" was called")}if(void 0===t.viewUrl?t.viewUrl=null:(l(t.viewUrl,"string","controller.viewUrl",e),i(t.viewUrl,"controller.viewUrl",e)),null!==t.viewId&&null!==t.viewUrl)throw new TypeError("A controller cannot have both [viewId] and [viewUrl] defined when calling "+e);if(void 0!==t.viewEngine){if(null===t.viewId&&null===t.viewUrl)throw new TypeError("When a controller uses the [viewEngine] property either [viewId] or [viewUrl] must also be defined when calling "+e);if(-1===p.indexOf(t.viewEngine))throw new TypeError("Invalid [viewEngine] property when calling "+e+". Valid values are: "+p.join(", "))}return null!==t.modelName&&void 0!==t.modelName&&(l(t.modelName,"string","controller.modelName",e),i(t.modelName,"controller.modelName",e),s(this.models[t.modelName],"app.models."+t.modelName,e)),null!==t.pageType&&void 0!==t.pageType&&(l(t.pageType,"string","controller.pageType",e),i(t.pageType,"controller.pageType",e)),T(t,t.path,"controller",o),null!==t.pageType&&void 0!==t.pageType||(o.pop(),o.push("viewId"),o.push("viewUrl"),S(t,t.path,"controller",o)),this.controllers.push(t),this},controller:function(e){for(var t=0,o=this.controllers.length;t<o;t++)if(this.controllers[t].path===e)return this.controllers[t];return null},showError:function(e,t){var o;null!==e?(h.loadCss(h.errorStyleId,h.errorCss),o=r("span",t,h.errorClass),e.innerHTML="",e.appendChild(o),"string"!=typeof t&&console.error(t)):h.showErrorAlert(t)},showErrorAlert:function(e){h.loadCss(h.errorStyleId,h.errorCss);var t=r("div",e="string"==typeof e&&-1===e.toLowerCase().indexOf("error")?"Error: "+e:e,h.fatalErrorClass),o=r("span","✕");o.onclick=function(){document.body.removeChild(t)},t.insertBefore(o,t.firstChild),document.body.appendChild(t),"string"!=typeof e&&console.error(e)},isUsingVue:function(){return null!==h.activeVueModel||h.activeController&&"Vue"===h.activeController.viewEngine||"Vue"===h.viewEngine()},isUsingVue2:function(){return this.isUsingVue()&&void 0===Vue.createApp},isUsingVue3:function(){return this.isUsingVue()&&"function"==typeof Vue.createApp},isUpdatingView:function(){return m},updateView:function(){function e(){var e,t,o,r,n;if(m=!0,null!==h.activeVueModel&&null===h.activeVueApp)return e=0,(t=h.activeVueModel._watcher)&&t.deps&&t.deps.length&&(e=t.deps.length),b!==e&&a("vue_dep_change"),m=!(w=!0),void(b=e);if(null===h.activeVueApp){h.unloadAllJsControls();try{if(!(h.activeController&&h.activeController.viewEngine===g.Vue)&&h.activeController&&void 0!==h.activeController.onBeforeRender)try{h.activeController.onBeforeRender.apply(h.activeModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onBeforeRender()]: "+e.toString()),console.error(e)}for(o in h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onBeforeRender)try{h.plugins[o].onBeforeRender()}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onBeforeRender()]: "+e.toString()),console.error(e)}null!==h.activeTemplate&&(null===(r=document.querySelector(h.settings.viewSelector))?(n="Error - The main HTML element for rendering views from selector ["+h.settings.viewSelector+"] does not exist on this page. Check HTML on the page to makes sure that the element exist; and if it does then check to make sure that JavaScript Code did not remove it from the page",h.showErrorAlert(n)):(h.activeController&&h.activeController.viewEngine===g.Vue&&r.setAttribute("v-cloak",""),U(r,h.activeController,h.activeTemplate,h.activeModel))),h.refreshAllHtmlControls(function(){var t,e,o,r;h.activeController&&h.activeController.viewEngine===g.Vue?(t=document.querySelector(h.settings.viewSelector),e=function(e){console.error("Vue Error"),L(e,t)},o=function(e){console.error("Vue Warning"),L(e,t)},r="function"==typeof Vue.createApp,h.activeTemplate&&h.activeTemplate.error?(h.showError(document.querySelector(h.settings.viewSelector),h.activeTemplate.errorMessage),a("updateView")):r?(h.activeVueApp=Vue.createApp({data:function(){return h.activeModel},directives:h.vueDirectives,methods:h.activeController.methods,computed:h.activeController.computed,mounted:function(){h.activeVueModel=this,h.activeVueModel.$nextTick(function(){if(void 0!==h.activeController.onRouteLoad)try{h.activeController.onRouteLoad.apply(h.activeVueModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteLoad()]: "+e.toString()),console.error(e)}h.loadAllJsControls(),a("vue_mounted",h.activeVueModel)})},updated:function(){this.$nextTick(function(){w&&(h.loadAllJsControls(),a("vue_updated"),w=!1)})},beforeUnmount:function(){try{void 0!==h.activeController.onRouteUnload&&h.activeController.onRouteUnload.apply(h.activeVueModel,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}}}),h.activeVueApp.errorHandler=e,h.activeVueApp.warnHandler=o,h.activeVueApp.mount(h.settings.viewSelector)):(Vue.config.errorHandler=e,Vue.config.warnHandler=o,h.activeVueModel=new Vue({el:h.settings.viewSelector,data:h.activeModel,methods:h.activeController.methods,computed:h.activeController.computed,mounted:function(){var e=this;e.$nextTick(function(){if(void 0!==h.activeController.onRouteLoad)try{h.activeController.onRouteLoad.apply(e,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteLoad()]: "+e.toString()),console.error(e)}h.loadAllJsControls(),a("vue_mounted",e)})},updated:function(){this.$nextTick(function(){var e;w&&(h.loadAllJsControls(),a("vue_updated"),(e=this._watcher)&&e.deps&&e.deps.length&&(b=this._watcher.deps.length),w=!1)})},beforeDestroy:function(){try{void 0!==h.activeController.onRouteUnload&&h.activeController.onRouteUnload.apply(this,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRouteUnload()]: "+e.toString()),console.error(e)}}}))):(h.loadAllJsControls(),a("updateView")),m=!1})}catch(e){throw m=!1,console.error(e),e}}else m=!(w=!0)}function a(e,t){for(var o in"history"===y&&(r=document.querySelectorAll('a[href^="/"]:not([data-no-pushstate])'),Array.prototype.forEach.call(r,function(e){e.addEventListener("click",h.pushStateClick)})),h.plugins)if(h.plugins.hasOwnProperty(o)&&void 0!==h.plugins[o].onRendered)try{h.plugins[o].onRendered()}catch(e){h.showErrorAlert("Error from Plugin ["+o+"] on [onRendered()]: "+e.toString()),console.error(e)}var r=h.activeController&&h.activeController.viewEngine===g.Vue,n=h.activeController&&h.activeController.onRendered;if("function"==typeof n){t=r?t||h.activeVueModel:t||h.activeModel;try{n.apply(t,h.activeParameters)}catch(e){h.showErrorAlert("Error from Controller [path="+h.activeController.path+"] on [onRendered()]: "+e.toString()),console.error(e)}}if(null!==h.onUpdateViewComplete)try{h.onUpdateViewComplete(e)}catch(e){h.showErrorAlert("Error from [app.onUpdateViewComplete()]: "+e.toString()),console.error(e)}}m?t=window.setInterval(function(){m||(window.clearInterval(t),t=null,e())},10):e()},refreshAllHtmlControls:function(e,r){var n=String((new Date).getTime()),a='[data-template-id]:not([data-updated-at="'+n+'"])';a+=',[data-template-url]:not([data-updated-at="'+n+'"])',f=!0,function t(o){if(null===o)f=!1,m||h.refreshPlugins(),e&&e(n);else try{h.refreshHtmlControl(o,function(){o.setAttribute("data-updated-at",n),t(document.querySelector(a))},r)}catch(e){o.setAttribute("data-updated-at",n),t(document.querySelector(a))}}(document.querySelector(a))},refreshHtmlControl:function(t,r,e){try{var o="string"==typeof t,c=t instanceof HTMLElement;if(!o&&!c)throw new TypeError("Invalid type for parameter [control] in the function [DataFormsJS.refreshHtmlControl()]: "+typeof t);if(o){var n=t;if(null===(t=document.getElementById(n)))throw new TypeError("Control not found for ["+n+"] when the function [DataFormsJS.refreshHtmlControl()] was called.")}if(void 0!==r&&"function"!=typeof r)throw new TypeError("[callback] was not defined as a [function] when the [DataFormsJS.refreshHtmlControl()] was called");var a=t.getAttribute("data-template-id"),l=t.getAttribute("data-template-url");if(null!==a&&null!==l)throw new TypeError("A control must have only one of the template attribute defined; either [data-template-id] or [data-template-url]. Both attributes are defined on the control.");if(null===a&&null===l)throw new TypeError("A control must have either attribute [data-template-id] or [data-template-url]. Neither attribute is defined for the control.");void 0===e&&(e=this.activeModel);var i,s=Object.assign({},e),u=["templateId","templateUrl","updatedAt"];for(i in t.dataset)if(-1===u.indexOf(i)){var d=t.dataset[i];switch(d){case"true":case"":s[i]=!0;break;case"false":s[i]=!1;break;case"null":s[i]=null;break;default:s[i]=d}}R(t,null,function(e){U(t,null,e,s),m||(h.loadAllJsControls(t,s),h.unloadUnattachedJsControls()),f||h.refreshPlugins(t);var o=[];f||m||(e=t.querySelectorAll("[data-template-id],[data-template-url]"),Array.prototype.forEach.call(e,function(t){o.push(new Promise(function(e){h.refreshHtmlControl(t,e)}))})),Promise.all(o).finally(function(){void 0!==r&&r()})})}catch(e){throw console.error(e),null!==t&&t instanceof HTMLElement&&h.showError(t,A(t,null)+e.message),e}},refreshPlugins:function(e){function t(){for(var t in h.plugins)if(h.plugins.hasOwnProperty(t)&&void 0!==h.plugins[t].onRendered)try{void 0===e?h.plugins[t].onRendered():1===h.plugins[t].onRendered.length&&h.plugins[t].onRendered(e)}catch(e){h.showErrorAlert("Error from Plugin ["+t+"] on [onRendered()]: "+e.toString()),console.error(e)}}h.activeController&&h.activeController.viewEngine===g.Vue&&h.activeVueModel&&"function"==typeof h.activeVueModel.$nextTick?h.activeVueModel.$nextTick(t):t()},loadAllJsControls:function(o,r){var t=["[data-control]:not([data-control-loaded]):not([data-control-is-loading])"],n=(Object.keys(h.controls).forEach(function(e){-1!==e.indexOf("-")&&-1===e.indexOf(" ")&&t.push(e+":not([data-control-loaded]):not([data-control-is-loading])")}),t.join(","));void 0===o&&(o=document),void 0===r&&(r=h.activeModel),function e(t){if(null!==t){try{h.loadJsControl(t,r)}catch(e){t.setAttribute("data-control-loaded",""),h.showError(t,e.toString()),console.error(e)}e(o.querySelector(n))}}(o.querySelector(n))},loadJsControl:function(t,e){var o,r,n,a,l,i;if(t instanceof HTMLElement)t.hasAttribute("data-control-loaded")&&(l=h.activeJsControls.find(function(e){return e.element===t}));else{if(void 0===(l="object"==typeof t?h.activeJsControls.find(function(e){return e===t}):l))throw new TypeError("Invalid type for parameter [element] for the function [DataFormsJS.loadJsControl()], expected HTMLElement, received: "+typeof t);t=l.element}if(null===(o=t.getAttribute("data-control"))&&(o=t.tagName.toLowerCase()),void 0===(r=h.controls[o]))throw-1===o.indexOf("-")?(h.showError(t,i="Invalid call to [DataFormsJS.loadJsControl()]. This function only works on valid control elements."),console.log(t),new TypeError(i)):new Error("JavaScript Control was not found by name, check that the file is loaded: "+o);for(a in t.setAttribute("data-control",o),n=void 0===r.data?{}:h.deepClone({},r.data),t.dataset)if("control"!==a){var s=t.dataset[a];switch(s){case"true":case"":n[a]=!0;break;case"false":n[a]=!1;break;case"null":n[a]=null;break;default:n[a]=s}}if(void 0!==r.css&&h.loadCss("DataFormsJS-control-style-"+o,r.css),void 0===e&&(e=h.activeModel),null===t.getAttribute("data-control-is-loading")){t.setAttribute("data-control-is-loading",""),i=!1;try{void 0!==r.onLoad&&r.onLoad.call(n,t,e)}catch(e){h.showError(t,"Error with JavaScript Control ["+o+"] in function [onLoad()]: "+e.toString()),console.error(e),i=!0}if(!i)try{void 0!==r.html&&(t.innerHTML=r.html.call(n,e))}catch(e){h.showError(t,"Error with JavaScript Control ["+o+"] in function [html()]: "+e.toString()),console.error(e)}t.setAttribute("data-control-loaded",""),t.removeAttribute("data-control-is-loading"),void 0===l?h.activeJsControls.push({element:t,control:o,data:n}):l.data=n}},unloadAllJsControls:function(){h.activeJsControls.forEach(function(e){h.unloadJsControl(e)}),h.activeJsControls=[]},unloadUnattachedJsControls:function(){for(var e,t=h.activeJsControls.length;0<t;t--)document.body.contains(h.activeJsControls[t-1].element)||(e=h.activeJsControls.splice(t-1,1),h.unloadJsControl(e[0]))},unloadJsControl:function(t){var o=h.controls[t.control];if(void 0!==o.onUnload)try{o.onUnload.call(t.data,t.element)}catch(e){o="Unknown Control";t.element&&(o=(o=t.element.getAttribute("data-control"))||"Unknown Control"),h.showErrorAlert("Error with JavaScript Control ["+o+"] in function [onUnload()]: "+e.toString()),console.error(e)}t.element.removeAttribute("data-control-loaded")},routeMatches:function(e,t){var o,r,n=e.split("/"),a=t.split("/"),l=n.length,i=[],s={};if(l!==a.length)return{isMatch:!1};for(o=0;o<l;o++)if((r=decodeURIComponent(n[o]))!==a[o]){if(":"!==a[o].substring(0,1))return{isMatch:!1};i.push(r),s[a[o].substring(1)]=r}return{isMatch:!0,args:i,namedArgs:s}},getClassFunctionNames:function(e){for(var t=[],o=e;o&&o.prototype&&o!==Object;){for(var r=Object.getOwnPropertyNames(o.prototype),n=0;n<r.length;n++){var a=r[n];"function"!=typeof o.prototype[a]||t.includes(a)||t.push(a)}o=Object.getPrototypeOf(o)}return t},deepClone:function(){var e,t,o,r,n,a=arguments.length;if(0===a)throw new TypeError("No arguments specified when app.deepClone() was called.");if(1===a)throw new TypeError("Only one argument was specified when app.deepClone() was called.");for(e=0;e<a;e++)l(arguments[e],"object","argument","app.deepClone()");for(t=arguments[0],e=1;e<a;e++)for(r in o=arguments[e])o.hasOwnProperty(r)&&(void 0!==(n=Object.getOwnPropertyDescriptor(o,r)).get||void 0!==n.set?Object.defineProperty(t,r,n):(n=Object.prototype.toString.call(o[r]),t[r]="[object Object]"===n?this.deepClone({},o[r]):"[object Array]"===n?this.deepClone([],o[r]):o[r]));return t},getTemplateType:function(e){if(void 0===e)throw new TypeError("Missing parameter [script] for the function [DataFormsJS.getTemplateType()]");if(!(e instanceof HTMLElement))throw new TypeError("Invalid type for parameter [script] for the function [DataFormsJS.getTemplateType()], expected HTMLElement, received: "+typeof e);if("TEMPLATE"!==e.tagName&&"SCRIPT"!==e.tagName)throw new TypeError("Invalid type for parameter [script] for the function [DataFormsJS.getTemplateType()], expected <script> or <template>, received: "+e.tagName.toLowerCase());if("TEMPLATE"===e.tagName)return g.Text;switch(e.getAttribute("data-engine")){case"handlebars":return g.Handlebars;case"vue":return g.Vue;case"nunjucks":return g.Nunjucks;case"underscore":return g.Underscore;case"text":return g.Text;default:return g.Unknown}},viewEngine:function(e){if(void 0===e)return c;switch(e){case g.NotSet:case g.Unknown:case g.Mixed:throw new TypeError("Invalid value specified for setting the ViewEngine: "+e);default:if(void 0===g[e])throw new TypeError("Unknown value specified for setting the ViewEngine ["+e+"], refer to documentation or values from the enum/object [ViewEngines] for valid options.")}return c=e,this},loadCss:function(e,t){var o=document.getElementById(e);null===o&&((o=document.createElement("style")).id=e,o.innerHTML=t,document.head.appendChild(o))},loadScript:function(e,r,t){function o(e,t){var o=document.createElement("script");o.onload=e,o.onerror=function(){console.error("Error loading Script: "+r),t()},o.src=r,document.head.appendChild(o)}if(!1===e||void 0===e){if(void 0===t)return new Promise(function(e,t){o(e,t)});o(t,t)}else{if(void 0===t)return new Promise(function(e){e()});t()}},loadScripts:function(i){if("string"==typeof i)i=[i];else if(!Array.isArray(i))return h.showErrorAlert("Invalid Script for [app.loadScripts()] or [app.lazyLoad], expected string or an array of strings. Check console."),console.warn("app.loadScripts():"),console.warn(i),new Promise(function(e){e()});return new Promise(function(o){var r=0,n=i.length;!function e(){var t,a,l;r!==n?(t=i[r],r++,t.endsWith(".js")?(l=t,new Promise(function(e){for(var t=document.querySelectorAll("script"),o=0,r=t.length;o<r;o++)if(t[o].getAttribute("src")===l)return void e();var n=document.createElement("script");n.onload=e,n.onerror=function(){h.showErrorAlert("Error loading JS File: "+l),e()},n.src=l,document.head.appendChild(n)}).then(e)):t.endsWith(".css")?(a=t,new Promise(function(e){for(var t=document.querySelectorAll("link"),o=0,r=t.length;o<r;o++)if("stylesheet"===t[o].rel&&t[o].getAttribute("href")===a)return void e();var n=document.createElement("link");n.rel="stylesheet",n.onload=e,n.onerror=function(){h.showErrorAlert("Error loading CSS File: "+a),e()},n.href=a,document.head.appendChild(n)}).then(e)):(h.showErrorAlert("Invalid Script for [app.loadScripts()] or [app.lazyLoad]: "+t),e())):o()}()})},buildUrl:function(e,t){if(void 0===t&&(t=h.activeParameterList),e=String(e).replace(/\{(\w+)\}/g,function(e,t){return"string"==typeof window[t]?window[t]:e}),null!==t&&0<Object.keys(t).length)for(var o in t)t.hasOwnProperty(o)&&-1<e.indexOf(":"+o)&&(e=e.replace(new RegExp(":"+o,"g"),encodeURIComponent(t[o])));return e},getGraphQL:function(r,o){var n,a;return r&&o?new Promise(function(e,t){t('Error calling [app.getGraphQL()]. Both [id="'+r+'"] and [src="'+o+'"] are set. Only one value can be used.')}):(n=r||o)&&void 0!==h.graphQL[n]?new Promise(function(e,t){h.graphQL[n].query?e(h.graphQL[n].query):t(h.graphQL[n].error)}):r?new Promise(function(e,t){var o=null;null===(a=document.getElementById(r))?o="Missing GraphQL Script Element: "+r:"SCRIPT"!==a.nodeName||"application/graphql"!==a.type?o='Invalid Element for GraphQL Script, expected: <script type="application/graphql" id="'+r+'">':(h.graphQL[r]={query:a.innerHTML,error:null},e(a.innerHTML)),null!==o&&(h.graphQL[r]={query:null,error:o},t(o))}):o?h.fetch(o,null,"text/plain").then(function(e){return h.graphQL[o]={query:e,error:null},e}).catch(function(e){e="Error Downloading GraphQL Script: ["+o+"], Error: "+e;throw h.graphQL[o]={query:null,error:e},e}):new Promise(function(e,t){t("Error calling [app.getGraphQL()]. Missing GraphQL Parameters.")})},buildGraphQLVariables:function(e,t){var o,r,n={};if(0<Object.keys(t).length)for(var a in t)t.hasOwnProperty(a)&&-1<e.indexOf("$"+a)&&(o=-1!==e.indexOf("($"+a+": Int"),r=t[a],n[a]=o?Number(r):r);return n},handleGlobalErrors:function(e){e?window.addEventListener("error",o):window.removeEventListener("error",o)},getRequestHeaders:function(e){var t,o={},r=h.settings.requestHeaders;for(t in r)r.hasOwnProperty(t)&&(o[t]=r[t]);if(0<Object.keys(h.settings.requestHeadersByHostName).length&&(e=new URL(e,window.location).hostname,void 0!==(r=h.settings.requestHeadersByHostName[e])))for(t in r)r.hasOwnProperty(t)&&(o[t]=r[t]);return o},updateTemplatesForIE:function(e){n&&(e=e.querySelectorAll("template"),Array.prototype.forEach.call(e,function(e){for(var t=document.createElement("script"),o=0,r=e.attributes.length;o<r;o++)t.setAttribute(e.attributes[o].name,e.attributes[o].value);t.type="text/x-template",t.setAttribute("data-engine","text"),t.innerHTML=e.innerHTML,e.parentNode.replaceChild(t,e)}))},cssVarsPonyfill:function(){var e,t='link[rel="stylesheet"][data-css-vars-ponyfill],style[data-css-vars-ponyfill]';null!==document.querySelector(t)&&(e=window.CSS&&window.CSS.supports&&window.CSS.supports("(--a: 0)"),h.loadScript(e,h.settings.cssPonyfillUrl,function(){window.cssVars&&window.cssVars({include:t})}))},setup:function(){c=g.Unknown;var e,t=0,o=[{prop:"Handlebars",type:"handlebars",label:g.Handlebars},{prop:"Vue",type:"vue",label:g.Vue},{prop:"nunjucks",type:"nunjucks",label:g.Nunjucks},{prop:"_",type:"underscore",label:g.Underscore}];for(e in o)null!==document.querySelector('script[type="text/x-template"][data-engine="'+o[e].type+'"]')&&(c=o[e].label,t++);if(0===t)for(e in o)window[o[e].prop]&&(c=o[e].label,t++);1<t&&(c=g.Mixed),void 0!==window.Vue&&h.loadCss(h.vueStyleId,h.vueCss),null!==document.documentElement.getAttribute("data-show-errors")&&h.handleGlobalErrors(!0),h.settings.graphqlUrl=document.documentElement.getAttribute("data-graphql-url"),null===y&&"history"!==(y=document.documentElement.getAttribute("data-routing-mode"))&&(y="hash"),h.updateTemplatesForIE(document);var r=document.querySelectorAll('script[type="text/x-template"][data-route],template[data-route]');Array.prototype.forEach.call(r,function(e){var t=e.getAttribute("data-route"),o=e.id,r=e.src||e.getAttribute("data-src"),n=e.getAttribute("data-page"),c=e.getAttribute("data-model"),u=e.getAttribute("data-controller-added"),a=h.getTemplateType(e),p=e.getAttribute("data-default-route"),l=0,i={};if(null===u){if(""===t)return console.log(e),void h.showErrorAlert(new TypeError('A script element <script id="'+e.id+'" type="'+e.type+'" data-engine="'+e.getAttribute("data-engine")+'"> has the attribute [data-route] defined however the attribute value is empty. This error must be fixed, scripts that include a route path attribute must have the value defined.'));if(a===g.Unknown)return console.log(e),void h.showErrorAlert(new TypeError('A script element <script id="'+e.id+'" type="'+e.type+'" data-engine="'+e.getAttribute("data-engine")+'" data-route="'+e.getAttribute("data-route")+'"> must have a valid engine type defined in [data-engine]. Valid values are [handlebars, vue, underscore, nunjucks, text].'));if(""===o&&(""===r||null===r))for(;o="template"+l,null===document.querySelector("#"+o)&&(e.id=o),l++,""===e.id;);""===r||null===r?r=void 0:o=void 0;var s,f=["route","page","model","src","engine"];for(s in e.dataset)if(-1===f.indexOf(s)){var d=e.dataset[s];switch(d){case"true":case"":i[s]=!0;break;case"false":i[s]=!1;break;case"null":i[s]=null;break;default:i[s]=d}}try{h.addController({path:t,viewId:o,viewUrl:r,viewEngine:a,pageType:n,modelName:c,settings:i}),null!==p&&(h.settings.defaultRoute=t)}catch(e){h.showErrorAlert("Error from [app.setup()]: "+e),console.error(e)}e.setAttribute("data-controller-added","true")}}),"hash"===y?window.addEventListener("hashchange",V):window.addEventListener("popstate",V),V(),a||(h.cssVarsPonyfill(),a=!0)}},Object.defineProperty(h,"version",{value:"5.14.6",enumerable:!0}),window.DataFormsJS=h,void 0===window.app?window.app=h:h.showErrorAlert("Warning - [window.app] is already defined, pages, plugins, etc. may not load correctly."),document.addEventListener("DOMContentLoaded",function(){var e=!!(Array.from&&window.Promise&&window.fetch&&Promise.prototype.finally);h.loadScript(e,h.settings.polyfillUrl,h.setup)}))}();
\ No newline at end of file
diff --git a/js/react/es5/DataFormsJS.js b/js/react/es5/DataFormsJS.js
index cc671ca..0de3569 100644
--- a/js/react/es5/DataFormsJS.js
+++ b/js/react/es5/DataFormsJS.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.14.5
+// @version 5.14.6
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
 (function () {
diff --git a/js/react/es5/DataFormsJS.min.js b/js/react/es5/DataFormsJS.min.js
index 8ebdf8f..f80eaab 100644
--- a/js/react/es5/DataFormsJS.min.js
+++ b/js/react/es5/DataFormsJS.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.14.5
+// @version 5.14.6
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
 !function(){"use strict";var n=void 0===window.React&&void 0!==window.preact?window.preact:window.React;function b(e){return(b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function u(e,t){return null!=t&&"undefined"!=typeof Symbol&&t[Symbol.hasInstance]?t[Symbol.hasInstance](e):e instanceof t}function e(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&c(e,t)}function c(e,t){return(c=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function t(r){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(e){return!1}}();return function(){var e,t=p(r),t=(e=n?(e=p(this).constructor,Reflect.construct(t,arguments,e)):t.apply(this,arguments),this);if(e&&("object"===b(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return o(t)}}function o(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e){return(p=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function r(e,t){if(!u(e,t))throw new TypeError("Cannot call a class as a function")}function h(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function a(e,t,r){return t&&h(e.prototype,t),r&&h(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}var f={},m=(a(y,null,[{key:"get",value:function(e,t){return void 0===f[e]?t:f[e]}},{key:"set",value:function(e,t){f[e]=t}}]),y);function y(){r(this,y)}window.Cache=m;a(v,null,[{key:"ponyfill",value:function(){var e,t,r='link[rel="stylesheet"][data-css-vars-ponyfill]:not([data-css-vars-setup]),style[data-css-vars-ponyfill]:not([data-css-vars-setup])',n=document.querySelectorAll(r);0!==n.length&&(e=new A,t=window.CSS&&window.CSS.supports&&window.CSS.supports("(--a: 0)"),e.loadPolyfill(t,"https://cdn.jsdelivr.net/npm/css-vars-ponyfill@2.4.3/dist/css-vars-ponyfill.min.js").then(function(){window.cssVars&&(cssVars({include:r}),Array.prototype.forEach.call(n,function(e){e.setAttribute("data-css-vars-setup","")}))}))}}]);var g=v;function v(){r(this,v)}window.CssVars=g;e(i,n.Component),w=t(i),a(i,[{key:"componentDidCatch",value:function(e,t){this.setState({error:e,errorInfo:t})}},{key:"render",value:function(){return this.state.errorInfo?n.createElement("div",null,n.createElement("h2",{style:{textAlign:"left",color:"white",backgroundColor:"#bc0000",padding:"1em"}},"An error has occurred"),n.createElement("details",{style:{whiteSpace:"pre-wrap",textAlign:"left",color:"white",backgroundColor:"red",padding:"1em"}},this.state.error&&this.state.error.toString(),n.createElement("br",null),this.state.errorInfo.componentStack)):this.props.children}}]);var w,S=i;function i(e){return r(this,i),(e=w.call(this,e)).state={error:null,errorInfo:null},e}window.ErrorBoundary=S;a(L,[{key:"number",value:function(e){return this.formatNumber(e,{})}},{key:"round",value:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:0;return this.formatNumber(e,{style:"decimal",maximumFractionDigits:t,minimumFractionDigits:t})}},{key:"currency",value:function(e,t){return this.formatNumber(e,{style:"currency",currency:t,maximumFractionDigits:2})}},{key:"percent",value:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:0;return this.formatNumber(e,{style:"percent",maximumFractionDigits:t,minimumFractionDigits:t})}},{key:"date",value:function(e){return this.formatDateTime(e,{})}},{key:"dateTime",value:function(e){return this.formatDateTime(e,{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"})}},{key:"time",value:function(e){return this.formatDateTime(e,{hour:"numeric",minute:"numeric",second:"numeric"})}},{key:"isNumber",value:function(e){return!isNaN(parseFloat(e))&&isFinite(e)}},{key:"formatDateTime",value:function(t,r){if(void 0===window.Intl)return t;if(null===t||""===t)return null;try{return u(t,Date)?new Intl.DateTimeFormat(navigator.language,r).format(t):/^\d{4}-\d{2}-\d{2}$/.test(t)?(e=t.split("-").map(function(e){return parseInt(e,10)}),n=new Date(e[0],e[1]-1,e[2]),new Intl.DateTimeFormat(navigator.language,r).format(n)):(o=new Date(t),a=Intl.DateTimeFormat(navigator.language,r).format(o),"en-US"===navigator.language?a.toLocaleString().replace(", "," "):a.toLocaleString());var e,n,o,a}catch(e){return console.warn("Error formatting Date/Time Value:"),console.log(navigator.language),console.log(r),console.log(t),console.log(e),"Error"}}},{key:"formatNumber",value:function(t,r){var n=navigator.language||navigator.userLanguage;if(null===t||""===t)return null;if(!this.isNumber(t))return console.warn("Warning value specified in DateFormsJS function formatNumber() is not a number:"),console.log(t),t;if(void 0===window.Intl){var e=r.style||null,o=r.maximumFractionDigits||0;if("percent"===e)return(100*t).toFixed(o)+"%";var o=null,a=null,i=null;return"en-us"===n&&(o=",",a=".",i="$"),null!==o?((o=t.toString().split("."))[0]=o[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),o=o.join(a),"currency"===e?i+o:o):t}try{return new Intl.NumberFormat(n,r).format(t)}catch(e){return console.warn("Error formatting Numeric Value:"),console.log(n),console.log(r),console.log(t),console.log(e),"Error"}}}]);var C=L;function L(){r(this,L)}window.Format=C;e(s,n.Component),E=t(s),a(s,[{key:"componentDidMount",value:function(){this.filter()}},{key:"onChange",value:function(){this.filter(),"function"==typeof this.props.afterFilter&&this.props.afterFilter()}},{key:"filter",value:function(){for(var e=this.input.current,c=e.value.toLowerCase().split(" "),d=c.length,p=0!==d,t=0,r=null,n=null,o=document.querySelectorAll(this.props["filter-selector"]),a=(1===o.length&&"TABLE"===o[0].tagName&&o[0].tHead&&1===o[0].tHead.rows.length&&1===o[0].tBodies.length&&(r=(a=o[0]).getAttribute("data-sort-class-odd"),n=a.getAttribute("data-sort-class-even"),o=o[0].tBodies[0].rows),o.length),h=n&&r,f=0,m=o.length;f<m;f++){var i=o[f],y=!0;if(p)for(var g=i.textContent.toLowerCase(),s=0;s<d;s++)if(""!==c[s]&&!g.includes(c[s])){y=!1;break}y&&(t++,h&&(t%2==0?(i.classList.add(n),i.classList.remove(r)):(i.classList.add(r),i.classList.remove(n)))),i.style.display=y?"":"none"}var v,l,u=e.getAttribute("filter-results-selector");u&&((u=document.querySelector(u))?(v=e.getAttribute("filter-results-text-all"),e=e.getAttribute("filter-results-text-filtered"),null!==v||null!==e?(l=null,t===a?l=v:null!==e&&(l=e.replace(/{displayCount}/g,t)),null===l?u.textContent="":(l=l.replace(/{totalCount}/g,a),u.textContent=l)):console.warn("Defined [filter-results-selector] without [filter-results-text-all] or [filter-results-text-filtered]")):console.warn("Defined [filter-results-selector] but element not found"))}},{key:"render",value:function(){return void 0!==window&&window.React===window.preact?n.createElement("input",Object.assign({},this.props,{onInput:this.onChange,ref:this.input})):n.createElement("input",Object.assign({},this.props,{onChange:this.onChange,ref:this.input}))}}]);var E,k=s;function s(e){return r(this,s),(e=E.call(this,e)).onChange=e.onChange.bind(o(e)),e.input=n.createRef(),e}window.InputFilter=k;var d=[],D={};function O(e){return 0===e.fetchState&&e.children?e.children:null}function T(e){if(!(-1===e.fetchState)||!e.children)return null;var t=e.error;return"string"==typeof t&&-1===t.indexOf("Error")&&(t="Error - "+t),n.cloneElement(e.children,{error:t})}function x(e){return 1===e.fetchState&&e.children?n.cloneElement(e.children,{data:e.data,params:e.params,handleChange:e.handleChange,childProps:e.childProps}):null}e(l,n.Component),P=t(l),a(l,[{key:"getUrlParams",value:function(){var e,t={};if(this.props&&!0===this.props.graphQL)return void 0===this.props.variables?{}:this.props.variables;for(e in this.props)"url"!==e&&"string"==typeof this.props[e]&&(t[e]=this.props[e]);return t}},{key:"componentDidMount",value:function(){if((this._isMounted=!0)===this.props.graphQL&&void 0===this._query&&void 0!==this._querySrc&&void 0!==D[this._querySrc]&&(this._query=D[this._querySrc]),this.props.loadOnlyOnce){var e=function(e,t,r){for(var n=0,o=d.length;n<o;n++){var a=d[n];if(a.url===e&&a.query===t){if(JSON.stringify(r)===a.params)return a.data;break}}return null}(this.props.url,this._query,this.getUrlParams());if(null!==e)return void this.setState({fetchState:1,data:e})}var t,r;if(!0===this.props.graphQL&&void 0===this._query&&void 0!==this._querySrc)return t=this._querySrc,r=this,void fetch(t,null).then(function(e){var t=e.status;return 200<=t&&t<300||304===t?Promise.resolve(e):(t="Error loading data. Server Response Code: "+t+", Response Text: "+e.statusText,Promise.reject(t))}).then(function(e){return e.text()}).then(function(e){D[t]=e,r._query=D[t],r.fetchData()}).catch(function(e){throw new Error("Error Downloading GraphQL Script: ["+t+"], Error: "+e.toString())});this.fetchData()}},{key:"componentDidUpdate",value:function(e,t){(!0===this.props.graphQL?JSON.stringify(e.variables)!==JSON.stringify(this.props.variables):this.buildUrl(t.params)!==this.buildUrl(this.props))&&this.setState({params:this.getUrlParams()},this.fetchData)}},{key:"componentWillUnmount",value:function(){this._isMounted=!1}},{key:"buildUrl",value:function(e){var t=this.props.url;if(!0!==this.props.graphQL&&0<Object.keys(e).length)for(var r in e)-1<t.indexOf(":"+r)&&(t=t.replace(new RegExp(":"+r,"g"),encodeURIComponent(e[r])));return t}},{key:"fetchData",value:function(){var e,t,c=this,r=this.buildUrl(this.state.params);this._isFetching||(this._isFetching=!0,e={mode:"cors",cache:"no-store",credentials:"same-origin"},this.props.fetchOptions&&(e=this.props.fetchOptions),this.props.fetchHeaders&&(e.headers=this.props.fetchHeaders),!0===this.props.graphQL&&(t=void 0===this.props.variables?{}:this.props.variables,"file://"===window.location.origin||"null"===window.location.origin?r=(r=(r+=-1===r.indexOf("?")?"?":"&")+"query="+encodeURIComponent(this._query.trim()))+"&variables="+encodeURIComponent(JSON.stringify(t)):(e.method="POST",void 0===e.headers?e.headers={"Content-Type":"application/json"}:e.headers["Content-Type"]="application/json",e.body=JSON.stringify({query:this._query,variables:t}))),this.setState({fetchState:0},function(){c.updateView(),fetch(r,e).then(function(e){var t=e.status;return 200<=t&&t<300||304===t?Promise.resolve(e):(t="Error loading data. Server Response Code: "+t+", Response Text: "+e.statusText,Promise.reject(t))}).then(function(e){return e.json()}).then(function(e){var t,r=!0===c.props.graphQL;if(r&&(e.errors&&e.errors.length))throw t=1===e.errors.length&&e.errors[0].message?"[GraphQL Error]: "+e.errors[0].message:("string"==typeof c.props.errorTextGraphQLErrors?c.props.errorTextGraphQLErrors:"{count} GraphQL Errors occurred. See console for full details.").replace("{count}",e.errors.length),console.error(e.errors),t;if(c._isMounted&&c.setState({fetchState:1,data:r?e.data:e}),c.props.loadOnlyOnce){for(var n=c.props.url,o=c._query,a=c.getUrlParams(),i=r?e.data:e,s=0,l=d.length;s<l;s++){var u=d[s];if(u.url===n&&u.query===o)return void(u.params=JSON.stringify(a),u.data=i)}d.push({url:n,query:o,params:JSON.stringify(a),data:i})}}).catch(function(e){c._isMounted&&c.setState({fetchState:-1,error:e.toString()})}).finally(function(){c._isFetching=!1,c.updateView()})}))}},{key:"handleChange",value:function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:null;this._isMounted&&this.setState({data:null===e?this.state.data:e})}},{key:"updateView",value:function(){if("function"==typeof this.props.onViewUpdated)try{this.props.onViewUpdated()}catch(e){console.error(e)}}},{key:"render",value:function(){return n.createElement(n.Fragment,null,n.createElement(O,{fetchState:this.state.fetchState},this.props.isLoading),n.createElement(T,{fetchState:this.state.fetchState,error:this.state.error},this.props.hasError),n.createElement(x,{fetchState:this.state.fetchState,data:this.state.data,params:this.state.params,handleChange:this.handleChange,childProps:this.props.childProps},this.props.isLoaded))}}]);var P,_=l;function l(e){var t;return r(this,l),(t=P.call(this,e))._isFetching=!1,t._isMounted=!1,t.fetchData=t.fetchData.bind(o(t)),t.handleChange=t.handleChange.bind(o(t)),t._querySrc=e&&e.querySrc?e.querySrc:void 0,t._query=e&&e.query?e.query:void 0,t.state={fetchState:0,error:null,params:t.getUrlParams(),data:null},t}window.JsonData=_;e(q,n.Component),j=t(q),a(q,[{key:"componentDidMount",value:function(){var e=this;this.loadScripts(this.props.scripts,this.props.loadScriptsInOrder).then(function(){e.setState({isReady:!0})})}},{key:"loadScripts",value:function(a,e){function i(a){return new Promise(function(e){for(var t=document.querySelectorAll("link"),r=0,n=t.length;r<n;r++)if("stylesheet"===t[r].rel&&t[r].getAttribute("href")===a)return void e();var o=document.createElement("link");o.rel="stylesheet",o.onload=e,o.onerror=function(){console.error("Error loading CSS File: "+a),e()},o.href=a,document.head.appendChild(o)})}function s(a){return new Promise(function(e){for(var t=document.querySelectorAll("script"),r=0,n=t.length;r<n;r++)if(t[r].getAttribute("src")===a)return void e();var o=document.createElement("script");o.onload=e,o.onerror=function(){console.error("Error loading JS File: "+a),e()},o.src=a,document.head.appendChild(o)})}function l(a){return new Promise(function(e){for(var t=document.querySelectorAll("script[data-src][data-compiler]"),r=0,n=t.length;r<n;r++)if(t[r].getAttribute("data-src")===a)return void e();var o=document.createElement("script");o.type="text/babel",o.setAttribute("src",a),document.head.appendChild(o),jsxLoader.loadScript(o).then(function(){e()})})}if("string"==typeof a)a=[a];else if(!Array.isArray(a))return console.error("Invalid prop for <LazyLoad>, expected [scripts] to be a string or an array of strings. Check console."),console.log(a),new Promise(function(e){e()});return!0===e?new Promise(function(r){var n=0,o=a.length;!function e(){var t;n!==o?(t=a[n],n++,t.endsWith(".js")?s(t).then(e):t.endsWith(".css")?i(t).then(e):t.endsWith(".jsx")?l(t).then(e):(console.error("Invalid Script for <LazyLoad>. Only scripts ending with [js, css, or jsx] can be used. Error URL: "+t),e())):r()}()}):new Promise(function(e){for(var t=[],r=0,n=a.length;r<n;r++){var o=a[r];o.endsWith(".js")?t.push(s(o)):o.endsWith(".css")?t.push(i(o)):o.endsWith(".jsx")?t.push(l(o)):console.error("Invalid Script for <LazyLoad>. Only scripts ending with [js, css, or jsx] can be used. Error URL: "+o)}Promise.all(t).then(function(){e()})})}},{key:"loadPolyfill",value:function(e,o){return!1===e||void 0===e?new Promise(function(e,t){var r,n;r=e,n=t,(e=document.createElement("script")).onload=function(){r()},e.onerror=function(){console.error("Error loading Script: "+o),n()},e.src=o,document.head.appendChild(e)}):new Promise(function(e){e()})}},{key:"render",value:function(){if(!this.state.isReady)return this.props.isLoading||null;if(this.props.children)return this.props.children;if(this.props.isLoaded){if("string"!=typeof this.props.isLoaded)return this.props.isLoaded;var e,t=this.props.isLoaded,r={};for(e in this.props)this.props.hasOwnProperty(e)&&"scripts"!==e&&"isLoaded"!==e&&"isLoading"!==e&&(r[e]=this.props[e]);if(void 0!==window&&void 0!==window[t])return n.createElement(window[t],r);if(void 0!==globalThis&&void 0!==globalThis[t])return n.createElement(globalThis[t],r);throw new TypeError("Component <LazyLoad isLoaded="+JSON.stringify(t)+"> was not found. Check if your script is missing or has a compile error.")}throw new TypeError("Missing child nodes or the [isLoaded] property for a <LazyLoad> element.")}}]);var j,A=q;function q(e){return r(this,q),(e=j.call(this,e)).state={isReady:!1},e}window.LazyLoad=A;e(I,n.Component),F=t(I),a(I,[{key:"componentDidMount",value:function(){this.setupTable()}},{key:"setupTable",value:function(){var e=this.table.current;if(null===e.tHead)return console.warn("Unable to setup sorting for table because there is no <thead> element"),void console.log(e);if(0===e.tHead.rows.length)return console.warn("Unable to setup sorting for table because the <thead> element contained now rows"),void console.log(e);if(0===e.tBodies.length)return console.warn("Unable to setup sorting for table because the <tbody> element is missing"),void console.log(e);if(1!==e.tBodies.length)return console.warn("Unable to setup sorting for table because there can only be one <tbody> element for the table"),void console.log(e);for(var t=e.tHead.rows[e.tHead.rows.length-1],r=0,n=t.cells.length;r<n;r++)t.cells[r].addEventListener("click",this.sortColumn),t.cells[r].style.cursor="pointer"}},{key:"sortColumn",value:function(e){var e=e.target,t=e&&e.parentElement&&e.parentElement.parentElement?e.parentElement.parentElement.parentElement:null;if("TH"!==e.tagName&&"TD"!==e.tagName)return console.warn("SortableTable.sortColumn() was called with an invalid element. If called manually the cell needs to be passed."),void console.log(e);if(null!=t&&"TABLE"!==t.tagName)return console.warn("SortableTable.sortColumn() was called with an invalid element. If called manually the table cell of the last row from the table header should be used."),void console.log(e);for(var c=t.getAttribute("data-sort-column"),r=e.cellIndex,e="asc",d=(null!==c&&parseInt(c,10)===r&&(e="asc"===t.getAttribute("data-sort-order")?"desc":"asc"),t.tBodies[0]),n=d.rows,o=[],a=0,p=n.length;a<p;a++){var i,s,l=n[a].cells[r];void 0!==l&&(l=b(i=(null!==(i=l.getAttribute("data-value"))?i:l.textContent).trim()),""===i?i=null:isNaN(i)?(s=new Date(i),isNaN(s.getTime())?i=void 0!==i.toLocaleLowerCase?i.toLocaleLowerCase():i.toLowerCase():(i=s,l="date")):i=parseFloat(i),o.push({row:n[a],value:i,type:null===i?null:l}))}o.sort(this.sortCompare),"desc"===e&&o.reverse();for(var h=t.getAttribute("data-sort-class-odd"),f=t.getAttribute("data-sort-class-even"),m=h&&f,y=0,g=0,v=o.length;g<v;g++){var u=o[g].row;m&&"none"!==u.style.display&&(++y%2==0?(u.classList.add(f),u.classList.remove(h)):(u.classList.add(h),u.classList.remove(f))),d.appendChild(u)}t.setAttribute("data-sort-column",r),t.setAttribute("data-sort-order",e)}},{key:"sortCompare",value:function(e,t){return null===e.type&&null!==t.type?-1:null===t.type&&null!==e.type?1:null===e.type&&null===t.type?0:"number"===e.type&&"number"!==t.type?-1:"number"===t.type&&"number"!==e.type?1:"number"===e.type&&"number"===t.type?e.value-t.value:"date"===e.type&&"date"!==t.type?-1:"date"===t.type&&"date"!==e.type?1:"date"===e.type&&"date"===t.type?e.value<t.value?-1:e.value>t.value?1:0:"string"===e.type&&"string"===t.type?void 0!==e.value.localeCompare?e.value.localeCompare(t.value):e.value<t.value?-1:e.value>t.value?1:0:(console.warn("A code change from [SortableTable] impacted sorting and caused an expected error so the data may appear out of order. Please review your code changes"),0)}},{key:"render",value:function(){return n.createElement("table",Object.assign({},this.props,{ref:this.table}),this.props.children)}}]);var F,N=I;function I(e){return r(this,I),(e=F.call(this,e)).sortColumn=e.sortColumn.bind(o(e)),e.table=n.createRef(),e}function R(){r(this,R)}window.SortableTable=N,a(R,null,[{key:"Cache",get:function(){return m}},{key:"CssVars",get:function(){return g}},{key:"ErrorBoundary",get:function(){return S}},{key:"Format",get:function(){return C}},{key:"InputFilter",get:function(){return k}},{key:"JsonData",get:function(){return _}},{key:"LazyLoad",get:function(){return A}},{key:"SortableTable",get:function(){return N}}]),window.DataFormsJS=R}();
\ No newline at end of file
diff --git a/js/react/es6/DataFormsJS.min.js b/js/react/es6/DataFormsJS.min.js
index 015242c..aa7d510 100644
--- a/js/react/es6/DataFormsJS.min.js
+++ b/js/react/es6/DataFormsJS.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.14.5
+// @version 5.14.6
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
 const cachedValues={};window.Cache = class Cache{static get(e,a){return void 0===cachedValues[e]?a:cachedValues[e]}static set(e,a){cachedValues[e]=a}};
diff --git a/js/react/jsxLoader.js b/js/react/jsxLoader.js
index 3af691a..723618e 100644
--- a/js/react/jsxLoader.js
+++ b/js/react/jsxLoader.js
@@ -1760,7 +1760,7 @@
      * Add Build Version
      * For new releases this gets updated automatically by [scripts/build.js].
      */
-    Object.defineProperty(jsxLoader, 'version', { value: '5.14.5', enumerable: true });
+    Object.defineProperty(jsxLoader, 'version', { value: '5.14.6', enumerable: true });
 
     /**
      * Optional Node Support. Additionally if using webpack or a bundler is being used
diff --git a/js/react/jsxLoader.min.js b/js/react/jsxLoader.min.js
index 0b76700..497386d 100644
--- a/js/react/jsxLoader.min.js
+++ b/js/react/jsxLoader.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.14.5
+// @version 5.14.6
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
-!function(){"use strict";for(var P={js:0,e_start:1,e_end:2,e_prop:3,e_value:4,e_child_text:5,e_child_js:6,e_child_whitespace:7,e_child_js_start:8,e_child_js_end:9},L={program:0,js:1,createElement:2},e=[P,L],t=0,r=e.length;t<r;t++){var n,a=e[t];for(n in a)a.hasOwnProperty(n)&&(a[n]=n)}var _={polyfillUrl:"https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?version=4.8.0&features=Array.from,Array.isArray,Array.prototype.find,Array.prototype.findIndex,Object.assign,Object.keys,Object.values,URL,fetch,Promise,Promise.prototype.finally,String.prototype.endsWith,String.prototype.startsWith,String.prototype.includes,String.prototype.repeat,WeakSet,Symbol,Number.isInteger,String.prototype.codePointAt,String.fromCodePoint",babelUrl:"https://cdn.jsdelivr.net/npm/@babel/standalone@7.12.12/babel.js",babelOptions:{presets:["es2015","react"],plugins:["proposal-object-rest-spread"]},fetchOptions:{mode:"cors",cache:"no-store",credentials:"same-origin"},logCompileTime:!1,logCompileDetails:!1,sourceMaps:!1,evalCode:'"use strict"; class foo {}; const { id, ...other } = { id:123, test:456 };',needsPolyfill:!(Array.from&&"undefined"!=typeof window&&window.Promise&&window.fetch&&Promise.prototype.finally),jsUpdates:[{find:/export function/g,replace:"function"},{find:/export default class/g,replace:"class"},{find:/import React from 'react';/g,replace:""},{find:/import React from"react";/g,replace:""},{find:/=>,/g,replace:"=>"}],globalNamespaces:{react:"React","react-dom":"ReactDom"},isSupportedBrowser:null,usePreact:function(){this.compiler.pragma="preact.createElement",this.compiler.pragmaFrag="preact.Fragment",this.jsUpdates.push({find:/ReactDOM\.render/g,replace:"preact.render"}),this.jsUpdates.push({find:/React\.Component/g,replace:"preact.Component"}),this.jsUpdates.push({find:/React\.Fragment/g,replace:"preact.Fragment"}),this.jsUpdates.push({find:/React\.createElement/g,replace:"preact.createElement"}),this.jsUpdates.push({find:/React\.cloneElement/g,replace:"preact.cloneElement"}),this.jsUpdates.push({find:/React\.createRef/g,replace:"preact.createRef"}),this.jsUpdates.push({find:/onChange:/g,replace:"onInput:"}),this.jsUpdates.push({find:/import preact from 'preact';/g,replace:""}),this.jsUpdates.push({find:/import preact from"preact";/g,replace:""}),this.globalNamespaces.react="preact",this.globalNamespaces["react-dom"]="preact","undefined"!=typeof window&&void 0===window.React&&void 0!==window.preact&&(window.React=window.preact)},hasPendingScripts:function(){return 0<document.querySelectorAll('script[type="text/babel"]:not([data-added-to-page])').length},setup:function(){var t,a,e=document.querySelectorAll('script[type="text/babel"]:not([data-added-to-page])');1!==e.length?(t=[],a=[],Array.prototype.forEach.call(e,function(e){var r,n;""===e.src?a.push(e):t.push((n={element:r=e,text:"",error:null},new Promise(function(t){fetch(r.src,_.fetchOptions).then(function(e){var t=e.status;if(200<=t&&t<300||304===t)return e.text();throw new Error("Error loading data. Server Response Code: "+t+", Response Text: "+e.statusText)}).then(function(e){n.text=e,t(n)}).catch(function(e){n.error=e,t(n)})})))}),Promise.all(t).then(function(e){e.forEach(function(e){_.loadScript(e.element,e.text,e.error)}),a.forEach(function(e){_.loadScript(e)})})):_.loadScript(e[0])},loadScript:function(s,e,r){function n(e,t,r){var n,a,i,o,l=new Date;(_.logCompileTime||_.logCompileDetails)&&(console.log("=".repeat(80)),console.log(s.src),console.log("Start time: "+l.getTime())),_.sourceMaps&&(void 0===_.babelOptions.sourceMaps&&(_.babelOptions.sourceMaps="both",_.babelOptions.generatorOpts={sourceMaps:"both"}),void 0===(o=r)&&(o="Inline Babel script"+(0===(i=document.querySelectorAll('script[data-compiler="Babel"]:not([data-src])').length)?"":" ("+(i+1)+")")),_.babelOptions.filename=o);try{a=_.isSupportedBrowser?(n=_.compiler.compile(e),"jsxLoader"):(n=Babel.transform(e,_.babelOptions).code,"Babel")}catch(e){console.log("-".repeat(80)),console.log("Compile Error:"),console.log(s),console.error(e),s.setAttribute("data-error",e.toString()),n=null}_.logCompileDetails&&console.log(n),(_.logCompileTime||_.logCompileDetails)&&(i=new Date,console.log("End time: "+i.getTime()),console.log("Time taken (in milliseconds): "+(i.getTime()-l.getTime()))),null!==n&&(_.jsUpdates.forEach(function(e){n=n.replace(e.find,e.replace)}),o=document.createElement("script"),r&&o.setAttribute("data-src",r),o.setAttribute("data-compiler",a),"module"===s.getAttribute("data-type")&&(o.type="module"),o.innerHTML=n,document.head.appendChild(o)),t()}return new Promise(function(t){if(""===s.src)return n(s.innerHTML,t),void s.setAttribute("data-added-to-page","");"string"!=typeof e?fetch(s.src,_.fetchOptions).then(function(e){var t=e.status;if(200<=t&&t<300||304===t)return e.text();throw new Error("Error loading data. Server Response Code: "+t+", Response Text: "+e.statusText)}).then(function(e){n(e,t,s.getAttribute("src")),s.setAttribute("data-added-to-page","")}).catch(function(e){console.error(e),s.setAttribute("data-added-to-page",""),s.setAttribute("data-error",e.toString()),t()}):r?(console.error(r),s.setAttribute("data-added-to-page",""),s.setAttribute("data-error",r.toString()),t()):(n(e,t,s.getAttribute("src")),s.setAttribute("data-added-to-page",""))})},addBabelPolyfills:function(){(window.exports=window).require=function(e){var t;return void 0!==_.globalNamespaces[e]&&void 0!==(t=window[_.globalNamespaces[e]])||void 0===(t=window[e])&&-1!==e.indexOf("-")&&(e=e.split("-").map(function(e){return e.substring(0,1).toUpperCase()+e.substring(1)}).join(""),void 0===(t=window[e])&&(e=e.substring(0,1).toLowerCase()+e.substring(1),t=window[e])),t}},downloadScript:function(e,t){var r=document.createElement("script");r.onload=t,r.onerror=function(){console.error("Error loading Script: "+e),t()},r.src=e,document.head.appendChild(r)},addAdditionalPolyfills:function(){void 0===String.prototype.trimLeft&&(String.prototype.trimLeft=function(){return this.replace(/^\s+/,"")}),void 0===String.prototype.trimStart&&(String.prototype.trimStart=String.prototype.trimLeft),void 0===String.prototype.trimRight&&(String.prototype.trimRight=function(){return this.replace(/\s+$/,"")}),void 0===String.prototype.trimEnd&&(String.prototype.trimEnd=String.prototype.trimRight)},compiler:{pragma:"React.createElement",pragmaFrag:"React.Fragment",maxRecursiveCalls:1e3,addUseStrict:!0,compile:function(e){if(this.isMinimized(e))return e;var t=this.removeComments(e),t=this.tokenizer(t),t=(_.logCompileDetails&&console.log(t),this.parser(t,e));return _.logCompileDetails&&console.log(t),this.codeGenerator(t,e)},getTextPosition:function(e,t){e=e.substring(0,t).split("\n"),t=e.length,e=e[t-1];return" at Line #: "+t+", Column #: "+(e.length-1)+", Line: "+e.trim()},isMinimized:function(e){return-1===e.indexOf("\n")&&(-1!==e.indexOf("if(")||-1!==e.indexOf("}render(){return"))},isExpression:function(e,t,r){for(var n=t+2,a=!1;n<r;){var i=e[n];if(n++,/[a-zA-Z0-9_/]/.test(i)){if(a)break}else{if(">"===i)break;if(" "!==i){if(")"===i||"&"===i||"|"===i||"?"===i||";"===i)return!0}else a=!0}}return!1},removeComments:function(e){var t,r,n=e.length,a=new Array(n),i={inCommentReact:!1,inCommentSingleLine:!1,inCommentMultiLine:!1,inStringSingleQuote:!1,inStringDoubleQuote:!1,inStringMultiLine:!1,elementCount:0,jsCount:0},o=0;function l(){return o<n-1?e[o+1]:null}function s(){return o<n-2?e[o+1]+e[o+2]:null}for(;o<n;){if(t=e[o],i.inCommentReact)"*"===t&&"/}"===s()?(a[o]=" ",a[o+1]=" ",o+=2,i.inCommentReact=!(t=" ")):"\n"!==t&&(t=" ");else if(i.inCommentSingleLine)"\n"===t?i.inCommentSingleLine=!1:t=" ";else if(i.inCommentMultiLine)"*"==t&&"/"===l()?(a[o]=" ",o++,i.inCommentMultiLine=!(t=" ")):"\n"!==t&&(t=" ");else if(i.inStringDoubleQuote)'"'===t&&"\\"!==e[o-1]&&(i.inStringDoubleQuote=!1);else if(i.inStringSingleQuote)"'"===t&&"\\"!==e[o-1]&&(i.inStringSingleQuote=!1);else if(i.inStringMultiLine)"`"===t&&(i.inStringMultiLine=!1);else switch(t){case"{":"/*"===s()?(a[o]=" ",a[o+1]=" ",o+=2,t=" ",i.inCommentReact=!0):0<i.elementCount&&i.jsCount++;break;case"}":0<i.elementCount&&0<i.jsCount&&i.jsCount--;break;case"/":(0===i.elementCount||0<i.jsCount)&&(r=l(),i.inCommentSingleLine="/"===r,i.inCommentSingleLine||(i.inCommentMultiLine="*"===r),(i.inCommentSingleLine||i.inCommentMultiLine)&&(a[o]=" ",o++,t=" "));break;case'"':i.inStringDoubleQuote=!0;break;case"'":i.inStringSingleQuote=!0;break;case"`":i.inStringMultiLine=!0;break;case"<":r=l(),/[a-zA-Z>]/.test(r)&&!this.isExpression(e,o,n)?i.elementCount++:"/"===r&&i.elementCount--;break;case">":"/"===e[o-1]&&0<i.elementCount&&i.elementCount--}a[o]=t,o++}return a.join("")},tokenizer:function(l){var s,c,p,u=l.length,d=0,m=[],e=0,v=0,S=this.maxRecursiveCalls;function h(){return d<u?l[d]:null}function f(){return d<u?l[d+1]:null}function g(){if(u<++e)throw new Error("Endless loop encountered in tokenizer")}for(;d<u;){if(g(),null===(c=function(){for(var e,t=d,r={inStringSingleQuote:!1,inStringDoubleQuote:!1,inStringMultiLine:!1};t<u-1;){if(e=l[t],r.inStringDoubleQuote)'"'===e&&"\\"!==l[t-1]&&(r.inStringDoubleQuote=!1);else if(r.inStringSingleQuote)"'"===e&&"\\"!==l[t-1]&&(r.inStringSingleQuote=!1);else if(r.inStringMultiLine)"`"===e&&(r.inStringMultiLine=!1);else switch(e){case'"':r.inStringDoubleQuote=!0;break;case"'":r.inStringSingleQuote=!0;break;case"`":r.inStringMultiLine=!0;break;case"<":if(/[a-zA-Z>]/.test(l[t+1])&&!_.compiler.isExpression(l,t,u))return t}t++}return null}())){m.push({type:P.js,value:l.substring(d,u),pos:d});break}!function e(t,r){if(S<++v)throw new Error("Call count exceeded in tokenizer. If you have a large JSX file that is valid you can increase them limit using the property `jsxLoader.compiler.maxRecursiveCalls`.");var n,a={value:l[c],elementStack:0,elementState:[],currentElementState:null,inElement:!0,hasElementName:!1,elementClosed:!1,closeElement:!1,closingElement:!1,fatalError:!1,errorMessage:null,addElementEnd:!1,breakLoop:!1,addChild:!1,addChar:!0,hasProp:!1,inValue:!1,inPropString:!1,propStringChar:null,jsWithElement:!1};for(d<t&&r&&m.push({type:P.js,value:l.substring(d,t),pos:d}),d=t+1;d<u;){if(g(),s=l[d],a.inElement){if(a.hasElementName)for(a.value+=s,d++,a.breakLoop=!1,a.hasProp=!1,a.inValue=!1;d<u;)if(g(),s=l[d],d++,a.inPropString&&s!==a.propStringChar)a.value+=s;else{switch(s){case"=":if(a.currentElementState.inPropJs)break;""!==a.value.trim()&&(m.push({type:P.e_prop,value:a.value,pos:d}),a.hasProp=!0,a.inValue=!0),a.value="",'"'===(p=h())||"'"===p?(a.inPropString=!0,a.propStringChar=p,d++):"{"===p&&(a.currentElementState.inPropJs=!0,a.currentElementState.jsPropBracketCount=0,d++);continue;case a.propStringChar:if(a.inPropString){a.inPropString=!1,m.push({type:a.hasProp?P.e_value:P.e_prop,value:JSON.stringify(a.value),pos:d}),a.inValue=!1,a.hasProp=!1,a.value="";continue}break;case"}":if(a.currentElementState.inPropJs){if(0===a.currentElementState.jsPropBracketCount){a.currentElementState.inPropJs=!1,""!==a.value.trim()&&(a.jsWithElement?(m.push({type:P.e_child_js_end,value:a.value,pos:d}),a.jsWithElement=!1):">"!==a.value.trim()&&(m.push({type:P.e_value,value:a.value,pos:d}),a.hasProp=!1)),a.inValue=!1,a.value="";continue}a.currentElementState.jsPropBracketCount--}break;case" ":case"\t":case"\r":case"\n":a.currentElementState.inPropJs||(""!==a.value.trim()&&m.push({type:a.hasProp?P.e_value:P.e_prop,value:a.value,pos:d}),a.inValue=!1,a.value="");break;case"/":">"===h()&&(d--,a.breakLoop=!0,a.hasElementName=!1);break;case"<":a.currentElementState.inPropJs&&" "!==h()&&(""!==a.value.trim()&&(m.push({type:P.e_child_js_start,value:a.value,pos:d}),a.value="",a.jsWithElement=!0),e(--d,!1),s="",a.jsWithElement&&d++);break;case"{":a.currentElementState.inPropJs&&a.currentElementState.jsPropBracketCount++;break;case">":a.currentElementState.inPropJs||(a.breakLoop=!0,a.hasElementName=!1)}if(a.breakLoop){var i=a.value.trim(),o=m[m.length-1];if("/"===a.value&&">"===s&&o.type===P.e_start){if(m.push({type:P.e_end,value:a.value+s,pos:d}),a.elementStack<=1)return void("}"!==h()&&d--);a.elementStack--,a.elementState.pop(),a.currentElementState=0===a.elementStack?null:a.elementState[a.elementStack-1]}else if(">"!==s||""===i||!/^[a-zA-Z0-9-_]*$/.test(i)&&!/{\.\.\.(.+)}/.test(i)||o.type!==P.e_start&&o.type!==P.e_value){if(""!==i)throw console.log(m),new Error("Unhandled character in element properties: `"+a.value+"`"+_.compiler.getTextPosition(l,d))}else m.push({type:P.e_prop,value:i,pos:d});a.value="",a.breakLoop=!1;break}a.value+=s}switch(s){case"/":""===a.value||"<"===a.value?a.closingElement=!0:">"===h()?(a.closeElement=!0,a.inElement=!1,a.addElementEnd=!0):">"===f()?(a.closeElement=!0,a.hasElementName=!0,s="",d--):(a.fatalError=!0,a.errorMessage='Error found a "/" character in element ['+a.value+'] but not closing "/>"'+_.compiler.getTextPosition(l,d));break;case">":a.closeElement=!0,a.inElement=!1;break;case" ":case"\t":case"\n":case"\r":a.hasElementName=!0,a.closeElement=!0}}else{switch(s){case"}":a.currentElementState.inJs&&(0===a.currentElementState.jsBracketCount?(a.currentElementState.inJs=!1,a.currentElementState.closeJs=!0,a.addChild=!0,a.addChar=!1):a.currentElementState.jsBracketCount--);break;case"{":a.currentElementState.inJs?a.currentElementState.jsBracketCount++:(a.currentElementState.inJs=!0,a.currentElementState.jsBracketCount=0,a.addChild=!0,a.addChar=!1);break;case"<":/[a-zA-Z>/]/.test(f())&&!_.compiler.isExpression(l,d,u)&&(a.addChild=!0,a.inElement=!0)}a.addChild&&(""===a.value.trim()?""!==a.value&&m.push({type:P.e_child_whitespace,value:a.value,pos:d}):(n=a.currentElementState.closeJs||a.currentElementState.inJs&&0<a.currentElementState.jsBracketCount||a.currentElementState.inJs&&a.inElement,m.push({type:n?P.e_child_js:P.e_child_text,value:a.value,pos:d})),a.addChild=!1,a.value="",a.currentElementState.closeJs&&(a.currentElementState.closeJs=!1,a.currentElementState.inJs=!1))}if(a.closeElement?(" "!==s&&"\t"!==s&&"\n"!==s&&"\r"!==s&&(a.value+=s),a.closingElement?(m.push({type:P.e_end,value:a.value,pos:d}),a.hasElementName=!1,a.elementStack--,a.elementState.pop(),a.currentElementState=0===a.elementStack?null:a.elementState[a.elementStack-1],0===a.elementStack&&(a.elementClosed=!0)):">"===a.value?d--:(m.push({type:P.e_start,value:a.value,pos:d}),a.elementStack++,a.currentElementState={inJs:!1,jsBracketCount:0,closeJs:!1,inPropJs:!1,jsPropBracketCount:0},a.elementState.push(a.currentElementState)),a.value="",a.closeElement=!1,a.closingElement=!1,a.addElementEnd&&(m.push({type:P.e_end,value:a.value,pos:null}),a.addElementEnd=!1)):(a.addChar&&(a.value+=s),a.addChar=!0),a.elementClosed)break;d++}if(a.fatalError)throw console.log(m),new Error(a.errorMessage)}(c,!0),d++}return m},parser:function(u,d){var m=0,h={type:L.program,body:[],pos:null},y=0,f=u.length,E=this.maxRecursiveCalls,g=this.pragmaFrag,v=0,S=0,t=/(\/\/|\/\*|\/\*\*)\s+@jsxFrag\s+([a-zA-Z.]+)/gm.exec(d);function b(e,p){if(E<++y)throw new Error("Call count exceeded in parser. If you have a large JSX file that is valid you can increase them limit using the property `jsxLoader.compiler.maxRecursiveCalls`.");var t=u[m];if(m++,t.type===P.js)return{type:L.js,value:t.value,pos:t.pos,stackCount:e};if(t.type===P.e_start){v++;for(var r,n=t.value.replace("<","").replace("/","").replace(">",""),a=(n=""===n?g:n)[0],i={type:L.createElement,name:n,isClass:"A"<=a&&a<="Z"||-1!==n.indexOf("."),props:[],children:[],pos:t.pos,stackCount:e},o=!1;m<f;){switch(t=u[m],m++,t.type){case P.e_prop:var l={name:t.value,value:null,pos:t.pos};switch(m<f?u[m].type:null){case P.e_value:case P.js:l.value=u[m].value,m++;break;case P.e_start:l.value=b(e+1);break;case P.e_child_js_start:l.value=b(e+1,P.e_child_js_start)}""!==l.name.trim()&&i.props.push(l);break;case P.e_child_js:""!==t.value.trim()&&("}"===(r=0===(r=t.value.trim()).indexOf("{")?r.substring(1):r).substring(r.length-1,r.length)&&(r=r.substring(0,r.length-1)),i.children.push({type:t.type,value:r,pos:t.pos}));break;case P.e_child_js_start:case P.e_child_js_end:i.children.push({type:t.type,value:r,pos:t.pos});break;case P.e_child_text:""!==t.value.trim()&&i.children.push({type:t.type,value:t.value,pos:t.pos});break;case P.e_child_whitespace:i.children.push({type:t.type,value:t.value,pos:t.pos});break;case P.e_end:var s=t.value.replace("<","").replace("/","").replace(">","");if(s!==i.name&&""!==s)throw new Error("Found closing element ["+s+"] that does not match opening element ["+i.name+"] from Token # "+t.index+_.compiler.getTextPosition(d,t.pos));o=!0,S++;break;case P.e_start:m--,i.children.push({type:P.e_start,value:b(e+1),pos:t.pos});break;default:throw console.log(u),console.log(h),new Error("Tokens are out of order 1: ["+t.type+"], Token #: "+t.index+_.compiler.getTextPosition(d,t.pos))}if(o)break}return i}if(t.type===P.e_child_js_start&&t.type===p)for(var c=[t];m<f;)switch(t=u[m],m++,t.type){case P.e_start:m--,c.push(b(e+1));break;case P.e_child_js_end:return c.push(t),c;default:throw new Error("Found unexpected token type in JS child prop: ["+t.type+"], Token #: "+t.index+_.compiler.getTextPosition(d,t.pos))}throw new Error("Tokens are out of order 2: ["+t.type+"], Token #: "+t.index+_.compiler.getTextPosition(d,t.pos))}t&&(g=t[2]);for(var e=0;e<f;e++)u[e].index=e;for(;m<f;)h.body.push(b(0));if(v!==S)throw new Error('The number of opening elements (for example: "<div>") does not match the number closing elements ("</div>").');return h},codeGenerator:function(e,t){var j=this.addUseStrict,x=this.pragma,t=/(\/\/|\/\*|\/\*\*)\s+@jsx\s+([a-zA-Z.]+)/gm.exec(t);return t&&(x=t[2]),function e(t,p){switch(t.type){case L.program:var r=t.body.map(e).join("");return j&&-1===r.indexOf('"use strict"')&&-1===r.indexOf("'use strict'")?'"use strict";\n'+r:r;case L.js:case P.e_child_js_start:case P.e_child_js_end:return t.value;case L.createElement:var n,r=x+"("+(t.isClass?t.name:JSON.stringify(t.name))+", ",u=(0<t.stackCount&&(r=!0!==p?"\n"+" ".repeat(8)+" ".repeat(4*t.stackCount)+r:" "+r),t.props.length),d=[];if(0===u)r+="null";else{r+="{";for(var a=0;a<u;a++){var i=t.props[a].value;if(null===i)i="true";else if("string"!=typeof i)if(Array.isArray(i)&&0<i.length&&i[0].type===P.e_child_js_start){for(var m="";0<i.length;)m+=e(i.shift(),!0);i=m}else i=e(i,!0);-1!==(n=t.props[a].name.trim()).indexOf("-")&&(n=JSON.stringify(n)),"true"===i&&/{\.\.\.(.+)}/.test(n)?d.push(n.substring(0,n.length-1).substring(1)+(a===u-1?"":", ")):d.push(n+": "+i+(a===u-1?"":", "))}var h=d.reduce(function(e,t){return e+=t.length},0);80<h?(h="\n",!0!==p&&(h+=" ".repeat(12)+" ".repeat(4*t.stackCount)),r+=h+d.join(h)):r+=d.join(""),r+="}"}var o,l,s=[],f=!1,g=!1,v=!1,S=!1,b=t.children.length,y=null,E=0,_=!1,w=!0;for(l=0;l<b;l++)switch(t.children[l].type){case P.e_child_js:case P.e_child_js_start:g=!0,"string"==typeof(o=t.children[l].value)&&-1===o.indexOf("(")&&-1===o.indexOf(")")&&(w=!1);break;case P.e_child_text:f=!0;break;case P.e_start:v=!0,E++;break;case P.e_child_whitespace:case P.e_child_js_end:break;default:throw new Error("Unhandled child type codeGenerator(): "+t.children[l].type)}for(l=0;l<b;l++){switch(t.children[l].type){case P.e_child_js:case P.e_child_js_start:_?s[s.length-1]+=t.children[l].value:(s.push(t.children[l].value),S||1!==s.length||(S=!0));break;case P.e_child_text:-1!==(o=t.children[l].value).indexOf("&")&&((c=document.createElement("div")).innerHTML=o,o=c.textContent),1===b?s.push(JSON.stringify(o)):l===b-1?s.push(JSON.stringify(o.replace(/\s+$/,""))):0===l?s.push(JSON.stringify(o.replace(/^\s+/,""))):s.push(JSON.stringify(o));break;case P.e_child_js_end:s.push(t.children[l].value);break;case P.e_start:var C,c=!1,k=!1;!(c=null!==y?t.children[y].type===P.e_child_js:c)||((C=t.children[y].value.trim()).endsWith("&&")||C.endsWith("?")||C.endsWith("(")||C.endsWith(":")||C.endsWith(" return"))&&(s[s.length-1]+=e(t.children[l].value,c),E--,_=k=!0),k||(s.push(e(t.children[l].value,c)),_=!1);break;case P.e_child_whitespace:(g||f)&&0!==l&&l!==b-1&&(s.push(JSON.stringify(t.children[l].value)),_=!1);continue;default:throw new Error("Unhandled child type codeGenerator(): "+t.children[l].type)}y=l}return 0<s.length&&(r+=!f&&g&&v&&S&&1===E&&w?", "+s.join(""):", "+s.join(", ")),r+=")";default:throw new TypeError("Unhandled AST type in codeGenerator: "+t.type)}}(e)}}};Object.defineProperty(_,"version",{value:"5.14.5",enumerable:!0}),"undefined"!=typeof window&&void 0!==window.document||"object"!=typeof module||"object"!=typeof module.exports?(window.jsxLoader=_,document.addEventListener("DOMContentLoaded",function(){if(null===_.isSupportedBrowser)try{new Function('"use strict";'+_.evalCode)(),_.isSupportedBrowser=!0}catch(e){_.isSupportedBrowser=!1}_.isSupportedBrowser&&!1===_.needsPolyfill?_.setup():_.isSupportedBrowser?_.downloadScript(_.polyfillUrl,function(){_.addAdditionalPolyfills(),_.setup()}):(_.addBabelPolyfills(),_.downloadScript(_.polyfillUrl,function(){_.addAdditionalPolyfills(),_.downloadScript(_.babelUrl,function(){_.setup()})}))})):module.exports={jsxLoader:_}}();
\ No newline at end of file
+!function(){"use strict";for(var P={js:0,e_start:1,e_end:2,e_prop:3,e_value:4,e_child_text:5,e_child_js:6,e_child_whitespace:7,e_child_js_start:8,e_child_js_end:9},L={program:0,js:1,createElement:2},e=[P,L],t=0,r=e.length;t<r;t++){var n,a=e[t];for(n in a)a.hasOwnProperty(n)&&(a[n]=n)}var _={polyfillUrl:"https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?version=4.8.0&features=Array.from,Array.isArray,Array.prototype.find,Array.prototype.findIndex,Object.assign,Object.keys,Object.values,URL,fetch,Promise,Promise.prototype.finally,String.prototype.endsWith,String.prototype.startsWith,String.prototype.includes,String.prototype.repeat,WeakSet,Symbol,Number.isInteger,String.prototype.codePointAt,String.fromCodePoint",babelUrl:"https://cdn.jsdelivr.net/npm/@babel/standalone@7.12.12/babel.js",babelOptions:{presets:["es2015","react"],plugins:["proposal-object-rest-spread"]},fetchOptions:{mode:"cors",cache:"no-store",credentials:"same-origin"},logCompileTime:!1,logCompileDetails:!1,sourceMaps:!1,evalCode:'"use strict"; class foo {}; const { id, ...other } = { id:123, test:456 };',needsPolyfill:!(Array.from&&"undefined"!=typeof window&&window.Promise&&window.fetch&&Promise.prototype.finally),jsUpdates:[{find:/export function/g,replace:"function"},{find:/export default class/g,replace:"class"},{find:/import React from 'react';/g,replace:""},{find:/import React from"react";/g,replace:""},{find:/=>,/g,replace:"=>"}],globalNamespaces:{react:"React","react-dom":"ReactDom"},isSupportedBrowser:null,usePreact:function(){this.compiler.pragma="preact.createElement",this.compiler.pragmaFrag="preact.Fragment",this.jsUpdates.push({find:/ReactDOM\.render/g,replace:"preact.render"}),this.jsUpdates.push({find:/React\.Component/g,replace:"preact.Component"}),this.jsUpdates.push({find:/React\.Fragment/g,replace:"preact.Fragment"}),this.jsUpdates.push({find:/React\.createElement/g,replace:"preact.createElement"}),this.jsUpdates.push({find:/React\.cloneElement/g,replace:"preact.cloneElement"}),this.jsUpdates.push({find:/React\.createRef/g,replace:"preact.createRef"}),this.jsUpdates.push({find:/onChange:/g,replace:"onInput:"}),this.jsUpdates.push({find:/import preact from 'preact';/g,replace:""}),this.jsUpdates.push({find:/import preact from"preact";/g,replace:""}),this.globalNamespaces.react="preact",this.globalNamespaces["react-dom"]="preact","undefined"!=typeof window&&void 0===window.React&&void 0!==window.preact&&(window.React=window.preact)},hasPendingScripts:function(){return 0<document.querySelectorAll('script[type="text/babel"]:not([data-added-to-page])').length},setup:function(){var t,a,e=document.querySelectorAll('script[type="text/babel"]:not([data-added-to-page])');1!==e.length?(t=[],a=[],Array.prototype.forEach.call(e,function(e){var r,n;""===e.src?a.push(e):t.push((n={element:r=e,text:"",error:null},new Promise(function(t){fetch(r.src,_.fetchOptions).then(function(e){var t=e.status;if(200<=t&&t<300||304===t)return e.text();throw new Error("Error loading data. Server Response Code: "+t+", Response Text: "+e.statusText)}).then(function(e){n.text=e,t(n)}).catch(function(e){n.error=e,t(n)})})))}),Promise.all(t).then(function(e){e.forEach(function(e){_.loadScript(e.element,e.text,e.error)}),a.forEach(function(e){_.loadScript(e)})})):_.loadScript(e[0])},loadScript:function(s,e,r){function n(e,t,r){var n,a,i,o,l=new Date;(_.logCompileTime||_.logCompileDetails)&&(console.log("=".repeat(80)),console.log(s.src),console.log("Start time: "+l.getTime())),_.sourceMaps&&(void 0===_.babelOptions.sourceMaps&&(_.babelOptions.sourceMaps="both",_.babelOptions.generatorOpts={sourceMaps:"both"}),void 0===(o=r)&&(o="Inline Babel script"+(0===(i=document.querySelectorAll('script[data-compiler="Babel"]:not([data-src])').length)?"":" ("+(i+1)+")")),_.babelOptions.filename=o);try{a=_.isSupportedBrowser?(n=_.compiler.compile(e),"jsxLoader"):(n=Babel.transform(e,_.babelOptions).code,"Babel")}catch(e){console.log("-".repeat(80)),console.log("Compile Error:"),console.log(s),console.error(e),s.setAttribute("data-error",e.toString()),n=null}_.logCompileDetails&&console.log(n),(_.logCompileTime||_.logCompileDetails)&&(i=new Date,console.log("End time: "+i.getTime()),console.log("Time taken (in milliseconds): "+(i.getTime()-l.getTime()))),null!==n&&(_.jsUpdates.forEach(function(e){n=n.replace(e.find,e.replace)}),o=document.createElement("script"),r&&o.setAttribute("data-src",r),o.setAttribute("data-compiler",a),"module"===s.getAttribute("data-type")&&(o.type="module"),o.innerHTML=n,document.head.appendChild(o)),t()}return new Promise(function(t){if(""===s.src)return n(s.innerHTML,t),void s.setAttribute("data-added-to-page","");"string"!=typeof e?fetch(s.src,_.fetchOptions).then(function(e){var t=e.status;if(200<=t&&t<300||304===t)return e.text();throw new Error("Error loading data. Server Response Code: "+t+", Response Text: "+e.statusText)}).then(function(e){n(e,t,s.getAttribute("src")),s.setAttribute("data-added-to-page","")}).catch(function(e){console.error(e),s.setAttribute("data-added-to-page",""),s.setAttribute("data-error",e.toString()),t()}):r?(console.error(r),s.setAttribute("data-added-to-page",""),s.setAttribute("data-error",r.toString()),t()):(n(e,t,s.getAttribute("src")),s.setAttribute("data-added-to-page",""))})},addBabelPolyfills:function(){(window.exports=window).require=function(e){var t;return void 0!==_.globalNamespaces[e]&&void 0!==(t=window[_.globalNamespaces[e]])||void 0===(t=window[e])&&-1!==e.indexOf("-")&&(e=e.split("-").map(function(e){return e.substring(0,1).toUpperCase()+e.substring(1)}).join(""),void 0===(t=window[e])&&(e=e.substring(0,1).toLowerCase()+e.substring(1),t=window[e])),t}},downloadScript:function(e,t){var r=document.createElement("script");r.onload=t,r.onerror=function(){console.error("Error loading Script: "+e),t()},r.src=e,document.head.appendChild(r)},addAdditionalPolyfills:function(){void 0===String.prototype.trimLeft&&(String.prototype.trimLeft=function(){return this.replace(/^\s+/,"")}),void 0===String.prototype.trimStart&&(String.prototype.trimStart=String.prototype.trimLeft),void 0===String.prototype.trimRight&&(String.prototype.trimRight=function(){return this.replace(/\s+$/,"")}),void 0===String.prototype.trimEnd&&(String.prototype.trimEnd=String.prototype.trimRight)},compiler:{pragma:"React.createElement",pragmaFrag:"React.Fragment",maxRecursiveCalls:1e3,addUseStrict:!0,compile:function(e){if(this.isMinimized(e))return e;var t=this.removeComments(e),t=this.tokenizer(t),t=(_.logCompileDetails&&console.log(t),this.parser(t,e));return _.logCompileDetails&&console.log(t),this.codeGenerator(t,e)},getTextPosition:function(e,t){e=e.substring(0,t).split("\n"),t=e.length,e=e[t-1];return" at Line #: "+t+", Column #: "+(e.length-1)+", Line: "+e.trim()},isMinimized:function(e){return-1===e.indexOf("\n")&&(-1!==e.indexOf("if(")||-1!==e.indexOf("}render(){return"))},isExpression:function(e,t,r){for(var n=t+2,a=!1;n<r;){var i=e[n];if(n++,/[a-zA-Z0-9_/]/.test(i)){if(a)break}else{if(">"===i)break;if(" "!==i&&"\n"!==i&&"\t"!==i){if(")"===i||"&"===i||"|"===i||"?"===i||";"===i)return!0}else a=!0}}return!1},removeComments:function(e){var t,r,n=e.length,a=new Array(n),i={inCommentReact:!1,inCommentSingleLine:!1,inCommentMultiLine:!1,inStringSingleQuote:!1,inStringDoubleQuote:!1,inStringMultiLine:!1,elementCount:0,jsCount:0},o=0;function l(){return o<n-1?e[o+1]:null}function s(){return o<n-2?e[o+1]+e[o+2]:null}for(;o<n;){if(t=e[o],i.inCommentReact)"*"===t&&"/}"===s()?(a[o]=" ",a[o+1]=" ",o+=2,i.inCommentReact=!(t=" ")):"\n"!==t&&(t=" ");else if(i.inCommentSingleLine)"\n"===t?i.inCommentSingleLine=!1:t=" ";else if(i.inCommentMultiLine)"*"==t&&"/"===l()?(a[o]=" ",o++,i.inCommentMultiLine=!(t=" ")):"\n"!==t&&(t=" ");else if(i.inStringDoubleQuote)'"'===t&&"\\"!==e[o-1]&&(i.inStringDoubleQuote=!1);else if(i.inStringSingleQuote)"'"===t&&"\\"!==e[o-1]&&(i.inStringSingleQuote=!1);else if(i.inStringMultiLine)"`"===t&&(i.inStringMultiLine=!1);else switch(t){case"{":"/*"===s()?(a[o]=" ",a[o+1]=" ",o+=2,t=" ",i.inCommentReact=!0):0<i.elementCount&&i.jsCount++;break;case"}":0<i.elementCount&&0<i.jsCount&&i.jsCount--;break;case"/":(0===i.elementCount||0<i.jsCount)&&(r=l(),i.inCommentSingleLine="/"===r,i.inCommentSingleLine||(i.inCommentMultiLine="*"===r),(i.inCommentSingleLine||i.inCommentMultiLine)&&(a[o]=" ",o++,t=" "));break;case'"':i.inStringDoubleQuote=!0;break;case"'":i.inStringSingleQuote=!0;break;case"`":i.inStringMultiLine=!0;break;case"<":r=l(),/[a-zA-Z>]/.test(r)&&!this.isExpression(e,o,n)?i.elementCount++:"/"===r&&i.elementCount--;break;case">":"/"===e[o-1]&&0<i.elementCount&&i.elementCount--}a[o]=t,o++}return a.join("")},tokenizer:function(l){var s,c,p,u=l.length,d=0,m=[],e=0,v=0,S=this.maxRecursiveCalls;function h(){return d<u?l[d]:null}function f(){return d<u?l[d+1]:null}function g(){if(u<++e)throw new Error("Endless loop encountered in tokenizer")}for(;d<u;){if(g(),null===(c=function(){for(var e,t=d,r={inStringSingleQuote:!1,inStringDoubleQuote:!1,inStringMultiLine:!1};t<u-1;){if(e=l[t],r.inStringDoubleQuote)'"'===e&&"\\"!==l[t-1]&&(r.inStringDoubleQuote=!1);else if(r.inStringSingleQuote)"'"===e&&"\\"!==l[t-1]&&(r.inStringSingleQuote=!1);else if(r.inStringMultiLine)"`"===e&&(r.inStringMultiLine=!1);else switch(e){case'"':r.inStringDoubleQuote=!0;break;case"'":r.inStringSingleQuote=!0;break;case"`":r.inStringMultiLine=!0;break;case"<":if(/[a-zA-Z>]/.test(l[t+1])&&!_.compiler.isExpression(l,t,u))return t}t++}return null}())){m.push({type:P.js,value:l.substring(d,u),pos:d});break}!function e(t,r){if(S<++v)throw new Error("Call count exceeded in tokenizer. If you have a large JSX file that is valid you can increase them limit using the property `jsxLoader.compiler.maxRecursiveCalls`.");var n,a={value:l[c],elementStack:0,elementState:[],currentElementState:null,inElement:!0,hasElementName:!1,elementClosed:!1,closeElement:!1,closingElement:!1,fatalError:!1,errorMessage:null,addElementEnd:!1,breakLoop:!1,addChild:!1,addChar:!0,hasProp:!1,inValue:!1,inPropString:!1,propStringChar:null,jsWithElement:!1};for(d<t&&r&&m.push({type:P.js,value:l.substring(d,t),pos:d}),d=t+1;d<u;){if(g(),s=l[d],a.inElement){if(a.hasElementName)for(a.value+=s,d++,a.breakLoop=!1,a.hasProp=!1,a.inValue=!1;d<u;)if(g(),s=l[d],d++,a.inPropString&&s!==a.propStringChar)a.value+=s;else{switch(s){case"=":if(a.currentElementState.inPropJs)break;""!==a.value.trim()&&(m.push({type:P.e_prop,value:a.value,pos:d}),a.hasProp=!0,a.inValue=!0),a.value="",'"'===(p=h())||"'"===p?(a.inPropString=!0,a.propStringChar=p,d++):"{"===p&&(a.currentElementState.inPropJs=!0,a.currentElementState.jsPropBracketCount=0,d++);continue;case a.propStringChar:if(a.inPropString){a.inPropString=!1,m.push({type:a.hasProp?P.e_value:P.e_prop,value:JSON.stringify(a.value),pos:d}),a.inValue=!1,a.hasProp=!1,a.value="";continue}break;case"}":if(a.currentElementState.inPropJs){if(0===a.currentElementState.jsPropBracketCount){a.currentElementState.inPropJs=!1,""!==a.value.trim()&&(a.jsWithElement?(m.push({type:P.e_child_js_end,value:a.value,pos:d}),a.jsWithElement=!1):">"!==a.value.trim()&&(m.push({type:P.e_value,value:a.value,pos:d}),a.hasProp=!1)),a.inValue=!1,a.value="";continue}a.currentElementState.jsPropBracketCount--}break;case" ":case"\t":case"\r":case"\n":a.currentElementState.inPropJs||(""!==a.value.trim()&&m.push({type:a.hasProp?P.e_value:P.e_prop,value:a.value,pos:d}),a.inValue=!1,a.value="");break;case"/":">"===h()&&(d--,a.breakLoop=!0,a.hasElementName=!1);break;case"<":a.currentElementState.inPropJs&&" "!==h()&&(""!==a.value.trim()&&(m.push({type:P.e_child_js_start,value:a.value,pos:d}),a.value="",a.jsWithElement=!0),e(--d,!1),s="",a.jsWithElement&&d++);break;case"{":a.currentElementState.inPropJs&&a.currentElementState.jsPropBracketCount++;break;case">":a.currentElementState.inPropJs||(a.breakLoop=!0,a.hasElementName=!1)}if(a.breakLoop){var i=a.value.trim(),o=m[m.length-1];if("/"===a.value&&">"===s&&o.type===P.e_start){if(m.push({type:P.e_end,value:a.value+s,pos:d}),a.elementStack<=1)return void("}"!==h()&&d--);a.elementStack--,a.elementState.pop(),a.currentElementState=0===a.elementStack?null:a.elementState[a.elementStack-1]}else if(">"!==s||""===i||!/^[a-zA-Z0-9-_]*$/.test(i)&&!/{\.\.\.(.+)}/.test(i)||o.type!==P.e_start&&o.type!==P.e_value){if(""!==i)throw console.log(m),new Error("Unhandled character in element properties: `"+a.value+"`"+_.compiler.getTextPosition(l,d))}else m.push({type:P.e_prop,value:i,pos:d});a.value="",a.breakLoop=!1;break}a.value+=s}switch(s){case"/":""===a.value||"<"===a.value?a.closingElement=!0:">"===h()?(a.closeElement=!0,a.inElement=!1,a.addElementEnd=!0):">"===f()?(a.closeElement=!0,a.hasElementName=!0,s="",d--):(a.fatalError=!0,a.errorMessage='Error found a "/" character in element ['+a.value+'] but not closing "/>"'+_.compiler.getTextPosition(l,d));break;case">":a.closeElement=!0,a.inElement=!1;break;case" ":case"\t":case"\n":case"\r":a.hasElementName=!0,a.closeElement=!0}}else{switch(s){case"}":a.currentElementState.inJs&&(0===a.currentElementState.jsBracketCount?(a.currentElementState.inJs=!1,a.currentElementState.closeJs=!0,a.addChild=!0,a.addChar=!1):a.currentElementState.jsBracketCount--);break;case"{":a.currentElementState.inJs?a.currentElementState.jsBracketCount++:(a.currentElementState.inJs=!0,a.currentElementState.jsBracketCount=0,a.addChild=!0,a.addChar=!1);break;case"<":/[a-zA-Z>/]/.test(f())&&!_.compiler.isExpression(l,d,u)&&(a.addChild=!0,a.inElement=!0)}a.addChild&&(""===a.value.trim()?""!==a.value&&m.push({type:P.e_child_whitespace,value:a.value,pos:d}):(n=a.currentElementState.closeJs||a.currentElementState.inJs&&0<a.currentElementState.jsBracketCount||a.currentElementState.inJs&&a.inElement,m.push({type:n?P.e_child_js:P.e_child_text,value:a.value,pos:d})),a.addChild=!1,a.value="",a.currentElementState.closeJs&&(a.currentElementState.closeJs=!1,a.currentElementState.inJs=!1))}if(a.closeElement?(" "!==s&&"\t"!==s&&"\n"!==s&&"\r"!==s&&(a.value+=s),a.closingElement?(m.push({type:P.e_end,value:a.value,pos:d}),a.hasElementName=!1,a.elementStack--,a.elementState.pop(),a.currentElementState=0===a.elementStack?null:a.elementState[a.elementStack-1],0===a.elementStack&&(a.elementClosed=!0)):">"===a.value?d--:(m.push({type:P.e_start,value:a.value,pos:d}),a.elementStack++,a.currentElementState={inJs:!1,jsBracketCount:0,closeJs:!1,inPropJs:!1,jsPropBracketCount:0},a.elementState.push(a.currentElementState)),a.value="",a.closeElement=!1,a.closingElement=!1,a.addElementEnd&&(m.push({type:P.e_end,value:a.value,pos:null}),a.addElementEnd=!1)):(a.addChar&&(a.value+=s),a.addChar=!0),a.elementClosed)break;d++}if(a.fatalError)throw console.log(m),new Error(a.errorMessage)}(c,!0),d++}return m},parser:function(u,d){var m=0,h={type:L.program,body:[],pos:null},y=0,f=u.length,E=this.maxRecursiveCalls,g=this.pragmaFrag,v=0,S=0,t=/(\/\/|\/\*|\/\*\*)\s+@jsxFrag\s+([a-zA-Z.]+)/gm.exec(d);function b(e,p){if(E<++y)throw new Error("Call count exceeded in parser. If you have a large JSX file that is valid you can increase them limit using the property `jsxLoader.compiler.maxRecursiveCalls`.");var t=u[m];if(m++,t.type===P.js)return{type:L.js,value:t.value,pos:t.pos,stackCount:e};if(t.type===P.e_start){v++;for(var r,n=t.value.replace("<","").replace("/","").replace(">",""),a=(n=""===n?g:n)[0],i={type:L.createElement,name:n,isClass:"A"<=a&&a<="Z"||-1!==n.indexOf("."),props:[],children:[],pos:t.pos,stackCount:e},o=!1;m<f;){switch(t=u[m],m++,t.type){case P.e_prop:var l={name:t.value,value:null,pos:t.pos};switch(m<f?u[m].type:null){case P.e_value:case P.js:l.value=u[m].value,m++;break;case P.e_start:l.value=b(e+1);break;case P.e_child_js_start:l.value=b(e+1,P.e_child_js_start)}""!==l.name.trim()&&i.props.push(l);break;case P.e_child_js:""!==t.value.trim()&&("}"===(r=0===(r=t.value.trim()).indexOf("{")?r.substring(1):r).substring(r.length-1,r.length)&&(r=r.substring(0,r.length-1)),i.children.push({type:t.type,value:r,pos:t.pos}));break;case P.e_child_js_start:case P.e_child_js_end:i.children.push({type:t.type,value:r,pos:t.pos});break;case P.e_child_text:""!==t.value.trim()&&i.children.push({type:t.type,value:t.value,pos:t.pos});break;case P.e_child_whitespace:i.children.push({type:t.type,value:t.value,pos:t.pos});break;case P.e_end:var s=t.value.replace("<","").replace("/","").replace(">","");if(s!==i.name&&""!==s)throw new Error("Found closing element ["+s+"] that does not match opening element ["+i.name+"] from Token # "+t.index+_.compiler.getTextPosition(d,t.pos));o=!0,S++;break;case P.e_start:m--,i.children.push({type:P.e_start,value:b(e+1),pos:t.pos});break;default:throw console.log(u),console.log(h),new Error("Tokens are out of order 1: ["+t.type+"], Token #: "+t.index+_.compiler.getTextPosition(d,t.pos))}if(o)break}return i}if(t.type===P.e_child_js_start&&t.type===p)for(var c=[t];m<f;)switch(t=u[m],m++,t.type){case P.e_start:m--,c.push(b(e+1));break;case P.e_child_js_end:return c.push(t),c;default:throw new Error("Found unexpected token type in JS child prop: ["+t.type+"], Token #: "+t.index+_.compiler.getTextPosition(d,t.pos))}throw new Error("Tokens are out of order 2: ["+t.type+"], Token #: "+t.index+_.compiler.getTextPosition(d,t.pos))}t&&(g=t[2]);for(var e=0;e<f;e++)u[e].index=e;for(;m<f;)h.body.push(b(0));if(v!==S)throw new Error('The number of opening elements (for example: "<div>") does not match the number closing elements ("</div>").');return h},codeGenerator:function(e,t){var j=this.addUseStrict,x=this.pragma,t=/(\/\/|\/\*|\/\*\*)\s+@jsx\s+([a-zA-Z.]+)/gm.exec(t);return t&&(x=t[2]),function e(t,p){switch(t.type){case L.program:var r=t.body.map(e).join("");return j&&-1===r.indexOf('"use strict"')&&-1===r.indexOf("'use strict'")?'"use strict";\n'+r:r;case L.js:case P.e_child_js_start:case P.e_child_js_end:return t.value;case L.createElement:var n,r=x+"("+(t.isClass?t.name:JSON.stringify(t.name))+", ",u=(0<t.stackCount&&(r=!0!==p?"\n"+" ".repeat(8)+" ".repeat(4*t.stackCount)+r:" "+r),t.props.length),d=[];if(0===u)r+="null";else{r+="{";for(var a=0;a<u;a++){var i=t.props[a].value;if(null===i)i="true";else if("string"!=typeof i)if(Array.isArray(i)&&0<i.length&&i[0].type===P.e_child_js_start){for(var m="";0<i.length;)m+=e(i.shift(),!0);i=m}else i=e(i,!0);-1!==(n=t.props[a].name.trim()).indexOf("-")&&(n=JSON.stringify(n)),"true"===i&&/{\.\.\.(.+)}/.test(n)?d.push(n.substring(0,n.length-1).substring(1)+(a===u-1?"":", ")):d.push(n+": "+i+(a===u-1?"":", "))}var h=d.reduce(function(e,t){return e+=t.length},0);80<h?(h="\n",!0!==p&&(h+=" ".repeat(12)+" ".repeat(4*t.stackCount)),r+=h+d.join(h)):r+=d.join(""),r+="}"}var o,l,s=[],f=!1,g=!1,v=!1,S=!1,b=t.children.length,y=null,E=0,_=!1,w=!0;for(l=0;l<b;l++)switch(t.children[l].type){case P.e_child_js:case P.e_child_js_start:g=!0,"string"==typeof(o=t.children[l].value)&&-1===o.indexOf("(")&&-1===o.indexOf(")")&&(w=!1);break;case P.e_child_text:f=!0;break;case P.e_start:v=!0,E++;break;case P.e_child_whitespace:case P.e_child_js_end:break;default:throw new Error("Unhandled child type codeGenerator(): "+t.children[l].type)}for(l=0;l<b;l++){switch(t.children[l].type){case P.e_child_js:case P.e_child_js_start:_?s[s.length-1]+=t.children[l].value:(s.push(t.children[l].value),S||1!==s.length||(S=!0));break;case P.e_child_text:-1!==(o=t.children[l].value).indexOf("&")&&((c=document.createElement("div")).innerHTML=o,o=c.textContent),1===b?s.push(JSON.stringify(o)):l===b-1?s.push(JSON.stringify(o.replace(/\s+$/,""))):0===l?s.push(JSON.stringify(o.replace(/^\s+/,""))):s.push(JSON.stringify(o));break;case P.e_child_js_end:s.push(t.children[l].value);break;case P.e_start:var C,c=!1,k=!1;!(c=null!==y?t.children[y].type===P.e_child_js:c)||((C=t.children[y].value.trim()).endsWith("&&")||C.endsWith("?")||C.endsWith("(")||C.endsWith(":")||C.endsWith(" return"))&&(s[s.length-1]+=e(t.children[l].value,c),E--,_=k=!0),k||(s.push(e(t.children[l].value,c)),_=!1);break;case P.e_child_whitespace:(g||f)&&0!==l&&l!==b-1&&(s.push(JSON.stringify(t.children[l].value)),_=!1);continue;default:throw new Error("Unhandled child type codeGenerator(): "+t.children[l].type)}y=l}return 0<s.length&&(r+=!f&&g&&v&&S&&1===E&&w?", "+s.join(""):", "+s.join(", ")),r+=")";default:throw new TypeError("Unhandled AST type in codeGenerator: "+t.type)}}(e)}}};Object.defineProperty(_,"version",{value:"5.14.6",enumerable:!0}),"undefined"!=typeof window&&void 0!==window.document||"object"!=typeof module||"object"!=typeof module.exports?(window.jsxLoader=_,document.addEventListener("DOMContentLoaded",function(){if(null===_.isSupportedBrowser)try{new Function('"use strict";'+_.evalCode)(),_.isSupportedBrowser=!0}catch(e){_.isSupportedBrowser=!1}_.isSupportedBrowser&&!1===_.needsPolyfill?_.setup():_.isSupportedBrowser?_.downloadScript(_.polyfillUrl,function(){_.addAdditionalPolyfills(),_.setup()}):(_.addBabelPolyfills(),_.downloadScript(_.polyfillUrl,function(){_.addAdditionalPolyfills(),_.downloadScript(_.babelUrl,function(){_.setup()})}))})):module.exports={jsxLoader:_}}();
\ No newline at end of file
diff --git a/js/web-components/json-data.min.js b/js/web-components/json-data.min.js
index 5a39b07..262e150 100644
--- a/js/web-components/json-data.min.js
+++ b/js/web-components/json-data.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.14.5
+// @version 5.14.6
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
 import{Format}from"./utils-format.min.js";import{buildUrl,setElementText,getBindValue,formatData,bindAttrTmpl,componentsAreDefined,polyfillCustomElements,showErrorAlert,showError}from"./utils.min.js";const format=new Format,appEvents={contentReady:"app:contentReady",error:"app:error"},shadowTmpl=document.createElement("template");shadowTmpl.innerHTML="\n    <style>\n        :host { display: block; }\n        :host([hidden]) { display: none; }\n    </style>\n    <slot></slot>\n";const dataCache=[];function saveDataToCache(t,e,s){for(const a of dataCache)if(a.url===t)return a.params=JSON.stringify(e),void(a.data=s);dataCache.push({url:t,params:JSON.stringify(e),data:s})}function getDataFromCache(t,e){for(const s of dataCache)if(s.url===t){if(e===s.params||null===e&&"null"===s.params)return s.data;break}return null}function copyTemplateSelector(t){const e=t.getAttribute("template-selector");if(e&&0===t.childNodes.length){const s=document.querySelector(e);s?t.appendChild(s.content.cloneNode(!0)):showError(t,`Error - Could not find template from <${t.tagName.toLowerCase()} [template-selector="${e}"]>.`)}}class JsonData extends HTMLElement{constructor(){super();this.attachShadow({mode:"open"}).appendChild(shadowTmpl.content.cloneNode(!0)),this.state={isLoading:!1,hasError:!1,isLoaded:!1,errorMessage:null},this.handleButtonClick=this.handleButtonClick.bind(this)}static get observedAttributes(){return["url","url-params"]}attributeChangedCallback(t,e){switch(t){case"url":case"url-params":null===e||this.manualFetchMode||this.fetch()}}connectedCallback(){if(this.elements={isLoading:this.querySelector("is-loading"),hasError:this.querySelector("has-error"),isLoaded:this.querySelector("is-loaded"),clickButton:null},null===this.clickSelector)void 0===this.state||this.state.isLoading||this.state.hasError||this.state.isLoaded||this.manualFetchMode||this.fetch();else if(this.elements.clickButton=document.querySelector(this.clickSelector),null===this.elements.clickButton){const t="Element not found for <json-data> Web Component using [click-selector]: "+String(this.clickSelector);showErrorAlert(t)}else this.elements.clickButton.addEventListener("click",this.handleButtonClick)}disconnectedCallback(){this.elements&&null!==this.elements.clickButton&&(this.elements.clickButton.removeEventListener("click",this.handleButtonClick),this.elements.clickButton=null)}handleButtonClick(){"boolean"==typeof this.elements.clickButton.disabled&&(this.elements.clickButton.disabled=!0);const t=document.querySelectorAll("input[data-bind],select[data-bind],textarea[data-bind]"),e={};for(const s of t){const t=s.getAttribute("data-bind");"INPUT"===s.nodeName&&"checkbox"===s.type?e[t]=s.checked:e[t]=s.value}this.setAttribute("url-params",""),this.setAttribute("url-params",JSON.stringify(e))}get url(){return this.getAttribute("url")}set url(t){this.setAttribute("url",t)}get urlParams(){return this.getAttribute("url-params")}set urlParams(t){"object"==typeof t?this.setAttribute("url-params",JSON.stringify(t)):this.showError(`When setting [urlParams] of <json-data> the value must be an object but was instead a type of [${typeof t}].`)}get loadOnlyOnce(){return null!==this.getAttribute("load-only-once")}get clickSelector(){return this.getAttribute("click-selector")}get manualFetchMode(){return null!==this.getAttribute("manual-fetch-mode")}get isLoading(){return this.state.isLoading}set isLoading(t){this.state.isLoading=!0===t,this.elements.isLoading&&(this.elements.isLoading.style.display=this.state.isLoading?"":"none")}get hasError(){return this.state.hasError}set hasError(t){this.state.hasError=!0===t,this.elements.hasError&&(this.elements.hasError.style.display=this.state.hasError?"":"none")}get isLoaded(){return this.state.isLoaded}set isLoaded(t){this.state.isLoaded=!0===t,this.elements.isLoaded&&(this.elements.isLoaded.style.display=this.state.isLoaded?"":"none")}dispatchContentReady(){this.dispatchEvent(new Event(appEvents.contentReady,{bubbles:!0}));const t=this.getAttribute("onready");if(t)try{if(!this.isConnected)return;const e=new Function("return "+t)();"function"==typeof e&&e()}catch(e){showErrorAlert(`Error from function <json-data onready="${t}">: ${e.message}`),console.error(e)}}async fetch(){const t=this.url;let e=t;if(null===e||""===e)return await this.showError("Error, element <json-data> is missing attribute [url]"),void this.dispatchContentReady();let s=this.getAttribute("url-params");if(""!==s||!e.includes(":")){if(this.loadOnlyOnce){const e=getDataFromCache(t,s);if(null!==e)return await this._setLoadedState(e),void this.dispatchContentReady()}s&&(s=JSON.parse(s)),e=buildUrl(e,s),this.isLoading=!0,this.isLoaded=!1,this.hasError=!1,await this.bindData(),fetch(e,{mode:"cors",cache:"no-store",credentials:"same-origin"}).then((t=>{const e=t.status;if(e>=200&&e<300||304===e)return Promise.resolve(t);{const s="Error loading data. Server Response Code: "+e+", Response Text: "+t.statusText;return Promise.reject(s)}})).then((t=>t.json())).then((async e=>{this.loadOnlyOnce&&saveDataToCache(t,s,e),await this._setLoadedState(e)})).catch((async t=>{await this.showError(t)})).finally((()=>{null!==this.elements.clickButton&&"boolean"==typeof this.elements.clickButton.disabled&&(this.elements.clickButton.disabled=!1),this.dispatchContentReady()}))}}async showError(t){this.isLoading=!1,this.isLoaded=!1,this.hasError=!0,this.state.errorMessage=t,this.dispatchEvent(new CustomEvent(appEvents.error,{bubbles:!0,detail:t})),await this.bindData(),console.error(t)}async _setLoadedState(t){this.isLoading=!1,this.isLoaded=!0,this.hasError=!1,this.state.errorMessage=null;const e=this.getAttribute("transform-data");if(e)try{if("function"==typeof window[e]){const s=window[e](t);"object"==typeof s&&null!==s?Object.assign(this.state,s):await this.showError(`Function [${e}()] must return an object.`)}else await this.showError(`Function [${e}()] was not found.`)}catch(t){await this.showError(t)}else Object.assign(this.state,t);"boolean"==typeof t.hasError&&(this.hasError=t.hasError),await this.bindData()}async bindData(){await componentsAreDefined(this,"[data-bind]");let t=this.querySelectorAll("[data-bind]");for(const e of t){const t=e.getAttribute("data-bind"),s=""===t?this.state:getBindValue(this.state,t);setElementText(e,formatData(e,s))}t=this.querySelectorAll("[data-bind-attr]");for(const e of t)bindAttrTmpl(e,"data-bind-attr",this.state);t=this.querySelectorAll("[data-show]");for(const e of t)if(this.state.isLoading)e.style.display="none";else{const t=e.getAttribute("data-show");try{const s=new Function("state","format","with(state){return "+t+"}")(this.state,format);e.style.display=!0===s?"":"none"}catch(s){e.style.display="",console.error(`Error evaluating JavaScript expression from [data-show="${t}"] attribute.`),console.error(s)}}t=this.querySelectorAll("[data-bind-refresh]");for(const e of t){const t=e.getAttribute("data-bind-refresh");try{e[t]()}catch(s){console.error(`Error calling function from element with [data-bind-refresh="${t}"].`),console.error(s),console.log(e)}}polyfillCustomElements()}}window.customElements.define("json-data",JsonData),window.customElements.define("is-loading",class extends HTMLElement{constructor(){super();this.attachShadow({mode:"open"}).appendChild(shadowTmpl.content.cloneNode(!0))}connectedCallback(){"JSON-DATA"===this.parentNode.nodeName&&!0===this.parentNode.isLoading||(this.style.display="none"),copyTemplateSelector(this)}}),window.customElements.define("has-error",class extends HTMLElement{constructor(){super();this.attachShadow({mode:"open"}).appendChild(shadowTmpl.content.cloneNode(!0))}connectedCallback(){"JSON-DATA"===this.parentNode.nodeName&&!0===this.parentNode.hasError||(this.style.display="none"),copyTemplateSelector(this)}}),window.customElements.define("is-loaded",class extends HTMLElement{constructor(){super();this.attachShadow({mode:"open"}).appendChild(shadowTmpl.content.cloneNode(!0))}connectedCallback(){"JSON-DATA"===this.parentNode.nodeName&&!0===this.parentNode.isLoaded||(this.style.display="none"),copyTemplateSelector(this)}});
\ No newline at end of file
diff --git a/js/web-components/url-router.min.js b/js/web-components/url-router.min.js
index 4eebe6d..c73dc9c 100644
--- a/js/web-components/url-router.min.js
+++ b/js/web-components/url-router.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.14.5
+// @version 5.14.6
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
 import{render,setElementText,formatData,bindAttrTmpl,polyfillCustomElements,showError,showErrorAlert,componentsAreDefined}from"./utils.min.js";const appEvents={routeChanged:"app:routeChanged",error:"app:error"},shadowTmpl=document.createElement("template");shadowTmpl.innerHTML="\n    <style>:host { display:none; }</style>\n    <slot></slot>\n";class UrlRouter extends HTMLElement{constructor(){super();this.attachShadow({mode:"open"}).appendChild(shadowTmpl.content.cloneNode(!0)),this.currentRoute=null,this.currentUrlParams=null,this.updateView=this.updateView.bind(this),this.handlePushStateClick=this.handlePushStateClick.bind(this),this.useHistoryMode="history"===this.getAttribute("mode")}connectedCallback(){const t=this.useHistoryMode?"popstate":"hashchange";window.addEventListener(t,this.updateView),this.updateView()}disconnectedCallback(){const t=this.useHistoryMode?"popstate":"hashchange";window.removeEventListener(t,this.updateView)}async updateView(){this.currentRoute&&this.executeJsEvent("onunload"),this.currentRoute=null,this.currentUrlParams=null,await componentsAreDefined(this,"url-route");const t=this.getAttribute("view-selector");if(null===t||""===t)return void this.showFatalError("Error, element <url-router> is missing attribute [view-selector]");const e=document.querySelector(t);if(null===e)return void this.showFatalError(render`Error, element from <url-router view-selector="${t}"> was not found on the page.`);const r=this.getAttribute("loading-template-selector");if(r){const t=document.querySelector(r);t?"TEMPLATE"===t.tagName?e.innerHTML=t.innerHTML:console.warn(`Unable to show loading screen from <url-router loading-template-selector="${r}">. Only <template> tags are allowed.`):console.warn(`Unable to show loading screen from <url-router loading-template-selector="${r}">. Element from selector is missing.`)}let o=this.useHistoryMode?window.location.pathname:window.location.hash.substring(1);""===o&&(o="/");const n=this.querySelectorAll("url-route");let s=null;for(const t of n){if(null===t.path)return this.showFatalError("Error, element <url-route> is missing attribute [path]"),void console.log(t);const r=this.routeMatches(o,t.path);if(r.isMatch){const n=t.redirect;if(null!==n&&n!==o)return void(this.useHistoryMode?(window.history.pushState(null,null,t.redirect),this.updateView()):window.location.hash="#"+n);await this.lazyLoadScripts(t);const s=t.template;return this.currentRoute=t,this.currentUrlParams=r.urlParams,void(null===s?this.downloadTemplate(e,t,r.urlParams):this.setView(e,s,r.urlParams))}t.isDefault&&(s=t)}if(s){const t=s.path;if(""!==t&&-1===t.indexOf(":"))return void this.changeRoute(t);if("/:lang/"===t){await componentsAreDefined(document,"i18n-service");const t=document.querySelector("i18n-service");if(t&&"function"==typeof t.getUserDefaultLang){const e=t.getUserDefaultLang();if(null!==e)return void this.changeRoute("/"+e+"/")}return void showError(e,"Missing Web Component [i18n-service.js]")}}showError(e,`Error - The route [${o}] does not have a matching <url-route> element and no default route is defined using [default-route].`)}showFatalError(t){this.style.display="block",this.style.padding="1em",this.style.backgroundColor="red",this.style.color="white",this.style.fontSize="1.5em",this.textContent=t,this.dispatchRouteChanged(null,t),console.error(t)}dispatchRouteChanged(t,e){void 0!==e&&this.dispatchEvent(new CustomEvent(appEvents.error,{bubbles:!0,detail:e}));const r=null!==this.currentRoute,o={url:r?this.currentRoute.path:null,urlParams:t};this.dispatchEvent(new CustomEvent(appEvents.routeChanged,{bubbles:!0,detail:o})),r&&this.executeJsEvent("onload")}executeJsEvent(t){const e=this.currentRoute.getAttribute(t);if(e)try{const t=new Function("return "+e)();"function"==typeof t&&t()}catch(r){showErrorAlert(`Error from function <url-route path="${this.currentRoute.getAttribute("path")}" ${t}="${e}">: ${r.message}`),console.error(r)}}downloadTemplate(t,e,r){const o=e.src;if(null===o||""===o){const o=`Missing <template> or [src] attribute for route <url-route path="${e.path}">.`;return showError(t,o),void this.dispatchRouteChanged(r,o)}fetch(o,{mode:"cors",cache:"no-store",credentials:"same-origin"}).then((t=>{const e=t.status;if(e>=200&&e<300||304===e)return Promise.resolve(t);{const r="Error loading data. Server Response Code: "+e+", Response Text: "+t.statusText;return Promise.reject(r)}})).then((t=>t.text())).then((o=>{e.template=o,this.setView(t,o,r)})).catch((r=>{const n=render`Error with <url-route path="${e.path}"> - Error Downloading Template: [${o}], Error: ${r}`;showError(t,n),this.dispatchEvent(new CustomEvent(appEvents.error,{bubbles:!0,detail:n}))}))}setView(t,e,r){t.innerHTML=e;let o=t.querySelectorAll("[url-params]");const n=JSON.stringify(r);for(const t of o)t.setAttribute("url-params",n);o=t.querySelectorAll("[url-param]");for(const t of o){const e=t.getAttribute("url-param"),o=void 0===r[e]?"":r[e];setElementText(t,formatData(t,o))}o=t.querySelectorAll("[url-attr-param]");for(const t of o)bindAttrTmpl(t,"url-attr-param",r);if(polyfillCustomElements(),this.useHistoryMode){const t=document.querySelectorAll('a[href^="/"]:not([data-no-pushstate])');for(const e of t)e.addEventListener("click",this.handlePushStateClick)}this.dispatchRouteChanged(r)}changeRoute(t){if("string"!=typeof t)throw new TypeError("Expected string for <url-router>.changeRoute(path)");this.useHistoryMode?(window.history.pushState(null,null,t),this.updateView()):window.location.hash=0===t.indexOf("#")?t:"#"+t}handlePushStateClick(t){if(!0!==t.ctrlKey&&!t.metaKey)return t.preventDefault(),t.stopPropagation(),t.currentTarget.href?(window.history.pushState(null,null,t.currentTarget.href),this.updateView()):showErrorAlert("Error, link click does not work because href is missing."),!1}routeMatches(t,e){const r=t.split("/"),o=e.split("/"),n=r.length,s={};if(n!==o.length)return{isMatch:!1};for(let t=0;t<n;t++){const e=decodeURIComponent(r[t]);if(e!==o[t]){if(":"!==o[t].substring(0,1))return{isMatch:!1};s[o[t].substring(1)]=e}}return{isMatch:!0,urlParams:s}}async lazyLoadScripts(t){const e=t.getAttribute("lazy-load"),r=[];if(e){e.split(",").map((t=>t.trim())).forEach((t=>{void 0!==window.lazyLoad&&void 0!==window.lazyLoad[t]?r.push(this.loadScripts(window.lazyLoad[t])):showErrorAlert("Missing [window.lazyLoad] scripts for: "+t)}))}await Promise.all(r)}loadScripts(t){if(!Array.isArray(t)){if(!("string"==typeof t||t instanceof Object&&("module"in t||"nomodule"in t)))return showErrorAlert("Invalid Script for [loadScripts()] or [window.lazyLoad], expected string, an array of strings, or a valid object. Check console."),console.warn("window.loadScripts():"),console.warn(t),new Promise((function(t){t()}));t=[t]}return new Promise((function(e){let r=0;const o=t.length;!function n(){if(r===o)return void e();let s=t[r],i=!1;if(s instanceof Object){if(void 0===s.module)return void e();i=!0,s=s.module}r++,s.endsWith(".js")?function(t,e){return new Promise((function(r){const o=document.querySelectorAll("script");for(let e=0,n=o.length;e<n;e++)if(o[e].getAttribute("src")===t)return void r();const n=document.createElement("script");n.onload=r,n.onerror=()=>{showErrorAlert("Error loading JS File: "+t),r()},e&&n.setAttribute("type","module"),n.src=t,document.head.appendChild(n)}))}(s,i).then(n):s.endsWith(".css")?function(t){return new Promise((function(e){const r=document.querySelectorAll("link");for(let o=0,n=r.length;o<n;o++)if("stylesheet"===r[o].rel&&r[o].getAttribute("href")===t)return void e();const o=document.createElement("link");o.rel="stylesheet",o.onload=e,o.onerror=()=>{showErrorAlert("Error loading CSS File: "+t),e()},o.href=t,document.head.appendChild(o)}))}(s).then(n):(showErrorAlert("Invalid Script for [loadScripts()] or [window.lazyLoad]: "+s),n())}()}))}}class UrlRoute extends HTMLElement{constructor(){super();this.attachShadow({mode:"open"}).appendChild(shadowTmpl.content.cloneNode(!0))}get path(){return this.getAttribute("path")}get src(){return this.getAttribute("src")}get redirect(){return this.getAttribute("redirect")}get isDefault(){return null!==this.getAttribute("default-route")}get template(){const t=this.querySelector("template");return null===t?null:t.innerHTML}set template(t){let e=this.querySelector("template");null===e&&(e=document.createElement("template"),this.appendChild(e)),e.innerHTML=t}}window.customElements.define("url-router",UrlRouter),window.customElements.define("url-route",UrlRoute);
\ No newline at end of file
diff --git a/package.json b/package.json
index cfee22f..192ebb0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dataformsjs",
-  "version": "5.14.5",
+  "version": "5.14.6",
   "homepage": "https://www.dataformsjs.com/",
   "description": "A minimal JavaScript Framework and standalone React and Web Components for rapid development of high quality websites and single page applications.",
   "browser": "js/DataFormsJS.min.js",