From 5f9ebd1580349c537422f50ecd09cccde39aebd2 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@jerryleigh.com>
Date: Mon, 21 Feb 2022 17:58:59 -0800
Subject: [PATCH 01/51] =?UTF-8?q?=F0=9F=8C=8E=20i18n=20update=20for=20find?=
 =?UTF-8?q?/replace=20in=20HTML=20attributes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 js/plugins/i18n.js                    | 63 +++++++++++++++++++--------
 js/plugins/i18n.min.js                |  2 +-
 js/web-components/i18n-service.js     | 32 ++++++++++++--
 js/web-components/i18n-service.min.js |  2 +-
 4 files changed, 76 insertions(+), 23 deletions(-)

diff --git a/js/plugins/i18n.js b/js/plugins/i18n.js
index 78ef38dc..db5fcd34 100644
--- a/js/plugins/i18n.js
+++ b/js/plugins/i18n.js
@@ -352,9 +352,6 @@
                 locales,
                 locale,
                 data,
-                x,
-                y,
-                attr,
                 navLang,
                 hashRouting = (app.routingMode === undefined || app.routingMode()  === 'hash'),
                 href,
@@ -375,14 +372,8 @@
             elements = rootElement.querySelectorAll('[data-i18n-attr]');
             for (n = 0, m = elements.length; n < m; n++) {
                 element = elements[n];
-                data = element.getAttribute('data-i18n-attr').split(',').map(function(s) { return s.trim(); });
-                for (x = 0, y = data.length; x < y; x++) {
-                    attr = data[x];
-                    key = element.getAttribute(attr);
-                    if (key !== null) {
-                        element.setAttribute(attr, (this.langText[key] ? this.langText[key] : key));
-                    }
-                }
+                i18n.set18nAttr(element, element.getAttribute('data-i18n-attr'));
+
                 // Note, for this to work properly with custom controls and plugins
                 // this file will likely need to be included before other plugins so that
                 // it runs first. For example if <data-table> is used with sorting or filtering.
@@ -468,6 +459,47 @@
             }
         },
 
+        /**
+         * Used Internally for [data-i18n-attr] and [v-i18n-attr]
+         *
+         * @param {HTMLElement} el
+         * @param {string} bindAttr
+         */
+        set18nAttr: function (el, bindAttr) {
+            var data = bindAttr.split(',').map(function(s) { return s.trim(); });
+            for (var x = 0, y = data.length; x < y; x++) {
+                var attr = data[x];
+                var value;
+                var key = el.getAttribute(attr);
+                if (key === null) {
+                    // Skip attribute not found
+                    console.warn(el, 'Missing Attribute [' + attr + '] for element');
+                    continue;
+                }
+                // Exact match on key
+                value = this.langText[key];
+                if (value !== undefined) {
+                    el.setAttribute(attr, value);
+                    continue;
+                }
+                // Find and replace keys in "[[key]]", example:
+                //     data-export-file-name="[[Report]].csv"
+                var match;
+                var regex = /\[\[.*\]\]/g;
+                while ((match = regex.exec(key)) !== null) {
+                    value = match[0].substring(2, match[0].length - 2);
+                    if (this.langText[value] === undefined) {
+                        // Key not found so skip attribute
+                        continue;
+                    }
+                    var find = match[0].replace(/\[/g, '\\[');
+                    find = new RegExp(find, 'g');
+                    key = key.replace(find, this.langText[value]);
+                }
+                el.setAttribute(attr, key);
+            }
+        },
+
         /**
          * If using Handlebars then add a Helper. This function gets called
          * automatically when the page is loaded.
@@ -501,13 +533,10 @@
                 };
 
                 var vI18nAttr = function (el, binding) {
-                    var attr = binding.value.split(',').map(function(s) { return s.trim(); });
-                    for (var x = 0, y = attr.length; x < y; x++) {
-                        var key = el.getAttribute(attr[x]);
-                        if (key !== null) {
-                            el.setAttribute(attr[x], (i18n.langText[key] ? i18n.langText[key] : key));
-                        }
+                    if (binding.value === undefined) {
+                        return;
                     }
+                    i18n.set18nAttr(el, binding.value);
                 };
 
                 // For differences between Vue 2 and Vue 3 see comments in [js\extensions\vue-directives.js]
diff --git a/js/plugins/i18n.min.js b/js/plugins/i18n.min.js
index cdac0255..8b4629a0 100644
--- a/js/plugins/i18n.min.js
+++ b/js/plugins/i18n.min.js
@@ -1 +1 @@
-!function(){"use strict";var L={fileName:"_",fileDir:"i18n",defaultLocale:null,supportedLocales:null,currentLocale:null,langText:{},langCache:{},getText:function(e){return this.langText&&this.langText[e]?this.langText[e]:e},getUserDefaultLang:function(){if(navigator.languages&&navigator.languages.length&&this.supportedLocales&&this.supportedLocales.length)for(var e=0,t=navigator.languages.length;e<t;e++)if(-1!==this.supportedLocales.indexOf(navigator.languages[e]))return navigator.languages[e];return this.defaultLocale},readSettings:function(){var e=document.documentElement,t=e.getAttribute("data-i18n-file");null!==t&&(this.fileName=t),null!==(t=e.getAttribute("data-i18n-dir"))&&(this.fileDir=t),null===this.defaultLocale&&(this.defaultLocale=e.getAttribute("data-i18n-default")),null===this.supportedLocales&&(this.supportedLocales=e.getAttribute("data-i18n-locales"),null!==this.supportedLocales&&(this.supportedLocales=this.supportedLocales.split(",").map(function(e){return e.trim()})))},validateSettings:function(){return null===this.defaultLocale?(console.warn("Using [i18n] plugin without [defaultLocale / data-i18n-file] being filled in."),!1):null===this.supportedLocales?(console.warn("Using [i18n] plugin without [supportedLocales / data-i18n-locales] being filled in."),!1):!!Array.isArray(this.supportedLocales)||(console.error("Using [i18n] plugin [supportedLocales] must be an array."),!1)},onRouteLoad:function(n){var e=this.validateSettings(),t=(this.currentLocale=null,void 0===app.routingMode||"hash"===app.routingMode());if(t?e&&0===window.location.hash.indexOf("#/")&&(this.currentLocale=window.location.hash.split("/")[1]):e&&1<window.location.pathname.split("/").length&&(this.currentLocale=window.location.pathname.split("/")[1]),null!==this.currentLocale&&(""!==this.currentLocale&&-1!==this.supportedLocales.indexOf(this.currentLocale)||(this.currentLocale=null)),window.i18n_Locale=this.currentLocale,window.app&&"object"==typeof window.app.activeModel&&(window.app.activeModel.i18n_Locale=this.currentLocale),null===this.currentLocale)return n(!1),void(window.app&&window.app.controller&&null!==window.app.controller("/:lang/")&&(t?window.location="#/"+this.defaultLocale+"/":app.changeRoute("/"+this.defaultLocale+"/")));document.documentElement.lang=this.currentLocale;var a=this.fileDir+"/"+this.fileName+"."+this.currentLocale+".json",e=[this.downloadFile(a)],i=null;app.activeController&&app.activeController.settings&&app.activeController.settings.i18nFile&&(t=app.activeController.settings.i18nFile,i=this.fileDir+"/"+t+"."+this.currentLocale+".json",e.push(this.downloadFile(i))),Promise.all(e).finally(function(){L.langText=i?app.deepClone({},L.langCache[a],L.langCache[i]):L.langCache[a];var e,t="app:i18nLoaded";"function"==typeof Event?e=new Event(t,{bubbles:!0}):(e=document.createEvent("Event")).initEvent(t,!0,!1),document.dispatchEvent(e),n()})},downloadFile:function(t){return void 0!==this.langCache[t]?new Promise(function(e){e()}):fetch(t,{cache:"no-store",credentials:"same-origin",headers:window.app&&window.app.getRequestHeaders?window.app.getRequestHeaders(t):{}}).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){L.langCache[t]=e}).catch(function(e){e="Error Downloading I18N file: ["+t+"], Response Code Status: "+e.message;console.error(e),L.langCache[t]={}})},onRendered:function(e){for(var t,n,a,c,i,l,o,d,r,p,g,h,f,v,w=void 0===app.routingMode||"hash"===app.routingMode(),s=0,u=(t=(e=e||document).querySelectorAll("[data-i18n]")).length;s<u;s++)a=(n=t[s]).getAttribute("data-i18n"),n.textContent=this.langText[a]||a;for(s=0,u=(t=e.querySelectorAll("[data-i18n-attr]")).length;s<u;s++){for(p=0,g=(r=(n=t[s]).getAttribute("data-i18n-attr").split(",").map(function(e){return e.trim()})).length;p<g;p++)h=r[p],null!==(a=n.getAttribute(h))&&n.setAttribute(h,this.langText[a]||a);null!==n.getAttribute("data-control")&&app.loadJsControl(n)}for(s=0,u=(t=e.querySelectorAll("a[data-i18n-href]")).length;s<u;s++)r=(n=t[s]).getAttribute("href").split("/"),v=n.getAttribute("href"),(w?0===v.indexOf("#/"):0===v.indexOf("/"))&&1<r.length&&(r[1]=this.currentLocale,n.href=r.join("/"));for(s=0,u=(t=e.querySelectorAll("a[data-i18n-locales]")).length;s<u;s++)o=(n=t[s]).getAttribute("data-i18n-locales").split(",").map(function(e){return e.trim()}),d=this.currentLocale,-1===o.indexOf(d)&&(d=-1!==o.indexOf(this.defaultLocale)?this.defaultLocale:o[0]),l=new RegExp("\\[locale]","g"),n.href=n.href.replace(l,d);for(s=0,u=(t=e.querySelectorAll("[data-i18n-replace-text]")).length;s<u;s++){for(a in i=(n=t[s]).innerHTML,this.langText)this.langText.hasOwnProperty(a)&&-1!==i.indexOf("[[i18n "+a+"]]")&&(l=new RegExp("\\[\\[i18n "+a+"]]","g"),c=this.langText[a]||a,i=i.replace(l,c));n.innerHTML=i}for(s=0,u=(t=document.querySelectorAll("[data-i18n-nav-lang]")).length;s<u;s++)f=(n=t[s]).getAttribute("data-i18n-nav-lang"),w?n.href=window.location.hash.replace("#/"+L.currentLocale+"/","#/"+f+"/"):(n.href=window.location.pathname.replace("/"+L.currentLocale+"/","/"+f+"/"),n.addEventListener("click",app.pushStateClick));for(s=0,u=(t=document.querySelectorAll("[data-i18n-nav-selected]")).length;s<u;s++)t[s].textContent=L.currentLocale},setup:function(){var e,t;window.i18nText=L.getText.bind(L),window.Handlebars&&Handlebars.registerHelper("i18n",function(e,t){return void 0===t?(console.warn("Warning {{i18n}} is not being called with correct parameters, expected {{i18n key}}, parameters:"),console.log(e),console.log(t),"Error"):L.langText&&L.langText[e]?L.langText[e]:e}),window.Vue&&(e=function(e,t){t=t.value;e.textContent=L.langText&&L.langText[t]?L.langText[t]:t},t=function(e,t){for(var n=t.value.split(",").map(function(e){return e.trim()}),a=0,i=n.length;a<i;a++){var l=e.getAttribute(n[a]);null!==l&&e.setAttribute(n[a],L.langText[l]||l)}},void 0===Vue.directive&&"function"==typeof Vue.createApp?(app.vueDirectives=app.vueDirectives||{},app.vueDirectives.i18n={beforeMount:e},app.vueDirectives["i18n-attr"]={beforeMount:t}):(Vue.directive("i18n",{bind:e}),Vue.directive("i18n-attr",{bind:t})))}};L.readSettings(),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",L.setup):L.setup(),app.addPlugin("i18n",L)}();
\ No newline at end of file
+!function(){"use strict";var f={fileName:"_",fileDir:"i18n",defaultLocale:null,supportedLocales:null,currentLocale:null,langText:{},langCache:{},getText:function(e){return this.langText&&this.langText[e]?this.langText[e]:e},getUserDefaultLang:function(){if(navigator.languages&&navigator.languages.length&&this.supportedLocales&&this.supportedLocales.length)for(var e=0,t=navigator.languages.length;e<t;e++)if(-1!==this.supportedLocales.indexOf(navigator.languages[e]))return navigator.languages[e];return this.defaultLocale},readSettings:function(){var e=document.documentElement,t=e.getAttribute("data-i18n-file");null!==t&&(this.fileName=t),null!==(t=e.getAttribute("data-i18n-dir"))&&(this.fileDir=t),null===this.defaultLocale&&(this.defaultLocale=e.getAttribute("data-i18n-default")),null===this.supportedLocales&&(this.supportedLocales=e.getAttribute("data-i18n-locales"),null!==this.supportedLocales&&(this.supportedLocales=this.supportedLocales.split(",").map(function(e){return e.trim()})))},validateSettings:function(){return null===this.defaultLocale?(console.warn("Using [i18n] plugin without [defaultLocale / data-i18n-file] being filled in."),!1):null===this.supportedLocales?(console.warn("Using [i18n] plugin without [supportedLocales / data-i18n-locales] being filled in."),!1):!!Array.isArray(this.supportedLocales)||(console.error("Using [i18n] plugin [supportedLocales] must be an array."),!1)},onRouteLoad:function(n){var e=this.validateSettings(),t=(this.currentLocale=null,void 0===app.routingMode||"hash"===app.routingMode());if(t?e&&0===window.location.hash.indexOf("#/")&&(this.currentLocale=window.location.hash.split("/")[1]):e&&1<window.location.pathname.split("/").length&&(this.currentLocale=window.location.pathname.split("/")[1]),null!==this.currentLocale&&(""!==this.currentLocale&&-1!==this.supportedLocales.indexOf(this.currentLocale)||(this.currentLocale=null)),window.i18n_Locale=this.currentLocale,window.app&&"object"==typeof window.app.activeModel&&(window.app.activeModel.i18n_Locale=this.currentLocale),null===this.currentLocale)return n(!1),void(window.app&&window.app.controller&&null!==window.app.controller("/:lang/")&&(t?window.location="#/"+this.defaultLocale+"/":app.changeRoute("/"+this.defaultLocale+"/")));document.documentElement.lang=this.currentLocale;var a=this.fileDir+"/"+this.fileName+"."+this.currentLocale+".json",e=[this.downloadFile(a)],i=null;app.activeController&&app.activeController.settings&&app.activeController.settings.i18nFile&&(t=app.activeController.settings.i18nFile,i=this.fileDir+"/"+t+"."+this.currentLocale+".json",e.push(this.downloadFile(i))),Promise.all(e).finally(function(){f.langText=i?app.deepClone({},f.langCache[a],f.langCache[i]):f.langCache[a];var e,t="app:i18nLoaded";"function"==typeof Event?e=new Event(t,{bubbles:!0}):(e=document.createEvent("Event")).initEvent(t,!0,!1),document.dispatchEvent(e),n()})},downloadFile:function(t){return void 0!==this.langCache[t]?new Promise(function(e){e()}):fetch(t,{cache:"no-store",credentials:"same-origin",headers:window.app&&window.app.getRequestHeaders?window.app.getRequestHeaders(t):{}}).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){f.langCache[t]=e}).catch(function(e){e="Error Downloading I18N file: ["+t+"], Response Code Status: "+e.message;console.error(e),f.langCache[t]={}})},onRendered:function(e){for(var t,n,a,u,i,l,o,r,d,p,g,h=void 0===app.routingMode||"hash"===app.routingMode(),s=0,c=(t=(e=e||document).querySelectorAll("[data-i18n]")).length;s<c;s++)a=(n=t[s]).getAttribute("data-i18n"),n.textContent=this.langText[a]||a;for(s=0,c=(t=e.querySelectorAll("[data-i18n-attr]")).length;s<c;s++)n=t[s],f.set18nAttr(n,n.getAttribute("data-i18n-attr")),null!==n.getAttribute("data-control")&&app.loadJsControl(n);for(s=0,c=(t=e.querySelectorAll("a[data-i18n-href]")).length;s<c;s++)d=(n=t[s]).getAttribute("href").split("/"),g=n.getAttribute("href"),(h?0===g.indexOf("#/"):0===g.indexOf("/"))&&1<d.length&&(d[1]=this.currentLocale,n.href=d.join("/"));for(s=0,c=(t=e.querySelectorAll("a[data-i18n-locales]")).length;s<c;s++)o=(n=t[s]).getAttribute("data-i18n-locales").split(",").map(function(e){return e.trim()}),r=this.currentLocale,-1===o.indexOf(r)&&(r=-1!==o.indexOf(this.defaultLocale)?this.defaultLocale:o[0]),l=new RegExp("\\[locale]","g"),n.href=n.href.replace(l,r);for(s=0,c=(t=e.querySelectorAll("[data-i18n-replace-text]")).length;s<c;s++){for(a in i=(n=t[s]).innerHTML,this.langText)this.langText.hasOwnProperty(a)&&-1!==i.indexOf("[[i18n "+a+"]]")&&(l=new RegExp("\\[\\[i18n "+a+"]]","g"),u=this.langText[a]||a,i=i.replace(l,u));n.innerHTML=i}for(s=0,c=(t=document.querySelectorAll("[data-i18n-nav-lang]")).length;s<c;s++)p=(n=t[s]).getAttribute("data-i18n-nav-lang"),h?n.href=window.location.hash.replace("#/"+f.currentLocale+"/","#/"+p+"/"):(n.href=window.location.pathname.replace("/"+f.currentLocale+"/","/"+p+"/"),n.addEventListener("click",app.pushStateClick));for(s=0,c=(t=document.querySelectorAll("[data-i18n-nav-selected]")).length;s<c;s++)t[s].textContent=f.currentLocale},set18nAttr:function(e,t){for(var n=t.split(",").map(function(e){return e.trim()}),a=0,i=n.length;a<i;a++){var l=n[a];if(null!==(s=e.getAttribute(l)))if(void 0===(c=this.langText[s])){for(var o=/\[\[.*\]\]/g;null!==(r=o.exec(s));){var r,s,c=r[0].substring(2,r[0].length-2);void 0!==this.langText[c]&&(r=r[0].replace(/\[/g,"\\["),r=new RegExp(r,"g"),s=s.replace(r,this.langText[c]))}e.setAttribute(l,s)}else e.setAttribute(l,c);else console.warn(e,"Missing Attribute ["+l+"] for element")}},setup:function(){var e,t;window.i18nText=f.getText.bind(f),window.Handlebars&&Handlebars.registerHelper("i18n",function(e,t){return void 0===t?(console.warn("Warning {{i18n}} is not being called with correct parameters, expected {{i18n key}}, parameters:"),console.log(e),console.log(t),"Error"):f.langText&&f.langText[e]?f.langText[e]:e}),window.Vue&&(e=function(e,t){t=t.value;e.textContent=f.langText&&f.langText[t]?f.langText[t]:t},t=function(e,t){void 0!==t.value&&f.set18nAttr(e,t.value)},void 0===Vue.directive&&"function"==typeof Vue.createApp?(app.vueDirectives=app.vueDirectives||{},app.vueDirectives.i18n={beforeMount:e},app.vueDirectives["i18n-attr"]={beforeMount:t}):(Vue.directive("i18n",{bind:e}),Vue.directive("i18n-attr",{bind:t})))}};f.readSettings(),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",f.setup):f.setup(),app.addPlugin("i18n",f)}();
\ No newline at end of file
diff --git a/js/web-components/i18n-service.js b/js/web-components/i18n-service.js
index 3752d0c9..45a3eeb8 100644
--- a/js/web-components/i18n-service.js
+++ b/js/web-components/i18n-service.js
@@ -59,7 +59,7 @@ class I18nService extends WebComponentService {
         this.fileName = get(this, 'file', '_');
         this.fileDir = get(this, 'file-dir', 'i18n');
         this.defaultLocale = get(this, 'default-locale');
-        this.supportedLocales = get(this, 'locales', '').split(',').map(s => { return s.trim()});
+        this.supportedLocales = get(this, 'locales', '').split(',').map(s => { return s.trim(); });
         this.currentLocale = null;
         this.langText = {};
         this.langCache = {};
@@ -256,10 +256,34 @@ class I18nService extends WebComponentService {
             const data = element.getAttribute('data-i18n-attr').split(',').map(function(s) { return s.trim(); });
             for (let x = 0, y = data.length; x < y; x++) {
                 const attr = data[x];
-                const key = element.getAttribute(attr);
-                if (key !== null) {
-                    element.setAttribute(attr, (this.langText[key] ? this.langText[key] : key));
+                let key = element.getAttribute(attr);
+                let value;
+                if (key === null) {
+                    // Skip attribute not found
+                    console.warn(element, 'Missing Attribute [' + attr + '] for element');
+                    continue;
                 }
+                // Exact match on key
+                value = this.langText[key];
+                if (value !== undefined) {
+                    element.setAttribute(attr, value);
+                    continue;
+                }
+                // Find and replace keys in "[[key]]", example:
+                //     data-export-file-name="[[Report]].csv"
+                let match;
+                const regex = /\[\[.*\]\]/g;
+                while ((match = regex.exec(key)) !== null) {
+                    value = match[0].substring(2, match[0].length - 2);
+                    if (this.langText[value] === undefined) {
+                        // Key not found so skip attribute
+                        continue;
+                    }
+                    let find = match[0].replace(/\[/g, '\\[');
+                    find = new RegExp(find, 'g');
+                    key = key.replace(find, this.langText[value]);
+                }
+                element.setAttribute(attr, key);
             }
         }
 
diff --git a/js/web-components/i18n-service.min.js b/js/web-components/i18n-service.min.js
index e0077bbe..4cfcc5a3 100644
--- a/js/web-components/i18n-service.min.js
+++ b/js/web-components/i18n-service.min.js
@@ -1 +1 @@
-import{WebComponentService}from"./WebComponentService.min.js";import{showErrorAlert,setElementText}from"./utils.min.js";class I18nService extends WebComponentService{constructor(){function t(t,e,n=null){const i=t.getAttribute(e);return i||n}super(),this.fileName=t(this,"file","_"),this.fileDir=t(this,"file-dir","i18n"),this.defaultLocale=t(this,"default-locale"),this.supportedLocales=t(this,"locales","").split(",").map((t=>t.trim())),this.currentLocale=null,this.langText={},this.langCache={},this._isRunning=!1,window.i18nText=this.getText.bind(this);const e=document.querySelector("url-router");this.hashRouting=null===e||"history"!==e.getAttribute("mode")}getUserDefaultLang(){if(navigator.languages&&navigator.languages.length&&this.supportedLocales&&this.supportedLocales.length)for(let t=0,e=navigator.languages.length;t<e;t++)if(-1!==this.supportedLocales.indexOf(navigator.languages[t]))return navigator.languages[t];return this.defaultLocale}validateSettings(){return null===this.defaultLocale?(console.warn("Using <i18n-service> without [default-locale] being filled in."),!1):0!==this.supportedLocales.length||(console.warn("Using <i18n-service> without [locales] being filled in."),!1)}onLoad(){if(this._isRunning)return;this._isRunning=!0;const t=this.validateSettings(),e=document.querySelector("url-router");if(this.currentLocale=null,this.hashRouting?t&&0===window.location.hash.indexOf("#/")&&(this.currentLocale=window.location.hash.split("/")[1]):t&&window.location.pathname.split("/").length>1&&(this.currentLocale=window.location.pathname.split("/")[1]),null!==this.currentLocale&&(""!==this.currentLocale&&-1!==this.supportedLocales.indexOf(this.currentLocale)||(this.currentLocale=null)),window.i18n_Locale=this.currentLocale,null===this.currentLocale)return this._isRunning=!1,void(e&&e.querySelector('url-route[path="/:lang/"]')&&(this.hashRouting?window.location="#/"+this.defaultLocale+"/":e.changeRoute("/"+this.defaultLocale+"/")));document.documentElement.lang=this.currentLocale;const n=this.fileDir+"/"+this.fileName+"."+this.currentLocale+".json",i=[this.downloadFile(n)],l=e&&e.currentRoute?e.currentRoute.getAttribute("data-i18n-file"):null;let o=null;l&&(o=this.fileDir+"/"+l+"."+this.currentLocale+".json",i.push(this.downloadFile(o))),Promise.all(i).finally((()=>{this.langText=o?Object.assign({},this.langCache[n],this.langCache[o]):this.langCache[n],this.updateContent(document),this.dispatchEvent(new CustomEvent("app:i18nLoaded",{bubbles:!0})),this._isRunning=!1}))}getText(t){return this.langText&&this.langText[t]?this.langText[t]:t}downloadFile(t){return void 0!==this.langCache[t]?new Promise((t=>{t()})):fetch(t,{cache:"no-store",credentials:"same-origin"}).then((t=>{const e=t.status;if(e>=200&&e<300||304===e)return Promise.resolve(t);{const n=`Error loading data. Server Response Code: ${e}, Response Text: ${t.statusText}`;return Promise.reject(n)}})).then((t=>t.json())).then((e=>{this.langCache[t]=e})).catch((e=>{showErrorAlert(`Error Downloading I18N file: [${t}], Response Code Status: ${e.message}`),this.langCache[t]={}}))}updateContent(t){let e=t.querySelectorAll("[data-i18n]");for(const t of e){const e=t.getAttribute("data-i18n"),n=void 0===this.langText[e]?"":this.langText[e];setElementText(t,n)}e=t.querySelectorAll("[data-i18n-attr]");for(const t of e){const e=t.getAttribute("data-i18n-attr").split(",").map((function(t){return t.trim()}));for(let n=0,i=e.length;n<i;n++){const i=e[n],l=t.getAttribute(i);null!==l&&t.setAttribute(i,this.langText[l]?this.langText[l]:l)}}e=t.querySelectorAll("a[data-i18n-href]");for(const t of e){const e=t.getAttribute("href").split("/"),n=t.getAttribute("href");(this.hashRouting?0===n.indexOf("#/"):0===n.indexOf("/"))&&e.length>1&&(e[1]=this.currentLocale,t.href=e.join("/"))}e=t.querySelectorAll("a[data-i18n-locales]");for(const t of e){const e=t.getAttribute("data-i18n-locales").split(",").map((t=>t.trim()));let n=this.currentLocale;-1===e.indexOf(n)&&(n=-1!==e.indexOf(this.defaultLocale)?this.defaultLocale:e[0]);const i=new RegExp("\\[locale]","g");t.href=t.href.replace(i,n)}e=t.querySelectorAll("[data-i18n-replace-text]");for(const t of e){let e=t.innerHTML;for(const t in this.langText)if(this.langText.hasOwnProperty(t)){let n="[[i18n "+t+"]]";if(-1!==e.indexOf(n)){n="\\[\\[i18n "+t+"]]";const i=new RegExp(n,"g"),l=this.langText[t]?this.langText[t]:t;e=e.replace(i,l)}}t.innerHTML=e}if(e=t.querySelectorAll("[data-i18n-nav-lang]"),e.length>0){const t=this.hashRouting?null:document.querySelector("url-router").handlePushStateClick;for(const n of e){const e=n.getAttribute("data-i18n-nav-lang");this.hashRouting?n.href=window.location.hash.replace("#/"+this.currentLocale+"/","#/"+e+"/"):(n.href=window.location.pathname.replace("/"+this.currentLocale+"/","/"+e+"/"),n.addEventListener("click",t))}}e=t.querySelectorAll("[data-i18n-nav-selected]");for(const t of e)t.textContent=this.currentLocale;e=t.querySelectorAll('nav[is="spa-links"]');for(const t of e)"function"==typeof t.updateLinks&&t.updateLinks()}}window.customElements.define("i18n-service",I18nService);
\ No newline at end of file
+import{WebComponentService}from"./WebComponentService.min.js";import{showErrorAlert,setElementText}from"./utils.min.js";class I18nService extends WebComponentService{constructor(){function t(t,e,n=null){const i=t.getAttribute(e);return i||n}super(),this.fileName=t(this,"file","_"),this.fileDir=t(this,"file-dir","i18n"),this.defaultLocale=t(this,"default-locale"),this.supportedLocales=t(this,"locales","").split(",").map((t=>t.trim())),this.currentLocale=null,this.langText={},this.langCache={},this._isRunning=!1,window.i18nText=this.getText.bind(this);const e=document.querySelector("url-router");this.hashRouting=null===e||"history"!==e.getAttribute("mode")}getUserDefaultLang(){if(navigator.languages&&navigator.languages.length&&this.supportedLocales&&this.supportedLocales.length)for(let t=0,e=navigator.languages.length;t<e;t++)if(-1!==this.supportedLocales.indexOf(navigator.languages[t]))return navigator.languages[t];return this.defaultLocale}validateSettings(){return null===this.defaultLocale?(console.warn("Using <i18n-service> without [default-locale] being filled in."),!1):0!==this.supportedLocales.length||(console.warn("Using <i18n-service> without [locales] being filled in."),!1)}onLoad(){if(this._isRunning)return;this._isRunning=!0;const t=this.validateSettings(),e=document.querySelector("url-router");if(this.currentLocale=null,this.hashRouting?t&&0===window.location.hash.indexOf("#/")&&(this.currentLocale=window.location.hash.split("/")[1]):t&&window.location.pathname.split("/").length>1&&(this.currentLocale=window.location.pathname.split("/")[1]),null!==this.currentLocale&&(""!==this.currentLocale&&-1!==this.supportedLocales.indexOf(this.currentLocale)||(this.currentLocale=null)),window.i18n_Locale=this.currentLocale,null===this.currentLocale)return this._isRunning=!1,void(e&&e.querySelector('url-route[path="/:lang/"]')&&(this.hashRouting?window.location="#/"+this.defaultLocale+"/":e.changeRoute("/"+this.defaultLocale+"/")));document.documentElement.lang=this.currentLocale;const n=this.fileDir+"/"+this.fileName+"."+this.currentLocale+".json",i=[this.downloadFile(n)],l=e&&e.currentRoute?e.currentRoute.getAttribute("data-i18n-file"):null;let o=null;l&&(o=this.fileDir+"/"+l+"."+this.currentLocale+".json",i.push(this.downloadFile(o))),Promise.all(i).finally((()=>{this.langText=o?Object.assign({},this.langCache[n],this.langCache[o]):this.langCache[n],this.updateContent(document),this.dispatchEvent(new CustomEvent("app:i18nLoaded",{bubbles:!0})),this._isRunning=!1}))}getText(t){return this.langText&&this.langText[t]?this.langText[t]:t}downloadFile(t){return void 0!==this.langCache[t]?new Promise((t=>{t()})):fetch(t,{cache:"no-store",credentials:"same-origin"}).then((t=>{const e=t.status;if(e>=200&&e<300||304===e)return Promise.resolve(t);{const n=`Error loading data. Server Response Code: ${e}, Response Text: ${t.statusText}`;return Promise.reject(n)}})).then((t=>t.json())).then((e=>{this.langCache[t]=e})).catch((e=>{showErrorAlert(`Error Downloading I18N file: [${t}], Response Code Status: ${e.message}`),this.langCache[t]={}}))}updateContent(t){let e=t.querySelectorAll("[data-i18n]");for(const t of e){const e=t.getAttribute("data-i18n"),n=void 0===this.langText[e]?"":this.langText[e];setElementText(t,n)}e=t.querySelectorAll("[data-i18n-attr]");for(const t of e){const e=t.getAttribute("data-i18n-attr").split(",").map((function(t){return t.trim()}));for(let n=0,i=e.length;n<i;n++){const i=e[n];let l,o,s=t.getAttribute(i);if(null===s){console.warn(t,"Missing Attribute ["+i+"] for element");continue}if(l=this.langText[s],void 0!==l){t.setAttribute(i,l);continue}const a=/\[\[.*\]\]/g;for(;null!==(o=a.exec(s));){if(l=o[0].substring(2,o[0].length-2),void 0===this.langText[l])continue;let t=o[0].replace(/\[/g,"\\[");t=new RegExp(t,"g"),s=s.replace(t,this.langText[l])}t.setAttribute(i,s)}}e=t.querySelectorAll("a[data-i18n-href]");for(const t of e){const e=t.getAttribute("href").split("/"),n=t.getAttribute("href");(this.hashRouting?0===n.indexOf("#/"):0===n.indexOf("/"))&&e.length>1&&(e[1]=this.currentLocale,t.href=e.join("/"))}e=t.querySelectorAll("a[data-i18n-locales]");for(const t of e){const e=t.getAttribute("data-i18n-locales").split(",").map((t=>t.trim()));let n=this.currentLocale;-1===e.indexOf(n)&&(n=-1!==e.indexOf(this.defaultLocale)?this.defaultLocale:e[0]);const i=new RegExp("\\[locale]","g");t.href=t.href.replace(i,n)}e=t.querySelectorAll("[data-i18n-replace-text]");for(const t of e){let e=t.innerHTML;for(const t in this.langText)if(this.langText.hasOwnProperty(t)){let n="[[i18n "+t+"]]";if(-1!==e.indexOf(n)){n="\\[\\[i18n "+t+"]]";const i=new RegExp(n,"g"),l=this.langText[t]?this.langText[t]:t;e=e.replace(i,l)}}t.innerHTML=e}if(e=t.querySelectorAll("[data-i18n-nav-lang]"),e.length>0){const t=this.hashRouting?null:document.querySelector("url-router").handlePushStateClick;for(const n of e){const e=n.getAttribute("data-i18n-nav-lang");this.hashRouting?n.href=window.location.hash.replace("#/"+this.currentLocale+"/","#/"+e+"/"):(n.href=window.location.pathname.replace("/"+this.currentLocale+"/","/"+e+"/"),n.addEventListener("click",t))}}e=t.querySelectorAll("[data-i18n-nav-selected]");for(const t of e)t.textContent=this.currentLocale;e=t.querySelectorAll('nav[is="spa-links"]');for(const t of e)"function"==typeof t.updateLinks&&t.updateLinks()}}window.customElements.define("i18n-service",I18nService);
\ No newline at end of file

From 479f18ba5e4892656ef4b4c4725c4cdf654ecb6f Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@jerryleigh.com>
Date: Mon, 21 Feb 2022 18:00:11 -0800
Subject: [PATCH 02/51] =?UTF-8?q?=F0=9F=8E=9B=EF=B8=8F=20Excel=20and=20CSV?=
 =?UTF-8?q?=20Plugin=20support=20for=20JS=20Controls?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                    | 16 ++++++++++++++++
 docs/to-do-list.txt             |  3 ++-
 js/plugins/exportToCsv.js       |  4 ++--
 js/plugins/exportToCsv.min.js   |  2 +-
 js/plugins/exportToExcel.js     |  4 ++--
 js/plugins/exportToExcel.min.js |  2 +-
 6 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d7535c74..be4ea3cb 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,22 @@ 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.
 
+## Next Release (Changes on master branch but not yet npm)
+
+* Framework Plugins - Excel and CSV Export
+  * `~/js/plugins/exportToCsv.js`
+  * `~/js/plugins/exportToExcel.js`
+  * Add support so that elements using the plugin are refreshed when `app.refreshHtmlControl()` is called.
+  * Minor fix handled by using `onRendered: function (rootElement)` instead of `onRendered: function ()`.
+* I18N update 
+  * Framework Plugin `~/js/plugins/i18n.js`
+  * Web Component `~/js/web-components/i18n-service.js`
+  * Added ability to find and replace i18n keys inside of an attribute string by using syntax `[[key]]`
+    * Example `data-export-file-name="[[Countries]].xlsx" data-i18n-attr="data-export-file-name"`
+    * Previously both `Countries` and `Countries.xlsx` would have had to be defined for each language
+    * Now only `Countries` has to be defined
+    * For Vue apps this applies to the `v-i18n-attr` directive
+
 ## 5.12.1 (February 19, 2022)
 
 * Excel Export (Web Component and Framework Plugin)
diff --git a/docs/to-do-list.txt b/docs/to-do-list.txt
index 074b00be..73431683 100644
--- a/docs/to-do-list.txt
+++ b/docs/to-do-list.txt
@@ -23,10 +23,11 @@ TODO List
 --------------------------------------------------------------------------
 
 **) Finish adding Excel and CSV Export to the Places Demo
+    - Several NPM releases are being made prior to the updates being published on the main site:
+        After NPM release update all "../js/" to the CDN Page
     - This is being worked on mid-Feb 2022 and will likely be published by the end of this month
     - Need to test more browsers, IE, Safari, etc
     - Need a CSV icon (currently Excel icon is used for both Excel and CSV)
-    - Add export on more pages
 
 **) Update the Getting Started CSS Template used here:
         https://www.dataformsjs.com/en/getting-started
diff --git a/js/plugins/exportToCsv.js b/js/plugins/exportToCsv.js
index a2d69261..f1ee18aa 100644
--- a/js/plugins/exportToCsv.js
+++ b/js/plugins/exportToCsv.js
@@ -127,9 +127,9 @@
          * Once the Form Renders find any elements that have attribute
          * [data-export-csv-selector] and assigning an onclick event to it.
          */
-        onRendered: function () {
+        onRendered: function (rootElement) {
             // Find Elements
-            var actionElements = document.querySelectorAll('[data-export-csv-selector]');
+            var actionElements = (rootElement || document).querySelectorAll('[data-export-csv-selector]');
 
             // Are there any on the page?
             var isSupported = false;
diff --git a/js/plugins/exportToCsv.min.js b/js/plugins/exportToCsv.min.js
index c62385aa..60cbc18c 100644
--- a/js/plugins/exportToCsv.min.js
+++ b/js/plugins/exportToCsv.min.js
@@ -1 +1 @@
-!function(){"use strict";function b(e){return e=0<=(e=e.trim().replace(/"/g,'""')).search(/("|,|\n|:)/g)?'"'+e+'"':e}var r={exportTable:function(e,t,s){var o,n,r,u,l,p,v,a,c,e=document.querySelector(e),i=[],d=[];for(t=t||"Report.csv",r=(o=e.tHead.rows[n=0]).cells.length;n<r;n++)d.push(b(o.cells[n].textContent));for(i.push(d.join(",")),p=(u=e.tBodies[l=0].rows).length;l<p;l++)if(d=[],o=u[l],s||"none"!==o.style.display){for(n=0,r=o.cells.length;n<r;n++)null===(a=(v=o.cells[n]).getAttribute("data-value"))&&(a=v.textContent),d.push(b(a));i.push(d.join(","))}e=i.join("\r\n"),e=new Blob([e],{type:"text/csv; charset=utf-8;"}),void 0!==navigator.msSaveBlob?navigator.msSaveBlob(e,t):void 0!==(c=document.createElement("a")).download?(e=URL.createObjectURL(e),c.setAttribute("href",e),c.setAttribute("download",t),c.style.visibility="hidden",document.body.appendChild(c),c.click(),document.body.removeChild(c)):app.showErrorAlert("Unable to Export as a CSV File. Try a different browser and if you need help then please contact support.")},onRendered:function(){var e,t=document.querySelectorAll("[data-export-csv-selector]"),o=!1;0<t.length&&(null===(e=document.querySelector("a"))&&(e=document.createElement("a")),o=void 0!==navigator.msSaveBlob||void 0!==e.download),Array.prototype.forEach.call(t,function(n){o?n.onclick=function(){var e=n.getAttribute("data-export-csv-selector"),t=n.getAttribute("data-export-file-name"),o=null!==n.getAttribute("data-export-all");r.exportTable(e,t,o)}:n.style.display="none"})}};app.addPlugin("exportToCsv",r)}();
\ No newline at end of file
+!function(){"use strict";function b(e){return e=0<=(e=e.trim().replace(/"/g,'""')).search(/("|,|\n|:)/g)?'"'+e+'"':e}var r={exportTable:function(e,t,s){var o,n,r,u,l,p,v,a,c,e=document.querySelector(e),i=[],d=[];for(t=t||"Report.csv",r=(o=e.tHead.rows[n=0]).cells.length;n<r;n++)d.push(b(o.cells[n].textContent));for(i.push(d.join(",")),p=(u=e.tBodies[l=0].rows).length;l<p;l++)if(d=[],o=u[l],s||"none"!==o.style.display){for(n=0,r=o.cells.length;n<r;n++)null===(a=(v=o.cells[n]).getAttribute("data-value"))&&(a=v.textContent),d.push(b(a));i.push(d.join(","))}e=i.join("\r\n"),e=new Blob([e],{type:"text/csv; charset=utf-8;"}),void 0!==navigator.msSaveBlob?navigator.msSaveBlob(e,t):void 0!==(c=document.createElement("a")).download?(e=URL.createObjectURL(e),c.setAttribute("href",e),c.setAttribute("download",t),c.style.visibility="hidden",document.body.appendChild(c),c.click(),document.body.removeChild(c)):app.showErrorAlert("Unable to Export as a CSV File. Try a different browser and if you need help then please contact support.")},onRendered:function(e){var t,e=(e||document).querySelectorAll("[data-export-csv-selector]"),o=!1;0<e.length&&(null===(t=document.querySelector("a"))&&(t=document.createElement("a")),o=void 0!==navigator.msSaveBlob||void 0!==t.download),Array.prototype.forEach.call(e,function(n){o?n.onclick=function(){var e=n.getAttribute("data-export-csv-selector"),t=n.getAttribute("data-export-file-name"),o=null!==n.getAttribute("data-export-all");r.exportTable(e,t,o)}:n.style.display="none"})}};app.addPlugin("exportToCsv",r)}();
\ No newline at end of file
diff --git a/js/plugins/exportToExcel.js b/js/plugins/exportToExcel.js
index 47274549..480714cd 100644
--- a/js/plugins/exportToExcel.js
+++ b/js/plugins/exportToExcel.js
@@ -323,9 +323,9 @@
          * Once the Form Renders find any elements that have attribute
          * [data-export-csv-selector] and assigning an onclick event to it.
          */
-        onRendered: function () {
+        onRendered: function (rootElement) {
             // Find Elements
-            var actionElements = document.querySelectorAll('[data-export-excel-selector]');
+            var actionElements = (rootElement || document).querySelectorAll('[data-export-excel-selector]');
 
             // Are there any on the page?
             var isSupported = false;
diff --git a/js/plugins/exportToExcel.min.js b/js/plugins/exportToExcel.min.js
index 21bde3b0..c7962d46 100644
--- a/js/plugins/exportToExcel.min.js
+++ b/js/plugins/exportToExcel.min.js
@@ -1 +1 @@
-!function(){"use strict";var w={isNumeric:function(e){return!isNaN(e)&&isFinite(e)&&!(1<e.length&&"0"===e.substring(0,1))},excelValue:function(e){if(""===(e=e.trim()))return null;if(w.isNumeric(e))return parseFloat(e);var t=new Date(e);return!isNaN(t.getTime())&&0<t.getYear()&&(e.includes("-")||e.includes(",")||e.includes("/"))?t:e},downloadExcelJS:function(e){var t;void 0===window.ExcelJS?(-1!==navigator.userAgent.indexOf("Trident/")&&w.polyfill_IE(),(t=document.createElement("script")).src="https://cdn.jsdelivr.net/npm/exceljs@4.3.0/dist/exceljs.min.js",t.onload=e,document.querySelector("head").appendChild(t)):e()},polyfill_IE:function(){var n=window.RegExp;try{new n("a","u")}catch(e){window.RegExp=function(e,t){return"string"==typeof t&&!0===t.includes("u")&&(t="u"===t?void 0:t.replace("u",""),e=(e=e.replace(/\uDC00-\uDBFF/g,"")).replace(/\uDC00-\uDB7F/g,"")),new n(e,t)},window.RegExp.prototype=n}},hasInvalidFileNameChars:function(e){for(var t=['"',"<",">","|",":","*","?","\\","/"],n=0;n<t.length;n++)if(e.includes(t[n]))return!0;for(var r=0;r<32;r++)if(e.includes(String.fromCharCode(r)))return!0;return!1},exportTable:function(x){var b="data-running-export";null===x.getAttribute(b)&&(x.setAttribute(b,""),"BUTTON"===x.nodeName&&(x.disabled=!0),w.downloadExcelJS(function(){var e=x.getAttribute("data-export-excel-selector");if((n=x.getAttribute("data-export-file-name"))&&(n.length<=5||!n.endsWith(".xlsx")||w.hasInvalidFileNameChars(n)))app.showErrorAlert("Attribute [data-export-file-name] must be a valid name with file type [*.xlsx]");else{for(var s,t,n=n||"Report.xlsx",r=x.getAttribute("data-worksheet-name"),c=(31<(r=r||n.substring(0,n.length-5)).length&&(r=r.substring(0,31)),null!==x.getAttribute("data-export-all")),e=document.querySelector(e),l=[],o=[],a=[],i=e.tHead.rows[0],u=0;u<i.cells.length;u++){var p=i.cells[u].textContent,p=(a.push(p),p.trim().length),d=parseInt(Math.max(1.2*p,p+4));o.push(d)}l.push(a);for(var f=e.tBodies[0].rows,g=0,h=f.length;g<h;g++)if(i=f[g],c||"none"!==i.style.display){for(a=[],u=0;u<i.cells.length;u++)d=(t=null===(t=(s=i.cells[u]).getAttribute("data-value"))?s.textContent:t).trim().length,(t=w.excelValue(t))instanceof Date?d=12:"number"==typeof t&&(d=t.toString().length+2),o[u]=Math.max(o[u],d),a.push(t);l.push(a)}var e=new ExcelJS.Workbook,m=e.addWorksheet(r);for(u=0;u<l.length;u++)m.addRow(l[u]);var v=m.getRow(1);for(u=0;u<o.length;u++)(s=v.getCell(u+1)).fill={type:"pattern",pattern:"solid",fgColor:{argb:"FFF2F2F2"}},s.font={bold:!0};for(u=0;u<o.length;u++)m.getColumn(u+1).width=Math.min(50,o[u]);m.autoFilter={from:{row:1,column:1},to:{row:l.length,column:o.length}},m.views=[{state:"frozen",ySplit:1}],e.xlsx.writeBuffer().then(function(e){var t,e=new Blob([e],{type:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"});void 0!==navigator.msSaveBlob?navigator.msSaveBlob(e,n):(t=document.createElement("a"),e=URL.createObjectURL(e),t.setAttribute("href",e),t.setAttribute("download",n),t.style.visibility="hidden",document.body.appendChild(t),t.click(),document.body.removeChild(t)),x.removeAttribute(b),"BUTTON"===x.nodeName&&(x.disabled=!1)})}}))},onRendered:function(){var e,t=document.querySelectorAll("[data-export-excel-selector]"),n=!1;0<t.length&&(null===(e=document.querySelector("a"))&&(e=document.createElement("a")),n=void 0!==navigator.msSaveBlob||void 0!==e.download),Array.prototype.forEach.call(t,function(e){n?e.onclick=function(){w.exportTable(e)}:e.style.display="none"})}};app.addPlugin("exportToExcel",w)}();
\ No newline at end of file
+!function(){"use strict";var w={isNumeric:function(e){return!isNaN(e)&&isFinite(e)&&!(1<e.length&&"0"===e.substring(0,1))},excelValue:function(e){if(""===(e=e.trim()))return null;if(w.isNumeric(e))return parseFloat(e);var t=new Date(e);return!isNaN(t.getTime())&&0<t.getYear()&&(e.includes("-")||e.includes(",")||e.includes("/"))?t:e},downloadExcelJS:function(e){var t;void 0===window.ExcelJS?(-1!==navigator.userAgent.indexOf("Trident/")&&w.polyfill_IE(),(t=document.createElement("script")).src="https://cdn.jsdelivr.net/npm/exceljs@4.3.0/dist/exceljs.min.js",t.onload=e,document.querySelector("head").appendChild(t)):e()},polyfill_IE:function(){var n=window.RegExp;try{new n("a","u")}catch(e){window.RegExp=function(e,t){return"string"==typeof t&&!0===t.includes("u")&&(t="u"===t?void 0:t.replace("u",""),e=(e=e.replace(/\uDC00-\uDBFF/g,"")).replace(/\uDC00-\uDB7F/g,"")),new n(e,t)},window.RegExp.prototype=n}},hasInvalidFileNameChars:function(e){for(var t=['"',"<",">","|",":","*","?","\\","/"],n=0;n<t.length;n++)if(e.includes(t[n]))return!0;for(var r=0;r<32;r++)if(e.includes(String.fromCharCode(r)))return!0;return!1},exportTable:function(x){var b="data-running-export";null===x.getAttribute(b)&&(x.setAttribute(b,""),"BUTTON"===x.nodeName&&(x.disabled=!0),w.downloadExcelJS(function(){var e=x.getAttribute("data-export-excel-selector");if((n=x.getAttribute("data-export-file-name"))&&(n.length<=5||!n.endsWith(".xlsx")||w.hasInvalidFileNameChars(n)))app.showErrorAlert("Attribute [data-export-file-name] must be a valid name with file type [*.xlsx]");else{for(var s,t,n=n||"Report.xlsx",r=x.getAttribute("data-worksheet-name"),c=(31<(r=r||n.substring(0,n.length-5)).length&&(r=r.substring(0,31)),null!==x.getAttribute("data-export-all")),e=document.querySelector(e),l=[],o=[],a=[],i=e.tHead.rows[0],u=0;u<i.cells.length;u++){var p=i.cells[u].textContent,p=(a.push(p),p.trim().length),d=parseInt(Math.max(1.2*p,p+4));o.push(d)}l.push(a);for(var f=e.tBodies[0].rows,g=0,h=f.length;g<h;g++)if(i=f[g],c||"none"!==i.style.display){for(a=[],u=0;u<i.cells.length;u++)d=(t=null===(t=(s=i.cells[u]).getAttribute("data-value"))?s.textContent:t).trim().length,(t=w.excelValue(t))instanceof Date?d=12:"number"==typeof t&&(d=t.toString().length+2),o[u]=Math.max(o[u],d),a.push(t);l.push(a)}var e=new ExcelJS.Workbook,m=e.addWorksheet(r);for(u=0;u<l.length;u++)m.addRow(l[u]);var v=m.getRow(1);for(u=0;u<o.length;u++)(s=v.getCell(u+1)).fill={type:"pattern",pattern:"solid",fgColor:{argb:"FFF2F2F2"}},s.font={bold:!0};for(u=0;u<o.length;u++)m.getColumn(u+1).width=Math.min(50,o[u]);m.autoFilter={from:{row:1,column:1},to:{row:l.length,column:o.length}},m.views=[{state:"frozen",ySplit:1}],e.xlsx.writeBuffer().then(function(e){var t,e=new Blob([e],{type:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"});void 0!==navigator.msSaveBlob?navigator.msSaveBlob(e,n):(t=document.createElement("a"),e=URL.createObjectURL(e),t.setAttribute("href",e),t.setAttribute("download",n),t.style.visibility="hidden",document.body.appendChild(t),t.click(),document.body.removeChild(t)),x.removeAttribute(b),"BUTTON"===x.nodeName&&(x.disabled=!1)})}}))},onRendered:function(e){var t,e=(e||document).querySelectorAll("[data-export-excel-selector]"),n=!1;0<e.length&&(null===(t=document.querySelector("a"))&&(t=document.createElement("a")),n=void 0!==navigator.msSaveBlob||void 0!==t.download),Array.prototype.forEach.call(e,function(e){n?e.onclick=function(){w.exportTable(e)}:e.style.display="none"})}};app.addPlugin("exportToExcel",w)}();
\ No newline at end of file

From 0fcef083d9623424c0e73004d7cee02fc5ac0ebb Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@jerryleigh.com>
Date: Mon, 21 Feb 2022 18:01:02 -0800
Subject: [PATCH 03/51] =?UTF-8?q?=F0=9F=8C=8FAdd=20missing=20zh-CN=20lang?=
 =?UTF-8?q?=20support=20to=20example?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/image-classification-react.htm | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/image-classification-react.htm b/examples/image-classification-react.htm
index ccd49e01..93249c1f 100644
--- a/examples/image-classification-react.htm
+++ b/examples/image-classification-react.htm
@@ -52,7 +52,7 @@
         const NavLink = window.ReactRouterDOM.NavLink;
 
         const defaultLocale = 'en';
-        const supportedLocales = ['en', 'ja', 'es', 'pt-BR', 'ar', 'fr'];
+        const supportedLocales = ['en', 'ja', 'es', 'pt-BR', 'ar', 'fr', 'zh-CN'];
         const fileName = 'image-classification';
         const i18n = new I18n(defaultLocale, supportedLocales, fileName);
         const defaultLang = i18n.getUserDefaultLang;

From 4d42d5b02fd9f892bdcfdde7645da73d762765d7 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@jerryleigh.com>
Date: Mon, 21 Feb 2022 18:03:09 -0800
Subject: [PATCH 04/51] =?UTF-8?q?=F0=9F=93=92=20Add=20Excel=20and=20CSV=20?=
 =?UTF-8?q?Export=20to=20Places=20Examples?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/html/cities-hbs.htm                | 17 ++++++++
 examples/html/cities-js.htm                 | 19 +++++++++
 examples/html/cities-react.jsx              |  1 +
 examples/html/cities-vue.htm                | 19 +++++++++
 examples/html/cities-web.htm                | 19 +++++++++
 examples/html/regions-hbs.htm               | 17 ++++++++
 examples/html/regions-js.htm                | 19 +++++++++
 examples/html/regions-react.jsx             |  1 +
 examples/html/regions-vue.htm               | 19 +++++++++
 examples/html/regions-web.htm               | 19 +++++++++
 examples/html/search-places-js.htm          | 24 +++++++++++
 examples/html/search-places-react.jsx       |  6 +++
 examples/html/search-places-results-hbs.htm | 22 +++++++++++
 examples/html/search-places-vue.htm         | 26 +++++++++++-
 examples/html/search-places-web.htm         | 24 +++++++++++
 examples/places-demo-graphql.htm            |  4 ++
 examples/places-demo-hbs.htm                |  4 +-
 examples/places-demo-js.htm                 | 15 +++----
 examples/places-demo-preact.htm             | 44 ++++++++++++++++++++-
 examples/places-demo-react.htm              | 42 +++++++++++++++++++-
 examples/places-demo-vue.htm                | 13 +++---
 examples/places-demo-web.htm                | 20 +++++-----
 22 files changed, 366 insertions(+), 28 deletions(-)

diff --git a/examples/html/cities-hbs.htm b/examples/html/cities-hbs.htm
index 37ed1c70..347e7bbc 100644
--- a/examples/html/cities-hbs.htm
+++ b/examples/html/cities-hbs.htm
@@ -6,6 +6,23 @@ <h1>{{i18n 'Largest Cities in'}} {{country}}, {{region}}</h1>
     <nav>
         <a href="#/{{i18n_Locale}}/">{{i18n 'Countries'}}</a>
         <a href="#/{{i18n_Locale}}/regions/{{country}}">{{i18n 'Regions'}}</a>
+        <span class="download">{{i18n 'Download'}}</span>
+        <img class="download"
+            src="img/Excel.svg"
+            height="16"
+            width="16"
+            alt="{{i18n 'Download to Excel'}}"
+            title="{{i18n 'Download to Excel'}}"
+            data-export-excel-selector="table"
+            data-export-file-name="{{i18n 'Cities'}}.xlsx">
+        <img class="download"
+            src="img/Excel.svg"
+            height="16"
+            width="16"
+            alt="{{i18n 'Download to CSV'}}"
+            title="{{i18n 'Download to CSV'}}"
+            data-export-csv-selector="table"
+            data-export-file-name="{{i18n 'Cities'}}.csv">
     </nav>
 
     <input data-filter-selector="table" placeholder="{{i18n 'Enter filter'}}">
diff --git a/examples/html/cities-js.htm b/examples/html/cities-js.htm
index cc0b5c56..36a772a2 100644
--- a/examples/html/cities-js.htm
+++ b/examples/html/cities-js.htm
@@ -6,6 +6,25 @@ <h1><span data-i18n="Largest Cities in"></span> <span data-bind="country"></span
     <nav>
         <a href="#/en/" data-i18n="Countries" data-i18n-href></a>
         <a href="#/[window.i18n_Locale]/regions/[country]" data-i18n="Regions" data-bind-attr="href"></a>
+        <span class="download" data-i18n="Download"></span>
+        <img class="download"
+            src="img/Excel.svg"
+            height="16"
+            width="16"
+            alt="Download to Excel"
+            title="Download to Excel"
+            data-export-excel-selector="table"
+            data-export-file-name="[[Cities]].xlsx"
+            data-i18n-attr="alt, title, data-export-file-name">
+        <img class="download"
+            src="img/Excel.svg"
+            height="16"
+            width="16"
+            alt="Download to CSV"
+            title="Download to CSV"
+            data-export-csv-selector="table"
+            data-export-file-name="[[Cities]].csv"
+            data-i18n-attr="alt, title, data-export-file-name">
     </nav>
 
     <input data-filter-selector="table" placeholder="Enter filter" data-i18n-attr="placeholder">
diff --git a/examples/html/cities-react.jsx b/examples/html/cities-react.jsx
index ace4017d..1e9cb179 100644
--- a/examples/html/cities-react.jsx
+++ b/examples/html/cities-react.jsx
@@ -54,6 +54,7 @@ export function ShowCities(props) {
             <nav>
                 <Link to={'/' + props.params.lang + '/'}>{i18n.text('Countries')}</Link>
                 <Link to={'/' + props.params.lang + '/regions/' + props.params.country}>{i18n.text('Regions')}</Link>
+                <DownloadLinks fileName="Cities" />
             </nav>
 
             <InputFilter
diff --git a/examples/html/cities-vue.htm b/examples/html/cities-vue.htm
index 87fbe3dd..55a01e5c 100644
--- a/examples/html/cities-vue.htm
+++ b/examples/html/cities-vue.htm
@@ -6,6 +6,25 @@ <h1><span v-i18n="'Largest Cities in'"></span> {{ country }}, {{ region }}</h1>
     <nav>
         <a v-bind:href="'#/' + i18n_Locale + '/'" v-i18n="'Countries'"></a>
         <a v-bind:href="'#/' + i18n_Locale + '/regions/' + country" v-i18n="'Regions'"></a>
+        <span class="download" v-i18n="'Download'"></span>
+        <img class="download"
+            src="img/Excel.svg"
+            height="16"
+            width="16"
+            alt="Download to Excel"
+            title="Download to Excel"
+            data-export-excel-selector="table"
+            data-export-file-name="[[Cities]].xlsx"
+            v-i18n-attr="'alt, title, data-export-file-name'">
+        <img class="download"
+            src="img/Excel.svg"
+            height="16"
+            width="16"
+            alt="Download to CSV"
+            title="Download to CSV"
+            data-export-csv-selector="table"
+            data-export-file-name="[[Cities]].csv"
+            v-i18n-attr="'alt, title, data-export-file-name'">
     </nav>
 
     <input data-filter-selector="table" placeholder="Enter filter" v-i18n-attr="'placeholder'">
diff --git a/examples/html/cities-web.htm b/examples/html/cities-web.htm
index 68d27783..203cedfc 100644
--- a/examples/html/cities-web.htm
+++ b/examples/html/cities-web.htm
@@ -3,6 +3,25 @@ <h1><span data-i18n="Largest Cities in"></span> <span url-param="country"></span
 <nav>
     <a href="#/en/" data-i18n="Countries" data-i18n-href></a>
     <a href="#/[window.i18n_Locale]/regions/[country]" data-i18n="Regions" url-attr-param="href"></a>
+    <span class="download" data-i18n="Download"></span>
+    <img class="download"
+        src="img/Excel.svg"
+        height="16"
+        width="16"
+        alt="Download to Excel"
+        title="Download to Excel"
+        data-export-excel-selector="table"
+        data-export-file-name="[[Cities]].xlsx"
+        data-i18n-attr="alt, title, data-export-file-name">
+    <img class="download"
+        src="img/Excel.svg"
+        height="16"
+        width="16"
+        alt="Download to CSV"
+        title="Download to CSV"
+        data-export-csv-selector="table"
+        data-export-file-name="[[Cities]].csv"
+        data-i18n-attr="alt, title, data-export-file-name">
 </nav>
 
 <json-data url="{rootApiUrl}/cities/:country/:region" url-params load-only-once>
diff --git a/examples/html/regions-hbs.htm b/examples/html/regions-hbs.htm
index 5bc25da2..f8967b6f 100644
--- a/examples/html/regions-hbs.htm
+++ b/examples/html/regions-hbs.htm
@@ -5,6 +5,23 @@ <h1></h1>
 
     <nav>
         <a href="#/{{i18n_Locale}}/">{{i18n 'Countries'}}</a>
+        <span class="download">{{i18n 'Download'}}</span>
+        <img class="download"
+            src="img/Excel.svg"
+            height="16"
+            width="16"
+            alt="{{i18n 'Download to Excel'}}"
+            title="{{i18n 'Download to Excel'}}"
+            data-export-excel-selector="table"
+            data-export-file-name="{{i18n 'Regions'}}.xlsx">
+        <img class="download"
+            src="img/Excel.svg"
+            height="16"
+            width="16"
+            alt="{{i18n 'Download to CSV'}}"
+            title="{{i18n 'Download to CSV'}}"
+            data-export-csv-selector="table"
+            data-export-file-name="{{i18n 'Regions'}}.csv">
     </nav>
 
     <input
diff --git a/examples/html/regions-js.htm b/examples/html/regions-js.htm
index fb726593..7ac16106 100644
--- a/examples/html/regions-js.htm
+++ b/examples/html/regions-js.htm
@@ -5,6 +5,25 @@ <h1></h1>
 
     <nav>
         <a href="#/en/" data-i18n="Countries" data-i18n-href></a>
+        <span class="download" data-i18n="Download"></span>
+        <img class="download"
+            src="img/Excel.svg"
+            height="16"
+            width="16"
+            alt="Download to Excel"
+            title="Download to Excel"
+            data-export-excel-selector="table"
+            data-export-file-name="[[Regions]].xlsx"
+            data-i18n-attr="alt, title, data-export-file-name">
+        <img class="download"
+            src="img/Excel.svg"
+            height="16"
+            width="16"
+            alt="Download to CSV"
+            title="Download to CSV"
+            data-export-csv-selector="table"
+            data-export-file-name="[[Regions]].csv"
+            data-i18n-attr="alt, title, data-export-file-name">
     </nav>
 
     <input
diff --git a/examples/html/regions-react.jsx b/examples/html/regions-react.jsx
index ae2789f5..128b365c 100644
--- a/examples/html/regions-react.jsx
+++ b/examples/html/regions-react.jsx
@@ -58,6 +58,7 @@ export function ShowRegions(props) {
 
             <nav>
                 <Link to={'/' + props.params.lang + '/'}>{i18n.text('Countries')}</Link>
+                <DownloadLinks fileName="Regions" />
             </nav>
 
             <InputFilter
diff --git a/examples/html/regions-vue.htm b/examples/html/regions-vue.htm
index 3687fe5d..daea0844 100644
--- a/examples/html/regions-vue.htm
+++ b/examples/html/regions-vue.htm
@@ -5,6 +5,25 @@ <h1></h1>
     
     <nav>
         <a v-bind:href="'#/' + i18n_Locale + '/'" v-i18n="'Countries'"></a>
+        <span class="download" v-i18n="'Download'"></span>
+        <img class="download"
+            src="img/Excel.svg"
+            height="16"
+            width="16"
+            alt="Download to Excel"
+            title="Download to Excel"
+            data-export-excel-selector="table"
+            data-export-file-name="[[Regions]].xlsx"
+            v-i18n-attr="'alt, title, data-export-file-name'">
+        <img class="download"
+            src="img/Excel.svg"
+            height="16"
+            width="16"
+            alt="Download to CSV"
+            title="Download to CSV"
+            data-export-csv-selector="table"
+            data-export-file-name="[[Regions]].csv"
+            v-i18n-attr="'alt, title, data-export-file-name'">
     </nav>
 
     <input data-filter-selector="table"
diff --git a/examples/html/regions-web.htm b/examples/html/regions-web.htm
index 547621cb..93c390d3 100644
--- a/examples/html/regions-web.htm
+++ b/examples/html/regions-web.htm
@@ -2,6 +2,25 @@ <h1><span>Regions for Country Code</span> <span url-param="country"></span></h1>
 
 <nav>
     <a href="#/en/" data-i18n="Countries" data-i18n-href></a>
+    <span class="download" data-i18n="Download"></span>
+    <img class="download"
+        src="img/Excel.svg"
+        height="16"
+        width="16"
+        alt="Download to Excel"
+        title="Download to Excel"
+        data-export-excel-selector="table"
+        data-export-file-name="[[Regions]].xlsx"
+        data-i18n-attr="alt, title, data-export-file-name">
+    <img class="download"
+        src="img/Excel.svg"
+        height="16"
+        width="16"
+        alt="Download to CSV"
+        title="Download to CSV"
+        data-export-csv-selector="table"
+        data-export-file-name="[[Regions]].csv"
+        data-i18n-attr="alt, title, data-export-file-name">
 </nav>
 
 <!--
diff --git a/examples/html/search-places-js.htm b/examples/html/search-places-js.htm
index 48665f05..1e2b5330 100644
--- a/examples/html/search-places-js.htm
+++ b/examples/html/search-places-js.htm
@@ -65,6 +65,30 @@ <h2><span data-bind="search.cities.length"></span> <span data-i18n="Cities Found
                     data-i18n-attr="data-filter-results-text-all, data-filter-results-text-filtered, placeholder">
             </div>
 
+            <div data-show="typeof search === 'object' && search.cities && search.cities.length > 0">
+                <nav style="display: inline-flex;">
+                    <span class="download" data-i18n="Download" style="margin-left: 0;"></span>
+                    <img class="download"
+                        src="img/Excel.svg"
+                        height="16"
+                        width="16"
+                        alt="Download to Excel"
+                        title="Download to Excel"
+                        data-export-excel-selector="table"
+                        data-export-file-name="[[Search]].xlsx"
+                        data-i18n-attr="alt, title, data-export-file-name">
+                    <img class="download"
+                        src="img/Excel.svg"
+                        height="16"
+                        width="16"
+                        alt="Download to CSV"
+                        title="Download to CSV"
+                        data-export-csv-selector="table"
+                        data-export-file-name="[[Search]].csv"
+                        data-i18n-attr="alt, title, data-export-file-name">
+                </nav>
+            </div>
+
             <data-table
                 data-bind="search.cities"
                 data-labels="Country, Name, Population, Elevation, Timezone, Date Last Modified"
diff --git a/examples/html/search-places-react.jsx b/examples/html/search-places-react.jsx
index 1651679e..a0b662c6 100644
--- a/examples/html/search-places-react.jsx
+++ b/examples/html/search-places-react.jsx
@@ -246,6 +246,12 @@ function ShowSearchResults(props) {
                 filter-results-text-filtered={i18n.text('Showing {displayCount} of {totalCount} Cities')}
                 placeholder={i18n.text("Enter filter")} />
 
+            {supportsWebComponents && <div>
+                <nav style={{display: 'inline-flex'}}>
+                    <DownloadLinks fileName="Search" noMarginLeft={true} />
+                </nav>
+            </div>}
+
             <SortableTable
                 data-sort-class-odd="row-odd"
                 data-sort-class-even="row-even">
diff --git a/examples/html/search-places-results-hbs.htm b/examples/html/search-places-results-hbs.htm
index 8aeea3d2..fb90f836 100644
--- a/examples/html/search-places-results-hbs.htm
+++ b/examples/html/search-places-results-hbs.htm
@@ -17,6 +17,28 @@ <h2>{{search.cities.length}} {{i18n 'Cities Found'}}</h2>
         data-filter-results-text-all="{{i18n '{totalCount} Cities Found'}}"
         data-filter-results-text-filtered="{{i18n 'Showing {displayCount} of {totalCount} Cities'}}">
 
+    <div>
+        <nav style="display: inline-flex;">
+            <span class="download" style="margin-left:0;">{{i18n 'Download'}}</span>
+            <img class="download"
+                src="img/Excel.svg"
+                height="16"
+                width="16"
+                alt="{{i18n 'Download to Excel'}}"
+                title="{{i18n 'Download to Excel'}}"
+                data-export-excel-selector="table"
+                data-export-file-name="{{i18n 'Search'}}.xlsx">
+            <img class="download"
+                src="img/Excel.svg"
+                height="16"
+                width="16"
+                alt="{{i18n 'Download to CSV'}}"
+                title="{{i18n 'Download to CSV'}}"
+                data-export-csv-selector="table"
+                data-export-file-name="{{i18n 'Search'}}.csv">
+        </nav>
+    </div>
+
     <table data-sort data-sort-class-odd="row-odd" data-sort-class-even="row-even" class="click-to-highlight">
         <thead>
             <tr>
diff --git a/examples/html/search-places-vue.htm b/examples/html/search-places-vue.htm
index a2301c4a..948cca99 100644
--- a/examples/html/search-places-vue.htm
+++ b/examples/html/search-places-vue.htm
@@ -33,7 +33,7 @@ <h1 v-i18n="'Search'"></h1>
             data-bind="city"
             data-enter-key-click-selector=".btn-search"
             placeholder="Search for a City, example 'Paris' or 'London'"
-            v-i18n-attr="'data-placeholder'">
+            v-i18n-attr="'placeholder'">
 
         <!--
             When the search button is clicked on the <json-data> element will be triggered
@@ -61,6 +61,30 @@ <h2>{{ cities.length }} <span v-i18n="'Cities Found'"></span></h2>
                     placeholder="Enter filter"
                     v-i18n-attr="'data-filter-results-text-all, data-filter-results-text-filtered, placeholder'">
 
+                <div>
+                    <nav style="display: inline-flex;">
+                        <span class="download" v-i18n="'Download'" style="margin-left:0;"></span>
+                        <img class="download"
+                            src="img/Excel.svg"
+                            height="16"
+                            width="16"
+                            alt="Download to Excel"
+                            title="Download to Excel"
+                            data-export-excel-selector="table"
+                            data-export-file-name="[[Search]].xlsx"
+                            v-i18n-attr="'alt, title, data-export-file-name'">
+                        <img class="download"
+                            src="img/Excel.svg"
+                            height="16"
+                            width="16"
+                            alt="Download to CSV"
+                            title="Download to CSV"
+                            data-export-csv-selector="table"
+                            data-export-file-name="[[Search]].csv"
+                            v-i18n-attr="'alt, title, data-export-file-name'">
+                    </nav>
+                </div>
+
                 <table data-sort data-sort-class-odd="row-odd" data-sort-class-even="row-even" class="click-to-highlight">
                     <thead>
                         <tr>
diff --git a/examples/html/search-places-web.htm b/examples/html/search-places-web.htm
index bf46314e..77630b65 100644
--- a/examples/html/search-places-web.htm
+++ b/examples/html/search-places-web.htm
@@ -75,6 +75,30 @@ <h2><span data-bind="cities.length"></span> <span data-i18n="Cities Found"></spa
                         data-i18n-attr="filter-results-text-all, filter-results-text-filtered, placeholder">
                 </div>
 
+                <div data-show="typeof cities === 'object' && cities.length > 0">
+                    <nav style="display: inline-flex;">
+                        <span class="download" data-i18n="Download" style="margin-left: 0;"></span>
+                        <img class="download"
+                            src="img/Excel.svg"
+                            height="16"
+                            width="16"
+                            alt="Download to Excel"
+                            title="Download to Excel"
+                            data-export-excel-selector="table"
+                            data-export-file-name="[[Search]].xlsx"
+                            data-i18n-attr="alt, title, data-export-file-name">
+                        <img class="download"
+                            src="img/Excel.svg"
+                            height="16"
+                            width="16"
+                            alt="Download to CSV"
+                            title="Download to CSV"
+                            data-export-csv-selector="table"
+                            data-export-file-name="[[Search]].csv"
+                            data-i18n-attr="alt, title, data-export-file-name">
+                    </nav>
+                </div>
+
                 <data-table
                     data-bind="cities"
                     highlight-class="highlight"
diff --git a/examples/places-demo-graphql.htm b/examples/places-demo-graphql.htm
index 0b98a76b..9a44dec5 100644
--- a/examples/places-demo-graphql.htm
+++ b/examples/places-demo-graphql.htm
@@ -139,6 +139,10 @@ <h3 class="error">{{i18n 'Error'}} - {{errorMessage}}</h3>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/i18n.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/handlebars@4.7.6/dist/handlebars.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/clickToHighlight.min.js"></script>
+        <!-- <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToCsv.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToExcel.min.js"></script> -->
+        <script src="../js/plugins/exportToCsv.min.js"></script>
+        <script src="../js/plugins/exportToExcel.min.js"></script>
         <script>
             // See comments in [places-demo-hbs.htm], this is related to the attribute [data-lazy-load]
             app.lazyLoad = {
diff --git a/examples/places-demo-hbs.htm b/examples/places-demo-hbs.htm
index 1c4221b4..0b91ce3f 100644
--- a/examples/places-demo-hbs.htm
+++ b/examples/places-demo-hbs.htm
@@ -179,8 +179,8 @@ <h1>{{i18n 'Countries'}}</h1>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/clickToHighlight.min.js"></script>
         <!-- <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToCsv.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToExcel.min.js"></script> -->
-        <script src="../js/plugins/exportToCsv.js"></script>
-        <script src="../js/plugins/exportToExcel.js"></script>
+        <script src="../js/plugins/exportToCsv.min.js"></script>
+        <script src="../js/plugins/exportToExcel.min.js"></script>
         <script>
             // Lazy Load the following scripts only if needed based on attribute [data-lazy-load].
             // When scripts need to be downloaded in a specific order then use an array otherwise
diff --git a/examples/places-demo-js.htm b/examples/places-demo-js.htm
index 05c358fd..5df337b6 100644
--- a/examples/places-demo-js.htm
+++ b/examples/places-demo-js.htm
@@ -52,18 +52,18 @@ <h1 data-i18n="Countries"></h1>
                         width="16"
                         alt="Download to Excel"
                         title="Download to Excel"
-                        data-i18n-attr="alt, title"
                         data-export-excel-selector="table"
-                        data-export-file-name="Countries.xlsx">
+                        data-export-file-name="[[Countries]].xlsx"
+                        data-i18n-attr="alt, title, data-export-file-name">
                     <img class="download"
                         src="img/Excel.svg"
                         height="16"
                         width="16"
                         alt="Download to CSV"
                         title="Download to CSV"
-                        data-i18n-attr="alt, title"
                         data-export-csv-selector="table"
-                        data-export-file-name="Countries.csv">
+                        data-export-file-name="[[Countries]].csv"
+                        data-i18n-attr="alt, title, data-export-file-name">
                 </nav>
 
                 <input
@@ -170,15 +170,16 @@ <h1 data-i18n="Countries"></h1>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/extensions/format.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/extensions/jsTemplate.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/pages/jsonData.min.js"></script>
-        <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/i18n.min.js"></script>
+        <!-- <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/i18n.min.js"></script> -->
+        <script src="../js/plugins/i18n.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/filter.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/sort.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/dataBind.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/clickToHighlight.min.js"></script>
         <!-- <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToCsv.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToExcel.min.js"></script> -->
-        <script src="../js/plugins/exportToCsv.js"></script>
-        <script src="../js/plugins/exportToExcel.js"></script>
+        <script src="../js/plugins/exportToCsv.min.js"></script>
+        <script src="../js/plugins/exportToExcel.min.js"></script>
         <script>
             // Lazy Load the following scripts only if needed based on attribute [data-lazy-load].
             // When scripts need to be downloaded in a specific order then use an array otherwise
diff --git a/examples/places-demo-preact.htm b/examples/places-demo-preact.htm
index 0b270963..d53f6708 100644
--- a/examples/places-demo-preact.htm
+++ b/examples/places-demo-preact.htm
@@ -50,7 +50,7 @@
 
         <!--
             DataFormsJS React Components
-            
+
             The Core file includes commonly used React Components for data apps:
             [ErrorBoundary, InputFilter, JsonData, LazyLoad, SortableTable]
             and JavaScript Classes [Cache, Format]. All React Components are also
@@ -69,6 +69,14 @@
         <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/es5/I18n.min.js"></script>
         <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/es5/LeafletMap.min.js"></script>
 
+        <!--
+            DataFormsJS Web Components
+            Excel and CSV Support are provided by Web Components for Modern Browsers only.
+            Web Components are a native DOM technology and can be used with all JS Frameworks.
+        -->
+        <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/export-to-csv-service.min.js"></script>
+        <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/export-to-excel-service.min.js"></script>
+
         <!--
             Un-minimized Components would need to use [type="text/babel"] because
                 import React from 'react';
@@ -102,12 +110,14 @@
             const Link = window.ReactRouterDOM.Link;
 
             const defaultLocale = 'en';
-            const supportedLocales = ['en', 'ja', 'es', 'pt-BR', 'ar', 'fr'];
+            const supportedLocales = ['en', 'ja', 'es', 'pt-BR', 'ar', 'fr', 'zh-CN'];
             const fileName = 'countries';
             const i18n = new I18n(defaultLocale, supportedLocales, fileName);
             const defaultLang = i18n.getUserDefaultLang;
             const format = new Format();
 
+            const supportsWebComponents = ('customElements' in window && 'define' in window.customElements);
+
             // Basic function to allow row onClick events to highlight the selected row.
             // This allows a user to easily see where they are on wide rows or mobile devices.
             // Based on DataFormJS [clickToHighlight] Plugin: [js/plugins/clickToHighlight.js]
@@ -134,6 +144,7 @@ <h1>{i18n.text('Countries')}</h1>
                         <nav>
                             <Link to={'/' + props.params.lang + '/search'}>{i18n.text('Search')}</Link>
                             <Link to={'/' + props.params.lang + '/info'}>{i18n.text('Info')}</Link>
+                            <DownloadLinks fileName='Countries' />
                         </nav>
 
                         <InputFilter
@@ -176,6 +187,35 @@ <h1>{i18n.text('Countries')}</h1>
                 )
             }
 
+            function DownloadLinks({ fileName, noMarginLeft }) {
+                if (!supportsWebComponents) {
+                    return null;
+                }
+                const style=(noMarginLeft ? {marginLeft:'0'} : {})
+                return (<>
+                    <span className="download" style={style}>{i18n.text('Download')}</span>
+                    <img className="download"
+                        src="img/Excel.svg"
+                        height="16"
+                        width="16"
+                        alt={i18n.text('Download to Excel')}
+                        title={i18n.text('Download to Excel')}
+                        data-export-excel-selector="table"
+                        data-export-file-name={i18n.text(fileName) + '.xlsx'} />
+                    <img className="download"
+                        src="img/Excel.svg"
+                        height="16"
+                        width="16"
+                        alt={i18n.text('Download to CSV')}
+                        title={i18n.text('Download to CSV')}
+                        data-export-csv-selector="table"
+                        data-export-file-name={i18n.text(fileName) + '.csv'} />
+
+                    <export-to-excel-service></export-to-excel-service>
+                    <export-to-csv-service></export-to-csv-service>
+                </>)
+            }
+
             // Download Data for the Main Page and show once ready
             function PageCountries({match}) {
                 // NOTE - this can be updated to change which web service runs.
diff --git a/examples/places-demo-react.htm b/examples/places-demo-react.htm
index 5770e2f1..4587a481 100644
--- a/examples/places-demo-react.htm
+++ b/examples/places-demo-react.htm
@@ -47,6 +47,14 @@
         <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/es5/I18n.min.js"></script>
         <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/react/es5/LeafletMap.min.js"></script>
 
+        <!--
+            DataFormsJS Web Components
+            Excel and CSV Support are provided by Web Components for Modern Browsers only.
+            Web Components are a native DOM technology and can be used with all JS Frameworks.
+        -->
+        <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/export-to-csv-service.min.js"></script>
+        <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/export-to-excel-service.min.js"></script>
+
         <!--
             For local testing from Node.
             Change [es5/es6] as needed or add module/nomodule
@@ -105,12 +113,14 @@
             const Link = window.ReactRouterDOM.Link;
 
             const defaultLocale = 'en';
-            const supportedLocales = ['en', 'ja', 'es', 'pt-BR', 'ar', 'fr'];
+            const supportedLocales = ['en', 'ja', 'es', 'pt-BR', 'ar', 'fr', 'zh-CN'];
             const fileName = 'countries';
             const i18n = new I18n(defaultLocale, supportedLocales, fileName);
             const defaultLang = i18n.getUserDefaultLang;
             const format = new Format();
 
+            const supportsWebComponents = ('customElements' in window && 'define' in window.customElements);
+
             // Basic function to allow row onClick events to highlight the selected row.
             // This allows a user to easily see where they are on wide rows or mobile devices.
             // Based on DataFormJS [clickToHighlight] Plugin: [js/plugins/clickToHighlight.js]
@@ -137,6 +147,7 @@ <h1>{i18n.text('Countries')}</h1>
                         <nav>
                             <Link to={'/' + props.params.lang + '/search'}>{i18n.text('Search')}</Link>
                             <Link to={'/' + props.params.lang + '/info'}>{i18n.text('Info')}</Link>
+                            <DownloadLinks fileName='Countries' />
                         </nav>
 
                         <InputFilter
@@ -179,6 +190,35 @@ <h1>{i18n.text('Countries')}</h1>
                 )
             }
 
+            function DownloadLinks({ fileName, noMarginLeft}) {
+                if (!supportsWebComponents) {
+                    return null;
+                }
+                const style=(noMarginLeft ? {marginLeft:'0'} : {})
+                return (<>
+                    <span className="download" style={style}>{i18n.text('Download')}</span>
+                    <img className="download"
+                        src="img/Excel.svg"
+                        height="16"
+                        width="16"
+                        alt={i18n.text('Download to Excel')}
+                        title={i18n.text('Download to Excel')}
+                        data-export-excel-selector="table"
+                        data-export-file-name={i18n.text(fileName) + '.xlsx'} />
+                    <img className="download"
+                        src="img/Excel.svg"
+                        height="16"
+                        width="16"
+                        alt={i18n.text('Download to CSV')}
+                        title={i18n.text('Download to CSV')}
+                        data-export-csv-selector="table"
+                        data-export-file-name={i18n.text(fileName) + '.csv'} />
+
+                    <export-to-excel-service></export-to-excel-service>
+                    <export-to-csv-service></export-to-csv-service>
+                </>)
+            }
+
             // Download Data for the Main Page and show once ready
             function PageCountries({match}) {
                 // NOTE - this can be updated to change which web service runs.
diff --git a/examples/places-demo-vue.htm b/examples/places-demo-vue.htm
index 353bc481..1c9fd872 100644
--- a/examples/places-demo-vue.htm
+++ b/examples/places-demo-vue.htm
@@ -52,7 +52,8 @@ <h1 v-i18n="'Countries'"></h1>
                         alt="Download to Excel"
                         title="Download to Excel"
                         data-export-excel-selector="table"
-                        data-export-file-name="Countries.xlsx">
+                        data-export-file-name="[[Countries]].xlsx"
+                        v-i18n-attr="'alt, title, data-export-file-name'">
                     <img class="download"
                         src="img/Excel.svg"
                         height="16"
@@ -60,7 +61,8 @@ <h1 v-i18n="'Countries'"></h1>
                         alt="Download to CSV"
                         title="Download to CSV"
                         data-export-csv-selector="table"
-                        data-export-file-name="Countries.csv">
+                        data-export-file-name="[[Countries]].csv"
+                        v-i18n-attr="'alt, title, data-export-file-name'">
                 </nav>
 
                 <input
@@ -175,14 +177,15 @@ <h1 v-i18n="'Countries'"></h1>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/pages/jsonData.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/extensions/vue-directives.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/extensions/format.min.js"></script>
-        <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/i18n.min.js"></script>
+        <!-- <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/i18n.min.js"></script> -->
+        <script src="../js/plugins/i18n.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/filter.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/sort.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/clickToHighlight.min.js"></script>
         <!-- <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToCsv.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToExcel.min.js"></script> -->
-        <script src="../js/plugins/exportToCsv.js"></script>
-        <script src="../js/plugins/exportToExcel.js"></script>
+        <script src="../js/plugins/exportToCsv.min.js"></script>
+        <script src="../js/plugins/exportToExcel.min.js"></script>
         <script>
             // Lazy Load the following scripts only if needed based on attribute [data-lazy-load].
             // When scripts need to be downloaded in a specific order then use an array otherwise
diff --git a/examples/places-demo-web.htm b/examples/places-demo-web.htm
index 225da9a6..0036657e 100644
--- a/examples/places-demo-web.htm
+++ b/examples/places-demo-web.htm
@@ -96,18 +96,18 @@ <h1 data-i18n="Countries"></h1>
                             width="16"
                             alt="Download to Excel"
                             title="Download to Excel"
-                            data-i18n-attr="alt, title"
                             data-export-excel-selector="table"
-                            data-export-file-name="Countries.xlsx">
+                            data-export-file-name="[[Countries]].xlsx"
+                            data-i18n-attr="alt, title, data-export-file-name">
                         <img class="download"
                             src="img/Excel.svg"
                             height="16"
                             width="16"
                             alt="Download to CSV"
                             title="Download to CSV"
-                            data-i18n-attr="alt, title"
                             data-export-csv-selector="table"
-                            data-export-file-name="Countries.csv">
+                            data-export-file-name="[[Countries]].csv"
+                            data-i18n-attr="alt, title, data-export-file-name">
                     </nav>
 
                     <json-data url="{rootApiUrl}/countries" load-only-once onready="showMessage('Countries List is ready')">
@@ -202,18 +202,18 @@ <h1 data-i18n="Countries"></h1>
         </url-router>
 
         <!-- DataFormsJS Web Components -->
-        <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/i18n-service.min.js"></script>
+        <!-- <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/i18n-service.min.js"></script> -->
+        <script type="module" src="../js/web-components/i18n-service.min.js"></script>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/url-router.min.js"></script>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/json-data.min.js"></script>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/data-table.min.js"></script>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/input-filter.min.js"></script>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/sortable-table.min.js"></script>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/show-errors-service.min.js"></script>
-        <!-- <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/export-to-csv-service.min.js"></script>
-        <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/export-to-excel-service.min.js"></script> -->
-        <script type="module" src="../js/web-components/export-to-csv-service.js"></script>
-        <script type="module" src="../js/web-components/export-to-excel-service.js"></script>
-        <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/polyfill.min.js"></script>
+        <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/export-to-csv-service.min.js"></script>
+        <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/export-to-excel-service.min.js"></script>
+        <!-- <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/polyfill.min.js"></script> -->
+        <script nomodule src="../js/web-components/polyfill.min.js"></script>
 
         <!--
             Many different HTML files use <json-data> with the same Root URL

From fcf61560811d01e269caafd620f48032f0d7b5d9 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@jerryleigh.com>
Date: Mon, 21 Feb 2022 18:32:32 -0800
Subject: [PATCH 05/51] =?UTF-8?q?=E2=9C=A8=20Excel=20text=20column=20forma?=
 =?UTF-8?q?t=20update?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                                     | 1 +
 js/plugins/exportToExcel.js                      | 2 ++
 js/plugins/exportToExcel.min.js                  | 2 +-
 js/web-components/export-to-excel-service.js     | 2 ++
 js/web-components/export-to-excel-service.min.js | 2 +-
 5 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index be4ea3cb..9818a19b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -11,6 +11,7 @@ Overall the core Framework files, React Components, and Web Components and API a
   * `~/js/plugins/exportToExcel.js`
   * Add support so that elements using the plugin are refreshed when `app.refreshHtmlControl()` is called.
   * Minor fix handled by using `onRendered: function (rootElement)` instead of `onRendered: function ()`.
+  * For Excel text columns were the the max character width is less than 20 an extra 2 pixels of space will be added so content better fits.
 * I18N update 
   * Framework Plugin `~/js/plugins/i18n.js`
   * Web Component `~/js/web-components/i18n-service.js`
diff --git a/js/plugins/exportToExcel.js b/js/plugins/exportToExcel.js
index 480714cd..5c54ddd7 100644
--- a/js/plugins/exportToExcel.js
+++ b/js/plugins/exportToExcel.js
@@ -243,6 +243,8 @@
                             width = 12;
                         } else if (typeof value === 'number') {
                             width = value.toString().length + 2;
+                        } else if (width <= 20) {
+                            width += 2;
                         }
                         colWidths[n] = Math.max(colWidths[n], width);
                         row.push(value);
diff --git a/js/plugins/exportToExcel.min.js b/js/plugins/exportToExcel.min.js
index c7962d46..77e8ede5 100644
--- a/js/plugins/exportToExcel.min.js
+++ b/js/plugins/exportToExcel.min.js
@@ -1 +1 @@
-!function(){"use strict";var w={isNumeric:function(e){return!isNaN(e)&&isFinite(e)&&!(1<e.length&&"0"===e.substring(0,1))},excelValue:function(e){if(""===(e=e.trim()))return null;if(w.isNumeric(e))return parseFloat(e);var t=new Date(e);return!isNaN(t.getTime())&&0<t.getYear()&&(e.includes("-")||e.includes(",")||e.includes("/"))?t:e},downloadExcelJS:function(e){var t;void 0===window.ExcelJS?(-1!==navigator.userAgent.indexOf("Trident/")&&w.polyfill_IE(),(t=document.createElement("script")).src="https://cdn.jsdelivr.net/npm/exceljs@4.3.0/dist/exceljs.min.js",t.onload=e,document.querySelector("head").appendChild(t)):e()},polyfill_IE:function(){var n=window.RegExp;try{new n("a","u")}catch(e){window.RegExp=function(e,t){return"string"==typeof t&&!0===t.includes("u")&&(t="u"===t?void 0:t.replace("u",""),e=(e=e.replace(/\uDC00-\uDBFF/g,"")).replace(/\uDC00-\uDB7F/g,"")),new n(e,t)},window.RegExp.prototype=n}},hasInvalidFileNameChars:function(e){for(var t=['"',"<",">","|",":","*","?","\\","/"],n=0;n<t.length;n++)if(e.includes(t[n]))return!0;for(var r=0;r<32;r++)if(e.includes(String.fromCharCode(r)))return!0;return!1},exportTable:function(x){var b="data-running-export";null===x.getAttribute(b)&&(x.setAttribute(b,""),"BUTTON"===x.nodeName&&(x.disabled=!0),w.downloadExcelJS(function(){var e=x.getAttribute("data-export-excel-selector");if((n=x.getAttribute("data-export-file-name"))&&(n.length<=5||!n.endsWith(".xlsx")||w.hasInvalidFileNameChars(n)))app.showErrorAlert("Attribute [data-export-file-name] must be a valid name with file type [*.xlsx]");else{for(var s,t,n=n||"Report.xlsx",r=x.getAttribute("data-worksheet-name"),c=(31<(r=r||n.substring(0,n.length-5)).length&&(r=r.substring(0,31)),null!==x.getAttribute("data-export-all")),e=document.querySelector(e),l=[],o=[],a=[],i=e.tHead.rows[0],u=0;u<i.cells.length;u++){var p=i.cells[u].textContent,p=(a.push(p),p.trim().length),d=parseInt(Math.max(1.2*p,p+4));o.push(d)}l.push(a);for(var f=e.tBodies[0].rows,g=0,h=f.length;g<h;g++)if(i=f[g],c||"none"!==i.style.display){for(a=[],u=0;u<i.cells.length;u++)d=(t=null===(t=(s=i.cells[u]).getAttribute("data-value"))?s.textContent:t).trim().length,(t=w.excelValue(t))instanceof Date?d=12:"number"==typeof t&&(d=t.toString().length+2),o[u]=Math.max(o[u],d),a.push(t);l.push(a)}var e=new ExcelJS.Workbook,m=e.addWorksheet(r);for(u=0;u<l.length;u++)m.addRow(l[u]);var v=m.getRow(1);for(u=0;u<o.length;u++)(s=v.getCell(u+1)).fill={type:"pattern",pattern:"solid",fgColor:{argb:"FFF2F2F2"}},s.font={bold:!0};for(u=0;u<o.length;u++)m.getColumn(u+1).width=Math.min(50,o[u]);m.autoFilter={from:{row:1,column:1},to:{row:l.length,column:o.length}},m.views=[{state:"frozen",ySplit:1}],e.xlsx.writeBuffer().then(function(e){var t,e=new Blob([e],{type:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"});void 0!==navigator.msSaveBlob?navigator.msSaveBlob(e,n):(t=document.createElement("a"),e=URL.createObjectURL(e),t.setAttribute("href",e),t.setAttribute("download",n),t.style.visibility="hidden",document.body.appendChild(t),t.click(),document.body.removeChild(t)),x.removeAttribute(b),"BUTTON"===x.nodeName&&(x.disabled=!1)})}}))},onRendered:function(e){var t,e=(e||document).querySelectorAll("[data-export-excel-selector]"),n=!1;0<e.length&&(null===(t=document.querySelector("a"))&&(t=document.createElement("a")),n=void 0!==navigator.msSaveBlob||void 0!==t.download),Array.prototype.forEach.call(e,function(e){n?e.onclick=function(){w.exportTable(e)}:e.style.display="none"})}};app.addPlugin("exportToExcel",w)}();
\ No newline at end of file
+!function(){"use strict";var w={isNumeric:function(e){return!isNaN(e)&&isFinite(e)&&!(1<e.length&&"0"===e.substring(0,1))},excelValue:function(e){if(""===(e=e.trim()))return null;if(w.isNumeric(e))return parseFloat(e);var t=new Date(e);return!isNaN(t.getTime())&&0<t.getYear()&&(e.includes("-")||e.includes(",")||e.includes("/"))?t:e},downloadExcelJS:function(e){var t;void 0===window.ExcelJS?(-1!==navigator.userAgent.indexOf("Trident/")&&w.polyfill_IE(),(t=document.createElement("script")).src="https://cdn.jsdelivr.net/npm/exceljs@4.3.0/dist/exceljs.min.js",t.onload=e,document.querySelector("head").appendChild(t)):e()},polyfill_IE:function(){var n=window.RegExp;try{new n("a","u")}catch(e){window.RegExp=function(e,t){return"string"==typeof t&&!0===t.includes("u")&&(t="u"===t?void 0:t.replace("u",""),e=(e=e.replace(/\uDC00-\uDBFF/g,"")).replace(/\uDC00-\uDB7F/g,"")),new n(e,t)},window.RegExp.prototype=n}},hasInvalidFileNameChars:function(e){for(var t=['"',"<",">","|",":","*","?","\\","/"],n=0;n<t.length;n++)if(e.includes(t[n]))return!0;for(var r=0;r<32;r++)if(e.includes(String.fromCharCode(r)))return!0;return!1},exportTable:function(x){var b="data-running-export";null===x.getAttribute(b)&&(x.setAttribute(b,""),"BUTTON"===x.nodeName&&(x.disabled=!0),w.downloadExcelJS(function(){var e=x.getAttribute("data-export-excel-selector");if((n=x.getAttribute("data-export-file-name"))&&(n.length<=5||!n.endsWith(".xlsx")||w.hasInvalidFileNameChars(n)))app.showErrorAlert("Attribute [data-export-file-name] must be a valid name with file type [*.xlsx]");else{for(var s,t,n=n||"Report.xlsx",r=x.getAttribute("data-worksheet-name"),c=(31<(r=r||n.substring(0,n.length-5)).length&&(r=r.substring(0,31)),null!==x.getAttribute("data-export-all")),e=document.querySelector(e),l=[],o=[],a=[],i=e.tHead.rows[0],u=0;u<i.cells.length;u++){var p=i.cells[u].textContent,p=(a.push(p),p.trim().length),d=parseInt(Math.max(1.2*p,p+4));o.push(d)}l.push(a);for(var f=e.tBodies[0].rows,g=0,h=f.length;g<h;g++)if(i=f[g],c||"none"!==i.style.display){for(a=[],u=0;u<i.cells.length;u++)d=(t=null===(t=(s=i.cells[u]).getAttribute("data-value"))?s.textContent:t).trim().length,(t=w.excelValue(t))instanceof Date?d=12:"number"==typeof t?d=t.toString().length+2:d<=20&&(d+=2),o[u]=Math.max(o[u],d),a.push(t);l.push(a)}var e=new ExcelJS.Workbook,m=e.addWorksheet(r);for(u=0;u<l.length;u++)m.addRow(l[u]);var v=m.getRow(1);for(u=0;u<o.length;u++)(s=v.getCell(u+1)).fill={type:"pattern",pattern:"solid",fgColor:{argb:"FFF2F2F2"}},s.font={bold:!0};for(u=0;u<o.length;u++)m.getColumn(u+1).width=Math.min(50,o[u]);m.autoFilter={from:{row:1,column:1},to:{row:l.length,column:o.length}},m.views=[{state:"frozen",ySplit:1}],e.xlsx.writeBuffer().then(function(e){var t,e=new Blob([e],{type:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"});void 0!==navigator.msSaveBlob?navigator.msSaveBlob(e,n):(t=document.createElement("a"),e=URL.createObjectURL(e),t.setAttribute("href",e),t.setAttribute("download",n),t.style.visibility="hidden",document.body.appendChild(t),t.click(),document.body.removeChild(t)),x.removeAttribute(b),"BUTTON"===x.nodeName&&(x.disabled=!1)})}}))},onRendered:function(e){var t,e=(e||document).querySelectorAll("[data-export-excel-selector]"),n=!1;0<e.length&&(null===(t=document.querySelector("a"))&&(t=document.createElement("a")),n=void 0!==navigator.msSaveBlob||void 0!==t.download),Array.prototype.forEach.call(e,function(e){n?e.onclick=function(){w.exportTable(e)}:e.style.display="none"})}};app.addPlugin("exportToExcel",w)}();
\ No newline at end of file
diff --git a/js/web-components/export-to-excel-service.js b/js/web-components/export-to-excel-service.js
index ea668533..affad1b1 100644
--- a/js/web-components/export-to-excel-service.js
+++ b/js/web-components/export-to-excel-service.js
@@ -200,6 +200,8 @@ function exportTable(event) {
                     width = 12;
                 } else if (typeof value === 'number') {
                     width = value.toString().length + 2;
+                } else if (width <= 20) {
+                    width += 2;
                 }
                 colWidths[n] = Math.max(colWidths[n], width);
                 row.push(value);
diff --git a/js/web-components/export-to-excel-service.min.js b/js/web-components/export-to-excel-service.min.js
index 47841642..a9100ab0 100644
--- a/js/web-components/export-to-excel-service.min.js
+++ b/js/web-components/export-to-excel-service.min.js
@@ -1 +1 @@
-import{WebComponentService}from"./WebComponentService.min.js";import{showErrorAlert}from"./utils.min.js";function isNumeric(e){return!isNaN(e)&&isFinite(e)&&!(e.length>1&&"0"===e.substring(0,1))}function excelValue(e){if(""===(e=e.trim()))return null;if(isNumeric(e))return parseFloat(e);{const t=new Date(e);if(!isNaN(t.getTime())&&t.getYear()>0&&(e.includes("-")||e.includes(",")||e.includes("/")))return t}return e}function downloadExcelJS(e){if(void 0!==window.ExcelJS)return void e();const t=document.createElement("script");t.src="https://cdn.jsdelivr.net/npm/exceljs@4.3.0/dist/exceljs.min.js",t.onload=e,document.querySelector("head").appendChild(t)}function hasInvalidFileNameChars(e){const t=['"',"<",">","|",":","*","?","\\","/"];for(const n of t)if(e.includes(n))return!0;for(let t=0;t<32;t++)if(e.includes(String.fromCharCode(t)))return!0;return!1}function exportTable(e){const t="data-running-export";null===e.target.getAttribute(t)&&(e.target.setAttribute(t,""),"BUTTON"===e.target.nodeName&&(e.target.disabled=!0),downloadExcelJS((()=>{const n=e.target.getAttribute("data-export-excel-selector");let o=e.target.getAttribute("data-export-file-name");if(o&&(o.length<=5||!o.endsWith(".xlsx")||hasInvalidFileNameChars(o)))return void showErrorAlert("Attribute [data-export-file-name] must be a valid name with file type [*.xlsx]");o=o||"Report.xlsx";let r=e.target.getAttribute("data-worksheet-name");r=r||o.substring(0,o.length-5),r.length>31&&(r=r.substring(0,31));const l=null!==e.target.getAttribute("data-export-all"),i=document.querySelector(n),a=[],s=[];let c=[],d=i.tHead.rows[0];for(let e=0,t=d.cells.length;e<t;e++){const t=d.cells[e].textContent;c.push(t);const n=t.trim().length,o=parseInt(Math.max(1.2*n,n+4));s.push(o)}a.push(c);const u=i.tBodies[0].rows;for(let e=0,t=u.length;e<t;e++)if(d=u[e],l||"none"!==d.style.display){c=[];for(let e=0,t=d.cells.length;e<t;e++){const t=d.cells[e];let n=t.getAttribute("data-value");null===n&&(n=t.textContent);let o=n.trim().length;n=excelValue(n),n instanceof Date?o=12:"number"==typeof n&&(o=n.toString().length+2),s[e]=Math.max(s[e],o),c.push(n)}a.push(c)}const m=new ExcelJS.Workbook,g=m.addWorksheet(r);for(const e of a)g.addRow(e);const f=g.getRow(1);for(let e=0;e<s.length;e++){const t=f.getCell(e+1);t.fill={type:"pattern",pattern:"solid",fgColor:{argb:"FFF2F2F2"}},t.font={bold:!0}}for(let e=0;e<s.length;e++)g.getColumn(e+1).width=Math.min(50,s[e]);g.autoFilter={from:{row:1,column:1},to:{row:a.length,column:s.length}},g.views=[{state:"frozen",ySplit:1}],m.xlsx.writeBuffer().then((n=>{const r=new Blob([n],{type:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"});if(void 0!==navigator.msSaveBlob)navigator.msSaveBlob(r,o);else{const e=document.createElement("a"),t=URL.createObjectURL(r);e.setAttribute("href",t),e.setAttribute("download",o),e.style.visibility="hidden",document.body.appendChild(e),e.click(),document.body.removeChild(e)}e.target.removeAttribute(t),"BUTTON"===e.target.nodeName&&(e.target.disabled=!1)}))})))}window.customElements.define("export-to-excel-service",class extends WebComponentService{onLoad(){const e=document.querySelectorAll("[data-export-excel-selector]");let t=!1;if(e.length>0){let e=document.querySelector("a");null===e&&(e=document.createElement("a")),t=void 0!==navigator.msSaveBlob||void 0!==e.download}for(const n of e)t?n.addEventListener("click",exportTable):n.style.display="none"}});
\ No newline at end of file
+import{WebComponentService}from"./WebComponentService.min.js";import{showErrorAlert}from"./utils.min.js";function isNumeric(e){return!isNaN(e)&&isFinite(e)&&!(e.length>1&&"0"===e.substring(0,1))}function excelValue(e){if(""===(e=e.trim()))return null;if(isNumeric(e))return parseFloat(e);{const t=new Date(e);if(!isNaN(t.getTime())&&t.getYear()>0&&(e.includes("-")||e.includes(",")||e.includes("/")))return t}return e}function downloadExcelJS(e){if(void 0!==window.ExcelJS)return void e();const t=document.createElement("script");t.src="https://cdn.jsdelivr.net/npm/exceljs@4.3.0/dist/exceljs.min.js",t.onload=e,document.querySelector("head").appendChild(t)}function hasInvalidFileNameChars(e){const t=['"',"<",">","|",":","*","?","\\","/"];for(const n of t)if(e.includes(n))return!0;for(let t=0;t<32;t++)if(e.includes(String.fromCharCode(t)))return!0;return!1}function exportTable(e){const t="data-running-export";null===e.target.getAttribute(t)&&(e.target.setAttribute(t,""),"BUTTON"===e.target.nodeName&&(e.target.disabled=!0),downloadExcelJS((()=>{const n=e.target.getAttribute("data-export-excel-selector");let o=e.target.getAttribute("data-export-file-name");if(o&&(o.length<=5||!o.endsWith(".xlsx")||hasInvalidFileNameChars(o)))return void showErrorAlert("Attribute [data-export-file-name] must be a valid name with file type [*.xlsx]");o=o||"Report.xlsx";let r=e.target.getAttribute("data-worksheet-name");r=r||o.substring(0,o.length-5),r.length>31&&(r=r.substring(0,31));const l=null!==e.target.getAttribute("data-export-all"),i=document.querySelector(n),a=[],s=[];let c=[],d=i.tHead.rows[0];for(let e=0,t=d.cells.length;e<t;e++){const t=d.cells[e].textContent;c.push(t);const n=t.trim().length,o=parseInt(Math.max(1.2*n,n+4));s.push(o)}a.push(c);const u=i.tBodies[0].rows;for(let e=0,t=u.length;e<t;e++)if(d=u[e],l||"none"!==d.style.display){c=[];for(let e=0,t=d.cells.length;e<t;e++){const t=d.cells[e];let n=t.getAttribute("data-value");null===n&&(n=t.textContent);let o=n.trim().length;n=excelValue(n),n instanceof Date?o=12:"number"==typeof n?o=n.toString().length+2:o<=20&&(o+=2),s[e]=Math.max(s[e],o),c.push(n)}a.push(c)}const m=new ExcelJS.Workbook,g=m.addWorksheet(r);for(const e of a)g.addRow(e);const f=g.getRow(1);for(let e=0;e<s.length;e++){const t=f.getCell(e+1);t.fill={type:"pattern",pattern:"solid",fgColor:{argb:"FFF2F2F2"}},t.font={bold:!0}}for(let e=0;e<s.length;e++)g.getColumn(e+1).width=Math.min(50,s[e]);g.autoFilter={from:{row:1,column:1},to:{row:a.length,column:s.length}},g.views=[{state:"frozen",ySplit:1}],m.xlsx.writeBuffer().then((n=>{const r=new Blob([n],{type:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"});if(void 0!==navigator.msSaveBlob)navigator.msSaveBlob(r,o);else{const e=document.createElement("a"),t=URL.createObjectURL(r);e.setAttribute("href",t),e.setAttribute("download",o),e.style.visibility="hidden",document.body.appendChild(e),e.click(),document.body.removeChild(e)}e.target.removeAttribute(t),"BUTTON"===e.target.nodeName&&(e.target.disabled=!1)}))})))}window.customElements.define("export-to-excel-service",class extends WebComponentService{onLoad(){const e=document.querySelectorAll("[data-export-excel-selector]");let t=!1;if(e.length>0){let e=document.querySelector("a");null===e&&(e=document.createElement("a")),t=void 0!==navigator.msSaveBlob||void 0!==e.download}for(const n of e)t?n.addEventListener("click",exportTable):n.style.display="none"}});
\ No newline at end of file

From 496ff9103e68d339c8eeb6bbf129c6b5e27a4e48 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@jerryleigh.com>
Date: Mon, 21 Feb 2022 18:33:13 -0800
Subject: [PATCH 06/51] =?UTF-8?q?=F0=9F=93=83=20Update=20Examples=20for=20?=
 =?UTF-8?q?Excel=20and=20CSV=20Export?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/to-do-list.txt               |  1 +
 examples/countries-no-spa-hbs.htm | 26 ++++++++++++++++++++++++++
 examples/countries-no-spa-js.htm  | 26 ++++++++++++++++++++++++++
 examples/countries-no-spa-vue.htm | 26 ++++++++++++++++++++++++++
 examples/countries-no-spa-web.htm | 30 +++++++++++++++++++++++++++++-
 examples/export-table-js.htm      |  9 +++++----
 examples/export-table-web.htm     |  9 +++++----
 7 files changed, 118 insertions(+), 9 deletions(-)

diff --git a/docs/to-do-list.txt b/docs/to-do-list.txt
index 73431683..f46b4c52 100644
--- a/docs/to-do-list.txt
+++ b/docs/to-do-list.txt
@@ -25,6 +25,7 @@ TODO List
 **) Finish adding Excel and CSV Export to the Places Demo
     - Several NPM releases are being made prior to the updates being published on the main site:
         After NPM release update all "../js/" to the CDN Page
+        Use global search of "../js/" to find files that need to be updated
     - This is being worked on mid-Feb 2022 and will likely be published by the end of this month
     - Need to test more browsers, IE, Safari, etc
     - Need a CSV icon (currently Excel icon is used for both Excel and CSV)
diff --git a/examples/countries-no-spa-hbs.htm b/examples/countries-no-spa-hbs.htm
index a66db36d..516870a8 100644
--- a/examples/countries-no-spa-hbs.htm
+++ b/examples/countries-no-spa-hbs.htm
@@ -30,6 +30,28 @@ <h1>Countries</h1>
                 data-filter-results-text-filtered="Showing {displayCount} of {totalCount} Countries"
                 placeholder="Enter filter, example 'North America'">
 
+            <div>
+                <nav style="display: inline-flex;">
+                    <span>Download</span>
+                    <img class="download"
+                        src="img/Excel.svg"
+                        height="16"
+                        width="16"
+                        alt="Download to Excel"
+                        title="Download to Excel"
+                        data-export-excel-selector="table"
+                        data-export-file-name="Countries.xlsx">
+                    <img class="download"
+                        src="img/Excel.svg"
+                        height="16"
+                        width="16"
+                        alt="Download to CSV"
+                        title="Download to CSV"
+                        data-export-csv-selector="table"
+                        data-export-file-name="Countries.csv">
+                </nav>
+            </div>
+
             <p>Click on a column to sort rows based on column values.</p>
 
             <table data-sort data-sort-class-odd="row-odd" data-sort-class-even="row-even" class="click-to-highlight">
@@ -63,6 +85,10 @@ <h1>Countries</h1>
     <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/filter.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/sort.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/clickToHighlight.min.js"></script>
+    <!-- <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToCsv.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToExcel.min.js"></script> -->
+    <script src="../js/plugins/exportToCsv.min.js"></script>
+    <script src="../js/plugins/exportToExcel.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/handlebars@4.7.6/dist/handlebars.min.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/examples/countries-no-spa-js.htm b/examples/countries-no-spa-js.htm
index efa4284d..ce878f04 100644
--- a/examples/countries-no-spa-js.htm
+++ b/examples/countries-no-spa-js.htm
@@ -29,6 +29,28 @@ <h1>Countries</h1>
                 data-filter-results-text-filtered="Showing {displayCount} of {totalCount} Countries"
                 placeholder="Enter filter, example 'North America'">
 
+            <div>
+                <nav style="display: inline-flex;">
+                    <span>Download</span>
+                    <img class="download"
+                        src="img/Excel.svg"
+                        height="16"
+                        width="16"
+                        alt="Download to Excel"
+                        title="Download to Excel"
+                        data-export-excel-selector="table"
+                        data-export-file-name="Countries.xlsx">
+                    <img class="download"
+                        src="img/Excel.svg"
+                        height="16"
+                        width="16"
+                        alt="Download to CSV"
+                        title="Download to CSV"
+                        data-export-csv-selector="table"
+                        data-export-file-name="Countries.csv">
+                </nav>
+            </div>
+
             <p>Click on a column to sort rows based on column values.</p>
 
             <data-table
@@ -63,5 +85,9 @@ <h1>Countries</h1>
     <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/filter.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/sort.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/clickToHighlight.min.js"></script>
+    <!-- <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToCsv.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToExcel.min.js"></script> -->
+    <script src="../js/plugins/exportToCsv.min.js"></script>
+    <script src="../js/plugins/exportToExcel.min.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/examples/countries-no-spa-vue.htm b/examples/countries-no-spa-vue.htm
index 0cb087f8..32ee6bdc 100644
--- a/examples/countries-no-spa-vue.htm
+++ b/examples/countries-no-spa-vue.htm
@@ -44,6 +44,28 @@ <h1>Countries</h1>
                 data-filter-results-text-filtered="Showing {displayCount} of {totalCount} Countries"
                 placeholder="Enter filter, example 'North America'">
 
+            <div>
+                <nav style="display: inline-flex;">
+                    <span>Download</span>
+                    <img class="download"
+                        src="img/Excel.svg"
+                        height="16"
+                        width="16"
+                        alt="Download to Excel"
+                        title="Download to Excel"
+                        data-export-excel-selector="table"
+                        data-export-file-name="Countries.xlsx">
+                    <img class="download"
+                        src="img/Excel.svg"
+                        height="16"
+                        width="16"
+                        alt="Download to CSV"
+                        title="Download to CSV"
+                        data-export-csv-selector="table"
+                        data-export-file-name="Countries.csv">
+                </nav>
+            </div>
+
             <p>Click on a column to sort rows based on column values.</p>
 
             <table data-sort data-sort-class-odd="row-odd" data-sort-class-even="row-even" class="click-to-highlight">
@@ -89,5 +111,9 @@ <h1>Countries</h1>
     <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/filter.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/sort.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/clickToHighlight.min.js"></script>
+    <!-- <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToCsv.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToExcel.min.js"></script> -->
+    <script src="../js/plugins/exportToCsv.min.js"></script>
+    <script src="../js/plugins/exportToExcel.min.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/examples/countries-no-spa-web.htm b/examples/countries-no-spa-web.htm
index de5bba7b..b96c1d0e 100644
--- a/examples/countries-no-spa-web.htm
+++ b/examples/countries-no-spa-web.htm
@@ -17,6 +17,9 @@
 </head>
 <body>
     <div id="view">
+        <export-to-excel-service></export-to-excel-service>
+        <export-to-csv-service></export-to-csv-service>
+
         <h1>Countries</h1>
 
         <json-data url="https://www.dataformsjs.com/data/geonames/countries" load-only-once>
@@ -35,6 +38,28 @@ <h1>Countries</h1>
                     filter-results-text-filtered="Showing {displayCount} of {totalCount} Countries"
                     placeholder="Enter filter, example 'North America'">
 
+                <div>
+                    <nav style="display: inline-flex;">
+                        <span>Download</span>
+                        <img class="download"
+                            src="img/Excel.svg"
+                            height="16"
+                            width="16"
+                            alt="Download to Excel"
+                            title="Download to Excel"
+                            data-export-excel-selector="table"
+                            data-export-file-name="Countries.xlsx">
+                        <img class="download"
+                            src="img/Excel.svg"
+                            height="16"
+                            width="16"
+                            alt="Download to CSV"
+                            title="Download to CSV"
+                            data-export-csv-selector="table"
+                            data-export-file-name="Countries.csv">
+                    </nav>
+                </div>
+
                 <p>Click on a column to sort rows based on column values.</p>
 
                 <!--
@@ -87,6 +112,9 @@ <h1>Countries</h1>
     <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/data-table.min.js"></script>
     <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/input-filter.min.js"></script>
     <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/sortable-table.min.js"></script>
-    <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/polyfill.min.js"></script>
+    <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/export-to-excel-service.min.js"></script>
+    <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/export-to-csv-service.min.js"></script>
+    <!-- <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/polyfill.min.js"></script> -->
+    <script nomodule src="../js/web-components/polyfill.min.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/examples/export-table-js.htm b/examples/export-table-js.htm
index bd9074d3..00bd0f0a 100644
--- a/examples/export-table-js.htm
+++ b/examples/export-table-js.htm
@@ -41,13 +41,13 @@ <h1>Export Table Demo | DataFormsJS Framework</h1>
             <div id="record-count" style="padding-top: 10px;"></div>
 
             <div class="form-controls">
-                <button type="button"
-                    data-export-csv-selector="table"
-                    data-export-file-name="Log-Report.csv">Export to CSV</button>
                 <button type="button"
                     data-export-excel-selector="table"
                     data-export-file-name="Log-Report.xlsx"
                     data-worksheet-name="Log Report">Export to Excel</button>
+                <button type="button"
+                    data-export-csv-selector="table"
+                    data-export-file-name="Log-Report.csv">Export to CSV</button>
             </div>
 
             <div class="form-controls">
@@ -77,7 +77,8 @@ <h1>Export Table Demo | DataFormsJS Framework</h1>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/sort.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/clickToHighlight.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToCsv.min.js"></script>
-        <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToExcel.min.js"></script>
+        <!-- <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToExcel.min.js"></script> -->
+        <script src="../js/plugins/exportToExcel.min.js"></script>
 
         <!-- Code for this Page -->
         <script src="export-table-records.js"></script>
diff --git a/examples/export-table-web.htm b/examples/export-table-web.htm
index 569d936c..917a12ce 100644
--- a/examples/export-table-web.htm
+++ b/examples/export-table-web.htm
@@ -46,13 +46,13 @@ <h1>Export Table Demo | Web Components</h1>
             <div id="record-count" style="padding-top: 10px;"></div>
 
             <div class="form-controls">
-                <button type="button"
-                    data-export-csv-selector="table"
-                    data-export-file-name="Log-Report.csv">Export to CSV</button>
                 <button type="button"
                     data-export-excel-selector="table"
                     data-export-file-name="Log-Report.xlsx"
                     data-worksheet-name="Log Report">Export to Excel</button>
+                <button type="button"
+                    data-export-csv-selector="table"
+                    data-export-file-name="Log-Report.csv">Export to CSV</button>
             </div>
 
             <div class="form-controls">
@@ -76,7 +76,8 @@ <h1>Export Table Demo | Web Components</h1>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/data-table.min.js"></script>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/input-filter.min.js"></script>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/sortable-table.min.js"></script>
-        <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/export-to-csv-service.min.js"></script>
+        <!-- <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/export-to-csv-service.min.js"></script> -->
+        <script type="module" src="../js/web-components/export-to-csv-service.min.js"></script>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/export-to-excel-service.min.js"></script>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/highlighter-service.min.js"></script>
         <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/polyfill.min.js"></script>

From ef1d2a3811a330fe2fe20abb99f51039c0193d0c Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <57777521+ConradSollitt@users.noreply.github.com>
Date: Mon, 21 Feb 2022 21:42:35 -0800
Subject: [PATCH 07/51] =?UTF-8?q?=F0=9F=8E=A8=20Update=20CSV=20Icon?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/to-do-list.txt                         |  3 +--
 examples/countries-no-spa-hbs.htm           |  2 +-
 examples/countries-no-spa-js.htm            |  2 +-
 examples/countries-no-spa-vue.htm           |  2 +-
 examples/countries-no-spa-web.htm           |  2 +-
 examples/html/cities-hbs.htm                |  2 +-
 examples/html/cities-js.htm                 |  2 +-
 examples/html/cities-vue.htm                |  2 +-
 examples/html/cities-web.htm                |  2 +-
 examples/html/countries-hbs.htm             |  2 +-
 examples/html/regions-hbs.htm               |  2 +-
 examples/html/regions-js.htm                |  2 +-
 examples/html/regions-vue.htm               |  2 +-
 examples/html/regions-web.htm               |  2 +-
 examples/html/search-places-js.htm          |  2 +-
 examples/html/search-places-results-hbs.htm |  2 +-
 examples/html/search-places-vue.htm         |  2 +-
 examples/html/search-places-web.htm         |  2 +-
 examples/img/CSV.svg                        | 18 ++++++++++++++++++
 examples/img/Sources.txt                    |  7 ++++++-
 examples/places-demo-hbs.htm                |  2 +-
 examples/places-demo-js.htm                 |  2 +-
 examples/places-demo-preact.htm             |  2 +-
 examples/places-demo-react.htm              |  2 +-
 examples/places-demo-vue.htm                |  2 +-
 examples/places-demo-web.htm                |  2 +-
 26 files changed, 48 insertions(+), 26 deletions(-)
 create mode 100644 examples/img/CSV.svg

diff --git a/docs/to-do-list.txt b/docs/to-do-list.txt
index f46b4c52..72f5eb73 100644
--- a/docs/to-do-list.txt
+++ b/docs/to-do-list.txt
@@ -27,8 +27,7 @@ TODO List
         After NPM release update all "../js/" to the CDN Page
         Use global search of "../js/" to find files that need to be updated
     - This is being worked on mid-Feb 2022 and will likely be published by the end of this month
-    - Need to test more browsers, IE, Safari, etc
-    - Need a CSV icon (currently Excel icon is used for both Excel and CSV)
+    - Verify new CSV icon with IE and different screens
 
 **) Update the Getting Started CSS Template used here:
         https://www.dataformsjs.com/en/getting-started
diff --git a/examples/countries-no-spa-hbs.htm b/examples/countries-no-spa-hbs.htm
index 516870a8..a46466ae 100644
--- a/examples/countries-no-spa-hbs.htm
+++ b/examples/countries-no-spa-hbs.htm
@@ -42,7 +42,7 @@ <h1>Countries</h1>
                         data-export-excel-selector="table"
                         data-export-file-name="Countries.xlsx">
                     <img class="download"
-                        src="img/Excel.svg"
+                        src="img/CSV.svg"
                         height="16"
                         width="16"
                         alt="Download to CSV"
diff --git a/examples/countries-no-spa-js.htm b/examples/countries-no-spa-js.htm
index ce878f04..965e6980 100644
--- a/examples/countries-no-spa-js.htm
+++ b/examples/countries-no-spa-js.htm
@@ -41,7 +41,7 @@ <h1>Countries</h1>
                         data-export-excel-selector="table"
                         data-export-file-name="Countries.xlsx">
                     <img class="download"
-                        src="img/Excel.svg"
+                        src="img/CSV.svg"
                         height="16"
                         width="16"
                         alt="Download to CSV"
diff --git a/examples/countries-no-spa-vue.htm b/examples/countries-no-spa-vue.htm
index 32ee6bdc..f7361dae 100644
--- a/examples/countries-no-spa-vue.htm
+++ b/examples/countries-no-spa-vue.htm
@@ -56,7 +56,7 @@ <h1>Countries</h1>
                         data-export-excel-selector="table"
                         data-export-file-name="Countries.xlsx">
                     <img class="download"
-                        src="img/Excel.svg"
+                        src="img/CSV.svg"
                         height="16"
                         width="16"
                         alt="Download to CSV"
diff --git a/examples/countries-no-spa-web.htm b/examples/countries-no-spa-web.htm
index b96c1d0e..7b37edc2 100644
--- a/examples/countries-no-spa-web.htm
+++ b/examples/countries-no-spa-web.htm
@@ -50,7 +50,7 @@ <h1>Countries</h1>
                             data-export-excel-selector="table"
                             data-export-file-name="Countries.xlsx">
                         <img class="download"
-                            src="img/Excel.svg"
+                            src="img/CSV.svg"
                             height="16"
                             width="16"
                             alt="Download to CSV"
diff --git a/examples/html/cities-hbs.htm b/examples/html/cities-hbs.htm
index 347e7bbc..2043bc46 100644
--- a/examples/html/cities-hbs.htm
+++ b/examples/html/cities-hbs.htm
@@ -16,7 +16,7 @@ <h1>{{i18n 'Largest Cities in'}} {{country}}, {{region}}</h1>
             data-export-excel-selector="table"
             data-export-file-name="{{i18n 'Cities'}}.xlsx">
         <img class="download"
-            src="img/Excel.svg"
+            src="img/CSV.svg"
             height="16"
             width="16"
             alt="{{i18n 'Download to CSV'}}"
diff --git a/examples/html/cities-js.htm b/examples/html/cities-js.htm
index 36a772a2..717433cb 100644
--- a/examples/html/cities-js.htm
+++ b/examples/html/cities-js.htm
@@ -17,7 +17,7 @@ <h1><span data-i18n="Largest Cities in"></span> <span data-bind="country"></span
             data-export-file-name="[[Cities]].xlsx"
             data-i18n-attr="alt, title, data-export-file-name">
         <img class="download"
-            src="img/Excel.svg"
+            src="img/CSV.svg"
             height="16"
             width="16"
             alt="Download to CSV"
diff --git a/examples/html/cities-vue.htm b/examples/html/cities-vue.htm
index 55a01e5c..6435e740 100644
--- a/examples/html/cities-vue.htm
+++ b/examples/html/cities-vue.htm
@@ -17,7 +17,7 @@ <h1><span v-i18n="'Largest Cities in'"></span> {{ country }}, {{ region }}</h1>
             data-export-file-name="[[Cities]].xlsx"
             v-i18n-attr="'alt, title, data-export-file-name'">
         <img class="download"
-            src="img/Excel.svg"
+            src="img/CSV.svg"
             height="16"
             width="16"
             alt="Download to CSV"
diff --git a/examples/html/cities-web.htm b/examples/html/cities-web.htm
index 203cedfc..d1416ba6 100644
--- a/examples/html/cities-web.htm
+++ b/examples/html/cities-web.htm
@@ -14,7 +14,7 @@ <h1><span data-i18n="Largest Cities in"></span> <span url-param="country"></span
         data-export-file-name="[[Cities]].xlsx"
         data-i18n-attr="alt, title, data-export-file-name">
     <img class="download"
-        src="img/Excel.svg"
+        src="img/CSV.svg"
         height="16"
         width="16"
         alt="Download to CSV"
diff --git a/examples/html/countries-hbs.htm b/examples/html/countries-hbs.htm
index a7b629c4..4e5d229b 100644
--- a/examples/html/countries-hbs.htm
+++ b/examples/html/countries-hbs.htm
@@ -16,7 +16,7 @@ <h1>{{i18n 'Countries'}}</h1>
             data-export-excel-selector="table"
             data-export-file-name="{{i18n 'Countries'}}.xlsx">
         <img class="download"
-            src="img/Excel.svg"
+            src="img/CSV.svg"
             height="16"
             width="16"
             alt="{{i18n 'Download to CSV'}}"
diff --git a/examples/html/regions-hbs.htm b/examples/html/regions-hbs.htm
index f8967b6f..9daec4ee 100644
--- a/examples/html/regions-hbs.htm
+++ b/examples/html/regions-hbs.htm
@@ -15,7 +15,7 @@ <h1></h1>
             data-export-excel-selector="table"
             data-export-file-name="{{i18n 'Regions'}}.xlsx">
         <img class="download"
-            src="img/Excel.svg"
+            src="img/CSV.svg"
             height="16"
             width="16"
             alt="{{i18n 'Download to CSV'}}"
diff --git a/examples/html/regions-js.htm b/examples/html/regions-js.htm
index 7ac16106..63714050 100644
--- a/examples/html/regions-js.htm
+++ b/examples/html/regions-js.htm
@@ -16,7 +16,7 @@ <h1></h1>
             data-export-file-name="[[Regions]].xlsx"
             data-i18n-attr="alt, title, data-export-file-name">
         <img class="download"
-            src="img/Excel.svg"
+            src="img/CSV.svg"
             height="16"
             width="16"
             alt="Download to CSV"
diff --git a/examples/html/regions-vue.htm b/examples/html/regions-vue.htm
index daea0844..47eb1f5f 100644
--- a/examples/html/regions-vue.htm
+++ b/examples/html/regions-vue.htm
@@ -16,7 +16,7 @@ <h1></h1>
             data-export-file-name="[[Regions]].xlsx"
             v-i18n-attr="'alt, title, data-export-file-name'">
         <img class="download"
-            src="img/Excel.svg"
+            src="img/CSV.svg"
             height="16"
             width="16"
             alt="Download to CSV"
diff --git a/examples/html/regions-web.htm b/examples/html/regions-web.htm
index 93c390d3..eb888e62 100644
--- a/examples/html/regions-web.htm
+++ b/examples/html/regions-web.htm
@@ -13,7 +13,7 @@ <h1><span>Regions for Country Code</span> <span url-param="country"></span></h1>
         data-export-file-name="[[Regions]].xlsx"
         data-i18n-attr="alt, title, data-export-file-name">
     <img class="download"
-        src="img/Excel.svg"
+        src="img/CSV.svg"
         height="16"
         width="16"
         alt="Download to CSV"
diff --git a/examples/html/search-places-js.htm b/examples/html/search-places-js.htm
index 1e2b5330..e5ad0e04 100644
--- a/examples/html/search-places-js.htm
+++ b/examples/html/search-places-js.htm
@@ -78,7 +78,7 @@ <h2><span data-bind="search.cities.length"></span> <span data-i18n="Cities Found
                         data-export-file-name="[[Search]].xlsx"
                         data-i18n-attr="alt, title, data-export-file-name">
                     <img class="download"
-                        src="img/Excel.svg"
+                        src="img/CSV.svg"
                         height="16"
                         width="16"
                         alt="Download to CSV"
diff --git a/examples/html/search-places-results-hbs.htm b/examples/html/search-places-results-hbs.htm
index fb90f836..79d38fc6 100644
--- a/examples/html/search-places-results-hbs.htm
+++ b/examples/html/search-places-results-hbs.htm
@@ -29,7 +29,7 @@ <h2>{{search.cities.length}} {{i18n 'Cities Found'}}</h2>
                 data-export-excel-selector="table"
                 data-export-file-name="{{i18n 'Search'}}.xlsx">
             <img class="download"
-                src="img/Excel.svg"
+                src="img/CSV.svg"
                 height="16"
                 width="16"
                 alt="{{i18n 'Download to CSV'}}"
diff --git a/examples/html/search-places-vue.htm b/examples/html/search-places-vue.htm
index 948cca99..c77b0e4c 100644
--- a/examples/html/search-places-vue.htm
+++ b/examples/html/search-places-vue.htm
@@ -74,7 +74,7 @@ <h2>{{ cities.length }} <span v-i18n="'Cities Found'"></span></h2>
                             data-export-file-name="[[Search]].xlsx"
                             v-i18n-attr="'alt, title, data-export-file-name'">
                         <img class="download"
-                            src="img/Excel.svg"
+                            src="img/CSV.svg"
                             height="16"
                             width="16"
                             alt="Download to CSV"
diff --git a/examples/html/search-places-web.htm b/examples/html/search-places-web.htm
index 77630b65..2a9f55f1 100644
--- a/examples/html/search-places-web.htm
+++ b/examples/html/search-places-web.htm
@@ -88,7 +88,7 @@ <h2><span data-bind="cities.length"></span> <span data-i18n="Cities Found"></spa
                             data-export-file-name="[[Search]].xlsx"
                             data-i18n-attr="alt, title, data-export-file-name">
                         <img class="download"
-                            src="img/Excel.svg"
+                            src="img/CSV.svg"
                             height="16"
                             width="16"
                             alt="Download to CSV"
diff --git a/examples/img/CSV.svg b/examples/img/CSV.svg
new file mode 100644
index 00000000..da478352
--- /dev/null
+++ b/examples/img/CSV.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 62 (91390) - https://sketch.com -->
+    <title>CSV</title>
+    <desc>Created with Sketch.</desc>
+    <g id="CSV" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="Rectangle" fill="#F4CB86" x="12" y="0" width="36" height="48"></rect>
+        <rect id="Rectangle" fill-opacity="0.1" fill="#000000" x="12" y="0" width="18" height="48"></rect>
+        <rect id="Rectangle" fill-opacity="0.05" fill="#000000" x="12" y="12" width="36" height="12"></rect>
+        <rect id="Rectangle" fill-opacity="0.15" fill="#000000" x="12" y="24" width="36" height="12"></rect>
+        <rect id="Rectangle" fill-opacity="0.25" fill="#000000" x="12" y="36" width="36" height="12"></rect>
+        <rect id="Rectangle" fill-opacity="0.6" fill="#A06A0E" x="0" y="10" width="46" height="28" rx="2"></rect>
+        <rect id="Rectangle" fill="#EBA426" x="2" y="12" width="42" height="24" rx="2"></rect>
+        <text font-family="ArialMT, Arial" font-size="20" font-weight="normal" fill="#FFFFFF">
+            <tspan x="2.43847656" y="31">CSV</tspan>
+        </text>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/examples/img/Sources.txt b/examples/img/Sources.txt
index ba9913d3..d76a0908 100644
--- a/examples/img/Sources.txt
+++ b/examples/img/Sources.txt
@@ -1,7 +1,12 @@
-** Files in the folder are licensed under the original publisher and included here
+** Most files in the folder are licensed under the original publisher and included here
     for examples. They do not fall under the same license as DataFormsJS.
 
 https://github.com/logos
 https://www.w3.org/html/logo/
 https://commons.wikimedia.org/wiki/File:Unofficial_JavaScript_logo_2.svg
 https://www.office.com/
+
+* CSV Icon was created for DataFormsJS and is licensed under both MIT
+    and Creative Commons Attribution 4.0
+
+https://github.com/dataformsjs/static-files/tree/master/img/icons
diff --git a/examples/places-demo-hbs.htm b/examples/places-demo-hbs.htm
index 0b91ce3f..57e80335 100644
--- a/examples/places-demo-hbs.htm
+++ b/examples/places-demo-hbs.htm
@@ -72,7 +72,7 @@ <h1>{{i18n 'Countries'}}</h1>
                         data-export-excel-selector="table"
                         data-export-file-name="{{i18n 'Countries'}}.xlsx">
                     <img class="download"
-                        src="img/Excel.svg"
+                        src="img/CSV.svg"
                         height="16"
                         width="16"
                         alt="{{i18n 'Download to CSV'}}"
diff --git a/examples/places-demo-js.htm b/examples/places-demo-js.htm
index 5df337b6..c172417b 100644
--- a/examples/places-demo-js.htm
+++ b/examples/places-demo-js.htm
@@ -56,7 +56,7 @@ <h1 data-i18n="Countries"></h1>
                         data-export-file-name="[[Countries]].xlsx"
                         data-i18n-attr="alt, title, data-export-file-name">
                     <img class="download"
-                        src="img/Excel.svg"
+                        src="img/CSV.svg"
                         height="16"
                         width="16"
                         alt="Download to CSV"
diff --git a/examples/places-demo-preact.htm b/examples/places-demo-preact.htm
index d53f6708..d427abbe 100644
--- a/examples/places-demo-preact.htm
+++ b/examples/places-demo-preact.htm
@@ -203,7 +203,7 @@ <h1>{i18n.text('Countries')}</h1>
                         data-export-excel-selector="table"
                         data-export-file-name={i18n.text(fileName) + '.xlsx'} />
                     <img className="download"
-                        src="img/Excel.svg"
+                        src="img/CSV.svg"
                         height="16"
                         width="16"
                         alt={i18n.text('Download to CSV')}
diff --git a/examples/places-demo-react.htm b/examples/places-demo-react.htm
index 4587a481..513981a1 100644
--- a/examples/places-demo-react.htm
+++ b/examples/places-demo-react.htm
@@ -206,7 +206,7 @@ <h1>{i18n.text('Countries')}</h1>
                         data-export-excel-selector="table"
                         data-export-file-name={i18n.text(fileName) + '.xlsx'} />
                     <img className="download"
-                        src="img/Excel.svg"
+                        src="img/CSV.svg"
                         height="16"
                         width="16"
                         alt={i18n.text('Download to CSV')}
diff --git a/examples/places-demo-vue.htm b/examples/places-demo-vue.htm
index 1c9fd872..36d81ca7 100644
--- a/examples/places-demo-vue.htm
+++ b/examples/places-demo-vue.htm
@@ -55,7 +55,7 @@ <h1 v-i18n="'Countries'"></h1>
                         data-export-file-name="[[Countries]].xlsx"
                         v-i18n-attr="'alt, title, data-export-file-name'">
                     <img class="download"
-                        src="img/Excel.svg"
+                        src="img/CSV.svg"
                         height="16"
                         width="16"
                         alt="Download to CSV"
diff --git a/examples/places-demo-web.htm b/examples/places-demo-web.htm
index 0036657e..ad6dbd66 100644
--- a/examples/places-demo-web.htm
+++ b/examples/places-demo-web.htm
@@ -100,7 +100,7 @@ <h1 data-i18n="Countries"></h1>
                             data-export-file-name="[[Countries]].xlsx"
                             data-i18n-attr="alt, title, data-export-file-name">
                         <img class="download"
-                            src="img/Excel.svg"
+                            src="img/CSV.svg"
                             height="16"
                             width="16"
                             alt="Download to CSV"

From 37770a0b5d45b0c96b052b976c859d769826bec0 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Mon, 21 Feb 2022 22:20:26 -0800
Subject: [PATCH 08/51] =?UTF-8?q?=F0=9F=90=9B=20Fix=20typo=20in=20error=20?=
 =?UTF-8?q?message?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md            | 3 +++
 js/DataFormsJS.js       | 2 +-
 js/DataFormsJS.min.js   | 2 +-
 test/js/unit-testing.js | 2 +-
 4 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9818a19b..ba79ca28 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -20,6 +20,9 @@ Overall the core Framework files, React Components, and Web Components and API a
     * Previously both `Countries` and `Countries.xlsx` would have had to be defined for each language
     * Now only `Countries` has to be defined
     * For Vue apps this applies to the `v-i18n-attr` directive
+* DataFormsJS App Object
+  * `~/js/DataFormsJS.js`
+  * Fix typo in error message
 
 ## 5.12.1 (February 19, 2022)
 
diff --git a/js/DataFormsJS.js b/js/DataFormsJS.js
index b6f4f305..58e0f27f 100644
--- a/js/DataFormsJS.js
+++ b/js/DataFormsJS.js
@@ -2181,7 +2181,7 @@
                 if (templateId !== null && templateUrl !== null) {
                     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.');
                 } else if (templateId === null && templateUrl === null) {
-                    throw new TypeError('A control must have either attribute [data-template-id] or [data-template-url]. Niether attribute is defined for the control.');
+                    throw new TypeError('A control must have either attribute [data-template-id] or [data-template-url]. Neither attribute is defined for the control.');
                 }
 
                 // Get the active model if one was not passed
diff --git a/js/DataFormsJS.min.js b/js/DataFormsJS.min.js
index 0f41a67f..1eb39bc2 100644
--- a/js/DataFormsJS.min.js
+++ b/js/DataFormsJS.min.js
@@ -2,4 +2,4 @@
 // @version 5.12.1
 // @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],v=!1,s=!1,m=!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 d(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 f(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(m=!1);if(m)return C===i?void 0:(window.setTimeout(V,200),void E++);if(v)return C===i?void 0:(window.setTimeout(V,200),void E++);for(o in m=!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(m=!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(m=!1);if(null===c){if(0===h.controllers.length)return h.updateView(),void(m=!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)),m=!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(),m=!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)():m=!1})}catch(e){h.showErrorAlert("Error from Plugin ["+r[n]+"] on [onRouteLoad()]: "+e.toString()),console.error(e),h.updateView(),m=!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(){x(n),u()})):(x(n),u())}function x(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&&d(t.model,"page."+e+".model","app.addPage()"),f(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()"),f(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),f(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()"),f(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),d(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 v},updateView:function(){function e(){var e,t,o,r,n;if(v=!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"),v=!(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")),v=!1})}catch(e){throw v=!1,console.error(e),e}}else v=!(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)}}v?t=window.setInterval(function(){v||(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+'"])',s=!0,function t(o){if(null===o)s=!1,v||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,o,r){try{var e="string"==typeof t,n=t instanceof HTMLElement;if(!e&&!n)throw new TypeError("Invalid type for parameter [control] in the function [DataFormsJS.refreshHtmlControl()]: "+typeof t);if(e){var a=t;if(null===(t=document.getElementById(a)))throw new TypeError("Control not found for ["+a+"] when the function [DataFormsJS.refreshHtmlControl()] was called.")}if(void 0!==o&&"function"!=typeof o)throw new TypeError("[callback] was not defined as a [function] when the [DataFormsJS.refreshHtmlControl()] was called");var l=t.getAttribute("data-template-id"),i=t.getAttribute("data-template-url");if(null!==l&&null!==i)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===l&&null===i)throw new TypeError("A control must have either attribute [data-template-id] or [data-template-url]. Niether attribute is defined for the control.");void 0===r&&(r=this.activeModel),R(t,null,function(e){U(t,null,e,r),v||(h.loadAllJsControls(t,r),h.unloadUnattachedJsControls()),s||h.refreshPlugins(t),void 0!==o&&o()})}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.12.1",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],v=!1,s=!1,m=!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 d(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 f(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(m=!1);if(m)return C===i?void 0:(window.setTimeout(V,200),void E++);if(v)return C===i?void 0:(window.setTimeout(V,200),void E++);for(o in m=!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(m=!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(m=!1);if(null===c){if(0===h.controllers.length)return h.updateView(),void(m=!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)),m=!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(),m=!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)():m=!1})}catch(e){h.showErrorAlert("Error from Plugin ["+r[n]+"] on [onRouteLoad()]: "+e.toString()),console.error(e),h.updateView(),m=!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(){x(n),u()})):(x(n),u())}function x(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&&d(t.model,"page."+e+".model","app.addPage()"),f(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()"),f(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),f(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()"),f(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),d(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 v},updateView:function(){function e(){var e,t,o,r,n;if(v=!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"),v=!(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")),v=!1})}catch(e){throw v=!1,console.error(e),e}}else v=!(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)}}v?t=window.setInterval(function(){v||(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+'"])',s=!0,function t(o){if(null===o)s=!1,v||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,o,r){try{var e="string"==typeof t,n=t instanceof HTMLElement;if(!e&&!n)throw new TypeError("Invalid type for parameter [control] in the function [DataFormsJS.refreshHtmlControl()]: "+typeof t);if(e){var a=t;if(null===(t=document.getElementById(a)))throw new TypeError("Control not found for ["+a+"] when the function [DataFormsJS.refreshHtmlControl()] was called.")}if(void 0!==o&&"function"!=typeof o)throw new TypeError("[callback] was not defined as a [function] when the [DataFormsJS.refreshHtmlControl()] was called");var l=t.getAttribute("data-template-id"),i=t.getAttribute("data-template-url");if(null!==l&&null!==i)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===l&&null===i)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===r&&(r=this.activeModel),R(t,null,function(e){U(t,null,e,r),v||(h.loadAllJsControls(t,r),h.unloadUnattachedJsControls()),s||h.refreshPlugins(t),void 0!==o&&o()})}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.12.1",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/test/js/unit-testing.js b/test/js/unit-testing.js
index 3745985b..1946be2e 100644
--- a/test/js/unit-testing.js
+++ b/test/js/unit-testing.js
@@ -1850,7 +1850,7 @@
                     // [data-template-id] and [data-template-url] not defined
                     element.removeAttribute('data-template-id');
                     element.removeAttribute('data-template-url');
-                    expectedMessage = 'A control must have either attribute [data-template-id] or [data-template-url]. Niether attribute is defined for the control.';
+                    expectedMessage = 'A control must have either attribute [data-template-id] or [data-template-url]. Neither attribute is defined for the control.';
                     expectedHtml = getError();
                     try {
                         app.refreshHtmlControl((n === 0 ? id : element));

From 015dcb38d5aa6a676a074e5d1f7e9b3bd40c95a8 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Tue, 22 Feb 2022 00:03:31 -0800
Subject: [PATCH 09/51] =?UTF-8?q?=F0=9F=93=84=20Fix=20typos=20in=20error?=
 =?UTF-8?q?=20messages?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 js/controls/json-data.js                     | 6 +++---
 js/controls/json-data.min.js                 | 2 +-
 js/react/es5/DataFormsJS.js                  | 2 +-
 js/react/es5/DataFormsJS.min.js              | 2 +-
 js/react/es5/JsonData.js                     | 2 +-
 js/react/es5/JsonData.min.js                 | 2 +-
 js/react/es6/DataFormsJS.min.js              | 2 +-
 js/react/es6/JsonData.js                     | 2 +-
 js/react/es6/JsonData.min.js                 | 2 +-
 js/web-components/html-import-service.js     | 2 +-
 js/web-components/html-import-service.min.js | 2 +-
 11 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/js/controls/json-data.js b/js/controls/json-data.js
index a0f1ce8f..eb6da941 100644
--- a/js/controls/json-data.js
+++ b/js/controls/json-data.js
@@ -171,7 +171,7 @@
             graphqlId: null,
             graphqlSrc: null,
             graphqlQuery: null,
-            errorTextGraphQLErrors: '{count} GraphQL Errors occured. See console for full details.',
+            errorTextGraphQLErrors: '{count} GraphQL Errors occurred. See console for full details.',
             loadOnlyOnce: false,
             transformData: null,
             // Vue variables below are set by this script when using Vue
@@ -203,7 +203,7 @@
 
             // When using Vue only assign key web service state props back to Vue.
             // This avoids issues of [control.url] from overwriting the same
-            // property on the controller (for example whne using the jsonData page).
+            // property on the controller (for example when using the jsonData page).
             function assignControlToVue() {
                 Object.assign(app.activeVueModel, {
                     isLoading: control.isLoading,
@@ -224,7 +224,7 @@
                 vm.errorMessage = null;
 
                 // If there is a global [data-transform-data] function then call it. This exists for
-                // mainly compatability with the <json-data> Web Component [transform-data] attribute.
+                // mainly compatibility with the <json-data> Web Component [transform-data] attribute.
                 if (vm.transformData) {
                     try {
                         if (typeof window[vm.transformData] === 'function') {
diff --git a/js/controls/json-data.min.js b/js/controls/json-data.min.js
index a07aa42c..6e97f4c2 100644
--- a/js/controls/json-data.min.js
+++ b/js/controls/json-data.min.js
@@ -1 +1 @@
-!function(){"use strict";var u=[];function t(r,e){null!==r.querySelector(".is-loading, .is-loaded, .has-error, is-loading, is-loaded, has-error")&&(app.loadCss("dataformsjs-control-json-data",".dataformsjs-control-loading:not(.dataformsjs-control-loaded) > .is-loaded { display:none; } .dataformsjs-control-loading:not(.dataformsjs-control-error) > .has-error { display:none; } .dataformsjs-control-loaded:not(.dataformsjs-control-loading) > .is-loading { display:none; } .dataformsjs-control-loaded:not(.dataformsjs-control-error) > .has-error { display:none; } .dataformsjs-control-error:not(.dataformsjs-control-loading) > .is-loading { display:none; } .dataformsjs-control-error:not(.dataformsjs-control-loaded) > .is-loaded { display:none; } .data-control-not-loaded > .has-error, .data-control-not-loaded > .is-loading, .data-control-not-loaded > .is-loaded { display:none; }"),r.classList.remove("data-control-not-loaded"),r.classList.remove("dataformsjs-control-loading"),r.classList.remove("dataformsjs-control-error"),r.classList.remove("dataformsjs-control-loaded"),e.isLoading&&r.classList.add("dataformsjs-control-loading"),e.hasError&&r.classList.add("dataformsjs-control-error"),e.isLoaded&&r.classList.add("dataformsjs-control-loaded"))}var p={data:{url:"",isLoading:!1,isLoaded:!1,hasError:!1,errorMessage:null,modelProp:null,refreshTimeInterval:null,intervalID:null,clickSelector:null,graphqlId:null,graphqlSrc:null,graphqlQuery:null,errorTextGraphQLErrors:"{count} GraphQL Errors occured. See console for full details.",loadOnlyOnce:!1,transformData:null,vueInstance:null,vueApp:null},onFetch:null,onError:null,fetchData:function(a,t){var r,d,i=this,l=null,e=null,n=app.activeController&&"Vue"===app.activeController.viewEngine;function s(){Object.assign(app.activeVueModel,{isLoading:i.isLoading,isLoaded:i.isLoaded,hasError:i.hasError,errorMessage:i.errorMessage})}function c(r,e){var o=null===i.vueInstance?i:i.vueInstance;if(o.isLoading=!1,o.isLoaded=!0,o.hasError=!1,o.errorMessage=null,o.transformData)try{if("function"!=typeof window[o.transformData])throw new Error("Function ["+o.transformData+"()] was not found.");if("object"!=typeof(r=window[o.transformData](r))||null===r)throw new Error("Function ["+o.transformData+"()] must return an object.")}catch(r){o.isLoaded=!1,o.hasError=!0,o.errorMessage=r.message}if(o.graphqlQuery){if(n?(s(),Object.assign(app.activeVueModel,r)):null===l?Object.assign(o,r.data):(Object.assign(l,i),Object.assign(l,r.data)),r.errors&&r.errors.length)throw 1===r.errors.length&&r.errors[0].message?"[GraphQL Error]: "+r.errors[0].message:o.errorTextGraphQLErrors.replace("{count}",r.errors.length)}else n?(s(),Object.assign(app.activeVueModel,r)):null===l?Object.assign(o,r):(Object.assign(l,i),Object.assign(l,r));p.renderControl(a,o),null!==p.onFetch&&p.onFetch.call(o,a,e),void 0!==t&&t()}if(!i.isLoading&&(i.isLoading=!0,i.isLoaded=!1,i.hasError=!1,n?s():null!==i.modelProp&&(app.activeModel[i.modelProp]=app.activeModel[i.modelProp]||{},l=app.activeModel[i.modelProp],Object.assign(l,i)),p.renderControl(a,i),i.graphqlQuery?(r=i.url||app.settings.graphqlUrl,d=app.buildGraphQLVariables(i.graphqlQuery,app.activeModel),e={method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({query:i.graphqlQuery,variables:d})}):(r=app.buildUrl(i.url,app.activeModel),d=r),""!==r)){if(i.loadOnlyOnce){var o=function(r,e,o){for(var a=0,t=u.length;a<t;a++){var l=u[a];if(l.url===r&&l.query===e&&l.params===o)return l.data}return null}(i.url,i.graphqlQuery,d);if(null!==o)return void c(o,!0)}app.fetch(r,e).then(function(r){if("object"!=typeof r&&null!==r)throw new TypeError("Invalid Response type. Received data in format of ["+typeof r+"]");if(c(r,!1),i.loadOnlyOnce){for(var e=i.url,o=i.graphqlQuery,a=d,t=r,l=0,n=u.length;l<n;l++){var s=u[l];if(s.url===e&&s.query===o)return void(s.params=a,s.data=t)}u.push({url:e,query:o,params:a,data:t})}}).catch(function(r){var e=null===i.vueInstance?i:i.vueInstance;e.isLoading=!1,e.isLoaded=!1,e.hasError=!0,e.errorMessage=r,n?s():null!==l&&Object.assign(l,e),p.renderControl(a,e,r),null!==p.onError&&p.onError.call(e,a),void 0!==t&&t()})}},renderControl:function(r,e,o){t(r,e),app.activeController&&"Vue"===app.activeController.viewEngine||null!==e.vueInstance?void 0===o?null!==e.vueInstance?e.vueInstance.$nextTick(app.refreshPlugins):app.refreshPlugins():app.showError(r,o):null!==app.activeModel||void 0===window.Vue||null!==e.vueInstance||null!==e.vueApp?null!==r.getAttribute("data-template-id")||null!==r.getAttribute("data-template-url")?null===e.modelProp?app.refreshHtmlControl(r,void 0,e):app.refreshHtmlControl(r):(null!==e.clickSelector&&0===r.children.length?app.refreshAllHtmlControls(function(){app.refreshPlugins()}):app.refreshPlugins(r),void 0!==o&&app.showError(r,o)):"function"==typeof Vue.createApp?(e.vueApp=Vue.createApp({data:function(){return e},directives:app.vueDirectives,mounted:function(){e.vueInstance=this}}),e.vueApp.mount(r)):e.vueInstance=new Vue({el:r,data:e})},onLoad:function(e){var o=this;this.graphqlId||this.graphqlSrc?(this.url||(this.url=app.settings.graphqlUrl),app.getGraphQL(o.graphqlId,o.graphqlSrc).then(function(r){o.graphqlQuery=r,p.setupControl(o,e)}).catch(function(r){app.showErrorAlert(r),p.setupControl(o,e)})):p.setupControl(o,e)},setupControl:function(r,e){var o,a=e.querySelectorAll(".is-loading[data-template-selector], .has-error[data-template-selector], .is-loaded[data-template-selector]");return Array.prototype.forEach.call(a,function(r){var e,o=r.getAttribute("data-template-selector");o&&0===r.childNodes.length&&((e=document.querySelector(o))?e.content&&e.content.cloneNode?r.appendChild(e.content.cloneNode(!0)):r.innerHTML=e.innerHTML:app.showError(r,'Error - Could not find template from [data-template-selector="'+o+'"]>.'))}),null!==r.clickSelector?(null===(o=document.querySelector(r.clickSelector))?(a="Element not found for <json-data> Control using [data-click-selector]: "+String(r.clickSelector),app.showErrorAlert(a)):o.addEventListener("click",function(){"boolean"==typeof o.disabled&&(o.disabled=!0),p.fetchData.call(r,e,function(){"boolean"==typeof o.disabled&&(o.disabled=!1)})}),t(e,r),void e.classList.add("data-control-not-loaded")):null!==e.getAttribute("click-selector")?(t(e,r),void e.classList.add("data-control-not-loaded")):(p.fetchData.call(r,e),void(null!==r.refreshTimeInterval&&(r.intervalID=window.setInterval(function(){p.fetchData.call(r,e)},r.refreshTimeInterval))))},onUnload:function(){null!==this.intervalID&&window.clearInterval(this.intervalID)}};app.addControl("json-data",p)}();
\ No newline at end of file
+!function(){"use strict";var u=[];function t(r,e){null!==r.querySelector(".is-loading, .is-loaded, .has-error, is-loading, is-loaded, has-error")&&(app.loadCss("dataformsjs-control-json-data",".dataformsjs-control-loading:not(.dataformsjs-control-loaded) > .is-loaded { display:none; } .dataformsjs-control-loading:not(.dataformsjs-control-error) > .has-error { display:none; } .dataformsjs-control-loaded:not(.dataformsjs-control-loading) > .is-loading { display:none; } .dataformsjs-control-loaded:not(.dataformsjs-control-error) > .has-error { display:none; } .dataformsjs-control-error:not(.dataformsjs-control-loading) > .is-loading { display:none; } .dataformsjs-control-error:not(.dataformsjs-control-loaded) > .is-loaded { display:none; } .data-control-not-loaded > .has-error, .data-control-not-loaded > .is-loading, .data-control-not-loaded > .is-loaded { display:none; }"),r.classList.remove("data-control-not-loaded"),r.classList.remove("dataformsjs-control-loading"),r.classList.remove("dataformsjs-control-error"),r.classList.remove("dataformsjs-control-loaded"),e.isLoading&&r.classList.add("dataformsjs-control-loading"),e.hasError&&r.classList.add("dataformsjs-control-error"),e.isLoaded&&r.classList.add("dataformsjs-control-loaded"))}var p={data:{url:"",isLoading:!1,isLoaded:!1,hasError:!1,errorMessage:null,modelProp:null,refreshTimeInterval:null,intervalID:null,clickSelector:null,graphqlId:null,graphqlSrc:null,graphqlQuery:null,errorTextGraphQLErrors:"{count} GraphQL Errors occurred. See console for full details.",loadOnlyOnce:!1,transformData:null,vueInstance:null,vueApp:null},onFetch:null,onError:null,fetchData:function(a,t){var r,d,i=this,l=null,e=null,n=app.activeController&&"Vue"===app.activeController.viewEngine;function s(){Object.assign(app.activeVueModel,{isLoading:i.isLoading,isLoaded:i.isLoaded,hasError:i.hasError,errorMessage:i.errorMessage})}function c(r,e){var o=null===i.vueInstance?i:i.vueInstance;if(o.isLoading=!1,o.isLoaded=!0,o.hasError=!1,o.errorMessage=null,o.transformData)try{if("function"!=typeof window[o.transformData])throw new Error("Function ["+o.transformData+"()] was not found.");if("object"!=typeof(r=window[o.transformData](r))||null===r)throw new Error("Function ["+o.transformData+"()] must return an object.")}catch(r){o.isLoaded=!1,o.hasError=!0,o.errorMessage=r.message}if(o.graphqlQuery){if(n?(s(),Object.assign(app.activeVueModel,r)):null===l?Object.assign(o,r.data):(Object.assign(l,i),Object.assign(l,r.data)),r.errors&&r.errors.length)throw 1===r.errors.length&&r.errors[0].message?"[GraphQL Error]: "+r.errors[0].message:o.errorTextGraphQLErrors.replace("{count}",r.errors.length)}else n?(s(),Object.assign(app.activeVueModel,r)):null===l?Object.assign(o,r):(Object.assign(l,i),Object.assign(l,r));p.renderControl(a,o),null!==p.onFetch&&p.onFetch.call(o,a,e),void 0!==t&&t()}if(!i.isLoading&&(i.isLoading=!0,i.isLoaded=!1,i.hasError=!1,n?s():null!==i.modelProp&&(app.activeModel[i.modelProp]=app.activeModel[i.modelProp]||{},l=app.activeModel[i.modelProp],Object.assign(l,i)),p.renderControl(a,i),i.graphqlQuery?(r=i.url||app.settings.graphqlUrl,d=app.buildGraphQLVariables(i.graphqlQuery,app.activeModel),e={method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({query:i.graphqlQuery,variables:d})}):(r=app.buildUrl(i.url,app.activeModel),d=r),""!==r)){if(i.loadOnlyOnce){var o=function(r,e,o){for(var a=0,t=u.length;a<t;a++){var l=u[a];if(l.url===r&&l.query===e&&l.params===o)return l.data}return null}(i.url,i.graphqlQuery,d);if(null!==o)return void c(o,!0)}app.fetch(r,e).then(function(r){if("object"!=typeof r&&null!==r)throw new TypeError("Invalid Response type. Received data in format of ["+typeof r+"]");if(c(r,!1),i.loadOnlyOnce){for(var e=i.url,o=i.graphqlQuery,a=d,t=r,l=0,n=u.length;l<n;l++){var s=u[l];if(s.url===e&&s.query===o)return void(s.params=a,s.data=t)}u.push({url:e,query:o,params:a,data:t})}}).catch(function(r){var e=null===i.vueInstance?i:i.vueInstance;e.isLoading=!1,e.isLoaded=!1,e.hasError=!0,e.errorMessage=r,n?s():null!==l&&Object.assign(l,e),p.renderControl(a,e,r),null!==p.onError&&p.onError.call(e,a),void 0!==t&&t()})}},renderControl:function(r,e,o){t(r,e),app.activeController&&"Vue"===app.activeController.viewEngine||null!==e.vueInstance?void 0===o?null!==e.vueInstance?e.vueInstance.$nextTick(app.refreshPlugins):app.refreshPlugins():app.showError(r,o):null!==app.activeModel||void 0===window.Vue||null!==e.vueInstance||null!==e.vueApp?null!==r.getAttribute("data-template-id")||null!==r.getAttribute("data-template-url")?null===e.modelProp?app.refreshHtmlControl(r,void 0,e):app.refreshHtmlControl(r):(null!==e.clickSelector&&0===r.children.length?app.refreshAllHtmlControls(function(){app.refreshPlugins()}):app.refreshPlugins(r),void 0!==o&&app.showError(r,o)):"function"==typeof Vue.createApp?(e.vueApp=Vue.createApp({data:function(){return e},directives:app.vueDirectives,mounted:function(){e.vueInstance=this}}),e.vueApp.mount(r)):e.vueInstance=new Vue({el:r,data:e})},onLoad:function(e){var o=this;this.graphqlId||this.graphqlSrc?(this.url||(this.url=app.settings.graphqlUrl),app.getGraphQL(o.graphqlId,o.graphqlSrc).then(function(r){o.graphqlQuery=r,p.setupControl(o,e)}).catch(function(r){app.showErrorAlert(r),p.setupControl(o,e)})):p.setupControl(o,e)},setupControl:function(r,e){var o,a=e.querySelectorAll(".is-loading[data-template-selector], .has-error[data-template-selector], .is-loaded[data-template-selector]");return Array.prototype.forEach.call(a,function(r){var e,o=r.getAttribute("data-template-selector");o&&0===r.childNodes.length&&((e=document.querySelector(o))?e.content&&e.content.cloneNode?r.appendChild(e.content.cloneNode(!0)):r.innerHTML=e.innerHTML:app.showError(r,'Error - Could not find template from [data-template-selector="'+o+'"]>.'))}),null!==r.clickSelector?(null===(o=document.querySelector(r.clickSelector))?(a="Element not found for <json-data> Control using [data-click-selector]: "+String(r.clickSelector),app.showErrorAlert(a)):o.addEventListener("click",function(){"boolean"==typeof o.disabled&&(o.disabled=!0),p.fetchData.call(r,e,function(){"boolean"==typeof o.disabled&&(o.disabled=!1)})}),t(e,r),void e.classList.add("data-control-not-loaded")):null!==e.getAttribute("click-selector")?(t(e,r),void e.classList.add("data-control-not-loaded")):(p.fetchData.call(r,e),void(null!==r.refreshTimeInterval&&(r.intervalID=window.setInterval(function(){p.fetchData.call(r,e)},r.refreshTimeInterval))))},onUnload:function(){null!==this.intervalID&&window.clearInterval(this.intervalID)}};app.addControl("json-data",p)}();
\ No newline at end of file
diff --git a/js/react/es5/DataFormsJS.js b/js/react/es5/DataFormsJS.js
index 6b2764d7..a2950c79 100644
--- a/js/react/es5/DataFormsJS.js
+++ b/js/react/es5/DataFormsJS.js
@@ -756,7 +756,7 @@ var JsonData = function (_React$Component3) {
               if (data.errors.length === 1 && data.errors[0].message) {
                 errorMessage = '[GraphQL Error]: ' + data.errors[0].message;
               } else {
-                var errorTextGraphQLErrors = typeof _this4.props.errorTextGraphQLErrors === 'string' ? _this4.props.errorTextGraphQLErrors : '{count} GraphQL Errors occured. See console for full details.';
+                var errorTextGraphQLErrors = typeof _this4.props.errorTextGraphQLErrors === 'string' ? _this4.props.errorTextGraphQLErrors : '{count} GraphQL Errors occurred. See console for full details.';
                 errorMessage = errorTextGraphQLErrors.replace('{count}', data.errors.length);
               }
 
diff --git a/js/react/es5/DataFormsJS.min.js b/js/react/es5/DataFormsJS.min.js
index 556724ec..16fac51e 100644
--- a/js/react/es5/DataFormsJS.min.js
+++ b/js/react/es5/DataFormsJS.min.js
@@ -2,4 +2,4 @@
 // @version 5.12.1
 // @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 w(e){return(w="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"===w(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 i(e,t,r){return t&&h(e.prototype,t),r&&h(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}var f={},m=(i(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;i(g,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 v=g;function g(){r(this,g)}window.CssVars=v;e(a,n.Component),b=t(a),i(a,[{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 b,S=a;function a(e){return r(this,a),(e=b.call(this,e)).state={error:null,errorInfo:null},e}window.ErrorBoundary=S;i(E,[{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),new Intl.DateTimeFormat(navigator.language,r).format(o));var e,n,o}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,i=null,a=null;return"en-us"===n&&(o=",",i=".",a="$"),null!==o?((o=t.toString().split("."))[0]=o[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),o=o.join(i),"currency"===e?a+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=E;function E(){r(this,E)}window.Format=C;e(s,n.Component),L=t(s),i(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"]),i=(1===o.length&&"TABLE"===o[0].tagName&&o[0].tHead&&1===o[0].tHead.rows.length&&1===o[0].tBodies.length&&(r=(i=o[0]).getAttribute("data-sort-class-odd"),n=i.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 a=o[f],y=!0;if(p)for(var v=a.textContent.toLowerCase(),s=0;s<d;s++)if(""!==c[s]&&!v.includes(c[s])){y=!1;break}y&&(t++,h&&(t%2==0?(a.classList.add(n),a.classList.remove(r)):(a.classList.add(r),a.classList.remove(n)))),a.style.display=y?"":"none"}var g,l,u=e.getAttribute("filter-results-selector");u&&((u=document.querySelector(u))?(g=e.getAttribute("filter-results-text-all"),e=e.getAttribute("filter-results-text-filtered"),null!==g||null!==e?(l=null,t===i?l=g:null!==e&&(l=e.replace(/{displayCount}/g,t)),null===l?u.textContent="":(l=l.replace(/{totalCount}/g,i),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 L,k=s;function s(e){return r(this,s),(e=L.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),i(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 i=d[n];if(i.url===e&&i.query===t){if(JSON.stringify(r)===i.params)return i.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 occured. 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,i=c.getUrlParams(),a=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(i),u.data=a)}d.push({url:n,query:o,params:JSON.stringify(i),data:a})}}).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),i(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(i,e){function a(i){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")===i)return void e();var o=document.createElement("link");o.rel="stylesheet",o.onload=e,o.onerror=function(){console.error("Error loading CSS File: "+i),e()},o.href=i,document.head.appendChild(o)})}function s(i){return new Promise(function(e){for(var t=document.querySelectorAll("script"),r=0,n=t.length;r<n;r++)if(t[r].getAttribute("src")===i)return void e();var o=document.createElement("script");o.onload=e,o.onerror=function(){console.error("Error loading JS File: "+i),e()},o.src=i,document.head.appendChild(o)})}function l(i){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")===i)return void e();var o=document.createElement("script");o.type="text/babel",o.setAttribute("src",i),document.head.appendChild(o),jsxLoader.loadScript(o).then(function(){e()})})}if("string"==typeof i)i=[i];else if(!Array.isArray(i))return console.error("Invalid prop for <LazyLoad>, expected [scripts] to be a string or an array of strings. Check console."),console.log(i),new Promise(function(e){e()});return!0===e?new Promise(function(r){var n=0,o=i.length;!function e(){var t;n!==o?(t=i[n],n++,t.endsWith(".js")?s(t).then(e):t.endsWith(".css")?a(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=i.length;r<n;r++){var o=i[r];o.endsWith(".js")?t.push(s(o)):o.endsWith(".css")?t.push(a(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),i(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=[],i=0,p=n.length;i<p;i++){var a,s,l=n[i].cells[r];void 0!==l&&(l=w(a=(null!==(a=l.getAttribute("data-value"))?a:l.textContent).trim()),""===a?a=null:isNaN(a)?(s=new Date(a),isNaN(s.getTime())?a=void 0!==a.toLocaleLowerCase?a.toLocaleLowerCase():a.toLowerCase():(a=s,l="date")):a=parseFloat(a),o.push({row:n[i],value:a,type:null===a?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,v=0,g=o.length;v<g;v++){var u=o[v].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,i(R,null,[{key:"Cache",get:function(){return m}},{key:"CssVars",get:function(){return v}},{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
+!function(){"use strict";var n=void 0===window.React&&void 0!==window.preact?window.preact:window.React;function w(e){return(w="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"===w(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 i(e,t,r){return t&&h(e.prototype,t),r&&h(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}var f={},m=(i(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;i(g,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 v=g;function g(){r(this,g)}window.CssVars=v;e(a,n.Component),b=t(a),i(a,[{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 b,S=a;function a(e){return r(this,a),(e=b.call(this,e)).state={error:null,errorInfo:null},e}window.ErrorBoundary=S;i(E,[{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),new Intl.DateTimeFormat(navigator.language,r).format(o));var e,n,o}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,i=null,a=null;return"en-us"===n&&(o=",",i=".",a="$"),null!==o?((o=t.toString().split("."))[0]=o[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),o=o.join(i),"currency"===e?a+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=E;function E(){r(this,E)}window.Format=C;e(s,n.Component),L=t(s),i(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"]),i=(1===o.length&&"TABLE"===o[0].tagName&&o[0].tHead&&1===o[0].tHead.rows.length&&1===o[0].tBodies.length&&(r=(i=o[0]).getAttribute("data-sort-class-odd"),n=i.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 a=o[f],y=!0;if(p)for(var v=a.textContent.toLowerCase(),s=0;s<d;s++)if(""!==c[s]&&!v.includes(c[s])){y=!1;break}y&&(t++,h&&(t%2==0?(a.classList.add(n),a.classList.remove(r)):(a.classList.add(r),a.classList.remove(n)))),a.style.display=y?"":"none"}var g,l,u=e.getAttribute("filter-results-selector");u&&((u=document.querySelector(u))?(g=e.getAttribute("filter-results-text-all"),e=e.getAttribute("filter-results-text-filtered"),null!==g||null!==e?(l=null,t===i?l=g:null!==e&&(l=e.replace(/{displayCount}/g,t)),null===l?u.textContent="":(l=l.replace(/{totalCount}/g,i),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 L,k=s;function s(e){return r(this,s),(e=L.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),i(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 i=d[n];if(i.url===e&&i.query===t){if(JSON.stringify(r)===i.params)return i.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,i=c.getUrlParams(),a=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(i),u.data=a)}d.push({url:n,query:o,params:JSON.stringify(i),data:a})}}).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),i(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(i,e){function a(i){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")===i)return void e();var o=document.createElement("link");o.rel="stylesheet",o.onload=e,o.onerror=function(){console.error("Error loading CSS File: "+i),e()},o.href=i,document.head.appendChild(o)})}function s(i){return new Promise(function(e){for(var t=document.querySelectorAll("script"),r=0,n=t.length;r<n;r++)if(t[r].getAttribute("src")===i)return void e();var o=document.createElement("script");o.onload=e,o.onerror=function(){console.error("Error loading JS File: "+i),e()},o.src=i,document.head.appendChild(o)})}function l(i){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")===i)return void e();var o=document.createElement("script");o.type="text/babel",o.setAttribute("src",i),document.head.appendChild(o),jsxLoader.loadScript(o).then(function(){e()})})}if("string"==typeof i)i=[i];else if(!Array.isArray(i))return console.error("Invalid prop for <LazyLoad>, expected [scripts] to be a string or an array of strings. Check console."),console.log(i),new Promise(function(e){e()});return!0===e?new Promise(function(r){var n=0,o=i.length;!function e(){var t;n!==o?(t=i[n],n++,t.endsWith(".js")?s(t).then(e):t.endsWith(".css")?a(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=i.length;r<n;r++){var o=i[r];o.endsWith(".js")?t.push(s(o)):o.endsWith(".css")?t.push(a(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),i(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=[],i=0,p=n.length;i<p;i++){var a,s,l=n[i].cells[r];void 0!==l&&(l=w(a=(null!==(a=l.getAttribute("data-value"))?a:l.textContent).trim()),""===a?a=null:isNaN(a)?(s=new Date(a),isNaN(s.getTime())?a=void 0!==a.toLocaleLowerCase?a.toLocaleLowerCase():a.toLowerCase():(a=s,l="date")):a=parseFloat(a),o.push({row:n[i],value:a,type:null===a?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,v=0,g=o.length;v<g;v++){var u=o[v].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,i(R,null,[{key:"Cache",get:function(){return m}},{key:"CssVars",get:function(){return v}},{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/JsonData.js b/js/react/es5/JsonData.js
index c122a26c..de21385d 100644
--- a/js/react/es5/JsonData.js
+++ b/js/react/es5/JsonData.js
@@ -316,7 +316,7 @@ var JsonData = function (_React$Component) {
               if (data.errors.length === 1 && data.errors[0].message) {
                 errorMessage = '[GraphQL Error]: ' + data.errors[0].message;
               } else {
-                var errorTextGraphQLErrors = typeof _this2.props.errorTextGraphQLErrors === 'string' ? _this2.props.errorTextGraphQLErrors : '{count} GraphQL Errors occured. See console for full details.';
+                var errorTextGraphQLErrors = typeof _this2.props.errorTextGraphQLErrors === 'string' ? _this2.props.errorTextGraphQLErrors : '{count} GraphQL Errors occurred. See console for full details.';
                 errorMessage = errorTextGraphQLErrors.replace('{count}', data.errors.length);
               }
 
diff --git a/js/react/es5/JsonData.min.js b/js/react/es5/JsonData.min.js
index 5d26769c..1c64758d 100644
--- a/js/react/es5/JsonData.min.js
+++ b/js/react/es5/JsonData.min.js
@@ -1 +1 @@
-!function(){"use strict";var i=void 0===window.React&&void 0!==window.preact?window.preact:window.React;function o(t){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function a(t,e){if(t=t,!(null!=(e=e)&&"undefined"!=typeof Symbol&&e[Symbol.hasInstance]?e[Symbol.hasInstance](t):t instanceof e))throw new TypeError("Cannot call a class as a function")}function s(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function c(t,e){return(c=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function u(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(t){return!1}}();return function(){var t,e=p(r),e=(t=n?(t=p(this).constructor,Reflect.construct(e,arguments,t)):e.apply(this,arguments),this);if(t&&("object"===o(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return h(e)}}function h(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function p(t){return(p=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var l=[],f={};function d(t){return 0===t.fetchState&&t.children?t.children:null}function y(t){if(!(-1===t.fetchState)||!t.children)return null;var e=t.error;return"string"==typeof e&&-1===e.indexOf("Error")&&(e="Error - "+e),i.cloneElement(t.children,{error:e})}function v(t){return 1===t.fetchState&&t.children?i.cloneElement(t.children,{data:t.data,params:t.params,handleChange:t.handleChange,childProps:t.childProps}):null}var t=function(t){var e=o;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);var r,n=u(o);function o(t){var e;return a(this,o),(e=n.call(this,t))._isFetching=!1,e._isMounted=!1,e.fetchData=e.fetchData.bind(h(e)),e.handleChange=e.handleChange.bind(h(e)),e._querySrc=t&&t.querySrc?t.querySrc:void 0,e._query=t&&t.query?t.query:void 0,e.state={fetchState:0,error:null,params:e.getUrlParams(),data:null},e}return e=o,(t=[{key:"getUrlParams",value:function(){var t,e={};if(this.props&&!0===this.props.graphQL)return void 0===this.props.variables?{}:this.props.variables;for(t in this.props)"url"!==t&&"string"==typeof this.props[t]&&(e[t]=this.props[t]);return e}},{key:"componentDidMount",value:function(){if((this._isMounted=!0)===this.props.graphQL&&void 0===this._query&&void 0!==this._querySrc&&void 0!==f[this._querySrc]&&(this._query=f[this._querySrc]),this.props.loadOnlyOnce){var t=function(t,e,r){for(var n=0,o=l.length;n<o;n++){var i=l[n];if(i.url===t&&i.query===e){if(JSON.stringify(r)===i.params)return i.data;break}}return null}(this.props.url,this._query,this.getUrlParams());if(null!==t)return void this.setState({fetchState:1,data:t})}var e,r;if(!0===this.props.graphQL&&void 0===this._query&&void 0!==this._querySrc)return e=this._querySrc,r=this,void fetch(e,null).then(function(t){var e=t.status;return 200<=e&&e<300||304===e?Promise.resolve(t):(e="Error loading data. Server Response Code: "+e+", Response Text: "+t.statusText,Promise.reject(e))}).then(function(t){return t.text()}).then(function(t){f[e]=t,r._query=f[e],r.fetchData()}).catch(function(t){throw new Error("Error Downloading GraphQL Script: ["+e+"], Error: "+t.toString())});this.fetchData()}},{key:"componentDidUpdate",value:function(t,e){(!0===this.props.graphQL?JSON.stringify(t.variables)!==JSON.stringify(this.props.variables):this.buildUrl(e.params)!==this.buildUrl(this.props))&&this.setState({params:this.getUrlParams()},this.fetchData)}},{key:"componentWillUnmount",value:function(){this._isMounted=!1}},{key:"buildUrl",value:function(t){var e=this.props.url;if(!0!==this.props.graphQL&&0<Object.keys(t).length)for(var r in t)-1<e.indexOf(":"+r)&&(e=e.replace(new RegExp(":"+r,"g"),encodeURIComponent(t[r])));return e}},{key:"fetchData",value:function(){var t,e,h=this,r=this.buildUrl(this.state.params);this._isFetching||(this._isFetching=!0,t={mode:"cors",cache:"no-store",credentials:"same-origin"},this.props.fetchOptions&&(t=this.props.fetchOptions),this.props.fetchHeaders&&(t.headers=this.props.fetchHeaders),!0===this.props.graphQL&&(e=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(e)):(t.method="POST",void 0===t.headers?t.headers={"Content-Type":"application/json"}:t.headers["Content-Type"]="application/json",t.body=JSON.stringify({query:this._query,variables:e}))),this.setState({fetchState:0},function(){h.updateView(),fetch(r,t).then(function(t){var e=t.status;return 200<=e&&e<300||304===e?Promise.resolve(t):(e="Error loading data. Server Response Code: "+e+", Response Text: "+t.statusText,Promise.reject(e))}).then(function(t){return t.json()}).then(function(t){var e,r=!0===h.props.graphQL;if(r&&(t.errors&&t.errors.length))throw e=1===t.errors.length&&t.errors[0].message?"[GraphQL Error]: "+t.errors[0].message:("string"==typeof h.props.errorTextGraphQLErrors?h.props.errorTextGraphQLErrors:"{count} GraphQL Errors occured. See console for full details.").replace("{count}",t.errors.length),console.error(t.errors),e;if(h._isMounted&&h.setState({fetchState:1,data:r?t.data:t}),h.props.loadOnlyOnce){for(var n=h.props.url,o=h._query,i=h.getUrlParams(),a=r?t.data:t,s=0,c=l.length;s<c;s++){var u=l[s];if(u.url===n&&u.query===o)return void(u.params=JSON.stringify(i),u.data=a)}l.push({url:n,query:o,params:JSON.stringify(i),data:a})}}).catch(function(t){h._isMounted&&h.setState({fetchState:-1,error:t.toString()})}).finally(function(){h._isFetching=!1,h.updateView()})}))}},{key:"handleChange",value:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:null;this._isMounted&&this.setState({data:null===t?this.state.data:t})}},{key:"updateView",value:function(){if("function"==typeof this.props.onViewUpdated)try{this.props.onViewUpdated()}catch(t){console.error(t)}}},{key:"render",value:function(){return i.createElement(i.Fragment,null,i.createElement(d,{fetchState:this.state.fetchState},this.props.isLoading),i.createElement(y,{fetchState:this.state.fetchState,error:this.state.error},this.props.hasError),i.createElement(v,{fetchState:this.state.fetchState,data:this.state.data,params:this.state.params,handleChange:this.handleChange,childProps:this.props.childProps},this.props.isLoaded))}}])&&s(e.prototype,t),r&&s(e,r),Object.defineProperty(e,"prototype",{writable:!1}),o}(i.Component);window.JsonData=t}();
\ No newline at end of file
+!function(){"use strict";var i=void 0===window.React&&void 0!==window.preact?window.preact:window.React;function o(t){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function a(t,e){if(t=t,!(null!=(e=e)&&"undefined"!=typeof Symbol&&e[Symbol.hasInstance]?e[Symbol.hasInstance](t):t instanceof e))throw new TypeError("Cannot call a class as a function")}function s(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function c(t,e){return(c=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function u(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(t){return!1}}();return function(){var t,e=p(r),e=(t=n?(t=p(this).constructor,Reflect.construct(e,arguments,t)):e.apply(this,arguments),this);if(t&&("object"===o(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return h(e)}}function h(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function p(t){return(p=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var l=[],f={};function d(t){return 0===t.fetchState&&t.children?t.children:null}function y(t){if(!(-1===t.fetchState)||!t.children)return null;var e=t.error;return"string"==typeof e&&-1===e.indexOf("Error")&&(e="Error - "+e),i.cloneElement(t.children,{error:e})}function v(t){return 1===t.fetchState&&t.children?i.cloneElement(t.children,{data:t.data,params:t.params,handleChange:t.handleChange,childProps:t.childProps}):null}var t=function(t){var e=o;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);var r,n=u(o);function o(t){var e;return a(this,o),(e=n.call(this,t))._isFetching=!1,e._isMounted=!1,e.fetchData=e.fetchData.bind(h(e)),e.handleChange=e.handleChange.bind(h(e)),e._querySrc=t&&t.querySrc?t.querySrc:void 0,e._query=t&&t.query?t.query:void 0,e.state={fetchState:0,error:null,params:e.getUrlParams(),data:null},e}return e=o,(t=[{key:"getUrlParams",value:function(){var t,e={};if(this.props&&!0===this.props.graphQL)return void 0===this.props.variables?{}:this.props.variables;for(t in this.props)"url"!==t&&"string"==typeof this.props[t]&&(e[t]=this.props[t]);return e}},{key:"componentDidMount",value:function(){if((this._isMounted=!0)===this.props.graphQL&&void 0===this._query&&void 0!==this._querySrc&&void 0!==f[this._querySrc]&&(this._query=f[this._querySrc]),this.props.loadOnlyOnce){var t=function(t,e,r){for(var n=0,o=l.length;n<o;n++){var i=l[n];if(i.url===t&&i.query===e){if(JSON.stringify(r)===i.params)return i.data;break}}return null}(this.props.url,this._query,this.getUrlParams());if(null!==t)return void this.setState({fetchState:1,data:t})}var e,r;if(!0===this.props.graphQL&&void 0===this._query&&void 0!==this._querySrc)return e=this._querySrc,r=this,void fetch(e,null).then(function(t){var e=t.status;return 200<=e&&e<300||304===e?Promise.resolve(t):(e="Error loading data. Server Response Code: "+e+", Response Text: "+t.statusText,Promise.reject(e))}).then(function(t){return t.text()}).then(function(t){f[e]=t,r._query=f[e],r.fetchData()}).catch(function(t){throw new Error("Error Downloading GraphQL Script: ["+e+"], Error: "+t.toString())});this.fetchData()}},{key:"componentDidUpdate",value:function(t,e){(!0===this.props.graphQL?JSON.stringify(t.variables)!==JSON.stringify(this.props.variables):this.buildUrl(e.params)!==this.buildUrl(this.props))&&this.setState({params:this.getUrlParams()},this.fetchData)}},{key:"componentWillUnmount",value:function(){this._isMounted=!1}},{key:"buildUrl",value:function(t){var e=this.props.url;if(!0!==this.props.graphQL&&0<Object.keys(t).length)for(var r in t)-1<e.indexOf(":"+r)&&(e=e.replace(new RegExp(":"+r,"g"),encodeURIComponent(t[r])));return e}},{key:"fetchData",value:function(){var t,e,h=this,r=this.buildUrl(this.state.params);this._isFetching||(this._isFetching=!0,t={mode:"cors",cache:"no-store",credentials:"same-origin"},this.props.fetchOptions&&(t=this.props.fetchOptions),this.props.fetchHeaders&&(t.headers=this.props.fetchHeaders),!0===this.props.graphQL&&(e=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(e)):(t.method="POST",void 0===t.headers?t.headers={"Content-Type":"application/json"}:t.headers["Content-Type"]="application/json",t.body=JSON.stringify({query:this._query,variables:e}))),this.setState({fetchState:0},function(){h.updateView(),fetch(r,t).then(function(t){var e=t.status;return 200<=e&&e<300||304===e?Promise.resolve(t):(e="Error loading data. Server Response Code: "+e+", Response Text: "+t.statusText,Promise.reject(e))}).then(function(t){return t.json()}).then(function(t){var e,r=!0===h.props.graphQL;if(r&&(t.errors&&t.errors.length))throw e=1===t.errors.length&&t.errors[0].message?"[GraphQL Error]: "+t.errors[0].message:("string"==typeof h.props.errorTextGraphQLErrors?h.props.errorTextGraphQLErrors:"{count} GraphQL Errors occurred. See console for full details.").replace("{count}",t.errors.length),console.error(t.errors),e;if(h._isMounted&&h.setState({fetchState:1,data:r?t.data:t}),h.props.loadOnlyOnce){for(var n=h.props.url,o=h._query,i=h.getUrlParams(),a=r?t.data:t,s=0,c=l.length;s<c;s++){var u=l[s];if(u.url===n&&u.query===o)return void(u.params=JSON.stringify(i),u.data=a)}l.push({url:n,query:o,params:JSON.stringify(i),data:a})}}).catch(function(t){h._isMounted&&h.setState({fetchState:-1,error:t.toString()})}).finally(function(){h._isFetching=!1,h.updateView()})}))}},{key:"handleChange",value:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:null;this._isMounted&&this.setState({data:null===t?this.state.data:t})}},{key:"updateView",value:function(){if("function"==typeof this.props.onViewUpdated)try{this.props.onViewUpdated()}catch(t){console.error(t)}}},{key:"render",value:function(){return i.createElement(i.Fragment,null,i.createElement(d,{fetchState:this.state.fetchState},this.props.isLoading),i.createElement(y,{fetchState:this.state.fetchState,error:this.state.error},this.props.hasError),i.createElement(v,{fetchState:this.state.fetchState,data:this.state.data,params:this.state.params,handleChange:this.handleChange,childProps:this.props.childProps},this.props.isLoaded))}}])&&s(e.prototype,t),r&&s(e,r),Object.defineProperty(e,"prototype",{writable:!1}),o}(i.Component);window.JsonData=t}();
\ No newline at end of file
diff --git a/js/react/es6/DataFormsJS.min.js b/js/react/es6/DataFormsJS.min.js
index f843aca3..446af07b 100644
--- a/js/react/es6/DataFormsJS.min.js
+++ b/js/react/es6/DataFormsJS.min.js
@@ -7,6 +7,6 @@ window.CssVars = class CssVars{static ponyfill(){const s='link[rel="stylesheet"]
 window.ErrorBoundary = class ErrorBoundary extends React.Component{constructor(e){super(e),this.state={error:null,errorInfo:null}}componentDidCatch(e,r){this.setState({error:e,errorInfo:r})}render(){return this.state.errorInfo?React.createElement("div",null,React.createElement("h2",{style:{textAlign:"left",color:"white",backgroundColor:"#bc0000",padding:"1em"}},"An error has occurred"),React.createElement("details",{style:{whiteSpace:"pre-wrap",textAlign:"left",color:"white",backgroundColor:"red",padding:"1em"}},this.state.error&&this.state.error.toString(),React.createElement("br",null),this.state.errorInfo.componentStack)):this.props.children}};
 window.Format = class Format{number(r){return this.formatNumber(r,{})}round(r,t=0){const n={style:"decimal",maximumFractionDigits:t,minimumFractionDigits:t};return this.formatNumber(r,n)}currency(r,t){const n={style:"currency",currency:t,maximumFractionDigits:2};return this.formatNumber(r,n)}percent(r,t=0){const n={style:"percent",maximumFractionDigits:t,minimumFractionDigits:t};return this.formatNumber(r,n)}date(r){return this.formatDateTime(r,{})}dateTime(r){return this.formatDateTime(r,{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"})}time(r){return this.formatDateTime(r,{hour:"numeric",minute:"numeric",second:"numeric"})}isNumber(r){return!isNaN(parseFloat(r))&&isFinite(r)}formatDateTime(r,t){if(void 0===window.Intl)return r;if(null===r||""===r)return null;try{if(r instanceof Date)return new Intl.DateTimeFormat(navigator.language,t).format(r);if(/^\d{4}-\d{2}-\d{2}$/.test(r)){const n=r.split("-").map((function(r){return parseInt(r,10)})),e=new Date(n[0],n[1]-1,n[2]);return new Intl.DateTimeFormat(navigator.language,t).format(e)}{const n=new Date(r);return new Intl.DateTimeFormat(navigator.language,t).format(n)}}catch(n){return console.warn("Error formatting Date/Time Value:"),console.log(navigator.language),console.log(t),console.log(r),console.log(n),"Error"}}formatNumber(r,t){const n=navigator.language?navigator.language:navigator.userLanguage;if(null===r||""===r)return null;if(!this.isNumber(r))return console.warn("Warning value specified in DateFormsJS function formatNumber() is not a number:"),console.log(r),r;if(void 0===window.Intl){const e=t.style?t.style:null,i=t.maximumFractionDigits?t.maximumFractionDigits:0;if("percent"===e)return(100*r).toFixed(i)+"%";let o=null,a=null,u=null;if("en-us"===n)o=",",a=".",u="$";if(null!==o){const t=r.toString().split(".");t[0]=t[0].replace(/\B(?=(\d{3})+(?!\d))/g,",");const n=t.join(a);return"currency"===e?u+n:n}return r}try{return new Intl.NumberFormat(n,t).format(r)}catch(e){return console.warn("Error formatting Numeric Value:"),console.log(n),console.log(t),console.log(r),console.log(e),"Error"}}};
 window.InputFilter = class InputFilter extends React.Component{constructor(t){super(t),this.onChange=this.onChange.bind(this),this.input=React.createRef()}componentDidMount(){this.filter()}onChange(){this.filter(),"function"==typeof this.props.afterFilter&&this.props.afterFilter()}filter(){const t=this.input.current,e=t.value.toLowerCase().split(" "),n=e.length,s=0!==n;let l=0,r=null,o=null,i=document.querySelectorAll(this.props["filter-selector"]);if(1===i.length&&"TABLE"===i[0].tagName&&i[0].tHead&&1===i[0].tHead.rows.length&&1===i[0].tBodies.length){const t=i[0];r=t.getAttribute("data-sort-class-odd"),o=t.getAttribute("data-sort-class-even"),i=i[0].tBodies[0].rows}const a=i.length,u=o&&r;for(let t=0,a=i.length;t<a;t++){const a=i[t];let c=!0;if(s){const t=a.textContent.toLowerCase();for(let s=0;s<n;s++)if(""!==e[s]&&!t.includes(e[s])){c=!1;break}}c&&(l++,u&&(l%2==0?(a.classList.add(o),a.classList.remove(r)):(a.classList.add(r),a.classList.remove(o)))),a.style.display=c?"":"none"}const c=t.getAttribute("filter-results-selector");if(c){const e=document.querySelector(c);if(!e)return void console.warn("Defined [filter-results-selector] but element not found");const n=t.getAttribute("filter-results-text-all"),s=t.getAttribute("filter-results-text-filtered");if(null===n&&null===s)return void console.warn("Defined [filter-results-selector] without [filter-results-text-all] or [filter-results-text-filtered]");let r=null;l===a?r=n:null!==s&&(r=s.replace(/{displayCount}/g,l)),null===r?e.textContent="":(r=r.replace(/{totalCount}/g,a),e.textContent=r)}}render(){return void 0!==window&&window.React===window.preact?React.createElement("input",Object.assign({},this.props,{onInput:this.onChange,ref:this.input})):React.createElement("input",Object.assign({},this.props,{onChange:this.onChange,ref:this.input}))}};
-const jsonDataCache=[],graphQL_Cache={};function saveDataToCache(t,e,r,s){for(let a=0,i=jsonDataCache.length;a<i;a++){const i=jsonDataCache[a];if(i.url===t&&i.query===e)return i.params=JSON.stringify(r),void(i.data=s)}jsonDataCache.push({url:t,query:e,params:JSON.stringify(r),data:s})}function getDataFromCache(t,e,r){for(let s=0,a=jsonDataCache.length;s<a;s++){const a=jsonDataCache[s];if(a.url===t&&a.query===e){if(JSON.stringify(r)===a.params)return a.data;break}}return null}function IsLoading(t){return 0===t.fetchState&&t.children?t.children:null}function HasError(t){if(!(-1===t.fetchState)||!t.children)return null;let e=t.error;return"string"==typeof e&&-1===e.indexOf("Error")&&(e="Error - "+e),React.cloneElement(t.children,{error:e})}function IsLoaded(t){return 1===t.fetchState&&t.children?React.cloneElement(t.children,{data:t.data,params:t.params,handleChange:t.handleChange,childProps:t.childProps}):null}window.JsonData = class JsonData extends React.Component{constructor(t){super(t),this._isFetching=!1,this._isMounted=!1,this.fetchData=this.fetchData.bind(this),this.handleChange=this.handleChange.bind(this),this._querySrc=t&&t.querySrc?t.querySrc:void 0,this._query=t&&t.query?t.query:void 0,this.state={fetchState:0,error:null,params:this.getUrlParams(),data:null}}getUrlParams(){const t={};if(this.props&&!0===this.props.graphQL)return void 0===this.props.variables?{}:this.props.variables;for(const e in this.props)"url"!==e&&"string"==typeof this.props[e]&&(t[e]=this.props[e]);return t}componentDidMount(){if(this._isMounted=!0,!0===this.props.graphQL&&void 0===this._query&&void 0!==this._querySrc&&void 0!==graphQL_Cache[this._querySrc]&&(this._query=graphQL_Cache[this._querySrc]),this.props.loadOnlyOnce){const t=getDataFromCache(this.props.url,this._query,this.getUrlParams());if(null!==t)return void this.setState({fetchState:1,data:t})}if(!0!==this.props.graphQL||void 0!==this._query||void 0===this._querySrc)this.fetchData();else{const t=this._querySrc,e=this;fetch(t,null).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((function(r){graphQL_Cache[t]=r,e._query=graphQL_Cache[t],e.fetchData()})).catch((function(e){throw new Error("Error Downloading GraphQL Script: ["+t+"], Error: "+e.toString())}))}}componentDidUpdate(t,e){let r;if(!0===this.props.graphQL)r=JSON.stringify(t.variables)!==JSON.stringify(this.props.variables);else{r=this.buildUrl(e.params)!==this.buildUrl(this.props)}r&&this.setState({params:this.getUrlParams()},this.fetchData)}componentWillUnmount(){this._isMounted=!1}buildUrl(t){let e=this.props.url;if(!0!==this.props.graphQL&&Object.keys(t).length>0)for(var r in t)e.indexOf(":"+r)>-1&&(e=e.replace(new RegExp(":"+r,"g"),encodeURIComponent(t[r])));return e}fetchData(){let t=this.buildUrl(this.state.params);if(this._isFetching)return;this._isFetching=!0;let e={mode:"cors",cache:"no-store",credentials:"same-origin"};if(this.props.fetchOptions&&(e=this.props.fetchOptions),this.props.fetchHeaders&&(e.headers=this.props.fetchHeaders),!0===this.props.graphQL){const r=void 0===this.props.variables?{}:this.props.variables;"file://"===window.location.origin||"null"===window.location.origin?(t+=-1===t.indexOf("?")?"?":"&",t+="query="+encodeURIComponent(this._query.trim()),t+="&variables="+encodeURIComponent(JSON.stringify(r))):(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:r}))}this.setState({fetchState:0},(()=>{this.updateView(),fetch(t,e).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.json())).then((t=>{const e=!0===this.props.graphQL;if(e&&t.errors&&t.errors.length){let e;if(1===t.errors.length&&t.errors[0].message)e="[GraphQL Error]: "+t.errors[0].message;else{e=("string"==typeof this.props.errorTextGraphQLErrors?this.props.errorTextGraphQLErrors:"{count} GraphQL Errors occured. See console for full details.").replace("{count}",t.errors.length)}throw console.error(t.errors),e}this._isMounted&&this.setState({fetchState:1,data:e?t.data:t}),this.props.loadOnlyOnce&&saveDataToCache(this.props.url,this._query,this.getUrlParams(),e?t.data:t)})).catch((t=>{this._isMounted&&this.setState({fetchState:-1,error:t.toString()})})).finally((()=>{this._isFetching=!1,this.updateView()}))}))}handleChange(t=null){this._isMounted&&this.setState({data:null===t?this.state.data:t})}updateView(){if("function"==typeof this.props.onViewUpdated)try{this.props.onViewUpdated()}catch(t){console.error(t)}}render(){return React.createElement(React.Fragment,null,React.createElement(IsLoading,{fetchState:this.state.fetchState},this.props.isLoading),React.createElement(HasError,{fetchState:this.state.fetchState,error:this.state.error},this.props.hasError),React.createElement(IsLoaded,{fetchState:this.state.fetchState,data:this.state.data,params:this.state.params,handleChange:this.handleChange,childProps:this.props.childProps},this.props.isLoaded))}};
+const jsonDataCache=[],graphQL_Cache={};function saveDataToCache(t,e,r,s){for(let a=0,i=jsonDataCache.length;a<i;a++){const i=jsonDataCache[a];if(i.url===t&&i.query===e)return i.params=JSON.stringify(r),void(i.data=s)}jsonDataCache.push({url:t,query:e,params:JSON.stringify(r),data:s})}function getDataFromCache(t,e,r){for(let s=0,a=jsonDataCache.length;s<a;s++){const a=jsonDataCache[s];if(a.url===t&&a.query===e){if(JSON.stringify(r)===a.params)return a.data;break}}return null}function IsLoading(t){return 0===t.fetchState&&t.children?t.children:null}function HasError(t){if(!(-1===t.fetchState)||!t.children)return null;let e=t.error;return"string"==typeof e&&-1===e.indexOf("Error")&&(e="Error - "+e),React.cloneElement(t.children,{error:e})}function IsLoaded(t){return 1===t.fetchState&&t.children?React.cloneElement(t.children,{data:t.data,params:t.params,handleChange:t.handleChange,childProps:t.childProps}):null}window.JsonData = class JsonData extends React.Component{constructor(t){super(t),this._isFetching=!1,this._isMounted=!1,this.fetchData=this.fetchData.bind(this),this.handleChange=this.handleChange.bind(this),this._querySrc=t&&t.querySrc?t.querySrc:void 0,this._query=t&&t.query?t.query:void 0,this.state={fetchState:0,error:null,params:this.getUrlParams(),data:null}}getUrlParams(){const t={};if(this.props&&!0===this.props.graphQL)return void 0===this.props.variables?{}:this.props.variables;for(const e in this.props)"url"!==e&&"string"==typeof this.props[e]&&(t[e]=this.props[e]);return t}componentDidMount(){if(this._isMounted=!0,!0===this.props.graphQL&&void 0===this._query&&void 0!==this._querySrc&&void 0!==graphQL_Cache[this._querySrc]&&(this._query=graphQL_Cache[this._querySrc]),this.props.loadOnlyOnce){const t=getDataFromCache(this.props.url,this._query,this.getUrlParams());if(null!==t)return void this.setState({fetchState:1,data:t})}if(!0!==this.props.graphQL||void 0!==this._query||void 0===this._querySrc)this.fetchData();else{const t=this._querySrc,e=this;fetch(t,null).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((function(r){graphQL_Cache[t]=r,e._query=graphQL_Cache[t],e.fetchData()})).catch((function(e){throw new Error("Error Downloading GraphQL Script: ["+t+"], Error: "+e.toString())}))}}componentDidUpdate(t,e){let r;if(!0===this.props.graphQL)r=JSON.stringify(t.variables)!==JSON.stringify(this.props.variables);else{r=this.buildUrl(e.params)!==this.buildUrl(this.props)}r&&this.setState({params:this.getUrlParams()},this.fetchData)}componentWillUnmount(){this._isMounted=!1}buildUrl(t){let e=this.props.url;if(!0!==this.props.graphQL&&Object.keys(t).length>0)for(var r in t)e.indexOf(":"+r)>-1&&(e=e.replace(new RegExp(":"+r,"g"),encodeURIComponent(t[r])));return e}fetchData(){let t=this.buildUrl(this.state.params);if(this._isFetching)return;this._isFetching=!0;let e={mode:"cors",cache:"no-store",credentials:"same-origin"};if(this.props.fetchOptions&&(e=this.props.fetchOptions),this.props.fetchHeaders&&(e.headers=this.props.fetchHeaders),!0===this.props.graphQL){const r=void 0===this.props.variables?{}:this.props.variables;"file://"===window.location.origin||"null"===window.location.origin?(t+=-1===t.indexOf("?")?"?":"&",t+="query="+encodeURIComponent(this._query.trim()),t+="&variables="+encodeURIComponent(JSON.stringify(r))):(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:r}))}this.setState({fetchState:0},(()=>{this.updateView(),fetch(t,e).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.json())).then((t=>{const e=!0===this.props.graphQL;if(e&&t.errors&&t.errors.length){let e;if(1===t.errors.length&&t.errors[0].message)e="[GraphQL Error]: "+t.errors[0].message;else{e=("string"==typeof this.props.errorTextGraphQLErrors?this.props.errorTextGraphQLErrors:"{count} GraphQL Errors occurred. See console for full details.").replace("{count}",t.errors.length)}throw console.error(t.errors),e}this._isMounted&&this.setState({fetchState:1,data:e?t.data:t}),this.props.loadOnlyOnce&&saveDataToCache(this.props.url,this._query,this.getUrlParams(),e?t.data:t)})).catch((t=>{this._isMounted&&this.setState({fetchState:-1,error:t.toString()})})).finally((()=>{this._isFetching=!1,this.updateView()}))}))}handleChange(t=null){this._isMounted&&this.setState({data:null===t?this.state.data:t})}updateView(){if("function"==typeof this.props.onViewUpdated)try{this.props.onViewUpdated()}catch(t){console.error(t)}}render(){return React.createElement(React.Fragment,null,React.createElement(IsLoading,{fetchState:this.state.fetchState},this.props.isLoading),React.createElement(HasError,{fetchState:this.state.fetchState,error:this.state.error},this.props.hasError),React.createElement(IsLoaded,{fetchState:this.state.fetchState,data:this.state.data,params:this.state.params,handleChange:this.handleChange,childProps:this.props.childProps},this.props.isLoaded))}};
 window.LazyLoad = class LazyLoad extends React.Component{constructor(e){super(e),this.state={isReady:!1}}componentDidMount(){this.loadScripts(this.props.scripts,this.props.loadScriptsInOrder).then((()=>{this.setState({isReady:!0})}))}loadScripts(e,r){function t(e){return new Promise((function(r){for(var t=document.querySelectorAll("link"),o=0,n=t.length;o<n;o++)if("stylesheet"===t[o].rel&&t[o].getAttribute("href")===e)return void r();var i=document.createElement("link");i.rel="stylesheet",i.onload=r,i.onerror=function(){console.error("Error loading CSS File: "+e),r()},i.href=e,document.head.appendChild(i)}))}function o(e){return new Promise((function(r){for(var t=document.querySelectorAll("script"),o=0,n=t.length;o<n;o++)if(t[o].getAttribute("src")===e)return void r();var i=document.createElement("script");i.onload=r,i.onerror=function(){console.error("Error loading JS File: "+e),r()},i.src=e,document.head.appendChild(i)}))}function n(e){return new Promise((function(r){for(var t=document.querySelectorAll("script[data-src][data-compiler]"),o=0,n=t.length;o<n;o++)if(t[o].getAttribute("data-src")===e)return void r();var i=document.createElement("script");i.type="text/babel",i.setAttribute("src",e),document.head.appendChild(i),jsxLoader.loadScript(i).then((function(){r()}))}))}if("string"==typeof e)e=[e];else if(!Array.isArray(e))return console.error("Invalid prop for <LazyLoad>, expected [scripts] to be a string or an array of strings. Check console."),console.log(e),new Promise((function(e){e()}));return new Promise(!0===r?function(r){var i=0,s=e.length;!function a(){if(i!==s){var d=e[i];i++,d.endsWith(".js")?o(d).then(a):d.endsWith(".css")?t(d).then(a):d.endsWith(".jsx")?n(d).then(a):(console.error("Invalid Script for <LazyLoad>. Only scripts ending with [js, css, or jsx] can be used. Error URL: "+d),a())}else r()}()}:function(r){const i=[];for(let r=0,s=e.length;r<s;r++){const s=e[r];s.endsWith(".js")?i.push(o(s)):s.endsWith(".css")?i.push(t(s)):s.endsWith(".jsx")?i.push(n(s)):console.error("Invalid Script for <LazyLoad>. Only scripts ending with [js, css, or jsx] can be used. Error URL: "+s)}Promise.all(i).then((function(){r()}))})}loadPolyfill(e,r){return new Promise(!1===e||void 0===e?function(e,t){var o,n,i;o=e,n=t,(i=document.createElement("script")).onload=function(){o()},i.onerror=function(){console.error("Error loading Script: "+r),n()},i.src=r,document.head.appendChild(i)}:function(e){e()})}render(){if(!this.state.isReady)return this.props.isLoading?this.props.isLoading:null;if(this.props.children)return this.props.children;if(this.props.isLoaded){if("string"==typeof this.props.isLoaded){var e=this.props.isLoaded,r={};for(var t in this.props)this.props.hasOwnProperty(t)&&"scripts"!==t&&"isLoaded"!==t&&"isLoading"!==t&&(r[t]=this.props[t]);if(void 0!==window&&void 0!==window[e])return React.createElement(window[e],r);if(void 0!==globalThis&&void 0!==globalThis[e])return React.createElement(globalThis[e],r);throw new TypeError("Component <LazyLoad isLoaded="+JSON.stringify(e)+"> was not found. Check if your script is missing or has a compile error.")}return this.props.isLoaded}throw new TypeError("Missing child nodes or the [isLoaded] property for a <LazyLoad> element.")}};
 window.SortableTable = class SortableTable extends React.Component{constructor(e){super(e),this.sortColumn=this.sortColumn.bind(this),this.table=React.createRef()}componentDidMount(){this.setupTable()}setupTable(){const 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);const t=e.tHead.rows[e.tHead.rows.length-1];for(let e=0,l=t.cells.length;e<l;e++)t.cells[e].addEventListener("click",this.sortColumn),t.cells[e].style.cursor="pointer"}sortColumn(e){const t=e.target,l=t&&t.parentElement&&t.parentElement.parentElement?t.parentElement.parentElement.parentElement:null;if("TH"!==t.tagName&&"TD"!==t.tagName)return console.warn("SortableTable.sortColumn() was called with an invalid element. If called manually the cell needs to be passed."),void console.log(t);if(null!=l&&"TABLE"!==l.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(t);const o=l.getAttribute("data-sort-column"),a=t.cellIndex;let n="asc";if(null!==o&&parseInt(o,10)===a){n="asc"===l.getAttribute("data-sort-order")?"desc":"asc"}const s=l.tBodies[0],r=s.rows,u=[];for(let e=0,t=r.length;e<t;e++){const t=r[e].cells[a];if(void 0===t)continue;const l=t.getAttribute("data-value");let o=null!==l?l.trim():t.textContent.trim(),n=typeof o;if(""===o)o=null;else if(isNaN(o)){const e=new Date(o);isNaN(e.getTime())?o=void 0!==o.toLocaleLowerCase?o.toLocaleLowerCase():o.toLowerCase():(o=e,n="date")}else o=parseFloat(o);u.push({row:r[e],value:o,type:null===o?null:n})}u.sort(this.sortCompare),"desc"===n&&u.reverse();const c=l.getAttribute("data-sort-class-odd"),i=l.getAttribute("data-sort-class-even"),d=c&&i;let p=0;for(let e=0,t=u.length;e<t;e++){const t=u[e].row;d&&"none"!==t.style.display&&(p++,p%2==0?(t.classList.add(i),t.classList.remove(c)):(t.classList.add(c),t.classList.remove(i))),s.appendChild(t)}l.setAttribute("data-sort-column",a),l.setAttribute("data-sort-order",n)}sortCompare(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)}render(){return React.createElement("table",Object.assign({},this.props,{ref:this.table}),this.props.children)}};
\ No newline at end of file
diff --git a/js/react/es6/JsonData.js b/js/react/es6/JsonData.js
index 4abb64e1..e589451a 100644
--- a/js/react/es6/JsonData.js
+++ b/js/react/es6/JsonData.js
@@ -439,7 +439,7 @@ export default class JsonData extends React.Component {
                         if (data.errors.length === 1 && data.errors[0].message) {
                             errorMessage = '[GraphQL Error]: ' + data.errors[0].message;
                         } else {
-                            const errorTextGraphQLErrors = (typeof this.props.errorTextGraphQLErrors === 'string' ? this.props.errorTextGraphQLErrors : '{count} GraphQL Errors occured. See console for full details.');
+                            const errorTextGraphQLErrors = (typeof this.props.errorTextGraphQLErrors === 'string' ? this.props.errorTextGraphQLErrors : '{count} GraphQL Errors occurred. See console for full details.');
                             errorMessage = errorTextGraphQLErrors.replace('{count}', data.errors.length);
                         }
                         console.error(data.errors);
diff --git a/js/react/es6/JsonData.min.js b/js/react/es6/JsonData.min.js
index fa6797f7..81aa1b6d 100644
--- a/js/react/es6/JsonData.min.js
+++ b/js/react/es6/JsonData.min.js
@@ -1 +1 @@
-const jsonDataCache=[],graphQL_Cache={};function saveDataToCache(t,e,r,s){for(let a=0,i=jsonDataCache.length;a<i;a++){const i=jsonDataCache[a];if(i.url===t&&i.query===e)return i.params=JSON.stringify(r),void(i.data=s)}jsonDataCache.push({url:t,query:e,params:JSON.stringify(r),data:s})}function getDataFromCache(t,e,r){for(let s=0,a=jsonDataCache.length;s<a;s++){const a=jsonDataCache[s];if(a.url===t&&a.query===e){if(JSON.stringify(r)===a.params)return a.data;break}}return null}function IsLoading(t){return 0===t.fetchState&&t.children?t.children:null}function HasError(t){if(!(-1===t.fetchState)||!t.children)return null;let e=t.error;return"string"==typeof e&&-1===e.indexOf("Error")&&(e="Error - "+e),React.cloneElement(t.children,{error:e})}function IsLoaded(t){return 1===t.fetchState&&t.children?React.cloneElement(t.children,{data:t.data,params:t.params,handleChange:t.handleChange,childProps:t.childProps}):null}window.JsonData = class JsonData extends React.Component{constructor(t){super(t),this._isFetching=!1,this._isMounted=!1,this.fetchData=this.fetchData.bind(this),this.handleChange=this.handleChange.bind(this),this._querySrc=t&&t.querySrc?t.querySrc:void 0,this._query=t&&t.query?t.query:void 0,this.state={fetchState:0,error:null,params:this.getUrlParams(),data:null}}getUrlParams(){const t={};if(this.props&&!0===this.props.graphQL)return void 0===this.props.variables?{}:this.props.variables;for(const e in this.props)"url"!==e&&"string"==typeof this.props[e]&&(t[e]=this.props[e]);return t}componentDidMount(){if(this._isMounted=!0,!0===this.props.graphQL&&void 0===this._query&&void 0!==this._querySrc&&void 0!==graphQL_Cache[this._querySrc]&&(this._query=graphQL_Cache[this._querySrc]),this.props.loadOnlyOnce){const t=getDataFromCache(this.props.url,this._query,this.getUrlParams());if(null!==t)return void this.setState({fetchState:1,data:t})}if(!0!==this.props.graphQL||void 0!==this._query||void 0===this._querySrc)this.fetchData();else{const t=this._querySrc,e=this;fetch(t,null).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((function(r){graphQL_Cache[t]=r,e._query=graphQL_Cache[t],e.fetchData()})).catch((function(e){throw new Error("Error Downloading GraphQL Script: ["+t+"], Error: "+e.toString())}))}}componentDidUpdate(t,e){let r;if(!0===this.props.graphQL)r=JSON.stringify(t.variables)!==JSON.stringify(this.props.variables);else{r=this.buildUrl(e.params)!==this.buildUrl(this.props)}r&&this.setState({params:this.getUrlParams()},this.fetchData)}componentWillUnmount(){this._isMounted=!1}buildUrl(t){let e=this.props.url;if(!0!==this.props.graphQL&&Object.keys(t).length>0)for(var r in t)e.indexOf(":"+r)>-1&&(e=e.replace(new RegExp(":"+r,"g"),encodeURIComponent(t[r])));return e}fetchData(){let t=this.buildUrl(this.state.params);if(this._isFetching)return;this._isFetching=!0;let e={mode:"cors",cache:"no-store",credentials:"same-origin"};if(this.props.fetchOptions&&(e=this.props.fetchOptions),this.props.fetchHeaders&&(e.headers=this.props.fetchHeaders),!0===this.props.graphQL){const r=void 0===this.props.variables?{}:this.props.variables;"file://"===window.location.origin||"null"===window.location.origin?(t+=-1===t.indexOf("?")?"?":"&",t+="query="+encodeURIComponent(this._query.trim()),t+="&variables="+encodeURIComponent(JSON.stringify(r))):(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:r}))}this.setState({fetchState:0},(()=>{this.updateView(),fetch(t,e).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.json())).then((t=>{const e=!0===this.props.graphQL;if(e&&t.errors&&t.errors.length){let e;if(1===t.errors.length&&t.errors[0].message)e="[GraphQL Error]: "+t.errors[0].message;else{e=("string"==typeof this.props.errorTextGraphQLErrors?this.props.errorTextGraphQLErrors:"{count} GraphQL Errors occured. See console for full details.").replace("{count}",t.errors.length)}throw console.error(t.errors),e}this._isMounted&&this.setState({fetchState:1,data:e?t.data:t}),this.props.loadOnlyOnce&&saveDataToCache(this.props.url,this._query,this.getUrlParams(),e?t.data:t)})).catch((t=>{this._isMounted&&this.setState({fetchState:-1,error:t.toString()})})).finally((()=>{this._isFetching=!1,this.updateView()}))}))}handleChange(t=null){this._isMounted&&this.setState({data:null===t?this.state.data:t})}updateView(){if("function"==typeof this.props.onViewUpdated)try{this.props.onViewUpdated()}catch(t){console.error(t)}}render(){return React.createElement(React.Fragment,null,React.createElement(IsLoading,{fetchState:this.state.fetchState},this.props.isLoading),React.createElement(HasError,{fetchState:this.state.fetchState,error:this.state.error},this.props.hasError),React.createElement(IsLoaded,{fetchState:this.state.fetchState,data:this.state.data,params:this.state.params,handleChange:this.handleChange,childProps:this.props.childProps},this.props.isLoaded))}}
\ No newline at end of file
+const jsonDataCache=[],graphQL_Cache={};function saveDataToCache(t,e,r,s){for(let a=0,i=jsonDataCache.length;a<i;a++){const i=jsonDataCache[a];if(i.url===t&&i.query===e)return i.params=JSON.stringify(r),void(i.data=s)}jsonDataCache.push({url:t,query:e,params:JSON.stringify(r),data:s})}function getDataFromCache(t,e,r){for(let s=0,a=jsonDataCache.length;s<a;s++){const a=jsonDataCache[s];if(a.url===t&&a.query===e){if(JSON.stringify(r)===a.params)return a.data;break}}return null}function IsLoading(t){return 0===t.fetchState&&t.children?t.children:null}function HasError(t){if(!(-1===t.fetchState)||!t.children)return null;let e=t.error;return"string"==typeof e&&-1===e.indexOf("Error")&&(e="Error - "+e),React.cloneElement(t.children,{error:e})}function IsLoaded(t){return 1===t.fetchState&&t.children?React.cloneElement(t.children,{data:t.data,params:t.params,handleChange:t.handleChange,childProps:t.childProps}):null}window.JsonData = class JsonData extends React.Component{constructor(t){super(t),this._isFetching=!1,this._isMounted=!1,this.fetchData=this.fetchData.bind(this),this.handleChange=this.handleChange.bind(this),this._querySrc=t&&t.querySrc?t.querySrc:void 0,this._query=t&&t.query?t.query:void 0,this.state={fetchState:0,error:null,params:this.getUrlParams(),data:null}}getUrlParams(){const t={};if(this.props&&!0===this.props.graphQL)return void 0===this.props.variables?{}:this.props.variables;for(const e in this.props)"url"!==e&&"string"==typeof this.props[e]&&(t[e]=this.props[e]);return t}componentDidMount(){if(this._isMounted=!0,!0===this.props.graphQL&&void 0===this._query&&void 0!==this._querySrc&&void 0!==graphQL_Cache[this._querySrc]&&(this._query=graphQL_Cache[this._querySrc]),this.props.loadOnlyOnce){const t=getDataFromCache(this.props.url,this._query,this.getUrlParams());if(null!==t)return void this.setState({fetchState:1,data:t})}if(!0!==this.props.graphQL||void 0!==this._query||void 0===this._querySrc)this.fetchData();else{const t=this._querySrc,e=this;fetch(t,null).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((function(r){graphQL_Cache[t]=r,e._query=graphQL_Cache[t],e.fetchData()})).catch((function(e){throw new Error("Error Downloading GraphQL Script: ["+t+"], Error: "+e.toString())}))}}componentDidUpdate(t,e){let r;if(!0===this.props.graphQL)r=JSON.stringify(t.variables)!==JSON.stringify(this.props.variables);else{r=this.buildUrl(e.params)!==this.buildUrl(this.props)}r&&this.setState({params:this.getUrlParams()},this.fetchData)}componentWillUnmount(){this._isMounted=!1}buildUrl(t){let e=this.props.url;if(!0!==this.props.graphQL&&Object.keys(t).length>0)for(var r in t)e.indexOf(":"+r)>-1&&(e=e.replace(new RegExp(":"+r,"g"),encodeURIComponent(t[r])));return e}fetchData(){let t=this.buildUrl(this.state.params);if(this._isFetching)return;this._isFetching=!0;let e={mode:"cors",cache:"no-store",credentials:"same-origin"};if(this.props.fetchOptions&&(e=this.props.fetchOptions),this.props.fetchHeaders&&(e.headers=this.props.fetchHeaders),!0===this.props.graphQL){const r=void 0===this.props.variables?{}:this.props.variables;"file://"===window.location.origin||"null"===window.location.origin?(t+=-1===t.indexOf("?")?"?":"&",t+="query="+encodeURIComponent(this._query.trim()),t+="&variables="+encodeURIComponent(JSON.stringify(r))):(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:r}))}this.setState({fetchState:0},(()=>{this.updateView(),fetch(t,e).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.json())).then((t=>{const e=!0===this.props.graphQL;if(e&&t.errors&&t.errors.length){let e;if(1===t.errors.length&&t.errors[0].message)e="[GraphQL Error]: "+t.errors[0].message;else{e=("string"==typeof this.props.errorTextGraphQLErrors?this.props.errorTextGraphQLErrors:"{count} GraphQL Errors occurred. See console for full details.").replace("{count}",t.errors.length)}throw console.error(t.errors),e}this._isMounted&&this.setState({fetchState:1,data:e?t.data:t}),this.props.loadOnlyOnce&&saveDataToCache(this.props.url,this._query,this.getUrlParams(),e?t.data:t)})).catch((t=>{this._isMounted&&this.setState({fetchState:-1,error:t.toString()})})).finally((()=>{this._isFetching=!1,this.updateView()}))}))}handleChange(t=null){this._isMounted&&this.setState({data:null===t?this.state.data:t})}updateView(){if("function"==typeof this.props.onViewUpdated)try{this.props.onViewUpdated()}catch(t){console.error(t)}}render(){return React.createElement(React.Fragment,null,React.createElement(IsLoading,{fetchState:this.state.fetchState},this.props.isLoading),React.createElement(HasError,{fetchState:this.state.fetchState,error:this.state.error},this.props.hasError),React.createElement(IsLoaded,{fetchState:this.state.fetchState,data:this.state.data,params:this.state.params,handleChange:this.handleChange,childProps:this.props.childProps},this.props.isLoaded))}}
\ No newline at end of file
diff --git a/js/web-components/html-import-service.js b/js/web-components/html-import-service.js
index c8300484..9af455dd 100644
--- a/js/web-components/html-import-service.js
+++ b/js/web-components/html-import-service.js
@@ -150,7 +150,7 @@ window.customElements.define('html-import-service', class HtmlImportService exte
             if (templateId !== null && templateUrl !== null) {
                 throw new TypeError('An element must have only one of the template attribute defined; either [data-template-id] or [data-template-url]. Both attributes are defined on this element.');
             } else if (templateId === null && templateUrl === null) {
-                throw new TypeError('An element must have either attribute [data-template-id] or [data-template-url]. Niether attribute is defined for this element.');
+                throw new TypeError('An element must have either attribute [data-template-id] or [data-template-url]. Neither attribute is defined for this element.');
             }
 
             // Download or get template from cache, then set HTML
diff --git a/js/web-components/html-import-service.min.js b/js/web-components/html-import-service.min.js
index 26f708d6..c3e96c08 100644
--- a/js/web-components/html-import-service.min.js
+++ b/js/web-components/html-import-service.min.js
@@ -1 +1 @@
-import{WebComponentService}from"./WebComponentService.min.js";import{showError}from"./utils.min.js";const cachedTemplates=[];window.customElements.define("html-import-service",class extends WebComponentService{onLoad(t){t!==this&&this.refreshAllHtmlControls()}refreshAllHtmlControls(t){const e=String((new Date).getTime()),r=this,l=`[data-template-id]:not([data-updated-at="${e}"]),[data-template-url]:not([data-updated-at="${e}"])`;!function a(n){if(null===n)r.dispatchEvent(new Event("app:contentReady",{bubbles:!0})),t&&t(e);else try{r.refreshHtmlControl(n,(function(){n.setAttribute("data-updated-at",e),a(document.querySelector(l))}))}catch(t){n.setAttribute("data-updated-at",e),a(document.querySelector(l))}}(document.querySelector(l))}refreshHtmlControl(t,e){try{const r="string"==typeof t,l=t instanceof HTMLElement;if(!r&&!l)throw new TypeError("Invalid type for parameter [element] in the function [refreshHtmlControl()]: "+typeof t);if(r){const e=t;if(null===(t=document.getElementById(e)))throw new TypeError("Element not found for ["+e+"] when the function [refreshHtmlControl()] was called.")}if(void 0!==e&&"function"!=typeof e)throw new TypeError("[callback] was not defined as a [function] when the [refreshHtmlControl()] was called");const a=t.getAttribute("data-template-id"),n=t.getAttribute("data-template-url");if(null!==a&&null!==n)throw new TypeError("An element must have only one of the template attribute defined; either [data-template-id] or [data-template-url]. Both attributes are defined on this element.");if(null===a&&null===n)throw new TypeError("An element must have either attribute [data-template-id] or [data-template-url]. Niether attribute is defined for this element.");this.downloadTemplate(t,(function(r){r.error?showError(t,r.errorMessage):null===t.getAttribute("data-set-text-content")?t.innerHTML=r.html:t.textContent=r.html,void 0!==e&&e()}))}catch(e){if(console.error(e),null!==t&&t instanceof HTMLElement){let r=t.getAttribute("data-template-id"),l=t.getAttribute("data-template-url");r=null===r?"":' data-template-id="'+r+'"',l=null===l?"":' data-template-url="'+l+'"';let a="Error with Element <"+t.tagName.toLowerCase();a+=' id="'+t.id+'"',a+=' class="'+t.className+'"',a+=r+l+"> - ",showError(t,a+e.message)}throw e}}downloadTemplate(t,e){const r=t.getAttribute("data-template-id"),l=t.getAttribute("data-template-url");for(let t=0,a=cachedTemplates.length;t<a;t++){if(null!==r&&cachedTemplates[t].id===r)return void e(cachedTemplates[t]);if(null!==l&&cachedTemplates[t].url===l)return void e(cachedTemplates[t])}let a,n;if(null!==l)a=l;else{if(n=document.getElementById(r),null===n){const t="Script Tag for Template ID ["+r+"] does not exist.";return void this.callback(this.addTemplate(r,l,null,!0,t))}a=n.src?n.src:n.getAttribute("data-src")}null!==a&&""!==a?fetch(a).then((t=>t.text())).then((t=>{e(this.addTemplate(r,l,t))})).catch((t=>{const n="Error Downloading Template: ["+a+"], Error: "+t;e(this.addTemplate(r,l,null,!0,n))})):e(this.addTemplate(r,l,n.innerHTML))}addTemplate(t,e,r,l=!1,a=null){const n={id:t,url:e,html:r,error:l,errorMessage:a};return cachedTemplates.push(n),n}});
\ No newline at end of file
+import{WebComponentService}from"./WebComponentService.min.js";import{showError}from"./utils.min.js";const cachedTemplates=[];window.customElements.define("html-import-service",class extends WebComponentService{onLoad(t){t!==this&&this.refreshAllHtmlControls()}refreshAllHtmlControls(t){const e=String((new Date).getTime()),r=this,l=`[data-template-id]:not([data-updated-at="${e}"]),[data-template-url]:not([data-updated-at="${e}"])`;!function a(n){if(null===n)r.dispatchEvent(new Event("app:contentReady",{bubbles:!0})),t&&t(e);else try{r.refreshHtmlControl(n,(function(){n.setAttribute("data-updated-at",e),a(document.querySelector(l))}))}catch(t){n.setAttribute("data-updated-at",e),a(document.querySelector(l))}}(document.querySelector(l))}refreshHtmlControl(t,e){try{const r="string"==typeof t,l=t instanceof HTMLElement;if(!r&&!l)throw new TypeError("Invalid type for parameter [element] in the function [refreshHtmlControl()]: "+typeof t);if(r){const e=t;if(null===(t=document.getElementById(e)))throw new TypeError("Element not found for ["+e+"] when the function [refreshHtmlControl()] was called.")}if(void 0!==e&&"function"!=typeof e)throw new TypeError("[callback] was not defined as a [function] when the [refreshHtmlControl()] was called");const a=t.getAttribute("data-template-id"),n=t.getAttribute("data-template-url");if(null!==a&&null!==n)throw new TypeError("An element must have only one of the template attribute defined; either [data-template-id] or [data-template-url]. Both attributes are defined on this element.");if(null===a&&null===n)throw new TypeError("An element must have either attribute [data-template-id] or [data-template-url]. Neither attribute is defined for this element.");this.downloadTemplate(t,(function(r){r.error?showError(t,r.errorMessage):null===t.getAttribute("data-set-text-content")?t.innerHTML=r.html:t.textContent=r.html,void 0!==e&&e()}))}catch(e){if(console.error(e),null!==t&&t instanceof HTMLElement){let r=t.getAttribute("data-template-id"),l=t.getAttribute("data-template-url");r=null===r?"":' data-template-id="'+r+'"',l=null===l?"":' data-template-url="'+l+'"';let a="Error with Element <"+t.tagName.toLowerCase();a+=' id="'+t.id+'"',a+=' class="'+t.className+'"',a+=r+l+"> - ",showError(t,a+e.message)}throw e}}downloadTemplate(t,e){const r=t.getAttribute("data-template-id"),l=t.getAttribute("data-template-url");for(let t=0,a=cachedTemplates.length;t<a;t++){if(null!==r&&cachedTemplates[t].id===r)return void e(cachedTemplates[t]);if(null!==l&&cachedTemplates[t].url===l)return void e(cachedTemplates[t])}let a,n;if(null!==l)a=l;else{if(n=document.getElementById(r),null===n){const t="Script Tag for Template ID ["+r+"] does not exist.";return void this.callback(this.addTemplate(r,l,null,!0,t))}a=n.src?n.src:n.getAttribute("data-src")}null!==a&&""!==a?fetch(a).then((t=>t.text())).then((t=>{e(this.addTemplate(r,l,t))})).catch((t=>{const n="Error Downloading Template: ["+a+"], Error: "+t;e(this.addTemplate(r,l,null,!0,n))})):e(this.addTemplate(r,l,n.innerHTML))}addTemplate(t,e,r,l=!1,a=null){const n={id:t,url:e,html:r,error:l,errorMessage:a};return cachedTemplates.push(n),n}});
\ No newline at end of file

From b85e156251bcac24b30dd2900f013fb82a33bf92 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Tue, 22 Feb 2022 00:43:23 -0800
Subject: [PATCH 10/51] =?UTF-8?q?=F0=9F=93=84=20Fix=20typos?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 test/js/unit-testing.js | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/test/js/unit-testing.js b/test/js/unit-testing.js
index 1946be2e..66b3a0cb 100644
--- a/test/js/unit-testing.js
+++ b/test/js/unit-testing.js
@@ -1445,7 +1445,7 @@
             });
         });
 
-        // Call a different contoller using the same [data-src] template previously called. This
+        // Call a different controller using the same [data-src] template previously called. This
         // verifies that downloaded views are re-used rather than downloaded on different controllers.
         QUnit.test('Script Download from [data-src] Attribute using existing Template', function (assert) {
             // Asynchronous test
@@ -1458,7 +1458,7 @@
             tester.pageTester(hash, shouldCompileTemplate, expectedHtml, assert, done);
         });
 
-        // For this test both the main template uses [data-src] and the refereced
+        // For this test both the main template uses [data-src] and the referenced
         // [control] template in the main page.
         QUnit.test('Control Script download from [data-src] Attribute', function (assert) {
             // Asynchronous test
@@ -1544,7 +1544,7 @@
                     updatedAt;
 
                 // Loop through the test 3 times:
-                // 1) First check controls for the intial state
+                // 1) First check controls for the initial state
                 // 2) Before this loop update two of the controls and verify
                 //    that only 2 controls changed.
                 // 3) Refresh all controls before this loop and verify that they
@@ -1674,7 +1674,7 @@
                         // Last control is a valid item with no error
                         control = document.getElementById(controls[n].item);
                         if (control === null) {
-                            assert.ok(false, 'Could not find contol at: ' + controls[n].item);
+                            assert.ok(false, 'Could not find control at: ' + controls[n].item);
                             break;
                         }
                         html = control.innerHTML.trim();
@@ -1684,7 +1684,7 @@
                         // only increase the first time it is called.
                         if (eventTime === 'Before refreshAllHtmlControls()') {
                             // All other items other than the last item are error templates.
-                            // For error template in the array incremment the compiled templates by 1.
+                            // For error template in the array increment the compiled templates by 1.
                             tester.compiledTemplates++;
 
                             // Was the template loaded from a URL? If so add 1 submitted request
@@ -1696,8 +1696,8 @@
 
                         // Run each test 3 times. This confirms a number of items:
                         // *) Templates are only compiled once regardless of error
-                        // *) Error message is unqiue per control
-                        // *) Error message is helpfull and relevant for each control
+                        // *) Error message is unique per control
+                        // *) Error message is helpful and relevant for each control
                         for (x = 0; x < 3; x++) {
                             switch (x) {
                                 // Control will end with [a] in the [id] attribute

From f7f6d582ee4033d54cb6d475710578b6c24eb760 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Tue, 22 Feb 2022 00:44:03 -0800
Subject: [PATCH 11/51] =?UTF-8?q?=F0=9F=8E=89=20New=20features=20for=20HTM?=
 =?UTF-8?q?L=20Controls?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md          | 15 +++++++++----
 js/DataFormsJS.js     | 51 ++++++++++++++++++++++++++++++++++++++++---
 js/DataFormsJS.min.js |  2 +-
 3 files changed, 60 insertions(+), 8 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index ba79ca28..67cbe190 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,11 +6,21 @@ Overall the core Framework files, React Components, and Web Components and API a
 
 ## Next Release (Changes on master branch but not yet npm)
 
+* DataFormsJS App Object
+  * `~/js/DataFormsJS.js`
+  * New Feature - Pass HTML Attributes as Properties to HTML Controls
+    * This is similar in concept to passing props with React or Vue and allows easy and quick customization of content in the HTML control.
+  * Update - When manually calling `app.refreshHtmlControl()` nested HTML controls are now rendered
+  * Fix typo in error message
+  * Example of the new features is being published on the Handlebars Places Demo:
+    * https://dataformsjs.com/examples/places-demo-hbs.htm
+    * All pages with Excel and CSV export pass prop to a HTML Control
+    * Search Screen renders nested HTML control when `app.refreshHtmlControl()` is called from the JS Control `<json-data>`
 * Framework Plugins - Excel and CSV Export
   * `~/js/plugins/exportToCsv.js`
   * `~/js/plugins/exportToExcel.js`
   * Add support so that elements using the plugin are refreshed when `app.refreshHtmlControl()` is called.
-  * Minor fix handled by using `onRendered: function (rootElement)` instead of `onRendered: function ()`.
+  * Minor fix handled by using `onRendered(rootElement)` instead of `onRendered()`.
   * For Excel text columns were the the max character width is less than 20 an extra 2 pixels of space will be added so content better fits.
 * I18N update 
   * Framework Plugin `~/js/plugins/i18n.js`
@@ -20,9 +30,6 @@ Overall the core Framework files, React Components, and Web Components and API a
     * Previously both `Countries` and `Countries.xlsx` would have had to be defined for each language
     * Now only `Countries` has to be defined
     * For Vue apps this applies to the `v-i18n-attr` directive
-* DataFormsJS App Object
-  * `~/js/DataFormsJS.js`
-  * Fix typo in error message
 
 ## 5.12.1 (February 19, 2022)
 
diff --git a/js/DataFormsJS.js b/js/DataFormsJS.js
index 58e0f27f..6a6dbf22 100644
--- a/js/DataFormsJS.js
+++ b/js/DataFormsJS.js
@@ -2189,21 +2189,66 @@
                     model = this.activeModel;
                 }
 
+                // Add [data-*] attributes from the control to the model object that
+                // gets passed to the control. This is similar in concept to passing
+                // props with React or Vue and allows easy and quick customization
+                // of content in the HTML control.
+                var controlModel = Object.assign({}, model);
+                var skipProps = ['templateId', 'templateUrl', 'updatedAt'];
+                for (var prop in control.dataset) {
+                    if (skipProps.indexOf(prop) === -1) {
+                        var value = control.dataset[prop];
+                        switch (value) {
+                            case 'true':
+                            case '': // Empty values default to `true`
+                                controlModel[prop] = true;
+                                break;
+                            case 'false':
+                                controlModel[prop] = false;
+                                break;
+                            case 'null':
+                                controlModel[prop] = null;
+                                break;
+                            default:
+                                controlModel[prop] = value;
+                        }
+                    }
+                }
+
                 // Compile and render the template.
                 // If this function was manually called on a specific element
                 // then load JS controls and refresh plugins for the element.
                 compileTemplate(control, null, function (template) {
-                    renderTemplate(control, null, template, model);
+                    renderTemplate(control, null, template, controlModel);
                     if (!isUpdatingView) {
-                        app.loadAllJsControls(control, model);
+                        app.loadAllJsControls(control, controlModel);
                         app.unloadUnattachedJsControls();
                     }
                     if (!isUpdatingAllControls) {
                         app.refreshPlugins(control);
                     }
-                    if (callback !== undefined) {
+                    // Refresh nested HTML Controls
+                    if (control.id === 'control-1') {
+                        console.log(control, isUpdatingAllControls, isUpdatingView);
+                    }
+                    var promises = [];
+                    if (!isUpdatingAllControls && !isUpdatingView) {
+                        var nestedControls = control.querySelectorAll('[data-template-id],[data-template-url]');
+                        Array.prototype.forEach.call(nestedControls, function(nestedControl) {
+                            promises.push(new Promise(function(resolve) {
+                                app.refreshHtmlControl(nestedControl, resolve);
+                            }));
+                        });
+                    }
+                    if (promises.length === 0 && callback !== undefined) {
                         callback();
+                        return;
                     }
+                    Promise.all(promises).finally(function () {
+                        if (callback !== undefined) {
+                            callback();
+                        }
+                    });
                 });
             } catch (e) {
                 // If there is an error (usually a parsing error during development)
diff --git a/js/DataFormsJS.min.js b/js/DataFormsJS.min.js
index 1eb39bc2..99f3ff6f 100644
--- a/js/DataFormsJS.min.js
+++ b/js/DataFormsJS.min.js
@@ -2,4 +2,4 @@
 // @version 5.12.1
 // @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],v=!1,s=!1,m=!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 d(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 f(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(m=!1);if(m)return C===i?void 0:(window.setTimeout(V,200),void E++);if(v)return C===i?void 0:(window.setTimeout(V,200),void E++);for(o in m=!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(m=!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(m=!1);if(null===c){if(0===h.controllers.length)return h.updateView(),void(m=!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)),m=!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(),m=!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)():m=!1})}catch(e){h.showErrorAlert("Error from Plugin ["+r[n]+"] on [onRouteLoad()]: "+e.toString()),console.error(e),h.updateView(),m=!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(){x(n),u()})):(x(n),u())}function x(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&&d(t.model,"page."+e+".model","app.addPage()"),f(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()"),f(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),f(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()"),f(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),d(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 v},updateView:function(){function e(){var e,t,o,r,n;if(v=!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"),v=!(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")),v=!1})}catch(e){throw v=!1,console.error(e),e}}else v=!(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)}}v?t=window.setInterval(function(){v||(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+'"])',s=!0,function t(o){if(null===o)s=!1,v||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,o,r){try{var e="string"==typeof t,n=t instanceof HTMLElement;if(!e&&!n)throw new TypeError("Invalid type for parameter [control] in the function [DataFormsJS.refreshHtmlControl()]: "+typeof t);if(e){var a=t;if(null===(t=document.getElementById(a)))throw new TypeError("Control not found for ["+a+"] when the function [DataFormsJS.refreshHtmlControl()] was called.")}if(void 0!==o&&"function"!=typeof o)throw new TypeError("[callback] was not defined as a [function] when the [DataFormsJS.refreshHtmlControl()] was called");var l=t.getAttribute("data-template-id"),i=t.getAttribute("data-template-url");if(null!==l&&null!==i)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===l&&null===i)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===r&&(r=this.activeModel),R(t,null,function(e){U(t,null,e,r),v||(h.loadAllJsControls(t,r),h.unloadUnattachedJsControls()),s||h.refreshPlugins(t),void 0!==o&&o()})}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.12.1",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],v=!1,f=!1,m=!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(m=!1);if(m)return C===i?void 0:(window.setTimeout(V,200),void E++);if(v)return C===i?void 0:(window.setTimeout(V,200),void E++);for(o in m=!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(m=!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(m=!1);if(null===c){if(0===h.controllers.length)return h.updateView(),void(m=!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)),m=!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(),m=!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)():m=!1})}catch(e){h.showErrorAlert("Error from Plugin ["+r[n]+"] on [onRouteLoad()]: "+e.toString()),console.error(e),h.updateView(),m=!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 v},updateView:function(){function e(){var e,t,o,r,n;if(v=!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"),v=!(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")),v=!1})}catch(e){throw v=!1,console.error(e),e}}else v=!(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)}}v?t=window.setInterval(function(){v||(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,v||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),v||(h.loadAllJsControls(t,s),h.unloadUnattachedJsControls()),f||h.refreshPlugins(t),"control-1"===t.id&&console.log(t,f,v);var o=[];f||v||(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)}))})),0!==o.length||void 0===r?Promise.all(o).finally(function(){void 0!==r&&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.12.1",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

From 4f9c017666620e7a29cf81a32b3e2969796330d5 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Tue, 22 Feb 2022 00:45:02 -0800
Subject: [PATCH 12/51] =?UTF-8?q?=F0=9F=93=84=20Example=20Updates?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/css/countries.css                  | 15 ++++--
 examples/html/cities-hbs.htm                | 18 +------
 examples/html/cities-js.htm                 | 40 +++++++--------
 examples/html/cities-vue.htm                | 40 +++++++--------
 examples/html/cities-web.htm                | 40 +++++++--------
 examples/html/countries-hbs.htm             | 18 +------
 examples/html/regions-hbs.htm               | 18 +------
 examples/html/regions-js.htm                | 40 +++++++--------
 examples/html/regions-vue.htm               | 40 +++++++--------
 examples/html/regions-web.htm               | 40 +++++++--------
 examples/html/search-places-results-hbs.htm | 18 +------
 examples/html/search-places-vue.htm         |  1 -
 examples/places-demo-graphql.htm            | 27 ++++++++++-
 examples/places-demo-hbs.htm                | 54 +++++++++++++--------
 examples/places-demo-js.htm                 | 40 +++++++--------
 examples/places-demo-preact.htm             | 39 +++++++--------
 examples/places-demo-react.htm              | 39 +++++++--------
 examples/places-demo-vue.htm                | 40 +++++++--------
 examples/places-demo-web.htm                | 40 +++++++--------
 19 files changed, 304 insertions(+), 303 deletions(-)

diff --git a/examples/css/countries.css b/examples/css/countries.css
index 2b0d9dd5..ae461379 100644
--- a/examples/css/countries.css
+++ b/examples/css/countries.css
@@ -7,13 +7,19 @@ body {
 a { color:navy; }
 nav { display: flex; align-items: center; }
 nav a { display:inline-block; margin-right:20px; }
-nav a:last-child { margin-right:0; }
-nav .download { margin-left: 20px; }
+nav .download { margin-right: 20px; }
+nav a:last-child,
+nav .download:last-child { margin-right:0; }
 nav img.download {
-    filter:drop-shadow(0 1px 1px gray);
+    filter: drop-shadow(0 1px 1px gray);
     transition: transform ease-in-out 300ms;
 }
-nav img.download:hover { transform: translate(0, -2px); } 
+nav img.download:hover { transform: translate(0, -2px); }
+.download-links,
+[data-template-id="download-links"] {
+    display: flex;
+    align-items: center;
+}
 [data-export-csv-selector],
 [data-export-excel-selector] { cursor: pointer; }
 input,
@@ -174,6 +180,7 @@ table tbody tr.highlight td:first-child {background-color: yellow; }
 
 .align-right { text-align:right; }
 .error { padding:1em; background-color:red; color:white; }
+.ml-20 { margin-left: 20px; }
 
 .place-screen {
     display: flex;
diff --git a/examples/html/cities-hbs.htm b/examples/html/cities-hbs.htm
index 2043bc46..c4d6402f 100644
--- a/examples/html/cities-hbs.htm
+++ b/examples/html/cities-hbs.htm
@@ -6,23 +6,7 @@ <h1>{{i18n 'Largest Cities in'}} {{country}}, {{region}}</h1>
     <nav>
         <a href="#/{{i18n_Locale}}/">{{i18n 'Countries'}}</a>
         <a href="#/{{i18n_Locale}}/regions/{{country}}">{{i18n 'Regions'}}</a>
-        <span class="download">{{i18n 'Download'}}</span>
-        <img class="download"
-            src="img/Excel.svg"
-            height="16"
-            width="16"
-            alt="{{i18n 'Download to Excel'}}"
-            title="{{i18n 'Download to Excel'}}"
-            data-export-excel-selector="table"
-            data-export-file-name="{{i18n 'Cities'}}.xlsx">
-        <img class="download"
-            src="img/CSV.svg"
-            height="16"
-            width="16"
-            alt="{{i18n 'Download to CSV'}}"
-            title="{{i18n 'Download to CSV'}}"
-            data-export-csv-selector="table"
-            data-export-file-name="{{i18n 'Cities'}}.csv">
+        <div class="ml-20" data-template-id="download-links" data-file-name="Cities"></div>
     </nav>
 
     <input data-filter-selector="table" placeholder="{{i18n 'Enter filter'}}">
diff --git a/examples/html/cities-js.htm b/examples/html/cities-js.htm
index 717433cb..b611ea25 100644
--- a/examples/html/cities-js.htm
+++ b/examples/html/cities-js.htm
@@ -6,25 +6,27 @@ <h1><span data-i18n="Largest Cities in"></span> <span data-bind="country"></span
     <nav>
         <a href="#/en/" data-i18n="Countries" data-i18n-href></a>
         <a href="#/[window.i18n_Locale]/regions/[country]" data-i18n="Regions" data-bind-attr="href"></a>
-        <span class="download" data-i18n="Download"></span>
-        <img class="download"
-            src="img/Excel.svg"
-            height="16"
-            width="16"
-            alt="Download to Excel"
-            title="Download to Excel"
-            data-export-excel-selector="table"
-            data-export-file-name="[[Cities]].xlsx"
-            data-i18n-attr="alt, title, data-export-file-name">
-        <img class="download"
-            src="img/CSV.svg"
-            height="16"
-            width="16"
-            alt="Download to CSV"
-            title="Download to CSV"
-            data-export-csv-selector="table"
-            data-export-file-name="[[Cities]].csv"
-            data-i18n-attr="alt, title, data-export-file-name">
+        <div class="download-links ml-20">
+            <span class="download" data-i18n="Download"></span>
+            <img class="download"
+                src="img/Excel.svg"
+                height="16"
+                width="16"
+                alt="Download to Excel"
+                title="Download to Excel"
+                data-export-excel-selector="table"
+                data-export-file-name="[[Cities]].xlsx"
+                data-i18n-attr="alt, title, data-export-file-name">
+            <img class="download"
+                src="img/CSV.svg"
+                height="16"
+                width="16"
+                alt="Download to CSV"
+                title="Download to CSV"
+                data-export-csv-selector="table"
+                data-export-file-name="[[Cities]].csv"
+                data-i18n-attr="alt, title, data-export-file-name">
+        </div>
     </nav>
 
     <input data-filter-selector="table" placeholder="Enter filter" data-i18n-attr="placeholder">
diff --git a/examples/html/cities-vue.htm b/examples/html/cities-vue.htm
index 6435e740..a6b50d5f 100644
--- a/examples/html/cities-vue.htm
+++ b/examples/html/cities-vue.htm
@@ -6,25 +6,27 @@ <h1><span v-i18n="'Largest Cities in'"></span> {{ country }}, {{ region }}</h1>
     <nav>
         <a v-bind:href="'#/' + i18n_Locale + '/'" v-i18n="'Countries'"></a>
         <a v-bind:href="'#/' + i18n_Locale + '/regions/' + country" v-i18n="'Regions'"></a>
-        <span class="download" v-i18n="'Download'"></span>
-        <img class="download"
-            src="img/Excel.svg"
-            height="16"
-            width="16"
-            alt="Download to Excel"
-            title="Download to Excel"
-            data-export-excel-selector="table"
-            data-export-file-name="[[Cities]].xlsx"
-            v-i18n-attr="'alt, title, data-export-file-name'">
-        <img class="download"
-            src="img/CSV.svg"
-            height="16"
-            width="16"
-            alt="Download to CSV"
-            title="Download to CSV"
-            data-export-csv-selector="table"
-            data-export-file-name="[[Cities]].csv"
-            v-i18n-attr="'alt, title, data-export-file-name'">
+        <div class="download-links ml-20">
+            <span class="download" v-i18n="'Download'"></span>
+            <img class="download"
+                src="img/Excel.svg"
+                height="16"
+                width="16"
+                alt="Download to Excel"
+                title="Download to Excel"
+                data-export-excel-selector="table"
+                data-export-file-name="[[Cities]].xlsx"
+                v-i18n-attr="'alt, title, data-export-file-name'">
+            <img class="download"
+                src="img/CSV.svg"
+                height="16"
+                width="16"
+                alt="Download to CSV"
+                title="Download to CSV"
+                data-export-csv-selector="table"
+                data-export-file-name="[[Cities]].csv"
+                v-i18n-attr="'alt, title, data-export-file-name'">
+        </div>
     </nav>
 
     <input data-filter-selector="table" placeholder="Enter filter" v-i18n-attr="'placeholder'">
diff --git a/examples/html/cities-web.htm b/examples/html/cities-web.htm
index d1416ba6..359efacb 100644
--- a/examples/html/cities-web.htm
+++ b/examples/html/cities-web.htm
@@ -3,25 +3,27 @@ <h1><span data-i18n="Largest Cities in"></span> <span url-param="country"></span
 <nav>
     <a href="#/en/" data-i18n="Countries" data-i18n-href></a>
     <a href="#/[window.i18n_Locale]/regions/[country]" data-i18n="Regions" url-attr-param="href"></a>
-    <span class="download" data-i18n="Download"></span>
-    <img class="download"
-        src="img/Excel.svg"
-        height="16"
-        width="16"
-        alt="Download to Excel"
-        title="Download to Excel"
-        data-export-excel-selector="table"
-        data-export-file-name="[[Cities]].xlsx"
-        data-i18n-attr="alt, title, data-export-file-name">
-    <img class="download"
-        src="img/CSV.svg"
-        height="16"
-        width="16"
-        alt="Download to CSV"
-        title="Download to CSV"
-        data-export-csv-selector="table"
-        data-export-file-name="[[Cities]].csv"
-        data-i18n-attr="alt, title, data-export-file-name">
+    <div class="download-links ml-20">
+        <span class="download" data-i18n="Download"></span>
+        <img class="download"
+            src="img/Excel.svg"
+            height="16"
+            width="16"
+            alt="Download to Excel"
+            title="Download to Excel"
+            data-export-excel-selector="table"
+            data-export-file-name="[[Cities]].xlsx"
+            data-i18n-attr="alt, title, data-export-file-name">
+        <img class="download"
+            src="img/CSV.svg"
+            height="16"
+            width="16"
+            alt="Download to CSV"
+            title="Download to CSV"
+            data-export-csv-selector="table"
+            data-export-file-name="[[Cities]].csv"
+            data-i18n-attr="alt, title, data-export-file-name">
+    </div>
 </nav>
 
 <json-data url="{rootApiUrl}/cities/:country/:region" url-params load-only-once>
diff --git a/examples/html/countries-hbs.htm b/examples/html/countries-hbs.htm
index 4e5d229b..c3e0c245 100644
--- a/examples/html/countries-hbs.htm
+++ b/examples/html/countries-hbs.htm
@@ -6,23 +6,7 @@ <h1>{{i18n 'Countries'}}</h1>
     <nav>
         <a href="#/{{i18n_Locale}}/search">{{i18n 'Search'}}</a>
         <a href="#/{{i18n_Locale}}/info">{{i18n 'Info'}}</a>
-        <span class="download">{{i18n 'Download'}}</span>
-        <img class="download"
-            src="img/Excel.svg"
-            height="16"
-            width="16"
-            alt="{{i18n 'Download to Excel'}}"
-            title="{{i18n 'Download to Excel'}}"
-            data-export-excel-selector="table"
-            data-export-file-name="{{i18n 'Countries'}}.xlsx">
-        <img class="download"
-            src="img/CSV.svg"
-            height="16"
-            width="16"
-            alt="{{i18n 'Download to CSV'}}"
-            title="{{i18n 'Download to CSV'}}"
-            data-export-csv-selector="table"
-            data-export-file-name="{{i18n 'Countries'}}.csv">
+        <div class="ml-20" data-template-id="download-links" data-file-name="Countries"></div>
     </nav>
 
     <input
diff --git a/examples/html/regions-hbs.htm b/examples/html/regions-hbs.htm
index 9daec4ee..48513ff0 100644
--- a/examples/html/regions-hbs.htm
+++ b/examples/html/regions-hbs.htm
@@ -5,23 +5,7 @@ <h1></h1>
 
     <nav>
         <a href="#/{{i18n_Locale}}/">{{i18n 'Countries'}}</a>
-        <span class="download">{{i18n 'Download'}}</span>
-        <img class="download"
-            src="img/Excel.svg"
-            height="16"
-            width="16"
-            alt="{{i18n 'Download to Excel'}}"
-            title="{{i18n 'Download to Excel'}}"
-            data-export-excel-selector="table"
-            data-export-file-name="{{i18n 'Regions'}}.xlsx">
-        <img class="download"
-            src="img/CSV.svg"
-            height="16"
-            width="16"
-            alt="{{i18n 'Download to CSV'}}"
-            title="{{i18n 'Download to CSV'}}"
-            data-export-csv-selector="table"
-            data-export-file-name="{{i18n 'Regions'}}.csv">
+        <div class="ml-20" data-template-id="download-links" data-file-name="Regions"></div>
     </nav>
 
     <input
diff --git a/examples/html/regions-js.htm b/examples/html/regions-js.htm
index 63714050..8f64c11d 100644
--- a/examples/html/regions-js.htm
+++ b/examples/html/regions-js.htm
@@ -5,25 +5,27 @@ <h1></h1>
 
     <nav>
         <a href="#/en/" data-i18n="Countries" data-i18n-href></a>
-        <span class="download" data-i18n="Download"></span>
-        <img class="download"
-            src="img/Excel.svg"
-            height="16"
-            width="16"
-            alt="Download to Excel"
-            title="Download to Excel"
-            data-export-excel-selector="table"
-            data-export-file-name="[[Regions]].xlsx"
-            data-i18n-attr="alt, title, data-export-file-name">
-        <img class="download"
-            src="img/CSV.svg"
-            height="16"
-            width="16"
-            alt="Download to CSV"
-            title="Download to CSV"
-            data-export-csv-selector="table"
-            data-export-file-name="[[Regions]].csv"
-            data-i18n-attr="alt, title, data-export-file-name">
+        <div class="download-links ml-20">
+            <span class="download" data-i18n="Download"></span>
+            <img class="download"
+                src="img/Excel.svg"
+                height="16"
+                width="16"
+                alt="Download to Excel"
+                title="Download to Excel"
+                data-export-excel-selector="table"
+                data-export-file-name="[[Regions]].xlsx"
+                data-i18n-attr="alt, title, data-export-file-name">
+            <img class="download"
+                src="img/CSV.svg"
+                height="16"
+                width="16"
+                alt="Download to CSV"
+                title="Download to CSV"
+                data-export-csv-selector="table"
+                data-export-file-name="[[Regions]].csv"
+                data-i18n-attr="alt, title, data-export-file-name">
+        </div>
     </nav>
 
     <input
diff --git a/examples/html/regions-vue.htm b/examples/html/regions-vue.htm
index 47eb1f5f..787f7ad7 100644
--- a/examples/html/regions-vue.htm
+++ b/examples/html/regions-vue.htm
@@ -5,25 +5,27 @@ <h1></h1>
     
     <nav>
         <a v-bind:href="'#/' + i18n_Locale + '/'" v-i18n="'Countries'"></a>
-        <span class="download" v-i18n="'Download'"></span>
-        <img class="download"
-            src="img/Excel.svg"
-            height="16"
-            width="16"
-            alt="Download to Excel"
-            title="Download to Excel"
-            data-export-excel-selector="table"
-            data-export-file-name="[[Regions]].xlsx"
-            v-i18n-attr="'alt, title, data-export-file-name'">
-        <img class="download"
-            src="img/CSV.svg"
-            height="16"
-            width="16"
-            alt="Download to CSV"
-            title="Download to CSV"
-            data-export-csv-selector="table"
-            data-export-file-name="[[Regions]].csv"
-            v-i18n-attr="'alt, title, data-export-file-name'">
+        <div class="download-links ml-20">
+            <span class="download" v-i18n="'Download'"></span>
+            <img class="download"
+                src="img/Excel.svg"
+                height="16"
+                width="16"
+                alt="Download to Excel"
+                title="Download to Excel"
+                data-export-excel-selector="table"
+                data-export-file-name="[[Regions]].xlsx"
+                v-i18n-attr="'alt, title, data-export-file-name'">
+            <img class="download"
+                src="img/CSV.svg"
+                height="16"
+                width="16"
+                alt="Download to CSV"
+                title="Download to CSV"
+                data-export-csv-selector="table"
+                data-export-file-name="[[Regions]].csv"
+                v-i18n-attr="'alt, title, data-export-file-name'">
+        </div>
     </nav>
 
     <input data-filter-selector="table"
diff --git a/examples/html/regions-web.htm b/examples/html/regions-web.htm
index eb888e62..99a1fa21 100644
--- a/examples/html/regions-web.htm
+++ b/examples/html/regions-web.htm
@@ -2,25 +2,27 @@ <h1><span>Regions for Country Code</span> <span url-param="country"></span></h1>
 
 <nav>
     <a href="#/en/" data-i18n="Countries" data-i18n-href></a>
-    <span class="download" data-i18n="Download"></span>
-    <img class="download"
-        src="img/Excel.svg"
-        height="16"
-        width="16"
-        alt="Download to Excel"
-        title="Download to Excel"
-        data-export-excel-selector="table"
-        data-export-file-name="[[Regions]].xlsx"
-        data-i18n-attr="alt, title, data-export-file-name">
-    <img class="download"
-        src="img/CSV.svg"
-        height="16"
-        width="16"
-        alt="Download to CSV"
-        title="Download to CSV"
-        data-export-csv-selector="table"
-        data-export-file-name="[[Regions]].csv"
-        data-i18n-attr="alt, title, data-export-file-name">
+    <div class="download-links ml-20">
+        <span class="download" data-i18n="Download"></span>
+        <img class="download"
+            src="img/Excel.svg"
+            height="16"
+            width="16"
+            alt="Download to Excel"
+            title="Download to Excel"
+            data-export-excel-selector="table"
+            data-export-file-name="[[Regions]].xlsx"
+            data-i18n-attr="alt, title, data-export-file-name">
+        <img class="download"
+            src="img/CSV.svg"
+            height="16"
+            width="16"
+            alt="Download to CSV"
+            title="Download to CSV"
+            data-export-csv-selector="table"
+            data-export-file-name="[[Regions]].csv"
+            data-i18n-attr="alt, title, data-export-file-name">
+    </div>
 </nav>
 
 <!--
diff --git a/examples/html/search-places-results-hbs.htm b/examples/html/search-places-results-hbs.htm
index 79d38fc6..28d85222 100644
--- a/examples/html/search-places-results-hbs.htm
+++ b/examples/html/search-places-results-hbs.htm
@@ -19,23 +19,7 @@ <h2>{{search.cities.length}} {{i18n 'Cities Found'}}</h2>
 
     <div>
         <nav style="display: inline-flex;">
-            <span class="download" style="margin-left:0;">{{i18n 'Download'}}</span>
-            <img class="download"
-                src="img/Excel.svg"
-                height="16"
-                width="16"
-                alt="{{i18n 'Download to Excel'}}"
-                title="{{i18n 'Download to Excel'}}"
-                data-export-excel-selector="table"
-                data-export-file-name="{{i18n 'Search'}}.xlsx">
-            <img class="download"
-                src="img/CSV.svg"
-                height="16"
-                width="16"
-                alt="{{i18n 'Download to CSV'}}"
-                title="{{i18n 'Download to CSV'}}"
-                data-export-csv-selector="table"
-                data-export-file-name="{{i18n 'Search'}}.csv">
+            <div data-template-id="download-links" data-file-name="Search"></div>
         </nav>
     </div>
 
diff --git a/examples/html/search-places-vue.htm b/examples/html/search-places-vue.htm
index c77b0e4c..a369b541 100644
--- a/examples/html/search-places-vue.htm
+++ b/examples/html/search-places-vue.htm
@@ -28,7 +28,6 @@ <h1 v-i18n="'Search'"></h1>
                 <option v-for="country in countries" v-bind:value="country.iso">{{ country.country }}</option>
         </select>
 
-
         <input
             data-bind="city"
             data-enter-key-click-selector=".btn-search"
diff --git a/examples/places-demo-graphql.htm b/examples/places-demo-graphql.htm
index 9a44dec5..1aaca33d 100644
--- a/examples/places-demo-graphql.htm
+++ b/examples/places-demo-graphql.htm
@@ -131,7 +131,32 @@ <h3 class="error">{{i18n 'Error'}} - {{errorMessage}}</h3>
             data-src="html/places-info-hbs.htm">
         </script>
 
-        <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/DataFormsJS.min.js"></script>
+        <!--
+            See detailed comments in the file [places-demo-hbs.htm] for info on how this
+            HTML control works. On the other page it uses the same [id]: "download-links"
+        -->
+        <script type="text/x-template" data-engine="handlebars" id="download-links">
+            <span class="download">{{i18n 'Download'}}</span>
+            <img class="download"
+                src="img/Excel.svg"
+                height="16"
+                width="16"
+                alt="{{i18n 'Download to Excel'}}"
+                title="{{i18n 'Download to Excel'}}"
+                data-export-excel-selector="table"
+                data-export-file-name="{{i18n fileName}}.xlsx">
+            <img class="download"
+                src="img/CSV.svg"
+                height="16"
+                width="16"
+                alt="{{i18n 'Download to CSV'}}"
+                title="{{i18n 'Download to CSV'}}"
+                data-export-csv-selector="table"
+                data-export-file-name="{{i18n fileName}}.csv">
+        </script>
+
+        <!-- <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/DataFormsJS.min.js"></script> -->
+        <script src="../js/DataFormsJS.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/pages/jsonData.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/extensions/handlebars-helpers.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/filter.min.js"></script>
diff --git a/examples/places-demo-hbs.htm b/examples/places-demo-hbs.htm
index 57e80335..d161de7e 100644
--- a/examples/places-demo-hbs.htm
+++ b/examples/places-demo-hbs.htm
@@ -61,24 +61,8 @@ <h1>{{i18n 'Countries'}}</h1>
 
                 <nav>
                     <a href="#/{{i18n_Locale}}/search">{{i18n 'Search'}}</a>
-                    <a href="#/{{i18n_Locale}}/info">{{i18n 'Info'}}</a>                    
-                    <span class="download">{{i18n 'Download'}}</span>
-                    <img class="download"
-                        src="img/Excel.svg"
-                        height="16"
-                        width="16"
-                        alt="{{i18n 'Download to Excel'}}"
-                        title="{{i18n 'Download to Excel'}}"
-                        data-export-excel-selector="table"
-                        data-export-file-name="{{i18n 'Countries'}}.xlsx">
-                    <img class="download"
-                        src="img/CSV.svg"
-                        height="16"
-                        width="16"
-                        alt="{{i18n 'Download to CSV'}}"
-                        title="{{i18n 'Download to CSV'}}"
-                        data-export-csv-selector="table"
-                        data-export-file-name="{{i18n 'Countries'}}.csv">
+                    <a href="#/{{i18n_Locale}}/info">{{i18n 'Info'}}</a>
+                    <div class="ml-20" data-template-id="download-links" data-file-name="Countries"></div>
                 </nav>
 
                 <input
@@ -116,6 +100,35 @@ <h1>{{i18n 'Countries'}}</h1>
             {{/if}}
         </script>
 
+        <!--
+            This HTML Control (similar concept to a React or Vue Component) takes a
+            [fileName] property (defined from HTML attribute [data-file-name]) and
+            renders the HTML. Plugins [i18n, exportToExcel, exportToCsv] are used with-in
+            this HTML control for export functionality using the users selected language.
+
+            This control ends up being included when [data-template-id="download-links"]
+            is used on the page's HTML.
+        -->
+        <script type="text/x-template" data-engine="handlebars" id="download-links">
+            <span class="download">{{i18n 'Download'}}</span>
+            <img class="download"
+                src="img/Excel.svg"
+                height="16"
+                width="16"
+                alt="{{i18n 'Download to Excel'}}"
+                title="{{i18n 'Download to Excel'}}"
+                data-export-excel-selector="table"
+                data-export-file-name="{{i18n fileName}}.xlsx">
+            <img class="download"
+                src="img/CSV.svg"
+                height="16"
+                width="16"
+                alt="{{i18n 'Download to CSV'}}"
+                title="{{i18n 'Download to CSV'}}"
+                data-export-csv-selector="table"
+                data-export-file-name="{{i18n fileName}}.csv">
+        </script>
+
         <script
             type="text/x-template"
             data-engine="handlebars"
@@ -169,7 +182,8 @@ <h1>{{i18n 'Countries'}}</h1>
         <script src="https://cdn.jsdelivr.net/npm/handlebars@4.7.6/dist/handlebars.min.js"></script>
 
         <!-- DataFormsJS -->
-        <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/DataFormsJS.min.js"></script>
+        <!-- <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/DataFormsJS.min.js"></script> -->
+        <script src="../js/DataFormsJS.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/pages/jsonData.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/extensions/handlebars-helpers.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/extensions/format.min.js"></script>
@@ -207,7 +221,7 @@ <h1>{{i18n 'Countries'}}</h1>
                     'https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/chosen.min.js',
                 ],
                 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',
+                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',
                 leafletPlugin: 'https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/leaflet.min.js',
diff --git a/examples/places-demo-js.htm b/examples/places-demo-js.htm
index c172417b..cc24e6c0 100644
--- a/examples/places-demo-js.htm
+++ b/examples/places-demo-js.htm
@@ -45,25 +45,27 @@ <h1 data-i18n="Countries"></h1>
                 <nav>
                     <a href="#/en/search" data-i18n="Search" data-i18n-href></a>
                     <a href="#/en/info" data-i18n="Info" data-i18n-href></a>
-                    <span class="download" data-i18n="Download"></span>
-                    <img class="download"
-                        src="img/Excel.svg"
-                        height="16"
-                        width="16"
-                        alt="Download to Excel"
-                        title="Download to Excel"
-                        data-export-excel-selector="table"
-                        data-export-file-name="[[Countries]].xlsx"
-                        data-i18n-attr="alt, title, data-export-file-name">
-                    <img class="download"
-                        src="img/CSV.svg"
-                        height="16"
-                        width="16"
-                        alt="Download to CSV"
-                        title="Download to CSV"
-                        data-export-csv-selector="table"
-                        data-export-file-name="[[Countries]].csv"
-                        data-i18n-attr="alt, title, data-export-file-name">
+                    <div class="download-links ml-20">
+                        <span class="download" data-i18n="Download"></span>
+                        <img class="download"
+                            src="img/Excel.svg"
+                            height="16"
+                            width="16"
+                            alt="Download to Excel"
+                            title="Download to Excel"
+                            data-export-excel-selector="table"
+                            data-export-file-name="[[Countries]].xlsx"
+                            data-i18n-attr="alt, title, data-export-file-name">
+                        <img class="download"
+                            src="img/CSV.svg"
+                            height="16"
+                            width="16"
+                            alt="Download to CSV"
+                            title="Download to CSV"
+                            data-export-csv-selector="table"
+                            data-export-file-name="[[Countries]].csv"
+                            data-i18n-attr="alt, title, data-export-file-name">
+                    </div>
                 </nav>
 
                 <input
diff --git a/examples/places-demo-preact.htm b/examples/places-demo-preact.htm
index d427abbe..42749f25 100644
--- a/examples/places-demo-preact.htm
+++ b/examples/places-demo-preact.htm
@@ -191,26 +191,27 @@ <h1>{i18n.text('Countries')}</h1>
                 if (!supportsWebComponents) {
                     return null;
                 }
-                const style=(noMarginLeft ? {marginLeft:'0'} : {})
+                const className = (noMarginLeft ? 'download' : 'download ml-20');
                 return (<>
-                    <span className="download" style={style}>{i18n.text('Download')}</span>
-                    <img className="download"
-                        src="img/Excel.svg"
-                        height="16"
-                        width="16"
-                        alt={i18n.text('Download to Excel')}
-                        title={i18n.text('Download to Excel')}
-                        data-export-excel-selector="table"
-                        data-export-file-name={i18n.text(fileName) + '.xlsx'} />
-                    <img className="download"
-                        src="img/CSV.svg"
-                        height="16"
-                        width="16"
-                        alt={i18n.text('Download to CSV')}
-                        title={i18n.text('Download to CSV')}
-                        data-export-csv-selector="table"
-                        data-export-file-name={i18n.text(fileName) + '.csv'} />
-
+                    <div className="download-links">
+                        <span className={className}>{i18n.text('Download')}</span>
+                        <img className="download"
+                            src="img/Excel.svg"
+                            height="16"
+                            width="16"
+                            alt={i18n.text('Download to Excel')}
+                            title={i18n.text('Download to Excel')}
+                            data-export-excel-selector="table"
+                            data-export-file-name={i18n.text(fileName) + '.xlsx'} />
+                        <img className="download"
+                            src="img/CSV.svg"
+                            height="16"
+                            width="16"
+                            alt={i18n.text('Download to CSV')}
+                            title={i18n.text('Download to CSV')}
+                            data-export-csv-selector="table"
+                            data-export-file-name={i18n.text(fileName) + '.csv'} />
+                    </div>
                     <export-to-excel-service></export-to-excel-service>
                     <export-to-csv-service></export-to-csv-service>
                 </>)
diff --git a/examples/places-demo-react.htm b/examples/places-demo-react.htm
index 513981a1..1e4e4360 100644
--- a/examples/places-demo-react.htm
+++ b/examples/places-demo-react.htm
@@ -194,26 +194,27 @@ <h1>{i18n.text('Countries')}</h1>
                 if (!supportsWebComponents) {
                     return null;
                 }
-                const style=(noMarginLeft ? {marginLeft:'0'} : {})
+                const className = (noMarginLeft ? 'download' : 'download ml-20');
                 return (<>
-                    <span className="download" style={style}>{i18n.text('Download')}</span>
-                    <img className="download"
-                        src="img/Excel.svg"
-                        height="16"
-                        width="16"
-                        alt={i18n.text('Download to Excel')}
-                        title={i18n.text('Download to Excel')}
-                        data-export-excel-selector="table"
-                        data-export-file-name={i18n.text(fileName) + '.xlsx'} />
-                    <img className="download"
-                        src="img/CSV.svg"
-                        height="16"
-                        width="16"
-                        alt={i18n.text('Download to CSV')}
-                        title={i18n.text('Download to CSV')}
-                        data-export-csv-selector="table"
-                        data-export-file-name={i18n.text(fileName) + '.csv'} />
-
+                    <div className="download-links">
+                        <span className={className}>{i18n.text('Download')}</span>
+                        <img className="download"
+                            src="img/Excel.svg"
+                            height="16"
+                            width="16"
+                            alt={i18n.text('Download to Excel')}
+                            title={i18n.text('Download to Excel')}
+                            data-export-excel-selector="table"
+                            data-export-file-name={i18n.text(fileName) + '.xlsx'} />
+                        <img className="download"
+                            src="img/CSV.svg"
+                            height="16"
+                            width="16"
+                            alt={i18n.text('Download to CSV')}
+                            title={i18n.text('Download to CSV')}
+                            data-export-csv-selector="table"
+                            data-export-file-name={i18n.text(fileName) + '.csv'} />
+                    </div>
                     <export-to-excel-service></export-to-excel-service>
                     <export-to-csv-service></export-to-csv-service>
                 </>)
diff --git a/examples/places-demo-vue.htm b/examples/places-demo-vue.htm
index 36d81ca7..02bc17c3 100644
--- a/examples/places-demo-vue.htm
+++ b/examples/places-demo-vue.htm
@@ -44,25 +44,27 @@ <h1 v-i18n="'Countries'"></h1>
                 <nav>
                     <a v-bind:href="'#/' + i18n_Locale + '/search'" v-i18n="'Search'"></a>
                     <a v-bind:href="'#/' + i18n_Locale + '/info'" v-i18n="'Info'"></a>
-                    <span class="download" v-i18n="'Download'"></span>
-                    <img class="download"
-                        src="img/Excel.svg"
-                        height="16"
-                        width="16"
-                        alt="Download to Excel"
-                        title="Download to Excel"
-                        data-export-excel-selector="table"
-                        data-export-file-name="[[Countries]].xlsx"
-                        v-i18n-attr="'alt, title, data-export-file-name'">
-                    <img class="download"
-                        src="img/CSV.svg"
-                        height="16"
-                        width="16"
-                        alt="Download to CSV"
-                        title="Download to CSV"
-                        data-export-csv-selector="table"
-                        data-export-file-name="[[Countries]].csv"
-                        v-i18n-attr="'alt, title, data-export-file-name'">
+                    <div class="download-links ml-20">
+                        <span class="download" v-i18n="'Download'"></span>
+                        <img class="download"
+                            src="img/Excel.svg"
+                            height="16"
+                            width="16"
+                            alt="Download to Excel"
+                            title="Download to Excel"
+                            data-export-excel-selector="table"
+                            data-export-file-name="[[Countries]].xlsx"
+                            v-i18n-attr="'alt, title, data-export-file-name'">
+                        <img class="download"
+                            src="img/CSV.svg"
+                            height="16"
+                            width="16"
+                            alt="Download to CSV"
+                            title="Download to CSV"
+                            data-export-csv-selector="table"
+                            data-export-file-name="[[Countries]].csv"
+                            v-i18n-attr="'alt, title, data-export-file-name'">
+                    </div>
                 </nav>
 
                 <input
diff --git a/examples/places-demo-web.htm b/examples/places-demo-web.htm
index ad6dbd66..94723897 100644
--- a/examples/places-demo-web.htm
+++ b/examples/places-demo-web.htm
@@ -89,25 +89,27 @@ <h1 data-i18n="Countries"></h1>
                     <nav>
                         <a href="#/en/search" data-i18n="Search" data-i18n-href></a>
                         <a href="#/en/info" data-i18n="Info" data-i18n-href></a>
-                        <span class="download" data-i18n="Download"></span>
-                        <img class="download"
-                            src="img/Excel.svg"
-                            height="16"
-                            width="16"
-                            alt="Download to Excel"
-                            title="Download to Excel"
-                            data-export-excel-selector="table"
-                            data-export-file-name="[[Countries]].xlsx"
-                            data-i18n-attr="alt, title, data-export-file-name">
-                        <img class="download"
-                            src="img/CSV.svg"
-                            height="16"
-                            width="16"
-                            alt="Download to CSV"
-                            title="Download to CSV"
-                            data-export-csv-selector="table"
-                            data-export-file-name="[[Countries]].csv"
-                            data-i18n-attr="alt, title, data-export-file-name">
+                        <div class="download-links ml-20">
+                            <span class="download" data-i18n="Download"></span>
+                            <img class="download"
+                                src="img/Excel.svg"
+                                height="16"
+                                width="16"
+                                alt="Download to Excel"
+                                title="Download to Excel"
+                                data-export-excel-selector="table"
+                                data-export-file-name="[[Countries]].xlsx"
+                                data-i18n-attr="alt, title, data-export-file-name">
+                            <img class="download"
+                                src="img/CSV.svg"
+                                height="16"
+                                width="16"
+                                alt="Download to CSV"
+                                title="Download to CSV"
+                                data-export-csv-selector="table"
+                                data-export-file-name="[[Countries]].csv"
+                                data-i18n-attr="alt, title, data-export-file-name">
+                        </div>
                     </nav>
 
                     <json-data url="{rootApiUrl}/countries" load-only-once onready="showMessage('Countries List is ready')">

From da8bc1e3a70b6578dc59510e50d0d66e83ad98dd Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Tue, 22 Feb 2022 00:49:15 -0800
Subject: [PATCH 13/51] =?UTF-8?q?=F0=9F=93=84=20Task=20List=20Update?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/to-do-list.txt | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/docs/to-do-list.txt b/docs/to-do-list.txt
index 72f5eb73..00fedd62 100644
--- a/docs/to-do-list.txt
+++ b/docs/to-do-list.txt
@@ -22,12 +22,14 @@ TODO List
 |
 --------------------------------------------------------------------------
 
-**) Finish adding Excel and CSV Export to the Places Demo
-    - Several NPM releases are being made prior to the updates being published on the main site:
-        After NPM release update all "../js/" to the CDN Page
-        Use global search of "../js/" to find files that need to be updated
+**) Current Updates
+    - Next release 5.13.0 - see active changes in CHANGELOG.md
+        - More testing will be performed prior to the npm release
+    - Several features are being added with related example updates in the Places examples
     - This is being worked on mid-Feb 2022 and will likely be published by the end of this month
     - Verify new CSV icon with IE and different screens
+    - After NPM release update all "../js/" to the CDN Page
+        Use global search of "../js/" to find files that need to be updated
 
 **) Update the Getting Started CSS Template used here:
         https://www.dataformsjs.com/en/getting-started

From 5eb89ec4b8b59c0eba287776a0900fab93b155b1 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Tue, 22 Feb 2022 01:54:40 -0800
Subject: [PATCH 14/51] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20Remove=20console=20s?=
 =?UTF-8?q?tatement=20from=20previous=20build?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 js/DataFormsJS.js     | 3 ---
 js/DataFormsJS.min.js | 2 +-
 2 files changed, 1 insertion(+), 4 deletions(-)

diff --git a/js/DataFormsJS.js b/js/DataFormsJS.js
index 6a6dbf22..a1630f39 100644
--- a/js/DataFormsJS.js
+++ b/js/DataFormsJS.js
@@ -2228,9 +2228,6 @@
                         app.refreshPlugins(control);
                     }
                     // Refresh nested HTML Controls
-                    if (control.id === 'control-1') {
-                        console.log(control, isUpdatingAllControls, isUpdatingView);
-                    }
                     var promises = [];
                     if (!isUpdatingAllControls && !isUpdatingView) {
                         var nestedControls = control.querySelectorAll('[data-template-id],[data-template-url]');
diff --git a/js/DataFormsJS.min.js b/js/DataFormsJS.min.js
index 99f3ff6f..fd3f40de 100644
--- a/js/DataFormsJS.min.js
+++ b/js/DataFormsJS.min.js
@@ -2,4 +2,4 @@
 // @version 5.12.1
 // @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],v=!1,f=!1,m=!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(m=!1);if(m)return C===i?void 0:(window.setTimeout(V,200),void E++);if(v)return C===i?void 0:(window.setTimeout(V,200),void E++);for(o in m=!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(m=!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(m=!1);if(null===c){if(0===h.controllers.length)return h.updateView(),void(m=!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)),m=!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(),m=!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)():m=!1})}catch(e){h.showErrorAlert("Error from Plugin ["+r[n]+"] on [onRouteLoad()]: "+e.toString()),console.error(e),h.updateView(),m=!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 v},updateView:function(){function e(){var e,t,o,r,n;if(v=!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"),v=!(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")),v=!1})}catch(e){throw v=!1,console.error(e),e}}else v=!(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)}}v?t=window.setInterval(function(){v||(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,v||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),v||(h.loadAllJsControls(t,s),h.unloadUnattachedJsControls()),f||h.refreshPlugins(t),"control-1"===t.id&&console.log(t,f,v);var o=[];f||v||(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)}))})),0!==o.length||void 0===r?Promise.all(o).finally(function(){void 0!==r&&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.12.1",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],v=!1,f=!1,m=!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(m=!1);if(m)return C===i?void 0:(window.setTimeout(V,200),void E++);if(v)return C===i?void 0:(window.setTimeout(V,200),void E++);for(o in m=!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(m=!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(m=!1);if(null===c){if(0===h.controllers.length)return h.updateView(),void(m=!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)),m=!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(),m=!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)():m=!1})}catch(e){h.showErrorAlert("Error from Plugin ["+r[n]+"] on [onRouteLoad()]: "+e.toString()),console.error(e),h.updateView(),m=!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 v},updateView:function(){function e(){var e,t,o,r,n;if(v=!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"),v=!(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")),v=!1})}catch(e){throw v=!1,console.error(e),e}}else v=!(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)}}v?t=window.setInterval(function(){v||(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,v||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),v||(h.loadAllJsControls(t,s),h.unloadUnattachedJsControls()),f||h.refreshPlugins(t);var o=[];f||v||(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)}))})),0!==o.length||void 0===r?Promise.all(o).finally(function(){void 0!==r&&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.12.1",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

From b2a548e7556fc1ae66821e4b7cc5625ee73af3a9 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Tue, 22 Feb 2022 02:03:39 -0800
Subject: [PATCH 15/51] =?UTF-8?q?=E2=9C=A8=20Update=20Web=20Component=20Cl?=
 =?UTF-8?q?ass=20for=20camelCase=20Props?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                        |   9 ++-
 examples/html/cities-web.htm        |  22 +-----
 examples/html/regions-web.htm       |  22 +-----
 examples/html/search-places-web.htm |  20 +----
 examples/places-demo-web.htm        | 116 +++++++++++++++++++++++-----
 js/web-components/Component.js      |  44 ++++++++++-
 js/web-components/Component.min.js  |   2 +-
 7 files changed, 149 insertions(+), 86 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 67cbe190..b05a01a7 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -16,13 +16,20 @@ Overall the core Framework files, React Components, and Web Components and API a
     * https://dataformsjs.com/examples/places-demo-hbs.htm
     * All pages with Excel and CSV export pass prop to a HTML Control
     * Search Screen renders nested HTML control when `app.refreshHtmlControl()` is called from the JS Control `<json-data>`
+* Web Components - Component Class
+  * `~/js/web-components/Component.js`
+  * https://github.com/dataformsjs/dataformsjs/blob/master/js/web-components/Component.js
+  * Update so that props defined with `camelCase` will be available as `dashed-case` from HTML Observable Attributes
+  * Update HTML Observable Attributes to convert strings to correct type for true, false, null and empty values
+  * Example is being published with the Web Components Places Demo:
+    * https://www.dataformsjs.com/examples/places-demo-web.htm
 * Framework Plugins - Excel and CSV Export
   * `~/js/plugins/exportToCsv.js`
   * `~/js/plugins/exportToExcel.js`
   * Add support so that elements using the plugin are refreshed when `app.refreshHtmlControl()` is called.
   * Minor fix handled by using `onRendered(rootElement)` instead of `onRendered()`.
   * For Excel text columns were the the max character width is less than 20 an extra 2 pixels of space will be added so content better fits.
-* I18N update 
+* I18N update
   * Framework Plugin `~/js/plugins/i18n.js`
   * Web Component `~/js/web-components/i18n-service.js`
   * Added ability to find and replace i18n keys inside of an attribute string by using syntax `[[key]]`
diff --git a/examples/html/cities-web.htm b/examples/html/cities-web.htm
index 359efacb..47f6fa10 100644
--- a/examples/html/cities-web.htm
+++ b/examples/html/cities-web.htm
@@ -3,27 +3,7 @@ <h1><span data-i18n="Largest Cities in"></span> <span url-param="country"></span
 <nav>
     <a href="#/en/" data-i18n="Countries" data-i18n-href></a>
     <a href="#/[window.i18n_Locale]/regions/[country]" data-i18n="Regions" url-attr-param="href"></a>
-    <div class="download-links ml-20">
-        <span class="download" data-i18n="Download"></span>
-        <img class="download"
-            src="img/Excel.svg"
-            height="16"
-            width="16"
-            alt="Download to Excel"
-            title="Download to Excel"
-            data-export-excel-selector="table"
-            data-export-file-name="[[Cities]].xlsx"
-            data-i18n-attr="alt, title, data-export-file-name">
-        <img class="download"
-            src="img/CSV.svg"
-            height="16"
-            width="16"
-            alt="Download to CSV"
-            title="Download to CSV"
-            data-export-csv-selector="table"
-            data-export-file-name="[[Cities]].csv"
-            data-i18n-attr="alt, title, data-export-file-name">
-    </div>
+    <download-links file-name="Cities"></download-links>
 </nav>
 
 <json-data url="{rootApiUrl}/cities/:country/:region" url-params load-only-once>
diff --git a/examples/html/regions-web.htm b/examples/html/regions-web.htm
index 99a1fa21..c19a9b3f 100644
--- a/examples/html/regions-web.htm
+++ b/examples/html/regions-web.htm
@@ -2,27 +2,7 @@ <h1><span>Regions for Country Code</span> <span url-param="country"></span></h1>
 
 <nav>
     <a href="#/en/" data-i18n="Countries" data-i18n-href></a>
-    <div class="download-links ml-20">
-        <span class="download" data-i18n="Download"></span>
-        <img class="download"
-            src="img/Excel.svg"
-            height="16"
-            width="16"
-            alt="Download to Excel"
-            title="Download to Excel"
-            data-export-excel-selector="table"
-            data-export-file-name="[[Regions]].xlsx"
-            data-i18n-attr="alt, title, data-export-file-name">
-        <img class="download"
-            src="img/CSV.svg"
-            height="16"
-            width="16"
-            alt="Download to CSV"
-            title="Download to CSV"
-            data-export-csv-selector="table"
-            data-export-file-name="[[Regions]].csv"
-            data-i18n-attr="alt, title, data-export-file-name">
-    </div>
+    <download-links file-name="Regions"></download-links>
 </nav>
 
 <!--
diff --git a/examples/html/search-places-web.htm b/examples/html/search-places-web.htm
index 2a9f55f1..07c5e452 100644
--- a/examples/html/search-places-web.htm
+++ b/examples/html/search-places-web.htm
@@ -77,25 +77,7 @@ <h2><span data-bind="cities.length"></span> <span data-i18n="Cities Found"></spa
 
                 <div data-show="typeof cities === 'object' && cities.length > 0">
                     <nav style="display: inline-flex;">
-                        <span class="download" data-i18n="Download" style="margin-left: 0;"></span>
-                        <img class="download"
-                            src="img/Excel.svg"
-                            height="16"
-                            width="16"
-                            alt="Download to Excel"
-                            title="Download to Excel"
-                            data-export-excel-selector="table"
-                            data-export-file-name="[[Search]].xlsx"
-                            data-i18n-attr="alt, title, data-export-file-name">
-                        <img class="download"
-                            src="img/CSV.svg"
-                            height="16"
-                            width="16"
-                            alt="Download to CSV"
-                            title="Download to CSV"
-                            data-export-csv-selector="table"
-                            data-export-file-name="[[Search]].csv"
-                            data-i18n-attr="alt, title, data-export-file-name">
+                        <download-links file-name="Search" margin-left="false"></download-links>
                     </nav>
                 </div>
 
diff --git a/examples/places-demo-web.htm b/examples/places-demo-web.htm
index 94723897..7703a384 100644
--- a/examples/places-demo-web.htm
+++ b/examples/places-demo-web.htm
@@ -89,27 +89,11 @@ <h1 data-i18n="Countries"></h1>
                     <nav>
                         <a href="#/en/search" data-i18n="Search" data-i18n-href></a>
                         <a href="#/en/info" data-i18n="Info" data-i18n-href></a>
-                        <div class="download-links ml-20">
-                            <span class="download" data-i18n="Download"></span>
-                            <img class="download"
-                                src="img/Excel.svg"
-                                height="16"
-                                width="16"
-                                alt="Download to Excel"
-                                title="Download to Excel"
-                                data-export-excel-selector="table"
-                                data-export-file-name="[[Countries]].xlsx"
-                                data-i18n-attr="alt, title, data-export-file-name">
-                            <img class="download"
-                                src="img/CSV.svg"
-                                height="16"
-                                width="16"
-                                alt="Download to CSV"
-                                title="Download to CSV"
-                                data-export-csv-selector="table"
-                                data-export-file-name="[[Countries]].csv"
-                                data-i18n-attr="alt, title, data-export-file-name">
-                        </div>
+                        <!--
+                            <download-links> is a custom Web Component defined
+                                for this app near the bottom of this file.
+                        -->
+                        <download-links file-name="Countries"></download-links>
                     </nav>
 
                     <json-data url="{rootApiUrl}/countries" load-only-once onready="showMessage('Countries List is ready')">
@@ -336,5 +320,95 @@ <h1 data-i18n="Countries"></h1>
                 });
             })();
         </script>
+
+        <!--
+            Define Custom Web Component <download-links>
+
+            This uses the DataFormsJS Class `Component` which was created so that
+            custom Web Components can be quickly defined for an app.
+        -->
+        <script type="module">
+            // import { Component, html } from 'https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/Component.min.js';
+            import { Component, html } from '../js/web-components/Component.js';
+
+            // Define class for the <download-links> element
+            class DownloadLinks extends Component {
+                // Props end up being assigned to both HTML observable attributes
+                // and JavaScript properties. Example usage:
+                //    document.querySelector('download-links').fileName = 'Report';
+                //    document.querySelector('download-links').setAttribute('file-name', 'Report');
+                static get props() {
+                    return {
+                        fileName: null,
+                        marginLeft: true,
+                    }
+                }
+
+                render() {
+                    return html`
+                        <div class="download-links ${this.marginLeft ? 'ml-20' : ''}">
+                            <span class="download">${window.i18nText('Download')}</span>
+                            <img class="download"
+                                src="img/Excel.svg"
+                                height="16"
+                                width="16"
+                                alt="${window.i18nText('Download to Excel')}"
+                                title="${window.i18nText('Download to Excel')}"
+                                data-export-excel-selector="table"
+                                data-export-file-name="${window.i18nText(this.fileName)}.xlsx">
+                            <img class="download"
+                                src="img/CSV.svg"
+                                height="16"
+                                width="16"
+                                alt="${window.i18nText('Download to CSV')}"
+                                title="${window.i18nText('Download to CSV')}"
+                                data-export-csv-selector="table"
+                                data-export-file-name="${window.i18nText(this.fileName)}.csv">
+                        </div>
+                    `;
+                }
+            }
+
+            // Add <download-links> element to the page
+            window.customElements.define('download-links', DownloadLinks);
+        </script>
+        <script nomodule>
+            // Only modern browsers support Web Components so for IE and older browsers
+            // handle the document event 'app:routeChanged' which gets triggered from
+            // [polyfill.js] and then manually render HTML for the Web Component.
+            (function() {
+                function displayDownloadLinks() {
+                    var element = document.querySelector('download-links');
+                    if (element === null) {
+                        return;
+                    }
+
+                    var fileName = element.getAttribute('file-name');
+                    var marginLeft = !(element.getAttribute('margin-left') === 'false');
+                    var html = '<div class="download-links ' + (marginLeft ? 'ml-20' : '') + '">';
+                    html += '<span class="download">' + window.i18nText('Download') + '</span>';
+                    html += '<img class="download"';
+                    html += '    src="img/Excel.svg"';
+                    html += '    height="16"';
+                    html += '    width="16"';
+                    html += '    alt="' + window.i18nText('Download to Excel') + '"';
+                    html += '    title="' + window.i18nText('Download to Excel') + '"';
+                    html += '    data-export-excel-selector="table"';
+                    html += '    data-export-file-name="' + window.i18nText(fileName) + '.xlsx">';
+                    html += '<img class="download"';
+                    html += '    src="img/CSV.svg"';
+                    html += '    height="16"';
+                    html += '    width="16"';
+                    html += '    alt="' + window.i18nText('Download to CSV') + '"';
+                    html += '    title="' + window.i18nText('Download to CSV') + '"';
+                    html += '    data-export-csv-selector="table"';
+                    html += '    data-export-file-name="' + window.i18nText(fileName) + '.csv">';
+                    html += '</div>';
+                    element.innerHTML = html;
+                }
+
+                document.addEventListener('app:routeChanged', displayDownloadLinks);
+            })();
+        </script>
     </body>
 </html>
diff --git a/js/web-components/Component.js b/js/web-components/Component.js
index d56879e0..93bb3d95 100644
--- a/js/web-components/Component.js
+++ b/js/web-components/Component.js
@@ -99,14 +99,54 @@ export class Component extends HTMLElement {
     }
 
     static get observedAttributes() {
-        return (this.props === undefined ? [] : Object.keys(this.props));
+        if (this.props === undefined) {
+            return [];
+        }
+        const attr = [];
+        for (const prop of Object.keys(this.props)) {
+            attr.push(prop);
+            // If a [camelCased] property is defined then add HTML attribute
+            // support for a dashed-version of the property.
+            // Example: `fileName` = `file-name`
+            // Regex from:
+            //   https://stackoverflow.com/a/47836484/3422084
+            const dashed = prop.replace(/[A-Z]/g, m => "-" + m.toLowerCase());
+            if (prop !== dashed) {
+                attr.push(dashed);
+            }
+        }
+        return attr;
     }
 
     attributeChangedCallback(attrName, oldValue, newValue) {
+        function stringToValue(value) {
+            switch (value) {
+                case 'true':
+                case '': // Empty values default to `true`
+                    return true;
+                case 'false':
+                    return false;
+                case 'null':
+                    return null;
+                default:
+                    return value;
+            }
+        }
+
         const props = this.constructor.props;
         if (props && props[attrName] !== undefined && oldValue !== newValue) {
-            this.state[attrName] = newValue;
+            this.state[attrName] = stringToValue(newValue);
             this.update();
+        } else if (attrName.includes('-')) {
+            // Convert from dashed-case to camelCased.
+            // Example: `file-name` to `fileName`
+            // Regex from:
+            //   https://stackoverflow.com/a/6661012/3422084
+            const camelCased = attrName.replace(/-([a-z])/g, m => m[1].toUpperCase());
+            if (props && props[camelCased] !== undefined && oldValue !== newValue) {
+                this.state[camelCased] = stringToValue(newValue);
+                this.update();
+            }
         }
     }
 
diff --git a/js/web-components/Component.min.js b/js/web-components/Component.min.js
index 925631f0..e2bf32c4 100644
--- a/js/web-components/Component.min.js
+++ b/js/web-components/Component.min.js
@@ -1 +1 @@
-export{escapeHtml,render as html}from"./utils.min.js";export class Component extends HTMLElement{constructor(){super();const t=this.attachShadow({mode:"open"}),e=void 0===this.constructor.css?"":this.constructor.css,s=document.createElement("template");s.innerHTML=`\n            <style>\n                :host { display: block; }\n                :host([hidden]) { display: none; }\n                ${e}\n            </style>\n            <slot></slot>\n        `,t.appendChild(s.content.cloneNode(!0)),this.state={},this._wasLoaded=!1}connectedCallback(){if(!this._wasLoaded){const t=this.constructor.props;if("object"==typeof t)for(const e in t)t.hasOwnProperty(e)&&(void 0===this.state[e]&&(this.state[e]=t[e]),this.hasOwnProperty(e)||Object.defineProperty(this,e,{get:function(){return this.state[e]},set:function(t){this.state[e]!==t&&(this.state[e]=t,this.update())}}));this._wasLoaded=!0}this.update()}static get observedAttributes(){return void 0===this.props?[]:Object.keys(this.props)}attributeChangedCallback(t,e,s){const o=this.constructor.props;o&&void 0!==o[t]&&e!==s&&(this.state[t]=s,this.update())}update(){this.innerHTML=void 0===this.render?"":this.render(),this.onRendered&&this.onRendered()}}
\ No newline at end of file
+export{escapeHtml,render as html}from"./utils.min.js";export class Component extends HTMLElement{constructor(){super();const t=this.attachShadow({mode:"open"}),e=void 0===this.constructor.css?"":this.constructor.css,s=document.createElement("template");s.innerHTML=`\n            <style>\n                :host { display: block; }\n                :host([hidden]) { display: none; }\n                ${e}\n            </style>\n            <slot></slot>\n        `,t.appendChild(s.content.cloneNode(!0)),this.state={},this._wasLoaded=!1}connectedCallback(){if(!this._wasLoaded){const t=this.constructor.props;if("object"==typeof t)for(const e in t)t.hasOwnProperty(e)&&(void 0===this.state[e]&&(this.state[e]=t[e]),this.hasOwnProperty(e)||Object.defineProperty(this,e,{get:function(){return this.state[e]},set:function(t){this.state[e]!==t&&(this.state[e]=t,this.update())}}));this._wasLoaded=!0}this.update()}static get observedAttributes(){if(void 0===this.props)return[];const t=[];for(const e of Object.keys(this.props)){t.push(e);const s=e.replace(/[A-Z]/g,(t=>"-"+t.toLowerCase()));e!==s&&t.push(s)}return t}attributeChangedCallback(t,e,s){function n(t){switch(t){case"true":case"":return!0;case"false":return!1;case"null":return null;default:return t}}const o=this.constructor.props;if(o&&void 0!==o[t]&&e!==s)this.state[t]=n(s),this.update();else if(t.includes("-")){const r=t.replace(/-([a-z])/g,(t=>t[1].toUpperCase()));o&&void 0!==o[r]&&e!==s&&(this.state[r]=n(s),this.update())}}update(){this.innerHTML=void 0===this.render?"":this.render(),this.onRendered&&this.onRendered()}}
\ No newline at end of file

From b282b09d47015858f254bb556da56c53574807a1 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Tue, 22 Feb 2022 02:19:55 -0800
Subject: [PATCH 16/51] =?UTF-8?q?=F0=9F=93=84=20Update=20Vue=20Places=20De?=
 =?UTF-8?q?mo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/html/cities-vue.htm        | 22 +---------
 examples/html/regions-vue.htm       | 22 +---------
 examples/html/search-places-vue.htm | 20 +--------
 examples/places-demo-vue.htm        | 68 +++++++++++++++++++----------
 4 files changed, 48 insertions(+), 84 deletions(-)

diff --git a/examples/html/cities-vue.htm b/examples/html/cities-vue.htm
index a6b50d5f..2e2824f8 100644
--- a/examples/html/cities-vue.htm
+++ b/examples/html/cities-vue.htm
@@ -6,27 +6,7 @@ <h1><span v-i18n="'Largest Cities in'"></span> {{ country }}, {{ region }}</h1>
     <nav>
         <a v-bind:href="'#/' + i18n_Locale + '/'" v-i18n="'Countries'"></a>
         <a v-bind:href="'#/' + i18n_Locale + '/regions/' + country" v-i18n="'Regions'"></a>
-        <div class="download-links ml-20">
-            <span class="download" v-i18n="'Download'"></span>
-            <img class="download"
-                src="img/Excel.svg"
-                height="16"
-                width="16"
-                alt="Download to Excel"
-                title="Download to Excel"
-                data-export-excel-selector="table"
-                data-export-file-name="[[Cities]].xlsx"
-                v-i18n-attr="'alt, title, data-export-file-name'">
-            <img class="download"
-                src="img/CSV.svg"
-                height="16"
-                width="16"
-                alt="Download to CSV"
-                title="Download to CSV"
-                data-export-csv-selector="table"
-                data-export-file-name="[[Cities]].csv"
-                v-i18n-attr="'alt, title, data-export-file-name'">
-        </div>
+        <div class="ml-20" data-template-id="download-links"></div>
     </nav>
 
     <input data-filter-selector="table" placeholder="Enter filter" v-i18n-attr="'placeholder'">
diff --git a/examples/html/regions-vue.htm b/examples/html/regions-vue.htm
index 787f7ad7..c382478d 100644
--- a/examples/html/regions-vue.htm
+++ b/examples/html/regions-vue.htm
@@ -5,27 +5,7 @@ <h1></h1>
     
     <nav>
         <a v-bind:href="'#/' + i18n_Locale + '/'" v-i18n="'Countries'"></a>
-        <div class="download-links ml-20">
-            <span class="download" v-i18n="'Download'"></span>
-            <img class="download"
-                src="img/Excel.svg"
-                height="16"
-                width="16"
-                alt="Download to Excel"
-                title="Download to Excel"
-                data-export-excel-selector="table"
-                data-export-file-name="[[Regions]].xlsx"
-                v-i18n-attr="'alt, title, data-export-file-name'">
-            <img class="download"
-                src="img/CSV.svg"
-                height="16"
-                width="16"
-                alt="Download to CSV"
-                title="Download to CSV"
-                data-export-csv-selector="table"
-                data-export-file-name="[[Regions]].csv"
-                v-i18n-attr="'alt, title, data-export-file-name'">
-        </div>
+        <div class="ml-20" data-template-id="download-links"></div>
     </nav>
 
     <input data-filter-selector="table"
diff --git a/examples/html/search-places-vue.htm b/examples/html/search-places-vue.htm
index a369b541..357898c8 100644
--- a/examples/html/search-places-vue.htm
+++ b/examples/html/search-places-vue.htm
@@ -62,25 +62,7 @@ <h2>{{ cities.length }} <span v-i18n="'Cities Found'"></span></h2>
 
                 <div>
                     <nav style="display: inline-flex;">
-                        <span class="download" v-i18n="'Download'" style="margin-left:0;"></span>
-                        <img class="download"
-                            src="img/Excel.svg"
-                            height="16"
-                            width="16"
-                            alt="Download to Excel"
-                            title="Download to Excel"
-                            data-export-excel-selector="table"
-                            data-export-file-name="[[Search]].xlsx"
-                            v-i18n-attr="'alt, title, data-export-file-name'">
-                        <img class="download"
-                            src="img/CSV.svg"
-                            height="16"
-                            width="16"
-                            alt="Download to CSV"
-                            title="Download to CSV"
-                            data-export-csv-selector="table"
-                            data-export-file-name="[[Search]].csv"
-                            v-i18n-attr="'alt, title, data-export-file-name'">
+                        <div data-template-id="download-links"></div>
                     </nav>
                 </div>
 
diff --git a/examples/places-demo-vue.htm b/examples/places-demo-vue.htm
index 02bc17c3..0852aba6 100644
--- a/examples/places-demo-vue.htm
+++ b/examples/places-demo-vue.htm
@@ -24,6 +24,9 @@
             model after the JSON service downloads the data. In some pages defining dynamic
             properties may not be needed however it is recommended when using Vue to
             avoid unexpected rendering issues.
+
+            [data-file-name] is used with [id="download-links"] which is defined
+            later on this page.
         -->
 
         <script
@@ -34,7 +37,8 @@
             data-page="jsonData"
             data-url="https://www.dataformsjs.com/data/geonames/countries"
             data-load-only-once
-            data-countries>
+            data-countries
+            data-file-name="Countries">
 
             <h3 v-if="isLoading" v-i18n="'Loading...'"></h3>
             <p v-if="hasError"><span v-i18n="'Error'"></span> - {{ errorMessage }}</p>
@@ -44,27 +48,7 @@ <h1 v-i18n="'Countries'"></h1>
                 <nav>
                     <a v-bind:href="'#/' + i18n_Locale + '/search'" v-i18n="'Search'"></a>
                     <a v-bind:href="'#/' + i18n_Locale + '/info'" v-i18n="'Info'"></a>
-                    <div class="download-links ml-20">
-                        <span class="download" v-i18n="'Download'"></span>
-                        <img class="download"
-                            src="img/Excel.svg"
-                            height="16"
-                            width="16"
-                            alt="Download to Excel"
-                            title="Download to Excel"
-                            data-export-excel-selector="table"
-                            data-export-file-name="[[Countries]].xlsx"
-                            v-i18n-attr="'alt, title, data-export-file-name'">
-                        <img class="download"
-                            src="img/CSV.svg"
-                            height="16"
-                            width="16"
-                            alt="Download to CSV"
-                            title="Download to CSV"
-                            data-export-csv-selector="table"
-                            data-export-file-name="[[Countries]].csv"
-                            v-i18n-attr="'alt, title, data-export-file-name'">
-                    </div>
+                    <div class="ml-20" data-template-id="download-links"></div>
                 </nav>
 
                 <input
@@ -101,6 +85,41 @@ <h1 v-i18n="'Countries'"></h1>
             </div>
         </script>
 
+        <!--
+            This is an HTML Control which is similar in concept to a Vue or React Component.
+            This control ends up being included when [data-template-id="download-links"]
+            is used on the page's HTML.
+
+            How it works is DataFormsJS will render all HTML Controls prior to setting
+            up Vue for the page. [v-bind:data-export-file-name] then uses the attribute
+            [data-file-name] which is defined on the route to set the attribute value.
+
+            Then the DataFormsJS plugin [i18n] handles [v-i18n-attr] to set the value
+            to the users selected langue. Additionally plugins [exportToExcel, exportToCsv]
+            are used with this content and set once the page is rendered.
+        -->
+        <script type="text/x-template" data-engine="vue" id="download-links">
+            <span class="download" v-i18n="'Download'"></span>
+            <img class="download"
+                src="img/Excel.svg"
+                height="16"
+                width="16"
+                alt="Download to Excel"
+                title="Download to Excel"
+                data-export-excel-selector="table"
+                v-bind:data-export-file-name="'[[' + fileName + ']].xlsx'"
+                v-i18n-attr="'alt, title, data-export-file-name'">
+            <img class="download"
+                src="img/CSV.svg"
+                height="16"
+                width="16"
+                alt="Download to CSV"
+                title="Download to CSV"
+                data-export-csv-selector="table"
+                v-bind:data-export-file-name="'[[' + fileName + ']].csv'"
+                v-i18n-attr="'alt, title, data-export-file-name'">
+        </script>
+
         <script
             type="text/x-template"
             data-engine="vue"
@@ -109,6 +128,7 @@ <h1 v-i18n="'Countries'"></h1>
             data-url="https://www.dataformsjs.com/data/geonames/regions/:country"
             data-load-only-once
             data-regions
+            data-file-name="Regions"
             src="html/regions-vue.htm">
         </script>
 
@@ -120,6 +140,7 @@ <h1 v-i18n="'Countries'"></h1>
             data-url="https://www.dataformsjs.com/data/geonames/cities/:country/:region"
             data-load-only-once
             data-cities
+            data-file-name="Cities"
             src="html/cities-vue.htm">
         </script>
 
@@ -151,6 +172,7 @@ <h1 v-i18n="'Countries'"></h1>
             data-lazy-load="json_data, keydownAction, chosen, chosenPlugin"
             data-countries="null"
             data-cities="null"
+            data-file-name="Search"
             src="html/search-places-vue.htm">
         </script>
 
@@ -205,7 +227,7 @@ <h1 v-i18n="'Countries'"></h1>
                 ],
                 chosenPlugin: [
                     // For this demo the [dataBind] plugin is loaded before [chosen]
-                    // to make sure that the <select> value will be set before the choosen
+                    // to make sure that the <select> value will be set before the chosen
                     // control is created. Otherwise the following jQuery code would have
                     // to be called to trigger the update.
                     //     $('.chosen-select').trigger('chosen:updated');

From 1fb52ff286bad214f808a5b677a5cc66633f5b22 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Tue, 22 Feb 2022 02:44:01 -0800
Subject: [PATCH 17/51] =?UTF-8?q?=F0=9F=93=84=20Example=20Update=20for=20J?=
 =?UTF-8?q?S=20Control?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/css/countries.css         |  3 +-
 examples/html/cities-js.htm        | 22 +------------
 examples/html/regions-js.htm       | 22 +------------
 examples/html/search-places-js.htm | 20 +-----------
 examples/places-demo-js.htm        | 52 ++++++++++++++++++------------
 5 files changed, 36 insertions(+), 83 deletions(-)

diff --git a/examples/css/countries.css b/examples/css/countries.css
index ae461379..655f6a5d 100644
--- a/examples/css/countries.css
+++ b/examples/css/countries.css
@@ -16,7 +16,8 @@ nav img.download {
 }
 nav img.download:hover { transform: translate(0, -2px); }
 .download-links,
-[data-template-id="download-links"] {
+[data-template-id="download-links"],
+[data-control="download-links"] {
     display: flex;
     align-items: center;
 }
diff --git a/examples/html/cities-js.htm b/examples/html/cities-js.htm
index b611ea25..b8f59df1 100644
--- a/examples/html/cities-js.htm
+++ b/examples/html/cities-js.htm
@@ -6,27 +6,7 @@ <h1><span data-i18n="Largest Cities in"></span> <span data-bind="country"></span
     <nav>
         <a href="#/en/" data-i18n="Countries" data-i18n-href></a>
         <a href="#/[window.i18n_Locale]/regions/[country]" data-i18n="Regions" data-bind-attr="href"></a>
-        <div class="download-links ml-20">
-            <span class="download" data-i18n="Download"></span>
-            <img class="download"
-                src="img/Excel.svg"
-                height="16"
-                width="16"
-                alt="Download to Excel"
-                title="Download to Excel"
-                data-export-excel-selector="table"
-                data-export-file-name="[[Cities]].xlsx"
-                data-i18n-attr="alt, title, data-export-file-name">
-            <img class="download"
-                src="img/CSV.svg"
-                height="16"
-                width="16"
-                alt="Download to CSV"
-                title="Download to CSV"
-                data-export-csv-selector="table"
-                data-export-file-name="[[Cities]].csv"
-                data-i18n-attr="alt, title, data-export-file-name">
-        </div>
+        <download-links class="ml-20" data-file-name="Cities"></download-links>
     </nav>
 
     <input data-filter-selector="table" placeholder="Enter filter" data-i18n-attr="placeholder">
diff --git a/examples/html/regions-js.htm b/examples/html/regions-js.htm
index 8f64c11d..0798df2b 100644
--- a/examples/html/regions-js.htm
+++ b/examples/html/regions-js.htm
@@ -5,27 +5,7 @@ <h1></h1>
 
     <nav>
         <a href="#/en/" data-i18n="Countries" data-i18n-href></a>
-        <div class="download-links ml-20">
-            <span class="download" data-i18n="Download"></span>
-            <img class="download"
-                src="img/Excel.svg"
-                height="16"
-                width="16"
-                alt="Download to Excel"
-                title="Download to Excel"
-                data-export-excel-selector="table"
-                data-export-file-name="[[Regions]].xlsx"
-                data-i18n-attr="alt, title, data-export-file-name">
-            <img class="download"
-                src="img/CSV.svg"
-                height="16"
-                width="16"
-                alt="Download to CSV"
-                title="Download to CSV"
-                data-export-csv-selector="table"
-                data-export-file-name="[[Regions]].csv"
-                data-i18n-attr="alt, title, data-export-file-name">
-        </div>
+        <download-links class="ml-20" data-file-name="Regions"></download-links>
     </nav>
 
     <input
diff --git a/examples/html/search-places-js.htm b/examples/html/search-places-js.htm
index e5ad0e04..7c68fabc 100644
--- a/examples/html/search-places-js.htm
+++ b/examples/html/search-places-js.htm
@@ -67,25 +67,7 @@ <h2><span data-bind="search.cities.length"></span> <span data-i18n="Cities Found
 
             <div data-show="typeof search === 'object' && search.cities && search.cities.length > 0">
                 <nav style="display: inline-flex;">
-                    <span class="download" data-i18n="Download" style="margin-left: 0;"></span>
-                    <img class="download"
-                        src="img/Excel.svg"
-                        height="16"
-                        width="16"
-                        alt="Download to Excel"
-                        title="Download to Excel"
-                        data-export-excel-selector="table"
-                        data-export-file-name="[[Search]].xlsx"
-                        data-i18n-attr="alt, title, data-export-file-name">
-                    <img class="download"
-                        src="img/CSV.svg"
-                        height="16"
-                        width="16"
-                        alt="Download to CSV"
-                        title="Download to CSV"
-                        data-export-csv-selector="table"
-                        data-export-file-name="[[Search]].csv"
-                        data-i18n-attr="alt, title, data-export-file-name">
+                    <download-links data-file-name="Search"></download-links>
                 </nav>
             </div>
 
diff --git a/examples/places-demo-js.htm b/examples/places-demo-js.htm
index cc24e6c0..8209e420 100644
--- a/examples/places-demo-js.htm
+++ b/examples/places-demo-js.htm
@@ -45,27 +45,7 @@ <h1 data-i18n="Countries"></h1>
                 <nav>
                     <a href="#/en/search" data-i18n="Search" data-i18n-href></a>
                     <a href="#/en/info" data-i18n="Info" data-i18n-href></a>
-                    <div class="download-links ml-20">
-                        <span class="download" data-i18n="Download"></span>
-                        <img class="download"
-                            src="img/Excel.svg"
-                            height="16"
-                            width="16"
-                            alt="Download to Excel"
-                            title="Download to Excel"
-                            data-export-excel-selector="table"
-                            data-export-file-name="[[Countries]].xlsx"
-                            data-i18n-attr="alt, title, data-export-file-name">
-                        <img class="download"
-                            src="img/CSV.svg"
-                            height="16"
-                            width="16"
-                            alt="Download to CSV"
-                            title="Download to CSV"
-                            data-export-csv-selector="table"
-                            data-export-file-name="[[Countries]].csv"
-                            data-i18n-attr="alt, title, data-export-file-name">
-                    </div>
+                    <download-links class="ml-20" data-file-name="Countries"></download-links>
                 </nav>
 
                 <input
@@ -215,5 +195,35 @@ <h1 data-i18n="Countries"></h1>
                 return text;
             }
         </script>
+
+        <script>
+            // Create a custom JavaScript "Control" to handle <download-links>.
+            // When the control is rendered `this.fileName` is passed from the
+            // [data-file-name] HTML attribute.
+            (function() {
+                app.addControl('download-links', {
+                    html: function () {
+                        var html = '<span class="download">' + window.i18nText('Download') + '</span>';
+                        html += '<img class="download"';
+                        html += '    src="img/Excel.svg"';
+                        html += '    height="16"';
+                        html += '    width="16"';
+                        html += '    alt="' + window.i18nText('Download to Excel') + '"';
+                        html += '    title="' + window.i18nText('Download to Excel') + '"';
+                        html += '    data-export-excel-selector="table"';
+                        html += '    data-export-file-name="' + window.i18nText(this.fileName) + '.xlsx">';
+                        html += '<img class="download"';
+                        html += '    src="img/CSV.svg"';
+                        html += '    height="16"';
+                        html += '    width="16"';
+                        html += '    alt="' + window.i18nText('Download to CSV') + '"';
+                        html += '    title="' + window.i18nText('Download to CSV') + '"';
+                        html += '    data-export-csv-selector="table"';
+                        html += '    data-export-file-name="' + window.i18nText(this.fileName) + '.csv">';
+                        return html;
+                    },
+                });
+            })();
+        </script>
     </body>
 </html>
\ No newline at end of file

From 7a01cbe48f8cb902f4a28a6cf94b24105f02aefd Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Tue, 22 Feb 2022 02:54:38 -0800
Subject: [PATCH 18/51] =?UTF-8?q?=F0=9F=93=84=20Code=20Comments?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 js/DataFormsJS.js | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/js/DataFormsJS.js b/js/DataFormsJS.js
index a1630f39..aebe2892 100644
--- a/js/DataFormsJS.js
+++ b/js/DataFormsJS.js
@@ -19,18 +19,26 @@
  *     https://underscorejs.org
  *
  * Common API Functions for creating Single Page Apps (SPA):
- *     # Pages and Plugins are the recommended method for
- *     # creating most custom app logic.
+ *     # Pages `app.addPage()` and Plugins `app.addPlugin()` are the recommended
+ *     # method for creating most custom app logic. JavaScript Controls
+ *     # `app.addControl()` are similar in concept to Web Components and
+ *     # recommended for complex page component/control logic that needs to render
+ *     # custom HTML and call plugins or use other features from within the control.
  *     app.addPage()
  *     app.addPlugin()
  *     app.addControl()
  *     app.refreshAllHtmlControls(callback, model)
  *     app.refreshHtmlControl(element, callback, model)
+ *     app.escapeHtml(value)
+ *     app.showErrorAlert('message')
+ *     app.showError(document.querySelector('h1'), 'Error Text')
+ *     app.isUsingVue()
  *
  * Common API Properties for working with app data and for debugging with
  * Browser DevTools:
  *     app.activeController
  *     app.activeModel
+ *     app.activeJsControls
  *     app.activeVueModel
  *     app.activeParameterList
  *     app.controllers

From 9974a3ff8a64fe0cb0402c04b62b4e350bea1ac6 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Thu, 24 Feb 2022 01:18:29 -0800
Subject: [PATCH 19/51] =?UTF-8?q?=F0=9F=92=A1=20Update=20Tests=20and=20App?=
 =?UTF-8?q?=20for=20nested=20HTML=20controls?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 js/DataFormsJS.js       |  6 +-----
 js/DataFormsJS.min.js   |  2 +-
 test/js/unit-testing.js | 27 +++++++++++++++++++++------
 3 files changed, 23 insertions(+), 12 deletions(-)

diff --git a/js/DataFormsJS.js b/js/DataFormsJS.js
index aebe2892..ad605084 100644
--- a/js/DataFormsJS.js
+++ b/js/DataFormsJS.js
@@ -2155,7 +2155,7 @@
          * reference a template. This can be used by controller functions to easily
          * update only part of a page.
          *
-         * @param {HTMLElement} control
+         * @param {HTMLElement|string} control
          * @param {function|undefined} callback
          * @param {object|undefined} model   If undefined then [app.activeModel] is used
          */
@@ -2245,10 +2245,6 @@
                             }));
                         });
                     }
-                    if (promises.length === 0 && callback !== undefined) {
-                        callback();
-                        return;
-                    }
                     Promise.all(promises).finally(function () {
                         if (callback !== undefined) {
                             callback();
diff --git a/js/DataFormsJS.min.js b/js/DataFormsJS.min.js
index fd3f40de..d0c33955 100644
--- a/js/DataFormsJS.min.js
+++ b/js/DataFormsJS.min.js
@@ -2,4 +2,4 @@
 // @version 5.12.1
 // @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],v=!1,f=!1,m=!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(m=!1);if(m)return C===i?void 0:(window.setTimeout(V,200),void E++);if(v)return C===i?void 0:(window.setTimeout(V,200),void E++);for(o in m=!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(m=!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(m=!1);if(null===c){if(0===h.controllers.length)return h.updateView(),void(m=!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)),m=!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(),m=!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)():m=!1})}catch(e){h.showErrorAlert("Error from Plugin ["+r[n]+"] on [onRouteLoad()]: "+e.toString()),console.error(e),h.updateView(),m=!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 v},updateView:function(){function e(){var e,t,o,r,n;if(v=!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"),v=!(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")),v=!1})}catch(e){throw v=!1,console.error(e),e}}else v=!(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)}}v?t=window.setInterval(function(){v||(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,v||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),v||(h.loadAllJsControls(t,s),h.unloadUnattachedJsControls()),f||h.refreshPlugins(t);var o=[];f||v||(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)}))})),0!==o.length||void 0===r?Promise.all(o).finally(function(){void 0!==r&&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.12.1",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.12.1",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/test/js/unit-testing.js b/test/js/unit-testing.js
index 66b3a0cb..8c2375fb 100644
--- a/test/js/unit-testing.js
+++ b/test/js/unit-testing.js
@@ -1549,7 +1549,18 @@
                 //    that only 2 controls changed.
                 // 3) Refresh all controls before this loop and verify that they
                 //    were all updated.
-                for (x = 0; x < 3; x++) {
+                //
+                // A recursive function is used that mimics the following for loop:
+                //     for (x = 0; x < 3; x++) {
+                // The reason is because `app.refreshHtmlControl(control, callback)` is async
+                // using a callback so for correct event order a callback must be used.
+                //
+                x = -1;
+                function controlLoopCheck() {
+                    x++;
+                    if (x === 3) {
+                        return;
+                    }
                     // Check each control
                     for (n = 0, m = controls.length; n < m; n++) {
                         // Get the html for the control and remove all spaces and line breaks
@@ -1600,13 +1611,17 @@
                         app.models.unitTestControls.values = ['abcd', 'xyz'];
                         // Refresh two controls
                         // One by passing a string for the id value and the
-                        // other by passing an HTMLElement
-                        app.refreshHtmlControl(document.querySelector('#controls .control-2'));
-                        app.refreshHtmlControl('downloaded-control');
+                        // other by passing an HTMLElement. `refreshHtmlControl()` is async
+                        // using a callback so wait for each control and then recursively
+                        // call this function again when complete.
+                        app.refreshHtmlControl(document.querySelector('#controls .control-2'), function() {
+                            app.refreshHtmlControl('downloaded-control', controlLoopCheck);
+                        });
                     } else if (x === 1) {
-                        app.refreshAllHtmlControls();
+                        app.refreshAllHtmlControls(controlLoopCheck);
                     }
                 }
+                controlLoopCheck();
 
                 // Expected Templates to be compiled and downloaded
                 // This number should be fixed regardless of how many additional
@@ -1818,7 +1833,7 @@
                     return 'Error with Element &lt;div id="' + id + '" class=""&gt; - ' + expectedMessage;
                 }
 
-                // Run errors twice, once by refering to string ID and once directly with element
+                // Run errors twice, once by referring to string ID and once directly with element
                 for (n = 0; n < 2; n++) {
                     // Invalid Callback
                     expectedMessage = '[callback] was not defined as a [function] when the [DataFormsJS.refreshHtmlControl()] was called';

From f6276420063f4592a4b24fc4e612418bbe75d612 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Fri, 25 Feb 2022 00:00:30 -0800
Subject: [PATCH 20/51] =?UTF-8?q?=F0=9F=9A=80=20Release=205.13.0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                        |  2 +-
 docs/to-do-list.txt                 | 14 ++++++--------
 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 +-
 12 files changed, 19 insertions(+), 21 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index b05a01a7..5e0da3ca 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,7 +4,7 @@ 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.
 
-## Next Release (Changes on master branch but not yet npm)
+## 5.13.0 (February 25, 2022)
 
 * DataFormsJS App Object
   * `~/js/DataFormsJS.js`
diff --git a/docs/to-do-list.txt b/docs/to-do-list.txt
index 00fedd62..c0334a49 100644
--- a/docs/to-do-list.txt
+++ b/docs/to-do-list.txt
@@ -22,14 +22,12 @@ TODO List
 |
 --------------------------------------------------------------------------
 
-**) Current Updates
-    - Next release 5.13.0 - see active changes in CHANGELOG.md
-        - More testing will be performed prior to the npm release
-    - Several features are being added with related example updates in the Places examples
-    - This is being worked on mid-Feb 2022 and will likely be published by the end of this month
-    - Verify new CSV icon with IE and different screens
-    - After NPM release update all "../js/" to the CDN Page
-        Use global search of "../js/" to find files that need to be updated
+**) Current Updates for release 5.13.0
+    - Published 2022-02-25
+    - After CDN changes take effect (24 hours or longer) update all local "../js/" to the CDN Page.
+        Use global search of "../js/" to find files that need to be updated.
+        This applies to the example page and once update changes will be published
+        to the main server.
 
 **) Update the Getting Started CSS Template used here:
         https://www.dataformsjs.com/en/getting-started
diff --git a/js/DataFormsJS.js b/js/DataFormsJS.js
index ad605084..1e944d4e 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.12.1', enumerable: true });
+    Object.defineProperty(app, 'version', { value: '5.13.0', 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 d0c33955..4a2abd71 100644
--- a/js/DataFormsJS.min.js
+++ b/js/DataFormsJS.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.12.1
+// @version 5.13.0
 // @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.12.1",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.13.0",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 a2950c79..5393efda 100644
--- a/js/react/es5/DataFormsJS.js
+++ b/js/react/es5/DataFormsJS.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.12.1
+// @version 5.13.0
 // @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 16fac51e..0512a013 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.12.1
+// @version 5.13.0
 // @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 w(e){return(w="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"===w(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 i(e,t,r){return t&&h(e.prototype,t),r&&h(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}var f={},m=(i(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;i(g,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 v=g;function g(){r(this,g)}window.CssVars=v;e(a,n.Component),b=t(a),i(a,[{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 b,S=a;function a(e){return r(this,a),(e=b.call(this,e)).state={error:null,errorInfo:null},e}window.ErrorBoundary=S;i(E,[{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),new Intl.DateTimeFormat(navigator.language,r).format(o));var e,n,o}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,i=null,a=null;return"en-us"===n&&(o=",",i=".",a="$"),null!==o?((o=t.toString().split("."))[0]=o[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),o=o.join(i),"currency"===e?a+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=E;function E(){r(this,E)}window.Format=C;e(s,n.Component),L=t(s),i(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"]),i=(1===o.length&&"TABLE"===o[0].tagName&&o[0].tHead&&1===o[0].tHead.rows.length&&1===o[0].tBodies.length&&(r=(i=o[0]).getAttribute("data-sort-class-odd"),n=i.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 a=o[f],y=!0;if(p)for(var v=a.textContent.toLowerCase(),s=0;s<d;s++)if(""!==c[s]&&!v.includes(c[s])){y=!1;break}y&&(t++,h&&(t%2==0?(a.classList.add(n),a.classList.remove(r)):(a.classList.add(r),a.classList.remove(n)))),a.style.display=y?"":"none"}var g,l,u=e.getAttribute("filter-results-selector");u&&((u=document.querySelector(u))?(g=e.getAttribute("filter-results-text-all"),e=e.getAttribute("filter-results-text-filtered"),null!==g||null!==e?(l=null,t===i?l=g:null!==e&&(l=e.replace(/{displayCount}/g,t)),null===l?u.textContent="":(l=l.replace(/{totalCount}/g,i),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 L,k=s;function s(e){return r(this,s),(e=L.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),i(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 i=d[n];if(i.url===e&&i.query===t){if(JSON.stringify(r)===i.params)return i.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,i=c.getUrlParams(),a=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(i),u.data=a)}d.push({url:n,query:o,params:JSON.stringify(i),data:a})}}).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),i(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(i,e){function a(i){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")===i)return void e();var o=document.createElement("link");o.rel="stylesheet",o.onload=e,o.onerror=function(){console.error("Error loading CSS File: "+i),e()},o.href=i,document.head.appendChild(o)})}function s(i){return new Promise(function(e){for(var t=document.querySelectorAll("script"),r=0,n=t.length;r<n;r++)if(t[r].getAttribute("src")===i)return void e();var o=document.createElement("script");o.onload=e,o.onerror=function(){console.error("Error loading JS File: "+i),e()},o.src=i,document.head.appendChild(o)})}function l(i){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")===i)return void e();var o=document.createElement("script");o.type="text/babel",o.setAttribute("src",i),document.head.appendChild(o),jsxLoader.loadScript(o).then(function(){e()})})}if("string"==typeof i)i=[i];else if(!Array.isArray(i))return console.error("Invalid prop for <LazyLoad>, expected [scripts] to be a string or an array of strings. Check console."),console.log(i),new Promise(function(e){e()});return!0===e?new Promise(function(r){var n=0,o=i.length;!function e(){var t;n!==o?(t=i[n],n++,t.endsWith(".js")?s(t).then(e):t.endsWith(".css")?a(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=i.length;r<n;r++){var o=i[r];o.endsWith(".js")?t.push(s(o)):o.endsWith(".css")?t.push(a(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),i(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=[],i=0,p=n.length;i<p;i++){var a,s,l=n[i].cells[r];void 0!==l&&(l=w(a=(null!==(a=l.getAttribute("data-value"))?a:l.textContent).trim()),""===a?a=null:isNaN(a)?(s=new Date(a),isNaN(s.getTime())?a=void 0!==a.toLocaleLowerCase?a.toLocaleLowerCase():a.toLowerCase():(a=s,l="date")):a=parseFloat(a),o.push({row:n[i],value:a,type:null===a?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,v=0,g=o.length;v<g;v++){var u=o[v].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,i(R,null,[{key:"Cache",get:function(){return m}},{key:"CssVars",get:function(){return v}},{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 446af07b..d9e37f15 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.12.1
+// @version 5.13.0
 // @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 6a499725..4e91ef98 100644
--- a/js/react/jsxLoader.js
+++ b/js/react/jsxLoader.js
@@ -1706,7 +1706,7 @@
      * Add Build Version
      * For new releases this gets updated automatically by [scripts/build.js].
      */
-    Object.defineProperty(jsxLoader, 'version', { value: '5.12.1', enumerable: true });
+    Object.defineProperty(jsxLoader, 'version', { value: '5.13.0', 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 98988f68..6c373d36 100644
--- a/js/react/jsxLoader.min.js
+++ b/js/react/jsxLoader.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.12.1
+// @version 5.13.0
 // @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.12.1",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,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.13.0",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 901f41b6..0f930f2f 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.12.1
+// @version 5.13.0
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
 import{Format}from"./utils-format.min.js";import{buildUrl,setElementText,getBindValue,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 o of dataCache)if(o.url===t)return o.params=JSON.stringify(e),void(o.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");let s=""===t?this.state:getBindValue(this.state,t);const o=e.getAttribute("data-format");if(null!==o)if("function"==typeof format[o])s=format[o](s);else if("function"==typeof window[o])try{s=window[o](s)}catch(t){console.error(t),s="Error: "+t.message}else s="Error: Unknown format ["+o+"]";setElementText(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 ecba93ed..e0ab292f 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.12.1
+// @version 5.13.0
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
 import{render,setElementText,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,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 9815c5f7..2f694553 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dataformsjs",
-  "version": "5.12.1",
+  "version": "5.13.0",
   "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 07406e955fe23debf6536ec05eee8919f3f01a51 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Sat, 26 Feb 2022 14:32:05 -0800
Subject: [PATCH 21/51] =?UTF-8?q?=F0=9F=93=84=20Point=20Examples=20to=20CD?=
 =?UTF-8?q?N=20after=20new=20Release?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/to-do-list.txt               | 7 -------
 examples/countries-no-spa-hbs.htm | 6 ++----
 examples/countries-no-spa-js.htm  | 6 ++----
 examples/countries-no-spa-vue.htm | 6 ++----
 examples/countries-no-spa-web.htm | 3 +--
 examples/export-table-js.htm      | 3 +--
 examples/export-table-web.htm     | 3 +--
 examples/places-demo-graphql.htm  | 9 +++------
 examples/places-demo-hbs.htm      | 9 +++------
 examples/places-demo-js.htm       | 9 +++------
 examples/places-demo-vue.htm      | 9 +++------
 examples/places-demo-web.htm      | 9 +++------
 12 files changed, 24 insertions(+), 55 deletions(-)

diff --git a/docs/to-do-list.txt b/docs/to-do-list.txt
index c0334a49..a4f44a8a 100644
--- a/docs/to-do-list.txt
+++ b/docs/to-do-list.txt
@@ -22,13 +22,6 @@ TODO List
 |
 --------------------------------------------------------------------------
 
-**) Current Updates for release 5.13.0
-    - Published 2022-02-25
-    - After CDN changes take effect (24 hours or longer) update all local "../js/" to the CDN Page.
-        Use global search of "../js/" to find files that need to be updated.
-        This applies to the example page and once update changes will be published
-        to the main server.
-
 **) Update the Getting Started CSS Template used here:
         https://www.dataformsjs.com/en/getting-started
     So that it looks similar to the places demo and can be used for apps as decent starting template
diff --git a/examples/countries-no-spa-hbs.htm b/examples/countries-no-spa-hbs.htm
index a46466ae..84950b23 100644
--- a/examples/countries-no-spa-hbs.htm
+++ b/examples/countries-no-spa-hbs.htm
@@ -85,10 +85,8 @@ <h1>Countries</h1>
     <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/filter.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/sort.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/clickToHighlight.min.js"></script>
-    <!-- <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToCsv.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToExcel.min.js"></script> -->
-    <script src="../js/plugins/exportToCsv.min.js"></script>
-    <script src="../js/plugins/exportToExcel.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToCsv.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToExcel.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/handlebars@4.7.6/dist/handlebars.min.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/examples/countries-no-spa-js.htm b/examples/countries-no-spa-js.htm
index 965e6980..d047d172 100644
--- a/examples/countries-no-spa-js.htm
+++ b/examples/countries-no-spa-js.htm
@@ -85,9 +85,7 @@ <h1>Countries</h1>
     <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/filter.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/sort.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/clickToHighlight.min.js"></script>
-    <!-- <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToCsv.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToExcel.min.js"></script> -->
-    <script src="../js/plugins/exportToCsv.min.js"></script>
-    <script src="../js/plugins/exportToExcel.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToCsv.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToExcel.min.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/examples/countries-no-spa-vue.htm b/examples/countries-no-spa-vue.htm
index f7361dae..9c307604 100644
--- a/examples/countries-no-spa-vue.htm
+++ b/examples/countries-no-spa-vue.htm
@@ -111,9 +111,7 @@ <h1>Countries</h1>
     <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/filter.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/sort.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/clickToHighlight.min.js"></script>
-    <!-- <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToCsv.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToExcel.min.js"></script> -->
-    <script src="../js/plugins/exportToCsv.min.js"></script>
-    <script src="../js/plugins/exportToExcel.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToCsv.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToExcel.min.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/examples/countries-no-spa-web.htm b/examples/countries-no-spa-web.htm
index 7b37edc2..aceec80e 100644
--- a/examples/countries-no-spa-web.htm
+++ b/examples/countries-no-spa-web.htm
@@ -114,7 +114,6 @@ <h1>Countries</h1>
     <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/sortable-table.min.js"></script>
     <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/export-to-excel-service.min.js"></script>
     <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/export-to-csv-service.min.js"></script>
-    <!-- <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/polyfill.min.js"></script> -->
-    <script nomodule src="../js/web-components/polyfill.min.js"></script>
+    <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/polyfill.min.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/examples/export-table-js.htm b/examples/export-table-js.htm
index 00bd0f0a..a0a234a1 100644
--- a/examples/export-table-js.htm
+++ b/examples/export-table-js.htm
@@ -77,8 +77,7 @@ <h1>Export Table Demo | DataFormsJS Framework</h1>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/sort.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/clickToHighlight.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToCsv.min.js"></script>
-        <!-- <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToExcel.min.js"></script> -->
-        <script src="../js/plugins/exportToExcel.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToExcel.min.js"></script>
 
         <!-- Code for this Page -->
         <script src="export-table-records.js"></script>
diff --git a/examples/export-table-web.htm b/examples/export-table-web.htm
index 917a12ce..17bf1af1 100644
--- a/examples/export-table-web.htm
+++ b/examples/export-table-web.htm
@@ -76,8 +76,7 @@ <h1>Export Table Demo | Web Components</h1>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/data-table.min.js"></script>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/input-filter.min.js"></script>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/sortable-table.min.js"></script>
-        <!-- <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/export-to-csv-service.min.js"></script> -->
-        <script type="module" src="../js/web-components/export-to-csv-service.min.js"></script>
+        <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/export-to-csv-service.min.js"></script>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/export-to-excel-service.min.js"></script>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/highlighter-service.min.js"></script>
         <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/polyfill.min.js"></script>
diff --git a/examples/places-demo-graphql.htm b/examples/places-demo-graphql.htm
index 1aaca33d..9733fb89 100644
--- a/examples/places-demo-graphql.htm
+++ b/examples/places-demo-graphql.htm
@@ -155,8 +155,7 @@ <h3 class="error">{{i18n 'Error'}} - {{errorMessage}}</h3>
                 data-export-file-name="{{i18n fileName}}.csv">
         </script>
 
-        <!-- <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/DataFormsJS.min.js"></script> -->
-        <script src="../js/DataFormsJS.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/DataFormsJS.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/pages/jsonData.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/extensions/handlebars-helpers.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/filter.min.js"></script>
@@ -164,10 +163,8 @@ <h3 class="error">{{i18n 'Error'}} - {{errorMessage}}</h3>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/i18n.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/handlebars@4.7.6/dist/handlebars.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/clickToHighlight.min.js"></script>
-        <!-- <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToCsv.min.js"></script>
-        <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToExcel.min.js"></script> -->
-        <script src="../js/plugins/exportToCsv.min.js"></script>
-        <script src="../js/plugins/exportToExcel.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToCsv.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToExcel.min.js"></script>
         <script>
             // See comments in [places-demo-hbs.htm], this is related to the attribute [data-lazy-load]
             app.lazyLoad = {
diff --git a/examples/places-demo-hbs.htm b/examples/places-demo-hbs.htm
index d161de7e..450a5f0b 100644
--- a/examples/places-demo-hbs.htm
+++ b/examples/places-demo-hbs.htm
@@ -182,8 +182,7 @@ <h1>{{i18n 'Countries'}}</h1>
         <script src="https://cdn.jsdelivr.net/npm/handlebars@4.7.6/dist/handlebars.min.js"></script>
 
         <!-- DataFormsJS -->
-        <!-- <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/DataFormsJS.min.js"></script> -->
-        <script src="../js/DataFormsJS.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/DataFormsJS.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/pages/jsonData.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/extensions/handlebars-helpers.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/extensions/format.min.js"></script>
@@ -191,10 +190,8 @@ <h1>{{i18n 'Countries'}}</h1>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/filter.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/sort.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/clickToHighlight.min.js"></script>
-        <!-- <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToCsv.min.js"></script>
-        <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToExcel.min.js"></script> -->
-        <script src="../js/plugins/exportToCsv.min.js"></script>
-        <script src="../js/plugins/exportToExcel.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToCsv.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToExcel.min.js"></script>
         <script>
             // Lazy Load the following scripts only if needed based on attribute [data-lazy-load].
             // When scripts need to be downloaded in a specific order then use an array otherwise
diff --git a/examples/places-demo-js.htm b/examples/places-demo-js.htm
index 8209e420..2674bbeb 100644
--- a/examples/places-demo-js.htm
+++ b/examples/places-demo-js.htm
@@ -152,16 +152,13 @@ <h1 data-i18n="Countries"></h1>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/extensions/format.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/extensions/jsTemplate.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/pages/jsonData.min.js"></script>
-        <!-- <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/i18n.min.js"></script> -->
-        <script src="../js/plugins/i18n.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/i18n.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/filter.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/sort.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/dataBind.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/clickToHighlight.min.js"></script>
-        <!-- <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToCsv.min.js"></script>
-        <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToExcel.min.js"></script> -->
-        <script src="../js/plugins/exportToCsv.min.js"></script>
-        <script src="../js/plugins/exportToExcel.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToCsv.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToExcel.min.js"></script>
         <script>
             // Lazy Load the following scripts only if needed based on attribute [data-lazy-load].
             // When scripts need to be downloaded in a specific order then use an array otherwise
diff --git a/examples/places-demo-vue.htm b/examples/places-demo-vue.htm
index 0852aba6..5f08359d 100644
--- a/examples/places-demo-vue.htm
+++ b/examples/places-demo-vue.htm
@@ -201,15 +201,12 @@ <h1 v-i18n="'Countries'"></h1>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/pages/jsonData.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/extensions/vue-directives.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/extensions/format.min.js"></script>
-        <!-- <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/i18n.min.js"></script> -->
-        <script src="../js/plugins/i18n.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/i18n.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/filter.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/sort.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/clickToHighlight.min.js"></script>
-        <!-- <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToCsv.min.js"></script>
-        <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToExcel.min.js"></script> -->
-        <script src="../js/plugins/exportToCsv.min.js"></script>
-        <script src="../js/plugins/exportToExcel.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToCsv.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/plugins/exportToExcel.min.js"></script>
         <script>
             // Lazy Load the following scripts only if needed based on attribute [data-lazy-load].
             // When scripts need to be downloaded in a specific order then use an array otherwise
diff --git a/examples/places-demo-web.htm b/examples/places-demo-web.htm
index 7703a384..d5a7a833 100644
--- a/examples/places-demo-web.htm
+++ b/examples/places-demo-web.htm
@@ -188,8 +188,7 @@ <h1 data-i18n="Countries"></h1>
         </url-router>
 
         <!-- DataFormsJS Web Components -->
-        <!-- <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/i18n-service.min.js"></script> -->
-        <script type="module" src="../js/web-components/i18n-service.min.js"></script>
+        <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/i18n-service.min.js"></script>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/url-router.min.js"></script>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/json-data.min.js"></script>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/data-table.min.js"></script>
@@ -198,8 +197,7 @@ <h1 data-i18n="Countries"></h1>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/show-errors-service.min.js"></script>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/export-to-csv-service.min.js"></script>
         <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/export-to-excel-service.min.js"></script>
-        <!-- <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/polyfill.min.js"></script> -->
-        <script nomodule src="../js/web-components/polyfill.min.js"></script>
+        <script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/polyfill.min.js"></script>
 
         <!--
             Many different HTML files use <json-data> with the same Root URL
@@ -328,8 +326,7 @@ <h1 data-i18n="Countries"></h1>
             custom Web Components can be quickly defined for an app.
         -->
         <script type="module">
-            // import { Component, html } from 'https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/Component.min.js';
-            import { Component, html } from '../js/web-components/Component.js';
+            import { Component, html } from 'https://cdn.jsdelivr.net/npm/dataformsjs@5/js/web-components/Component.min.js';
 
             // Define class for the <download-links> element
             class DownloadLinks extends Component {

From 639cd796c922d42528954e2a14b242f75868d234 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Thu, 28 Apr 2022 02:04:41 -0700
Subject: [PATCH 22/51] =?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                        | 9 ++++++++-
 docs/i18n-readme/README.es.md    | 9 ++++++++-
 docs/i18n-readme/README.ja.md    | 9 ++++++++-
 docs/i18n-readme/README.pt-BR.md | 9 ++++++++-
 docs/i18n-readme/README.zh-CN.md | 9 ++++++++-
 5 files changed, 40 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index ea81abdd..e439bb3f 100644
--- a/README.md
+++ b/README.md
@@ -268,6 +268,13 @@ import {
 // Use Redux
 import { createStore } from 'redux'
 import { Provider, connect } from 'react-redux';
+
+// Import Individual DataFormsJS React Components
+import JsonData from 'dataformsjs/js/react/es6/JsonData';
+import LazyLoad from 'dataformsjs/js/react/es6/LazyLoad';
+import Format from 'dataformsjs/js/react/es6/Format';
+import ErrorBoundary from 'dataformsjs/js/react/es6/ErrorBoundary';
+// [Cache, CssVars, I18n, ImageGallery, InputFilter, LeafletMap, Markdown, SortableTable]
 ```
 
 When working with the `jsxLoader` and compiling JSX directly in a browser the recommend method for importing is to simply reference the global classes or functions of the libraries that you need for your app:
@@ -424,7 +431,7 @@ _All sizes are based on minified scripts and gzip compression from the web serve
 * **React JSX Loader – 6.6 kB** (91 kB full version uncompressed)
 * **React (Core Components) – 5.7 kB**
 * Individual React Components are between 3 and 12 kB when uncompressed and including comments.
-* Web Components are typically around 1 to 3 kB each, typically you will use a number of components so in the example apps this adds up to about 15 kB for each app.
+* **Web Components are typically around 1 to 3 kB each**, typically you will use a number of components so in the example apps this adds up to about 15 kB for each app.
 
 While the DataFormsJS Framework is small it will generally be used with a larger Templating or View Engine:
 
diff --git a/docs/i18n-readme/README.es.md b/docs/i18n-readme/README.es.md
index a371f6d9..26a2b70a 100644
--- a/docs/i18n-readme/README.es.md
+++ b/docs/i18n-readme/README.es.md
@@ -239,6 +239,13 @@ import {
 // Use Redux
 import { createStore } from 'redux'
 import { Provider, connect } from 'react-redux';
+
+// Import Individual DataFormsJS React Components
+import JsonData from 'dataformsjs/js/react/es6/JsonData';
+import LazyLoad from 'dataformsjs/js/react/es6/LazyLoad';
+import Format from 'dataformsjs/js/react/es6/Format';
+import ErrorBoundary from 'dataformsjs/js/react/es6/ErrorBoundary';
+// [Cache, CssVars, I18n, ImageGallery, InputFilter, LeafletMap, Markdown, SortableTable]
 ```
 
 When working with the `jsxLoader` and compiling JSX directly in a browser the recommend method for importing is to simply reference the global classes or functions of the libraries that you need for your app:
@@ -393,7 +400,7 @@ _Todos los tamaños se basan en scripts minificados y compresión gzip del servi
 * **React JSX Loader – 6.6 kB** (91 kB versión completa sin comprimir)
 * **React (todos los componentes en JavaScript) – 5.7 kB**
 * Los componentes de reacción individuales tienen entre 3 y 12 kB cuando no están comprimidos e incluyen comentarios.
-* Los componentes web generalmente tienen entre 1 y 3 kB cada uno, por lo general, utilizará una serie de componentes, por lo que en las aplicaciones de ejemplo, esto suma aproximadamente 15 kB para cada aplicación.
+* **Los componentes web generalmente tienen entre 1 y 3 kB cada uno**, por lo general, utilizará una serie de componentes, por lo que en las aplicaciones de ejemplo, esto suma aproximadamente 15 kB para cada aplicación.
 
 Si bien el marco DataFormsJS es pequeño, generalmente se utilizará con un motor de visualización o plantilla más grande:
 
diff --git a/docs/i18n-readme/README.ja.md b/docs/i18n-readme/README.ja.md
index 29f8de25..b3976780 100644
--- a/docs/i18n-readme/README.ja.md
+++ b/docs/i18n-readme/README.ja.md
@@ -238,6 +238,13 @@ import {
 // Use Redux
 import { createStore } from 'redux'
 import { Provider, connect } from 'react-redux';
+
+// Import Individual DataFormsJS React Components
+import JsonData from 'dataformsjs/js/react/es6/JsonData';
+import LazyLoad from 'dataformsjs/js/react/es6/LazyLoad';
+import Format from 'dataformsjs/js/react/es6/Format';
+import ErrorBoundary from 'dataformsjs/js/react/es6/ErrorBoundary';
+// [Cache, CssVars, I18n, ImageGallery, InputFilter, LeafletMap, Markdown, SortableTable]
 ```
 
 When working with the `jsxLoader` and compiling JSX directly in a browser the recommend method for importing is to simply reference the global classes or functions of the libraries that you need for your app:
@@ -392,7 +399,7 @@ _All sizes are based on minified scripts and gzip compression from the web serve
 * **React JSX Loader – 6.6 kB** (91 kB full version uncompressed)
 * **React (All Components in JavaScript) – 5.7 kB**
 * Individual React Components are between 3 and 12 KB when uncompressed and including comments.
-* Web Components are typically around 1 to 3 KB each, typically you will use a number of components so in the example apps this adds up to about 15 kB for each app.
+* **Web Components are typically around 1 to 3 KB each**, typically you will use a number of components so in the example apps this adds up to about 15 kB for each app.
 
 While the DataFormsJS Framework is small it will generally be used with a larger Templating or View Engine:
 
diff --git a/docs/i18n-readme/README.pt-BR.md b/docs/i18n-readme/README.pt-BR.md
index 57e7e1a8..a0061345 100644
--- a/docs/i18n-readme/README.pt-BR.md
+++ b/docs/i18n-readme/README.pt-BR.md
@@ -238,6 +238,13 @@ import {
 // Use Redux
 import { createStore } from 'redux'
 import { Provider, connect } from 'react-redux';
+
+// Import Individual DataFormsJS React Components
+import JsonData from 'dataformsjs/js/react/es6/JsonData';
+import LazyLoad from 'dataformsjs/js/react/es6/LazyLoad';
+import Format from 'dataformsjs/js/react/es6/Format';
+import ErrorBoundary from 'dataformsjs/js/react/es6/ErrorBoundary';
+// [Cache, CssVars, I18n, ImageGallery, InputFilter, LeafletMap, Markdown, SortableTable]
 ```
 
 When working with the `jsxLoader` and compiling JSX directly in a browser the recommend method for importing is to simply reference the global classes or functions of the libraries that you need for your app:
@@ -391,7 +398,7 @@ _Todos os tamanhos são baseados nas versões minificadas dos scripts e compress
 * **React JSX Loader – 6.6 kB** (91 kB da versão completa e descompactada)
 * **React (Todos so componentes em JavaScript) – 5.7 kB**
 * Components React individuais estão entre 3 e 12 kB ao descompactar e incluindo componentes.
-* Web Components são tipicamente em torno de 1 a 3 kB cada, você usará um conjunto de componentes então nos apps de exemplo isso adiciona em torno de 15 kB para cada app.
+* **Web Components são tipicamente em torno de 1 a 3 kB cada**, você usará um conjunto de componentes então nos apps de exemplo isso adiciona em torno de 15 kB para cada app.
 
 Enquanto o framework DataFormsJS for pequeno ele será geralmente utilizado com mecanismos de Modelos ou de Visualização:
 
diff --git a/docs/i18n-readme/README.zh-CN.md b/docs/i18n-readme/README.zh-CN.md
index 9f15fdfb..28d42f8f 100644
--- a/docs/i18n-readme/README.zh-CN.md
+++ b/docs/i18n-readme/README.zh-CN.md
@@ -257,6 +257,13 @@ const Link = ReactRouterDOM.Link;
 const Provider = ReactRedux.Provider;
 const connect = ReactRedux.connect;
 const createStore = Redux.createStore;
+
+// Import Individual DataFormsJS React Components
+import JsonData from 'dataformsjs/js/react/es6/JsonData';
+import LazyLoad from 'dataformsjs/js/react/es6/LazyLoad';
+import Format from 'dataformsjs/js/react/es6/Format';
+import ErrorBoundary from 'dataformsjs/js/react/es6/ErrorBoundary';
+// [Cache, CssVars, I18n, ImageGallery, InputFilter, LeafletMap, Markdown, SortableTable]
 ```
 
 Many examples exist for popular React Libraries using `jsxLoader` at the following site:
@@ -392,7 +399,7 @@ _所有大小都基于来自Web服务器的缩小脚本和gzip压缩. The file s
 * **React JSX Loader – 6.6 kB** (91 kB 未压缩时)
 * **React (包含所有组件) – 5.7 kB**
 * 单独的Reaction组件在解压缩并包含注释时在3到12 kB之间.
-* 每个Web组件通常约为1至3 kB，通常您将使用多个组件，因此在示例应用程序中，每个应用程序的总大小约为15 kB.
+* **每个Web组件通常约为1至3 kB**，通常您将使用多个组件，因此在示例应用程序中，每个应用程序的总大小约为15 kB.
 
 虽然DataFormsJS框架很小，但它通常会与较大的模板或视图引擎一起使用:
 

From c8bdd33872d88ad1c74e658b3aa7eebb956e9708 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Mon, 2 May 2022 04:44:29 -0700
Subject: [PATCH 23/51] =?UTF-8?q?=F0=9F=9A=80=20Release=205.13.1?=
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/extensions/handlebars-helpers.js     |  8 +++++++-
 js/extensions/handlebars-helpers.min.js |  2 +-
 js/react/es5/DataFormsJS.js             | 11 +++++++++--
 js/react/es5/DataFormsJS.min.js         |  4 ++--
 js/react/es5/Format.js                  |  9 ++++++++-
 js/react/es5/Format.min.js              |  2 +-
 js/react/es6/DataFormsJS.min.js         |  4 ++--
 js/react/es6/Format.js                  |  8 +++++++-
 js/react/es6/Format.min.js              |  2 +-
 js/react/es6/JsonData.js                |  4 +++-
 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 +-
 js/web-components/utils-format.js       |  8 +++++++-
 js/web-components/utils-format.min.js   |  2 +-
 package.json                            |  2 +-
 20 files changed, 66 insertions(+), 24 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5e0da3ca..8cbb61be 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.13.1 (May 2, 2022)
+
+* Update Code Comments on React Component `<JsonData>`
+  * Previously `@license` was included in the main comment which resulted in [Vite](https://vitejs.dev/) including about 5 kB (uncompressed) and about 1.5 kB of extra code on the build process.
+  * Comments were updated so that they are not included on build resulting in smaller files.
+* Update Framework, React, and Web Components for Date/Time formatting:
+  * Update for `en-US` to use format `{date} {time}` instead of `{date}, {time}` because most people in the US (and software programs) do not use the comma while Chrome uses the comma.
+
 ## 5.13.0 (February 25, 2022)
 
 * DataFormsJS App Object
diff --git a/js/DataFormsJS.js b/js/DataFormsJS.js
index 1e944d4e..2c16d313 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.13.0', enumerable: true });
+    Object.defineProperty(app, 'version', { value: '5.13.1', 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 4a2abd71..659897ad 100644
--- a/js/DataFormsJS.min.js
+++ b/js/DataFormsJS.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.13.0
+// @version 5.13.1
 // @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.13.0",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.13.1",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/extensions/handlebars-helpers.js b/js/extensions/handlebars-helpers.js
index 196d8df6..1fa7279b 100644
--- a/js/extensions/handlebars-helpers.js
+++ b/js/extensions/handlebars-helpers.js
@@ -64,7 +64,13 @@
                     // In the future a new Temporal may be used instead:
                     //    https://tc39.es/proposal-temporal/docs/
                     var localDate = new Date(dateTime);
-                    return new Intl.DateTimeFormat(navigator.language, options).format(localDate);
+                    var value = Intl.DateTimeFormat(navigator.language, options).format(localDate);
+                    if (navigator.language === 'en-US') {
+                        // Chrome returns "{date}, {time}" but most people in the US
+                        // use "{date} {time}" without the comma.
+                        return value.toLocaleString().replace(', ', ' ');
+                    }
+                    return value.toLocaleString();
                 }
             } catch (e) {
                 // If Error log to console and return 'Error' text
diff --git a/js/extensions/handlebars-helpers.min.js b/js/extensions/handlebars-helpers.min.js
index 14df6b60..615854aa 100644
--- a/js/extensions/handlebars-helpers.min.js
+++ b/js/extensions/handlebars-helpers.min.js
@@ -1 +1 @@
-!function(){"use strict";function e(){function n(r,n){if(void 0===window.Intl)return r;try{return r instanceof Date?new Intl.DateTimeFormat(navigator.language,n).format(r):/^\d{4}-\d{2}-\d{2}$/.test(r)?(e=r.split("-").map(function(e){return parseInt(e,10)}),t=new Date(e[0],e[1]-1,e[2]),new Intl.DateTimeFormat(navigator.language,n).format(t)):(a=new Date(r),new Intl.DateTimeFormat(navigator.language,n).format(a));var e,t,a}catch(e){return console.warn("Error formatting Date/Time Value:"),console.log(navigator.language),console.log(n),console.log(r),console.log(e),"Error"}}function t(r,n){var e,t,a=null,o=null,i=null,s=navigator.language||navigator.userLanguage;if(null===r||""===r)return null;if(t=r,isNaN(parseFloat(t))||!isFinite(t))return console.warn("Warning value specified in DateFormsJS Handlebars Helper function formatNumber() is not a number:"),console.log(r),r;if(void 0===window.Intl)return t=n.style||null,e=n.maximumFractionDigits||0,"percent"===t?(100*r).toFixed(e)+"%":("en-us"===s&&(a=",",o=".",i="$"),null!==a?((e=r.toString().split("."))[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),a=e.join(o),"currency"===t?i+a:a):r);try{return new Intl.NumberFormat(s,n).format(r)}catch(e){return console.warn("Error formatting Numeric Value:"),console.log(s),console.log(n),console.log(r),console.log(e),"Error"}}window.Handlebars?(Handlebars.registerHelper("now",function(){return new Date}),Handlebars.registerHelper("formatPercent",function(e,r,n){if(void 0===r)return console.warn("Warning {{formatPercent}} is not being called with correct parameters, expected {{formatPercent decimalValue}}, parameters:"),console.log(n),"Error";n=void 0===n?0:Number(r);return t(e,{style:"percent",maximumFractionDigits:n,minimumFractionDigits:n})}),Handlebars.registerHelper("formatNumber",function(e,r){return void 0===r?(console.warn("Warning {{formatNumber}} is not being called with correct parameters, expected {{formatNumber value}}, parameters:"),console.log(e),console.log(r),"Error"):t(e,{})}),Handlebars.registerHelper("formatCurrency",function(e,r,n){return void 0===r||void 0===n?(console.warn("Warning {{formatCurrency}} is not being called with correct parameters, expected {{formatCurrency value currencyCode}}, parameters:"),console.log(e),console.log(r),console.log(n),"Error"):t(e,{style:"currency",currency:r,maximumFractionDigits:2})}),Handlebars.registerHelper("formatDate",function(e,r){return void 0===r?(console.warn("Warning {{dateformatDate} is not being called with correct parameters, expected {{formatDate value}}, parameters:"),console.log(e),console.log(r),"Error"):n(e,{})}),Handlebars.registerHelper("formatDateTime",function(e,r){if(void 0===r)return console.warn("Warning {{formatDateTime}} is not being called with correct parameters, expected {{formatDateTime value}}, parameters:"),console.log(e),console.log(r),"Error";return n(e,{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"})}),Handlebars.registerHelper("formatTime",function(e,r){if(void 0===r)return console.warn("Warning {{time}} is not being called with correct parameters, expected {{time value}}, parameters:"),console.log(e),console.log(r),"Error";return n(e,{hour:"numeric",minute:"numeric",second:"numeric"})}),Handlebars.registerHelper("moment",function(e,r,n){return void 0===window.moment?(console.warn("Warning moment needs to be included to be used as a Handlebars Helper."),e):void 0===n&&"string"==typeof e?(r=e,moment().format(r)):void 0===e?(console.log("Warning date is undefined in DateFormsJS Handlebars Helper moment()"),"{{Date is not defined}}"):e instanceof Date?moment(e).format(r):("Invalid date"===(n=moment(new Date(e)).format(r))&&console.log("Warning an invalid date was passed as a parameter in the DateFormsJS Handlebars Helper moment()"),n)}),Handlebars.registerHelper("format",function(){var n=this,t=arguments,e=t[0];return e=2===t.length?e.replace(/{(\w+)}/g,function(e,r){return void 0===n[r]?e:n[r]}):e.replace(/{(\d+)}/g,function(e,r){r=t[parseInt(r,10)+1];return void 0===r?e:r})}),Handlebars.registerHelper("join",function(){for(var e=arguments[0],r=[],n=1,t=arguments.length-1;n<t;n++)r.push(arguments[n]);return r.join(e)}),Handlebars.registerHelper("concat",function(){for(var e="",r=0,n=arguments.length-1;r<n;r++)e+=arguments[r];return e}),Handlebars.registerHelper("debug",function(){console.log("======================="),console.log(this);for(var e=0,r=arguments.length;e<r-1;e++)console.log(Handlebars.helpers.format("arguments[{0}]: {1}",e,arguments[e]))}),Handlebars.registerHelper("htmlToText",function(e){var r=document.createElement("div");return r.innerHTML=e,r.textContent}),Handlebars.registerHelper("encodeURI",function(e){return new Handlebars.SafeString(encodeURI("string"==typeof e?e:""))}),Handlebars.registerHelper("encodeURIComponent",function(e){return new Handlebars.SafeString(encodeURIComponent("string"==typeof e?e:""))}),Handlebars.registerHelper("nl2br",function(e){return e=(e=Handlebars.Utils.escapeExpression(e)).replace(/(\r\n|\n|\r)/gm,"<br>"),new Handlebars.SafeString(e)}),Handlebars.registerHelper("yesNo",function(e){return"true"===(e=String(e).toLowerCase())||"1"===e||"yes"===e?"Yes":"No"}),Handlebars.registerHelper("yesNoNull",function(e){return null===e?e:"true"===(e=String(e).toLowerCase())||"1"===e||"yes"===e?"Yes":"false"===e||"0"===e||"no"===e?"No":null}),Handlebars.registerHelper("js",function(r,e){try{var n=e.data&&e.data._parent&&e.data._parent.root?e.data._parent.root:null;null===n&&(n=e.data&&e.data.root?e.data.root:null);return Function.apply(null,["window","model","return "+r+";"]).call(this,window,n)}catch(e){return console.warn('The JavaScript expression {{js "'+r+'"}} could not be parsed or evaluated.'),console.warn(e),"Error"}}),Handlebars.registerHelper("ifJs",function(e,r){try{return!0===Handlebars.helpers.js.apply(this,[e,r])?r.fn(this):r.inverse(this)}catch(e){return r.inverse(this)}}),Handlebars.registerHelper("ifCond",function(e,r,n,t){switch(r){case"in":return-1!==n.split("|").indexOf(e)?t.fn(this):t.inverse(this);case"==":return e==n?t.fn(this):t.inverse(this);case"===":return e===n?t.fn(this):t.inverse(this);case"!==":return e!==n?t.fn(this):t.inverse(this);case"<":return e<n?t.fn(this):t.inverse(this);case"<=":return e<=n?t.fn(this):t.inverse(this);case">":return n<e?t.fn(this):t.inverse(this);case">=":return n<=e?t.fn(this):t.inverse(this);case"&&":return e&&n?t.fn(this):t.inverse(this);case"||":return e||n?t.fn(this):t.inverse(this);default:return t.inverse(this)}}),Handlebars.registerHelper("select",function(e,r,t,n){var a=[];return a.push("<select "+String(e)+">"),"true"!==(n=String(n))&&"1"!==n&&"allow-null"!==n&&"allow-empty"!==n||a.push("<option></option>"),Array.isArray(r)?(t=String(t),r.forEach(function(e){var r="object"==typeof e&&void 0!==e.value&&void 0!==e.label,n=r?e.value:String(e),r=r?e.label:String(e),e=n===t?" selected":"";a.push('<option value="'+Handlebars.Utils.escapeExpression(n)+'"'+e+">"+Handlebars.Utils.escapeExpression(r)+"</option>")})):console.warn("DataFormsJS - {{select}} Handlebars Helper was called with an invalid list. See docs and source code for usage."),a.push("</select>"),new Handlebars.SafeString(a.join("\n"))}),Handlebars.registerHelper("lowerCase",function(e){return String(e).toLowerCase()}),Handlebars.registerHelper("upperCase",function(e){return String(e).toUpperCase()}),Handlebars.registerHelper("jsonEncode",function(e){return JSON.stringify(e)})):console.warn("[handlebars-helpers.js] is included in this page but Handlebars was not found.")}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}();
\ No newline at end of file
+!function(){"use strict";function e(){function n(r,n){if(void 0===window.Intl)return r;try{return r instanceof Date?new Intl.DateTimeFormat(navigator.language,n).format(r):/^\d{4}-\d{2}-\d{2}$/.test(r)?(e=r.split("-").map(function(e){return parseInt(e,10)}),t=new Date(e[0],e[1]-1,e[2]),new Intl.DateTimeFormat(navigator.language,n).format(t)):(a=new Date(r),o=Intl.DateTimeFormat(navigator.language,n).format(a),"en-US"===navigator.language?o.toLocaleString().replace(", "," "):o.toLocaleString());var e,t,a,o}catch(e){return console.warn("Error formatting Date/Time Value:"),console.log(navigator.language),console.log(n),console.log(r),console.log(e),"Error"}}function t(r,n){var e,t,a=null,o=null,i=null,s=navigator.language||navigator.userLanguage;if(null===r||""===r)return null;if(t=r,isNaN(parseFloat(t))||!isFinite(t))return console.warn("Warning value specified in DateFormsJS Handlebars Helper function formatNumber() is not a number:"),console.log(r),r;if(void 0===window.Intl)return t=n.style||null,e=n.maximumFractionDigits||0,"percent"===t?(100*r).toFixed(e)+"%":("en-us"===s&&(a=",",o=".",i="$"),null!==a?((e=r.toString().split("."))[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),a=e.join(o),"currency"===t?i+a:a):r);try{return new Intl.NumberFormat(s,n).format(r)}catch(e){return console.warn("Error formatting Numeric Value:"),console.log(s),console.log(n),console.log(r),console.log(e),"Error"}}window.Handlebars?(Handlebars.registerHelper("now",function(){return new Date}),Handlebars.registerHelper("formatPercent",function(e,r,n){if(void 0===r)return console.warn("Warning {{formatPercent}} is not being called with correct parameters, expected {{formatPercent decimalValue}}, parameters:"),console.log(n),"Error";n=void 0===n?0:Number(r);return t(e,{style:"percent",maximumFractionDigits:n,minimumFractionDigits:n})}),Handlebars.registerHelper("formatNumber",function(e,r){return void 0===r?(console.warn("Warning {{formatNumber}} is not being called with correct parameters, expected {{formatNumber value}}, parameters:"),console.log(e),console.log(r),"Error"):t(e,{})}),Handlebars.registerHelper("formatCurrency",function(e,r,n){return void 0===r||void 0===n?(console.warn("Warning {{formatCurrency}} is not being called with correct parameters, expected {{formatCurrency value currencyCode}}, parameters:"),console.log(e),console.log(r),console.log(n),"Error"):t(e,{style:"currency",currency:r,maximumFractionDigits:2})}),Handlebars.registerHelper("formatDate",function(e,r){return void 0===r?(console.warn("Warning {{dateformatDate} is not being called with correct parameters, expected {{formatDate value}}, parameters:"),console.log(e),console.log(r),"Error"):n(e,{})}),Handlebars.registerHelper("formatDateTime",function(e,r){if(void 0===r)return console.warn("Warning {{formatDateTime}} is not being called with correct parameters, expected {{formatDateTime value}}, parameters:"),console.log(e),console.log(r),"Error";return n(e,{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"})}),Handlebars.registerHelper("formatTime",function(e,r){if(void 0===r)return console.warn("Warning {{time}} is not being called with correct parameters, expected {{time value}}, parameters:"),console.log(e),console.log(r),"Error";return n(e,{hour:"numeric",minute:"numeric",second:"numeric"})}),Handlebars.registerHelper("moment",function(e,r,n){return void 0===window.moment?(console.warn("Warning moment needs to be included to be used as a Handlebars Helper."),e):void 0===n&&"string"==typeof e?(r=e,moment().format(r)):void 0===e?(console.log("Warning date is undefined in DateFormsJS Handlebars Helper moment()"),"{{Date is not defined}}"):e instanceof Date?moment(e).format(r):("Invalid date"===(n=moment(new Date(e)).format(r))&&console.log("Warning an invalid date was passed as a parameter in the DateFormsJS Handlebars Helper moment()"),n)}),Handlebars.registerHelper("format",function(){var n=this,t=arguments,e=t[0];return e=2===t.length?e.replace(/{(\w+)}/g,function(e,r){return void 0===n[r]?e:n[r]}):e.replace(/{(\d+)}/g,function(e,r){r=t[parseInt(r,10)+1];return void 0===r?e:r})}),Handlebars.registerHelper("join",function(){for(var e=arguments[0],r=[],n=1,t=arguments.length-1;n<t;n++)r.push(arguments[n]);return r.join(e)}),Handlebars.registerHelper("concat",function(){for(var e="",r=0,n=arguments.length-1;r<n;r++)e+=arguments[r];return e}),Handlebars.registerHelper("debug",function(){console.log("======================="),console.log(this);for(var e=0,r=arguments.length;e<r-1;e++)console.log(Handlebars.helpers.format("arguments[{0}]: {1}",e,arguments[e]))}),Handlebars.registerHelper("htmlToText",function(e){var r=document.createElement("div");return r.innerHTML=e,r.textContent}),Handlebars.registerHelper("encodeURI",function(e){return new Handlebars.SafeString(encodeURI("string"==typeof e?e:""))}),Handlebars.registerHelper("encodeURIComponent",function(e){return new Handlebars.SafeString(encodeURIComponent("string"==typeof e?e:""))}),Handlebars.registerHelper("nl2br",function(e){return e=(e=Handlebars.Utils.escapeExpression(e)).replace(/(\r\n|\n|\r)/gm,"<br>"),new Handlebars.SafeString(e)}),Handlebars.registerHelper("yesNo",function(e){return"true"===(e=String(e).toLowerCase())||"1"===e||"yes"===e?"Yes":"No"}),Handlebars.registerHelper("yesNoNull",function(e){return null===e?e:"true"===(e=String(e).toLowerCase())||"1"===e||"yes"===e?"Yes":"false"===e||"0"===e||"no"===e?"No":null}),Handlebars.registerHelper("js",function(r,e){try{var n=e.data&&e.data._parent&&e.data._parent.root?e.data._parent.root:null;null===n&&(n=e.data&&e.data.root?e.data.root:null);return Function.apply(null,["window","model","return "+r+";"]).call(this,window,n)}catch(e){return console.warn('The JavaScript expression {{js "'+r+'"}} could not be parsed or evaluated.'),console.warn(e),"Error"}}),Handlebars.registerHelper("ifJs",function(e,r){try{return!0===Handlebars.helpers.js.apply(this,[e,r])?r.fn(this):r.inverse(this)}catch(e){return r.inverse(this)}}),Handlebars.registerHelper("ifCond",function(e,r,n,t){switch(r){case"in":return-1!==n.split("|").indexOf(e)?t.fn(this):t.inverse(this);case"==":return e==n?t.fn(this):t.inverse(this);case"===":return e===n?t.fn(this):t.inverse(this);case"!==":return e!==n?t.fn(this):t.inverse(this);case"<":return e<n?t.fn(this):t.inverse(this);case"<=":return e<=n?t.fn(this):t.inverse(this);case">":return n<e?t.fn(this):t.inverse(this);case">=":return n<=e?t.fn(this):t.inverse(this);case"&&":return e&&n?t.fn(this):t.inverse(this);case"||":return e||n?t.fn(this):t.inverse(this);default:return t.inverse(this)}}),Handlebars.registerHelper("select",function(e,r,t,n){var a=[];return a.push("<select "+String(e)+">"),"true"!==(n=String(n))&&"1"!==n&&"allow-null"!==n&&"allow-empty"!==n||a.push("<option></option>"),Array.isArray(r)?(t=String(t),r.forEach(function(e){var r="object"==typeof e&&void 0!==e.value&&void 0!==e.label,n=r?e.value:String(e),r=r?e.label:String(e),e=n===t?" selected":"";a.push('<option value="'+Handlebars.Utils.escapeExpression(n)+'"'+e+">"+Handlebars.Utils.escapeExpression(r)+"</option>")})):console.warn("DataFormsJS - {{select}} Handlebars Helper was called with an invalid list. See docs and source code for usage."),a.push("</select>"),new Handlebars.SafeString(a.join("\n"))}),Handlebars.registerHelper("lowerCase",function(e){return String(e).toLowerCase()}),Handlebars.registerHelper("upperCase",function(e){return String(e).toUpperCase()}),Handlebars.registerHelper("jsonEncode",function(e){return JSON.stringify(e)})):console.warn("[handlebars-helpers.js] is included in this page but Handlebars was not found.")}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}();
\ No newline at end of file
diff --git a/js/react/es5/DataFormsJS.js b/js/react/es5/DataFormsJS.js
index 5393efda..185fbbe0 100644
--- a/js/react/es5/DataFormsJS.js
+++ b/js/react/es5/DataFormsJS.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.13.0
+// @version 5.13.1
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
 (function () {
@@ -249,7 +249,14 @@ var Format = function () {
           return new Intl.DateTimeFormat(navigator.language, options).format(date);
         } else {
           var localDate = new Date(dateTime);
-          return new Intl.DateTimeFormat(navigator.language, options).format(localDate);
+
+          var _date = Intl.DateTimeFormat(navigator.language, options).format(localDate);
+
+          if (navigator.language === 'en-US') {
+            return _date.toLocaleString().replace(', ', ' ');
+          }
+
+          return _date.toLocaleString();
         }
       } catch (e) {
         console.warn('Error formatting Date/Time Value:');
diff --git a/js/react/es5/DataFormsJS.min.js b/js/react/es5/DataFormsJS.min.js
index 0512a013..bf5acb79 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.13.0
+// @version 5.13.1
 // @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 w(e){return(w="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"===w(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 i(e,t,r){return t&&h(e.prototype,t),r&&h(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}var f={},m=(i(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;i(g,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 v=g;function g(){r(this,g)}window.CssVars=v;e(a,n.Component),b=t(a),i(a,[{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 b,S=a;function a(e){return r(this,a),(e=b.call(this,e)).state={error:null,errorInfo:null},e}window.ErrorBoundary=S;i(E,[{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),new Intl.DateTimeFormat(navigator.language,r).format(o));var e,n,o}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,i=null,a=null;return"en-us"===n&&(o=",",i=".",a="$"),null!==o?((o=t.toString().split("."))[0]=o[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),o=o.join(i),"currency"===e?a+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=E;function E(){r(this,E)}window.Format=C;e(s,n.Component),L=t(s),i(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"]),i=(1===o.length&&"TABLE"===o[0].tagName&&o[0].tHead&&1===o[0].tHead.rows.length&&1===o[0].tBodies.length&&(r=(i=o[0]).getAttribute("data-sort-class-odd"),n=i.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 a=o[f],y=!0;if(p)for(var v=a.textContent.toLowerCase(),s=0;s<d;s++)if(""!==c[s]&&!v.includes(c[s])){y=!1;break}y&&(t++,h&&(t%2==0?(a.classList.add(n),a.classList.remove(r)):(a.classList.add(r),a.classList.remove(n)))),a.style.display=y?"":"none"}var g,l,u=e.getAttribute("filter-results-selector");u&&((u=document.querySelector(u))?(g=e.getAttribute("filter-results-text-all"),e=e.getAttribute("filter-results-text-filtered"),null!==g||null!==e?(l=null,t===i?l=g:null!==e&&(l=e.replace(/{displayCount}/g,t)),null===l?u.textContent="":(l=l.replace(/{totalCount}/g,i),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 L,k=s;function s(e){return r(this,s),(e=L.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),i(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 i=d[n];if(i.url===e&&i.query===t){if(JSON.stringify(r)===i.params)return i.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,i=c.getUrlParams(),a=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(i),u.data=a)}d.push({url:n,query:o,params:JSON.stringify(i),data:a})}}).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),i(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(i,e){function a(i){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")===i)return void e();var o=document.createElement("link");o.rel="stylesheet",o.onload=e,o.onerror=function(){console.error("Error loading CSS File: "+i),e()},o.href=i,document.head.appendChild(o)})}function s(i){return new Promise(function(e){for(var t=document.querySelectorAll("script"),r=0,n=t.length;r<n;r++)if(t[r].getAttribute("src")===i)return void e();var o=document.createElement("script");o.onload=e,o.onerror=function(){console.error("Error loading JS File: "+i),e()},o.src=i,document.head.appendChild(o)})}function l(i){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")===i)return void e();var o=document.createElement("script");o.type="text/babel",o.setAttribute("src",i),document.head.appendChild(o),jsxLoader.loadScript(o).then(function(){e()})})}if("string"==typeof i)i=[i];else if(!Array.isArray(i))return console.error("Invalid prop for <LazyLoad>, expected [scripts] to be a string or an array of strings. Check console."),console.log(i),new Promise(function(e){e()});return!0===e?new Promise(function(r){var n=0,o=i.length;!function e(){var t;n!==o?(t=i[n],n++,t.endsWith(".js")?s(t).then(e):t.endsWith(".css")?a(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=i.length;r<n;r++){var o=i[r];o.endsWith(".js")?t.push(s(o)):o.endsWith(".css")?t.push(a(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),i(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=[],i=0,p=n.length;i<p;i++){var a,s,l=n[i].cells[r];void 0!==l&&(l=w(a=(null!==(a=l.getAttribute("data-value"))?a:l.textContent).trim()),""===a?a=null:isNaN(a)?(s=new Date(a),isNaN(s.getTime())?a=void 0!==a.toLocaleLowerCase?a.toLocaleLowerCase():a.toLowerCase():(a=s,l="date")):a=parseFloat(a),o.push({row:n[i],value:a,type:null===a?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,v=0,g=o.length;v<g;v++){var u=o[v].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,i(R,null,[{key:"Cache",get:function(){return m}},{key:"CssVars",get:function(){return v}},{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
+!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/Format.js b/js/react/es5/Format.js
index 63cb3d4e..9fe57bd5 100644
--- a/js/react/es5/Format.js
+++ b/js/react/es5/Format.js
@@ -106,7 +106,14 @@ var Format = function () {
           return new Intl.DateTimeFormat(navigator.language, options).format(date);
         } else {
           var localDate = new Date(dateTime);
-          return new Intl.DateTimeFormat(navigator.language, options).format(localDate);
+
+          var _date = Intl.DateTimeFormat(navigator.language, options).format(localDate);
+
+          if (navigator.language === 'en-US') {
+            return _date.toLocaleString().replace(', ', ' ');
+          }
+
+          return _date.toLocaleString();
         }
       } catch (e) {
         console.warn('Error formatting Date/Time Value:');
diff --git a/js/react/es5/Format.min.js b/js/react/es5/Format.min.js
index aa7023ef..1b2be46d 100644
--- a/js/react/es5/Format.min.js
+++ b/js/react/es5/Format.min.js
@@ -1 +1 @@
-!function(){"use strict";function i(e,n){return null!=n&&"undefined"!=typeof Symbol&&n[Symbol.hasInstance]?n[Symbol.hasInstance](e):e instanceof n}function e(e,n){for(var r=0;r<n.length;r++){var t=n[r];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(e,t.key,t)}}n=a,(t=[{key:"number",value:function(e){return this.formatNumber(e,{})}},{key:"round",value:function(e){var n=1<arguments.length&&void 0!==arguments[1]?arguments[1]:0;return this.formatNumber(e,{style:"decimal",maximumFractionDigits:n,minimumFractionDigits:n})}},{key:"currency",value:function(e,n){return this.formatNumber(e,{style:"currency",currency:n,maximumFractionDigits:2})}},{key:"percent",value:function(e){var n=1<arguments.length&&void 0!==arguments[1]?arguments[1]:0;return this.formatNumber(e,{style:"percent",maximumFractionDigits:n,minimumFractionDigits:n})}},{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(n,r){if(void 0===window.Intl)return n;if(null===n||""===n)return null;try{return i(n,Date)?new Intl.DateTimeFormat(navigator.language,r).format(n):/^\d{4}-\d{2}-\d{2}$/.test(n)?(e=n.split("-").map(function(e){return parseInt(e,10)}),t=new Date(e[0],e[1]-1,e[2]),new Intl.DateTimeFormat(navigator.language,r).format(t)):(a=new Date(n),new Intl.DateTimeFormat(navigator.language,r).format(a));var e,t,a}catch(e){return console.warn("Error formatting Date/Time Value:"),console.log(navigator.language),console.log(r),console.log(n),console.log(e),"Error"}}},{key:"formatNumber",value:function(n,r){var t=navigator.language||navigator.userLanguage;if(null===n||""===n)return null;if(!this.isNumber(n))return console.warn("Warning value specified in DateFormsJS function formatNumber() is not a number:"),console.log(n),n;if(void 0===window.Intl){var e=r.style||null,a=r.maximumFractionDigits||0;if("percent"===e)return(100*n).toFixed(a)+"%";var a=null,i=null,o=null;return"en-us"===t&&(a=",",i=".",o="$"),null!==a?((a=n.toString().split("."))[0]=a[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),a=a.join(i),"currency"===e?o+a:a):n}try{return new Intl.NumberFormat(t,r).format(n)}catch(e){return console.warn("Error formatting Numeric Value:"),console.log(t),console.log(r),console.log(n),console.log(e),"Error"}}}])&&e(n.prototype,t),r&&e(n,r),Object.defineProperty(n,"prototype",{writable:!1});var n,r,t=a;function a(){if(!i(this,a))throw new TypeError("Cannot call a class as a function")}window.Format=t}();
\ No newline at end of file
+!function(){"use strict";function i(e,n){return null!=n&&"undefined"!=typeof Symbol&&n[Symbol.hasInstance]?n[Symbol.hasInstance](e):e instanceof n}function e(e,n){for(var r=0;r<n.length;r++){var t=n[r];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(e,t.key,t)}}n=a,(t=[{key:"number",value:function(e){return this.formatNumber(e,{})}},{key:"round",value:function(e){var n=1<arguments.length&&void 0!==arguments[1]?arguments[1]:0;return this.formatNumber(e,{style:"decimal",maximumFractionDigits:n,minimumFractionDigits:n})}},{key:"currency",value:function(e,n){return this.formatNumber(e,{style:"currency",currency:n,maximumFractionDigits:2})}},{key:"percent",value:function(e){var n=1<arguments.length&&void 0!==arguments[1]?arguments[1]:0;return this.formatNumber(e,{style:"percent",maximumFractionDigits:n,minimumFractionDigits:n})}},{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(n,r){if(void 0===window.Intl)return n;if(null===n||""===n)return null;try{return i(n,Date)?new Intl.DateTimeFormat(navigator.language,r).format(n):/^\d{4}-\d{2}-\d{2}$/.test(n)?(e=n.split("-").map(function(e){return parseInt(e,10)}),t=new Date(e[0],e[1]-1,e[2]),new Intl.DateTimeFormat(navigator.language,r).format(t)):(a=new Date(n),o=Intl.DateTimeFormat(navigator.language,r).format(a),"en-US"===navigator.language?o.toLocaleString().replace(", "," "):o.toLocaleString());var e,t,a,o}catch(e){return console.warn("Error formatting Date/Time Value:"),console.log(navigator.language),console.log(r),console.log(n),console.log(e),"Error"}}},{key:"formatNumber",value:function(n,r){var t=navigator.language||navigator.userLanguage;if(null===n||""===n)return null;if(!this.isNumber(n))return console.warn("Warning value specified in DateFormsJS function formatNumber() is not a number:"),console.log(n),n;if(void 0===window.Intl){var e=r.style||null,a=r.maximumFractionDigits||0;if("percent"===e)return(100*n).toFixed(a)+"%";var a=null,o=null,i=null;return"en-us"===t&&(a=",",o=".",i="$"),null!==a?((a=n.toString().split("."))[0]=a[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),a=a.join(o),"currency"===e?i+a:a):n}try{return new Intl.NumberFormat(t,r).format(n)}catch(e){return console.warn("Error formatting Numeric Value:"),console.log(t),console.log(r),console.log(n),console.log(e),"Error"}}}])&&e(n.prototype,t),r&&e(n,r),Object.defineProperty(n,"prototype",{writable:!1});var n,r,t=a;function a(){if(!i(this,a))throw new TypeError("Cannot call a class as a function")}window.Format=t}();
\ No newline at end of file
diff --git a/js/react/es6/DataFormsJS.min.js b/js/react/es6/DataFormsJS.min.js
index d9e37f15..d2595c22 100644
--- a/js/react/es6/DataFormsJS.min.js
+++ b/js/react/es6/DataFormsJS.min.js
@@ -1,11 +1,11 @@
 // @link https://www.dataformsjs.com
-// @version 5.13.0
+// @version 5.13.1
 // @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}};
 window.CssVars = class CssVars{static ponyfill(){const s='link[rel="stylesheet"][data-css-vars-ponyfill]:not([data-css-vars-setup]),style[data-css-vars-ponyfill]:not([data-css-vars-setup])',t=document.querySelectorAll(s);if(0===t.length)return;const a=new LazyLoad,o=window.CSS&&window.CSS.supports&&window.CSS.supports("(--a: 0)");a.loadPolyfill(o,"https://cdn.jsdelivr.net/npm/css-vars-ponyfill@2.4.3/dist/css-vars-ponyfill.min.js").then((function(){window.cssVars&&(cssVars({include:s}),Array.prototype.forEach.call(t,(function(s){s.setAttribute("data-css-vars-setup","")})))}))}};
 window.ErrorBoundary = class ErrorBoundary extends React.Component{constructor(e){super(e),this.state={error:null,errorInfo:null}}componentDidCatch(e,r){this.setState({error:e,errorInfo:r})}render(){return this.state.errorInfo?React.createElement("div",null,React.createElement("h2",{style:{textAlign:"left",color:"white",backgroundColor:"#bc0000",padding:"1em"}},"An error has occurred"),React.createElement("details",{style:{whiteSpace:"pre-wrap",textAlign:"left",color:"white",backgroundColor:"red",padding:"1em"}},this.state.error&&this.state.error.toString(),React.createElement("br",null),this.state.errorInfo.componentStack)):this.props.children}};
-window.Format = class Format{number(r){return this.formatNumber(r,{})}round(r,t=0){const n={style:"decimal",maximumFractionDigits:t,minimumFractionDigits:t};return this.formatNumber(r,n)}currency(r,t){const n={style:"currency",currency:t,maximumFractionDigits:2};return this.formatNumber(r,n)}percent(r,t=0){const n={style:"percent",maximumFractionDigits:t,minimumFractionDigits:t};return this.formatNumber(r,n)}date(r){return this.formatDateTime(r,{})}dateTime(r){return this.formatDateTime(r,{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"})}time(r){return this.formatDateTime(r,{hour:"numeric",minute:"numeric",second:"numeric"})}isNumber(r){return!isNaN(parseFloat(r))&&isFinite(r)}formatDateTime(r,t){if(void 0===window.Intl)return r;if(null===r||""===r)return null;try{if(r instanceof Date)return new Intl.DateTimeFormat(navigator.language,t).format(r);if(/^\d{4}-\d{2}-\d{2}$/.test(r)){const n=r.split("-").map((function(r){return parseInt(r,10)})),e=new Date(n[0],n[1]-1,n[2]);return new Intl.DateTimeFormat(navigator.language,t).format(e)}{const n=new Date(r);return new Intl.DateTimeFormat(navigator.language,t).format(n)}}catch(n){return console.warn("Error formatting Date/Time Value:"),console.log(navigator.language),console.log(t),console.log(r),console.log(n),"Error"}}formatNumber(r,t){const n=navigator.language?navigator.language:navigator.userLanguage;if(null===r||""===r)return null;if(!this.isNumber(r))return console.warn("Warning value specified in DateFormsJS function formatNumber() is not a number:"),console.log(r),r;if(void 0===window.Intl){const e=t.style?t.style:null,i=t.maximumFractionDigits?t.maximumFractionDigits:0;if("percent"===e)return(100*r).toFixed(i)+"%";let o=null,a=null,u=null;if("en-us"===n)o=",",a=".",u="$";if(null!==o){const t=r.toString().split(".");t[0]=t[0].replace(/\B(?=(\d{3})+(?!\d))/g,",");const n=t.join(a);return"currency"===e?u+n:n}return r}try{return new Intl.NumberFormat(n,t).format(r)}catch(e){return console.warn("Error formatting Numeric Value:"),console.log(n),console.log(t),console.log(r),console.log(e),"Error"}}};
+window.Format = class Format{number(r){return this.formatNumber(r,{})}round(r,t=0){const n={style:"decimal",maximumFractionDigits:t,minimumFractionDigits:t};return this.formatNumber(r,n)}currency(r,t){const n={style:"currency",currency:t,maximumFractionDigits:2};return this.formatNumber(r,n)}percent(r,t=0){const n={style:"percent",maximumFractionDigits:t,minimumFractionDigits:t};return this.formatNumber(r,n)}date(r){return this.formatDateTime(r,{})}dateTime(r){return this.formatDateTime(r,{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"})}time(r){return this.formatDateTime(r,{hour:"numeric",minute:"numeric",second:"numeric"})}isNumber(r){return!isNaN(parseFloat(r))&&isFinite(r)}formatDateTime(r,t){if(void 0===window.Intl)return r;if(null===r||""===r)return null;try{if(r instanceof Date)return new Intl.DateTimeFormat(navigator.language,t).format(r);if(/^\d{4}-\d{2}-\d{2}$/.test(r)){const n=r.split("-").map((function(r){return parseInt(r,10)})),e=new Date(n[0],n[1]-1,n[2]);return new Intl.DateTimeFormat(navigator.language,t).format(e)}{const n=new Date(r),e=Intl.DateTimeFormat(navigator.language,t).format(n);return"en-US"===navigator.language?e.toLocaleString().replace(", "," "):e.toLocaleString()}}catch(n){return console.warn("Error formatting Date/Time Value:"),console.log(navigator.language),console.log(t),console.log(r),console.log(n),"Error"}}formatNumber(r,t){const n=navigator.language?navigator.language:navigator.userLanguage;if(null===r||""===r)return null;if(!this.isNumber(r))return console.warn("Warning value specified in DateFormsJS function formatNumber() is not a number:"),console.log(r),r;if(void 0===window.Intl){const e=t.style?t.style:null,i=t.maximumFractionDigits?t.maximumFractionDigits:0;if("percent"===e)return(100*r).toFixed(i)+"%";let o=null,a=null,u=null;if("en-us"===n)o=",",a=".",u="$";if(null!==o){const t=r.toString().split(".");t[0]=t[0].replace(/\B(?=(\d{3})+(?!\d))/g,",");const n=t.join(a);return"currency"===e?u+n:n}return r}try{return new Intl.NumberFormat(n,t).format(r)}catch(e){return console.warn("Error formatting Numeric Value:"),console.log(n),console.log(t),console.log(r),console.log(e),"Error"}}};
 window.InputFilter = class InputFilter extends React.Component{constructor(t){super(t),this.onChange=this.onChange.bind(this),this.input=React.createRef()}componentDidMount(){this.filter()}onChange(){this.filter(),"function"==typeof this.props.afterFilter&&this.props.afterFilter()}filter(){const t=this.input.current,e=t.value.toLowerCase().split(" "),n=e.length,s=0!==n;let l=0,r=null,o=null,i=document.querySelectorAll(this.props["filter-selector"]);if(1===i.length&&"TABLE"===i[0].tagName&&i[0].tHead&&1===i[0].tHead.rows.length&&1===i[0].tBodies.length){const t=i[0];r=t.getAttribute("data-sort-class-odd"),o=t.getAttribute("data-sort-class-even"),i=i[0].tBodies[0].rows}const a=i.length,u=o&&r;for(let t=0,a=i.length;t<a;t++){const a=i[t];let c=!0;if(s){const t=a.textContent.toLowerCase();for(let s=0;s<n;s++)if(""!==e[s]&&!t.includes(e[s])){c=!1;break}}c&&(l++,u&&(l%2==0?(a.classList.add(o),a.classList.remove(r)):(a.classList.add(r),a.classList.remove(o)))),a.style.display=c?"":"none"}const c=t.getAttribute("filter-results-selector");if(c){const e=document.querySelector(c);if(!e)return void console.warn("Defined [filter-results-selector] but element not found");const n=t.getAttribute("filter-results-text-all"),s=t.getAttribute("filter-results-text-filtered");if(null===n&&null===s)return void console.warn("Defined [filter-results-selector] without [filter-results-text-all] or [filter-results-text-filtered]");let r=null;l===a?r=n:null!==s&&(r=s.replace(/{displayCount}/g,l)),null===r?e.textContent="":(r=r.replace(/{totalCount}/g,a),e.textContent=r)}}render(){return void 0!==window&&window.React===window.preact?React.createElement("input",Object.assign({},this.props,{onInput:this.onChange,ref:this.input})):React.createElement("input",Object.assign({},this.props,{onChange:this.onChange,ref:this.input}))}};
 const jsonDataCache=[],graphQL_Cache={};function saveDataToCache(t,e,r,s){for(let a=0,i=jsonDataCache.length;a<i;a++){const i=jsonDataCache[a];if(i.url===t&&i.query===e)return i.params=JSON.stringify(r),void(i.data=s)}jsonDataCache.push({url:t,query:e,params:JSON.stringify(r),data:s})}function getDataFromCache(t,e,r){for(let s=0,a=jsonDataCache.length;s<a;s++){const a=jsonDataCache[s];if(a.url===t&&a.query===e){if(JSON.stringify(r)===a.params)return a.data;break}}return null}function IsLoading(t){return 0===t.fetchState&&t.children?t.children:null}function HasError(t){if(!(-1===t.fetchState)||!t.children)return null;let e=t.error;return"string"==typeof e&&-1===e.indexOf("Error")&&(e="Error - "+e),React.cloneElement(t.children,{error:e})}function IsLoaded(t){return 1===t.fetchState&&t.children?React.cloneElement(t.children,{data:t.data,params:t.params,handleChange:t.handleChange,childProps:t.childProps}):null}window.JsonData = class JsonData extends React.Component{constructor(t){super(t),this._isFetching=!1,this._isMounted=!1,this.fetchData=this.fetchData.bind(this),this.handleChange=this.handleChange.bind(this),this._querySrc=t&&t.querySrc?t.querySrc:void 0,this._query=t&&t.query?t.query:void 0,this.state={fetchState:0,error:null,params:this.getUrlParams(),data:null}}getUrlParams(){const t={};if(this.props&&!0===this.props.graphQL)return void 0===this.props.variables?{}:this.props.variables;for(const e in this.props)"url"!==e&&"string"==typeof this.props[e]&&(t[e]=this.props[e]);return t}componentDidMount(){if(this._isMounted=!0,!0===this.props.graphQL&&void 0===this._query&&void 0!==this._querySrc&&void 0!==graphQL_Cache[this._querySrc]&&(this._query=graphQL_Cache[this._querySrc]),this.props.loadOnlyOnce){const t=getDataFromCache(this.props.url,this._query,this.getUrlParams());if(null!==t)return void this.setState({fetchState:1,data:t})}if(!0!==this.props.graphQL||void 0!==this._query||void 0===this._querySrc)this.fetchData();else{const t=this._querySrc,e=this;fetch(t,null).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((function(r){graphQL_Cache[t]=r,e._query=graphQL_Cache[t],e.fetchData()})).catch((function(e){throw new Error("Error Downloading GraphQL Script: ["+t+"], Error: "+e.toString())}))}}componentDidUpdate(t,e){let r;if(!0===this.props.graphQL)r=JSON.stringify(t.variables)!==JSON.stringify(this.props.variables);else{r=this.buildUrl(e.params)!==this.buildUrl(this.props)}r&&this.setState({params:this.getUrlParams()},this.fetchData)}componentWillUnmount(){this._isMounted=!1}buildUrl(t){let e=this.props.url;if(!0!==this.props.graphQL&&Object.keys(t).length>0)for(var r in t)e.indexOf(":"+r)>-1&&(e=e.replace(new RegExp(":"+r,"g"),encodeURIComponent(t[r])));return e}fetchData(){let t=this.buildUrl(this.state.params);if(this._isFetching)return;this._isFetching=!0;let e={mode:"cors",cache:"no-store",credentials:"same-origin"};if(this.props.fetchOptions&&(e=this.props.fetchOptions),this.props.fetchHeaders&&(e.headers=this.props.fetchHeaders),!0===this.props.graphQL){const r=void 0===this.props.variables?{}:this.props.variables;"file://"===window.location.origin||"null"===window.location.origin?(t+=-1===t.indexOf("?")?"?":"&",t+="query="+encodeURIComponent(this._query.trim()),t+="&variables="+encodeURIComponent(JSON.stringify(r))):(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:r}))}this.setState({fetchState:0},(()=>{this.updateView(),fetch(t,e).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.json())).then((t=>{const e=!0===this.props.graphQL;if(e&&t.errors&&t.errors.length){let e;if(1===t.errors.length&&t.errors[0].message)e="[GraphQL Error]: "+t.errors[0].message;else{e=("string"==typeof this.props.errorTextGraphQLErrors?this.props.errorTextGraphQLErrors:"{count} GraphQL Errors occurred. See console for full details.").replace("{count}",t.errors.length)}throw console.error(t.errors),e}this._isMounted&&this.setState({fetchState:1,data:e?t.data:t}),this.props.loadOnlyOnce&&saveDataToCache(this.props.url,this._query,this.getUrlParams(),e?t.data:t)})).catch((t=>{this._isMounted&&this.setState({fetchState:-1,error:t.toString()})})).finally((()=>{this._isFetching=!1,this.updateView()}))}))}handleChange(t=null){this._isMounted&&this.setState({data:null===t?this.state.data:t})}updateView(){if("function"==typeof this.props.onViewUpdated)try{this.props.onViewUpdated()}catch(t){console.error(t)}}render(){return React.createElement(React.Fragment,null,React.createElement(IsLoading,{fetchState:this.state.fetchState},this.props.isLoading),React.createElement(HasError,{fetchState:this.state.fetchState,error:this.state.error},this.props.hasError),React.createElement(IsLoaded,{fetchState:this.state.fetchState,data:this.state.data,params:this.state.params,handleChange:this.handleChange,childProps:this.props.childProps},this.props.isLoaded))}};
 window.LazyLoad = class LazyLoad extends React.Component{constructor(e){super(e),this.state={isReady:!1}}componentDidMount(){this.loadScripts(this.props.scripts,this.props.loadScriptsInOrder).then((()=>{this.setState({isReady:!0})}))}loadScripts(e,r){function t(e){return new Promise((function(r){for(var t=document.querySelectorAll("link"),o=0,n=t.length;o<n;o++)if("stylesheet"===t[o].rel&&t[o].getAttribute("href")===e)return void r();var i=document.createElement("link");i.rel="stylesheet",i.onload=r,i.onerror=function(){console.error("Error loading CSS File: "+e),r()},i.href=e,document.head.appendChild(i)}))}function o(e){return new Promise((function(r){for(var t=document.querySelectorAll("script"),o=0,n=t.length;o<n;o++)if(t[o].getAttribute("src")===e)return void r();var i=document.createElement("script");i.onload=r,i.onerror=function(){console.error("Error loading JS File: "+e),r()},i.src=e,document.head.appendChild(i)}))}function n(e){return new Promise((function(r){for(var t=document.querySelectorAll("script[data-src][data-compiler]"),o=0,n=t.length;o<n;o++)if(t[o].getAttribute("data-src")===e)return void r();var i=document.createElement("script");i.type="text/babel",i.setAttribute("src",e),document.head.appendChild(i),jsxLoader.loadScript(i).then((function(){r()}))}))}if("string"==typeof e)e=[e];else if(!Array.isArray(e))return console.error("Invalid prop for <LazyLoad>, expected [scripts] to be a string or an array of strings. Check console."),console.log(e),new Promise((function(e){e()}));return new Promise(!0===r?function(r){var i=0,s=e.length;!function a(){if(i!==s){var d=e[i];i++,d.endsWith(".js")?o(d).then(a):d.endsWith(".css")?t(d).then(a):d.endsWith(".jsx")?n(d).then(a):(console.error("Invalid Script for <LazyLoad>. Only scripts ending with [js, css, or jsx] can be used. Error URL: "+d),a())}else r()}()}:function(r){const i=[];for(let r=0,s=e.length;r<s;r++){const s=e[r];s.endsWith(".js")?i.push(o(s)):s.endsWith(".css")?i.push(t(s)):s.endsWith(".jsx")?i.push(n(s)):console.error("Invalid Script for <LazyLoad>. Only scripts ending with [js, css, or jsx] can be used. Error URL: "+s)}Promise.all(i).then((function(){r()}))})}loadPolyfill(e,r){return new Promise(!1===e||void 0===e?function(e,t){var o,n,i;o=e,n=t,(i=document.createElement("script")).onload=function(){o()},i.onerror=function(){console.error("Error loading Script: "+r),n()},i.src=r,document.head.appendChild(i)}:function(e){e()})}render(){if(!this.state.isReady)return this.props.isLoading?this.props.isLoading:null;if(this.props.children)return this.props.children;if(this.props.isLoaded){if("string"==typeof this.props.isLoaded){var e=this.props.isLoaded,r={};for(var t in this.props)this.props.hasOwnProperty(t)&&"scripts"!==t&&"isLoaded"!==t&&"isLoading"!==t&&(r[t]=this.props[t]);if(void 0!==window&&void 0!==window[e])return React.createElement(window[e],r);if(void 0!==globalThis&&void 0!==globalThis[e])return React.createElement(globalThis[e],r);throw new TypeError("Component <LazyLoad isLoaded="+JSON.stringify(e)+"> was not found. Check if your script is missing or has a compile error.")}return this.props.isLoaded}throw new TypeError("Missing child nodes or the [isLoaded] property for a <LazyLoad> element.")}};
diff --git a/js/react/es6/Format.js b/js/react/es6/Format.js
index 4cc0b7dc..0feaa894 100644
--- a/js/react/es6/Format.js
+++ b/js/react/es6/Format.js
@@ -104,7 +104,13 @@ export default class Format {
                 // In the future a new Temporal may be used instead:
                 //    https://tc39.es/proposal-temporal/docs/
                 const localDate = new Date(dateTime);
-                return new Intl.DateTimeFormat(navigator.language, options).format(localDate);
+                const date = Intl.DateTimeFormat(navigator.language, options).format(localDate);
+                if (navigator.language === 'en-US') {
+                    // Chrome returns "{date}, {time}" but most people in the US
+                    // use "{date} {time}" without the comma.
+                    return date.toLocaleString().replace(', ', ' ');
+                }
+                return date.toLocaleString();
             }
         } catch (e) {
             // If Error log to console and return 'Error' text
diff --git a/js/react/es6/Format.min.js b/js/react/es6/Format.min.js
index 6040ad1d..a15bfc63 100644
--- a/js/react/es6/Format.min.js
+++ b/js/react/es6/Format.min.js
@@ -1 +1 @@
-window.Format = class Format{number(r){return this.formatNumber(r,{})}round(r,t=0){const n={style:"decimal",maximumFractionDigits:t,minimumFractionDigits:t};return this.formatNumber(r,n)}currency(r,t){const n={style:"currency",currency:t,maximumFractionDigits:2};return this.formatNumber(r,n)}percent(r,t=0){const n={style:"percent",maximumFractionDigits:t,minimumFractionDigits:t};return this.formatNumber(r,n)}date(r){return this.formatDateTime(r,{})}dateTime(r){return this.formatDateTime(r,{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"})}time(r){return this.formatDateTime(r,{hour:"numeric",minute:"numeric",second:"numeric"})}isNumber(r){return!isNaN(parseFloat(r))&&isFinite(r)}formatDateTime(r,t){if(void 0===window.Intl)return r;if(null===r||""===r)return null;try{if(r instanceof Date)return new Intl.DateTimeFormat(navigator.language,t).format(r);if(/^\d{4}-\d{2}-\d{2}$/.test(r)){const n=r.split("-").map((function(r){return parseInt(r,10)})),e=new Date(n[0],n[1]-1,n[2]);return new Intl.DateTimeFormat(navigator.language,t).format(e)}{const n=new Date(r);return new Intl.DateTimeFormat(navigator.language,t).format(n)}}catch(n){return console.warn("Error formatting Date/Time Value:"),console.log(navigator.language),console.log(t),console.log(r),console.log(n),"Error"}}formatNumber(r,t){const n=navigator.language?navigator.language:navigator.userLanguage;if(null===r||""===r)return null;if(!this.isNumber(r))return console.warn("Warning value specified in DateFormsJS function formatNumber() is not a number:"),console.log(r),r;if(void 0===window.Intl){const e=t.style?t.style:null,i=t.maximumFractionDigits?t.maximumFractionDigits:0;if("percent"===e)return(100*r).toFixed(i)+"%";let o=null,a=null,u=null;if("en-us"===n)o=",",a=".",u="$";if(null!==o){const t=r.toString().split(".");t[0]=t[0].replace(/\B(?=(\d{3})+(?!\d))/g,",");const n=t.join(a);return"currency"===e?u+n:n}return r}try{return new Intl.NumberFormat(n,t).format(r)}catch(e){return console.warn("Error formatting Numeric Value:"),console.log(n),console.log(t),console.log(r),console.log(e),"Error"}}}
\ No newline at end of file
+window.Format = class Format{number(r){return this.formatNumber(r,{})}round(r,t=0){const n={style:"decimal",maximumFractionDigits:t,minimumFractionDigits:t};return this.formatNumber(r,n)}currency(r,t){const n={style:"currency",currency:t,maximumFractionDigits:2};return this.formatNumber(r,n)}percent(r,t=0){const n={style:"percent",maximumFractionDigits:t,minimumFractionDigits:t};return this.formatNumber(r,n)}date(r){return this.formatDateTime(r,{})}dateTime(r){return this.formatDateTime(r,{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"})}time(r){return this.formatDateTime(r,{hour:"numeric",minute:"numeric",second:"numeric"})}isNumber(r){return!isNaN(parseFloat(r))&&isFinite(r)}formatDateTime(r,t){if(void 0===window.Intl)return r;if(null===r||""===r)return null;try{if(r instanceof Date)return new Intl.DateTimeFormat(navigator.language,t).format(r);if(/^\d{4}-\d{2}-\d{2}$/.test(r)){const n=r.split("-").map((function(r){return parseInt(r,10)})),e=new Date(n[0],n[1]-1,n[2]);return new Intl.DateTimeFormat(navigator.language,t).format(e)}{const n=new Date(r),e=Intl.DateTimeFormat(navigator.language,t).format(n);return"en-US"===navigator.language?e.toLocaleString().replace(", "," "):e.toLocaleString()}}catch(n){return console.warn("Error formatting Date/Time Value:"),console.log(navigator.language),console.log(t),console.log(r),console.log(n),"Error"}}formatNumber(r,t){const n=navigator.language?navigator.language:navigator.userLanguage;if(null===r||""===r)return null;if(!this.isNumber(r))return console.warn("Warning value specified in DateFormsJS function formatNumber() is not a number:"),console.log(r),r;if(void 0===window.Intl){const e=t.style?t.style:null,i=t.maximumFractionDigits?t.maximumFractionDigits:0;if("percent"===e)return(100*r).toFixed(i)+"%";let o=null,a=null,u=null;if("en-us"===n)o=",",a=".",u="$";if(null!==o){const t=r.toString().split(".");t[0]=t[0].replace(/\B(?=(\d{3})+(?!\d))/g,",");const n=t.join(a);return"currency"===e?u+n:n}return r}try{return new Intl.NumberFormat(n,t).format(r)}catch(e){return console.warn("Error formatting Numeric Value:"),console.log(n),console.log(t),console.log(r),console.log(e),"Error"}}}
\ No newline at end of file
diff --git a/js/react/es6/JsonData.js b/js/react/es6/JsonData.js
index e589451a..f59a3ca1 100644
--- a/js/react/es6/JsonData.js
+++ b/js/react/es6/JsonData.js
@@ -122,7 +122,9 @@
  * <JsonData> to the child components in [isLoaded]. This can be used to pass
  * hook functions and data needed by the child component that doesn't come
  * from the Web Service.
- *
+ */
+
+/**
  * @link     https://www.dataformsjs.com
  * @author   Conrad Sollitt (https://conradsollitt.com)
  * @license  MIT
diff --git a/js/react/jsxLoader.js b/js/react/jsxLoader.js
index 4e91ef98..6cf06475 100644
--- a/js/react/jsxLoader.js
+++ b/js/react/jsxLoader.js
@@ -1706,7 +1706,7 @@
      * Add Build Version
      * For new releases this gets updated automatically by [scripts/build.js].
      */
-    Object.defineProperty(jsxLoader, 'version', { value: '5.13.0', enumerable: true });
+    Object.defineProperty(jsxLoader, 'version', { value: '5.13.1', 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 6c373d36..0cb0a8c2 100644
--- a/js/react/jsxLoader.min.js
+++ b/js/react/jsxLoader.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.13.0
+// @version 5.13.1
 // @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.13.0",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,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.13.1",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 0f930f2f..f12f00d4 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.13.0
+// @version 5.13.1
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
 import{Format}from"./utils-format.min.js";import{buildUrl,setElementText,getBindValue,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 o of dataCache)if(o.url===t)return o.params=JSON.stringify(e),void(o.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");let s=""===t?this.state:getBindValue(this.state,t);const o=e.getAttribute("data-format");if(null!==o)if("function"==typeof format[o])s=format[o](s);else if("function"==typeof window[o])try{s=window[o](s)}catch(t){console.error(t),s="Error: "+t.message}else s="Error: Unknown format ["+o+"]";setElementText(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 e0ab292f..2f855a74 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.13.0
+// @version 5.13.1
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
 import{render,setElementText,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,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/js/web-components/utils-format.js b/js/web-components/utils-format.js
index 34597914..c887f457 100644
--- a/js/web-components/utils-format.js
+++ b/js/web-components/utils-format.js
@@ -87,7 +87,13 @@ export class Format {
                 // In the future a new Temporal may be used instead:
                 //    https://tc39.es/proposal-temporal/docs/
                 const localDate = new Date(dateTime);
-                return new Intl.DateTimeFormat(navigator.language, options).format(localDate);
+                const date = Intl.DateTimeFormat(navigator.language, options).format(localDate);
+                if (navigator.language === 'en-US') {
+                    // Chrome returns "{date}, {time}" but most people in the US
+                    // use "{date} {time}" without the comma.
+                    return date.toLocaleString().replace(', ', ' ');
+                }
+                return date.toLocaleString();                
             }
         } catch (e) {
             // If Error log to console and return 'Error' text
diff --git a/js/web-components/utils-format.min.js b/js/web-components/utils-format.min.js
index 35f8960e..ab31cba2 100644
--- a/js/web-components/utils-format.min.js
+++ b/js/web-components/utils-format.min.js
@@ -1 +1 @@
-export class Format{number(r){return this.formatNumber(r,{})}round(r,e=0){const t={style:"decimal",maximumFractionDigits:e,minimumFractionDigits:e};return this.formatNumber(r,t)}currency(r,e){const t={style:"currency",currency:e,maximumFractionDigits:2};return this.formatNumber(r,t)}percent(r,e=0){const t={style:"percent",maximumFractionDigits:e,minimumFractionDigits:e};return this.formatNumber(r,t)}date(r){return this.formatDateTime(r,{})}dateTime(r){return this.formatDateTime(r,{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"})}time(r){return this.formatDateTime(r,{hour:"numeric",minute:"numeric",second:"numeric"})}isNumber(r){return!isNaN(parseFloat(r))&&isFinite(r)}formatDateTime(r,e){if(void 0===window.Intl)return r;if(null===r||""===r)return null;try{if(r instanceof Date)return new Intl.DateTimeFormat(navigator.language,e).format(r);if(/^\d{4}-\d{2}-\d{2}$/.test(r)){const t=r.split("-").map((function(r){return parseInt(r,10)})),n=new Date(t[0],t[1]-1,t[2]);return new Intl.DateTimeFormat(navigator.language,e).format(n)}{const t=new Date(r);return new Intl.DateTimeFormat(navigator.language,e).format(t)}}catch(t){return console.warn("Error formatting Date/Time Value:"),console.log(navigator.language),console.log(e),console.log(r),console.log(t),"Error"}}formatNumber(r,e){if(null===r||""===r)return null;if(!this.isNumber(r))return console.warn("Warning value specified in DateFormsJS function formatNumber() is not a number:"),console.log(r),r;if(void 0===window.Intl)return r;try{return new Intl.NumberFormat(navigator.language,e).format(r)}catch(t){return console.warn("Error formatting Numeric Value:"),console.log(navigator.language),console.log(e),console.log(r),console.log(t),"Error"}}}
\ No newline at end of file
+export class Format{number(r){return this.formatNumber(r,{})}round(r,e=0){const t={style:"decimal",maximumFractionDigits:e,minimumFractionDigits:e};return this.formatNumber(r,t)}currency(r,e){const t={style:"currency",currency:e,maximumFractionDigits:2};return this.formatNumber(r,t)}percent(r,e=0){const t={style:"percent",maximumFractionDigits:e,minimumFractionDigits:e};return this.formatNumber(r,t)}date(r){return this.formatDateTime(r,{})}dateTime(r){return this.formatDateTime(r,{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"})}time(r){return this.formatDateTime(r,{hour:"numeric",minute:"numeric",second:"numeric"})}isNumber(r){return!isNaN(parseFloat(r))&&isFinite(r)}formatDateTime(r,e){if(void 0===window.Intl)return r;if(null===r||""===r)return null;try{if(r instanceof Date)return new Intl.DateTimeFormat(navigator.language,e).format(r);if(/^\d{4}-\d{2}-\d{2}$/.test(r)){const t=r.split("-").map((function(r){return parseInt(r,10)})),n=new Date(t[0],t[1]-1,t[2]);return new Intl.DateTimeFormat(navigator.language,e).format(n)}{const t=new Date(r),n=Intl.DateTimeFormat(navigator.language,e).format(t);return"en-US"===navigator.language?n.toLocaleString().replace(", "," "):n.toLocaleString()}}catch(t){return console.warn("Error formatting Date/Time Value:"),console.log(navigator.language),console.log(e),console.log(r),console.log(t),"Error"}}formatNumber(r,e){if(null===r||""===r)return null;if(!this.isNumber(r))return console.warn("Warning value specified in DateFormsJS function formatNumber() is not a number:"),console.log(r),r;if(void 0===window.Intl)return r;try{return new Intl.NumberFormat(navigator.language,e).format(r)}catch(t){return console.warn("Error formatting Numeric Value:"),console.log(navigator.language),console.log(e),console.log(r),console.log(t),"Error"}}}
\ No newline at end of file
diff --git a/package.json b/package.json
index 2f694553..ea508878 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dataformsjs",
-  "version": "5.13.0",
+  "version": "5.13.1",
   "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 c9667056cfeedcb873e8dd071e9017e1b2348552 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Sun, 10 Jul 2022 01:34:57 -0700
Subject: [PATCH 24/51] =?UTF-8?q?=F0=9F=93=84=20Code=20Comments?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 scripts/jsx-loader-node-demo.js | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/scripts/jsx-loader-node-demo.js b/scripts/jsx-loader-node-demo.js
index 58a3a108..9c25511b 100644
--- a/scripts/jsx-loader-node-demo.js
+++ b/scripts/jsx-loader-node-demo.js
@@ -1,18 +1,17 @@
 /**
- * In most cases the jsxLoader will be used to automatically compile
- * JSX code in the browser, however if needed it's possible that
- * it can be used from node.
+ * In most cases the jsxLoader will be used to automatically compile JSX code
+ * in the browser, however if needed it's possible that it can be used from node.
  * 
  * https://github.com/dataformsjs/dataformsjs/issues/16
  * 
  * To compare transformed code with Babel, try it online:
  *  https://babeljs.io/repl
  * 
- * In general results should be similar. With the latest version
- * of Babel it will add comments for generated React Code and includes
- * "use strict" by default. The current version of jsxLoader does not
- * add a "use strict" and typically spaces elements one element per line
- * for readability of the transformed code.
+ * In general results should be similar. With the recent versions of Babel (2020-2022)
+ * it will add extra comments for generated React Code that are not included with jsxLoader.
+ * The current version of jsxLoader typically spaces elements one element per line for
+ * readability of the transformed code which is different than the Babel output which
+ * is more compressed for line-endings.
  */
 
 /**

From 79272d507c10f89e601b1d94eaedfbd9c9c25f0e Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Sun, 10 Jul 2022 01:38:54 -0700
Subject: [PATCH 25/51] =?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 | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index e439bb3f..bf6f5eef 100644
--- a/README.md
+++ b/README.md
@@ -74,24 +74,31 @@ The start screen allows you to quickly filter and view many different examples a
 <img src="https://raw.githubusercontent.com/dataformsjs/static-files/master/img/screenshots/dataformsjs-start-page.png" alt="DataFormsJS npm start page">
 </p>
 
-JavaScript files for the Framework and standalone React and Web Components exist under the `js` directory. Full Directory Structure:
+JavaScript files for the Framework and standalone React and Web Components exist under the `js` directory. Full Directory Structure and Key files:
 
 ```
 dataformsjs
 ├── docs
+│
 ├── examples
 │   ├── *.htm
 │   └── server.js
+│
 └── js
 │   ├── DataFormsJS.js
 │   ├── react\*.js
 │   ├── web-components\*.js
 │   └── *\*.js
+│
 ├── scripts\*.js
-├── server\app.js
-└── test
-    ├── *.htm
-    └── server.js
+│
+├── server\*.js
+│
+├── test
+│    ├── *.htm
+│    └── server.js
+│
+└── server\app.js
 ```
 
 **Develop online** using the code playground: https://www.dataformsjs.com/en/playground

From a821776357898bcb8d5fe33fd94b52c75a394a1d Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Fri, 22 Jul 2022 23:03:57 -0700
Subject: [PATCH 26/51] =?UTF-8?q?=E2=9A=99=EF=B8=8F=20Use=20new=20version?=
 =?UTF-8?q?=20of=20terser?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index ea508878..af2fa2b8 100644
--- a/package.json
+++ b/package.json
@@ -43,7 +43,7 @@
   "devDependencies": {
     "@babel/standalone": "7.17.2",
     "eslint": "^8.8.0",
-    "terser": "5.10.0",
+    "terser": "5.14.2",
     "uglify-js": "3.15.1"
   }
 }

From aabef2c6a1fad2449467f0acac1579a445b3324b Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Mon, 28 Nov 2022 02:34:00 -0800
Subject: [PATCH 27/51] =?UTF-8?q?=F0=9F=9A=80=20Release=205.14.0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                           | 11 +++++++++
 js/DataFormsJS.js                      |  2 +-
 js/DataFormsJS.min.js                  |  4 +--
 js/plugins/imageGallery.js             | 19 ++++++++++++++
 js/plugins/imageGallery.min.js         |  2 +-
 js/react/es5/DataFormsJS.js            |  2 +-
 js/react/es5/DataFormsJS.min.js        |  2 +-
 js/react/es5/ImageGallery.js           | 16 ++++++++++++
 js/react/es5/ImageGallery.min.js       |  2 +-
 js/react/es6/DataFormsJS.min.js        |  2 +-
 js/react/es6/ImageGallery.js           | 19 ++++++++++++++
 js/react/es6/ImageGallery.min.js       |  2 +-
 js/react/jsxLoader.js                  |  2 +-
 js/react/jsxLoader.min.js              |  4 +--
 js/web-components/image-gallery.js     | 19 ++++++++++++++
 js/web-components/image-gallery.min.js |  2 +-
 js/web-components/json-data.js         | 23 +++--------------
 js/web-components/json-data.min.js     |  4 +--
 js/web-components/url-router.js        |  3 ++-
 js/web-components/url-router.min.js    |  4 +--
 js/web-components/utils.js             | 34 ++++++++++++++++++++++++++
 js/web-components/utils.min.js         |  2 +-
 package.json                           |  2 +-
 23 files changed, 142 insertions(+), 40 deletions(-)
 mode change 100644 => 100755 js/web-components/image-gallery.js
 mode change 100644 => 100755 js/web-components/json-data.js
 mode change 100644 => 100755 js/web-components/url-router.js
 mode change 100644 => 100755 js/web-components/utils.js

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8cbb61be..9b4b133d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,17 @@ 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.0 (Nov 28, 2022)
+
+* Added ability to use HTML Attribute `[data-format]` from Web Component `<url-router>` when using attribute `[url-param]`. The same functionality when using Web Component `<json-data>` with attribute `[data-bind]` is provided.
+  * This includes using `data-format="number|date|dateTime|time|{function}"` and custom functions.
+  * `js/web-components/url-router.js` https://github.com/dataformsjs/dataformsjs/blob/master/js/web-components/url-router.js
+* Updated Image Gallery Controls/Components:
+  * Fixed issue where `pinch-to-zoom` on mobile devices would cause previous/next image navigation to occur.
+  * `js/web-components/image-gallery.js` https://github.com/dataformsjs/dataformsjs/blob/master/js/web-components/image-gallery.js
+  * `js/plugins/imageGallery.js` https://github.com/dataformsjs/dataformsjs/blob/master/js/plugins/imageGallery.js
+  * `js/react/es6/ImageGallery.js` https://github.com/dataformsjs/dataformsjs/blob/master/js/react/es6/ImageGallery.js
+
 ## 5.13.1 (May 2, 2022)
 
 * Update Code Comments on React Component `<JsonData>`
diff --git a/js/DataFormsJS.js b/js/DataFormsJS.js
index 2c16d313..78a10e5f 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.13.1', enumerable: true });
+    Object.defineProperty(app, 'version', { value: '5.14.0', 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 659897ad..2901dcae 100644
--- a/js/DataFormsJS.min.js
+++ b/js/DataFormsJS.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.13.1
+// @version 5.14.0
 // @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.13.1",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.0",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.js b/js/plugins/imageGallery.js
index 19383a3a..cf621497 100644
--- a/js/plugins/imageGallery.js
+++ b/js/plugins/imageGallery.js
@@ -199,6 +199,8 @@
         imageCount: 0,
         imageIndex: -1,
         touchStartX: 0,
+        touchPinchToZoom: false,
+        touchPinchEndTime: null,
         loadedImages: [],
         loadingText: 'Loading...', // Message to show if image takes a while to load
         loadingTimeout: 2000, // Delay for loading message in milliseconds (thousandths of a second)
@@ -433,8 +435,25 @@
             // Handle Touch Events for Swipe Left/Right
             this.overlay.addEventListener('touchstart', function(e) {
                 imageGallery.touchStartX = e.changedTouches[0].screenX;
+                if (e.touches.length === 2) {
+                    imageGallery.touchPinchToZoom = true;
+                }
             }, supportsPassive ? { passive: true } : false);
             this.overlay.addEventListener('touchend', function(e) {
+                // When the user lifts their fingers after using pinch-to-zoom this event will
+                // get called twice (once for each finger). When this event is triggered for the
+                // second finger a 0.2 second delay is used to prevent the 2nd finger from causing
+                // the next or previous image to show.
+                if (imageGallery.touchPinchToZoom) {
+                    imageGallery.touchPinchEndTime = new Date();
+                    imageGallery.touchPinchToZoom = false;
+                    return;
+                }
+                if (imageGallery.touchPinchEndTime && (new Date().getTime() - imageGallery.touchPinchEndTime.getTime()) <= 200) {
+                    return;
+                }
+
+                // User is swiping to previous or next image
                 var curX = e.changedTouches[0].screenX;
                 if (curX > imageGallery.touchStartX) {
                     imageGallery.changeImage('left');
diff --git a/js/plugins/imageGallery.min.js b/js/plugins/imageGallery.min.js
index 96ca3ba3..ebb1c8d7 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,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},!!t&&{passive:!0}),this.overlay.addEventListener("touchend",function(e){e=e.changedTouches[0].screenX;e>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;","    }","}","@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
diff --git a/js/react/es5/DataFormsJS.js b/js/react/es5/DataFormsJS.js
index 185fbbe0..a5543600 100644
--- a/js/react/es5/DataFormsJS.js
+++ b/js/react/es5/DataFormsJS.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.13.1
+// @version 5.14.0
 // @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 bf5acb79..c5eed2ac 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.13.1
+// @version 5.14.0
 // @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 8001fb07..be4f8164 100644
--- a/js/react/es5/ImageGallery.js
+++ b/js/react/es5/ImageGallery.js
@@ -98,6 +98,8 @@ var ImageGallery = function (_React$Component) {
     _this.overlayBackButton = null;
     _this.overlayFowardButton = null;
     _this.touchStartX = null;
+    _this.touchPinchToZoom = false;
+    _this.touchPinchEndTime = null;
     _this.loadingTimeoutId = null;
     _this.loadingText = props.loadingText ? props.loadingText : 'Loading...';
     _this.loadingTimeout = props.loadingTimeout ? props.loadingTimeout : 2000;
@@ -322,10 +324,24 @@ var ImageGallery = function (_React$Component) {
       document.addEventListener('keydown', this.handleDocKeyDown);
       this.overlay.addEventListener('touchstart', function (e) {
         _this4.touchStartX = e.changedTouches[0].screenX;
+
+        if (e.touches.length === 2) {
+          _this4.touchPinchToZoom = true;
+        }
       }, _supportsPassive ? {
         passive: true
       } : false);
       this.overlay.addEventListener('touchend', function (e) {
+        if (_this4.touchPinchToZoom) {
+          _this4.touchPinchEndTime = new Date();
+          _this4.touchPinchToZoom = false;
+          return;
+        }
+
+        if (_this4.touchPinchEndTime && new Date().getTime() - _this4.touchPinchEndTime.getTime() <= 200) {
+          return;
+        }
+
         var curX = e.changedTouches[0].screenX;
 
         if (curX > _this4.touchStartX) {
diff --git a/js/react/es5/ImageGallery.min.js b/js/react/es5/ImageGallery.min.js
index c9ed4ff3..80c85280 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 h(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,u=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(h(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.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!==u&&e()}null===g||null===u?(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(){u=1===n.width&&1===n.height,a()},n.onerror=function(){u=!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&&u?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},!!c&&{passive:!0}),this.overlay.addEventListener("touchend",function(e){e=e.changedTouches[0].screenX;e>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\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 d2595c22..fbb0c805 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.13.1
+// @version 5.14.0
 // @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.js b/js/react/es6/ImageGallery.js
index 6af97632..128e97d2 100644
--- a/js/react/es6/ImageGallery.js
+++ b/js/react/es6/ImageGallery.js
@@ -238,6 +238,8 @@ export default class ImageGallery extends React.Component {
         this.overlayBackButton = null;
         this.overlayFowardButton = null;
         this.touchStartX = null;
+        this.touchPinchToZoom = false;
+        this.touchPinchEndTime = null;
         this.loadingTimeoutId = null;
         this.loadingText = (props.loadingText ? props.loadingText : 'Loading...');
         this.loadingTimeout = (props.loadingTimeout ? props.loadingTimeout : 2000);
@@ -450,8 +452,25 @@ export default class ImageGallery extends React.Component {
         // Handle Touch Events for Swipe Left/Right
         this.overlay.addEventListener('touchstart', (e) => {
             this.touchStartX = e.changedTouches[0].screenX;
+            if (e.touches.length === 2) {
+                this.touchPinchToZoom = true;
+            }
         }, _supportsPassive ? { passive: true } : false);
         this.overlay.addEventListener('touchend', (e) => {
+            // When the user lifts their fingers after using pinch-to-zoom this event will
+            // get called twice (once for each finger). When this event is triggered for the
+            // second finger a 0.2 second delay is used to prevent the 2nd finger from causing
+            // the next or previous image to show.
+            if (this.touchPinchToZoom) {
+                this.touchPinchEndTime = new Date();
+                this.touchPinchToZoom = false;
+                return;
+            }
+            if (this.touchPinchEndTime && (new Date().getTime() - this.touchPinchEndTime.getTime()) <= 200) {
+                return;
+            }
+
+            // User is swiping to previous or next image
             var curX = e.changedTouches[0].screenX;
             if (curX > this.touchStartX) {
                 this.changeImage('left');
diff --git a/js/react/es6/ImageGallery.min.js b/js/react/es6/ImageGallery.min.js
index b535767c..d0d103ee 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.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,a=this.state.images.length;e<a;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 a=new Image;a.onload=()=>{supportsAvif=1===a.width&&1===a.height,t()},a.onerror=()=>{supportsAvif=!1,t()},a.src="data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAABoAAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAEAAAABAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACJtZGF0EgAKCBgABogQEAwgMgwYAAAAUAAAALASmpg=";const i=new Image;i.onload=()=>{supportsWebp=1===i.width&&1===i.height,t()},i.onerror=()=>{supportsWebp=!1,t()},i.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 a=document.createElement("div");this.overlayTitle=document.createElement("span"),this.overlayTitle.textContent=t,this.overlayTitle.style.display=t?"":"none",a.className=t?"":"no-title",a.appendChild(this.overlayTitle),this.overlayIndex=document.createElement("span"),this.overlayIndex.textContent=`${this.imageIndex+1}/${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()}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,a=t/4,i=t-a;if(e.clientY>=a&&e.clientY<=i)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}),!!_supportsPassive&&{passive:!0}),this.overlay.addEventListener("touchend",(e=>{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 a=this.imageIndex+1;if(a===e&&(a=0),a!==this.imageIndex){const e=this.getImage(this.state.images[a]);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 a=this.state.images[this.imageIndex].title;this.overlayImg.src="",this.overlayImg.src=this.getImage(this.state.images[this.imageIndex]),this.overlayTitle.textContent=a,this.overlayTitle.style.display=a?"":"none",this.overlayTitle.parentNode.className=a?"":"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 a=window.isFinite(t);return this.state.images.map(((i,n)=>{const o={key:n.toString()+"_"+i.thumbnail,onClick:this.onClick,onKeyDown:this.onKeyDown};return a&&(o.tabIndex=t,t++),React.cloneElement(e,Object.assign({},i,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\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 6cf06475..a250357a 100644
--- a/js/react/jsxLoader.js
+++ b/js/react/jsxLoader.js
@@ -1706,7 +1706,7 @@
      * Add Build Version
      * For new releases this gets updated automatically by [scripts/build.js].
      */
-    Object.defineProperty(jsxLoader, 'version', { value: '5.13.1', enumerable: true });
+    Object.defineProperty(jsxLoader, 'version', { value: '5.14.0', 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 0cb0a8c2..75a6f1bc 100644
--- a/js/react/jsxLoader.min.js
+++ b/js/react/jsxLoader.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.13.1
+// @version 5.14.0
 // @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.13.1",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,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.0",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/image-gallery.js b/js/web-components/image-gallery.js
old mode 100644
new mode 100755
index 464cbdb8..93bd202e
--- a/js/web-components/image-gallery.js
+++ b/js/web-components/image-gallery.js
@@ -220,6 +220,8 @@ let overlayLoading = null;
 let overlayBackButton = null;
 let overlayFowardButton = null;
 let touchStartX = null;
+let touchPinchToZoom = false;
+let touchPinchEndTime = null;
 let loadingTimeoutId = null;
 const defaultLoadingText = 'Loading...'; // Message to show if image takes a while to load
 const defaultLoadingTimeout = 2000; // Delay for loading message in milliseconds (thousandths of a second)
@@ -411,8 +413,25 @@ function addOverlayEvents() {
     // Handle Touch Events for Swipe Left/Right
     overlay.addEventListener('touchstart', function(e) {
         touchStartX = e.changedTouches[0].screenX;
+        if (e.touches.length === 2) {
+            touchPinchToZoom = true;
+        }
     }, supportsPassive ? { passive: true } : false);
     overlay.addEventListener('touchend', (e) => {
+        // When the user lifts their fingers after using pinch-to-zoom this event will
+        // get called twice (once for each finger). When this event is triggered for the
+        // second finger a 0.2 second delay is used to prevent the 2nd finger from causing
+        // the next or previous image to show.
+        if (touchPinchToZoom) {
+            touchPinchEndTime = new Date();
+            touchPinchToZoom = false;
+            return;
+        }
+        if (touchPinchEndTime && (new Date().getTime() - touchPinchEndTime.getTime()) <= 200) {
+            return;
+        }
+
+        // User is swiping to previous or next image
         const curX = e.changedTouches[0].screenX;
         if (curX > touchStartX) {
             changeImage('left');
diff --git a/js/web-components/image-gallery.min.js b/js/web-components/image-gallery.min.js
index 12784d63..03f1a6fc 100644
--- a/js/web-components/image-gallery.min.js
+++ b/js/web-components/image-gallery.min.js
@@ -1 +1 @@
-import{loadCss}from"./utils.min.js";const shadowTmpl=document.createElement("template");shadowTmpl.innerHTML="\n    <style>\n        :host { display: block; cursor: pointer; }\n        :host([hidden]) { display: none; }\n    </style>\n    <slot></slot>\n";const 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>',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>',overlayStyleId="image-gallery-css",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(svgBackButton)}"); }\n    .image-gallery-overlay .btn-next { right: 0; background-position-x: 15px; background-image: url("data:image/svg+xml;base64,${btoa(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`;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){}let images=null,imageIndex=null,imageCount=0,overlay=null,overlayImg=null,overlayTitle=null,overlayIndex=null,overlayLoading=null,overlayBackButton=null,overlayFowardButton=null,touchStartX=null,loadingTimeoutId=null;const defaultLoadingText="Loading...",defaultLoadingTimeout=2e3,loadedImages=new Set,isMobile=(()=>{const e=window.navigator.userAgent.toLowerCase();return e.indexOf("android")>-1||e.indexOf("iphone")>-1||e.indexOf("ipad")>-1})();let startedFromKeyboard=!1,supportsAvif=null,supportsWebp=null;function checkSupportedFormats(){if(null!==supportsAvif&&null!==supportsWebp)return void showOverlay();function e(){null===supportsAvif||null===supportsWebp||showOverlay()}const n=new Image;n.onload=()=>{supportsAvif=1===n.width&&1===n.height,e()},n.onerror=()=>{supportsAvif=!1,e()},n.src="data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAABoAAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAEAAAABAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACJtZGF0EgAKCBgABogQEAwgMgwYAAAAUAAAALASmpg=";const t=new Image;t.onload=()=>{supportsWebp=1===t.width&&1===t.height,e()},t.onerror=()=>{supportsWebp=!1,e()},t.src="data:image/webp;base64,UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA"}function showOverlay(){const e=getImage(images[imageIndex]),n=getImageTitle(images[imageIndex]),t=images[imageIndex].getAttribute("loading-text");loadCss(overlayStyleId,overlayStyleCss),overlay=document.createElement("div"),overlay.className="image-gallery-overlay"+(isMobile?" mobile":"")+(startedFromKeyboard?" keyboard":""),overlayLoading=document.createElement("span"),overlayLoading.className="image-gallery-loading",overlayLoading.textContent=t||"Loading...",overlayLoading.setAttribute("hidden",""),overlay.appendChild(overlayLoading),overlayBackButton=document.createElement("span"),overlayBackButton.className="btn-previous",overlayBackButton.setAttribute("role","button"),overlayBackButton.onclick=()=>{changeImage("left")},overlayFowardButton=document.createElement("span"),overlayFowardButton.className="btn-next",overlayFowardButton.setAttribute("role","button"),overlayFowardButton.onclick=()=>{changeImage("right")},overlay.appendChild(overlayBackButton),overlay.appendChild(overlayFowardButton),overlayImg=document.createElement("img"),overlayImg.addEventListener("load",(()=>{loadedImages.add(e),clearLoadingTimer(),null!==overlayLoading&&overlayLoading.setAttribute("hidden",""),preloadNextImages()})),overlayImg.src=e,overlay.appendChild(overlayImg);const a=document.createElement("div");overlayTitle=document.createElement("span"),overlayTitle.textContent=n,overlayTitle.style.display=n?"":"none",a.className=n?"":"no-title",a.appendChild(overlayTitle),overlayIndex=document.createElement("span"),overlayIndex.textContent=`${imageIndex+1}/${imageCount}`,a.appendChild(overlayIndex),overlay.appendChild(a),addOverlayEvents(),document.documentElement.appendChild(overlay),document.querySelector("body").classList.add("blur"),startLoadingTimer()}function getImage(e){let n=e.getAttribute("image-avif");return n&&supportsAvif?n:(n=e.getAttribute("image-webp"),n&&supportsWebp?n:e.getAttribute("image"))}function getImageTitle(e){let n=e.getAttribute("title");if(null===n){const t=e.querySelector("img[alt]");t&&(n=t.getAttribute("alt"))}return n}function startLoadingTimer(){clearLoadingTimer();const e=images[imageIndex].getAttribute("loading-timeout"),n=null===e?2e3:parseInt(e,10);loadingTimeoutId=window.setTimeout((function(){loadingTimeoutId=null,null!==overlayLoading&&overlayLoading.removeAttribute("hidden")}),n)}function clearLoadingTimer(){null!==loadingTimeoutId&&(window.clearTimeout(loadingTimeoutId),loadingTimeoutId=null)}function addOverlayEvents(){overlay.onclick=function(e){if("ontouchstart"in window){const n=window.innerHeight,t=n/4,a=n-t;if(e.clientY>=t&&e.clientY<=a)return}e.target!==overlayBackButton&&e.target!==overlayFowardButton&&hideOverlay()},document.addEventListener("keydown",handleDocKeyDown),overlay.addEventListener("touchstart",(function(e){touchStartX=e.changedTouches[0].screenX}),!!supportsPassive&&{passive:!0}),overlay.addEventListener("touchend",(e=>{const n=e.changedTouches[0].screenX;n>touchStartX?changeImage("left"):n<touchStartX&&changeImage("right")}))}function handleDocKeyDown(e){switch(e.key){case"ArrowLeft":changeImage("left");break;case"ArrowRight":changeImage("right");break;case"Escape":hideOverlay()}}function hideOverlay(){clearLoadingTimer(),overlay.parentNode.removeChild(overlay),overlayBackButton=null,overlayFowardButton=null,overlayLoading=null,overlayIndex=null,overlayTitle=null,overlayImg=null,overlay=null,startedFromKeyboard=!1,document.removeEventListener("keydown",handleDocKeyDown),document.querySelector("body").classList.remove("blur")}function preloadNextImages(){let e=imageIndex-1;if(-1===e&&(e=imageCount-1),e!==imageIndex){const n=getImage(images[e]);if(n&&!loadedImages.has(n)){const e=new Image;e.onload=()=>{loadedImages.add(n)},e.src=n}}let n=imageIndex+1;if(n===imageCount&&(n=0),n!==imageIndex){const e=getImage(images[n]);if(e&&!loadedImages.has(e)){const n=new Image;n.onload=()=>{loadedImages.add(e)},n.src=e}}}function changeImage(e){imageIndex="right"===e?imageIndex===imageCount-1?0:imageIndex+1:0===imageIndex?imageCount-1:imageIndex-1;const n=getImageTitle(images[imageIndex]);overlayImg.src="",overlayImg.src=getImage(images[imageIndex]),overlayTitle.textContent=n,overlayTitle.style.display=n?"":"none",overlayTitle.parentNode.className=n?"":"no-title",overlayIndex.textContent=`${imageIndex+1}/${imageCount}`,startLoadingTimer()}window.customElements.define("image-gallery",class extends HTMLElement{constructor(){super();this.attachShadow({mode:"open"}).appendChild(shadowTmpl.content.cloneNode(!0)),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeyDown)}handleKeyDown(e){" "===e.key&&(null===overlay&&(startedFromKeyboard=!0,this.handleClick()),e.preventDefault())}handleClick(){null!==this.getAttribute("image")?(images=document.querySelectorAll("image-gallery[image]"),imageIndex=Array.from(images).indexOf(this),imageCount=images.length,checkSupportedFormats()):console.error("Unable to view large image because <image-gallery> attribute [image] is missing.")}});
\ No newline at end of file
+import{loadCss}from"./utils.min.js";const shadowTmpl=document.createElement("template");shadowTmpl.innerHTML="\n    <style>\n        :host { display: block; cursor: pointer; }\n        :host([hidden]) { display: none; }\n    </style>\n    <slot></slot>\n";const 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>',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>',overlayStyleId="image-gallery-css",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(svgBackButton)}"); }\n    .image-gallery-overlay .btn-next { right: 0; background-position-x: 15px; background-image: url("data:image/svg+xml;base64,${btoa(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`;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){}let images=null,imageIndex=null,imageCount=0,overlay=null,overlayImg=null,overlayTitle=null,overlayIndex=null,overlayLoading=null,overlayBackButton=null,overlayFowardButton=null,touchStartX=null,touchPinchToZoom=!1,touchPinchEndTime=null,loadingTimeoutId=null;const defaultLoadingText="Loading...",defaultLoadingTimeout=2e3,loadedImages=new Set,isMobile=(()=>{const e=window.navigator.userAgent.toLowerCase();return e.indexOf("android")>-1||e.indexOf("iphone")>-1||e.indexOf("ipad")>-1})();let startedFromKeyboard=!1,supportsAvif=null,supportsWebp=null;function checkSupportedFormats(){if(null!==supportsAvif&&null!==supportsWebp)return void showOverlay();function e(){null===supportsAvif||null===supportsWebp||showOverlay()}const n=new Image;n.onload=()=>{supportsAvif=1===n.width&&1===n.height,e()},n.onerror=()=>{supportsAvif=!1,e()},n.src="data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAABoAAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAEAAAABAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACJtZGF0EgAKCBgABogQEAwgMgwYAAAAUAAAALASmpg=";const t=new Image;t.onload=()=>{supportsWebp=1===t.width&&1===t.height,e()},t.onerror=()=>{supportsWebp=!1,e()},t.src="data:image/webp;base64,UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA"}function showOverlay(){const e=getImage(images[imageIndex]),n=getImageTitle(images[imageIndex]),t=images[imageIndex].getAttribute("loading-text");loadCss(overlayStyleId,overlayStyleCss),overlay=document.createElement("div"),overlay.className="image-gallery-overlay"+(isMobile?" mobile":"")+(startedFromKeyboard?" keyboard":""),overlayLoading=document.createElement("span"),overlayLoading.className="image-gallery-loading",overlayLoading.textContent=t||"Loading...",overlayLoading.setAttribute("hidden",""),overlay.appendChild(overlayLoading),overlayBackButton=document.createElement("span"),overlayBackButton.className="btn-previous",overlayBackButton.setAttribute("role","button"),overlayBackButton.onclick=()=>{changeImage("left")},overlayFowardButton=document.createElement("span"),overlayFowardButton.className="btn-next",overlayFowardButton.setAttribute("role","button"),overlayFowardButton.onclick=()=>{changeImage("right")},overlay.appendChild(overlayBackButton),overlay.appendChild(overlayFowardButton),overlayImg=document.createElement("img"),overlayImg.addEventListener("load",(()=>{loadedImages.add(e),clearLoadingTimer(),null!==overlayLoading&&overlayLoading.setAttribute("hidden",""),preloadNextImages()})),overlayImg.src=e,overlay.appendChild(overlayImg);const a=document.createElement("div");overlayTitle=document.createElement("span"),overlayTitle.textContent=n,overlayTitle.style.display=n?"":"none",a.className=n?"":"no-title",a.appendChild(overlayTitle),overlayIndex=document.createElement("span"),overlayIndex.textContent=`${imageIndex+1}/${imageCount}`,a.appendChild(overlayIndex),overlay.appendChild(a),addOverlayEvents(),document.documentElement.appendChild(overlay),document.querySelector("body").classList.add("blur"),startLoadingTimer()}function getImage(e){let n=e.getAttribute("image-avif");return n&&supportsAvif?n:(n=e.getAttribute("image-webp"),n&&supportsWebp?n:e.getAttribute("image"))}function getImageTitle(e){let n=e.getAttribute("title");if(null===n){const t=e.querySelector("img[alt]");t&&(n=t.getAttribute("alt"))}return n}function startLoadingTimer(){clearLoadingTimer();const e=images[imageIndex].getAttribute("loading-timeout"),n=null===e?2e3:parseInt(e,10);loadingTimeoutId=window.setTimeout((function(){loadingTimeoutId=null,null!==overlayLoading&&overlayLoading.removeAttribute("hidden")}),n)}function clearLoadingTimer(){null!==loadingTimeoutId&&(window.clearTimeout(loadingTimeoutId),loadingTimeoutId=null)}function addOverlayEvents(){overlay.onclick=function(e){if("ontouchstart"in window){const n=window.innerHeight,t=n/4,a=n-t;if(e.clientY>=t&&e.clientY<=a)return}e.target!==overlayBackButton&&e.target!==overlayFowardButton&&hideOverlay()},document.addEventListener("keydown",handleDocKeyDown),overlay.addEventListener("touchstart",(function(e){touchStartX=e.changedTouches[0].screenX,2===e.touches.length&&(touchPinchToZoom=!0)}),!!supportsPassive&&{passive:!0}),overlay.addEventListener("touchend",(e=>{if(touchPinchToZoom)return touchPinchEndTime=new Date,void(touchPinchToZoom=!1);if(touchPinchEndTime&&(new Date).getTime()-touchPinchEndTime.getTime()<=200)return;const n=e.changedTouches[0].screenX;n>touchStartX?changeImage("left"):n<touchStartX&&changeImage("right")}))}function handleDocKeyDown(e){switch(e.key){case"ArrowLeft":changeImage("left");break;case"ArrowRight":changeImage("right");break;case"Escape":hideOverlay()}}function hideOverlay(){clearLoadingTimer(),overlay.parentNode.removeChild(overlay),overlayBackButton=null,overlayFowardButton=null,overlayLoading=null,overlayIndex=null,overlayTitle=null,overlayImg=null,overlay=null,startedFromKeyboard=!1,document.removeEventListener("keydown",handleDocKeyDown),document.querySelector("body").classList.remove("blur")}function preloadNextImages(){let e=imageIndex-1;if(-1===e&&(e=imageCount-1),e!==imageIndex){const n=getImage(images[e]);if(n&&!loadedImages.has(n)){const e=new Image;e.onload=()=>{loadedImages.add(n)},e.src=n}}let n=imageIndex+1;if(n===imageCount&&(n=0),n!==imageIndex){const e=getImage(images[n]);if(e&&!loadedImages.has(e)){const n=new Image;n.onload=()=>{loadedImages.add(e)},n.src=e}}}function changeImage(e){imageIndex="right"===e?imageIndex===imageCount-1?0:imageIndex+1:0===imageIndex?imageCount-1:imageIndex-1;const n=getImageTitle(images[imageIndex]);overlayImg.src="",overlayImg.src=getImage(images[imageIndex]),overlayTitle.textContent=n,overlayTitle.style.display=n?"":"none",overlayTitle.parentNode.className=n?"":"no-title",overlayIndex.textContent=`${imageIndex+1}/${imageCount}`,startLoadingTimer()}window.customElements.define("image-gallery",class extends HTMLElement{constructor(){super();this.attachShadow({mode:"open"}).appendChild(shadowTmpl.content.cloneNode(!0)),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeyDown)}handleKeyDown(e){" "===e.key&&(null===overlay&&(startedFromKeyboard=!0,this.handleClick()),e.preventDefault())}handleClick(){null!==this.getAttribute("image")?(images=document.querySelectorAll("image-gallery[image]"),imageIndex=Array.from(images).indexOf(this),imageCount=images.length,checkSupportedFormats()):console.error("Unable to view large image because <image-gallery> attribute [image] is missing.")}});
\ No newline at end of file
diff --git a/js/web-components/json-data.js b/js/web-components/json-data.js
old mode 100644
new mode 100755
index c3cfda9e..719cb144
--- a/js/web-components/json-data.js
+++ b/js/web-components/json-data.js
@@ -18,11 +18,11 @@
 /* jshint esversion:8 */
 /* jshint evil:true */
 
-import { Format } from './utils-format.js';
 import {
     buildUrl,
     setElementText,
     getBindValue,
+    formatData,
     bindAttrTmpl,
     componentsAreDefined,
     polyfillCustomElements,
@@ -30,8 +30,6 @@ import {
     showError
 } from './utils.js';
 
-const format = new Format();
-
 const appEvents = {
     contentReady: 'app:contentReady',
     error: 'app:error',
@@ -427,23 +425,8 @@ class JsonData extends HTMLElement {
         let elements = this.querySelectorAll('[data-bind]');
         for (const element of elements) {
             const key = element.getAttribute('data-bind');
-            let value = (key === '' ? this.state : getBindValue(this.state, key));
-            const dataType = element.getAttribute('data-format');
-            if (dataType !== null) {
-                if (typeof format[dataType] === 'function') {
-                    value = format[dataType](value);
-                } else if (typeof window[dataType] === 'function') {
-                    try {
-                        value = window[dataType](value);
-                    } catch (e) {
-                        console.error(e);
-                        value = 'Error: ' + e.message;
-                    }
-                } else {
-                    value = 'Error: Unknown format [' + dataType + ']';
-                }
-            }
-            setElementText(element, value);
+            const value = (key === '' ? this.state : getBindValue(this.state, key));
+            setElementText(element, formatData(element, value));
         }
 
         // Update all elements with the [data-bind-attr] attribute.
diff --git a/js/web-components/json-data.min.js b/js/web-components/json-data.min.js
index f12f00d4..64179a82 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.13.1
+// @version 5.14.0
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
-import{Format}from"./utils-format.min.js";import{buildUrl,setElementText,getBindValue,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 o of dataCache)if(o.url===t)return o.params=JSON.stringify(e),void(o.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");let s=""===t?this.state:getBindValue(this.state,t);const o=e.getAttribute("data-format");if(null!==o)if("function"==typeof format[o])s=format[o](s);else if("function"==typeof window[o])try{s=window[o](s)}catch(t){console.error(t),s="Error: "+t.message}else s="Error: Unknown format ["+o+"]";setElementText(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
+import{buildUrl,setElementText,getBindValue,formatData,bindAttrTmpl,componentsAreDefined,polyfillCustomElements,showErrorAlert,showError}from"./utils.min.js";const 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.js b/js/web-components/url-router.js
old mode 100644
new mode 100755
index 53807be0..9668236a
--- a/js/web-components/url-router.js
+++ b/js/web-components/url-router.js
@@ -25,6 +25,7 @@
 import {
     render,
     setElementText,
+    formatData,
     bindAttrTmpl,
     polyfillCustomElements,
     showError,
@@ -315,7 +316,7 @@ class UrlRouter extends HTMLElement {
         for (const element of elements) {
             const field = element.getAttribute('url-param');
             const value = (urlParams[field] === undefined ? '' : urlParams[field]);
-            setElementText(element, value);
+            setElementText(element, formatData(element, value));
         }
 
         // Update all elements with the [url-attr-param] attribute.
diff --git a/js/web-components/url-router.min.js b/js/web-components/url-router.min.js
index 2f855a74..95e5e7ab 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.13.1
+// @version 5.14.0
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
-import{render,setElementText,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,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
+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/js/web-components/utils.js b/js/web-components/utils.js
old mode 100644
new mode 100755
index 1f462d56..9d99925a
--- a/js/web-components/utils.js
+++ b/js/web-components/utils.js
@@ -12,6 +12,8 @@
 /* eslint no-async-promise-executor: "off" */
 /* eslint no-prototype-builtins: "off" */
 
+import { Format } from './utils-format.js';
+
 // Module level variable that is set only once
 let polyfillIsNeeded = null;
 
@@ -227,6 +229,38 @@ export function getBindValue(data, key) {
     return (value === undefined ? null : value);
 }
 
+/**
+ * Return a formatted value based on the HTML attribute:
+ *     data-format="number|date|dateTime|time|{function}"
+ * 
+ * This function does not change the element; the calling
+ * function must handle that if needed.
+ *
+ * @param {HTMLElement} element
+ * @param {*} value
+ * @returns {*}
+ */
+export function formatData(element, value) {
+    const dataType = element.getAttribute('data-format');
+    if (dataType === null) {
+        return value;
+    }
+
+    if (typeof Format.prototype[dataType] === 'function') {
+        const format = new Format();
+        return format[dataType](value);
+    } else if (typeof window[dataType] === 'function') {
+        try {
+            return window[dataType](value);
+        } catch (e) {
+            console.error(e);
+            return 'Error: ' + e.message;
+        }
+    } else {
+        return 'Error: Unknown format [' + dataType + ']';
+    }
+}
+
 /**
  * Bind an Attribute Template. This is used for [url-attr-param]
  * and [data-bind-attr] to set an attribute value based on a template
diff --git a/js/web-components/utils.min.js b/js/web-components/utils.min.js
index adfdfa40..554f76d2 100644
--- a/js/web-components/utils.min.js
+++ b/js/web-components/utils.min.js
@@ -1 +1 @@
-let polyfillIsNeeded=null;const errorStyleId="dataformsjs-style-errors",errorCss="\n    .dataformsjs-error,\n    .dataformsjs-fatal-error {\n        color:#fff;\n        background-color:red;\n        box-shadow:0 1px 5px 0 rgba(0,0,0,.5);\n        background-image:linear-gradient(#e00,#c00);\n        text-align: left;\n    }\n\n    .dataformsjs-error{\n        padding:10px;\n        font-size:1em;\n        margin:5px;\n        display:inline-block;\n    }\n\n    .dataformsjs-fatal-error {\n        z-index:1000000;\n        padding:20px;\n        font-size:1.5em;\n        margin:20px;\n        position:fixed;\n        top:10px;\n    }\n\n    @media only screen and (min-width:1000px){\n        .dataformsjs-fatal-error {\n            max-width:1000px;\n            left:calc(50% - 520px);\n        }\n    }\n\n    .dataformsjs-fatal-error span {\n        padding:5px 10px;\n        float:right;\n        border:1px solid darkred;\n        cursor:pointer;\n        margin-left:10px;\n        box-shadow:0 0 2px 1px rgba(0,0,0,0.3);\n        background-image:linear-gradient(#c00,#a00);\n        border-radius:5px;\n    }\n";export function escapeHtml(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;")}export function render(e,...n){const t=[e[0]];for(let o=0,r=n.length;o<r;o++)t.push(escapeHtml(n[o])),t.push(e[o+1]);return t.join("")}export function buildUrl(e,n){let t=String(e);if(t=t.replace(/\{(\w+)\}/g,(function(e,n){return"string"==typeof window[n]?window[n]:e})),null!==n&&"object"==typeof n)for(const e in n)n.hasOwnProperty(e)&&t.indexOf(":"+e)>-1&&(t=t.replace(new RegExp(":"+e,"g"),encodeURIComponent(n[e])));return t}export function setElementText(e,n){if(!(e instanceof HTMLElement||e instanceof SVGElement))return void console.warn("Called setElementText() with an invalid parameter");const t=e.nodeName.toLowerCase();switch(t){case"input":if("checkbox"===e.type){const t=String(n).toLowerCase();e.checked="true"===t||"1"===t||"yes"===t||"y"===t}else e.value=null===n?"":String(n);break;case"select":case"textarea":e.value=null===n?"":String(n);break;default:if(t.includes("-")||e.hasAttribute("is"))if("value"in e)e.value=n;else{const o=t.includes("-"),r=o?t:e.getAttribute("is");if(void 0!==window.customElements.get(r))e.textContent=null===n?"":String(n);else{showError(e,`Error - Web Component ${o?`<${r}>`:`<${t} is="${r}">`} is not defined; the related JavaScript file might be missing from this page.`)}}else e.textContent=null===n?"":String(n)}}export function getBindValue(e,n){const t=n.split(".");let o=t.length>1&&"window"===t[0]?window:e;for(let e=0,n=t.length;e<n;e++)o="object"==typeof o&&null!==o?o[t[e]]:null;return void 0===o?null:o}export function bindAttrTmpl(e,n,t){const o=e.getAttribute(n).split(",").map((e=>e.trim()));for(const r of o){let o=e.getAttribute(n+"-"+r);if(null===o&&(o=e.getAttribute(r),null!==o&&e.setAttribute(n+"-"+r,o)),null!==o){let n=0;const l=100;for(;n<l;){const e=o.indexOf("["),r=o.indexOf("]");if(-1===e||-1===r||r<e)break;let l=getBindValue(t,o.substring(e+1,r));void 0===l&&(l=""),o=o.substring(0,e)+l+o.substring(r+1),n++}e.setAttribute(r,o)}}}export function showError(e,n){if(null===e)return void showErrorAlert(n);loadCss(errorStyleId,errorCss);const t=document.createElement("span");t.className="dataformsjs-error",t.textContent=n,e.innerHTML="",e.appendChild(t),"string"!=typeof n&&console.error(n)}export function showErrorAlert(e){loadCss(errorStyleId,errorCss);let n=e;"string"==typeof n&&-1===n.toLowerCase().indexOf("error")&&(n="Error: "+n);const t=document.createElement("div");t.className="dataformsjs-fatal-error",t.textContent=n;const o=document.createElement("span");o.textContent="✕",o.onclick=e=>{document.body.removeChild(e.target.parentNode)},t.insertBefore(o,t.firstChild),document.body.appendChild(t),"string"!=typeof e&&console.error(e)}export function loadCss(e,n){let t=document.getElementById(e);null===t&&(t=document.createElement("style"),t.id=e,t.innerHTML=n,document.head.appendChild(t))}export function polyfillCustomElements(e=document){if(null===polyfillIsNeeded)if(void 0===window._webComponentPolyfillIsNeeded){class e extends HTMLDivElement{}void 0===window.customElements.get("web-component-polyfill-check")&&window.customElements.define("web-component-polyfill-check",e,{extends:"div"});let n=document.querySelector("body");n||(n=document.documentElement),n.insertAdjacentHTML("beforeend",'<div is="web-component-polyfill-check"></div>');const t=document.querySelector('div[is="web-component-polyfill-check"]');polyfillIsNeeded=!(t instanceof e),n.removeChild(t),window._webComponentPolyfillIsNeeded=polyfillIsNeeded}else polyfillIsNeeded=window._webComponentPolyfillIsNeeded;if(polyfillIsNeeded&&Array.isArray(window._webComponentPolyfills))for(const n of window._webComponentPolyfills){const t=e.querySelectorAll(`${n.extendsElement}[is="${n.element}"]`);for(const e of t)try{n.setup(e)}catch(t){showErrorAlert(t),console.log(n.element),console.log(e)}}}export function defineExtendsPolyfill(e,n,t){window._webComponentPolyfills=window._webComponentPolyfills||[],window._webComponentPolyfills.push({element:e,extendsElement:n,setup:t}),document.addEventListener("DOMContentLoaded",runPolyfill)}function runPolyfill(){polyfillCustomElements(document)}export function componentsAreDefined(e,n=""){return new Promise((async t=>{const o=e.querySelectorAll(n+":not(:defined)");if(o.length>0){const e=[...o].map((e=>window.customElements.whenDefined(e.getAttribute("is")||e.localName))),n=new Promise((e=>{window.setTimeout((()=>{e()}),1e3)}));await Promise.race([Promise.all(e),n])}t()}))}export function isAttachedToDom(e){let n=e.parentNode;for(;null!==n;)if(n=n.parentNode,n===document)return!0;return!1}
\ No newline at end of file
+import{Format}from"./utils-format.min.js";let polyfillIsNeeded=null;const errorStyleId="dataformsjs-style-errors",errorCss="\n    .dataformsjs-error,\n    .dataformsjs-fatal-error {\n        color:#fff;\n        background-color:red;\n        box-shadow:0 1px 5px 0 rgba(0,0,0,.5);\n        background-image:linear-gradient(#e00,#c00);\n        text-align: left;\n    }\n\n    .dataformsjs-error{\n        padding:10px;\n        font-size:1em;\n        margin:5px;\n        display:inline-block;\n    }\n\n    .dataformsjs-fatal-error {\n        z-index:1000000;\n        padding:20px;\n        font-size:1.5em;\n        margin:20px;\n        position:fixed;\n        top:10px;\n    }\n\n    @media only screen and (min-width:1000px){\n        .dataformsjs-fatal-error {\n            max-width:1000px;\n            left:calc(50% - 520px);\n        }\n    }\n\n    .dataformsjs-fatal-error span {\n        padding:5px 10px;\n        float:right;\n        border:1px solid darkred;\n        cursor:pointer;\n        margin-left:10px;\n        box-shadow:0 0 2px 1px rgba(0,0,0,0.3);\n        background-image:linear-gradient(#c00,#a00);\n        border-radius:5px;\n    }\n";export function escapeHtml(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;")}export function render(e,...t){const n=[e[0]];for(let o=0,r=t.length;o<r;o++)n.push(escapeHtml(t[o])),n.push(e[o+1]);return n.join("")}export function buildUrl(e,t){let n=String(e);if(n=n.replace(/\{(\w+)\}/g,(function(e,t){return"string"==typeof window[t]?window[t]:e})),null!==t&&"object"==typeof t)for(const e in t)t.hasOwnProperty(e)&&n.indexOf(":"+e)>-1&&(n=n.replace(new RegExp(":"+e,"g"),encodeURIComponent(t[e])));return n}export function setElementText(e,t){if(!(e instanceof HTMLElement||e instanceof SVGElement))return void console.warn("Called setElementText() with an invalid parameter");const n=e.nodeName.toLowerCase();switch(n){case"input":if("checkbox"===e.type){const n=String(t).toLowerCase();e.checked="true"===n||"1"===n||"yes"===n||"y"===n}else e.value=null===t?"":String(t);break;case"select":case"textarea":e.value=null===t?"":String(t);break;default:if(n.includes("-")||e.hasAttribute("is"))if("value"in e)e.value=t;else{const o=n.includes("-"),r=o?n:e.getAttribute("is");if(void 0!==window.customElements.get(r))e.textContent=null===t?"":String(t);else{showError(e,`Error - Web Component ${o?`<${r}>`:`<${n} is="${r}">`} is not defined; the related JavaScript file might be missing from this page.`)}}else e.textContent=null===t?"":String(t)}}export function getBindValue(e,t){const n=t.split(".");let o=n.length>1&&"window"===n[0]?window:e;for(let e=0,t=n.length;e<t;e++)o="object"==typeof o&&null!==o?o[n[e]]:null;return void 0===o?null:o}export function formatData(e,t){const n=e.getAttribute("data-format");if(null===n)return t;if("function"==typeof Format.prototype[n]){return(new Format)[n](t)}if("function"!=typeof window[n])return"Error: Unknown format ["+n+"]";try{return window[n](t)}catch(e){return console.error(e),"Error: "+e.message}}export function bindAttrTmpl(e,t,n){const o=e.getAttribute(t).split(",").map((e=>e.trim()));for(const r of o){let o=e.getAttribute(t+"-"+r);if(null===o&&(o=e.getAttribute(r),null!==o&&e.setAttribute(t+"-"+r,o)),null!==o){let t=0;const l=100;for(;t<l;){const e=o.indexOf("["),r=o.indexOf("]");if(-1===e||-1===r||r<e)break;let l=getBindValue(n,o.substring(e+1,r));void 0===l&&(l=""),o=o.substring(0,e)+l+o.substring(r+1),t++}e.setAttribute(r,o)}}}export function showError(e,t){if(null===e)return void showErrorAlert(t);loadCss(errorStyleId,errorCss);const n=document.createElement("span");n.className="dataformsjs-error",n.textContent=t,e.innerHTML="",e.appendChild(n),"string"!=typeof t&&console.error(t)}export function showErrorAlert(e){loadCss(errorStyleId,errorCss);let t=e;"string"==typeof t&&-1===t.toLowerCase().indexOf("error")&&(t="Error: "+t);const n=document.createElement("div");n.className="dataformsjs-fatal-error",n.textContent=t;const o=document.createElement("span");o.textContent="✕",o.onclick=e=>{document.body.removeChild(e.target.parentNode)},n.insertBefore(o,n.firstChild),document.body.appendChild(n),"string"!=typeof e&&console.error(e)}export function loadCss(e,t){let n=document.getElementById(e);null===n&&(n=document.createElement("style"),n.id=e,n.innerHTML=t,document.head.appendChild(n))}export function polyfillCustomElements(e=document){if(null===polyfillIsNeeded)if(void 0===window._webComponentPolyfillIsNeeded){class e extends HTMLDivElement{}void 0===window.customElements.get("web-component-polyfill-check")&&window.customElements.define("web-component-polyfill-check",e,{extends:"div"});let t=document.querySelector("body");t||(t=document.documentElement),t.insertAdjacentHTML("beforeend",'<div is="web-component-polyfill-check"></div>');const n=document.querySelector('div[is="web-component-polyfill-check"]');polyfillIsNeeded=!(n instanceof e),t.removeChild(n),window._webComponentPolyfillIsNeeded=polyfillIsNeeded}else polyfillIsNeeded=window._webComponentPolyfillIsNeeded;if(polyfillIsNeeded&&Array.isArray(window._webComponentPolyfills))for(const t of window._webComponentPolyfills){const n=e.querySelectorAll(`${t.extendsElement}[is="${t.element}"]`);for(const e of n)try{t.setup(e)}catch(n){showErrorAlert(n),console.log(t.element),console.log(e)}}}export function defineExtendsPolyfill(e,t,n){window._webComponentPolyfills=window._webComponentPolyfills||[],window._webComponentPolyfills.push({element:e,extendsElement:t,setup:n}),document.addEventListener("DOMContentLoaded",runPolyfill)}function runPolyfill(){polyfillCustomElements(document)}export function componentsAreDefined(e,t=""){return new Promise((async n=>{const o=e.querySelectorAll(t+":not(:defined)");if(o.length>0){const e=[...o].map((e=>window.customElements.whenDefined(e.getAttribute("is")||e.localName))),t=new Promise((e=>{window.setTimeout((()=>{e()}),1e3)}));await Promise.race([Promise.all(e),t])}n()}))}export function isAttachedToDom(e){let t=e.parentNode;for(;null!==t;)if(t=t.parentNode,t===document)return!0;return!1}
\ No newline at end of file
diff --git a/package.json b/package.json
index af2fa2b8..e78c917b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dataformsjs",
-  "version": "5.13.1",
+  "version": "5.14.0",
   "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 de92e0ee7755834acd181012bd2ad10f3f2ea5cc Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Wed, 7 Dec 2022 00:19:28 -0800
Subject: [PATCH 28/51] =?UTF-8?q?=F0=9F=9A=80=20Release=205.14.1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                        | 4 ++++
 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.js      | 3 +++
 js/web-components/json-data.min.js  | 4 ++--
 js/web-components/url-router.min.js | 2 +-
 package.json                        | 2 +-
 12 files changed, 20 insertions(+), 13 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9b4b133d..9cb4fa54 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.
 
+## 5.14.1 (Dec 7, 2022)
+
+* Fixed a bug in Web Component `<json-data>` that was introduced on the previous build where `format.{func}` was not working in `[data-show]` attributes.
+
 ## 5.14.0 (Nov 28, 2022)
 
 * Added ability to use HTML Attribute `[data-format]` from Web Component `<url-router>` when using attribute `[url-param]`. The same functionality when using Web Component `<json-data>` with attribute `[data-bind]` is provided.
diff --git a/js/DataFormsJS.js b/js/DataFormsJS.js
index 78a10e5f..43cc40d2 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.0', enumerable: true });
+    Object.defineProperty(app, 'version', { value: '5.14.1', 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 2901dcae..b1700b77 100644
--- a/js/DataFormsJS.min.js
+++ b/js/DataFormsJS.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.14.0
+// @version 5.14.1
 // @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.0",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.1",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 a5543600..0f7eb03d 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.0
+// @version 5.14.1
 // @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 c5eed2ac..6e55c493 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.0
+// @version 5.14.1
 // @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 fbb0c805..51512ea0 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.0
+// @version 5.14.1
 // @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 a250357a..7b49b869 100644
--- a/js/react/jsxLoader.js
+++ b/js/react/jsxLoader.js
@@ -1706,7 +1706,7 @@
      * Add Build Version
      * For new releases this gets updated automatically by [scripts/build.js].
      */
-    Object.defineProperty(jsxLoader, 'version', { value: '5.14.0', enumerable: true });
+    Object.defineProperty(jsxLoader, 'version', { value: '5.14.1', 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 75a6f1bc..2e31c690 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.0
+// @version 5.14.1
 // @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.0",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,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.1",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.js b/js/web-components/json-data.js
index 719cb144..ef1f65e2 100755
--- a/js/web-components/json-data.js
+++ b/js/web-components/json-data.js
@@ -18,6 +18,7 @@
 /* jshint esversion:8 */
 /* jshint evil:true */
 
+import { Format } from './utils-format.js';
 import {
     buildUrl,
     setElementText,
@@ -30,6 +31,8 @@ import {
     showError
 } from './utils.js';
 
+const format = new Format();
+
 const appEvents = {
     contentReady: 'app:contentReady',
     error: 'app:error',
diff --git a/js/web-components/json-data.min.js b/js/web-components/json-data.min.js
index 64179a82..cabb2c95 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.0
+// @version 5.14.1
 // @author Conrad Sollitt (https://conradsollitt.com)
 // @license MIT
-import{buildUrl,setElementText,getBindValue,formatData,bindAttrTmpl,componentsAreDefined,polyfillCustomElements,showErrorAlert,showError}from"./utils.min.js";const 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
+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 95e5e7ab..2edf29fd 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.0
+// @version 5.14.1
 // @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 e78c917b..c10a1b7b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dataformsjs",
-  "version": "5.14.0",
+  "version": "5.14.1",
   "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 4152170a78e43538ee75d563fa9b19c2cd283c9c Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Sun, 29 Jan 2023 22:27:19 -0800
Subject: [PATCH 29/51] =?UTF-8?q?=F0=9F=93=84=20Update=20docs=20for=20IE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/to-do-list.txt | 27 ---------------------------
 1 file changed, 27 deletions(-)

diff --git a/docs/to-do-list.txt b/docs/to-do-list.txt
index a4f44a8a..64292f3a 100644
--- a/docs/to-do-list.txt
+++ b/docs/to-do-list.txt
@@ -536,33 +536,6 @@ TODO List
 *) Create Unit Tests for the following functions:
     Controller.onRouteUnload
 
-*) Improve Unit tests for IE 11
-    - Typically they work about 50% of the time, however several routes have an
-      issue related to calls for [tester.pageTester2]
-    - It appears that [app.onUpdateViewComplete] is being called twice the first time
-      that it should be called. The reason for this is not yet known.
-    - It's not yet determine if this is a bug or related to IE behavior. Regardless
-      DataFormsJS has been used extensively with IE Users for many years before it was
-      released so it's known to work well with IE.
-    - To test the issue find and update the following code in [dataformsjs\test\js\unit-testing-core.js]:
-                // After checking the 'Page is Loading' message define a new
-                // [onUpdateViewComplete] function to check the final response.
-                app.onUpdateViewComplete = function () {
-                    // Now check the 2nd state (usually after a web service response)
-                    assert.equal(window.location.hash, hash, 'Hash Check - ' + hash);
-                    if (expectHtml2 !== null) {
-                        //// **** This block is the section to add for manual testing.
-                        if (hash === '#/page-json-data-load-only-once' || hash === '#/page-reload-json-data' || hash === '#/missing-page-json-data') {
-                            var html = document.getElementById('view').textContent.trim();
-                            if (html !== expectHtml2) {
-                                console.log(hash);
-                                console.log(expectHtml2);
-                                console.log(html);
-                            }
-                        }
-                        tester.checkElement('view', expectHtml2, assert);
-                    }
-
 *) Additional Unit Testing for the following functions, props, etc:
     data-engine:
         Validate error message in [app.setup()] at [(viewEngine === ViewEngines.Unknown)]

From 199e74ed98376d4577bfbe87e1af2cb66f9d9d45 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Sun, 29 Jan 2023 22:31:38 -0800
Subject: [PATCH 30/51] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20Rename=20function?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                        | 4 ++++
 js/web-components/filter-service.js | 4 ++--
 js/web-components/input-filter.js   | 4 ++--
 js/web-components/utils.js          | 2 +-
 4 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9cb4fa54..b0f5ae62 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.
 
+## 5.14.2 (Next Release)
+
+* 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.
+
 ## 5.14.1 (Dec 7, 2022)
 
 * Fixed a bug in Web Component `<json-data>` that was introduced on the previous build where `format.{func}` was not working in `[data-show]` attributes.
diff --git a/js/web-components/filter-service.js b/js/web-components/filter-service.js
index 0be7300f..316a5e80 100644
--- a/js/web-components/filter-service.js
+++ b/js/web-components/filter-service.js
@@ -38,7 +38,7 @@
 /* jshint esversion:8, loopfunc:true */
 
 import { WebComponentService } from './WebComponentService.js';
-import { isAttachedToDom } from './utils.js';
+import { isDomAttached } from './utils.js';
 
 // Supported Operators when using [data-filter-operator] with [data-filter-value]
 const _operators = ['excludes', 'excludes_list', '!==', '==='];
@@ -211,7 +211,7 @@ class FilterService extends WebComponentService {
             window.clearInterval(interval);
             interval = null;
             // For SPA's make sure the same page is still open
-            if (isAttachedToDom(firstFilterEl)) {
+            if (isDomAttached(firstFilterEl)) {
                 this.setup(rootElement);
             }
         }, 100);
diff --git a/js/web-components/input-filter.js b/js/web-components/input-filter.js
index c591cd81..2ee2548f 100644
--- a/js/web-components/input-filter.js
+++ b/js/web-components/input-filter.js
@@ -18,7 +18,7 @@
 /* eslint-disable no-console */
 
 import {
-    isAttachedToDom,
+    isDomAttached,
     defineExtendsPolyfill
 } from './utils.js';
 
@@ -74,7 +74,7 @@ class InputFilter extends HTMLInputElement {
             }
             window.clearInterval(this.interval);
             this.interval = null;
-            if (isAttachedToDom(this)) {
+            if (isDomAttached(this)) {
                 this.filter();
             }
         }, 100);
diff --git a/js/web-components/utils.js b/js/web-components/utils.js
index 9d99925a..cdae4c6d 100755
--- a/js/web-components/utils.js
+++ b/js/web-components/utils.js
@@ -507,7 +507,7 @@ export function componentsAreDefined(element, selector = '') {
  *
  * @param {HTMLElement} element
  */
-export function isAttachedToDom(element) {
+export function isDomAttached(element) {
     let node = element.parentNode;
     while (node !== null) {
         node = node.parentNode;

From 815d4392f7414771e43d29195222a68e6e653c31 Mon Sep 17 00:00:00 2001
From: Conrad Sollitt <csollitt@hotmail.com>
Date: Sun, 29 Jan 2023 22:33:32 -0800
Subject: [PATCH 31/51] =?UTF-8?q?=F0=9F=9A=80=20Release=205.14.2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                            | 2 +-
 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/filter-service.min.js | 2 +-
 js/web-components/input-filter.min.js   | 2 +-
 js/web-components/json-data.min.js      | 2 +-
 js/web-components/url-router.min.js     | 2 +-
 js/web-components/utils.min.js          | 2 +-
 package.json                            | 2 +-
 14 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index b0f5ae62..31dbee75 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,7 +4,7 @@ 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.2 (Next Release)
+## 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 43cc40d2..794e2fa9 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.1', enumerable: true });
+    Object.defineProperty(app, 'version', { value: '5.14.2', 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 b1700b77..f8e16e7b 100644
--- a/js/DataFormsJS.min.js
+++ b/js/DataFormsJS.min.js
@@ -1,5 +1,5 @@
 // @link https://www.dataformsjs.com
-// @version 5.14.1
+// @version 5.14.2
 // @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.1",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.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
diff --git a/js/react/es5/DataFormsJS.js b/js/react/es5/DataFormsJS.js
index 0f7eb03d..06bf1c77 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.1
+// @version 5.14.2
 // @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 6e55c493..767ba246 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.1
+// @version 5.14.2
 // @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 51512ea0..9500ae16 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.1
+// @version 5.14.2
 // @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 7b49b869..b113b97f 100644
--- a/js/react/jsxLoader.js
+++ b/js/react/jsxLoader.js
@@ -1706,7 +1706,7 @@
      * Add Build Version
      * For new releases this gets updated automatically by [scripts/build.js].
      */
-    Object.defineProperty(jsxLoader, 'version', { value: '5.14.1', enumerable: true });
+    Object.defineProperty(jsxLoader, 'version', { value: '5.14.2', 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 2e31c690..e327234f 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.1
+// @version 5.14.2
 // @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.1",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,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
diff --git a/js/web-components/filter-service.min.js b/js/web-components/filter-service.min.js
index 48ce1df1..ffc4b96f 100644
--- a/js/web-components/filter-service.min.js
+++ b/js/web-components/filter-service.min.js
@@ -1 +1 @@
-import{WebComponentService}from"./WebComponentService.min.js";import{isAttachedToDom}from"./utils.min.js";const _operators=["excludes","excludes_list","!==","==="];let _runFilter=!0;function getFilter(e){let t,l,r,i,s,o=e.getAttribute("data-filter-selector"),n=e.getAttribute("data-filter-results-text-selector"),a={itemsSelector:o,items:null===o?null:document.querySelectorAll(o),columnFilter:e.getAttribute("data-filter-column"),resultsTextSelector:n,resultsTextElement:null===n?null:document.querySelector(n),textAll:e.getAttribute("data-filter-results-text-all"),textFiltered:e.getAttribute("data-filter-results-text-filtered"),filterHideOnEmpty:e.getAttribute("data-filter-results-text-hide-on-empty"),dataList:null===e.getAttribute("list")?e.getAttribute("data-list"):e.getAttribute("list"),cssOdd:e.getAttribute("data-filter-class-odd"),cssEven:e.getAttribute("data-filter-class-even"),colIndex:null,clickedFilter:e.getAttribute("data-filter-clicked"),operator:e.getAttribute("data-filter-operator"),filterValue:e.getAttribute("data-filter-value"),filterWords:[],containsInputs:o&&null!==document.querySelector(o+" input, "+o+" select, "+o+" textarea")};function u(t){throw console.log(t),console.log(e),console.log(a),t}if(null===a.items)return a;for(null!==a.operator&&(null===a.filterValue?u("Filter if attribute [data-filter-operator] is defined then the attribute [data-filter-value] must also be defined."):-1===_operators.indexOf(a.operator)&&u("Filter if attribute [data-filter-operator] is defined then it must equal one of the following operators: ['"+_operators.join("', '")+"'].")),"INPUT"===e.nodeName?t=e.value.toLowerCase().trim().split(" "):(null===a.filterValue&&u("Filter Element requires missing attribute [data-filter-value]."),null===a.clickedFilter?t=[]:"excludes_list"===a.operator?t=a.filterValue.toLowerCase().trim().split("|"):"!=="===a.operator||"==="===a.operator?(a.filterValue=a.filterValue.toLowerCase(),t=[a.filterValue]):t=a.filterValue.toLowerCase().trim().split(" ")),l=0,r=t.length;l<r;l++)""!==t[l]&&a.filterWords.push(t[l]);if(null!==a.columnFilter){if(1!==a.items.length||"TABLE"!==a.items[0].tagName||!a.items[0].tHead||1!==a.items[0].tHead.rows.length||1!==a.items[0].tBodies.length)return a;for(i=document.querySelector(a.itemsSelector),a.items=i.tBodies[0].rows,s=i.tHead.rows.length-1,l=0,r=i.tHead.rows[s].cells.length;l<r;l++)if(i.tHead.rows[s].cells[l].textContent.trim()===a.columnFilter){a.colIndex=l;break}null===a.colIndex&&u("Column ["+a.columnFilter+"] was not found in the table to filter.")}else if(1===a.items.length&&"TABLE"===a.items[0].tagName)switch(i=a.items[0],i.tBodies.length){case 0:a.items=[];break;case 1:a.items=i.tBodies[0].rows,null===a.cssOdd&&null===a.cssEven&&(a.cssOdd=i.getAttribute("data-sort-class-odd"),a.cssEven=i.getAttribute("data-sort-class-even"));break;default:console.warn("Unexpected Table format for Filter Plugin. Only 1 <tbody> element is supported.")}return a}class FilterService extends WebComponentService{onLoad(e){const t=document.querySelector("[data-filter-selector]");if(null===t)return;const l=document.querySelector("json-data");if(null===l)return void this.setup(e);let r=window.setInterval((()=>{!0!==l.isLoading&&(window.clearInterval(r),r=null,isAttachedToDom(t)&&this.setup(e))}),100)}setup(e){const t=e.nodeName;("URL-ROUTE"===t||t.includes("-SERVICE"))&&(e=document),this.setupDataLists(e),this.setupFilters(e)}setupDataLists(e){const t=this.getSettings(e);for(const e of t){if(null===e.items||null===e.dataList)return;let t=document.getElementById(e.dataList);if(null===t&&(t=document.querySelector(e.dataList)),null===t||"DATALIST"!==t.tagName)return;const l=[];Array.prototype.forEach.call(e.items,(function(t){let r="";null===e.colIndex?r=t.textContent:t.cells.length>=e.colIndex&&(r=t.cells[e.colIndex].textContent),""!==r&&-1===l.indexOf(r)&&l.push(r)})),l.sort(),t.innerHTML="",l.forEach((function(e){const l=document.createElement("option");l.textContent=e,t.appendChild(l)}))}}setupFilters(e){const t=this;let l=e.querySelectorAll("[data-filter-selector]:not([data-filter-setup])");for(const e of l)"INPUT"===e.nodeName?e.addEventListener("input",t.filter.bind(t)):(e.addEventListener("click",(function(){t.clearClickedFilters(this.getAttribute("data-filter-selector")),this.setAttribute("data-filter-clicked",""),t.filter()})),e.style.cursor="pointer"),e.setAttribute("data-filter-setup","setup");l=document.querySelectorAll("[data-filter-clear]:not([data-filter-setup])");for(const e of l)e.addEventListener("click",(function(){_runFilter=!1,t.clearFilter(this.getAttribute("data-filter-clear")),_runFilter=!0,t.filter()})),e.setAttribute("data-filter-setup","setup");l=document.querySelectorAll("[data-filter-clear-all]:not([data-filter-setup])");for(const e of l)e.addEventListener("click",(function(){_runFilter=!1,t.clearAllFilters(),_runFilter=!0,t.filter()})),e.setAttribute("data-filter-setup","setup");l=document.querySelectorAll("[data-set-filter-selector]:not([data-set-filter-setup])");for(const e of l)e.addEventListener("click",(function(){const e=this.getAttribute("data-set-filter-selector"),l=document.querySelector(e);null!==l?null!==l.getAttribute("data-filter-selector")?(l.value=this.textContent,t.filter()):console.warn("Query Selector from Attribute [data-set-filter-selector = "+e+"] did a valid filter element that has [data-filter-selector] defined."):console.warn("Query Selector from Attribute [data-set-filter-selector = "+e+"] did not return an element.")})),e.setAttribute("data-set-filter-setup","setup");this.filter()}clearAllFilters(){const e=document.querySelectorAll("input[data-filter-selector],[data-filter-selector][data-filter-clicked]");for(const t of e)"INPUT"===t.nodeName?t.value="":t.removeAttribute("data-filter-clicked")}clearFilter(e){const t=document.querySelectorAll("input[data-filter-selector],[data-filter-selector][data-filter-clicked]");for(const l of t)l.getAttribute("data-filter-selector")===e&&("INPUT"===l.nodeName?l.value="":l.removeAttribute("data-filter-clicked"))}clearClickedFilters(e){const t=document.querySelectorAll("[data-filter-selector][data-filter-clicked]");for(const l of t)l.getAttribute("data-filter-selector")===e&&l.removeAttribute("data-filter-clicked")}getSettings(e){const t=(e||document).querySelectorAll("[data-filter-selector]"),l=[];for(const e of t)l.push(getFilter(e));return l}filter(){let e,t,l,r,i,s,o,n,a,u=[],c=!1;function d(e,t){let l,r,i,s="",o=!1,n=null,a=null;if(null===e.colIndex?a=t:t.cells.length>=e.colIndex&&(a=t.cells[e.colIndex]),null!==a&&(s=a.getAttribute("data-filter-search-text"),null===s&&(s=a.textContent),s=s.toLowerCase(),n=e.containsInputs?a.querySelectorAll("input, select, textarea"):null),null!==n){for(s="",l=0,r=n.length;l<r;l++)"INPUT"!==n[l].nodeName||"checkbox"!==n[l].type&&"radio"!==n[l].type?s+=n[l].value.toLowerCase()+" ":s+=String(n[l].checked)+" ";if("TR"===t.nodeName)for(l=0,r=t.cells.length;l<r;l++)0===t.cells[l].querySelectorAll("input, select, textarea").length&&(s+=t.cells[l].textContent.toLowerCase()+" ")}switch(e.operator){case"===":if(s!==e.filterValue)return t.style.display="none",!0;break;case"!==":if(s===e.filterValue)return t.style.display="none",!0;break;case"excludes":for(i=!1,l=0,r=e.filterWords.length;l<r;l++)if(o=-1!==s.indexOf(e.filterWords[l]),o){i=!0;break}if(i)return t.style.display="none",!0;break;case"excludes_list":for(i=!1,l=0,r=e.filterWords.length;l<r;l++)if(o=s===e.filterWords[l],o){i=!0;break}if(i)return t.style.display="none",!0;break;default:for(l=0,r=e.filterWords.length;l<r;l++)if(-1===s.indexOf(e.filterWords[l]))return t.style.display="none",!0}return!1}if(_runFilter){if(e=this.getSettings(),t=document.querySelectorAll("[data-filter-clear]"),l=document.querySelectorAll("[data-filter-clear-all]"),1===e.length){if(null!==e[0].items)if(i=e[0].items,0===e[0].filterWords.length)for(r=0,s=i.length;r<s;r++)""!==i[r].style.display&&(i[r].style.display=""),i[r].removeAttribute("data-filter-item");else for(r=0,s=i.length;r<s;r++)a=d(e[0],i[r]),a||""===i[r].style.display||(i[r].style.display=""),i[r].setAttribute("data-filter-item",a?"hide":"show")}else{for(o=0,n=e.length;o<n;o++)if(i=e[o].items,null!==i)for(r=0,s=i.length;r<s;r++)""!==i[r].style.display&&(i[r].style.display=""),i[r].removeAttribute("data-filter-item");for(o=0,n=e.length;o<n;o++)if(i=e[o].items,null!==i&&e[o].filterWords.length>0)for(r=0,s=i.length;r<s;r++)a=d(e[o],i[r]),i[r].setAttribute("data-filter-item",a?"hide":"show")}e.forEach((function(e){let l=0,r="",i=!0,s=e.itemsSelector,o=e.cssEven&&e.cssOdd;if(-1===u.indexOf(s)){if(Array.prototype.forEach.call(e.items,(function(t){""===t.style.display?(l++,o&&(l%2==0?(t.classList.add(e.cssEven),t.classList.remove(e.cssOdd)):(t.classList.add(e.cssOdd),t.classList.remove(e.cssEven)))):(i=!1,c=!0)})),null!==e.resultsTextElement&&null!==e.textAll&&null!==e.textFiltered){r=e.items.length===l?e.textAll:e.textFiltered.replace(/{displayCount}/g,l),r=r.replace(/{totalCount}/g,e.items.length);const t=document.querySelector("url-router");t&&"object"==typeof t.currentUrlParams&&(r=r.replace(/{(.+)}/g,(function(e,l){return void 0!==t.currentUrlParams[l]?String(t.currentUrlParams[l]):e}))),e.resultsTextElement.textContent=r,null!==e.filterHideOnEmpty&&(e.resultsTextElement.style.display=""===r?"none":"")}Array.prototype.forEach.call(t,(function(e){e.getAttribute("data-filter-clear")===s&&(e.style.display=i?"none":"")})),u.push(s)}})),Array.prototype.forEach.call(l,(function(e){e.style.display=c?"":"none"}))}}}window.customElements.define("filter-service",FilterService);
\ No newline at end of file
+import{WebComponentService}from"./WebComponentService.min.js";import{isDomAttached}from"./utils.min.js";const _operators=["excludes","excludes_list","!==","==="];let _runFilter=!0;function getFilter(e){let t,l,r,i,s,o=e.getAttribute("data-filter-selector"),n=e.getAttribute("data-filter-results-text-selector"),a={itemsSelector:o,items:null===o?null:document.querySelectorAll(o),columnFilter:e.getAttribute("data-filter-column"),resultsTextSelector:n,resultsTextElement:null===n?null:document.querySelector(n),textAll:e.getAttribute("data-filter-results-text-all"),textFiltered:e.getAttribute("data-filter-results-text-filtered"),filterHideOnEmpty:e.getAttribute("data-filter-results-text-hide-on-empty"),dataList:null===e.getAttribute("list")?e.getAttribute("data-list"):e.getAttribute("list"),cssOdd:e.getAttribute("data-filter-class-odd"),cssEven:e.getAttribute("data-filter-class-even"),colIndex:null,clickedFilter:e.getAttribute("data-filter-clicked"),operator:e.getAttribute("data-filter-operator"),filterValue:e.getAttribute("data-filter-value"),filterWords:[],containsInputs:o&&null!==document.querySelector(o+" input, "+o+" select, "+o+" textarea")};function u(t){throw console.log(t),console.log(e),console.log(a),t}if(null===a.items)return a;for(null!==a.operator&&(null===a.filterValue?u("Filter if attribute [data-filter-operator] is defined then the attribute [data-filter-value] must also be defined."):-1===_operators.indexOf(a.operator)&&u("Filter if attribute [data-filter-operator] is defined then it must equal one of the following operators: ['"+_operators.join("', '")+"'].")),"INPUT"===e.nodeName?t=e.value.toLowerCase().trim().split(" "):(null===a.filterValue&&u("Filter Element requires missing attribute [data-filter-value]."),null===a.clickedFilter?t=[]:"excludes_list"===a.operator?t=a.filterValue.toLowerCase().trim().split("|"):"!=="===a.operator||"==="===a.operator?(a.filterValue=a.filterValue.toLowerCase(),t=[a.filterValue]):t=a.filterValue.toLowerCase().trim().split(" ")),l=0,r=t.length;l<r;l++)""!==t[l]&&a.filterWords.push(t[l]);if(null!==a.columnFilter){if(1!==a.items.length||"TABLE"!==a.items[0].tagName||!a.items[0].tHead||1!==a.items[0].tHead.rows.length||1!==a.items[0].tBodies.length)return a;for(i=document.querySelector(a.itemsSelector),a.items=i.tBodies[0].rows,s=i.tHead.rows.length-1,l=0,r=i.tHead.rows[s].cells.length;l<r;l++)if(i.tHead.rows[s].cells[l].textContent.trim()===a.columnFilter){a.colIndex=l;break}null===a.colIndex&&u("Column ["+a.columnFilter+"] was not found in the table to filter.")}else if(1===a.items.length&&"TABLE"===a.items[0].tagName)switch(i=a.items[0],i.tBodies.length){case 0:a.items=[];break;case 1:a.items=i.tBodies[0].rows,null===a.cssOdd&&null===a.cssEven&&(a.cssOdd=i.getAttribute("data-sort-class-odd"),a.cssEven=i.getAttribute("data-sort-class-even"));break;default:console.warn("Unexpected Table format for Filter Plugin. Only 1 <tbody> element is supported.")}return a}class FilterService extends WebComponentService{onLoad(e){const t=document.querySelector("[data-filter-selector]");if(null===t)return;const l=document.querySelector("json-data");if(null===l)return void this.setup(e);let r=window.setInterval((()=>{!0!==l.isLoading&&(window.clearInterval(r),r=null,isDomAttached(t)&&this.setup(e))}),100)}setup(e){const t=e.nodeName;("URL-ROUTE"===t||t.includes("-SERVICE"))&&(e=document),this.setupDataLists(e),this.setupFilters(e)}setupDataLists(e){const t=this.getSettings(e);for(const e of t){if(null===e.items||null===e.dataList)return;let t=document.getElementById(e.dataList);if(null===t&&(t=document.querySelector(e.dataList)),null===t||"DATALIST"!==t.tagName)return;const l=[];Array.prototype.forEach.call(e.items,(function(t){let r="";null===e.colIndex?r=t.textContent:t.cells.length>=e.colIndex&&(r=t.cells[e.colIndex].textContent),""!==r&&-1===l.indexOf(r)&&l.push(r)})),l.sort(),t.innerHTML="",l.forEach((function(e){const l=document.createElement("option");l.textContent=e,t.appendChild(l)}))}}setupFilters(e){const t=this;let l=e.querySelectorAll("[data-filter-selector]:not([data-filter-setup])");for(const e of l)"INPUT"===e.nodeName?e.addEventListener("input",t.filter.bind(t)):(e.addEventListener("click",(function(){t.clearClickedFilters(this.getAttribute("data-filter-selector")),this.setAttribute("data-filter-clicked",""),t.filter()})),e.style.cursor="pointer"),e.setAttribute("data-filter-setup","setup");l=document.querySelectorAll("[data-filter-clear]:not([data-filter-setup])");for(const e of l)e.addEventListener("click",(function(){_runFilter=!1,t.clearFilter(this.getAttribute("data-filter-clear")),_runFilter=!0,t.filter()})),e.setAttribute("data-filter-setup","setup");l=document.querySelectorAll("[data-filter-clear-all]:not([data-filter-setup])");for(const e of l)e.addEventListener("click",(function(){_runFilter=!1,t.clearAllFilters(),_runFilter=!0,t.filter()})),e.setAttribute("data-filter-setup","setup");l=document.querySelectorAll("[data-set-filter-selector]:not([data-set-filter-setup])");for(const e of l)e.addEventListener("click",(function(){const e=this.getAttribute("data-set-filter-selector"),l=document.querySelector(e);null!==l?null!==l.getAttribute("data-filter-selector")?(l.value=this.textContent,t.filter()):console.warn("Query Selector from Attribute [data-set-filter-selector = "+e+"] did a valid filter element that has [data-filter-selector] defined."):console.warn("Query Selector from Attribute [data-set-filter-selector = "+e+"] did not return an element.")})),e.setAttribute("data-set-filter-setup","setup");this.filter()}clearAllFilters(){const e=document.querySelectorAll("input[data-filter-selector],[data-filter-selector][data-filter-clicked]");for(const t of e)"INPUT"===t.nodeName?t.value="":t.removeAttribute("data-filter-clicked")}clearFilter(e){const t=document.querySelectorAll("input[data-filter-selector],[data-filter-selector][data-filter-clicked]");for(const l of t)l.getAttribute("data-filter-selector")===e&&("INPUT"===l.nodeName?l.value="":l.removeAttribute("data-filter-clicked"))}clearClickedFilters(e){const t=document.querySelectorAll("[data-filter-selector][data-filter-clicked]");for(const l of t)l.getAttribute("data-filter-selector")===e&&l.removeAttribute("data-filter-clicked")}getSettings(e){const t=(e||document).querySelectorAll("[data-filter-selector]"),l=[];for(const e of t)l.push(getFilter(e));return l}filter(){let e,t,l,r,i,s,o,n,a,u=[],c=!1;function d(e,t){let l,r,i,s="",o=!1,n=null,a=null;if(null===e.colIndex?a=t:t.cells.length>=e.colIndex&&(a=t.cells[e.colIndex]),null!==a&&(s=a.getAttribute("data-filter-search-text"),null===s&&(s=a.textContent),s=s.toLowerCase(),n=e.containsInputs?a.querySelectorAll("input, select, textarea"):null),null!==n){for(s="",l=0,r=n.length;l<r;l++)"INPUT"!==n[l].nodeName||"checkbox"!==n[l].type&&"radio"!==n[l].type?s+=n[l].value.toLowerCase()+" ":s+=String(n[l].checked)+" ";if("TR"===t.nodeName)for(l=0,r=t.cells.length;l<r;l++)0===t.cells[l].querySelectorAll("input, select, textarea").length&&(s+=t.cells[l].textContent.toLowerCase()+" ")}switch(e.operator){case"===":if(s!==e.filterValue)return t.style.display="none",!0;break;case"!==":if(s===e.filterValue)return t.style.display="none",!0;break;case"excludes":for(i=!1,l=0,r=e.filterWords.length;l<r;l++)if(o=-1!==s.indexOf(e.filterWords[l]),o){i=!0;break}if(i)return t.style.display="none",!0;break;case"excludes_list":for(i=!1,l=0,r=e.filterWords.length;l<r;l++)if(o=s===e.filterWords[l],o){i=!0;break}if(i)return t.style.display="none",!0;break;default:for(l=0,r=e.filterWords.length;l<r;l++)if(-1===s.indexOf(e.filterWords[l]))return t.style.display="none",!0}return!1}if(_runFilter){if(e=this.getSettings(),t=document.querySelectorAll("[data-filter-clear]"),l=document.querySelectorAll("[data-filter-clear-all]"),1===e.length){if(null!==e[0].items)if(i=e[0].items,0===e[0].filterWords.length)for(r=0,s=i.length;r<s;r++)""!==i[r].style.display&&(i[r].style.display=""),i[r].removeAttribute("data-filter-item");else for(r=0,s=i.length;r<s;r++)a=d(e[0],i[r]),a||""===i[r].style.display||(i[r].style.display=""),i[r].setAttribute("data-filter-item",a?"hide":"show")}else{for(o=0,n=e.length;o<n;o++)if(i=e[o].items,null!==i)for(r=0,s=i.length;r<s;r++)""!==i[r].style.display&&(i[r].style.display=""),i[r].removeAttribute("data-filter-item");for(o=0,n=e.length;o<n;o++)if(i=e[o].items,null!==i&&e[o].filterWords.length>0)for(r=0,s=i.length;r<s;r++)a=d(e[o],i[r]),i[r].setAttribute("data-filter-item",a?"hide":"show")}e.forEach((function(e){let l=0,r="",i=!0,s=e.itemsSelector,o=e.cssEven&&e.cssOdd;if(-1===u.indexOf(s)){if(Array.prototype.forEach.call(e.items,(function(t){""===t.style.display?(l++,o&&(l%2==0?(t.classList.add(e.cssEven),t.classList.remove(e.cssOdd)):(t.classList.add(e.cssOdd),t.classList.remove(e.cssEven)))):(i=!1,c=!0)})),null!==e.resultsTextElement&&null!==e.textAll&&null!==e.textFiltered){r=e.items.length===l?e.textAll:e.textFiltered.replace(/{displayCount}/g,l),r=r.replace(/{totalCount}/g,e.items.length);const t=document.querySelector("url-router");t&&"object"==typeof t.currentUrlParams&&(r=r.replace(/{(.+)}/g,(function(e,l){return void 0!==t.currentUrlParams[l]?String(t.currentUrlParams[l]):e}))),e.resultsTextElement.textContent=r,null!==e.filterHideOnEmpty&&(e.resultsTextElement.style.display=""===r?"none":"")}Array.prototype.forEach.call(t,(function(e){e.getAttribute("data-filter-clear")===s&&(e.style.display=i?"none":"")})),u.push(s)}})),Array.prototype.forEach.call(l,(function(e){e.style.display=c?"":"none"}))}}}window.customElements.define("filter-service",FilterService);
\ No newline at end of file
diff --git a/js/web-components/input-filter.min.js b/js/web-components/input-filter.min.js
index 1001b642..a94438a0 100644
--- a/js/web-components/input-filter.min.js
+++ b/js/web-components/input-filter.min.js
@@ -1 +1 @@
-import{isAttachedToDom,defineExtendsPolyfill}from"./utils.min.js";class InputFilter extends HTMLInputElement{constructor(){super(),this.addEventListener("input",this.filter),this.interval=null}connectedCallback(){this.setupFilter()}disconnectedCallback(){null!==this.interval&&window.clearInterval(this.interval)}setupFilter(){if(!this.hasAttribute("filter-results-selector"))return void this.filter();let t=this.parentElement;for(;t&&"JSON-DATA"!==t.nodeName;)t=t.parentElement;let e=0;this.interval=window.setInterval((()=>{if(t&&!0===t.isLoading)return;const{elements:l}=this.getElementsToFilter();0===l.length&&e<10?e++:(window.clearInterval(this.interval),this.interval=null,isAttachedToDom(this)&&this.filter())}),100)}getElementsToFilter(){let t=null,e=null,l=document.querySelectorAll(this.getAttribute("filter-selector"));if(1===l.length&&"TABLE"===l[0].tagName){const r=l[0];switch(r.tBodies.length){case 0:l=[];break;case 1:l=r.tBodies[0].rows,t=r.getAttribute("data-sort-class-odd"),e=r.getAttribute("data-sort-class-even");break;default:console.warn("Unexpected Table format for Filter Plugin. Only 1 <tbody> element is supported.")}}return{elements:l,cssOdd:t,cssEven:e}}filter(){const t=this.value.toLowerCase().split(" "),e=t.length,l=0!==e;let r=0;const{elements:s,cssOdd:i,cssEven:n}=this.getElementsToFilter(),o=n&&i;for(const u of s){let s=!0;if(l){let l=u.textContent;const r=u.getAttribute("data-filter-search-text");null!==r&&(l=r),l=l.toLowerCase();for(let r=0;r<e;r++)if(""!==t[r]&&!l.includes(t[r])){s=!1;break}}s&&(r++,o&&(r%2==0?(u.classList.add(n),u.classList.remove(i)):(u.classList.add(i),u.classList.remove(n)))),u.style.display=s?"":"none"}const u=this.getAttribute("filter-results-selector");if(u){const t=document.querySelector(u);if(!t)return void console.warn("Defined [filter-results-selector] but element not found");const e=this.getAttribute("filter-results-text-all"),l=this.getAttribute("filter-results-text-filtered");if(!e)return void console.warn("Defined [filter-results-selector] without [filter-results-text-all]");if(!l)return void console.warn("Defined [filter-results-selector] without [filter-results-text-filtered]");let i;const n=s.length;i=r===n?e:l.replace(/{displayCount}/g,r),i=i.replace(/{totalCount}/g,n);const o=document.querySelector("url-router");o&&"object"==typeof o.currentUrlParams&&(i=i.replace(/{(.+)}/g,(function(t,e){return void 0!==o.currentUrlParams[e]?String(o.currentUrlParams[e]):t}))),t.textContent=i}}}window.customElements.define("input-filter",InputFilter,{extends:"input"}),defineExtendsPolyfill("input-filter","input",(t=>{t.hasAttribute("data-polyfill-is-setup")||(t.addEventListener("input",InputFilter.prototype.filter.bind(t)),t.setupFilter=InputFilter.prototype.setupFilter.bind(t),t.getElementsToFilter=InputFilter.prototype.getElementsToFilter.bind(t),t.filter=InputFilter.prototype.filter.bind(t),t.setupFilter(),t.setAttribute("data-polyfill-is-setup",""))}));
\ No newline at end of file
+import{isDomAttached,defineExtendsPolyfill}from"./utils.min.js";class InputFilter extends HTMLInputElement{constructor(){super(),this.addEventListener("input",this.filter),this.interval=null}connectedCallback(){this.setupFilter()}disconnectedCallback(){null!==this.interval&&window.clearInterval(this.interval)}setupFilter(){if(!this.hasAttribute("filter-results-selector"))return void this.filter();let t=this.parentElement;for(;t&&"JSON-DATA"!==t.nodeName;)t=t.parentElement;let e=0;this.interval=window.setInterval((()=>{if(t&&!0===t.isLoading)return;const{elements:l}=this.getElementsToFilter();0===l.length&&e<10?e++:(window.clearInterval(this.interval),this.interval=null,isDomAttached(this)&&this.filter())}),100)}getElementsToFilter(){let t=null,e=null,l=document.querySelectorAll(this.getAttribute("filter-selector"));if(1===l.length&&"TABLE"===l[0].tagName){const r=l[0];switch(r.tBodies.length){case 0:l=[];break;case 1:l=r.tBodies[0].rows,t=r.getAttribute("data-sort-class-odd"),e=r.getAttribute("data-sort-class-even");break;default:console.warn("Unexpected Table format for Filter Plugin. Only 1 <tbody> element is supported.")}}return{elements:l,cssOdd:t,cssEven:e}}filter(){const t=this.value.toLowerCase().split(" "),e=t.length,l=0!==e;let r=0;const{elements:s,cssOdd:i,cssEven:n}=this.getElementsToFilter(),o=n&&i;for(const u of s){let s=!0;if(l){let l=u.textContent;const r=u.getAttribute("data-filter-search-text");null!==r&&(l=r),l=l.toLowerCase();for(let r=0;r<e;r++)if(""!==t[r]&&!l.includes(t[r])){s=!1;break}}s&&(r++,o&&(r%2==0?(u.classList.add(n),u.classList.remove(i)):(u.classList.add(i),u.classList.remove(n)))),u.style.display=s?"":"none"}const u=this.getAttribute("filter-results-selector");if(u){const t=document.querySelector(u);if(!t)return void console.warn("Defined [filter-results-selector] but element not found");const e=this.getAttribute("filter-results-text-all"),l=this.getAttribute("filter-results-text-filtered");if(!e)return void console.warn("Defined [filter-results-selector] without [filter-results-text-all]");if(!l)return void console.warn("Defined [filter-results-selector] without [filter-results-text-filtered]");let i;const n=s.length;i=r===n?e:l.replace(/{displayCount}/g,r),i=i.replace(/{totalCount}/g,n);const o=document.querySelector("url-router");o&&"object"==typeof o.currentUrlParams&&(i=i.replace(/{(.+)}/g,(function(t,e){return void 0!==o.currentUrlParams[e]?String(o.currentUrlParams[e]):t}))),t.textContent=i}}}window.customElements.define("input-filter",InputFilter,{extends:"input"}),defineExtendsPolyfill("input-filter","input",(t=>{t.hasAttribute("data-polyfill-is-setup")||(t.addEventListener("input",InputFilter.prototype.filter.bind(t)),t.setupFilter=InputFilter.prototype.setupFilter.bind(t),t.getElementsToFilter=InputFilter.prototype.getElementsToFilter.bind(t),t.filter=InputFilter.prototype.filter.bind(t),t.setupFilter(),t.setAttribute("data-polyfill-is-setup",""))}));
\ 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 cabb2c95..c2608f6f 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.1
+// @version 5.14.2
 // @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 2edf29fd..739834b9 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.1
+// @version 5.14.2
 // @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/js/web-components/utils.min.js b/js/web-components/utils.min.js
index 554f76d2..4d547bff 100644
--- a/js/web-components/utils.min.js
+++ b/js/web-components/utils.min.js
@@ -1 +1 @@
-import{Format}from"./utils-format.min.js";let polyfillIsNeeded=null;const errorStyleId="dataformsjs-style-errors",errorCss="\n    .dataformsjs-error,\n    .dataformsjs-fatal-error {\n        color:#fff;\n        background-color:red;\n        box-shadow:0 1px 5px 0 rgba(0,0,0,.5);\n        background-image:linear-gradient(#e00,#c00);\n        text-align: left;\n    }\n\n    .dataformsjs-error{\n        padding:10px;\n        font-size:1em;\n        margin:5px;\n        display:inline-block;\n    }\n\n    .dataformsjs-fatal-error {\n        z-index:1000000;\n        padding:20px;\n        font-size:1.5em;\n        margin:20px;\n        position:fixed;\n        top:10px;\n    }\n\n    @media only screen and (min-width:1000px){\n        .dataformsjs-fatal-error {\n            max-width:1000px;\n            left:calc(50% - 520px);\n        }\n    }\n\n    .dataformsjs-fatal-error span {\n        padding:5px 10px;\n        float:right;\n        border:1px solid darkred;\n        cursor:pointer;\n        margin-left:10px;\n        box-shadow:0 0 2px 1px rgba(0,0,0,0.3);\n        background-image:linear-gradient(#c00,#a00);\n        border-radius:5px;\n    }\n";export function escapeHtml(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;")}export function render(e,...t){const n=[e[0]];for(let o=0,r=t.length;o<r;o++)n.push(escapeHtml(t[o])),n.push(e[o+1]);return n.join("")}export function buildUrl(e,t){let n=String(e);if(n=n.replace(/\{(\w+)\}/g,(function(e,t){return"string"==typeof window[t]?window[t]:e})),null!==t&&"object"==typeof t)for(const e in t)t.hasOwnProperty(e)&&n.indexOf(":"+e)>-1&&(n=n.replace(new RegExp(":"+e,"g"),encodeURIComponent(t[e])));return n}export function setElementText(e,t){if(!(e instanceof HTMLElement||e instanceof SVGElement))return void console.warn("Called setElementText() with an invalid parameter");const n=e.nodeName.toLowerCase();switch(n){case"input":if("checkbox"===e.type){const n=String(t).toLowerCase();e.checked="true"===n||"1"===n||"yes"===n||"y"===n}else e.value=null===t?"":String(t);break;case"select":case"textarea":e.value=null===t?"":String(t);break;default:if(n.includes("-")||e.hasAttribute("is"))if("value"in e)e.value=t;else{const o=n.includes("-"),r=o?n:e.getAttribute("is");if(void 0!==window.customElements.get(r))e.textContent=null===t?"":String(t);else{showError(e,`Error - Web Component ${o?`<${r}>`:`<${n} is="${r}">`} is not defined; the related JavaScript file might be missing from this page.`)}}else e.textContent=null===t?"":String(t)}}export function getBindValue(e,t){const n=t.split(".");let o=n.length>1&&"window"===n[0]?window:e;for(let e=0,t=n.length;e<t;e++)o="object"==typeof o&&null!==o?o[n[e]]:null;return void 0===o?null:o}export function formatData(e,t){const n=e.getAttribute("data-format");if(null===n)return t;if("function"==typeof Format.prototype[n]){return(new Format)[n](t)}if("function"!=typeof window[n])return"Error: Unknown format ["+n+"]";try{return window[n](t)}catch(e){return console.error(e),"Error: "+e.message}}export function bindAttrTmpl(e,t,n){const o=e.getAttribute(t).split(",").map((e=>e.trim()));for(const r of o){let o=e.getAttribute(t+"-"+r);if(null===o&&(o=e.getAttribute(r),null!==o&&e.setAttribute(t+"-"+r,o)),null!==o){let t=0;const l=100;for(;t<l;){const e=o.indexOf("["),r=o.indexOf("]");if(-1===e||-1===r||r<e)break;let l=getBindValue(n,o.substring(e+1,r));void 0===l&&(l=""),o=o.substring(0,e)+l+o.substring(r+1),t++}e.setAttribute(r,o)}}}export function showError(e,t){if(null===e)return void showErrorAlert(t);loadCss(errorStyleId,errorCss);const n=document.createElement("span");n.className="dataformsjs-error",n.textContent=t,e.innerHTML="",e.appendChild(n),"string"!=typeof t&&console.error(t)}export function showErrorAlert(e){loadCss(errorStyleId,errorCss);let t=e;"string"==typeof t&&-1===t.toLowerCase().indexOf("error")&&(t="Error: "+t);const n=document.createElement("div");n.className="dataformsjs-fatal-error",n.textContent=t;const o=document.createElement("span");o.textContent="✕",o.onclick=e=>{document.body.removeChild(e.target.parentNode)},n.insertBefore(o,n.firstChild),document.body.appendChild(n),"string"!=typeof e&&console.error(e)}export function loadCss(e,t){let n=document.getElementById(e);null===n&&(n=document.createElement("style"),n.id=e,n.innerHTML=t,document.head.appendChild(n))}export function polyfillCustomElements(e=document){if(null===polyfillIsNeeded)if(void 0===window._webComponentPolyfillIsNeeded){class e extends HTMLDivElement{}void 0===window.customElements.get("web-component-polyfill-check")&&window.customElements.define("web-component-polyfill-check",e,{extends:"div"});let t=document.querySelector("body");t||(t=document.documentElement),t.insertAdjacentHTML("beforeend",'<div is="web-component-polyfill-check"></div>');const n=document.querySelector('div[is="web-component-polyfill-check"]');polyfillIsNeeded=!(n instanceof e),t.removeChild(n),window._webComponentPolyfillIsNeeded=polyfillIsNeeded}else polyfillIsNeeded=window._webComponentPolyfillIsNeeded;if(polyfillIsNeeded&&Array.isArray(window._webComponentPolyfills))for(const t of window._webComponentPolyfills){const n=e.querySelectorAll(`${t.extendsElement}[is="${t.element}"]`);for(const e of n)try{t.setup(e)}catch(n){showErrorAlert(n),console.log(t.element),console.log(e)}}}export function defineExtendsPolyfill(e,t,n){window._webComponentPolyfills=window._webComponentPolyfills||[],window._webComponentPolyfills.push({element:e,extendsElement:t,setup:n}),document.addEventListener("DOMContentLoaded",runPolyfill)}function runPolyfill(){polyfillCustomElements(document)}export function componentsAreDefined(e,t=""){return new Promise((async n=>{const o=e.querySelectorAll(t+":not(:defined)");if(o.length>0){const e=[...o].map((e=>window.customElements.whenDefined(e.getAttribute("is")||e.localName))),t=new Promise((e=>{window.setTimeout((()=>{e()}),1e3)}));await Promise.race([Promise.all(e),t])}n()}))}export function isAttachedToDom(e){let t=e.parentNode;for(;null!==t;)if(t=t.parentNode,t===document)return!0;return!1}
\ No newline at end of file
+import{Format}from"./utils-format.min.js";let polyfillIsNeeded=null;const errorStyleId="dataformsjs-style-errors",errorCss="\n    .dataformsjs-error,\n    .dataformsjs-fatal-error {\n        color:#fff;\n        background-color:red;\n        box-shadow:0 1px 5px 0 rgba(0,0,0,.5);\n        background-image:linear-gradient(#e00,#c00);\n        text-align: left;\n    }\n\n    .dataformsjs-error{\n        padding:10px;\n        font-size:1em;\n        margin:5px;\n        display:inline-block;\n    }\n\n    .dataformsjs-fatal-error {\n        z-index:1000000;\n        padding:20px;\n        font-size:1.5em;\n        margin:20px;\n        position:fixed;\n        top:10px;\n    }\n\n    @media only screen and (min-width:1000px){\n        .dataformsjs-fatal-error {\n            max-width:1000px;\n            left:calc(50% - 520px);\n        }\n    }\n\n    .dataformsjs-fatal-error span {\n        padding:5px 10px;\n        float:right;\n        border:1px solid darkred;\n        cursor:pointer;\n        margin-left:10px;\n        box-shadow:0 0 2px 1px rgba(0,0,0,0.3);\n        background-image:linear-gradient(#c00,#a00);\n        border-radius:5px;\n    }\n";export function escapeHtml(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;")}export function render(e,...t){const n=[e[0]];for(let o=0,r=t.length;o<r;o++)n.push(escapeHtml(t[o])),n.push(e[o+1]);return n.join("")}export function buildUrl(e,t){let n=String(e);if(n=n.replace(/\{(\w+)\}/g,(function(e,t){return"string"==typeof window[t]?window[t]:e})),null!==t&&"object"==typeof t)for(const e in t)t.hasOwnProperty(e)&&n.indexOf(":"+e)>-1&&(n=n.replace(new RegExp(":"+e,"g"),encodeURIComponent(t[e])));return n}export function setElementText(e,t){if(!(e instanceof HTMLElement||e instanceof SVGElement))return void console.warn("Called setElementText() with an invalid parameter");const n=e.nodeName.toLowerCase();switch(n){case"input":if("checkbox"===e.type){const n=String(t).toLowerCase();e.checked="true"===n||"1"===n||"yes"===n||"y"===n}else e.value=null===t?"":String(t);break;case"select":case"textarea":e.value=null===t?"":String(t);break;default:if(n.includes("-")||e.hasAttribute("is"))if("value"in e)e.value=t;else{const o=n.includes("-"),r=o?n:e.getAttribute("is");if(void 0!==window.customElements.get(r))e.textContent=null===t?"":String(t);else{showError(e,`Error - Web Component ${o?`<${r}>`:`<${n} is="${r}">`} is not defined; the related JavaScript file might be missing from this page.`)}}else e.textContent=null===t?"":String(t)}}export function getBindValue(e,t){const n=t.split(".");let o=n.length>1&&"window"===n[0]?window:e;for(let e=0,t=n.length;e<t;e++)o="object"==typeof o&&null!==o?o[n[e]]:null;return void 0===o?null:o}export function formatData(e,t){const n=e.getAttribute("data-format");if(null===n)return t;if("function"==typeof Format.prototype[n]){return(new Format)[n](t)}if("function"!=typeof window[n])return"Error: Unknown format ["+n+"]";try{return window[n](t)}catch(e){return console.error(e),"Error: "+e.message}}export function bindAttrTmpl(e,t,n){const o=e.getAttribute(t).split(",").map((e=>e.trim()));for(const r of o){let o=e.getAttribute(t+"-"+r);if(null===o&&(o=e.getAttribute(r),null!==o&&e.setAttribute(t+"-"+r,o)),null!==o){let t=0;const l=100;for(;t<l;){const e=o.indexOf("["),r=o.indexOf("]");if(-1===e||-1===r||r<e)break;let l=getBindValue(n,o.substring(e+1,r));void 0===l&&(l=""),o=o.substring(0,e)+l+o.substring(r+1),t++}e.setAttribute(r,o)}}}export function showError(e,t){if(null===e)return void showErrorAlert(t);loadCss(errorStyleId,errorCss);const n=document.createElement("span");n.className="dataformsjs-error",n.textContent=t,e.innerHTML="",e.appendChild(n),"string"!=typeof t&&console.error(t)}export function showErrorAlert(e){loadCss(errorStyleId,errorCss);let t=e;"string"==typeof t&&-1===t.toLowerCase().indexOf("error")&&(t="Error: "+t);const n=document.createElement("div");n.className="dataformsjs-fatal-error",n.textContent=t;const o=document.createElement("span");o.textContent="✕",o.onclick=e=>{document.body.removeChild(e.target.parentNode)},n.insertBefore(o,n.firstChild),document.body.appendChild(n),"string"!=typeof e&&console.error(e)}export function loadCss(e,t){let n=document.getElementById(e);null===n&&(n=document.createElement("style"),n.id=e,n.innerHTML=t,document.head.appendChild(n))}export function polyfillCustomElements(e=document){if(null===polyfillIsNeeded)if(void 0===window._webComponentPolyfillIsNeeded){class e extends HTMLDivElement{}void 0===window.customElements.get("web-component-polyfill-check")&&window.customElements.define("web-component-polyfill-check",e,{extends:"div"});let t=document.querySelector("body");t||(t=document.documentElement),t.insertAdjacentHTML("beforeend",'<div is="web-component-polyfill-check"></div>');const n=document.querySelector('div[is="web-component-polyfill-check"]');polyfillIsNeeded=!(n instanceof e),t.removeChild(n),window._webComponentPolyfillIsNeeded=polyfillIsNeeded}else polyfillIsNeeded=window._webComponentPolyfillIsNeeded;if(polyfillIsNeeded&&Array.isArray(window._webComponentPolyfills))for(const t of window._webComponentPolyfills){const n=e.querySelectorAll(`${t.extendsElement}[is="${t.element}"]`);for(const e of n)try{t.setup(e)}catch(n){showErrorAlert(n),console.log(t.element),console.log(e)}}}export function defineExtendsPolyfill(e,t,n){window._webComponentPolyfills=window._webComponentPolyfills||[],window._webComponentPolyfills.push({element:e,extendsElement:t,setup:n}),document.addEventListener("DOMContentLoaded",runPolyfill)}function runPolyfill(){polyfillCustomElements(document)}export function componentsAreDefined(e,t=""){return new Promise((async n=>{const o=e.querySelectorAll(t+":not(:defined)");if(o.length>0){const e=[...o].map((e=>window.customElements.whenDefined(e.getAttribute("is")||e.localName))),t=new Promise((e=>{window.setTimeout((()=>{e()}),1e3)}));await Promise.race([Promise.all(e),t])}n()}))}export function isDomAttached(e){let t=e.parentNode;for(;null!==t;)if(t=t.parentNode,t===document)return!0;return!1}
\ No newline at end of file
diff --git a/package.json b/package.json
index c10a1b7b..690d739a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dataformsjs",
-  "version": "5.14.1",
+  "version": "5.14.2",
   "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 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 32/51] =?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 207f0a15..9a6356b3 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 e1602fbd..2f723473 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 0479c86c..07602f88 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 33/51] =?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 b113b97f..fc9c385e 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 34/51] =?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 31dbee75..319c8e52 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 794e2fa9..7788815c 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 f8e16e7b..ff9b43f6 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 06bf1c77..8d5757ea 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 767ba246..5f1d6554 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 9500ae16..fd8a3925 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 fc9c385e..2d21cc0d 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 e327234f..c887e85c 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 c2608f6f..7a09cb2f 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 739834b9..3671b6bb 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 690d739a..9eb9877c 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 35/51] =?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 c0f1991d..fb5259a4 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 5a1bb403..257810a7 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 12ab4aba..a7e297d1 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 5632de2a..871047e8 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 d390c37e..491a7be0 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 34739854..339006c3 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 36/51] =?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 bd503239..7b6378fb 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 ba7301f7..a5ef5695 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 37/51] =?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 e087caef..b60815f6 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 a39e2dfe..16ebef15 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 0e98fdc5..dd367088 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 a5ef5695..4c602d13 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 3a6caa00..9d810614 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 7b4e4099..79ed0f5c 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 8cc311d7..b82fd1fd 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 c79a09ab..7574d756 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 8d0775e5..6ce2d2e7 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 15e4f9ac..b6ae19bd 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 440cf6fa..b80e1079 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 4ccbe631..fb90aa5c 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 38/51] =?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 319c8e52..8f644f89 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 406fe8d2..ae12e343 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 7788815c..18ec30b1 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 ff9b43f6..530440c2 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 ffec4c49..07885b54 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 f8421c4b..2b132a50 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 8d5757ea..4427ba4d 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 5f1d6554..4906c827 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 fd8a3925..71a0df68 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 2d21cc0d..c6689823 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 c887e85c..7df7d2a2 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 7a09cb2f..84599215 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 3671b6bb..c56f8979 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 9eb9877c..0a4ead72 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 237da50a..6b1f3549 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 39/51] =?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 ac10bd11..95ea871a 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 40/51] =?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 00000000..ba98fb66
--- /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 4505299c..5de76129 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 da27cd25..9bdcedd6 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 00000000..da0df0f5
--- /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 5213bc7f..5ed6aa23 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 bc91c31e..e92fe453 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 32da0174..903cbb36 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 bc2f94fe..37cdf69a 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 386258cb..d20815cf 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 2e761658..f1e8db5f 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 91fd6cfe..5ad79ab7 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 026b0bf7..74c615ca 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 c322dae3..18464200 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 b0d327ef..16e1247e 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 dfc3a360..61300b48 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 fdca0c7b..77b456d6 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 93249c1f..62965fcb 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 ac43715c..54dc2820 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 741b270f..66c4750b 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 cf621497..68dc8f30 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 128e97d2..5fb1bb8b 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 41/51] =?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 bf6f5eef..da08c08b 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 26a2b70a..860f0a93 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 b3976780..cd4dcf10 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 a0061345..31a2755a 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 28d42f8f..e3ffc713 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 9a6356b3..f4faa2d4 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 2f723473..3b945029 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 07602f88..71d8af5b 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 e49c45d7..b7a06c64 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 548fe1e0..ad088209 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 decf2994..339aff47 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 d35a0397..82ea715a 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 ae12e343..0c43618a 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 37cdf69a..97e0a0cd 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 d20815cf..6584ccd2 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 f1e8db5f..28df8a75 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 74c615ca..8f5d071a 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 a0b662c6..42f17fa6 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 62965fcb..bf4af157 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 37f1b200..b2f37209 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 d1dfd9b3..0dbfd60b 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 3351d84a..300971a4 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 17093c39..dffd42ca 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 fbdf7352..efa19e7e 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 9733fb89..673edc45 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 450a5f0b..e94f6a51 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 2674bbeb..8fb15db8 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 42749f25..bf36dbe7 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 1e4e4360..f6df93ad 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 5f08359d..1f642e86 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 d5a7a833..62a5ec82 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 d4ab43ad..6c5a5095 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 ea735e63..c0d4509b 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 7715d8c4..bb1cbef0 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 0b254cc8..7eae000f 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 c6689823..ed4a46d7 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 6b1f3549..05d452b3 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 8b7c6b93..e6a03849 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 fedb041f..417861b2 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 42/51] =?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 f4faa2d4..f1a911d8 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 3b945029..4529ee29 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 71d8af5b..bfe3bf63 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 7055b87d..22a2701f 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 e6a03849..20162af5 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 417861b2..41763449 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 43/51] =?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 8f644f89..377f6e6a 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 18ec30b1..e960bb36 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 530440c2..d789539f 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 ebb1c8d7..9bd555db 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 4427ba4d..cc671ca7 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 4906c827..8ebdf8ff 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 be4f8164..e4d8393f 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 80c85280..fce3178c 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 71a0df68..015242cd 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 d0d103ee..2ac1cafc 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 ed4a46d7..462b643c 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 7df7d2a2..0b76700f 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 84599215..5a39b07e 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 c56f8979..4eebe6dd 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 0a4ead72..cfee22f0 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 44/51] =?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 b2f37209..c2e3bf78 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 0dbfd60b..bd6f47fb 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 45/51] =?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 da08c08b..8ed124d0 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 860f0a93..58167a7c 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 cd4dcf10..caf4d889 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 31a2755a..39968d3b 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 e3ffc713..5d752b0c 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 f1a911d8..61330b35 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 4529ee29..4f7f57dd 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 bfe3bf63..6139d548 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 46/51] =?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 8ed124d0..617d8c92 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 58167a7c..cc56a4f1 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 caf4d889..8b17b164 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 39968d3b..ee91195f 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 5d752b0c..e707aec5 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 47/51] =?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 cc56a4f1..dd9e3f1c 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 48/51] Update CHANGELOG.md

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

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 377f6e6a..0bcd6508 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 49/51] 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 05d452b3..8161532b 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 50/51] 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 462b643c..3af691a2 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 51/51] =?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 0bcd6508..ad5c1dd8 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 e960bb36..851273b3 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 d789539f..14ad5859 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 cc671ca7..0de35696 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 8ebdf8ff..f80eaab2 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 015242cd..aa7d5103 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 3af691a2..723618ed 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 0b76700f..497386d9 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 5a39b07e..262e1506 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 4eebe6dd..c73dc9ca 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 cfee22f0..192ebb07 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",