From 68f430f3504445cedc168a0a6850f88f3f2974a7 Mon Sep 17 00:00:00 2001
From: Tony Air <tony@twma.pro>
Date: Tue, 3 May 2022 20:50:57 +0200
Subject: [PATCH] IMPR: standard linting

---
 .eslintignore                                 |   3 +-
 dist/icons/manifest.webapp                    |   2 +-
 dist/icons/yandex-browser-manifest.json       |   2 +-
 dist/index.html                               |   2 +-
 dist/js/app.js                                |   2 +-
 dist/js/app_sw.js                             |   2 +-
 dist/records.json                             | 165 -----
 dist/report.html                              |   4 +-
 src/js/_consts.js                             |  12 +-
 src/js/_events.js                             |   2 +-
 src/js/ajax/apollo/cache.js                   |  20 +-
 src/js/ajax/apollo/init.js                    |  68 +-
 src/js/ajax/lazy-images.js                    |  58 +-
 src/js/ajax/links.js                          | 208 +++---
 src/js/ajax/models/element.jsx                | 144 ++--
 src/js/ajax/models/image.js                   |  86 +--
 src/js/ajax/models/page.jsx                   | 178 ++---
 src/js/ajax/online.js                         | 106 +--
 src/js/app.js                                 |  80 +--
 src/js/drivers/google.track.external.links.js |  48 +-
 src/js/drivers/map.google.font-icons.js       | 243 ++++---
 src/js/drivers/map.google.js                  | 248 +++----
 src/js/drivers/map.google.marker.js           | 269 ++++----
 src/js/drivers/map.mapbox.js                  | 140 ++--
 src/js/layout/index.js                        |  44 +-
 src/js/libs/log.js                            |   8 +-
 src/js/main/css-screen-size.js                |  60 +-
 src/js/main/funcs.js                          |  20 +-
 src/js/main/index.js                          |  12 +-
 src/js/main/loading-spinner.js                |  25 +-
 src/js/main/main.js                           |  88 +--
 src/js/main/touch.js                          |  76 +-
 src/js/main/visibility.js                     |  34 +-
 src/js/store/components/index.js              |   4 +-
 src/js/store/components/page-controls.js      |   6 +-
 src/js/store/configure.js                     |   8 +-
 src/js/store/connect.js                       |   4 +-
 src/js/store/index.js                         |  24 +-
 src/js/store/reducers/counter.js              |  12 +-
 src/js/store/reducers/index.js                |   6 +-
 src/js/test-build.js                          |  44 +-
 src/js/types/sw.js                            |  92 +--
 src/js/ui/carousel.js                         | 188 ++---
 src/js/ui/datepicker.js                       |  18 +-
 src/js/ui/dropdown.js                         |  97 ++-
 src/js/ui/instagram.feed.js                   | 116 ++--
 src/js/ui/map.api.js                          | 138 ++--
 src/js_old/_components/_ui.ajax.js            | 304 ++++----
 src/js_old/_components/_ui.carousel.js        | 124 ++--
 src/js_old/_components/_ui.cookie.js          |  32 +-
 src/js_old/_components/_ui.flyout.js          |  74 +-
 src/js_old/_components/_ui.form.basics.js     | 170 ++---
 src/js_old/_components/_ui.form.croppie.js    | 240 +++----
 src/js_old/_components/_ui.form.datetime.js   | 112 +--
 src/js_old/_components/_ui.form.fields.js     | 190 ++---
 .../_components/_ui.form.fields.toggle.js     | 226 +++---
 src/js_old/_components/_ui.form.jqte.js       |  84 +--
 src/js_old/_components/_ui.form.select2.js    | 108 +--
 src/js_old/_components/_ui.form.stepped.js    | 238 +++----
 src/js_old/_components/_ui.form.storage.js    | 168 ++---
 .../_components/_ui.form.validate.field.js    | 208 +++---
 src/js_old/_components/_ui.form.validate.js   | 136 ++--
 src/js_old/_components/_ui.header-footer.js   |  82 +--
 src/js_old/_components/_ui.hover.js           | 218 +++---
 src/js_old/_components/_ui.image-position.js  |  50 +-
 src/js_old/_components/_ui.instagramfeed.js   | 138 ++--
 src/js_old/_components/_ui.map.api.js         | 156 ++---
 src/js_old/_components/_ui.menu.js            |  66 +-
 src/js_old/_components/_ui.multislider.js     | 238 +++----
 src/js_old/_components/_ui.nocaptcha.js       | 104 +--
 src/js_old/_components/_ui.opening-hours.js   | 140 ++--
 src/js_old/_components/_ui.search.js          | 186 ++---
 src/js_old/_components/_ui.shrink.js          |  44 +-
 src/js_old/_components/_ui.sidebar.js         |  84 +--
 src/js_old/_components/_ui.spinner.js         |  18 +-
 src/js_old/_components/_ui.video.preview.js   | 124 ++--
 src/js_old/_components/_ui.visibility.js      |  16 +-
 .../drivers/_google.track.external.links.js   |  48 +-
 .../drivers/_map.google.font-icons.js         | 243 ++++---
 src/js_old/_components/drivers/_map.google.js | 266 +++----
 .../_components/drivers/_map.google.marker.js | 273 ++++----
 src/js_old/_components/drivers/_map.mapbox.js | 140 ++--
 src/js_old/_components/mapStorage.js          | 336 ++++-----
 src/js_old/_components/routes/index.js        |  14 +-
 src/js_old/_consts.js                         |  10 +-
 src/js_old/_events.js                         |  76 +-
 src/js_old/_events.router.js                  |  72 +-
 src/js_old/_layout.js                         |  52 +-
 src/js_old/_main.js                           | 648 +++++++++---------
 src/js_old/app.js                             |  80 +--
 src/js_old/lang/_en.js                        |   4 +-
 ...ce_it_to_types_folder_PageTypeClassName.js |  44 +-
 .../SilverShop.Page.CheckoutPageController.js |   4 +-
 .../Site.Controllers.MapElementController.js  |   4 +-
 src/mocks/browser.js                          |   6 +-
 src/mocks/handlers.js                         |  48 +-
 src/mocks/server.js                           |   6 +-
 97 files changed, 4748 insertions(+), 4920 deletions(-)

diff --git a/.eslintignore b/.eslintignore
index 60c1214..1e69b91 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -1 +1,2 @@
-/src/thirdparty
\ No newline at end of file
+/src/thirdparty
+/src/js_old
diff --git a/dist/icons/manifest.webapp b/dist/icons/manifest.webapp
index f53a7c9..88aa135 100644
--- a/dist/icons/manifest.webapp
+++ b/dist/icons/manifest.webapp
@@ -1,5 +1,5 @@
 {
-  "version": "4.6.0",
+  "version": "4.6.1",
   "name": "@a2nt/ss-bootstrap-ui-webpack-boilerplate-react",
   "description": "This UI Kit allows you to build Bootstrap 5 webapp with some extra UI features. It's easy to extend and easy to convert HTML templates to CMS templates.",
   "icons": {
diff --git a/dist/icons/yandex-browser-manifest.json b/dist/icons/yandex-browser-manifest.json
index a922654..7e515b0 100644
--- a/dist/icons/yandex-browser-manifest.json
+++ b/dist/icons/yandex-browser-manifest.json
@@ -1,5 +1,5 @@
 {
-  "version": "4.6.0",
+  "version": "4.6.1",
   "api_version": 1,
   "layout": {
     "logo": "yandex-browser-50x50.png",
diff --git a/dist/index.html b/dist/index.html
index f7c2ea7..01c0eb9 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="en"><head><title>Webpack Bootstrap 4 UI Demo</title><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"/><meta name="description" content="UI Kit"/><meta name="author" content="Tony Air <tony@twma.pro>"/><meta name="ping" content="/Security/ping"/><meta name="api_url" content="http://127.0.0.1/graphql"/><meta name="api_static_domain" content="http://127.0.0.1"/><meta name="swversion" content="sw-1651519353911"/><base href=""/><script defer="defer" src="js/app.js"></script><script defer="defer" src="js/app_sw.js"></script><script defer="defer" src="js/app_cms.js"></script><script defer="defer" src="js/app_editor.js"></script><script defer="defer" src="js/app_map.api.js"></script><script defer="defer" src="js/app_order.js"></script><link href="css/app.css" rel="stylesheet"/><link href="css/app_cms.css" rel="stylesheet"/><link href="css/app_editor.css" rel="stylesheet"/><link href="css/app_map.api.css" rel="stylesheet"/><link href="css/app_order.css" rel="stylesheet"/></head><body data-default-lng="0" data-default-lat="0"><div class="wrapper"><style>@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0,0)}100%{transform:translate(1.35rem,0)}}body,html{font-size:14px;margin:0;padding:0;background:#fff;color:#333;overflow-x:hidden}@media (min-width:2000px){body,html{font-size:.9vw}}#PageLoading{position:fixed;left:0;top:0;margin:0;width:100%!important;height:100%!important;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:2000;will-change:opacity;background:#212529;color:#212529}#PageLoading .logo{filter:invert(1);margin-left:20px;margin-left:2vw;width:100px;width:12.5vw}#PageLoading .tagline{color:#fff;font-size:1.8rem;font-size:4vh;letter-spacing:.25em}.main-bn{position:fixed;top:0;left:0;width:100%;z-index:99999999;padding:.5rem 1rem;text-align:center;color:#fff;background:red}iframe,img{max-width:100%}.loading-spinner{text-align:center}.lds-ellipsis{display:inline-block;position:relative;width:4.57rem;height:1rem;color:#fff}.lds-ellipsis div{position:absolute;top:.15rem;width:.78rem;height:.78rem;border-radius:50%;background:#888;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:first-child{left:.42rem;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:.9rem;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:1.85rem;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:3.21rem;animation:lds-ellipsis3 .6s infinite}@keyframes lds-text{from{font-size:1em}to{font-size:1.5em}}.lds-text{position:absolute;top:50%;left:50%;margin-left:-5rem;margin-top:8rem;font-size:.8rem;letter-spacing:.25em;color:#fff}.lds-text b{font-weight:300;animation:lds-text 5s ease infinite alternate}.lds-text b:first-child{animation-delay:.5s}.lds-text b:nth-child(2){animation-delay:1s}.lds-text b:nth-child(3){animation-delay:1.5s}.lds-text b:nth-child(4){animation-delay:2s}.lds-text b:nth-child(5){animation-delay:2.5s}.lds-text b:nth-child(6){animation-delay:3s}.lds-text b:nth-child(7){animation-delay:3.5s}.lds-text b:nth-child(8){animation-delay:4s}.lds-text b:nth-child(9){animation-delay:4.5s}.lds-text b:nth-child(10){animation-delay:5s}@media (orientation:portrait){#PageLoading .logo{width:50vw}#PageLoading .tagline{font-size:4vw}}</style><div id="PageLoading"><div class="loading-spinner"><img class="logo" src="../img/logo.svg" width="200" alt="UI Kit"/><br/><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div><br/><div class="lds-placeholder">LOADING...</div><div class="lds-text"><b>L</b> <b>O</b> <b>A</b> <b>D</b> <b>I</b> <b>N</b> <b>G</b> <b>.</b> <b>.</b> <b>.</b></div></div></div><div id="SiteWideAlerts" class="offline-message"><div class="alert alert-danger alert-offline alert-dismissible fade show" role="alert"><div class="typography">The Internet connection is missing right now, but you're able to browse previously opened pages offline.</div><button type="button" class="btn btn-danger btn-close" data-bs-dismiss="alert" aria-label="Close"><i class="fas fa-times"></i></button></div><noscript><div class="main-bn alert alert-fixed-top alert-danger" role="alert">Please, enable javascript.</div></noscript><!--[if lt IE 11
+<!doctype html><html lang="en"><head><title>Webpack Bootstrap 4 UI Demo</title><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"/><meta name="description" content="UI Kit"/><meta name="author" content="Tony Air <tony@twma.pro>"/><meta name="ping" content="/Security/ping"/><meta name="api_url" content="http://127.0.0.1/graphql"/><meta name="api_static_domain" content="http://127.0.0.1"/><meta name="swversion" content="sw-1651603832915"/><base href=""/><script defer="defer" src="js/app.js"></script><script defer="defer" src="js/app_sw.js"></script><script defer="defer" src="js/app_cms.js"></script><script defer="defer" src="js/app_editor.js"></script><script defer="defer" src="js/app_map.api.js"></script><script defer="defer" src="js/app_order.js"></script><link href="css/app.css" rel="stylesheet"/><link href="css/app_cms.css" rel="stylesheet"/><link href="css/app_editor.css" rel="stylesheet"/><link href="css/app_map.api.css" rel="stylesheet"/><link href="css/app_order.css" rel="stylesheet"/></head><body data-default-lng="0" data-default-lat="0"><div class="wrapper"><style>@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0,0)}100%{transform:translate(1.35rem,0)}}body,html{font-size:14px;margin:0;padding:0;background:#fff;color:#333;overflow-x:hidden}@media (min-width:2000px){body,html{font-size:.9vw}}#PageLoading{position:fixed;left:0;top:0;margin:0;width:100%!important;height:100%!important;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:2000;will-change:opacity;background:#212529;color:#212529}#PageLoading .logo{filter:invert(1);margin-left:20px;margin-left:2vw;width:100px;width:12.5vw}#PageLoading .tagline{color:#fff;font-size:1.8rem;font-size:4vh;letter-spacing:.25em}.main-bn{position:fixed;top:0;left:0;width:100%;z-index:99999999;padding:.5rem 1rem;text-align:center;color:#fff;background:red}iframe,img{max-width:100%}.loading-spinner{text-align:center}.lds-ellipsis{display:inline-block;position:relative;width:4.57rem;height:1rem;color:#fff}.lds-ellipsis div{position:absolute;top:.15rem;width:.78rem;height:.78rem;border-radius:50%;background:#888;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:first-child{left:.42rem;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:.9rem;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:1.85rem;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:3.21rem;animation:lds-ellipsis3 .6s infinite}@keyframes lds-text{from{font-size:1em}to{font-size:1.5em}}.lds-text{position:absolute;top:50%;left:50%;margin-left:-5rem;margin-top:8rem;font-size:.8rem;letter-spacing:.25em;color:#fff}.lds-text b{font-weight:300;animation:lds-text 5s ease infinite alternate}.lds-text b:first-child{animation-delay:.5s}.lds-text b:nth-child(2){animation-delay:1s}.lds-text b:nth-child(3){animation-delay:1.5s}.lds-text b:nth-child(4){animation-delay:2s}.lds-text b:nth-child(5){animation-delay:2.5s}.lds-text b:nth-child(6){animation-delay:3s}.lds-text b:nth-child(7){animation-delay:3.5s}.lds-text b:nth-child(8){animation-delay:4s}.lds-text b:nth-child(9){animation-delay:4.5s}.lds-text b:nth-child(10){animation-delay:5s}@media (orientation:portrait){#PageLoading .logo{width:50vw}#PageLoading .tagline{font-size:4vw}}</style><div id="PageLoading"><div class="loading-spinner"><img class="logo" src="../img/logo.svg" width="200" alt="UI Kit"/><br/><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div><br/><div class="lds-placeholder">LOADING...</div><div class="lds-text"><b>L</b> <b>O</b> <b>A</b> <b>D</b> <b>I</b> <b>N</b> <b>G</b> <b>.</b> <b>.</b> <b>.</b></div></div></div><div id="SiteWideAlerts" class="offline-message"><div class="alert alert-danger alert-offline alert-dismissible fade show" role="alert"><div class="typography">The Internet connection is missing right now, but you're able to browse previously opened pages offline.</div><button type="button" class="btn btn-danger btn-close" data-bs-dismiss="alert" aria-label="Close"><i class="fas fa-times"></i></button></div><noscript><div class="main-bn alert alert-fixed-top alert-danger" role="alert">Please, enable javascript.</div></noscript><!--[if lt IE 11
     ]><div class="main-bn alert alert-danger" role="alert">
       <a
         href="https://www.google.com/chrome/browser/desktop/"
diff --git a/dist/js/app.js b/dist/js/app.js
index 3c076a2..5e3b78c 100644
--- a/dist/js/app.js
+++ b/dist/js/app.js
@@ -1 +1 @@
-!function(){"use strict";var t={826:function(t){t.exports=function makeYoutubeEmbed(t){if("string"===typeof t){var a=function getId(t){var a=t.match(/^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/);if(a&&11==a[2].length)return a[2]}(t);return a?"//www.youtube.com/embed/"+a:void 0}}}},a={};function __webpack_require__(i){var o=a[i];if(void 0!==o)return o.exports;var s=a[i]={exports:{}};return t[i](s,s.exports,__webpack_require__),s.exports}!function(){var t={APOLLO_ERROR:"apollo-error",AJAX:"ajax-load",AJAXMAIN:"ajax-main-load",MAININIT:"main-init",TABHIDDEN:"tab-hidden",TABFOCUSED:"tab-focused",OFFLINE:"offline",ONLINE:"online",BACKONLINE:"back-online",TOUCHENABLE:"touch-enabled",TOUCHDISABLED:"touch-disabled",DOMLOADED:"DOMContentLoaded",LOADED:"load",SWIPELEFT:"swipeleft panleft",SWIPERIGHT:"swiperight panright",ALLERTAPPEARED:"alert-appeared",ALERTREMOVED:"alert-removed",LODEDANDREADY:"load-ready",LAZYIMAGEREADY:"image-lazy-bg-loaded",LAZYIMAGESREADY:"images-lazy-loaded",MAPLOADED:"map-loaded",MAPAPILOADED:"map-api-loaded",MAPMARKERCLICK:"map-marker-click",MAPPOPUPCLOSE:"map-popup-close",SCROLL:"scroll",RESIZE:"resize",CAROUSEL_READY:"bs.carousel.ready",SET_TARGET_UPDATE:"set-target-update",RESTORE_FIELD:"restore-field",FORM_INIT_BASICS:"form-basics",FORM_INIT_STEPPED:"form-init-stepped",FORM_INIT_VALIDATE:"form-init-validate",FORM_INIT_VALIDATE_FIELD:"form-init-validate-field",FORM_INIT_STORAGE:"form-init-storage",FORM_VALIDATION_FAILED:"form-validation-failed",FORM_STEPPED_NEW_STEP:"form-new-step",FORM_STEPPED_FIRST_STEP:"form-first-step",FORM_STEPPED_LAST_STEP:"form-last-step",FORM_FIELDS:"input,textarea,select"},a=(function(a){var i="_main.visibility",o=document,s=o.body;o.addEventListener("visibilitychange",(function(){"hidden"===o.visibilityState?(console.log("".concat(i,": Tab: hidden")),s.classList.add("is-hidden"),s.classList.remove("is-focused"),a.dispatchEvent(new Event(t.TABHIDDEN))):(console.log("".concat(i,": Tab: focused")),s.classList.add("is-focused"),s.classList.remove("is-hidden"),a.dispatchEvent(new Event(t.TABFOCUSED)))}))}(window),function(a){var i,o,s="_main.touch",c=document,l=c.body,u=function SET_TOUCH_SCREEN(c,u){o||u===i||(c?(console.log("".concat(s,": Touch screen enabled")),l.classList.add("is-touch"),l.classList.remove("is-mouse"),a.dispatchEvent(new Event(t.TOUCHENABLE))):(console.log("".concat(s,": Touch screen disabled")),l.classList.add("is-mouse"),l.classList.remove("is-touch"),a.dispatchEvent(new Event(t.TOUCHDISABLED))),i=u,o||(o=setTimeout((function(){clearTimeout(o),o=null}),500)))};u("ontouchstart"in a||navigator.MaxTouchPoints>0||navigator.msMaxTouchPoints>0||a.matchMedia("(hover: none)").matches,"init"),c.addEventListener("touchend",(function(t){var a=!1;"click"!==t.type&&(a=!0),u(a,"click-touchend")})),c.addEventListener("click",(function(t){var a=!1;"click"!==t.type&&(a=!0),u(a,"click-touchend")}))}(window),{ENVS:["xs","sm","md","lg","xl","xxl","xxxl"]});function _toConsumableArray(t){return function _arrayWithoutHoles(t){if(Array.isArray(t))return _arrayLikeToArray(t)}(t)||function _iterableToArray(t){if("undefined"!==typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function _unsupportedIterableToArray(t,a){if(!t)return;if("string"===typeof t)return _arrayLikeToArray(t,a);var i=Object.prototype.toString.call(t).slice(8,-1);"Object"===i&&t.constructor&&(i=t.constructor.name);if("Map"===i||"Set"===i)return Array.from(t);if("Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))return _arrayLikeToArray(t,a)}(t)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(t,a){(null==a||a>t.length)&&(a=t.length);for(var i=0,o=new Array(a);i<a;i++)o[i]=t[i];return o}!function(i){var o=document,s=o.body,c=function detectCSSScreenSize(){var t,c=o.createElement("div");c.className="env-test",s.appendChild(c);var l=_toConsumableArray(a.ENVS).reverse(),u=l.shift();(t=s.classList).remove.apply(t,_toConsumableArray(l));for(var f=0;f<l.length;++f){var p=l[f];if(c.classList.add("d-".concat(p,"-none")),"none"===i.getComputedStyle(c).display){u=p,s.classList.add("".concat(u));break}}var h=!0;return i.innerWidth>i.innerHeight?(s.classList.add("landscape"),s.classList.remove("portrait")):(h=!1,s.classList.add("portrait"),s.classList.remove("landscape")),console.log("".concat("_main.css-screen-size",": screen size detected ").concat(u," | landscape ").concat(h)),s.removeChild(c),u};i.addEventListener("".concat(t.LOADED),c),i.addEventListener("".concat(t.RESIZE),c)}(window);function _defineProperties(t,a){for(var i=0;i<a.length;i++){var o=a[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var i="_main.loading-spinner",o=document,s=(o.body,o.getElementById("PageLoading")),c=function(){function SpinnerUI(){!function _classCallCheck(t,a){if(!(t instanceof a))throw new TypeError("Cannot call a class as a function")}(this,SpinnerUI)}return function _createClass(t,a,i){return a&&_defineProperties(t.prototype,a),i&&_defineProperties(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t}(SpinnerUI,null,[{key:"show",value:function show(){console.log("".concat(i,": show")),s.classList.remove("d-none")}},{key:"hide",value:function hide(){console.log("".concat(i,": hide")),s.classList.add("d-none")}}]),SpinnerUI}();function main_defineProperties(t,a){for(var i=0;i<a.length;i++){var o=a[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}!function(i){var o=document.body;console.info("%cUI Kit ".concat("@a2nt/ss-bootstrap-ui-webpack-boilerplate-react"," ").concat("4.6.0"),"color:yellow;font-size:14px"),console.info("%c".concat("@a2nt/meta-lightbox-js"," ").concat("4.2.1"),"color:yellow;font-size:12px"),console.info("%chttps://github.com/a2nt/webpack-bootstrap-ui-kit by ".concat("Tony Air <tony@twma.pro>"),"color:yellow;font-size:10px"),console.info("%cENV: ".concat("production"),"color:green;font-size:10px"),console.groupCollapsed("Events"),Object.keys(t).forEach((function(a){console.info("".concat(a,": ").concat(t[a]))})),console.groupEnd("Events"),console.groupCollapsed("Consts"),Object.keys(a).forEach((function(t){console.info("".concat(t,": ").concat(a[t]))})),console.groupEnd("Events"),console.groupCollapsed("Init"),console.time("init");var s=function(){function MainUI(){!function main_classCallCheck(t,a){if(!(t instanceof a))throw new TypeError("Cannot call a class as a function")}(this,MainUI)}return function main_createClass(t,a,i){return a&&main_defineProperties(t.prototype,a),i&&main_defineProperties(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t}(MainUI,null,[{key:"init",value:function init(){i.history.replaceState({landing:i.location.href},document.title,i.location.href),this.loaded()}},{key:"loaded",value:function loaded(){console.log("".concat("_main",": loaded"))}}]),MainUI}(),l=function documentInit(){s.init(),o.classList.add("loaded"),c.hide(),console.groupEnd("init"),console.timeEnd("init"),i.addEventListener("".concat(t.LOADED),(function(a){i.dispatchEvent(new Event(t.LODEDANDREADY))}))};"loading"===document.readyState?document.addEventListener("".concat(t.DOMLOADED),l):l(),i.addEventListener("".concat(t.AJAX),(function(){s.loaded()})),i.MainUI=s}(window);var l="ajax-load",u="load-ready";function window_toConsumableArray(t){return function window_arrayWithoutHoles(t){if(Array.isArray(t))return window_arrayLikeToArray(t)}(t)||function window_iterableToArray(t){if("undefined"!==typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function window_unsupportedIterableToArray(t,a){if(!t)return;if("string"===typeof t)return window_arrayLikeToArray(t,a);var i=Object.prototype.toString.call(t).slice(8,-1);"Object"===i&&t.constructor&&(i=t.constructor.name);if("Map"===i||"Set"===i)return Array.from(t);if("Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))return window_arrayLikeToArray(t,a)}(t)||function window_nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function window_arrayLikeToArray(t,a){(null==a||a>t.length)&&(a=t.length);for(var i=0,o=new Array(a);i<a;i++)o[i]=t[i];return o}function window_classCallCheck(t,a){if(!(t instanceof a))throw new TypeError("Cannot call a class as a function")}function window_defineProperties(t,a){for(var i=0;i<a.length;i++){var o=a[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function _defineProperty(t,a,i){return a in t?Object.defineProperty(t,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[a]=i,t}var f=window,p=function(){function MetaWindow(){var t=this,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{shown:!1},i=arguments.length>1?arguments[1]:void 0;window_classCallCheck(this,MetaWindow),_defineProperty(this,"state",{content:"",type:["empty"],shown:!1,loading:!1,error:!1,embed:!1,collections:[],current:null,target:null,extraClass:null}),_defineProperty(this,"show",(function(){var a=t;console.log("".concat(a.name,": show")),a.setState({shown:!0}),f.dispatchEvent(new Event("{ui.name}.show"))})),_defineProperty(this,"hide",(function(){var a=t;console.log("".concat(a.name,": hide")),a.setState({shown:!1}),f.dispatchEvent(new Event("{ui.name}.hide"))})),_defineProperty(this,"next",(function(){var a=t,i=a.state.current.getAttribute("data-gallery"),o=a._currIndex();o<a.state.collections[i].length-1?o++:o=0,a.state.collections[i][o].click(),console.log("".concat(a.name,": next")),f.dispatchEvent(new Event("{ui.name}.next"))})),_defineProperty(this,"prev",(function(){var a=t,i=a.state.current.getAttribute("data-gallery"),o=a._currIndex();o>0?o--:o=a.state.collections[i].length-1,a.state.collections[i][o].click(),console.log("".concat(a.name,": prev")),f.dispatchEvent(new Event("{ui.name}.prev"))})),_defineProperty(this,"reset",(function(){t.setState({content:"",type:["empty"],shown:!1,loading:!1,error:!1,embed:!1})})),_defineProperty(this,"load",(function(a){var i=t;i.reset(),i.setState({loading:!0}),i.show(),fetch(a).then((function(t){var o=t.headers.get("content-type");console.log(t),console.log("".concat(i.name,": response content-type: ").concat(o));switch(o){case"image/jpeg":case"image/png":case"image/svg+xml":case"image/bmp":case"image/gif":case"image/tiff":case"image/webp":case"image/jpg":case"image/svg":t.arrayBuffer().then((function(t){i.setContent('<img src="data:'.concat(o,";base64,").concat(i._imageEncode(t),'" />'),"meta-".concat(i.name,"--image"))}));break;case"application/json":case"application/ld+json":case"application/json; charset=UTF-8":i.setContent("".concat((!1).Content),["meta-".concat(i.name,"--text"),"meta-".concat(i.name,"--html"),"meta-".concat(i.name,"--json")]);break;case"video/mp4":i.setContent('<video controls autoplay><source src="'.concat(a,'" type="video/mp4">Your browser does not support the video tag.</video>'),["meta-".concat(i.name,"--image"),"meta-".concat(i.name,"--video")]);break;case"text/html":case"application/xhtml+xml":case"text/plain":case"text/html; charset=UTF-8":case"application/xhtml+xml; charset=UTF-8":case"text/plain; charset=UTF-8":i.setContent(t.data,["meta-".concat(i.name,"--text"),"meta-".concat(i.name,"--html"),"meta-".concat(i.name,"--pajax")]);break;default:console.warn("".concat(i.name,": Unknown response content-type!"))}f.dispatchEvent(new Event("{ui.name}.loaded"))})).catch((function(t){console.error(t);var a="";if(t.response)switch(t.response.status){case 404:a="Not Found.";break;case 500:a="Server issue, please try again latter.";break;default:a="Something went wrong."}else t.request?a="No response received":console.warn("Error",t.message);i.setState({error:a}),f.dispatchEvent(new Event("{ui.name}.error"))})).then((function(){i.setState({loading:!1}),setTimeout((function(){i.state.current.classList.remove("loading")}),3e3)}))})),_defineProperty(this,"_currIndex",(function(){var a=t,i=a.state.current,o=i.getAttribute("data-gallery");return a.state.collections[o].indexOf(i)})),_defineProperty(this,"embed",(function(a){var i=t;console.log("".concat(i.name,": embed")),i.reset(),i.setState({embed:a,loading:!1,type:["meta-".concat(i.name,"--embed"),"meta-".concat(i.name,"--video")]}),i.show()})),_defineProperty(this,"setCaption",(function(a){var i=t;console.log("".concat(i.name,": setCaption")),i.state.caption=a})),_defineProperty(this,"addExtraClass",(function(a){var i=t;a&&a.length&&(console.log("".concat(i.name,": addExtraClass(").concat(a,")")),i.state.extraClass=a)})),_defineProperty(this,"getCaption",(function(){return t.state.caption})),_defineProperty(this,"_imageEncode",(function(t){var a="";return[].slice.call(new Uint8Array(t)).forEach((function(t){return a+=String.fromCharCode(t)})),window.btoa(a)})),_defineProperty(this,"setContent",(function(a,i){var o=t;console.log("".concat(o.name,": setContent"));var s=i||["meta-".concat(o.name,"--html"),"meta-".concat(o.name,"--text")];Array.isArray(s)||(s=i.split(" ")),o.setState({content:a,type:s})})),_defineProperty(this,"getHtml",(function(){var a=t;if(a.state.embed){var i=__webpack_require__(826)(a.state.embed);a.state.content='<iframe width="600" height="380" src="'.concat(i,'" frameborder="0"></iframe>')}return a.state.content}));var o=this;switch(o.name=o.constructor.name,console.log("".concat(o.name,": init")),o.setState(a),i){case"show":case"hide":o.hide()}f.dispatchEvent(new Event("{ui.name}.init"))}return function window_createClass(t,a,i){return a&&window_defineProperties(t.prototype,a),i&&window_defineProperties(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t}(MetaWindow,[{key:"init",value:function init(){var t=this;console.log("MetaWindow: [links] init"),document.querySelectorAll('[data-toggle="lightbox"],[data-gallery="${gallery}"]').forEach((function(a){var i=a.getAttribute("data-gallery");i&&(t.state.collections[i]=[],document.querySelectorAll('[data-toggle="lightbox"][data-gallery="'.concat(i,'"]')).forEach((function(a){t.state.collections[i].push(a)}))),a.addEventListener("click",(function(a){a.preventDefault(),console.log("MetaWindow: [link] click");var i=a.currentTarget,o=i.getAttribute("href")||i.getAttribute("data-href"),s=i.getAttribute("data-embed");i.classList.add("loading"),t.state.current=i,s?t.embed(o):t.load(o);var c=i.getAttribute("data-title");c&&t.setCaption(c),t.addExtraClass(i.getAttribute("data-lightbox-class"))}))}))}},{key:"setState",value:function setState(t){var a=this;a.state=Object.assign({},a.state,t),a.render()}},{key:"render",value:function render(){var t,a=this,i=a.name,o=a.state.current;a.state.target.innerHTML="";var s=document.createElement("div");s.classList.add("meta-".concat(i)),(t=s.classList).add.apply(t,window_toConsumableArray(a.state.type)),a.state.target.append(s);var c=document.createElement("div");c.classList.add("meta-".concat(i,"-overlay")),a.state.shown&&c.classList.add("meta-".concat(i,"-overlay--open")),a.state.loading&&c.classList.add("meta-".concat(i,"-overlay--loading")),a.state.error&&c.classList.add("meta-".concat(i,"-overlay--error")),s.append(c);var l=document.createElement("div");l.classList.add("meta-content"),c.append(l);var u=document.createElement("button");if(u.classList.add("meta-nav","meta-close","a"),u.innerHTML='<i class="icon fa fas fa-times"></i> <span class="visually-hidden">Close</span>',u.addEventListener("click",(function(t){t.preventDefault(),a.hide()})),l.append(u),o){var f=o.getAttribute("data-gallery");if(f&&a.state.collections[f].length>1){var p=document.createElement("nav");p.classList.add("meta-navs");var h=document.createElement("button");h.classList.add("meta-nav","meta-nav-arrow","meta-nav-arrow__prev","a"),h.innerHTML='<i class="icon fa fas fa-chevron-left"></i> <span class="visually-hidden">Previous</span>',h.addEventListener("click",(function(t){t.preventDefault(),a.prev()})),p.append(h);var v=document.createElement("button");v.classList.add("meta-nav","meta-nav-arrow","meta-nav-arrow__next","a"),v.innerHTML='<i class="icon fa fas fa-chevron-right"></i> <span class="visually-hidden">Next</span>',v.addEventListener("click",(function(t){t.preventDefault(),a.next()})),p.append(v),l.append(p)}}var g=document.createElement("section");if(g.classList.add("meta-wrap","typography"),a.state.extraClass&&g.classList.add(a.state.extraClass),g.innerHTML=a.getHtml(),l.append(g),a.state.error){var b=document.createElement("div");b.classList.add("meta-error"),b.innerHTML=a.state.error,l.append(b)}else if(a.state.caption){var w=document.createElement("div");w.classList.add("meta-caption"),w.innerHTML=a.getCaption(),l.append(w)}return"undefined"!==typeof window.FontAwesome&&window.FontAwesome.dom.i2svg(),a}}]),MetaWindow}(),h=p,v=document.getElementById("MetaLightboxApp");v||console.log("MetaWindow: missing container #MetaLightboxApp");var g=function init(){var t=window.MetaWindow;"undefined"===typeof t&&(t=new h({target:v}),window.MetaWindow=t),t.init()};window.addEventListener("".concat(u),g),window.addEventListener("".concat(l),g),window.addEventListener("MetaWindow.initLinks",g);function _typeof(t){return _typeof="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},_typeof(t)}var b="transitionend",w=function getSelector(t){var a=t.getAttribute("data-bs-target");if(!a||"#"===a){var i=t.getAttribute("href");if(!i||!i.includes("#")&&!i.startsWith("."))return null;i.includes("#")&&!i.startsWith("#")&&(i="#".concat(i.split("#")[1])),a=i&&"#"!==i?i.trim():null}return a},_=function getTransitionDurationFromElement(t){if(!t)return 0;var a=window.getComputedStyle(t),i=a.transitionDuration,o=a.transitionDelay,s=Number.parseFloat(i),c=Number.parseFloat(o);return s||c?(i=i.split(",")[0],o=o.split(",")[0],1e3*(Number.parseFloat(i)+Number.parseFloat(o))):0},k=function triggerTransitionEnd(t){t.dispatchEvent(new Event(b))},E=function isElement(t){return!(!t||"object"!==_typeof(t))&&("undefined"!==typeof t.jquery&&(t=t[0]),"undefined"!==typeof t.nodeType)},A=function getElement(t){return E(t)?t.jquery?t[0]:t:"string"===typeof t&&t.length>0?document.querySelector(t):null},O=function isVisible(t){return!(!E(t)||0===t.getClientRects().length)&&"visible"===getComputedStyle(t).getPropertyValue("visibility")},S=function getjQuery(){var jQuery=window.jQuery;return jQuery&&!document.body.hasAttribute("data-bs-no-jquery")?jQuery:null},L=[],T=function isRTL(){return"rtl"===document.documentElement.dir},P=function execute(t){"function"===typeof t&&t()},C=function executeAfterTransition(t,a){var i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];if(i){var o=5,s=_(a)+o,c=!1,l=function handler(i){i.target===a&&(c=!0,a.removeEventListener(b,handler),P(t))};a.addEventListener(b,l),setTimeout((function(){c||k(a)}),s)}else P(t)};function _slicedToArray(t,a){return function _arrayWithHoles(t){if(Array.isArray(t))return t}(t)||function _iterableToArrayLimit(t,a){var i=null==t?null:"undefined"!==typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null==i)return;var o,s,c=[],l=!0,u=!1;try{for(i=i.call(t);!(l=(o=i.next()).done)&&(c.push(o.value),!a||c.length!==a);l=!0);}catch(f){u=!0,s=f}finally{try{l||null==i.return||i.return()}finally{if(u)throw s}}return c}(t,a)||function event_handler_unsupportedIterableToArray(t,a){if(!t)return;if("string"===typeof t)return event_handler_arrayLikeToArray(t,a);var i=Object.prototype.toString.call(t).slice(8,-1);"Object"===i&&t.constructor&&(i=t.constructor.name);if("Map"===i||"Set"===i)return Array.from(t);if("Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))return event_handler_arrayLikeToArray(t,a)}(t,a)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function event_handler_arrayLikeToArray(t,a){(null==a||a>t.length)&&(a=t.length);for(var i=0,o=new Array(a);i<a;i++)o[i]=t[i];return o}var V=/[^.]*(?=\..*)\.|.*/,x=/\..*/,I=/::\d+$/,j={},N=1,Y={mouseenter:"mouseover",mouseleave:"mouseout"},R=/^(mouseenter|mouseleave)/i,F=new Set(["click","dblclick","mouseup","mousedown","contextmenu","mousewheel","DOMMouseScroll","mouseover","mouseout","mousemove","selectstart","selectend","keydown","keypress","keyup","orientationchange","touchstart","touchmove","touchend","touchcancel","pointerdown","pointermove","pointerup","pointerleave","pointercancel","gesturestart","gesturechange","gestureend","focus","blur","change","reset","select","submit","focusin","focusout","load","unload","beforeunload","resize","move","DOMContentLoaded","readystatechange","error","abort","scroll"]);function getUidEvent(t,a){return a&&"".concat(a,"::").concat(N++)||t.uidEvent||N++}function getEvent(t){var a=getUidEvent(t);return t.uidEvent=a,j[a]=j[a]||{},j[a]}function findHandler(t,a){for(var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o=Object.keys(t),s=0,c=o.length;s<c;s++){var l=t[o[s]];if(l.originalHandler===a&&l.delegationSelector===i)return l}return null}function normalizeParams(t,a,i){var o="string"===typeof a,s=o?i:a,c=getTypeEvent(t);return F.has(c)||(c=t),[o,s,c]}function addHandler(t,a,i,o,s){if("string"===typeof a&&t){if(i||(i=o,o=null),R.test(a)){var c=function wrapFn(t){return function(a){if(!a.relatedTarget||a.relatedTarget!==a.delegateTarget&&!a.delegateTarget.contains(a.relatedTarget))return t.call(this,a)}};o?o=c(o):i=c(i)}var l=_slicedToArray(normalizeParams(a,i,o),3),u=l[0],f=l[1],p=l[2],h=getEvent(t),v=h[p]||(h[p]={}),g=findHandler(v,f,u?i:null);if(g)g.oneOff=g.oneOff&&s;else{var b=getUidEvent(f,a.replace(V,"")),w=u?function bootstrapDelegationHandler(t,a,i){return function handler(o){for(var s=t.querySelectorAll(a),c=o.target;c&&c!==this;c=c.parentNode)for(var l=s.length;l--;)if(s[l]===c)return o.delegateTarget=c,handler.oneOff&&B.off(t,o.type,a,i),i.apply(c,[o]);return null}}(t,i,o):function bootstrapHandler(t,a){return function handler(i){return i.delegateTarget=t,handler.oneOff&&B.off(t,i.type,a),a.apply(t,[i])}}(t,i);w.delegationSelector=u?i:null,w.originalHandler=f,w.oneOff=s,w.uidEvent=b,v[b]=w,t.addEventListener(p,w,u)}}}function removeHandler(t,a,i,o,s){var c=findHandler(a[i],o,s);c&&(t.removeEventListener(i,c,Boolean(s)),delete a[i][c.uidEvent])}function getTypeEvent(t){return t=t.replace(x,""),Y[t]||t}var B={on:function on(t,a,i,o){addHandler(t,a,i,o,!1)},one:function one(t,a,i,o){addHandler(t,a,i,o,!0)},off:function off(t,a,i,o){if("string"===typeof a&&t){var s=_slicedToArray(normalizeParams(a,i,o),3),c=s[0],l=s[1],u=s[2],f=u!==a,p=getEvent(t),h=a.startsWith(".");if("undefined"===typeof l){h&&Object.keys(p).forEach((function(i){!function removeNamespacedHandlers(t,a,i,o){var s=a[i]||{};Object.keys(s).forEach((function(c){if(c.includes(o)){var l=s[c];removeHandler(t,a,i,l.originalHandler,l.delegationSelector)}}))}(t,p,i,a.slice(1))}));var v=p[u]||{};Object.keys(v).forEach((function(i){var o=i.replace(I,"");if(!f||a.includes(o)){var s=v[i];removeHandler(t,p,u,s.originalHandler,s.delegationSelector)}}))}else{if(!p||!p[u])return;removeHandler(t,p,u,l,c?i:null)}}},trigger:function trigger(t,a,i){if("string"!==typeof a||!t)return null;var o,$=S(),s=getTypeEvent(a),c=a!==s,l=F.has(s),u=!0,f=!0,p=!1,h=null;return c&&$&&(o=$.Event(a,i),$(t).trigger(o),u=!o.isPropagationStopped(),f=!o.isImmediatePropagationStopped(),p=o.isDefaultPrevented()),l?(h=document.createEvent("HTMLEvents")).initEvent(s,u,!0):h=new CustomEvent(a,{bubbles:u,cancelable:!0}),"undefined"!==typeof i&&Object.keys(i).forEach((function(t){Object.defineProperty(h,t,{get:function get(){return i[t]}})})),p&&h.preventDefault(),f&&t.dispatchEvent(h),h.defaultPrevented&&"undefined"!==typeof o&&o.preventDefault(),h}},H=B;function normalizeData(t){return"true"===t||"false"!==t&&(t===Number(t).toString()?Number(t):""===t||"null"===t?null:t)}function normalizeDataKey(t){return t.replace(/[A-Z]/g,(function(t){return"-".concat(t.toLowerCase())}))}var W={setDataAttribute:function setDataAttribute(t,a,i){t.setAttribute("data-bs-".concat(normalizeDataKey(a)),i)},removeDataAttribute:function removeDataAttribute(t,a){t.removeAttribute("data-bs-".concat(normalizeDataKey(a)))},getDataAttributes:function getDataAttributes(t){if(!t)return{};var a={};return Object.keys(t.dataset).filter((function(t){return t.startsWith("bs")})).forEach((function(i){var o=i.replace(/^bs/,"");o=o.charAt(0).toLowerCase()+o.slice(1,o.length),a[o]=normalizeData(t.dataset[i])})),a},getDataAttribute:function getDataAttribute(t,a){return normalizeData(t.getAttribute("data-bs-".concat(normalizeDataKey(a))))},offset:function offset(t){var a=t.getBoundingClientRect();return{top:a.top+window.pageYOffset,left:a.left+window.pageXOffset}},position:function position(t){return{top:t.offsetTop,left:t.offsetLeft}}};function selector_engine_toConsumableArray(t){return function selector_engine_arrayWithoutHoles(t){if(Array.isArray(t))return selector_engine_arrayLikeToArray(t)}(t)||function selector_engine_iterableToArray(t){if("undefined"!==typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function selector_engine_unsupportedIterableToArray(t,a){if(!t)return;if("string"===typeof t)return selector_engine_arrayLikeToArray(t,a);var i=Object.prototype.toString.call(t).slice(8,-1);"Object"===i&&t.constructor&&(i=t.constructor.name);if("Map"===i||"Set"===i)return Array.from(t);if("Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))return selector_engine_arrayLikeToArray(t,a)}(t)||function selector_engine_nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function selector_engine_arrayLikeToArray(t,a){(null==a||a>t.length)&&(a=t.length);for(var i=0,o=new Array(a);i<a;i++)o[i]=t[i];return o}var U={find:function find(t){var a,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document.documentElement;return(a=[]).concat.apply(a,selector_engine_toConsumableArray(Element.prototype.querySelectorAll.call(i,t)))},findOne:function findOne(t){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document.documentElement;return Element.prototype.querySelector.call(a,t)},children:function children(t,a){var i;return(i=[]).concat.apply(i,selector_engine_toConsumableArray(t.children)).filter((function(t){return t.matches(a)}))},parents:function parents(t,a){for(var parents=[],i=t.parentNode;i&&i.nodeType===Node.ELEMENT_NODE&&3!==i.nodeType;)i.matches(a)&&parents.push(i),i=i.parentNode;return parents},prev:function prev(t,a){for(var i=t.previousElementSibling;i;){if(i.matches(a))return[i];i=i.previousElementSibling}return[]},next:function next(t,a){for(var next=t.nextElementSibling;next;){if(next.matches(a))return[next];next=next.nextElementSibling}return[]},focusableChildren:function focusableChildren(t){var a=["a","button","input","textarea","select","details","[tabindex]",'[contenteditable="true"]'].map((function(t){return"".concat(t,':not([tabindex^="-"])')})).join(", ");return this.find(a,t).filter((function(t){return!function isDisabled(t){return!t||t.nodeType!==Node.ELEMENT_NODE||!!t.classList.contains("disabled")||("undefined"!==typeof t.disabled?t.disabled:t.hasAttribute("disabled")&&"false"!==t.getAttribute("disabled"))}(t)&&O(t)}))}},z=U,q=new Map,K=function set(t,a,i){q.has(t)||q.set(t,new Map);var o=q.get(t);o.has(a)||0===o.size?o.set(a,i):console.error("Bootstrap doesn't allow more than one instance per element. Bound instance: ".concat(Array.from(o.keys())[0],"."))},X=function get(t,a){return q.has(t)&&q.get(t).get(a)||null},J=function remove(t,a){if(q.has(t)){var i=q.get(t);i.delete(a),0===i.size&&q.delete(t)}};function base_component_typeof(t){return base_component_typeof="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},base_component_typeof(t)}function base_component_defineProperties(t,a){for(var i=0;i<a.length;i++){var o=a[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var Z,G=function(){function BaseComponent(t){!function base_component_classCallCheck(t,a){if(!(t instanceof a))throw new TypeError("Cannot call a class as a function")}(this,BaseComponent),(t=A(t))&&(this._element=t,K(this._element,this.constructor.DATA_KEY,this))}return function base_component_createClass(t,a,i){return a&&base_component_defineProperties(t.prototype,a),i&&base_component_defineProperties(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t}(BaseComponent,[{key:"dispose",value:function dispose(){var t=this;J(this._element,this.constructor.DATA_KEY),H.off(this._element,this.constructor.EVENT_KEY),Object.getOwnPropertyNames(this).forEach((function(a){t[a]=null}))}},{key:"_queueCallback",value:function _queueCallback(t,a){var i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];C(t,a,i)}}],[{key:"getInstance",value:function getInstance(t){return X(A(t),this.DATA_KEY)}},{key:"getOrCreateInstance",value:function getOrCreateInstance(t){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.getInstance(t)||new this(t,"object"===base_component_typeof(a)?a:null)}},{key:"VERSION",get:function get(){return"5.1.3"}},{key:"NAME",get:function get(){throw new Error('You have to implement the static method "NAME", for each component!')}},{key:"DATA_KEY",get:function get(){return"bs.".concat(this.NAME)}},{key:"EVENT_KEY",get:function get(){return".".concat(this.DATA_KEY)}}]),BaseComponent}(),Q=G;function carousel_typeof(t){return carousel_typeof="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},carousel_typeof(t)}function ownKeys(t,a){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);a&&(o=o.filter((function(a){return Object.getOwnPropertyDescriptor(t,a).enumerable}))),i.push.apply(i,o)}return i}function _objectSpread(t){for(var a=1;a<arguments.length;a++){var i=null!=arguments[a]?arguments[a]:{};a%2?ownKeys(Object(i),!0).forEach((function(a){carousel_defineProperty(t,a,i[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(a){Object.defineProperty(t,a,Object.getOwnPropertyDescriptor(i,a))}))}return t}function carousel_defineProperties(t,a){for(var i=0;i<a.length;i++){var o=a[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function _setPrototypeOf(t,a){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,a){return t.__proto__=a,t},_setPrototypeOf(t,a)}function _createSuper(t){var a=function _isNativeReflectConstruct(){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 _createSuperInternal(){var i,o=_getPrototypeOf(t);if(a){var s=_getPrototypeOf(this).constructor;i=Reflect.construct(o,arguments,s)}else i=o.apply(this,arguments);return _possibleConstructorReturn(this,i)}}function _possibleConstructorReturn(t,a){if(a&&("object"===carousel_typeof(a)||"function"===typeof a))return a;if(void 0!==a)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function carousel_defineProperty(t,a,i){return a in t?Object.defineProperty(t,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[a]=i,t}var ee="carousel",te=".".concat("bs.carousel"),ne=".data-api",re={interval:5e3,keyboard:!0,slide:!1,pause:"hover",wrap:!0,touch:!0},ae={interval:"(number|boolean)",keyboard:"boolean",slide:"(boolean|string)",pause:"(string|boolean)",wrap:"boolean",touch:"boolean"},ie="next",oe="prev",se="left",ce="right",le=(carousel_defineProperty(Z={},"ArrowLeft",ce),carousel_defineProperty(Z,"ArrowRight",se),Z),ue="slide".concat(te),de="slid".concat(te),fe="keydown".concat(te),pe="mouseenter".concat(te),he="mouseleave".concat(te),ye="touchstart".concat(te),ve="touchmove".concat(te),me="touchend".concat(te),ge="pointerdown".concat(te),be="pointerup".concat(te),we="dragstart".concat(te),_e="load".concat(te).concat(ne),ke="click".concat(te).concat(ne),De="active",Ee=".active.carousel-item",Ae=function(t){!function _inherits(t,a){if("function"!==typeof a&&null!==a)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(a&&a.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),a&&_setPrototypeOf(t,a)}(Carousel,t);var a=_createSuper(Carousel);function Carousel(t,i){var o;return function carousel_classCallCheck(t,a){if(!(t instanceof a))throw new TypeError("Cannot call a class as a function")}(this,Carousel),(o=a.call(this,t))._items=null,o._interval=null,o._activeElement=null,o._isPaused=!1,o._isSliding=!1,o.touchTimeout=null,o.touchStartX=0,o.touchDeltaX=0,o._config=o._getConfig(i),o._indicatorsElement=z.findOne(".carousel-indicators",o._element),o._touchSupported="ontouchstart"in document.documentElement||navigator.maxTouchPoints>0,o._pointerEvent=Boolean(window.PointerEvent),o._addEventListeners(),o}return function carousel_createClass(t,a,i){return a&&carousel_defineProperties(t.prototype,a),i&&carousel_defineProperties(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t}(Carousel,[{key:"next",value:function next(){this._slide(ie)}},{key:"nextWhenVisible",value:function nextWhenVisible(){!document.hidden&&O(this._element)&&this.next()}},{key:"prev",value:function prev(){this._slide(oe)}},{key:"pause",value:function pause(t){t||(this._isPaused=!0),z.findOne(".carousel-item-next, .carousel-item-prev",this._element)&&(k(this._element),this.cycle(!0)),clearInterval(this._interval),this._interval=null}},{key:"cycle",value:function cycle(t){t||(this._isPaused=!1),this._interval&&(clearInterval(this._interval),this._interval=null),this._config&&this._config.interval&&!this._isPaused&&(this._updateInterval(),this._interval=setInterval((document.visibilityState?this.nextWhenVisible:this.next).bind(this),this._config.interval))}},{key:"to",value:function to(t){var a=this;this._activeElement=z.findOne(Ee,this._element);var i=this._getItemIndex(this._activeElement);if(!(t>this._items.length-1||t<0))if(this._isSliding)H.one(this._element,de,(function(){return a.to(t)}));else{if(i===t)return this.pause(),void this.cycle();var o=t>i?ie:oe;this._slide(o,this._items[t])}}},{key:"_getConfig",value:function _getConfig(t){return t=_objectSpread(_objectSpread(_objectSpread({},re),W.getDataAttributes(this._element)),"object"===carousel_typeof(t)?t:{}),function typeCheckConfig(t,a,i){Object.keys(i).forEach((function(o){var s=i[o],c=a[o],l=c&&E(c)?"element":function toType(t){return null===t||void 0===t?"".concat(t):{}.toString.call(t).match(/\s([a-z]+)/i)[1].toLowerCase()}(c);if(!new RegExp(s).test(l))throw new TypeError("".concat(t.toUpperCase(),': Option "').concat(o,'" provided type "').concat(l,'" but expected type "').concat(s,'".'))}))}(ee,t,ae),t}},{key:"_handleSwipe",value:function _handleSwipe(){var t=Math.abs(this.touchDeltaX);if(!(t<=40)){var a=t/this.touchDeltaX;this.touchDeltaX=0,a&&this._slide(a>0?ce:se)}}},{key:"_addEventListeners",value:function _addEventListeners(){var t=this;this._config.keyboard&&H.on(this._element,fe,(function(a){return t._keydown(a)})),"hover"===this._config.pause&&(H.on(this._element,pe,(function(a){return t.pause(a)})),H.on(this._element,he,(function(a){return t.cycle(a)}))),this._config.touch&&this._touchSupported&&this._addTouchEventListeners()}},{key:"_addTouchEventListeners",value:function _addTouchEventListeners(){var t=this,a=function hasPointerPenTouch(a){return t._pointerEvent&&("pen"===a.pointerType||"touch"===a.pointerType)},i=function start(i){a(i)?t.touchStartX=i.clientX:t._pointerEvent||(t.touchStartX=i.touches[0].clientX)},o=function end(i){a(i)&&(t.touchDeltaX=i.clientX-t.touchStartX),t._handleSwipe(),"hover"===t._config.pause&&(t.pause(),t.touchTimeout&&clearTimeout(t.touchTimeout),t.touchTimeout=setTimeout((function(a){return t.cycle(a)}),500+t._config.interval))};z.find(".carousel-item img",this._element).forEach((function(t){H.on(t,we,(function(t){return t.preventDefault()}))})),this._pointerEvent?(H.on(this._element,ge,(function(t){return i(t)})),H.on(this._element,be,(function(t){return o(t)})),this._element.classList.add("pointer-event")):(H.on(this._element,ye,(function(t){return i(t)})),H.on(this._element,ve,(function(a){return function move(a){t.touchDeltaX=a.touches&&a.touches.length>1?0:a.touches[0].clientX-t.touchStartX}(a)})),H.on(this._element,me,(function(t){return o(t)})))}},{key:"_keydown",value:function _keydown(t){if(!/input|textarea/i.test(t.target.tagName)){var a=le[t.key];a&&(t.preventDefault(),this._slide(a))}}},{key:"_getItemIndex",value:function _getItemIndex(t){return this._items=t&&t.parentNode?z.find(".carousel-item",t.parentNode):[],this._items.indexOf(t)}},{key:"_getItemByOrder",value:function _getItemByOrder(t,a){var i=t===ie;return function getNextActiveElement(t,a,i,o){var s=t.indexOf(a);if(-1===s)return t[!i&&o?t.length-1:0];var c=t.length;return s+=i?1:-1,o&&(s=(s+c)%c),t[Math.max(0,Math.min(s,c-1))]}(this._items,a,i,this._config.wrap)}},{key:"_triggerSlideEvent",value:function _triggerSlideEvent(t,a){var i=this._getItemIndex(t),o=this._getItemIndex(z.findOne(Ee,this._element));return H.trigger(this._element,ue,{relatedTarget:t,direction:a,from:o,to:i})}},{key:"_setActiveIndicatorElement",value:function _setActiveIndicatorElement(t){if(this._indicatorsElement){var a=z.findOne(".active",this._indicatorsElement);a.classList.remove(De),a.removeAttribute("aria-current");for(var i=z.find("[data-bs-target]",this._indicatorsElement),o=0;o<i.length;o++)if(Number.parseInt(i[o].getAttribute("data-bs-slide-to"),10)===this._getItemIndex(t)){i[o].classList.add(De),i[o].setAttribute("aria-current","true");break}}}},{key:"_updateInterval",value:function _updateInterval(){var t=this._activeElement||z.findOne(Ee,this._element);if(t){var a=Number.parseInt(t.getAttribute("data-bs-interval"),10);a?(this._config.defaultInterval=this._config.defaultInterval||this._config.interval,this._config.interval=a):this._config.interval=this._config.defaultInterval||this._config.interval}}},{key:"_slide",value:function _slide(t,a){var i=this,o=this._directionToOrder(t),s=z.findOne(Ee,this._element),c=this._getItemIndex(s),l=a||this._getItemByOrder(o,s),u=this._getItemIndex(l),f=Boolean(this._interval),p=o===ie,h=p?"carousel-item-start":"carousel-item-end",v=p?"carousel-item-next":"carousel-item-prev",g=this._orderToDirection(o);if(l&&l.classList.contains(De))this._isSliding=!1;else if(!this._isSliding&&!this._triggerSlideEvent(l,g).defaultPrevented&&s&&l){this._isSliding=!0,f&&this.pause(),this._setActiveIndicatorElement(l),this._activeElement=l;var b=function triggerSlidEvent(){H.trigger(i._element,de,{relatedTarget:l,direction:g,from:c,to:u})};if(this._element.classList.contains("slide")){l.classList.add(v),function reflow(t){t.offsetHeight}(l),s.classList.add(h),l.classList.add(h);this._queueCallback((function completeCallBack(){l.classList.remove(h,v),l.classList.add(De),s.classList.remove(De,v,h),i._isSliding=!1,setTimeout(b,0)}),s,!0)}else s.classList.remove(De),l.classList.add(De),this._isSliding=!1,b();f&&this.cycle()}}},{key:"_directionToOrder",value:function _directionToOrder(t){return[ce,se].includes(t)?T()?t===se?oe:ie:t===se?ie:oe:t}},{key:"_orderToDirection",value:function _orderToDirection(t){return[ie,oe].includes(t)?T()?t===oe?se:ce:t===oe?ce:se:t}}],[{key:"Default",get:function get(){return re}},{key:"NAME",get:function get(){return ee}},{key:"carouselInterface",value:function carouselInterface(t,a){var i=Carousel.getOrCreateInstance(t,a),o=i._config;"object"===carousel_typeof(a)&&(o=_objectSpread(_objectSpread({},o),a));var s="string"===typeof a?a:o.slide;if("number"===typeof a)i.to(a);else if("string"===typeof s){if("undefined"===typeof i[s])throw new TypeError('No method named "'.concat(s,'"'));i[s]()}else o.interval&&o.ride&&(i.pause(),i.cycle())}},{key:"jQueryInterface",value:function jQueryInterface(t){return this.each((function(){Carousel.carouselInterface(this,t)}))}},{key:"dataApiClickHandler",value:function dataApiClickHandler(t){var a=function getElementFromSelector(t){var a=w(t);return a?document.querySelector(a):null}(this);if(a&&a.classList.contains("carousel")){var i=_objectSpread(_objectSpread({},W.getDataAttributes(a)),W.getDataAttributes(this)),o=this.getAttribute("data-bs-slide-to");o&&(i.interval=!1),Carousel.carouselInterface(a,i),o&&Carousel.getInstance(a).to(o),t.preventDefault()}}}]),Carousel}(Q);H.on(document,ke,"[data-bs-slide], [data-bs-slide-to]",Ae.dataApiClickHandler),H.on(window,_e,(function(){for(var t=z.find('[data-bs-ride="carousel"]'),a=0,i=t.length;a<i;a++)Ae.carouselInterface(t[a],Ae.getInstance(t[a]))})),function defineJQueryPlugin(t){!function onDOMContentLoaded(t){"loading"===document.readyState?(L.length||document.addEventListener("DOMContentLoaded",(function(){L.forEach((function(t){return t()}))})),L.push(t)):t()}((function(){var $=S();if($){var a=t.NAME,i=$.fn[a];$.fn[a]=t.jQueryInterface,$.fn[a].Constructor=t,$.fn[a].noConflict=function(){return $.fn[a]=i,t.jQueryInterface}}}))}(Ae);var Oe=Ae;(function(a){var i="js-carousel",o=function init(){console.log("".concat(i,": init")),document.querySelectorAll(".".concat(i)).forEach((function(t,a){var o=new Oe(t,{interval:!!t.dataset.bsInterval&&parseInt(t.dataset.bsInterval)});t.ui=o;var s=t.querySelectorAll(".carousel-item"),c=parseInt(s.length);if(t.dataset.bsArrows){var l=document.createElement("button");l.classList.add("carousel-control-next"),l.setAttribute("type","button"),l.setAttribute("aria-label","Next Slide"),l.setAttribute("data-bs-target",t.getAttribute("id")),l.setAttribute("data-bs-slide","next"),l.addEventListener("click",(function(t){o.next()})),l.innerHTML='<span class="carousel-control-next-icon" aria-hidden="true"></span><span class="visually-hidden">Next</span>',t.appendChild(l);var u=document.createElement("button");u.setAttribute("type","button"),u.setAttribute("aria-label","Previous Slide"),u.classList.add("carousel-control-prev"),u.setAttribute("data-bs-target",t.getAttribute("id")),u.setAttribute("data-bs-slide","prev"),u.addEventListener("click",(function(t){o.prev()})),u.innerHTML='<span class="carousel-control-prev-icon" aria-hidden="true"></span><span class="visually-hidden">Previous</span>',t.appendChild(u)}if(t.dataset.bsIndicators&&function(){var a=document.createElement("div");a.classList.add("carousel-indicators");for(var i=0;i<c;){var s=document.createElement("button");s.setAttribute("type","button"),s.setAttribute("aria-label","Slide to #".concat(i+1)),0==i&&s.classList.add("active"),s.setAttribute("data-bs-target",t.getAttribute("id")),s.setAttribute("data-bs-slide-to",i),s.addEventListener("click",(function(t){var i=t.target;o.to(i.getAttribute("data-bs-slide-to")),a.querySelectorAll(".active").forEach((function(t){t.classList.remove("active")})),i.classList.add("active")})),a.appendChild(s),i++}t.appendChild(a),t.addEventListener("slide.bs.carousel",(function(a){t.querySelectorAll(".carousel-indicators .active").forEach((function(t){t.classList.remove("active")})),t.querySelectorAll('.carousel-indicators [data-bs-slide-to="'.concat(a.to,'"]')).forEach((function(t){t.classList.add("active")}))}))}(),t.classList.contains("carousel-multislide")){var f=new ResizeObserver((function(t){var a=t[0],i=a.target,s=a.contentRect,l=i.querySelectorAll(".carousel-item"),u=s.width,f=(s.height,Math.min(parseInt(i.dataset.length),c)),p=u/f;i.dataset.itemWidth=p,i.dataset.numToDisplay=f,i.querySelector(".carousel-inner").style.width="".concat(c*p,"px"),l.forEach((function(t,a){t.style.width="".concat(p,"px")})),c===f&&(i.classList.add("js-carousel-no-slide"),o.pause())}));f.observe(t),t.addEventListener("slide.bs.carousel",(function(a){var i=t.querySelector(".carousel-inner");switch(a.direction){case"left":case"right":i.style.left="".concat(-a.to*t.dataset.itemWidth,"px")}})),t.classList.add("".concat(i,"-multislide-active"))}else 1===s.length&&t.classList.add("js-carousel-no-slide");t.classList.add("".concat(i,"-active"))}))};a.addEventListener("".concat(t.LODEDANDREADY),o),a.addEventListener("".concat(t.AJAX),o)})(window),function(a){var i="js-dropdown",o=function HideAll(){document.querySelectorAll(".dropdown-menu").forEach((function(t,a){t.classList.remove("show")}))},s=function Show(t){t.currentTarget.querySelector(".dropdown-menu").classList.add("show")},c=function Hide(t){t.currentTarget.querySelector(".dropdown-menu").classList.remove("show")},l=function init(){console.log("".concat(i,": init"));var t=document.querySelectorAll(".".concat(i,',[data-bs-toggle="dropdown"]')),a=document.querySelectorAll('[data-bs-toggle="hover"]'),l=function attachClickEvents(t){t.addEventListener("click",(function(t){t.preventDefault(),function Toggle(t){o(),t.querySelector(".dropdown-menu").classList.toggle("show")}(t.currentTarget.closest(".dropdown"))})),t.classList.add("".concat(i,"-active"))};document.addEventListener("click",(function(t){var a=!1,i=t.path||t.composedPath&&t.composedPath();i||console.warn("Browser does not provide event path to hide dropdowns on outside click"),i.forEach((function(t,i){a||(t===document&&o(),t.classList&&t.classList.contains("dropdown-toggle")&&(a=!0))}))})),a.forEach((function(t,a){!function attachHoverEvents(t){t.addEventListener("mouseover",s,!1),t.addEventListener("mouseout",c,!1),t.classList.add("".concat(i,"-active"))}(t.closest(".dropdown"))})),t.forEach((function(t,a){l(t)}))};a.addEventListener("".concat(t.LODEDANDREADY),l),a.addEventListener("".concat(t.AJAX),l)}(window);function hasProperty(t,a){return Object.prototype.hasOwnProperty.call(t,a)}function lastItemOf(t){return t[t.length-1]}function pushUnique(t){for(var a=arguments.length,i=new Array(a>1?a-1:0),o=1;o<a;o++)i[o-1]=arguments[o];return i.forEach((function(a){t.includes(a)||t.push(a)})),t}function stringToArray(t,a){return t?t.split(a):[]}function isInRange(t,a,i){return(void 0===a||t>=a)&&(void 0===i||t<=i)}function limitToRange(t,a,i){return t<a?a:t>i?i:t}function createTagRepeat(t,a){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",c=Object.keys(i).reduce((function(t,a){var s=i[a];return"function"===typeof s&&(s=s(o)),"".concat(t," ").concat(a,'="').concat(s,'"')}),t);s+="<".concat(c,"></").concat(t,">");var l=o+1;return l<a?createTagRepeat(t,a,i,l,s):s}function optimizeTemplateHTML(t){return t.replace(/>\s+/g,">").replace(/\s+</,"<")}function stripTime(t){return new Date(t).setHours(0,0,0,0)}function today(){return(new Date).setHours(0,0,0,0)}function dateValue(){switch(arguments.length){case 0:return today();case 1:return stripTime(arguments.length<=0?void 0:arguments[0])}var t=new Date(0);return t.setFullYear.apply(t,arguments),t.setHours(0,0,0,0)}function addDays(t,a){var i=new Date(t);return i.setDate(i.getDate()+a)}function addMonths(t,a){var i=new Date(t),o=i.getMonth()+a,s=o%12;s<0&&(s+=12);var c=i.setMonth(o);return i.getMonth()!==s?i.setDate(0):c}function addYears(t,a){var i=new Date(t),o=i.getMonth(),s=i.setFullYear(i.getFullYear()+a);return 1===o&&2===i.getMonth()?i.setDate(0):s}function dayDiff(t,a){return(t-a+7)%7}function dayOfTheWeekOf(t,a){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,o=new Date(t).getDay();return addDays(t,dayDiff(a,i)-dayDiff(o,i))}function startOfYearPeriod(t,a){var i=new Date(t).getFullYear();return Math.floor(i/a)*a}function regularizeDate(t,a,i){if(1!==a&&2!==a)return t;var o=new Date(t);return 1===a?i?o.setMonth(o.getMonth()+1,0):o.setDate(1):i?o.setFullYear(o.getFullYear()+1,0,0):o.setMonth(0,1),o.setHours(0,0,0,0)}var Se=/dd?|DD?|mm?|MM?|yy?(?:yy)?/,Le=/[\s!-/:-@[-`{-~\u5e74\u6708\u65e5]+/,Te={},Pe={y:function y(t,a){return new Date(t).setFullYear(parseInt(a,10))},m:function m(t,a,i){var o=new Date(t),s=parseInt(a,10)-1;if(isNaN(s)){if(!a)return NaN;var c=a.toLowerCase(),l=function compareNames(t){return t.toLowerCase().startsWith(c)};if((s=i.monthsShort.findIndex(l))<0&&(s=i.months.findIndex(l)),s<0)return NaN}return o.setMonth(s),o.getMonth()!==normalizeMonth(s)?o.setDate(0):o.getTime()},d:function d(t,a){return new Date(t).setDate(parseInt(a,10))}},Ce={d:function d(t){return t.getDate()},dd:function dd(t){return padZero(t.getDate(),2)},D:function D(t,a){return a.daysShort[t.getDay()]},DD:function DD(t,a){return a.days[t.getDay()]},m:function m(t){return t.getMonth()+1},mm:function mm(t){return padZero(t.getMonth()+1,2)},M:function M(t,a){return a.monthsShort[t.getMonth()]},MM:function MM(t,a){return a.months[t.getMonth()]},y:function y(t){return t.getFullYear()},yy:function yy(t){return padZero(t.getFullYear(),2).slice(-2)},yyyy:function yyyy(t){return padZero(t.getFullYear(),4)}};function normalizeMonth(t){return t>-1?t%12:normalizeMonth(t+12)}function padZero(t,a){return t.toString().padStart(a,"0")}function parseFormatString(t){if("string"!==typeof t)throw new Error("Invalid date format.");if(t in Te)return Te[t];var a=t.split(Se),i=t.match(new RegExp(Se,"g"));if(0===a.length||!i)throw new Error("Invalid date format.");var o=i.map((function(t){return Ce[t]})),s=Object.keys(Pe).reduce((function(t,a){return i.find((function(t){return"D"!==t[0]&&t[0].toLowerCase()===a}))&&t.push(a),t}),[]);return Te[t]={parser:function parser(t,a){var o=t.split(Le).reduce((function(t,a,o){if(a.length>0&&i[o]){var s=i[o][0];"M"===s?t.m=a:"D"!==s&&(t[s]=a)}return t}),{});return s.reduce((function(t,i){var s=Pe[i](t,o[i],a);return isNaN(s)?t:s}),today())},formatter:function formatter(t,i){return o.reduce((function(o,s,c){return o+"".concat(a[c]).concat(s(t,i))}),"")+lastItemOf(a)}}}function date_format_parseDate(t,a,i){if(t instanceof Date||"number"===typeof t){var o=stripTime(t);return isNaN(o)?void 0:o}if(t){if("today"===t)return today();if(a&&a.toValue){var s=a.toValue(t,a,i);return isNaN(s)?void 0:stripTime(s)}return parseFormatString(a).parser(t,i)}}function date_format_formatDate(t,a,i){if(isNaN(t)||!t&&0!==t)return"";var o="number"===typeof t?new Date(t):t;return a.toDisplay?a.toDisplay(o,a,i):parseFormatString(a).formatter(o,i)}var Ve=document.createRange();function parseHTML(t){return Ve.createContextualFragment(t)}function getParent(t){return t.parentElement||(t.parentNode instanceof ShadowRoot?t.parentNode.host:void 0)}function isActiveElement(t){return t.getRootNode().activeElement===t}function hideElement(t){"none"!==t.style.display&&(t.style.display&&(t.dataset.styleDisplay=t.style.display),t.style.display="none")}function showElement(t){"none"===t.style.display&&(t.dataset.styleDisplay?(t.style.display=t.dataset.styleDisplay,delete t.dataset.styleDisplay):t.style.display="")}function emptyChildNodes(t){t.firstChild&&(t.removeChild(t.firstChild),emptyChildNodes(t))}function _toArray(t){return function event_arrayWithHoles(t){if(Array.isArray(t))return t}(t)||event_iterableToArray(t)||event_unsupportedIterableToArray(t)||function event_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function event_toConsumableArray(t){return function event_arrayWithoutHoles(t){if(Array.isArray(t))return event_arrayLikeToArray(t)}(t)||event_iterableToArray(t)||event_unsupportedIterableToArray(t)||function event_nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function event_unsupportedIterableToArray(t,a){if(t){if("string"===typeof t)return event_arrayLikeToArray(t,a);var i=Object.prototype.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?event_arrayLikeToArray(t,a):void 0}}function event_iterableToArray(t){if("undefined"!==typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function event_arrayLikeToArray(t,a){(null==a||a>t.length)&&(a=t.length);for(var i=0,o=new Array(a);i<a;i++)o[i]=t[i];return o}var Me=new WeakMap,xe=EventTarget.prototype,Ie=xe.addEventListener,je=xe.removeEventListener;function registerListeners(t,a){var i=Me.get(t);i||(i=[],Me.set(t,i)),a.forEach((function(t){Ie.call.apply(Ie,event_toConsumableArray(t)),i.push(t)}))}if(!Event.prototype.composedPath){var Ne=function getComposedPath(t){var a,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return i.push(t),t.parentNode?a=t.parentNode:t.host?a=t.host:t.defaultView&&(a=t.defaultView),a?getComposedPath(a,i):i};Event.prototype.composedPath=function(){return Ne(this.target)}}function findFromPath(t,a,i){var o=_toArray(t),s=o[0],c=o.slice(1);return a(s)?s:s!==i&&"HTML"!==s.tagName&&0!==c.length?findFromPath(c,a,i):void 0}function findElementInEventPath(t,a){var i="function"===typeof a?a:function(t){return t instanceof Element&&t.matches(a)};return findFromPath(t.composedPath(),i,t.currentTarget)}var Ye={en:{days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],daysShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],daysMin:["Su","Mo","Tu","We","Th","Fr","Sa"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],monthsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],today:"Today",clear:"Clear",titleFormat:"MM y"}},Re={autohide:!1,beforeShowDay:null,beforeShowDecade:null,beforeShowMonth:null,beforeShowYear:null,calendarWeeks:!1,clearBtn:!1,dateDelimiter:",",datesDisabled:[],daysOfWeekDisabled:[],daysOfWeekHighlighted:[],defaultViewDate:void 0,disableTouchKeyboard:!1,format:"mm/dd/yyyy",language:"en",maxDate:null,maxNumberOfDates:1,maxView:3,minDate:null,nextArrow:"\xbb",orientation:"auto",pickLevel:0,prevArrow:"\xab",showDaysOfWeek:!0,showOnClick:!0,showOnFocus:!0,startView:0,title:"",todayBtn:!1,todayBtnMode:0,todayHighlight:!1,updateOnBlur:!0,weekStart:0},Fe=Re.language,Be=Re.format,He=Re.weekStart;function sanitizeDOW(t,a){return t.length<6&&a>=0&&a<7?pushUnique(t,a):t}function calcEndOfWeek(t){return(t+6)%7}function validateDate(t,a,i,o){var s=date_format_parseDate(t,a,i);return void 0!==s?s:o}function validateViewId(t,a){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:3,o=parseInt(t,10);return o>=0&&o<=i?o:a}function processOptions(t,a){var i,o=Object.assign({},t),s={},c=a.constructor.locales,l=a.rangeSideIndex,u=a.config||{},f=u.format,p=u.language,h=u.locale,v=u.maxDate,g=u.maxView,b=u.minDate,w=u.pickLevel,_=u.startView,k=u.weekStart;if(o.language&&(o.language!==p&&(c[o.language]?i=o.language:void 0===c[i=o.language.split("-")[0]]&&(i=!1)),delete o.language,i)){p=s.language=i;var E=h||c[Fe];h=Object.assign({format:Be,weekStart:He},c[Fe]),p!==Fe&&Object.assign(h,c[p]),s.locale=h,f===E.format&&(f=s.format=h.format),k===E.weekStart&&(k=s.weekStart=h.weekStart,s.weekEnd=calcEndOfWeek(h.weekStart))}if(o.format){var A="function"===typeof o.format.toDisplay,O="function"===typeof o.format.toValue,S=Se.test(o.format);(A&&O||S)&&(f=s.format=o.format),delete o.format}var L=w;void 0!==o.pickLevel&&(L=validateViewId(o.pickLevel,2),delete o.pickLevel),L!==w&&(L>w&&(void 0===o.minDate&&(o.minDate=b),void 0===o.maxDate&&(o.maxDate=v)),o.datesDisabled||(o.datesDisabled=[]),w=s.pickLevel=L);var T=b,P=v;if(void 0!==o.minDate){var C=dateValue(0,0,1);(T=null===o.minDate?C:validateDate(o.minDate,f,h,T))!==C&&(T=regularizeDate(T,w,!1)),delete o.minDate}if(void 0!==o.maxDate&&(void 0!==(P=null===o.maxDate?void 0:validateDate(o.maxDate,f,h,P))&&(P=regularizeDate(P,w,!0)),delete o.maxDate),P<T?(b=s.minDate=P,v=s.maxDate=T):(b!==T&&(b=s.minDate=T),v!==P&&(v=s.maxDate=P)),o.datesDisabled&&(s.datesDisabled=o.datesDisabled.reduce((function(t,a){var i=date_format_parseDate(a,f,h);return void 0!==i?pushUnique(t,regularizeDate(i,w,l)):t}),[]),delete o.datesDisabled),void 0!==o.defaultViewDate){var V=date_format_parseDate(o.defaultViewDate,f,h);void 0!==V&&(s.defaultViewDate=V),delete o.defaultViewDate}if(void 0!==o.weekStart){var x=Number(o.weekStart)%7;isNaN(x)||(k=s.weekStart=x,s.weekEnd=calcEndOfWeek(x)),delete o.weekStart}if(o.daysOfWeekDisabled&&(s.daysOfWeekDisabled=o.daysOfWeekDisabled.reduce(sanitizeDOW,[]),delete o.daysOfWeekDisabled),o.daysOfWeekHighlighted&&(s.daysOfWeekHighlighted=o.daysOfWeekHighlighted.reduce(sanitizeDOW,[]),delete o.daysOfWeekHighlighted),void 0!==o.maxNumberOfDates){var I=parseInt(o.maxNumberOfDates,10);I>=0&&(s.maxNumberOfDates=I,s.multidate=1!==I),delete o.maxNumberOfDates}o.dateDelimiter&&(s.dateDelimiter=String(o.dateDelimiter),delete o.dateDelimiter);var j=g;void 0!==o.maxView&&(j=validateViewId(o.maxView,g),delete o.maxView),(j=w>j?w:j)!==g&&(g=s.maxView=j);var N=_;if(void 0!==o.startView&&(N=validateViewId(o.startView,N),delete o.startView),N<w?N=w:N>g&&(N=g),N!==_&&(s.startView=N),o.prevArrow){var Y=parseHTML(o.prevArrow);Y.childNodes.length>0&&(s.prevArrow=Y.childNodes),delete o.prevArrow}if(o.nextArrow){var R=parseHTML(o.nextArrow);R.childNodes.length>0&&(s.nextArrow=R.childNodes),delete o.nextArrow}if(void 0!==o.disableTouchKeyboard&&(s.disableTouchKeyboard="ontouchstart"in document&&!!o.disableTouchKeyboard,delete o.disableTouchKeyboard),o.orientation){var F=o.orientation.toLowerCase().split(/\s+/g);s.orientation={x:F.find((function(t){return"left"===t||"right"===t}))||"auto",y:F.find((function(t){return"top"===t||"bottom"===t}))||"auto"},delete o.orientation}if(void 0!==o.todayBtnMode){switch(o.todayBtnMode){case 0:case 1:s.todayBtnMode=o.todayBtnMode}delete o.todayBtnMode}return Object.keys(o).forEach((function(t){void 0!==o[t]&&hasProperty(Re,t)&&(s[t]=o[t])})),s}var We=optimizeTemplateHTML('<div class="datepicker">\n  <div class="datepicker-picker">\n    <div class="datepicker-header">\n      <div class="datepicker-title"></div>\n      <div class="datepicker-controls">\n        <button type="button" class="%buttonClass% prev-btn"></button>\n        <button type="button" class="%buttonClass% view-switch"></button>\n        <button type="button" class="%buttonClass% next-btn"></button>\n      </div>\n    </div>\n    <div class="datepicker-main"></div>\n    <div class="datepicker-footer">\n      <div class="datepicker-controls">\n        <button type="button" class="%buttonClass% today-btn"></button>\n        <button type="button" class="%buttonClass% clear-btn"></button>\n      </div>\n    </div>\n  </div>\n</div>'),Ue=optimizeTemplateHTML('<div class="days">\n  <div class="days-of-week">'.concat(createTagRepeat("span",7,{class:"dow"}),'</div>\n  <div class="datepicker-grid">').concat(createTagRepeat("span",42),"</div>\n</div>")),ze=optimizeTemplateHTML('<div class="calendar-weeks">\n  <div class="days-of-week"><span class="dow"></span></div>\n  <div class="weeks">'.concat(createTagRepeat("span",6,{class:"week"}),"</div>\n</div>"));function View_toConsumableArray(t){return function View_arrayWithoutHoles(t){if(Array.isArray(t))return View_arrayLikeToArray(t)}(t)||function View_iterableToArray(t){if("undefined"!==typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function View_unsupportedIterableToArray(t,a){if(!t)return;if("string"===typeof t)return View_arrayLikeToArray(t,a);var i=Object.prototype.toString.call(t).slice(8,-1);"Object"===i&&t.constructor&&(i=t.constructor.name);if("Map"===i||"Set"===i)return Array.from(t);if("Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))return View_arrayLikeToArray(t,a)}(t)||function View_nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function View_arrayLikeToArray(t,a){(null==a||a>t.length)&&(a=t.length);for(var i=0,o=new Array(a);i<a;i++)o[i]=t[i];return o}function View_typeof(t){return View_typeof="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},View_typeof(t)}function View_defineProperties(t,a){for(var i=0;i<a.length;i++){var o=a[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var qe=function(){function View(t,a){!function View_classCallCheck(t,a){if(!(t instanceof a))throw new TypeError("Cannot call a class as a function")}(this,View),Object.assign(this,a,{picker:t,element:parseHTML('<div class="datepicker-view"></div>').firstChild,selected:[]}),this.init(this.picker.datepicker.config)}return function View_createClass(t,a,i){return a&&View_defineProperties(t.prototype,a),i&&View_defineProperties(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t}(View,[{key:"init",value:function init(t){void 0!==t.pickLevel&&(this.isMinView=this.id===t.pickLevel),this.setOptions(t),this.updateFocus(),this.updateSelection()}},{key:"performBeforeHook",value:function performBeforeHook(t,a,i){var o=this.beforeShow(new Date(i));switch(View_typeof(o)){case"boolean":o={enabled:o};break;case"string":o={classes:o}}if(o){if(!1===o.enabled&&(t.classList.add("disabled"),pushUnique(this.disabled,a)),o.classes){var s,c=o.classes.split(/\s+/);(s=t.classList).add.apply(s,View_toConsumableArray(c)),c.includes("disabled")&&pushUnique(this.disabled,a)}o.content&&function replaceChildNodes(t,a){emptyChildNodes(t),a instanceof DocumentFragment?t.appendChild(a):"string"===typeof a?t.appendChild(parseHTML(a)):"function"===typeof a.forEach&&a.forEach((function(a){t.appendChild(a)}))}(t,o.content)}}}]),View}();function DaysView_typeof(t){return DaysView_typeof="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},DaysView_typeof(t)}function DaysView_slicedToArray(t,a){return function DaysView_arrayWithHoles(t){if(Array.isArray(t))return t}(t)||function DaysView_iterableToArrayLimit(t,a){var i=null==t?null:"undefined"!==typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null==i)return;var o,s,c=[],l=!0,u=!1;try{for(i=i.call(t);!(l=(o=i.next()).done)&&(c.push(o.value),!a||c.length!==a);l=!0);}catch(f){u=!0,s=f}finally{try{l||null==i.return||i.return()}finally{if(u)throw s}}return c}(t,a)||DaysView_unsupportedIterableToArray(t,a)||function DaysView_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function DaysView_toConsumableArray(t){return function DaysView_arrayWithoutHoles(t){if(Array.isArray(t))return DaysView_arrayLikeToArray(t)}(t)||function DaysView_iterableToArray(t){if("undefined"!==typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||DaysView_unsupportedIterableToArray(t)||function DaysView_nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function DaysView_unsupportedIterableToArray(t,a){if(t){if("string"===typeof t)return DaysView_arrayLikeToArray(t,a);var i=Object.prototype.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?DaysView_arrayLikeToArray(t,a):void 0}}function DaysView_arrayLikeToArray(t,a){(null==a||a>t.length)&&(a=t.length);for(var i=0,o=new Array(a);i<a;i++)o[i]=t[i];return o}function DaysView_defineProperties(t,a){for(var i=0;i<a.length;i++){var o=a[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function _get(){return _get="undefined"!==typeof Reflect&&Reflect.get?Reflect.get:function _get(t,a,i){var o=_superPropBase(t,a);if(o){var s=Object.getOwnPropertyDescriptor(o,a);return s.get?s.get.call(arguments.length<3?t:i):s.value}},_get.apply(this,arguments)}function _superPropBase(t,a){for(;!Object.prototype.hasOwnProperty.call(t,a)&&null!==(t=DaysView_getPrototypeOf(t)););return t}function DaysView_setPrototypeOf(t,a){return DaysView_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,a){return t.__proto__=a,t},DaysView_setPrototypeOf(t,a)}function DaysView_createSuper(t){var a=function DaysView_isNativeReflectConstruct(){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 _createSuperInternal(){var i,o=DaysView_getPrototypeOf(t);if(a){var s=DaysView_getPrototypeOf(this).constructor;i=Reflect.construct(o,arguments,s)}else i=o.apply(this,arguments);return DaysView_possibleConstructorReturn(this,i)}}function DaysView_possibleConstructorReturn(t,a){if(a&&("object"===DaysView_typeof(a)||"function"===typeof a))return a;if(void 0!==a)throw new TypeError("Derived constructors may only return object or undefined");return function DaysView_assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function DaysView_getPrototypeOf(t){return DaysView_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},DaysView_getPrototypeOf(t)}var Ke=function(t){!function DaysView_inherits(t,a){if("function"!==typeof a&&null!==a)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(a&&a.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),a&&DaysView_setPrototypeOf(t,a)}(DaysView,t);var a=DaysView_createSuper(DaysView);function DaysView(t){return function DaysView_classCallCheck(t,a){if(!(t instanceof a))throw new TypeError("Cannot call a class as a function")}(this,DaysView),a.call(this,t,{id:0,name:"days",cellClass:"day"})}return function DaysView_createClass(t,a,i){return a&&DaysView_defineProperties(t.prototype,a),i&&DaysView_defineProperties(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t}(DaysView,[{key:"init",value:function init(t){var a=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(a){var i=parseHTML(Ue).firstChild;this.dow=i.firstChild,this.grid=i.lastChild,this.element.appendChild(i)}_get(DaysView_getPrototypeOf(DaysView.prototype),"init",this).call(this,t)}},{key:"setOptions",value:function setOptions(t){var a,i=this;if(hasProperty(t,"minDate")&&(this.minDate=t.minDate),hasProperty(t,"maxDate")&&(this.maxDate=t.maxDate),t.datesDisabled&&(this.datesDisabled=t.datesDisabled),t.daysOfWeekDisabled&&(this.daysOfWeekDisabled=t.daysOfWeekDisabled,a=!0),t.daysOfWeekHighlighted&&(this.daysOfWeekHighlighted=t.daysOfWeekHighlighted),void 0!==t.todayHighlight&&(this.todayHighlight=t.todayHighlight),void 0!==t.weekStart&&(this.weekStart=t.weekStart,this.weekEnd=t.weekEnd,a=!0),t.locale){var o=this.locale=t.locale;this.dayNames=o.daysMin,this.switchLabelFormat=o.titleFormat,a=!0}if(void 0!==t.beforeShowDay&&(this.beforeShow="function"===typeof t.beforeShowDay?t.beforeShowDay:void 0),void 0!==t.calendarWeeks)if(t.calendarWeeks&&!this.calendarWeeks){var s=parseHTML(ze).firstChild;this.calendarWeeks={element:s,dow:s.firstChild,weeks:s.lastChild},this.element.insertBefore(s,this.element.firstChild)}else this.calendarWeeks&&!t.calendarWeeks&&(this.element.removeChild(this.calendarWeeks.element),this.calendarWeeks=null);void 0!==t.showDaysOfWeek&&(t.showDaysOfWeek?(showElement(this.dow),this.calendarWeeks&&showElement(this.calendarWeeks.dow)):(hideElement(this.dow),this.calendarWeeks&&hideElement(this.calendarWeeks.dow))),a&&Array.from(this.dow.children).forEach((function(t,a){var o=(i.weekStart+a)%7;t.textContent=i.dayNames[o],t.className=i.daysOfWeekDisabled.includes(o)?"dow disabled":"dow"}))}},{key:"updateFocus",value:function updateFocus(){var t=new Date(this.picker.viewDate),a=t.getFullYear(),i=t.getMonth(),o=dateValue(a,i,1),s=dayOfTheWeekOf(o,this.weekStart,this.weekStart);this.first=o,this.last=dateValue(a,i+1,0),this.start=s,this.focused=this.picker.viewDate}},{key:"updateSelection",value:function updateSelection(){var t=this.picker.datepicker,a=t.dates,i=t.rangepicker;this.selected=a,i&&(this.range=i.dates)}},{key:"render",value:function render(){var t=this;this.today=this.todayHighlight?today():void 0,this.disabled=DaysView_toConsumableArray(this.datesDisabled);var a=date_format_formatDate(this.focused,this.switchLabelFormat,this.locale);if(this.picker.setViewSwitchLabel(a),this.picker.setPrevBtnDisabled(this.first<=this.minDate),this.picker.setNextBtnDisabled(this.last>=this.maxDate),this.calendarWeeks){var i=dayOfTheWeekOf(this.first,1,1);Array.from(this.calendarWeeks.weeks.children).forEach((function(t,a){t.textContent=function getWeek(t){var a=dayOfTheWeekOf(t,4,1),i=dayOfTheWeekOf(new Date(a).setMonth(0,4),4,1);return Math.round((a-i)/6048e5)+1}(function addWeeks(t,a){return addDays(t,7*a)}(i,a))}))}Array.from(this.grid.children).forEach((function(a,i){var o=a.classList,s=addDays(t.start,i),c=new Date(s),l=c.getDay();if(a.className="datepicker-cell ".concat(t.cellClass),a.dataset.date=s,a.textContent=c.getDate(),s<t.first?o.add("prev"):s>t.last&&o.add("next"),t.today===s&&o.add("today"),(s<t.minDate||s>t.maxDate||t.disabled.includes(s))&&o.add("disabled"),t.daysOfWeekDisabled.includes(l)&&(o.add("disabled"),pushUnique(t.disabled,s)),t.daysOfWeekHighlighted.includes(l)&&o.add("highlighted"),t.range){var u=DaysView_slicedToArray(t.range,2),f=u[0],p=u[1];s>f&&s<p&&o.add("range"),s===f&&o.add("range-start"),s===p&&o.add("range-end")}t.selected.includes(s)&&o.add("selected"),s===t.focused&&o.add("focused"),t.beforeShow&&t.performBeforeHook(a,s,s)}))}},{key:"refresh",value:function refresh(){var t=this,a=DaysView_slicedToArray(this.range||[],2),i=a[0],o=a[1];this.grid.querySelectorAll(".range, .range-start, .range-end, .selected, .focused").forEach((function(t){t.classList.remove("range","range-start","range-end","selected","focused")})),Array.from(this.grid.children).forEach((function(a){var s=Number(a.dataset.date),c=a.classList;s>i&&s<o&&c.add("range"),s===i&&c.add("range-start"),s===o&&c.add("range-end"),t.selected.includes(s)&&c.add("selected"),s===t.focused&&c.add("focused")}))}},{key:"refreshFocus",value:function refreshFocus(){var t=Math.round((this.focused-this.start)/864e5);this.grid.querySelectorAll(".focused").forEach((function(t){t.classList.remove("focused")})),this.grid.children[t].classList.add("focused")}}]),DaysView}(qe);function MonthsView_typeof(t){return MonthsView_typeof="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},MonthsView_typeof(t)}function MonthsView_defineProperties(t,a){for(var i=0;i<a.length;i++){var o=a[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function MonthsView_get(){return MonthsView_get="undefined"!==typeof Reflect&&Reflect.get?Reflect.get:function _get(t,a,i){var o=MonthsView_superPropBase(t,a);if(o){var s=Object.getOwnPropertyDescriptor(o,a);return s.get?s.get.call(arguments.length<3?t:i):s.value}},MonthsView_get.apply(this,arguments)}function MonthsView_superPropBase(t,a){for(;!Object.prototype.hasOwnProperty.call(t,a)&&null!==(t=MonthsView_getPrototypeOf(t)););return t}function MonthsView_setPrototypeOf(t,a){return MonthsView_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,a){return t.__proto__=a,t},MonthsView_setPrototypeOf(t,a)}function MonthsView_createSuper(t){var a=function MonthsView_isNativeReflectConstruct(){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 _createSuperInternal(){var i,o=MonthsView_getPrototypeOf(t);if(a){var s=MonthsView_getPrototypeOf(this).constructor;i=Reflect.construct(o,arguments,s)}else i=o.apply(this,arguments);return MonthsView_possibleConstructorReturn(this,i)}}function MonthsView_possibleConstructorReturn(t,a){if(a&&("object"===MonthsView_typeof(a)||"function"===typeof a))return a;if(void 0!==a)throw new TypeError("Derived constructors may only return object or undefined");return function MonthsView_assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function MonthsView_getPrototypeOf(t){return MonthsView_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},MonthsView_getPrototypeOf(t)}function MonthsView_slicedToArray(t,a){return function MonthsView_arrayWithHoles(t){if(Array.isArray(t))return t}(t)||function MonthsView_iterableToArrayLimit(t,a){var i=null==t?null:"undefined"!==typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null==i)return;var o,s,c=[],l=!0,u=!1;try{for(i=i.call(t);!(l=(o=i.next()).done)&&(c.push(o.value),!a||c.length!==a);l=!0);}catch(f){u=!0,s=f}finally{try{l||null==i.return||i.return()}finally{if(u)throw s}}return c}(t,a)||function MonthsView_unsupportedIterableToArray(t,a){if(!t)return;if("string"===typeof t)return MonthsView_arrayLikeToArray(t,a);var i=Object.prototype.toString.call(t).slice(8,-1);"Object"===i&&t.constructor&&(i=t.constructor.name);if("Map"===i||"Set"===i)return Array.from(t);if("Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))return MonthsView_arrayLikeToArray(t,a)}(t,a)||function MonthsView_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function MonthsView_arrayLikeToArray(t,a){(null==a||a>t.length)&&(a=t.length);for(var i=0,o=new Array(a);i<a;i++)o[i]=t[i];return o}function computeMonthRange(t,a){if(t&&t[0]&&t[1]){var i=MonthsView_slicedToArray(t,2),o=MonthsView_slicedToArray(i[0],2),s=o[0],c=o[1],l=MonthsView_slicedToArray(i[1],2),u=l[0],f=l[1];if(!(s>a||u<a))return[s===a?c:-1,u===a?f:12]}}var Xe=function(t){!function MonthsView_inherits(t,a){if("function"!==typeof a&&null!==a)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(a&&a.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),a&&MonthsView_setPrototypeOf(t,a)}(MonthsView,t);var a=MonthsView_createSuper(MonthsView);function MonthsView(t){return function MonthsView_classCallCheck(t,a){if(!(t instanceof a))throw new TypeError("Cannot call a class as a function")}(this,MonthsView),a.call(this,t,{id:1,name:"months",cellClass:"month"})}return function MonthsView_createClass(t,a,i){return a&&MonthsView_defineProperties(t.prototype,a),i&&MonthsView_defineProperties(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t}(MonthsView,[{key:"init",value:function init(t){var a=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];a&&(this.grid=this.element,this.element.classList.add("months","datepicker-grid"),this.grid.appendChild(parseHTML(createTagRepeat("span",12,{"data-month":function dataMonth(t){return t}})))),MonthsView_get(MonthsView_getPrototypeOf(MonthsView.prototype),"init",this).call(this,t)}},{key:"setOptions",value:function setOptions(t){if(t.locale&&(this.monthNames=t.locale.monthsShort),hasProperty(t,"minDate"))if(void 0===t.minDate)this.minYear=this.minMonth=this.minDate=void 0;else{var a=new Date(t.minDate);this.minYear=a.getFullYear(),this.minMonth=a.getMonth(),this.minDate=a.setDate(1)}if(hasProperty(t,"maxDate"))if(void 0===t.maxDate)this.maxYear=this.maxMonth=this.maxDate=void 0;else{var i=new Date(t.maxDate);this.maxYear=i.getFullYear(),this.maxMonth=i.getMonth(),this.maxDate=dateValue(this.maxYear,this.maxMonth+1,0)}this.isMinView?t.datesDisabled&&(this.datesDisabled=t.datesDisabled):this.datesDisabled=[],void 0!==t.beforeShowMonth&&(this.beforeShow="function"===typeof t.beforeShowMonth?t.beforeShowMonth:void 0)}},{key:"updateFocus",value:function updateFocus(){var t=new Date(this.picker.viewDate);this.year=t.getFullYear(),this.focused=t.getMonth()}},{key:"updateSelection",value:function updateSelection(){var t=this.picker.datepicker,a=t.dates,i=t.rangepicker;this.selected=a.reduce((function(t,a){var i=new Date(a),o=i.getFullYear(),s=i.getMonth();return void 0===t[o]?t[o]=[s]:pushUnique(t[o],s),t}),{}),i&&i.dates&&(this.range=i.dates.map((function(t){var a=new Date(t);return isNaN(a)?void 0:[a.getFullYear(),a.getMonth()]})))}},{key:"render",value:function render(){var t=this;this.disabled=this.datesDisabled.reduce((function(a,i){var o=new Date(i);return t.year===o.getFullYear()&&a.push(o.getMonth()),a}),[]),this.picker.setViewSwitchLabel(this.year),this.picker.setPrevBtnDisabled(this.year<=this.minYear),this.picker.setNextBtnDisabled(this.year>=this.maxYear);var a=this.selected[this.year]||[],i=this.year<this.minYear||this.year>this.maxYear,o=this.year===this.minYear,s=this.year===this.maxYear,c=computeMonthRange(this.range,this.year);Array.from(this.grid.children).forEach((function(l,u){var f=l.classList,p=dateValue(t.year,u,1);if(l.className="datepicker-cell ".concat(t.cellClass),t.isMinView&&(l.dataset.date=p),l.textContent=t.monthNames[u],(i||o&&u<t.minMonth||s&&u>t.maxMonth||t.disabled.includes(u))&&f.add("disabled"),c){var h=MonthsView_slicedToArray(c,2),v=h[0],g=h[1];u>v&&u<g&&f.add("range"),u===v&&f.add("range-start"),u===g&&f.add("range-end")}a.includes(u)&&f.add("selected"),u===t.focused&&f.add("focused"),t.beforeShow&&t.performBeforeHook(l,u,p)}))}},{key:"refresh",value:function refresh(){var t=this,a=this.selected[this.year]||[],i=MonthsView_slicedToArray(computeMonthRange(this.range,this.year)||[],2),o=i[0],s=i[1];this.grid.querySelectorAll(".range, .range-start, .range-end, .selected, .focused").forEach((function(t){t.classList.remove("range","range-start","range-end","selected","focused")})),Array.from(this.grid.children).forEach((function(i,c){var l=i.classList;c>o&&c<s&&l.add("range"),c===o&&l.add("range-start"),c===s&&l.add("range-end"),a.includes(c)&&l.add("selected"),c===t.focused&&l.add("focused")}))}},{key:"refreshFocus",value:function refreshFocus(){this.grid.querySelectorAll(".focused").forEach((function(t){t.classList.remove("focused")})),this.grid.children[this.focused].classList.add("focused")}}]),MonthsView}(qe);function YearsView_typeof(t){return YearsView_typeof="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},YearsView_typeof(t)}function YearsView_slicedToArray(t,a){return function YearsView_arrayWithHoles(t){if(Array.isArray(t))return t}(t)||function YearsView_iterableToArrayLimit(t,a){var i=null==t?null:"undefined"!==typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null==i)return;var o,s,c=[],l=!0,u=!1;try{for(i=i.call(t);!(l=(o=i.next()).done)&&(c.push(o.value),!a||c.length!==a);l=!0);}catch(f){u=!0,s=f}finally{try{l||null==i.return||i.return()}finally{if(u)throw s}}return c}(t,a)||YearsView_unsupportedIterableToArray(t,a)||function YearsView_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function YearsView_defineProperties(t,a){for(var i=0;i<a.length;i++){var o=a[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function YearsView_get(){return YearsView_get="undefined"!==typeof Reflect&&Reflect.get?Reflect.get:function _get(t,a,i){var o=YearsView_superPropBase(t,a);if(o){var s=Object.getOwnPropertyDescriptor(o,a);return s.get?s.get.call(arguments.length<3?t:i):s.value}},YearsView_get.apply(this,arguments)}function YearsView_superPropBase(t,a){for(;!Object.prototype.hasOwnProperty.call(t,a)&&null!==(t=YearsView_getPrototypeOf(t)););return t}function YearsView_setPrototypeOf(t,a){return YearsView_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,a){return t.__proto__=a,t},YearsView_setPrototypeOf(t,a)}function YearsView_createSuper(t){var a=function YearsView_isNativeReflectConstruct(){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 _createSuperInternal(){var i,o=YearsView_getPrototypeOf(t);if(a){var s=YearsView_getPrototypeOf(this).constructor;i=Reflect.construct(o,arguments,s)}else i=o.apply(this,arguments);return YearsView_possibleConstructorReturn(this,i)}}function YearsView_possibleConstructorReturn(t,a){if(a&&("object"===YearsView_typeof(a)||"function"===typeof a))return a;if(void 0!==a)throw new TypeError("Derived constructors may only return object or undefined");return function YearsView_assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function YearsView_getPrototypeOf(t){return YearsView_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},YearsView_getPrototypeOf(t)}function YearsView_toConsumableArray(t){return function YearsView_arrayWithoutHoles(t){if(Array.isArray(t))return YearsView_arrayLikeToArray(t)}(t)||function YearsView_iterableToArray(t){if("undefined"!==typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||YearsView_unsupportedIterableToArray(t)||function YearsView_nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function YearsView_unsupportedIterableToArray(t,a){if(t){if("string"===typeof t)return YearsView_arrayLikeToArray(t,a);var i=Object.prototype.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?YearsView_arrayLikeToArray(t,a):void 0}}function YearsView_arrayLikeToArray(t,a){(null==a||a>t.length)&&(a=t.length);for(var i=0,o=new Array(a);i<a;i++)o[i]=t[i];return o}function toTitleCase(t){return YearsView_toConsumableArray(t).reduce((function(t,a,i){return t+(i?a:a.toUpperCase())}),"")}var Je=function(t){!function YearsView_inherits(t,a){if("function"!==typeof a&&null!==a)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(a&&a.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),a&&YearsView_setPrototypeOf(t,a)}(YearsView,t);var a=YearsView_createSuper(YearsView);function YearsView(t,i){return function YearsView_classCallCheck(t,a){if(!(t instanceof a))throw new TypeError("Cannot call a class as a function")}(this,YearsView),a.call(this,t,i)}return function YearsView_createClass(t,a,i){return a&&YearsView_defineProperties(t.prototype,a),i&&YearsView_defineProperties(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t}(YearsView,[{key:"init",value:function init(t){var a=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];a&&(this.navStep=10*this.step,this.beforeShowOption="beforeShow".concat(toTitleCase(this.cellClass)),this.grid=this.element,this.element.classList.add(this.name,"datepicker-grid"),this.grid.appendChild(parseHTML(createTagRepeat("span",12)))),YearsView_get(YearsView_getPrototypeOf(YearsView.prototype),"init",this).call(this,t)}},{key:"setOptions",value:function setOptions(t){if(hasProperty(t,"minDate")&&(void 0===t.minDate?this.minYear=this.minDate=void 0:(this.minYear=startOfYearPeriod(t.minDate,this.step),this.minDate=dateValue(this.minYear,0,1))),hasProperty(t,"maxDate")&&(void 0===t.maxDate?this.maxYear=this.maxDate=void 0:(this.maxYear=startOfYearPeriod(t.maxDate,this.step),this.maxDate=dateValue(this.maxYear,11,31))),this.isMinView?t.datesDisabled&&(this.datesDisabled=t.datesDisabled):this.datesDisabled=[],void 0!==t[this.beforeShowOption]){var a=t[this.beforeShowOption];this.beforeShow="function"===typeof a?a:void 0}}},{key:"updateFocus",value:function updateFocus(){var t=new Date(this.picker.viewDate),a=startOfYearPeriod(t,this.navStep),i=a+9*this.step;this.first=a,this.last=i,this.start=a-this.step,this.focused=startOfYearPeriod(t,this.step)}},{key:"updateSelection",value:function updateSelection(){var t=this,a=this.picker.datepicker,i=a.dates,o=a.rangepicker;this.selected=i.reduce((function(a,i){return pushUnique(a,startOfYearPeriod(i,t.step))}),[]),o&&o.dates&&(this.range=o.dates.map((function(a){if(void 0!==a)return startOfYearPeriod(a,t.step)})))}},{key:"render",value:function render(){var t=this;this.disabled=this.datesDisabled.map((function(t){return new Date(t).getFullYear()})),this.picker.setViewSwitchLabel("".concat(this.first,"-").concat(this.last)),this.picker.setPrevBtnDisabled(this.first<=this.minYear),this.picker.setNextBtnDisabled(this.last>=this.maxYear),Array.from(this.grid.children).forEach((function(a,i){var o=a.classList,s=t.start+i*t.step,c=dateValue(s,0,1);if(a.className="datepicker-cell ".concat(t.cellClass),t.isMinView&&(a.dataset.date=c),a.textContent=a.dataset.year=s,0===i?o.add("prev"):11===i&&o.add("next"),(s<t.minYear||s>t.maxYear||t.disabled.includes(s))&&o.add("disabled"),t.range){var l=YearsView_slicedToArray(t.range,2),u=l[0],f=l[1];s>u&&s<f&&o.add("range"),s===u&&o.add("range-start"),s===f&&o.add("range-end")}t.selected.includes(s)&&o.add("selected"),s===t.focused&&o.add("focused"),t.beforeShow&&t.performBeforeHook(a,s,c)}))}},{key:"refresh",value:function refresh(){var t=this,a=YearsView_slicedToArray(this.range||[],2),i=a[0],o=a[1];this.grid.querySelectorAll(".range, .range-start, .range-end, .selected, .focused").forEach((function(t){t.classList.remove("range","range-start","range-end","selected","focused")})),Array.from(this.grid.children).forEach((function(a){var s=Number(a.textContent),c=a.classList;s>i&&s<o&&c.add("range"),s===i&&c.add("range-start"),s===o&&c.add("range-end"),t.selected.includes(s)&&c.add("selected"),s===t.focused&&c.add("focused")}))}},{key:"refreshFocus",value:function refreshFocus(){var t=Math.round((this.focused-this.start)/this.step);this.grid.querySelectorAll(".focused").forEach((function(t){t.classList.remove("focused")})),this.grid.children[t].classList.add("focused")}}]),YearsView}(qe);function triggerDatepickerEvent(t,a){var i={date:t.getDate(),viewDate:new Date(t.picker.viewDate),viewId:t.picker.currentView.id,datepicker:t};t.element.dispatchEvent(new CustomEvent(a,{detail:i}))}function goToPrevOrNext(t,a){var i,o=t.config,s=o.minDate,c=o.maxDate,l=t.picker,u=l.currentView,f=l.viewDate;switch(u.id){case 0:i=addMonths(f,a);break;case 1:i=addYears(f,a);break;default:i=addYears(f,a*u.navStep)}i=limitToRange(i,s,c),t.picker.changeFocus(i).render()}function switchView(t){var a=t.picker.currentView.id;a!==t.config.maxView&&t.picker.changeView(a+1).render()}function unfocus(t){t.config.updateOnBlur?t.update({revert:!0}):t.refresh("input"),t.hide()}function goToSelectedMonthOrYear(t,a){var i=t.picker,o=new Date(i.viewDate),s=i.currentView.id,c=1===s?addMonths(o,a-o.getMonth()):addYears(o,a-o.getFullYear());i.changeFocus(c).changeView(s-1).render()}function onClickTodayBtn(t){var a=t.picker,i=today();if(1===t.config.todayBtnMode){if(t.config.autohide)return void t.setDate(i);t.setDate(i,{render:!1}),a.update()}a.viewDate!==i&&a.changeFocus(i),a.changeView(0).render()}function onClickClearBtn(t){t.setDate({clear:!0})}function onClickViewSwitch(t){switchView(t)}function onClickPrevBtn(t){goToPrevOrNext(t,-1)}function onClickNextBtn(t){goToPrevOrNext(t,1)}function onClickView(t,a){var i=findElementInEventPath(a,".datepicker-cell");if(i&&!i.classList.contains("disabled")){var o=t.picker.currentView,s=o.id;o.isMinView?t.setDate(Number(i.dataset.date)):goToSelectedMonthOrYear(t,Number(1===s?i.dataset.month:i.dataset.year))}}function onMousedownPicker(t){t.preventDefault()}function Picker_toConsumableArray(t){return function Picker_arrayWithoutHoles(t){if(Array.isArray(t))return Picker_arrayLikeToArray(t)}(t)||function Picker_iterableToArray(t){if("undefined"!==typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||Picker_unsupportedIterableToArray(t)||function Picker_nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Picker_slicedToArray(t,a){return function Picker_arrayWithHoles(t){if(Array.isArray(t))return t}(t)||function Picker_iterableToArrayLimit(t,a){var i=null==t?null:"undefined"!==typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null==i)return;var o,s,c=[],l=!0,u=!1;try{for(i=i.call(t);!(l=(o=i.next()).done)&&(c.push(o.value),!a||c.length!==a);l=!0);}catch(f){u=!0,s=f}finally{try{l||null==i.return||i.return()}finally{if(u)throw s}}return c}(t,a)||Picker_unsupportedIterableToArray(t,a)||function Picker_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Picker_unsupportedIterableToArray(t,a){if(t){if("string"===typeof t)return Picker_arrayLikeToArray(t,a);var i=Object.prototype.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?Picker_arrayLikeToArray(t,a):void 0}}function Picker_arrayLikeToArray(t,a){(null==a||a>t.length)&&(a=t.length);for(var i=0,o=new Array(a);i<a;i++)o[i]=t[i];return o}function Picker_defineProperties(t,a){for(var i=0;i<a.length;i++){var o=a[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var $e=["left","top","right","bottom"].reduce((function(t,a){return t[a]="datepicker-orient-".concat(a),t}),{}),Ze=function toPx(t){return t?"".concat(t,"px"):t};function processPickerOptions(t,a){if(void 0!==a.title&&(a.title?(t.controls.title.textContent=a.title,showElement(t.controls.title)):(t.controls.title.textContent="",hideElement(t.controls.title))),a.prevArrow){var i=t.controls.prevBtn;emptyChildNodes(i),a.prevArrow.forEach((function(t){i.appendChild(t.cloneNode(!0))}))}if(a.nextArrow){var o=t.controls.nextBtn;emptyChildNodes(o),a.nextArrow.forEach((function(t){o.appendChild(t.cloneNode(!0))}))}if(a.locale&&(t.controls.todayBtn.textContent=a.locale.today,t.controls.clearBtn.textContent=a.locale.clear),void 0!==a.todayBtn&&(a.todayBtn?showElement(t.controls.todayBtn):hideElement(t.controls.todayBtn)),hasProperty(a,"minDate")||hasProperty(a,"maxDate")){var s=t.datepicker.config,c=s.minDate,l=s.maxDate;t.controls.todayBtn.disabled=!isInRange(today(),c,l)}void 0!==a.clearBtn&&(a.clearBtn?showElement(t.controls.clearBtn):hideElement(t.controls.clearBtn))}function computeResetViewDate(t){var a=t.dates,i=t.config;return limitToRange(a.length>0?lastItemOf(a):i.defaultViewDate,i.minDate,i.maxDate)}function setViewDate(t,a){var i=new Date(t.viewDate),o=new Date(a),s=t.currentView,c=s.id,l=s.year,u=s.first,f=s.last,p=o.getFullYear();switch(t.viewDate=a,p!==i.getFullYear()&&triggerDatepickerEvent(t.datepicker,"changeYear"),o.getMonth()!==i.getMonth()&&triggerDatepickerEvent(t.datepicker,"changeMonth"),c){case 0:return a<u||a>f;case 1:return p!==l;default:return p<u||p>f}}function getTextDirection(t){return window.getComputedStyle(t).direction}function findScrollParents(t){var a=getParent(t);if(a!==document.body&&a)return"visible"!==window.getComputedStyle(a).overflow?a:findScrollParents(a)}var Ge=function(){function Picker(t){!function Picker_classCallCheck(t,a){if(!(t instanceof a))throw new TypeError("Cannot call a class as a function")}(this,Picker);var a=(this.datepicker=t).config,i=We.replace(/%buttonClass%/g,a.buttonClass),o=this.element=parseHTML(i).firstChild,s=Picker_slicedToArray(o.firstChild.children,3),c=s[0],l=s[1],u=s[2],f=c.firstElementChild,p=Picker_slicedToArray(c.lastElementChild.children,3),h=p[0],v=p[1],g=p[2],b=Picker_slicedToArray(u.firstChild.children,2),w={title:f,prevBtn:h,viewSwitch:v,nextBtn:g,todayBtn:b[0],clearBtn:b[1]};this.main=l,this.controls=w;var _=t.inline?"inline":"dropdown";o.classList.add("datepicker-".concat(_)),processPickerOptions(this,a),this.viewDate=computeResetViewDate(t),registerListeners(t,[[o,"mousedown",onMousedownPicker],[l,"click",onClickView.bind(null,t)],[w.viewSwitch,"click",onClickViewSwitch.bind(null,t)],[w.prevBtn,"click",onClickPrevBtn.bind(null,t)],[w.nextBtn,"click",onClickNextBtn.bind(null,t)],[w.todayBtn,"click",onClickTodayBtn.bind(null,t)],[w.clearBtn,"click",onClickClearBtn.bind(null,t)]]),this.views=[new Ke(this),new Xe(this),new Je(this,{id:2,name:"years",cellClass:"year",step:1}),new Je(this,{id:3,name:"decades",cellClass:"decade",step:10})],this.currentView=this.views[a.startView],this.currentView.render(),this.main.appendChild(this.currentView.element),a.container?a.container.appendChild(this.element):t.inputField.after(this.element)}return function Picker_createClass(t,a,i){return a&&Picker_defineProperties(t.prototype,a),i&&Picker_defineProperties(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t}(Picker,[{key:"setOptions",value:function setOptions(t){processPickerOptions(this,t),this.views.forEach((function(a){a.init(t,!1)})),this.currentView.render()}},{key:"detach",value:function detach(){this.element.remove()}},{key:"show",value:function show(){if(!this.active){var t=this.datepicker,a=this.element;if(t.inline)a.classList.add("active");else{var i=getTextDirection(t.inputField);i!==getTextDirection(getParent(a))?a.dir=i:a.dir&&a.removeAttribute("dir"),a.style.visiblity="hidden",a.classList.add("active"),this.place(),a.style.visiblity="",t.config.disableTouchKeyboard&&t.inputField.blur()}this.active=!0,triggerDatepickerEvent(t,"show")}}},{key:"hide",value:function hide(){this.active&&(this.datepicker.exitEditMode(),this.element.classList.remove("active"),this.active=!1,triggerDatepickerEvent(this.datepicker,"hide"))}},{key:"place",value:function place(){var t=this.element,a=t.classList,i=t.offsetParent,o=t.style,s=this.datepicker,c=s.config,l=s.inputField,u=this.element.getBoundingClientRect(),f=u.width,p=u.height,h=l.getBoundingClientRect(),v=h.left,g=h.top,b=h.right,w=h.bottom,_=h.width,k=h.height,E=c.orientation,A=E.x,O=E.y,S=v,L=g;if(i!==document.body&&i){var T=i.getBoundingClientRect();S-=T.left-i.scrollLeft,L-=T.top-i.scrollTop}else S+=window.scrollX,L+=window.scrollY;var P=findScrollParents(l),C=0,V=0,x=document.documentElement,I=x.clientWidth,j=x.clientHeight;if(P){var N=P.getBoundingClientRect();N.top>0&&(V=N.top),N.left>0&&(C=N.left),N.right<I&&(I=N.right),N.bottom<j&&(j=N.bottom)}var Y=0;"auto"===A&&(v<C?(A="left",Y=C-v):v+f>I?(A="right",I<b&&(Y=I-b)):A="rtl"===getTextDirection(l)?b-f<C?"left":"right":"left"),"right"===A&&(S+=_-f),S+=Y,"auto"===O&&(O=g-p>V&&w+p>j?"top":"bottom"),"top"===O?L-=p:L+=k,a.remove.apply(a,Picker_toConsumableArray(Object.values($e))),a.add($e[A],$e[O]),o.left=Ze(S),o.top=Ze(L)}},{key:"setViewSwitchLabel",value:function setViewSwitchLabel(t){this.controls.viewSwitch.textContent=t}},{key:"setPrevBtnDisabled",value:function setPrevBtnDisabled(t){this.controls.prevBtn.disabled=t}},{key:"setNextBtnDisabled",value:function setNextBtnDisabled(t){this.controls.nextBtn.disabled=t}},{key:"changeView",value:function changeView(t){var a=this.currentView,i=this.views[t];return i.id!==a.id&&(this.currentView=i,this._renderMethod="render",triggerDatepickerEvent(this.datepicker,"changeView"),this.main.replaceChild(i.element,a.element)),this}},{key:"changeFocus",value:function changeFocus(t){return this._renderMethod=setViewDate(this,t)?"render":"refreshFocus",this.views.forEach((function(t){t.updateFocus()})),this}},{key:"update",value:function update(){var t=computeResetViewDate(this.datepicker);return this._renderMethod=setViewDate(this,t)?"render":"refresh",this.views.forEach((function(t){t.updateFocus(),t.updateSelection()})),this}},{key:"render",value:function render(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],a=t&&this._renderMethod||"render";delete this._renderMethod,this.currentView[a]()}}]),Picker}();function findNextAvailableOne(t,a,i,o,s,c){if(isInRange(t,s,c))return o(t)?findNextAvailableOne(a(t,i),a,i,o,s,c):t}function moveByArrowKey(t,a,i,o){var s,c,l=t.picker,u=l.currentView,f=u.step||1,p=l.viewDate;switch(u.id){case 0:p=o?addDays(p,7*i):a.ctrlKey||a.metaKey?addYears(p,i):addDays(p,i),s=addDays,c=function testFn(t){return u.disabled.includes(t)};break;case 1:p=addMonths(p,o?4*i:i),s=addMonths,c=function testFn(t){var a=new Date(t),i=u.year,o=u.disabled;return a.getFullYear()===i&&o.includes(a.getMonth())};break;default:p=addYears(p,i*(o?4:1)*f),s=addYears,c=function testFn(t){return u.disabled.includes(startOfYearPeriod(t,f))}}void 0!==(p=findNextAvailableOne(p,s,i<0?-f:f,c,u.minDate,u.maxDate))&&l.changeFocus(p).render()}function onKeydown(t,a){var i=a.key;if("Tab"!==i){var o=t.picker,s=o.currentView,c=s.id,l=s.isMinView;if(o.active){if(t.editMode)return void("Enter"===i?t.exitEditMode({update:!0,autohide:t.config.autohide}):"Escape"===i&&o.hide());if("ArrowLeft"===i)if(a.ctrlKey||a.metaKey)goToPrevOrNext(t,-1);else{if(a.shiftKey)return void t.enterEditMode();moveByArrowKey(t,a,-1,!1)}else if("ArrowRight"===i)if(a.ctrlKey||a.metaKey)goToPrevOrNext(t,1);else{if(a.shiftKey)return void t.enterEditMode();moveByArrowKey(t,a,1,!1)}else if("ArrowUp"===i)if(a.ctrlKey||a.metaKey)switchView(t);else{if(a.shiftKey)return void t.enterEditMode();moveByArrowKey(t,a,-1,!0)}else if("ArrowDown"===i){if(a.shiftKey&&!a.ctrlKey&&!a.metaKey)return void t.enterEditMode();moveByArrowKey(t,a,1,!0)}else{if("Enter"!==i)return void("Escape"===i?o.hide():"Backspace"!==i&&"Delete"!==i&&(1!==i.length||a.ctrlKey||a.metaKey)||t.enterEditMode());if(l)return void t.setDate(o.viewDate);o.changeView(c-1).render()}}else{if("ArrowDown"!==i)return void("Enter"===i?t.update():"Escape"===i&&o.show());o.show()}a.preventDefault()}else unfocus(t)}function onFocus(t){t.config.showOnFocus&&!t._showing&&t.show()}function onMousedown(t,a){var i=a.target;(t.picker.active||t.config.showOnClick)&&(i._active=isActiveElement(i),i._clicking=setTimeout((function(){delete i._active,delete i._clicking}),2e3))}function onClickInput(t,a){var i=a.target;i._clicking&&(clearTimeout(i._clicking),delete i._clicking,i._active&&t.enterEditMode(),delete i._active,t.config.showOnClick&&t.show())}function onPaste(t,a){a.clipboardData.types.includes("text/plain")&&t.enterEditMode()}function onClickOutside(t,a){var i=t.element,o=t.picker;if(o.active||isActiveElement(i)){var s=o.element;findElementInEventPath(a,(function(t){return t===i||t===s}))||unfocus(t)}}function Datepicker_typeof(t){return Datepicker_typeof="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},Datepicker_typeof(t)}function Datepicker_classCallCheck(t,a){if(!(t instanceof a))throw new TypeError("Cannot call a class as a function")}function Datepicker_defineProperties(t,a){for(var i=0;i<a.length;i++){var o=a[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function stringifyDates(t,a){return t.map((function(t){return date_format_formatDate(t,a.format,a.locale)})).join(a.dateDelimiter)}function processInputDates(t,a){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=t.config,s=t.dates,c=t.rangeSideIndex;if(0===a.length)return i?[]:void 0;var l=a.reduce((function(t,a){var i=date_format_parseDate(a,o.format,o.locale);return void 0===i||!isInRange(i=regularizeDate(i,o.pickLevel,c),o.minDate,o.maxDate)||t.includes(i)||o.datesDisabled.includes(i)||!(o.pickLevel>0)&&o.daysOfWeekDisabled.includes(new Date(i).getDay())||t.push(i),t}),[]);return 0!==l.length?(o.multidate&&!i&&(l=l.reduce((function(t,a){return s.includes(a)||t.push(a),t}),s.filter((function(t){return!l.includes(t)})))),o.maxNumberOfDates&&l.length>o.maxNumberOfDates?l.slice(-1*o.maxNumberOfDates):l):void 0}function refreshUI(t){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3,i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],o=t.config,s=t.picker,c=t.inputField;if(2&a){var l=s.active?o.pickLevel:o.startView;s.update().changeView(l).render(i)}1&a&&c&&(c.value=stringifyDates(t.dates,o))}function _setDate(t,a,i){var o=i.clear,s=i.render,c=i.autohide,l=i.revert;void 0===s&&(s=!0),s?void 0===c&&(c=t.config.autohide):c=!1;var u=processInputDates(t,a,o);(u||l)&&(u&&u.toString()!==t.dates.toString()?(t.dates=u,refreshUI(t,s?3:1),triggerDatepickerEvent(t,"changeDate")):refreshUI(t,1),c&&t.hide())}var Qe=function(){function Datepicker(t){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0;Datepicker_classCallCheck(this,Datepicker),t.datepicker=this,this.element=t;var o,s,c=this.config=Object.assign({buttonClass:a.buttonClass&&String(a.buttonClass)||"button",container:null,defaultViewDate:today(),maxDate:void 0,minDate:void 0},processOptions(Re,this)),l=this.inline="INPUT"!==t.tagName;if(l?c.container=t:(a.container&&(c.container=a.container instanceof HTMLElement?a.container:document.querySelector(a.container)),(o=this.inputField=t).classList.add("datepicker-input")),i){var u=i.inputs.indexOf(o),f=i.datepickers;if(u<0||u>1||!Array.isArray(f))throw Error("Invalid rangepicker object.");f[u]=this,Object.defineProperty(this,"rangepicker",{get:function get(){return i}}),Object.defineProperty(this,"rangeSideIndex",{get:function get(){return u}})}this._options=a,Object.assign(c,processOptions(a,this)),l?(s=stringToArray(t.dataset.date,c.dateDelimiter),delete t.dataset.date):s=stringToArray(o.value,c.dateDelimiter),this.dates=[];var p=processInputDates(this,s);p&&p.length>0&&(this.dates=p),o&&(o.value=stringifyDates(this.dates,c));var h=this.picker=new Ge(this);if(l)this.show();else{var v=onClickOutside.bind(null,this),g=[[o,"keydown",onKeydown.bind(null,this)],[o,"focus",onFocus.bind(null,this)],[o,"mousedown",onMousedown.bind(null,this)],[o,"click",onClickInput.bind(null,this)],[o,"paste",onPaste.bind(null,this)],[document,"mousedown",v],[document,"touchstart",v],[window,"resize",h.place.bind(h)]];registerListeners(this,g)}}return function Datepicker_createClass(t,a,i){return a&&Datepicker_defineProperties(t.prototype,a),i&&Datepicker_defineProperties(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t}(Datepicker,[{key:"active",get:function get(){return!(!this.picker||!this.picker.active)}},{key:"pickerElement",get:function get(){return this.picker?this.picker.element:void 0}},{key:"setOptions",value:function setOptions(t){var a=this.picker,i=processOptions(t,this);Object.assign(this._options,t),Object.assign(this.config,i),a.setOptions(i),refreshUI(this,3)}},{key:"show",value:function show(){if(this.inputField){if(this.inputField.disabled)return;isActiveElement(this.inputField)||this.config.disableTouchKeyboard||(this._showing=!0,this.inputField.focus(),delete this._showing)}this.picker.show()}},{key:"hide",value:function hide(){this.inline||(this.picker.hide(),this.picker.update().changeView(this.config.startView).render())}},{key:"destroy",value:function destroy(){return this.hide(),function unregisterListeners(t){var a=Me.get(t);a&&(a.forEach((function(t){je.call.apply(je,event_toConsumableArray(t))})),Me.delete(t))}(this),this.picker.detach(),this.inline||this.inputField.classList.remove("datepicker-input"),delete this.element.datepicker,this}},{key:"getDate",value:function getDate(){var t=this,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,i=a?function(i){return date_format_formatDate(i,a,t.config.locale)}:function(t){return new Date(t)};return this.config.multidate?this.dates.map(i):this.dates.length>0?i(this.dates[0]):void 0}},{key:"setDate",value:function setDate(){for(var t=arguments.length,a=new Array(t),i=0;i<t;i++)a[i]=arguments[i];var o=[].concat(a),s={},c=lastItemOf(a);"object"!==Datepicker_typeof(c)||Array.isArray(c)||c instanceof Date||!c||Object.assign(s,o.pop());var l=Array.isArray(o[0])?o[0]:o;_setDate(this,l,s)}},{key:"update",value:function update(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0;if(!this.inline){var a=Object.assign(t||{},{clear:!0,render:!0}),i=stringToArray(this.inputField.value,this.config.dateDelimiter);_setDate(this,i,a)}}},{key:"refresh",value:function refresh(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,a=arguments.length>1&&void 0!==arguments[1]&&arguments[1];t&&"string"!==typeof t&&(a=t,t=void 0),refreshUI(this,"picker"===t?2:"input"===t?1:3,!a)}},{key:"enterEditMode",value:function enterEditMode(){this.inline||!this.picker.active||this.editMode||(this.editMode=!0,this.inputField.classList.add("in-edit"))}},{key:"exitEditMode",value:function exitEditMode(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0;if(!this.inline&&this.editMode){var a=Object.assign({update:!1},t);delete this.editMode,this.inputField.classList.remove("in-edit"),a.update&&this.update(a)}}}],[{key:"formatDate",value:function formatDate(t,a,i){return date_format_formatDate(t,a,i&&Ye[i]||Ye.en)}},{key:"parseDate",value:function parseDate(t,a,i){return date_format_parseDate(t,a,i&&Ye[i]||Ye.en)}},{key:"locales",get:function get(){return Ye}}]),Datepicker}(),et=function init(){document.querySelectorAll(".js-datepicker").forEach((function(t,a){var i=new Qe(t);t.ui=i}))};window.addEventListener("".concat(t.LODEDANDREADY),et),window.addEventListener("".concat(t.AJAX),et);function redaxios_module_typeof(t){return redaxios_module_typeof="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},redaxios_module_typeof(t)}var tt=function e(t){function n(t,a,i){var o,s={};if(Array.isArray(t))return t.concat(a);for(o in t)s[i?o.toLowerCase():o]=t[o];for(o in a){var c=i?o.toLowerCase():o,l=a[o];s[c]=c in s&&"object"==redaxios_module_typeof(l)?n(s[c],l,"headers"==c):l}return s}function r(a,i,o,s,c){var l="string"!=typeof a?(i=a).url:a,u={config:i},f=n(t,i),p={};s=s||f.data,(f.transformRequest||[]).map((function(t){s=t(s,f.headers)||s})),f.auth&&(p.authorization=f.auth),s&&"object"==redaxios_module_typeof(s)&&"function"!=typeof s.append&&"function"!=typeof s.text&&(s=JSON.stringify(s),p["content-type"]="application/json");try{p[f.xsrfHeaderName]=decodeURIComponent(document.cookie.match(RegExp("(^|; )"+f.xsrfCookieName+"=([^;]*)"))[2])}catch(a){}return f.baseURL&&(l=l.replace(/^(?!.*\/\/)\/?/,f.baseURL+"/")),f.params&&(l+=(~l.indexOf("?")?"&":"?")+(f.paramsSerializer?f.paramsSerializer(f.params):new URLSearchParams(f.params))),(f.fetch||fetch)(l,{method:(o||f.method||"get").toUpperCase(),body:s,headers:n(f.headers,p,!0),credentials:f.withCredentials?"include":c}).then((function(t){for(var a in t)"function"!=typeof t[a]&&(u[a]=t[a]);return"stream"==f.responseType?(u.data=t.body,u):t[f.responseType||"text"]().then((function(t){u.data=t,u.data=JSON.parse(t)})).catch(Object).then((function(){return(f.validateStatus?f.validateStatus(t.status):t.ok)?u:Promise.reject(u)}))}))}return t=t||{},r.request=r,r.get=function(t,a){return r(t,a,"get")},r.delete=function(t,a){return r(t,a,"delete")},r.head=function(t,a){return r(t,a,"head")},r.options=function(t,a){return r(t,a,"options")},r.post=function(t,a,i){return r(t,i,"post",a)},r.put=function(t,a,i){return r(t,i,"put",a)},r.patch=function(t,a,i){return r(t,i,"patch",a)},r.all=Promise.all.bind(Promise),r.spread=function(t){return t.apply.bind(t,t)},r.CancelToken="function"==typeof AbortController?AbortController:Object,r.defaults=t,r.create=e,r}();!function(a){var i,o="main.online",s=document,c=s.body,l=s.querySelector('meta[name="ping"]'),u=!1,f=function UPDATE_ONLINE_STATUS(s){u||(u=!0,s?(c.classList.contains("is-offline")?(console.log("".concat(o,": back Online")),a.dispatchEvent(new Event(t.BACKONLINE))):(console.log("".concat(o,": Online")),a.dispatchEvent(new Event(t.ONLINE))),c.classList.add("is-online"),c.classList.remove("is-offline"),l&&!i&&(console.log("".concat(o,": SESSION_PING is active")),i=setInterval(h,3e5))):(console.log("".concat(o,": Offline")),c.classList.add("is-offline"),c.classList.remove("is-online"),clearInterval(i),i=null,a.dispatchEvent(new Event(t.OFFLINE))),u=!1)},p=!1,h=function SESSION_PING(){if(!p&&!c.classList.contains("is-offline")){var t=l.getAttribute("content");console.log("".concat(o,": session ping")),p=!0,tt.post(t,{}).then((function(t){p=!1,f(!0)})).catch((function(t){console.error(t),console.warn("".concat(o,": SESSION_PING failed")),p=!1,f(!1)}))}},v=function navigatorStateUpdate(){"undefined"!==typeof navigator.onLine&&(navigator.onLine?f(!0):f(!1))};a.addEventListener("".concat(t.OFFLINE),(function(){f(!1)})),a.addEventListener("".concat(t.ONLINE),(function(){f(!0)})),a.addEventListener("".concat(t.LOADED),v),a.addEventListener("".concat(t.AJAX),v)}(window);function image_defineProperties(t,a){for(var i=0;i<a.length;i++){var o=a[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var nt="ajax.models.image",rt=document.querySelector('meta[name="api_static_domain"]'),at=rt?rt.getAttribute("content"):"".concat(window.location.protocol,"//").concat(window.location.host);console.log("".concat(nt," [static url]: ").concat(at));var it=function(){function ImageObject(){!function image_classCallCheck(t,a){if(!(t instanceof a))throw new TypeError("Cannot call a class as a function")}(this,ImageObject)}return function image_createClass(t,a,i){return a&&image_defineProperties(t.prototype,a),i&&image_defineProperties(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t}(ImageObject,[{key:"load",value:function load(t,a){var i=t.startsWith("http")?t:at+t;return a&&(a.classList.add("loading"),a.classList.remove("loading__network-error")),new Promise((function(t,o){tt.get(i,{responseType:"blob"}).then((function(i){var o=new FileReader;o.readAsDataURL(i.data),o.onload=function(){var i=o.result;a&&(a.classList.remove("loading"),a.classList.add("loading__success")),t(i)}})).catch((function(t){if(console.warn(t),t.response){switch(t.response.status){case 404:msg="Not Found.";break;case 500:msg="Server issue, please try again latter.";break;default:msg="Something went wrong."}console.error("".concat(nt," [").concat(i,"]: ").concat(msg))}else t.request?(msg="No response received",console.error("".concat(nt," [").concat(i,"]: ").concat(msg))):console.error("".concat(nt," [").concat(i,"]: ").concat(t.message));a&&(a.classList.remove("loading"),a.classList.add("loading__network-error"),a.classList.add("empty")),o(t)}))}))}}]),ImageObject}();(function(a){var i=document,o=(i.body,function loadLazyImages(){console.log("".concat("main.lazy-images",": Load lazy images")),i.querySelectorAll("[data-lazy-src]").forEach((function(t){t.classList.remove("empty"),(new it).load(t.getAttribute("data-lazy-src"),t).then((function(a){t.setAttribute("src",a)})).catch((function(){t.classList.add("empty")}))})),i.querySelectorAll("[data-lazy-bg]").forEach((function(t){t.classList.remove("empty"),(new it).load(t.getAttribute("data-lazy-bg"),t).then((function(a){t.style.backgroundImage="url(".concat(a,")")})).catch((function(a){t.classList.add("empty")}))}))});a.addEventListener("".concat(t.LODEDANDREADY),o),a.addEventListener("".concat(t.AJAX),o)})(window),function(a){var i="_layout",o=document;o.body;a.addEventListener("".concat(t.LOADED),(function(){!function init_fonts(){console.log("".concat(i,": init_fonts"));var t=o.createElement("link");t.rel="stylesheet",t.type="text/css",t.media="all",t.href="https://fonts.googleapis.com/css?family=Roboto:ital,wght@0,400;0,700;1,400&display=swap",o.getElementsByTagName("head")[0].appendChild(t)}()}))}(window)}()}();
\ No newline at end of file
+!function(){"use strict";var t={826:function(t){t.exports=function makeYoutubeEmbed(t){if("string"===typeof t){var a=function getId(t){var a=t.match(/^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/);if(a&&11==a[2].length)return a[2]}(t);return a?"//www.youtube.com/embed/"+a:void 0}}}},a={};function __webpack_require__(i){var o=a[i];if(void 0!==o)return o.exports;var s=a[i]={exports:{}};return t[i](s,s.exports,__webpack_require__),s.exports}!function(){var t={APOLLO_ERROR:"apollo-error",AJAX:"ajax-load",AJAXMAIN:"ajax-main-load",MAININIT:"main-init",TABHIDDEN:"tab-hidden",TABFOCUSED:"tab-focused",OFFLINE:"offline",ONLINE:"online",BACKONLINE:"back-online",TOUCHENABLE:"touch-enabled",TOUCHDISABLED:"touch-disabled",DOMLOADED:"DOMContentLoaded",LOADED:"load",SWIPELEFT:"swipeleft panleft",SWIPERIGHT:"swiperight panright",ALLERTAPPEARED:"alert-appeared",ALERTREMOVED:"alert-removed",LODEDANDREADY:"load-ready",LAZYIMAGEREADY:"image-lazy-bg-loaded",LAZYIMAGESREADY:"images-lazy-loaded",MAPLOADED:"map-loaded",MAPAPILOADED:"map-api-loaded",MAPMARKERCLICK:"map-marker-click",MAPPOPUPCLOSE:"map-popup-close",SCROLL:"scroll",RESIZE:"resize",CAROUSEL_READY:"bs.carousel.ready",SET_TARGET_UPDATE:"set-target-update",RESTORE_FIELD:"restore-field",FORM_INIT_BASICS:"form-basics",FORM_INIT_STEPPED:"form-init-stepped",FORM_INIT_VALIDATE:"form-init-validate",FORM_INIT_VALIDATE_FIELD:"form-init-validate-field",FORM_INIT_STORAGE:"form-init-storage",FORM_VALIDATION_FAILED:"form-validation-failed",FORM_STEPPED_NEW_STEP:"form-new-step",FORM_STEPPED_FIRST_STEP:"form-first-step",FORM_STEPPED_LAST_STEP:"form-last-step",FORM_FIELDS:"input,textarea,select"},a=(function(a){var i="_main.visibility",o=document,s=o.body;o.addEventListener("visibilitychange",(function(){"hidden"===o.visibilityState?(console.log("".concat(i,": Tab: hidden")),s.classList.add("is-hidden"),s.classList.remove("is-focused"),a.dispatchEvent(new Event(t.TABHIDDEN))):(console.log("".concat(i,": Tab: focused")),s.classList.add("is-focused"),s.classList.remove("is-hidden"),a.dispatchEvent(new Event(t.TABFOCUSED)))}))}(window),function(a){var i,o,s="_main.touch",c=document,l=c.body,u=function SET_TOUCH_SCREEN(c,u){o||u===i||(c?(console.log("".concat(s,": Touch screen enabled")),l.classList.add("is-touch"),l.classList.remove("is-mouse"),a.dispatchEvent(new Event(t.TOUCHENABLE))):(console.log("".concat(s,": Touch screen disabled")),l.classList.add("is-mouse"),l.classList.remove("is-touch"),a.dispatchEvent(new Event(t.TOUCHDISABLED))),i=u,o||(o=setTimeout((function(){clearTimeout(o),o=null}),500)))};u("ontouchstart"in a||navigator.MaxTouchPoints>0||navigator.msMaxTouchPoints>0||a.matchMedia("(hover: none)").matches,"init"),c.addEventListener("touchend",(function(t){var a=!1;"click"!==t.type&&(a=!0),u(a,"click-touchend")})),c.addEventListener("click",(function(t){var a=!1;"click"!==t.type&&(a=!0),u(a,"click-touchend")}))}(window),{ENVS:["xs","sm","md","lg","xl","xxl","xxxl"]});function _toConsumableArray(t){return function _arrayWithoutHoles(t){if(Array.isArray(t))return _arrayLikeToArray(t)}(t)||function _iterableToArray(t){if("undefined"!==typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function _unsupportedIterableToArray(t,a){if(!t)return;if("string"===typeof t)return _arrayLikeToArray(t,a);var i=Object.prototype.toString.call(t).slice(8,-1);"Object"===i&&t.constructor&&(i=t.constructor.name);if("Map"===i||"Set"===i)return Array.from(t);if("Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))return _arrayLikeToArray(t,a)}(t)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(t,a){(null==a||a>t.length)&&(a=t.length);for(var i=0,o=new Array(a);i<a;i++)o[i]=t[i];return o}!function(i){var o=document,s=o.body,c=function detectCSSScreenSize(){var t,c=o.createElement("div");c.className="env-test",s.appendChild(c);var l=_toConsumableArray(a.ENVS).reverse(),u=l.shift();(t=s.classList).remove.apply(t,_toConsumableArray(l));for(var f=0;f<l.length;++f){var p=l[f];if(c.classList.add("d-".concat(p,"-none")),"none"===i.getComputedStyle(c).display){u=p,s.classList.add("".concat(u));break}}var h=!0;return i.innerWidth>i.innerHeight?(s.classList.add("landscape"),s.classList.remove("portrait")):(h=!1,s.classList.add("portrait"),s.classList.remove("landscape")),console.log("".concat("_main.css-screen-size",": screen size detected ").concat(u," | landscape ").concat(h)),s.removeChild(c),u};i.addEventListener("".concat(t.LOADED),c),i.addEventListener("".concat(t.RESIZE),c)}(window);function _defineProperties(t,a){for(var i=0;i<a.length;i++){var o=a[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var i="_main.loading-spinner",o=document,s=(o.body,o.getElementById("PageLoading")),c=function(){function SpinnerUI(){!function _classCallCheck(t,a){if(!(t instanceof a))throw new TypeError("Cannot call a class as a function")}(this,SpinnerUI)}return function _createClass(t,a,i){return a&&_defineProperties(t.prototype,a),i&&_defineProperties(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t}(SpinnerUI,null,[{key:"show",value:function show(){console.log("".concat(i,": show")),s.classList.remove("d-none")}},{key:"hide",value:function hide(){console.log("".concat(i,": hide")),s.classList.add("d-none")}}]),SpinnerUI}();function main_defineProperties(t,a){for(var i=0;i<a.length;i++){var o=a[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}!function(i){var o=document.body;console.info("%cUI Kit ".concat("@a2nt/ss-bootstrap-ui-webpack-boilerplate-react"," ").concat("4.6.1"),"color:yellow;font-size:14px"),console.info("%c".concat("@a2nt/meta-lightbox-js"," ").concat("4.2.1"),"color:yellow;font-size:12px"),console.info("%chttps://github.com/a2nt/webpack-bootstrap-ui-kit by ".concat("Tony Air <tony@twma.pro>"),"color:yellow;font-size:10px"),console.info("%cENV: ".concat("production"),"color:green;font-size:10px"),console.groupCollapsed("Events"),Object.keys(t).forEach((function(a){console.info("".concat(a,": ").concat(t[a]))})),console.groupEnd("Events"),console.groupCollapsed("Consts"),Object.keys(a).forEach((function(t){console.info("".concat(t,": ").concat(a[t]))})),console.groupEnd("Events"),console.groupCollapsed("Init"),console.time("init");var s=function(){function MainUI(){!function main_classCallCheck(t,a){if(!(t instanceof a))throw new TypeError("Cannot call a class as a function")}(this,MainUI)}return function main_createClass(t,a,i){return a&&main_defineProperties(t.prototype,a),i&&main_defineProperties(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t}(MainUI,null,[{key:"init",value:function init(){i.history.replaceState({landing:i.location.href},document.title,i.location.href),this.loaded()}},{key:"loaded",value:function loaded(){console.log("".concat("_main",": loaded"))}}]),MainUI}(),l=function documentInit(){s.init(),o.classList.add("loaded"),c.hide(),console.groupEnd("init"),console.timeEnd("init"),i.addEventListener("".concat(t.LOADED),(function(a){i.dispatchEvent(new Event(t.LODEDANDREADY))}))};"loading"===document.readyState?document.addEventListener("".concat(t.DOMLOADED),l):l(),i.addEventListener("".concat(t.AJAX),(function(){s.loaded()})),i.MainUI=s}(window);var l="ajax-load",u="load-ready";function window_toConsumableArray(t){return function window_arrayWithoutHoles(t){if(Array.isArray(t))return window_arrayLikeToArray(t)}(t)||function window_iterableToArray(t){if("undefined"!==typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function window_unsupportedIterableToArray(t,a){if(!t)return;if("string"===typeof t)return window_arrayLikeToArray(t,a);var i=Object.prototype.toString.call(t).slice(8,-1);"Object"===i&&t.constructor&&(i=t.constructor.name);if("Map"===i||"Set"===i)return Array.from(t);if("Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))return window_arrayLikeToArray(t,a)}(t)||function window_nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function window_arrayLikeToArray(t,a){(null==a||a>t.length)&&(a=t.length);for(var i=0,o=new Array(a);i<a;i++)o[i]=t[i];return o}function window_classCallCheck(t,a){if(!(t instanceof a))throw new TypeError("Cannot call a class as a function")}function window_defineProperties(t,a){for(var i=0;i<a.length;i++){var o=a[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function _defineProperty(t,a,i){return a in t?Object.defineProperty(t,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[a]=i,t}var f=window,p=function(){function MetaWindow(){var t=this,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{shown:!1},i=arguments.length>1?arguments[1]:void 0;window_classCallCheck(this,MetaWindow),_defineProperty(this,"state",{content:"",type:["empty"],shown:!1,loading:!1,error:!1,embed:!1,collections:[],current:null,target:null,extraClass:null}),_defineProperty(this,"show",(function(){var a=t;console.log("".concat(a.name,": show")),a.setState({shown:!0}),f.dispatchEvent(new Event("{ui.name}.show"))})),_defineProperty(this,"hide",(function(){var a=t;console.log("".concat(a.name,": hide")),a.setState({shown:!1}),f.dispatchEvent(new Event("{ui.name}.hide"))})),_defineProperty(this,"next",(function(){var a=t,i=a.state.current.getAttribute("data-gallery"),o=a._currIndex();o<a.state.collections[i].length-1?o++:o=0,a.state.collections[i][o].click(),console.log("".concat(a.name,": next")),f.dispatchEvent(new Event("{ui.name}.next"))})),_defineProperty(this,"prev",(function(){var a=t,i=a.state.current.getAttribute("data-gallery"),o=a._currIndex();o>0?o--:o=a.state.collections[i].length-1,a.state.collections[i][o].click(),console.log("".concat(a.name,": prev")),f.dispatchEvent(new Event("{ui.name}.prev"))})),_defineProperty(this,"reset",(function(){t.setState({content:"",type:["empty"],shown:!1,loading:!1,error:!1,embed:!1})})),_defineProperty(this,"load",(function(a){var i=t;i.reset(),i.setState({loading:!0}),i.show(),fetch(a).then((function(t){var o=t.headers.get("content-type");console.log(t),console.log("".concat(i.name,": response content-type: ").concat(o));switch(o){case"image/jpeg":case"image/png":case"image/svg+xml":case"image/bmp":case"image/gif":case"image/tiff":case"image/webp":case"image/jpg":case"image/svg":t.arrayBuffer().then((function(t){i.setContent('<img src="data:'.concat(o,";base64,").concat(i._imageEncode(t),'" />'),"meta-".concat(i.name,"--image"))}));break;case"application/json":case"application/ld+json":case"application/json; charset=UTF-8":i.setContent("".concat((!1).Content),["meta-".concat(i.name,"--text"),"meta-".concat(i.name,"--html"),"meta-".concat(i.name,"--json")]);break;case"video/mp4":i.setContent('<video controls autoplay><source src="'.concat(a,'" type="video/mp4">Your browser does not support the video tag.</video>'),["meta-".concat(i.name,"--image"),"meta-".concat(i.name,"--video")]);break;case"text/html":case"application/xhtml+xml":case"text/plain":case"text/html; charset=UTF-8":case"application/xhtml+xml; charset=UTF-8":case"text/plain; charset=UTF-8":i.setContent(t.data,["meta-".concat(i.name,"--text"),"meta-".concat(i.name,"--html"),"meta-".concat(i.name,"--pajax")]);break;default:console.warn("".concat(i.name,": Unknown response content-type!"))}f.dispatchEvent(new Event("{ui.name}.loaded"))})).catch((function(t){console.error(t);var a="";if(t.response)switch(t.response.status){case 404:a="Not Found.";break;case 500:a="Server issue, please try again latter.";break;default:a="Something went wrong."}else t.request?a="No response received":console.warn("Error",t.message);i.setState({error:a}),f.dispatchEvent(new Event("{ui.name}.error"))})).then((function(){i.setState({loading:!1}),setTimeout((function(){i.state.current.classList.remove("loading")}),3e3)}))})),_defineProperty(this,"_currIndex",(function(){var a=t,i=a.state.current,o=i.getAttribute("data-gallery");return a.state.collections[o].indexOf(i)})),_defineProperty(this,"embed",(function(a){var i=t;console.log("".concat(i.name,": embed")),i.reset(),i.setState({embed:a,loading:!1,type:["meta-".concat(i.name,"--embed"),"meta-".concat(i.name,"--video")]}),i.show()})),_defineProperty(this,"setCaption",(function(a){var i=t;console.log("".concat(i.name,": setCaption")),i.state.caption=a})),_defineProperty(this,"addExtraClass",(function(a){var i=t;a&&a.length&&(console.log("".concat(i.name,": addExtraClass(").concat(a,")")),i.state.extraClass=a)})),_defineProperty(this,"getCaption",(function(){return t.state.caption})),_defineProperty(this,"_imageEncode",(function(t){var a="";return[].slice.call(new Uint8Array(t)).forEach((function(t){return a+=String.fromCharCode(t)})),window.btoa(a)})),_defineProperty(this,"setContent",(function(a,i){var o=t;console.log("".concat(o.name,": setContent"));var s=i||["meta-".concat(o.name,"--html"),"meta-".concat(o.name,"--text")];Array.isArray(s)||(s=i.split(" ")),o.setState({content:a,type:s})})),_defineProperty(this,"getHtml",(function(){var a=t;if(a.state.embed){var i=__webpack_require__(826)(a.state.embed);a.state.content='<iframe width="600" height="380" src="'.concat(i,'" frameborder="0"></iframe>')}return a.state.content}));var o=this;switch(o.name=o.constructor.name,console.log("".concat(o.name,": init")),o.setState(a),i){case"show":case"hide":o.hide()}f.dispatchEvent(new Event("{ui.name}.init"))}return function window_createClass(t,a,i){return a&&window_defineProperties(t.prototype,a),i&&window_defineProperties(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t}(MetaWindow,[{key:"init",value:function init(){var t=this;console.log("MetaWindow: [links] init"),document.querySelectorAll('[data-toggle="lightbox"],[data-gallery="${gallery}"]').forEach((function(a){var i=a.getAttribute("data-gallery");i&&(t.state.collections[i]=[],document.querySelectorAll('[data-toggle="lightbox"][data-gallery="'.concat(i,'"]')).forEach((function(a){t.state.collections[i].push(a)}))),a.addEventListener("click",(function(a){a.preventDefault(),console.log("MetaWindow: [link] click");var i=a.currentTarget,o=i.getAttribute("href")||i.getAttribute("data-href"),s=i.getAttribute("data-embed");i.classList.add("loading"),t.state.current=i,s?t.embed(o):t.load(o);var c=i.getAttribute("data-title");c&&t.setCaption(c),t.addExtraClass(i.getAttribute("data-lightbox-class"))}))}))}},{key:"setState",value:function setState(t){var a=this;a.state=Object.assign({},a.state,t),a.render()}},{key:"render",value:function render(){var t,a=this,i=a.name,o=a.state.current;a.state.target.innerHTML="";var s=document.createElement("div");s.classList.add("meta-".concat(i)),(t=s.classList).add.apply(t,window_toConsumableArray(a.state.type)),a.state.target.append(s);var c=document.createElement("div");c.classList.add("meta-".concat(i,"-overlay")),a.state.shown&&c.classList.add("meta-".concat(i,"-overlay--open")),a.state.loading&&c.classList.add("meta-".concat(i,"-overlay--loading")),a.state.error&&c.classList.add("meta-".concat(i,"-overlay--error")),s.append(c);var l=document.createElement("div");l.classList.add("meta-content"),c.append(l);var u=document.createElement("button");if(u.classList.add("meta-nav","meta-close","a"),u.innerHTML='<i class="icon fa fas fa-times"></i> <span class="visually-hidden">Close</span>',u.addEventListener("click",(function(t){t.preventDefault(),a.hide()})),l.append(u),o){var f=o.getAttribute("data-gallery");if(f&&a.state.collections[f].length>1){var p=document.createElement("nav");p.classList.add("meta-navs");var h=document.createElement("button");h.classList.add("meta-nav","meta-nav-arrow","meta-nav-arrow__prev","a"),h.innerHTML='<i class="icon fa fas fa-chevron-left"></i> <span class="visually-hidden">Previous</span>',h.addEventListener("click",(function(t){t.preventDefault(),a.prev()})),p.append(h);var v=document.createElement("button");v.classList.add("meta-nav","meta-nav-arrow","meta-nav-arrow__next","a"),v.innerHTML='<i class="icon fa fas fa-chevron-right"></i> <span class="visually-hidden">Next</span>',v.addEventListener("click",(function(t){t.preventDefault(),a.next()})),p.append(v),l.append(p)}}var g=document.createElement("section");if(g.classList.add("meta-wrap","typography"),a.state.extraClass&&g.classList.add(a.state.extraClass),g.innerHTML=a.getHtml(),l.append(g),a.state.error){var b=document.createElement("div");b.classList.add("meta-error"),b.innerHTML=a.state.error,l.append(b)}else if(a.state.caption){var w=document.createElement("div");w.classList.add("meta-caption"),w.innerHTML=a.getCaption(),l.append(w)}return"undefined"!==typeof window.FontAwesome&&window.FontAwesome.dom.i2svg(),a}}]),MetaWindow}(),h=p,v=document.getElementById("MetaLightboxApp");v||console.log("MetaWindow: missing container #MetaLightboxApp");var g=function init(){var t=window.MetaWindow;"undefined"===typeof t&&(t=new h({target:v}),window.MetaWindow=t),t.init()};window.addEventListener("".concat(u),g),window.addEventListener("".concat(l),g),window.addEventListener("MetaWindow.initLinks",g);function _typeof(t){return _typeof="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},_typeof(t)}var b="transitionend",w=function getSelector(t){var a=t.getAttribute("data-bs-target");if(!a||"#"===a){var i=t.getAttribute("href");if(!i||!i.includes("#")&&!i.startsWith("."))return null;i.includes("#")&&!i.startsWith("#")&&(i="#".concat(i.split("#")[1])),a=i&&"#"!==i?i.trim():null}return a},_=function getTransitionDurationFromElement(t){if(!t)return 0;var a=window.getComputedStyle(t),i=a.transitionDuration,o=a.transitionDelay,s=Number.parseFloat(i),c=Number.parseFloat(o);return s||c?(i=i.split(",")[0],o=o.split(",")[0],1e3*(Number.parseFloat(i)+Number.parseFloat(o))):0},k=function triggerTransitionEnd(t){t.dispatchEvent(new Event(b))},E=function isElement(t){return!(!t||"object"!==_typeof(t))&&("undefined"!==typeof t.jquery&&(t=t[0]),"undefined"!==typeof t.nodeType)},A=function getElement(t){return E(t)?t.jquery?t[0]:t:"string"===typeof t&&t.length>0?document.querySelector(t):null},O=function isVisible(t){return!(!E(t)||0===t.getClientRects().length)&&"visible"===getComputedStyle(t).getPropertyValue("visibility")},S=function getjQuery(){var jQuery=window.jQuery;return jQuery&&!document.body.hasAttribute("data-bs-no-jquery")?jQuery:null},L=[],T=function isRTL(){return"rtl"===document.documentElement.dir},P=function execute(t){"function"===typeof t&&t()},C=function executeAfterTransition(t,a){var i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];if(i){var o=5,s=_(a)+o,c=!1,l=function handler(i){i.target===a&&(c=!0,a.removeEventListener(b,handler),P(t))};a.addEventListener(b,l),setTimeout((function(){c||k(a)}),s)}else P(t)};function _slicedToArray(t,a){return function _arrayWithHoles(t){if(Array.isArray(t))return t}(t)||function _iterableToArrayLimit(t,a){var i=null==t?null:"undefined"!==typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null==i)return;var o,s,c=[],l=!0,u=!1;try{for(i=i.call(t);!(l=(o=i.next()).done)&&(c.push(o.value),!a||c.length!==a);l=!0);}catch(f){u=!0,s=f}finally{try{l||null==i.return||i.return()}finally{if(u)throw s}}return c}(t,a)||function event_handler_unsupportedIterableToArray(t,a){if(!t)return;if("string"===typeof t)return event_handler_arrayLikeToArray(t,a);var i=Object.prototype.toString.call(t).slice(8,-1);"Object"===i&&t.constructor&&(i=t.constructor.name);if("Map"===i||"Set"===i)return Array.from(t);if("Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))return event_handler_arrayLikeToArray(t,a)}(t,a)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function event_handler_arrayLikeToArray(t,a){(null==a||a>t.length)&&(a=t.length);for(var i=0,o=new Array(a);i<a;i++)o[i]=t[i];return o}var V=/[^.]*(?=\..*)\.|.*/,x=/\..*/,I=/::\d+$/,j={},N=1,Y={mouseenter:"mouseover",mouseleave:"mouseout"},R=/^(mouseenter|mouseleave)/i,F=new Set(["click","dblclick","mouseup","mousedown","contextmenu","mousewheel","DOMMouseScroll","mouseover","mouseout","mousemove","selectstart","selectend","keydown","keypress","keyup","orientationchange","touchstart","touchmove","touchend","touchcancel","pointerdown","pointermove","pointerup","pointerleave","pointercancel","gesturestart","gesturechange","gestureend","focus","blur","change","reset","select","submit","focusin","focusout","load","unload","beforeunload","resize","move","DOMContentLoaded","readystatechange","error","abort","scroll"]);function getUidEvent(t,a){return a&&"".concat(a,"::").concat(N++)||t.uidEvent||N++}function getEvent(t){var a=getUidEvent(t);return t.uidEvent=a,j[a]=j[a]||{},j[a]}function findHandler(t,a){for(var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o=Object.keys(t),s=0,c=o.length;s<c;s++){var l=t[o[s]];if(l.originalHandler===a&&l.delegationSelector===i)return l}return null}function normalizeParams(t,a,i){var o="string"===typeof a,s=o?i:a,c=getTypeEvent(t);return F.has(c)||(c=t),[o,s,c]}function addHandler(t,a,i,o,s){if("string"===typeof a&&t){if(i||(i=o,o=null),R.test(a)){var c=function wrapFn(t){return function(a){if(!a.relatedTarget||a.relatedTarget!==a.delegateTarget&&!a.delegateTarget.contains(a.relatedTarget))return t.call(this,a)}};o?o=c(o):i=c(i)}var l=_slicedToArray(normalizeParams(a,i,o),3),u=l[0],f=l[1],p=l[2],h=getEvent(t),v=h[p]||(h[p]={}),g=findHandler(v,f,u?i:null);if(g)g.oneOff=g.oneOff&&s;else{var b=getUidEvent(f,a.replace(V,"")),w=u?function bootstrapDelegationHandler(t,a,i){return function handler(o){for(var s=t.querySelectorAll(a),c=o.target;c&&c!==this;c=c.parentNode)for(var l=s.length;l--;)if(s[l]===c)return o.delegateTarget=c,handler.oneOff&&B.off(t,o.type,a,i),i.apply(c,[o]);return null}}(t,i,o):function bootstrapHandler(t,a){return function handler(i){return i.delegateTarget=t,handler.oneOff&&B.off(t,i.type,a),a.apply(t,[i])}}(t,i);w.delegationSelector=u?i:null,w.originalHandler=f,w.oneOff=s,w.uidEvent=b,v[b]=w,t.addEventListener(p,w,u)}}}function removeHandler(t,a,i,o,s){var c=findHandler(a[i],o,s);c&&(t.removeEventListener(i,c,Boolean(s)),delete a[i][c.uidEvent])}function getTypeEvent(t){return t=t.replace(x,""),Y[t]||t}var B={on:function on(t,a,i,o){addHandler(t,a,i,o,!1)},one:function one(t,a,i,o){addHandler(t,a,i,o,!0)},off:function off(t,a,i,o){if("string"===typeof a&&t){var s=_slicedToArray(normalizeParams(a,i,o),3),c=s[0],l=s[1],u=s[2],f=u!==a,p=getEvent(t),h=a.startsWith(".");if("undefined"===typeof l){h&&Object.keys(p).forEach((function(i){!function removeNamespacedHandlers(t,a,i,o){var s=a[i]||{};Object.keys(s).forEach((function(c){if(c.includes(o)){var l=s[c];removeHandler(t,a,i,l.originalHandler,l.delegationSelector)}}))}(t,p,i,a.slice(1))}));var v=p[u]||{};Object.keys(v).forEach((function(i){var o=i.replace(I,"");if(!f||a.includes(o)){var s=v[i];removeHandler(t,p,u,s.originalHandler,s.delegationSelector)}}))}else{if(!p||!p[u])return;removeHandler(t,p,u,l,c?i:null)}}},trigger:function trigger(t,a,i){if("string"!==typeof a||!t)return null;var o,$=S(),s=getTypeEvent(a),c=a!==s,l=F.has(s),u=!0,f=!0,p=!1,h=null;return c&&$&&(o=$.Event(a,i),$(t).trigger(o),u=!o.isPropagationStopped(),f=!o.isImmediatePropagationStopped(),p=o.isDefaultPrevented()),l?(h=document.createEvent("HTMLEvents")).initEvent(s,u,!0):h=new CustomEvent(a,{bubbles:u,cancelable:!0}),"undefined"!==typeof i&&Object.keys(i).forEach((function(t){Object.defineProperty(h,t,{get:function get(){return i[t]}})})),p&&h.preventDefault(),f&&t.dispatchEvent(h),h.defaultPrevented&&"undefined"!==typeof o&&o.preventDefault(),h}},H=B;function normalizeData(t){return"true"===t||"false"!==t&&(t===Number(t).toString()?Number(t):""===t||"null"===t?null:t)}function normalizeDataKey(t){return t.replace(/[A-Z]/g,(function(t){return"-".concat(t.toLowerCase())}))}var W={setDataAttribute:function setDataAttribute(t,a,i){t.setAttribute("data-bs-".concat(normalizeDataKey(a)),i)},removeDataAttribute:function removeDataAttribute(t,a){t.removeAttribute("data-bs-".concat(normalizeDataKey(a)))},getDataAttributes:function getDataAttributes(t){if(!t)return{};var a={};return Object.keys(t.dataset).filter((function(t){return t.startsWith("bs")})).forEach((function(i){var o=i.replace(/^bs/,"");o=o.charAt(0).toLowerCase()+o.slice(1,o.length),a[o]=normalizeData(t.dataset[i])})),a},getDataAttribute:function getDataAttribute(t,a){return normalizeData(t.getAttribute("data-bs-".concat(normalizeDataKey(a))))},offset:function offset(t){var a=t.getBoundingClientRect();return{top:a.top+window.pageYOffset,left:a.left+window.pageXOffset}},position:function position(t){return{top:t.offsetTop,left:t.offsetLeft}}};function selector_engine_toConsumableArray(t){return function selector_engine_arrayWithoutHoles(t){if(Array.isArray(t))return selector_engine_arrayLikeToArray(t)}(t)||function selector_engine_iterableToArray(t){if("undefined"!==typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function selector_engine_unsupportedIterableToArray(t,a){if(!t)return;if("string"===typeof t)return selector_engine_arrayLikeToArray(t,a);var i=Object.prototype.toString.call(t).slice(8,-1);"Object"===i&&t.constructor&&(i=t.constructor.name);if("Map"===i||"Set"===i)return Array.from(t);if("Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))return selector_engine_arrayLikeToArray(t,a)}(t)||function selector_engine_nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function selector_engine_arrayLikeToArray(t,a){(null==a||a>t.length)&&(a=t.length);for(var i=0,o=new Array(a);i<a;i++)o[i]=t[i];return o}var U={find:function find(t){var a,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document.documentElement;return(a=[]).concat.apply(a,selector_engine_toConsumableArray(Element.prototype.querySelectorAll.call(i,t)))},findOne:function findOne(t){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document.documentElement;return Element.prototype.querySelector.call(a,t)},children:function children(t,a){var i;return(i=[]).concat.apply(i,selector_engine_toConsumableArray(t.children)).filter((function(t){return t.matches(a)}))},parents:function parents(t,a){for(var parents=[],i=t.parentNode;i&&i.nodeType===Node.ELEMENT_NODE&&3!==i.nodeType;)i.matches(a)&&parents.push(i),i=i.parentNode;return parents},prev:function prev(t,a){for(var i=t.previousElementSibling;i;){if(i.matches(a))return[i];i=i.previousElementSibling}return[]},next:function next(t,a){for(var next=t.nextElementSibling;next;){if(next.matches(a))return[next];next=next.nextElementSibling}return[]},focusableChildren:function focusableChildren(t){var a=["a","button","input","textarea","select","details","[tabindex]",'[contenteditable="true"]'].map((function(t){return"".concat(t,':not([tabindex^="-"])')})).join(", ");return this.find(a,t).filter((function(t){return!function isDisabled(t){return!t||t.nodeType!==Node.ELEMENT_NODE||!!t.classList.contains("disabled")||("undefined"!==typeof t.disabled?t.disabled:t.hasAttribute("disabled")&&"false"!==t.getAttribute("disabled"))}(t)&&O(t)}))}},z=U,q=new Map,K=function set(t,a,i){q.has(t)||q.set(t,new Map);var o=q.get(t);o.has(a)||0===o.size?o.set(a,i):console.error("Bootstrap doesn't allow more than one instance per element. Bound instance: ".concat(Array.from(o.keys())[0],"."))},X=function get(t,a){return q.has(t)&&q.get(t).get(a)||null},J=function remove(t,a){if(q.has(t)){var i=q.get(t);i.delete(a),0===i.size&&q.delete(t)}};function base_component_typeof(t){return base_component_typeof="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},base_component_typeof(t)}function base_component_defineProperties(t,a){for(var i=0;i<a.length;i++){var o=a[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var Z,G=function(){function BaseComponent(t){!function base_component_classCallCheck(t,a){if(!(t instanceof a))throw new TypeError("Cannot call a class as a function")}(this,BaseComponent),(t=A(t))&&(this._element=t,K(this._element,this.constructor.DATA_KEY,this))}return function base_component_createClass(t,a,i){return a&&base_component_defineProperties(t.prototype,a),i&&base_component_defineProperties(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t}(BaseComponent,[{key:"dispose",value:function dispose(){var t=this;J(this._element,this.constructor.DATA_KEY),H.off(this._element,this.constructor.EVENT_KEY),Object.getOwnPropertyNames(this).forEach((function(a){t[a]=null}))}},{key:"_queueCallback",value:function _queueCallback(t,a){var i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];C(t,a,i)}}],[{key:"getInstance",value:function getInstance(t){return X(A(t),this.DATA_KEY)}},{key:"getOrCreateInstance",value:function getOrCreateInstance(t){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.getInstance(t)||new this(t,"object"===base_component_typeof(a)?a:null)}},{key:"VERSION",get:function get(){return"5.1.3"}},{key:"NAME",get:function get(){throw new Error('You have to implement the static method "NAME", for each component!')}},{key:"DATA_KEY",get:function get(){return"bs.".concat(this.NAME)}},{key:"EVENT_KEY",get:function get(){return".".concat(this.DATA_KEY)}}]),BaseComponent}(),Q=G;function carousel_typeof(t){return carousel_typeof="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},carousel_typeof(t)}function ownKeys(t,a){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);a&&(o=o.filter((function(a){return Object.getOwnPropertyDescriptor(t,a).enumerable}))),i.push.apply(i,o)}return i}function _objectSpread(t){for(var a=1;a<arguments.length;a++){var i=null!=arguments[a]?arguments[a]:{};a%2?ownKeys(Object(i),!0).forEach((function(a){carousel_defineProperty(t,a,i[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(a){Object.defineProperty(t,a,Object.getOwnPropertyDescriptor(i,a))}))}return t}function carousel_defineProperties(t,a){for(var i=0;i<a.length;i++){var o=a[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function _setPrototypeOf(t,a){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,a){return t.__proto__=a,t},_setPrototypeOf(t,a)}function _createSuper(t){var a=function _isNativeReflectConstruct(){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 _createSuperInternal(){var i,o=_getPrototypeOf(t);if(a){var s=_getPrototypeOf(this).constructor;i=Reflect.construct(o,arguments,s)}else i=o.apply(this,arguments);return _possibleConstructorReturn(this,i)}}function _possibleConstructorReturn(t,a){if(a&&("object"===carousel_typeof(a)||"function"===typeof a))return a;if(void 0!==a)throw new TypeError("Derived constructors may only return object or undefined");return function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function carousel_defineProperty(t,a,i){return a in t?Object.defineProperty(t,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[a]=i,t}var ee="carousel",te=".".concat("bs.carousel"),ne=".data-api",re={interval:5e3,keyboard:!0,slide:!1,pause:"hover",wrap:!0,touch:!0},ae={interval:"(number|boolean)",keyboard:"boolean",slide:"(boolean|string)",pause:"(string|boolean)",wrap:"boolean",touch:"boolean"},ie="next",oe="prev",se="left",ce="right",le=(carousel_defineProperty(Z={},"ArrowLeft",ce),carousel_defineProperty(Z,"ArrowRight",se),Z),ue="slide".concat(te),de="slid".concat(te),fe="keydown".concat(te),pe="mouseenter".concat(te),he="mouseleave".concat(te),ye="touchstart".concat(te),ve="touchmove".concat(te),me="touchend".concat(te),ge="pointerdown".concat(te),be="pointerup".concat(te),we="dragstart".concat(te),_e="load".concat(te).concat(ne),ke="click".concat(te).concat(ne),De="active",Ee=".active.carousel-item",Ae=function(t){!function _inherits(t,a){if("function"!==typeof a&&null!==a)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(a&&a.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),a&&_setPrototypeOf(t,a)}(Carousel,t);var a=_createSuper(Carousel);function Carousel(t,i){var o;return function carousel_classCallCheck(t,a){if(!(t instanceof a))throw new TypeError("Cannot call a class as a function")}(this,Carousel),(o=a.call(this,t))._items=null,o._interval=null,o._activeElement=null,o._isPaused=!1,o._isSliding=!1,o.touchTimeout=null,o.touchStartX=0,o.touchDeltaX=0,o._config=o._getConfig(i),o._indicatorsElement=z.findOne(".carousel-indicators",o._element),o._touchSupported="ontouchstart"in document.documentElement||navigator.maxTouchPoints>0,o._pointerEvent=Boolean(window.PointerEvent),o._addEventListeners(),o}return function carousel_createClass(t,a,i){return a&&carousel_defineProperties(t.prototype,a),i&&carousel_defineProperties(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t}(Carousel,[{key:"next",value:function next(){this._slide(ie)}},{key:"nextWhenVisible",value:function nextWhenVisible(){!document.hidden&&O(this._element)&&this.next()}},{key:"prev",value:function prev(){this._slide(oe)}},{key:"pause",value:function pause(t){t||(this._isPaused=!0),z.findOne(".carousel-item-next, .carousel-item-prev",this._element)&&(k(this._element),this.cycle(!0)),clearInterval(this._interval),this._interval=null}},{key:"cycle",value:function cycle(t){t||(this._isPaused=!1),this._interval&&(clearInterval(this._interval),this._interval=null),this._config&&this._config.interval&&!this._isPaused&&(this._updateInterval(),this._interval=setInterval((document.visibilityState?this.nextWhenVisible:this.next).bind(this),this._config.interval))}},{key:"to",value:function to(t){var a=this;this._activeElement=z.findOne(Ee,this._element);var i=this._getItemIndex(this._activeElement);if(!(t>this._items.length-1||t<0))if(this._isSliding)H.one(this._element,de,(function(){return a.to(t)}));else{if(i===t)return this.pause(),void this.cycle();var o=t>i?ie:oe;this._slide(o,this._items[t])}}},{key:"_getConfig",value:function _getConfig(t){return t=_objectSpread(_objectSpread(_objectSpread({},re),W.getDataAttributes(this._element)),"object"===carousel_typeof(t)?t:{}),function typeCheckConfig(t,a,i){Object.keys(i).forEach((function(o){var s=i[o],c=a[o],l=c&&E(c)?"element":function toType(t){return null===t||void 0===t?"".concat(t):{}.toString.call(t).match(/\s([a-z]+)/i)[1].toLowerCase()}(c);if(!new RegExp(s).test(l))throw new TypeError("".concat(t.toUpperCase(),': Option "').concat(o,'" provided type "').concat(l,'" but expected type "').concat(s,'".'))}))}(ee,t,ae),t}},{key:"_handleSwipe",value:function _handleSwipe(){var t=Math.abs(this.touchDeltaX);if(!(t<=40)){var a=t/this.touchDeltaX;this.touchDeltaX=0,a&&this._slide(a>0?ce:se)}}},{key:"_addEventListeners",value:function _addEventListeners(){var t=this;this._config.keyboard&&H.on(this._element,fe,(function(a){return t._keydown(a)})),"hover"===this._config.pause&&(H.on(this._element,pe,(function(a){return t.pause(a)})),H.on(this._element,he,(function(a){return t.cycle(a)}))),this._config.touch&&this._touchSupported&&this._addTouchEventListeners()}},{key:"_addTouchEventListeners",value:function _addTouchEventListeners(){var t=this,a=function hasPointerPenTouch(a){return t._pointerEvent&&("pen"===a.pointerType||"touch"===a.pointerType)},i=function start(i){a(i)?t.touchStartX=i.clientX:t._pointerEvent||(t.touchStartX=i.touches[0].clientX)},o=function end(i){a(i)&&(t.touchDeltaX=i.clientX-t.touchStartX),t._handleSwipe(),"hover"===t._config.pause&&(t.pause(),t.touchTimeout&&clearTimeout(t.touchTimeout),t.touchTimeout=setTimeout((function(a){return t.cycle(a)}),500+t._config.interval))};z.find(".carousel-item img",this._element).forEach((function(t){H.on(t,we,(function(t){return t.preventDefault()}))})),this._pointerEvent?(H.on(this._element,ge,(function(t){return i(t)})),H.on(this._element,be,(function(t){return o(t)})),this._element.classList.add("pointer-event")):(H.on(this._element,ye,(function(t){return i(t)})),H.on(this._element,ve,(function(a){return function move(a){t.touchDeltaX=a.touches&&a.touches.length>1?0:a.touches[0].clientX-t.touchStartX}(a)})),H.on(this._element,me,(function(t){return o(t)})))}},{key:"_keydown",value:function _keydown(t){if(!/input|textarea/i.test(t.target.tagName)){var a=le[t.key];a&&(t.preventDefault(),this._slide(a))}}},{key:"_getItemIndex",value:function _getItemIndex(t){return this._items=t&&t.parentNode?z.find(".carousel-item",t.parentNode):[],this._items.indexOf(t)}},{key:"_getItemByOrder",value:function _getItemByOrder(t,a){var i=t===ie;return function getNextActiveElement(t,a,i,o){var s=t.indexOf(a);if(-1===s)return t[!i&&o?t.length-1:0];var c=t.length;return s+=i?1:-1,o&&(s=(s+c)%c),t[Math.max(0,Math.min(s,c-1))]}(this._items,a,i,this._config.wrap)}},{key:"_triggerSlideEvent",value:function _triggerSlideEvent(t,a){var i=this._getItemIndex(t),o=this._getItemIndex(z.findOne(Ee,this._element));return H.trigger(this._element,ue,{relatedTarget:t,direction:a,from:o,to:i})}},{key:"_setActiveIndicatorElement",value:function _setActiveIndicatorElement(t){if(this._indicatorsElement){var a=z.findOne(".active",this._indicatorsElement);a.classList.remove(De),a.removeAttribute("aria-current");for(var i=z.find("[data-bs-target]",this._indicatorsElement),o=0;o<i.length;o++)if(Number.parseInt(i[o].getAttribute("data-bs-slide-to"),10)===this._getItemIndex(t)){i[o].classList.add(De),i[o].setAttribute("aria-current","true");break}}}},{key:"_updateInterval",value:function _updateInterval(){var t=this._activeElement||z.findOne(Ee,this._element);if(t){var a=Number.parseInt(t.getAttribute("data-bs-interval"),10);a?(this._config.defaultInterval=this._config.defaultInterval||this._config.interval,this._config.interval=a):this._config.interval=this._config.defaultInterval||this._config.interval}}},{key:"_slide",value:function _slide(t,a){var i=this,o=this._directionToOrder(t),s=z.findOne(Ee,this._element),c=this._getItemIndex(s),l=a||this._getItemByOrder(o,s),u=this._getItemIndex(l),f=Boolean(this._interval),p=o===ie,h=p?"carousel-item-start":"carousel-item-end",v=p?"carousel-item-next":"carousel-item-prev",g=this._orderToDirection(o);if(l&&l.classList.contains(De))this._isSliding=!1;else if(!this._isSliding&&!this._triggerSlideEvent(l,g).defaultPrevented&&s&&l){this._isSliding=!0,f&&this.pause(),this._setActiveIndicatorElement(l),this._activeElement=l;var b=function triggerSlidEvent(){H.trigger(i._element,de,{relatedTarget:l,direction:g,from:c,to:u})};if(this._element.classList.contains("slide")){l.classList.add(v),function reflow(t){t.offsetHeight}(l),s.classList.add(h),l.classList.add(h);this._queueCallback((function completeCallBack(){l.classList.remove(h,v),l.classList.add(De),s.classList.remove(De,v,h),i._isSliding=!1,setTimeout(b,0)}),s,!0)}else s.classList.remove(De),l.classList.add(De),this._isSliding=!1,b();f&&this.cycle()}}},{key:"_directionToOrder",value:function _directionToOrder(t){return[ce,se].includes(t)?T()?t===se?oe:ie:t===se?ie:oe:t}},{key:"_orderToDirection",value:function _orderToDirection(t){return[ie,oe].includes(t)?T()?t===oe?se:ce:t===oe?ce:se:t}}],[{key:"Default",get:function get(){return re}},{key:"NAME",get:function get(){return ee}},{key:"carouselInterface",value:function carouselInterface(t,a){var i=Carousel.getOrCreateInstance(t,a),o=i._config;"object"===carousel_typeof(a)&&(o=_objectSpread(_objectSpread({},o),a));var s="string"===typeof a?a:o.slide;if("number"===typeof a)i.to(a);else if("string"===typeof s){if("undefined"===typeof i[s])throw new TypeError('No method named "'.concat(s,'"'));i[s]()}else o.interval&&o.ride&&(i.pause(),i.cycle())}},{key:"jQueryInterface",value:function jQueryInterface(t){return this.each((function(){Carousel.carouselInterface(this,t)}))}},{key:"dataApiClickHandler",value:function dataApiClickHandler(t){var a=function getElementFromSelector(t){var a=w(t);return a?document.querySelector(a):null}(this);if(a&&a.classList.contains("carousel")){var i=_objectSpread(_objectSpread({},W.getDataAttributes(a)),W.getDataAttributes(this)),o=this.getAttribute("data-bs-slide-to");o&&(i.interval=!1),Carousel.carouselInterface(a,i),o&&Carousel.getInstance(a).to(o),t.preventDefault()}}}]),Carousel}(Q);H.on(document,ke,"[data-bs-slide], [data-bs-slide-to]",Ae.dataApiClickHandler),H.on(window,_e,(function(){for(var t=z.find('[data-bs-ride="carousel"]'),a=0,i=t.length;a<i;a++)Ae.carouselInterface(t[a],Ae.getInstance(t[a]))})),function defineJQueryPlugin(t){!function onDOMContentLoaded(t){"loading"===document.readyState?(L.length||document.addEventListener("DOMContentLoaded",(function(){L.forEach((function(t){return t()}))})),L.push(t)):t()}((function(){var $=S();if($){var a=t.NAME,i=$.fn[a];$.fn[a]=t.jQueryInterface,$.fn[a].Constructor=t,$.fn[a].noConflict=function(){return $.fn[a]=i,t.jQueryInterface}}}))}(Ae);var Oe=Ae;(function(a){var i="js-carousel",o=function init(){console.log("".concat(i,": init")),document.querySelectorAll(".".concat(i)).forEach((function(t,a){var o=new Oe(t,{interval:!!t.dataset.bsInterval&&parseInt(t.dataset.bsInterval)});t.ui=o;var s=t.querySelectorAll(".carousel-item"),c=parseInt(s.length);if(t.dataset.bsArrows){var l=document.createElement("button");l.classList.add("carousel-control-next"),l.setAttribute("type","button"),l.setAttribute("aria-label","Next Slide"),l.setAttribute("data-bs-target",t.getAttribute("id")),l.setAttribute("data-bs-slide","next"),l.addEventListener("click",(function(t){o.next()})),l.innerHTML='<span class="carousel-control-next-icon" aria-hidden="true"></span><span class="visually-hidden">Next</span>',t.appendChild(l);var u=document.createElement("button");u.setAttribute("type","button"),u.setAttribute("aria-label","Previous Slide"),u.classList.add("carousel-control-prev"),u.setAttribute("data-bs-target",t.getAttribute("id")),u.setAttribute("data-bs-slide","prev"),u.addEventListener("click",(function(t){o.prev()})),u.innerHTML='<span class="carousel-control-prev-icon" aria-hidden="true"></span><span class="visually-hidden">Previous</span>',t.appendChild(u)}if(t.dataset.bsIndicators&&function(){var a=document.createElement("div");a.classList.add("carousel-indicators");for(var i=0;i<c;){var s=document.createElement("button");s.setAttribute("type","button"),s.setAttribute("aria-label","Slide to #".concat(i+1)),0==i&&s.classList.add("active"),s.setAttribute("data-bs-target",t.getAttribute("id")),s.setAttribute("data-bs-slide-to",i),s.addEventListener("click",(function(t){var i=t.target;o.to(i.getAttribute("data-bs-slide-to")),a.querySelectorAll(".active").forEach((function(t){t.classList.remove("active")})),i.classList.add("active")})),a.appendChild(s),i++}t.appendChild(a),t.addEventListener("slide.bs.carousel",(function(a){t.querySelectorAll(".carousel-indicators .active").forEach((function(t){t.classList.remove("active")})),t.querySelectorAll('.carousel-indicators [data-bs-slide-to="'.concat(a.to,'"]')).forEach((function(t){t.classList.add("active")}))}))}(),t.classList.contains("carousel-multislide")){var f=new ResizeObserver((function(t){var a=t[0],i=a.target,s=a.contentRect,l=i.querySelectorAll(".carousel-item"),u=s.width,f=(s.height,Math.min(parseInt(i.dataset.length),c)),p=u/f;i.dataset.itemWidth=p,i.dataset.numToDisplay=f,i.querySelector(".carousel-inner").style.width="".concat(c*p,"px"),l.forEach((function(t,a){t.style.width="".concat(p,"px")})),c===f&&(i.classList.add("js-carousel-no-slide"),o.pause())}));f.observe(t),t.addEventListener("slide.bs.carousel",(function(a){var i=t.querySelector(".carousel-inner");switch(a.direction){case"left":case"right":i.style.left="".concat(-a.to*t.dataset.itemWidth,"px")}})),t.classList.add("".concat(i,"-multislide-active"))}else 1===s.length&&t.classList.add("js-carousel-no-slide");t.classList.add("".concat(i,"-active"))}))};a.addEventListener("".concat(t.LODEDANDREADY),o),a.addEventListener("".concat(t.AJAX),o)})(window),function(a){var i="js-dropdown",o=function HideAll(){document.querySelectorAll(".dropdown-menu").forEach((function(t,a){t.classList.remove("show")}))},s=function Show(t){t.currentTarget.querySelector(".dropdown-menu").classList.add("show")},c=function Hide(t){t.currentTarget.querySelector(".dropdown-menu").classList.remove("show")},l=function init(){console.log("".concat(i,": init"));var t=document.querySelectorAll(".".concat(i,',[data-bs-toggle="dropdown"]')),a=document.querySelectorAll('[data-bs-toggle="hover"]'),l=function attachClickEvents(t){t.addEventListener("click",(function(t){t.preventDefault(),function Toggle(t){o(),t.querySelector(".dropdown-menu").classList.toggle("show")}(t.currentTarget.closest(".dropdown"))})),t.classList.add("".concat(i,"-active"))};document.addEventListener("click",(function(t){var a=!1,i=t.path||t.composedPath&&t.composedPath();i||console.warn("Browser does not provide event path to hide dropdowns on outside click"),i.forEach((function(t,i){a||(t===document&&o(),t.classList&&t.classList.contains("dropdown-toggle")&&(a=!0))}))})),a.forEach((function(t,a){!function attachHoverEvents(t){t.addEventListener("mouseover",s,!1),t.addEventListener("mouseout",c,!1),t.classList.add("".concat(i,"-active"))}(t.closest(".dropdown"))})),t.forEach((function(t,a){l(t)}))};a.addEventListener("".concat(t.LODEDANDREADY),l),a.addEventListener("".concat(t.AJAX),l)}(window);function hasProperty(t,a){return Object.prototype.hasOwnProperty.call(t,a)}function lastItemOf(t){return t[t.length-1]}function pushUnique(t){for(var a=arguments.length,i=new Array(a>1?a-1:0),o=1;o<a;o++)i[o-1]=arguments[o];return i.forEach((function(a){t.includes(a)||t.push(a)})),t}function stringToArray(t,a){return t?t.split(a):[]}function isInRange(t,a,i){return(void 0===a||t>=a)&&(void 0===i||t<=i)}function limitToRange(t,a,i){return t<a?a:t>i?i:t}function createTagRepeat(t,a){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",c=Object.keys(i).reduce((function(t,a){var s=i[a];return"function"===typeof s&&(s=s(o)),"".concat(t," ").concat(a,'="').concat(s,'"')}),t);s+="<".concat(c,"></").concat(t,">");var l=o+1;return l<a?createTagRepeat(t,a,i,l,s):s}function optimizeTemplateHTML(t){return t.replace(/>\s+/g,">").replace(/\s+</,"<")}function stripTime(t){return new Date(t).setHours(0,0,0,0)}function today(){return(new Date).setHours(0,0,0,0)}function dateValue(){switch(arguments.length){case 0:return today();case 1:return stripTime(arguments.length<=0?void 0:arguments[0])}var t=new Date(0);return t.setFullYear.apply(t,arguments),t.setHours(0,0,0,0)}function addDays(t,a){var i=new Date(t);return i.setDate(i.getDate()+a)}function addMonths(t,a){var i=new Date(t),o=i.getMonth()+a,s=o%12;s<0&&(s+=12);var c=i.setMonth(o);return i.getMonth()!==s?i.setDate(0):c}function addYears(t,a){var i=new Date(t),o=i.getMonth(),s=i.setFullYear(i.getFullYear()+a);return 1===o&&2===i.getMonth()?i.setDate(0):s}function dayDiff(t,a){return(t-a+7)%7}function dayOfTheWeekOf(t,a){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,o=new Date(t).getDay();return addDays(t,dayDiff(a,i)-dayDiff(o,i))}function startOfYearPeriod(t,a){var i=new Date(t).getFullYear();return Math.floor(i/a)*a}function regularizeDate(t,a,i){if(1!==a&&2!==a)return t;var o=new Date(t);return 1===a?i?o.setMonth(o.getMonth()+1,0):o.setDate(1):i?o.setFullYear(o.getFullYear()+1,0,0):o.setMonth(0,1),o.setHours(0,0,0,0)}var Se=/dd?|DD?|mm?|MM?|yy?(?:yy)?/,Le=/[\s!-/:-@[-`{-~\u5e74\u6708\u65e5]+/,Te={},Pe={y:function y(t,a){return new Date(t).setFullYear(parseInt(a,10))},m:function m(t,a,i){var o=new Date(t),s=parseInt(a,10)-1;if(isNaN(s)){if(!a)return NaN;var c=a.toLowerCase(),l=function compareNames(t){return t.toLowerCase().startsWith(c)};if((s=i.monthsShort.findIndex(l))<0&&(s=i.months.findIndex(l)),s<0)return NaN}return o.setMonth(s),o.getMonth()!==normalizeMonth(s)?o.setDate(0):o.getTime()},d:function d(t,a){return new Date(t).setDate(parseInt(a,10))}},Ce={d:function d(t){return t.getDate()},dd:function dd(t){return padZero(t.getDate(),2)},D:function D(t,a){return a.daysShort[t.getDay()]},DD:function DD(t,a){return a.days[t.getDay()]},m:function m(t){return t.getMonth()+1},mm:function mm(t){return padZero(t.getMonth()+1,2)},M:function M(t,a){return a.monthsShort[t.getMonth()]},MM:function MM(t,a){return a.months[t.getMonth()]},y:function y(t){return t.getFullYear()},yy:function yy(t){return padZero(t.getFullYear(),2).slice(-2)},yyyy:function yyyy(t){return padZero(t.getFullYear(),4)}};function normalizeMonth(t){return t>-1?t%12:normalizeMonth(t+12)}function padZero(t,a){return t.toString().padStart(a,"0")}function parseFormatString(t){if("string"!==typeof t)throw new Error("Invalid date format.");if(t in Te)return Te[t];var a=t.split(Se),i=t.match(new RegExp(Se,"g"));if(0===a.length||!i)throw new Error("Invalid date format.");var o=i.map((function(t){return Ce[t]})),s=Object.keys(Pe).reduce((function(t,a){return i.find((function(t){return"D"!==t[0]&&t[0].toLowerCase()===a}))&&t.push(a),t}),[]);return Te[t]={parser:function parser(t,a){var o=t.split(Le).reduce((function(t,a,o){if(a.length>0&&i[o]){var s=i[o][0];"M"===s?t.m=a:"D"!==s&&(t[s]=a)}return t}),{});return s.reduce((function(t,i){var s=Pe[i](t,o[i],a);return isNaN(s)?t:s}),today())},formatter:function formatter(t,i){return o.reduce((function(o,s,c){return o+"".concat(a[c]).concat(s(t,i))}),"")+lastItemOf(a)}}}function date_format_parseDate(t,a,i){if(t instanceof Date||"number"===typeof t){var o=stripTime(t);return isNaN(o)?void 0:o}if(t){if("today"===t)return today();if(a&&a.toValue){var s=a.toValue(t,a,i);return isNaN(s)?void 0:stripTime(s)}return parseFormatString(a).parser(t,i)}}function date_format_formatDate(t,a,i){if(isNaN(t)||!t&&0!==t)return"";var o="number"===typeof t?new Date(t):t;return a.toDisplay?a.toDisplay(o,a,i):parseFormatString(a).formatter(o,i)}var Ve=document.createRange();function parseHTML(t){return Ve.createContextualFragment(t)}function getParent(t){return t.parentElement||(t.parentNode instanceof ShadowRoot?t.parentNode.host:void 0)}function isActiveElement(t){return t.getRootNode().activeElement===t}function hideElement(t){"none"!==t.style.display&&(t.style.display&&(t.dataset.styleDisplay=t.style.display),t.style.display="none")}function showElement(t){"none"===t.style.display&&(t.dataset.styleDisplay?(t.style.display=t.dataset.styleDisplay,delete t.dataset.styleDisplay):t.style.display="")}function emptyChildNodes(t){t.firstChild&&(t.removeChild(t.firstChild),emptyChildNodes(t))}function _toArray(t){return function event_arrayWithHoles(t){if(Array.isArray(t))return t}(t)||event_iterableToArray(t)||event_unsupportedIterableToArray(t)||function event_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function event_toConsumableArray(t){return function event_arrayWithoutHoles(t){if(Array.isArray(t))return event_arrayLikeToArray(t)}(t)||event_iterableToArray(t)||event_unsupportedIterableToArray(t)||function event_nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function event_unsupportedIterableToArray(t,a){if(t){if("string"===typeof t)return event_arrayLikeToArray(t,a);var i=Object.prototype.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?event_arrayLikeToArray(t,a):void 0}}function event_iterableToArray(t){if("undefined"!==typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function event_arrayLikeToArray(t,a){(null==a||a>t.length)&&(a=t.length);for(var i=0,o=new Array(a);i<a;i++)o[i]=t[i];return o}var Me=new WeakMap,xe=EventTarget.prototype,Ie=xe.addEventListener,je=xe.removeEventListener;function registerListeners(t,a){var i=Me.get(t);i||(i=[],Me.set(t,i)),a.forEach((function(t){Ie.call.apply(Ie,event_toConsumableArray(t)),i.push(t)}))}if(!Event.prototype.composedPath){var Ne=function getComposedPath(t){var a,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return i.push(t),t.parentNode?a=t.parentNode:t.host?a=t.host:t.defaultView&&(a=t.defaultView),a?getComposedPath(a,i):i};Event.prototype.composedPath=function(){return Ne(this.target)}}function findFromPath(t,a,i){var o=_toArray(t),s=o[0],c=o.slice(1);return a(s)?s:s!==i&&"HTML"!==s.tagName&&0!==c.length?findFromPath(c,a,i):void 0}function findElementInEventPath(t,a){var i="function"===typeof a?a:function(t){return t instanceof Element&&t.matches(a)};return findFromPath(t.composedPath(),i,t.currentTarget)}var Ye={en:{days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],daysShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],daysMin:["Su","Mo","Tu","We","Th","Fr","Sa"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],monthsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],today:"Today",clear:"Clear",titleFormat:"MM y"}},Re={autohide:!1,beforeShowDay:null,beforeShowDecade:null,beforeShowMonth:null,beforeShowYear:null,calendarWeeks:!1,clearBtn:!1,dateDelimiter:",",datesDisabled:[],daysOfWeekDisabled:[],daysOfWeekHighlighted:[],defaultViewDate:void 0,disableTouchKeyboard:!1,format:"mm/dd/yyyy",language:"en",maxDate:null,maxNumberOfDates:1,maxView:3,minDate:null,nextArrow:"\xbb",orientation:"auto",pickLevel:0,prevArrow:"\xab",showDaysOfWeek:!0,showOnClick:!0,showOnFocus:!0,startView:0,title:"",todayBtn:!1,todayBtnMode:0,todayHighlight:!1,updateOnBlur:!0,weekStart:0},Fe=Re.language,Be=Re.format,He=Re.weekStart;function sanitizeDOW(t,a){return t.length<6&&a>=0&&a<7?pushUnique(t,a):t}function calcEndOfWeek(t){return(t+6)%7}function validateDate(t,a,i,o){var s=date_format_parseDate(t,a,i);return void 0!==s?s:o}function validateViewId(t,a){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:3,o=parseInt(t,10);return o>=0&&o<=i?o:a}function processOptions(t,a){var i,o=Object.assign({},t),s={},c=a.constructor.locales,l=a.rangeSideIndex,u=a.config||{},f=u.format,p=u.language,h=u.locale,v=u.maxDate,g=u.maxView,b=u.minDate,w=u.pickLevel,_=u.startView,k=u.weekStart;if(o.language&&(o.language!==p&&(c[o.language]?i=o.language:void 0===c[i=o.language.split("-")[0]]&&(i=!1)),delete o.language,i)){p=s.language=i;var E=h||c[Fe];h=Object.assign({format:Be,weekStart:He},c[Fe]),p!==Fe&&Object.assign(h,c[p]),s.locale=h,f===E.format&&(f=s.format=h.format),k===E.weekStart&&(k=s.weekStart=h.weekStart,s.weekEnd=calcEndOfWeek(h.weekStart))}if(o.format){var A="function"===typeof o.format.toDisplay,O="function"===typeof o.format.toValue,S=Se.test(o.format);(A&&O||S)&&(f=s.format=o.format),delete o.format}var L=w;void 0!==o.pickLevel&&(L=validateViewId(o.pickLevel,2),delete o.pickLevel),L!==w&&(L>w&&(void 0===o.minDate&&(o.minDate=b),void 0===o.maxDate&&(o.maxDate=v)),o.datesDisabled||(o.datesDisabled=[]),w=s.pickLevel=L);var T=b,P=v;if(void 0!==o.minDate){var C=dateValue(0,0,1);(T=null===o.minDate?C:validateDate(o.minDate,f,h,T))!==C&&(T=regularizeDate(T,w,!1)),delete o.minDate}if(void 0!==o.maxDate&&(void 0!==(P=null===o.maxDate?void 0:validateDate(o.maxDate,f,h,P))&&(P=regularizeDate(P,w,!0)),delete o.maxDate),P<T?(b=s.minDate=P,v=s.maxDate=T):(b!==T&&(b=s.minDate=T),v!==P&&(v=s.maxDate=P)),o.datesDisabled&&(s.datesDisabled=o.datesDisabled.reduce((function(t,a){var i=date_format_parseDate(a,f,h);return void 0!==i?pushUnique(t,regularizeDate(i,w,l)):t}),[]),delete o.datesDisabled),void 0!==o.defaultViewDate){var V=date_format_parseDate(o.defaultViewDate,f,h);void 0!==V&&(s.defaultViewDate=V),delete o.defaultViewDate}if(void 0!==o.weekStart){var x=Number(o.weekStart)%7;isNaN(x)||(k=s.weekStart=x,s.weekEnd=calcEndOfWeek(x)),delete o.weekStart}if(o.daysOfWeekDisabled&&(s.daysOfWeekDisabled=o.daysOfWeekDisabled.reduce(sanitizeDOW,[]),delete o.daysOfWeekDisabled),o.daysOfWeekHighlighted&&(s.daysOfWeekHighlighted=o.daysOfWeekHighlighted.reduce(sanitizeDOW,[]),delete o.daysOfWeekHighlighted),void 0!==o.maxNumberOfDates){var I=parseInt(o.maxNumberOfDates,10);I>=0&&(s.maxNumberOfDates=I,s.multidate=1!==I),delete o.maxNumberOfDates}o.dateDelimiter&&(s.dateDelimiter=String(o.dateDelimiter),delete o.dateDelimiter);var j=g;void 0!==o.maxView&&(j=validateViewId(o.maxView,g),delete o.maxView),(j=w>j?w:j)!==g&&(g=s.maxView=j);var N=_;if(void 0!==o.startView&&(N=validateViewId(o.startView,N),delete o.startView),N<w?N=w:N>g&&(N=g),N!==_&&(s.startView=N),o.prevArrow){var Y=parseHTML(o.prevArrow);Y.childNodes.length>0&&(s.prevArrow=Y.childNodes),delete o.prevArrow}if(o.nextArrow){var R=parseHTML(o.nextArrow);R.childNodes.length>0&&(s.nextArrow=R.childNodes),delete o.nextArrow}if(void 0!==o.disableTouchKeyboard&&(s.disableTouchKeyboard="ontouchstart"in document&&!!o.disableTouchKeyboard,delete o.disableTouchKeyboard),o.orientation){var F=o.orientation.toLowerCase().split(/\s+/g);s.orientation={x:F.find((function(t){return"left"===t||"right"===t}))||"auto",y:F.find((function(t){return"top"===t||"bottom"===t}))||"auto"},delete o.orientation}if(void 0!==o.todayBtnMode){switch(o.todayBtnMode){case 0:case 1:s.todayBtnMode=o.todayBtnMode}delete o.todayBtnMode}return Object.keys(o).forEach((function(t){void 0!==o[t]&&hasProperty(Re,t)&&(s[t]=o[t])})),s}var We=optimizeTemplateHTML('<div class="datepicker">\n  <div class="datepicker-picker">\n    <div class="datepicker-header">\n      <div class="datepicker-title"></div>\n      <div class="datepicker-controls">\n        <button type="button" class="%buttonClass% prev-btn"></button>\n        <button type="button" class="%buttonClass% view-switch"></button>\n        <button type="button" class="%buttonClass% next-btn"></button>\n      </div>\n    </div>\n    <div class="datepicker-main"></div>\n    <div class="datepicker-footer">\n      <div class="datepicker-controls">\n        <button type="button" class="%buttonClass% today-btn"></button>\n        <button type="button" class="%buttonClass% clear-btn"></button>\n      </div>\n    </div>\n  </div>\n</div>'),Ue=optimizeTemplateHTML('<div class="days">\n  <div class="days-of-week">'.concat(createTagRepeat("span",7,{class:"dow"}),'</div>\n  <div class="datepicker-grid">').concat(createTagRepeat("span",42),"</div>\n</div>")),ze=optimizeTemplateHTML('<div class="calendar-weeks">\n  <div class="days-of-week"><span class="dow"></span></div>\n  <div class="weeks">'.concat(createTagRepeat("span",6,{class:"week"}),"</div>\n</div>"));function View_toConsumableArray(t){return function View_arrayWithoutHoles(t){if(Array.isArray(t))return View_arrayLikeToArray(t)}(t)||function View_iterableToArray(t){if("undefined"!==typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function View_unsupportedIterableToArray(t,a){if(!t)return;if("string"===typeof t)return View_arrayLikeToArray(t,a);var i=Object.prototype.toString.call(t).slice(8,-1);"Object"===i&&t.constructor&&(i=t.constructor.name);if("Map"===i||"Set"===i)return Array.from(t);if("Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))return View_arrayLikeToArray(t,a)}(t)||function View_nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function View_arrayLikeToArray(t,a){(null==a||a>t.length)&&(a=t.length);for(var i=0,o=new Array(a);i<a;i++)o[i]=t[i];return o}function View_typeof(t){return View_typeof="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},View_typeof(t)}function View_defineProperties(t,a){for(var i=0;i<a.length;i++){var o=a[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var qe=function(){function View(t,a){!function View_classCallCheck(t,a){if(!(t instanceof a))throw new TypeError("Cannot call a class as a function")}(this,View),Object.assign(this,a,{picker:t,element:parseHTML('<div class="datepicker-view"></div>').firstChild,selected:[]}),this.init(this.picker.datepicker.config)}return function View_createClass(t,a,i){return a&&View_defineProperties(t.prototype,a),i&&View_defineProperties(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t}(View,[{key:"init",value:function init(t){void 0!==t.pickLevel&&(this.isMinView=this.id===t.pickLevel),this.setOptions(t),this.updateFocus(),this.updateSelection()}},{key:"performBeforeHook",value:function performBeforeHook(t,a,i){var o=this.beforeShow(new Date(i));switch(View_typeof(o)){case"boolean":o={enabled:o};break;case"string":o={classes:o}}if(o){if(!1===o.enabled&&(t.classList.add("disabled"),pushUnique(this.disabled,a)),o.classes){var s,c=o.classes.split(/\s+/);(s=t.classList).add.apply(s,View_toConsumableArray(c)),c.includes("disabled")&&pushUnique(this.disabled,a)}o.content&&function replaceChildNodes(t,a){emptyChildNodes(t),a instanceof DocumentFragment?t.appendChild(a):"string"===typeof a?t.appendChild(parseHTML(a)):"function"===typeof a.forEach&&a.forEach((function(a){t.appendChild(a)}))}(t,o.content)}}}]),View}();function DaysView_typeof(t){return DaysView_typeof="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},DaysView_typeof(t)}function DaysView_slicedToArray(t,a){return function DaysView_arrayWithHoles(t){if(Array.isArray(t))return t}(t)||function DaysView_iterableToArrayLimit(t,a){var i=null==t?null:"undefined"!==typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null==i)return;var o,s,c=[],l=!0,u=!1;try{for(i=i.call(t);!(l=(o=i.next()).done)&&(c.push(o.value),!a||c.length!==a);l=!0);}catch(f){u=!0,s=f}finally{try{l||null==i.return||i.return()}finally{if(u)throw s}}return c}(t,a)||DaysView_unsupportedIterableToArray(t,a)||function DaysView_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function DaysView_toConsumableArray(t){return function DaysView_arrayWithoutHoles(t){if(Array.isArray(t))return DaysView_arrayLikeToArray(t)}(t)||function DaysView_iterableToArray(t){if("undefined"!==typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||DaysView_unsupportedIterableToArray(t)||function DaysView_nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function DaysView_unsupportedIterableToArray(t,a){if(t){if("string"===typeof t)return DaysView_arrayLikeToArray(t,a);var i=Object.prototype.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?DaysView_arrayLikeToArray(t,a):void 0}}function DaysView_arrayLikeToArray(t,a){(null==a||a>t.length)&&(a=t.length);for(var i=0,o=new Array(a);i<a;i++)o[i]=t[i];return o}function DaysView_defineProperties(t,a){for(var i=0;i<a.length;i++){var o=a[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function _get(){return _get="undefined"!==typeof Reflect&&Reflect.get?Reflect.get:function _get(t,a,i){var o=_superPropBase(t,a);if(o){var s=Object.getOwnPropertyDescriptor(o,a);return s.get?s.get.call(arguments.length<3?t:i):s.value}},_get.apply(this,arguments)}function _superPropBase(t,a){for(;!Object.prototype.hasOwnProperty.call(t,a)&&null!==(t=DaysView_getPrototypeOf(t)););return t}function DaysView_setPrototypeOf(t,a){return DaysView_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,a){return t.__proto__=a,t},DaysView_setPrototypeOf(t,a)}function DaysView_createSuper(t){var a=function DaysView_isNativeReflectConstruct(){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 _createSuperInternal(){var i,o=DaysView_getPrototypeOf(t);if(a){var s=DaysView_getPrototypeOf(this).constructor;i=Reflect.construct(o,arguments,s)}else i=o.apply(this,arguments);return DaysView_possibleConstructorReturn(this,i)}}function DaysView_possibleConstructorReturn(t,a){if(a&&("object"===DaysView_typeof(a)||"function"===typeof a))return a;if(void 0!==a)throw new TypeError("Derived constructors may only return object or undefined");return function DaysView_assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function DaysView_getPrototypeOf(t){return DaysView_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},DaysView_getPrototypeOf(t)}var Ke=function(t){!function DaysView_inherits(t,a){if("function"!==typeof a&&null!==a)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(a&&a.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),a&&DaysView_setPrototypeOf(t,a)}(DaysView,t);var a=DaysView_createSuper(DaysView);function DaysView(t){return function DaysView_classCallCheck(t,a){if(!(t instanceof a))throw new TypeError("Cannot call a class as a function")}(this,DaysView),a.call(this,t,{id:0,name:"days",cellClass:"day"})}return function DaysView_createClass(t,a,i){return a&&DaysView_defineProperties(t.prototype,a),i&&DaysView_defineProperties(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t}(DaysView,[{key:"init",value:function init(t){var a=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(a){var i=parseHTML(Ue).firstChild;this.dow=i.firstChild,this.grid=i.lastChild,this.element.appendChild(i)}_get(DaysView_getPrototypeOf(DaysView.prototype),"init",this).call(this,t)}},{key:"setOptions",value:function setOptions(t){var a,i=this;if(hasProperty(t,"minDate")&&(this.minDate=t.minDate),hasProperty(t,"maxDate")&&(this.maxDate=t.maxDate),t.datesDisabled&&(this.datesDisabled=t.datesDisabled),t.daysOfWeekDisabled&&(this.daysOfWeekDisabled=t.daysOfWeekDisabled,a=!0),t.daysOfWeekHighlighted&&(this.daysOfWeekHighlighted=t.daysOfWeekHighlighted),void 0!==t.todayHighlight&&(this.todayHighlight=t.todayHighlight),void 0!==t.weekStart&&(this.weekStart=t.weekStart,this.weekEnd=t.weekEnd,a=!0),t.locale){var o=this.locale=t.locale;this.dayNames=o.daysMin,this.switchLabelFormat=o.titleFormat,a=!0}if(void 0!==t.beforeShowDay&&(this.beforeShow="function"===typeof t.beforeShowDay?t.beforeShowDay:void 0),void 0!==t.calendarWeeks)if(t.calendarWeeks&&!this.calendarWeeks){var s=parseHTML(ze).firstChild;this.calendarWeeks={element:s,dow:s.firstChild,weeks:s.lastChild},this.element.insertBefore(s,this.element.firstChild)}else this.calendarWeeks&&!t.calendarWeeks&&(this.element.removeChild(this.calendarWeeks.element),this.calendarWeeks=null);void 0!==t.showDaysOfWeek&&(t.showDaysOfWeek?(showElement(this.dow),this.calendarWeeks&&showElement(this.calendarWeeks.dow)):(hideElement(this.dow),this.calendarWeeks&&hideElement(this.calendarWeeks.dow))),a&&Array.from(this.dow.children).forEach((function(t,a){var o=(i.weekStart+a)%7;t.textContent=i.dayNames[o],t.className=i.daysOfWeekDisabled.includes(o)?"dow disabled":"dow"}))}},{key:"updateFocus",value:function updateFocus(){var t=new Date(this.picker.viewDate),a=t.getFullYear(),i=t.getMonth(),o=dateValue(a,i,1),s=dayOfTheWeekOf(o,this.weekStart,this.weekStart);this.first=o,this.last=dateValue(a,i+1,0),this.start=s,this.focused=this.picker.viewDate}},{key:"updateSelection",value:function updateSelection(){var t=this.picker.datepicker,a=t.dates,i=t.rangepicker;this.selected=a,i&&(this.range=i.dates)}},{key:"render",value:function render(){var t=this;this.today=this.todayHighlight?today():void 0,this.disabled=DaysView_toConsumableArray(this.datesDisabled);var a=date_format_formatDate(this.focused,this.switchLabelFormat,this.locale);if(this.picker.setViewSwitchLabel(a),this.picker.setPrevBtnDisabled(this.first<=this.minDate),this.picker.setNextBtnDisabled(this.last>=this.maxDate),this.calendarWeeks){var i=dayOfTheWeekOf(this.first,1,1);Array.from(this.calendarWeeks.weeks.children).forEach((function(t,a){t.textContent=function getWeek(t){var a=dayOfTheWeekOf(t,4,1),i=dayOfTheWeekOf(new Date(a).setMonth(0,4),4,1);return Math.round((a-i)/6048e5)+1}(function addWeeks(t,a){return addDays(t,7*a)}(i,a))}))}Array.from(this.grid.children).forEach((function(a,i){var o=a.classList,s=addDays(t.start,i),c=new Date(s),l=c.getDay();if(a.className="datepicker-cell ".concat(t.cellClass),a.dataset.date=s,a.textContent=c.getDate(),s<t.first?o.add("prev"):s>t.last&&o.add("next"),t.today===s&&o.add("today"),(s<t.minDate||s>t.maxDate||t.disabled.includes(s))&&o.add("disabled"),t.daysOfWeekDisabled.includes(l)&&(o.add("disabled"),pushUnique(t.disabled,s)),t.daysOfWeekHighlighted.includes(l)&&o.add("highlighted"),t.range){var u=DaysView_slicedToArray(t.range,2),f=u[0],p=u[1];s>f&&s<p&&o.add("range"),s===f&&o.add("range-start"),s===p&&o.add("range-end")}t.selected.includes(s)&&o.add("selected"),s===t.focused&&o.add("focused"),t.beforeShow&&t.performBeforeHook(a,s,s)}))}},{key:"refresh",value:function refresh(){var t=this,a=DaysView_slicedToArray(this.range||[],2),i=a[0],o=a[1];this.grid.querySelectorAll(".range, .range-start, .range-end, .selected, .focused").forEach((function(t){t.classList.remove("range","range-start","range-end","selected","focused")})),Array.from(this.grid.children).forEach((function(a){var s=Number(a.dataset.date),c=a.classList;s>i&&s<o&&c.add("range"),s===i&&c.add("range-start"),s===o&&c.add("range-end"),t.selected.includes(s)&&c.add("selected"),s===t.focused&&c.add("focused")}))}},{key:"refreshFocus",value:function refreshFocus(){var t=Math.round((this.focused-this.start)/864e5);this.grid.querySelectorAll(".focused").forEach((function(t){t.classList.remove("focused")})),this.grid.children[t].classList.add("focused")}}]),DaysView}(qe);function MonthsView_typeof(t){return MonthsView_typeof="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},MonthsView_typeof(t)}function MonthsView_defineProperties(t,a){for(var i=0;i<a.length;i++){var o=a[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function MonthsView_get(){return MonthsView_get="undefined"!==typeof Reflect&&Reflect.get?Reflect.get:function _get(t,a,i){var o=MonthsView_superPropBase(t,a);if(o){var s=Object.getOwnPropertyDescriptor(o,a);return s.get?s.get.call(arguments.length<3?t:i):s.value}},MonthsView_get.apply(this,arguments)}function MonthsView_superPropBase(t,a){for(;!Object.prototype.hasOwnProperty.call(t,a)&&null!==(t=MonthsView_getPrototypeOf(t)););return t}function MonthsView_setPrototypeOf(t,a){return MonthsView_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,a){return t.__proto__=a,t},MonthsView_setPrototypeOf(t,a)}function MonthsView_createSuper(t){var a=function MonthsView_isNativeReflectConstruct(){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 _createSuperInternal(){var i,o=MonthsView_getPrototypeOf(t);if(a){var s=MonthsView_getPrototypeOf(this).constructor;i=Reflect.construct(o,arguments,s)}else i=o.apply(this,arguments);return MonthsView_possibleConstructorReturn(this,i)}}function MonthsView_possibleConstructorReturn(t,a){if(a&&("object"===MonthsView_typeof(a)||"function"===typeof a))return a;if(void 0!==a)throw new TypeError("Derived constructors may only return object or undefined");return function MonthsView_assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function MonthsView_getPrototypeOf(t){return MonthsView_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},MonthsView_getPrototypeOf(t)}function MonthsView_slicedToArray(t,a){return function MonthsView_arrayWithHoles(t){if(Array.isArray(t))return t}(t)||function MonthsView_iterableToArrayLimit(t,a){var i=null==t?null:"undefined"!==typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null==i)return;var o,s,c=[],l=!0,u=!1;try{for(i=i.call(t);!(l=(o=i.next()).done)&&(c.push(o.value),!a||c.length!==a);l=!0);}catch(f){u=!0,s=f}finally{try{l||null==i.return||i.return()}finally{if(u)throw s}}return c}(t,a)||function MonthsView_unsupportedIterableToArray(t,a){if(!t)return;if("string"===typeof t)return MonthsView_arrayLikeToArray(t,a);var i=Object.prototype.toString.call(t).slice(8,-1);"Object"===i&&t.constructor&&(i=t.constructor.name);if("Map"===i||"Set"===i)return Array.from(t);if("Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))return MonthsView_arrayLikeToArray(t,a)}(t,a)||function MonthsView_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function MonthsView_arrayLikeToArray(t,a){(null==a||a>t.length)&&(a=t.length);for(var i=0,o=new Array(a);i<a;i++)o[i]=t[i];return o}function computeMonthRange(t,a){if(t&&t[0]&&t[1]){var i=MonthsView_slicedToArray(t,2),o=MonthsView_slicedToArray(i[0],2),s=o[0],c=o[1],l=MonthsView_slicedToArray(i[1],2),u=l[0],f=l[1];if(!(s>a||u<a))return[s===a?c:-1,u===a?f:12]}}var Xe=function(t){!function MonthsView_inherits(t,a){if("function"!==typeof a&&null!==a)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(a&&a.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),a&&MonthsView_setPrototypeOf(t,a)}(MonthsView,t);var a=MonthsView_createSuper(MonthsView);function MonthsView(t){return function MonthsView_classCallCheck(t,a){if(!(t instanceof a))throw new TypeError("Cannot call a class as a function")}(this,MonthsView),a.call(this,t,{id:1,name:"months",cellClass:"month"})}return function MonthsView_createClass(t,a,i){return a&&MonthsView_defineProperties(t.prototype,a),i&&MonthsView_defineProperties(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t}(MonthsView,[{key:"init",value:function init(t){var a=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];a&&(this.grid=this.element,this.element.classList.add("months","datepicker-grid"),this.grid.appendChild(parseHTML(createTagRepeat("span",12,{"data-month":function dataMonth(t){return t}})))),MonthsView_get(MonthsView_getPrototypeOf(MonthsView.prototype),"init",this).call(this,t)}},{key:"setOptions",value:function setOptions(t){if(t.locale&&(this.monthNames=t.locale.monthsShort),hasProperty(t,"minDate"))if(void 0===t.minDate)this.minYear=this.minMonth=this.minDate=void 0;else{var a=new Date(t.minDate);this.minYear=a.getFullYear(),this.minMonth=a.getMonth(),this.minDate=a.setDate(1)}if(hasProperty(t,"maxDate"))if(void 0===t.maxDate)this.maxYear=this.maxMonth=this.maxDate=void 0;else{var i=new Date(t.maxDate);this.maxYear=i.getFullYear(),this.maxMonth=i.getMonth(),this.maxDate=dateValue(this.maxYear,this.maxMonth+1,0)}this.isMinView?t.datesDisabled&&(this.datesDisabled=t.datesDisabled):this.datesDisabled=[],void 0!==t.beforeShowMonth&&(this.beforeShow="function"===typeof t.beforeShowMonth?t.beforeShowMonth:void 0)}},{key:"updateFocus",value:function updateFocus(){var t=new Date(this.picker.viewDate);this.year=t.getFullYear(),this.focused=t.getMonth()}},{key:"updateSelection",value:function updateSelection(){var t=this.picker.datepicker,a=t.dates,i=t.rangepicker;this.selected=a.reduce((function(t,a){var i=new Date(a),o=i.getFullYear(),s=i.getMonth();return void 0===t[o]?t[o]=[s]:pushUnique(t[o],s),t}),{}),i&&i.dates&&(this.range=i.dates.map((function(t){var a=new Date(t);return isNaN(a)?void 0:[a.getFullYear(),a.getMonth()]})))}},{key:"render",value:function render(){var t=this;this.disabled=this.datesDisabled.reduce((function(a,i){var o=new Date(i);return t.year===o.getFullYear()&&a.push(o.getMonth()),a}),[]),this.picker.setViewSwitchLabel(this.year),this.picker.setPrevBtnDisabled(this.year<=this.minYear),this.picker.setNextBtnDisabled(this.year>=this.maxYear);var a=this.selected[this.year]||[],i=this.year<this.minYear||this.year>this.maxYear,o=this.year===this.minYear,s=this.year===this.maxYear,c=computeMonthRange(this.range,this.year);Array.from(this.grid.children).forEach((function(l,u){var f=l.classList,p=dateValue(t.year,u,1);if(l.className="datepicker-cell ".concat(t.cellClass),t.isMinView&&(l.dataset.date=p),l.textContent=t.monthNames[u],(i||o&&u<t.minMonth||s&&u>t.maxMonth||t.disabled.includes(u))&&f.add("disabled"),c){var h=MonthsView_slicedToArray(c,2),v=h[0],g=h[1];u>v&&u<g&&f.add("range"),u===v&&f.add("range-start"),u===g&&f.add("range-end")}a.includes(u)&&f.add("selected"),u===t.focused&&f.add("focused"),t.beforeShow&&t.performBeforeHook(l,u,p)}))}},{key:"refresh",value:function refresh(){var t=this,a=this.selected[this.year]||[],i=MonthsView_slicedToArray(computeMonthRange(this.range,this.year)||[],2),o=i[0],s=i[1];this.grid.querySelectorAll(".range, .range-start, .range-end, .selected, .focused").forEach((function(t){t.classList.remove("range","range-start","range-end","selected","focused")})),Array.from(this.grid.children).forEach((function(i,c){var l=i.classList;c>o&&c<s&&l.add("range"),c===o&&l.add("range-start"),c===s&&l.add("range-end"),a.includes(c)&&l.add("selected"),c===t.focused&&l.add("focused")}))}},{key:"refreshFocus",value:function refreshFocus(){this.grid.querySelectorAll(".focused").forEach((function(t){t.classList.remove("focused")})),this.grid.children[this.focused].classList.add("focused")}}]),MonthsView}(qe);function YearsView_typeof(t){return YearsView_typeof="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},YearsView_typeof(t)}function YearsView_slicedToArray(t,a){return function YearsView_arrayWithHoles(t){if(Array.isArray(t))return t}(t)||function YearsView_iterableToArrayLimit(t,a){var i=null==t?null:"undefined"!==typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null==i)return;var o,s,c=[],l=!0,u=!1;try{for(i=i.call(t);!(l=(o=i.next()).done)&&(c.push(o.value),!a||c.length!==a);l=!0);}catch(f){u=!0,s=f}finally{try{l||null==i.return||i.return()}finally{if(u)throw s}}return c}(t,a)||YearsView_unsupportedIterableToArray(t,a)||function YearsView_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function YearsView_defineProperties(t,a){for(var i=0;i<a.length;i++){var o=a[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function YearsView_get(){return YearsView_get="undefined"!==typeof Reflect&&Reflect.get?Reflect.get:function _get(t,a,i){var o=YearsView_superPropBase(t,a);if(o){var s=Object.getOwnPropertyDescriptor(o,a);return s.get?s.get.call(arguments.length<3?t:i):s.value}},YearsView_get.apply(this,arguments)}function YearsView_superPropBase(t,a){for(;!Object.prototype.hasOwnProperty.call(t,a)&&null!==(t=YearsView_getPrototypeOf(t)););return t}function YearsView_setPrototypeOf(t,a){return YearsView_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,a){return t.__proto__=a,t},YearsView_setPrototypeOf(t,a)}function YearsView_createSuper(t){var a=function YearsView_isNativeReflectConstruct(){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 _createSuperInternal(){var i,o=YearsView_getPrototypeOf(t);if(a){var s=YearsView_getPrototypeOf(this).constructor;i=Reflect.construct(o,arguments,s)}else i=o.apply(this,arguments);return YearsView_possibleConstructorReturn(this,i)}}function YearsView_possibleConstructorReturn(t,a){if(a&&("object"===YearsView_typeof(a)||"function"===typeof a))return a;if(void 0!==a)throw new TypeError("Derived constructors may only return object or undefined");return function YearsView_assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function YearsView_getPrototypeOf(t){return YearsView_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},YearsView_getPrototypeOf(t)}function YearsView_toConsumableArray(t){return function YearsView_arrayWithoutHoles(t){if(Array.isArray(t))return YearsView_arrayLikeToArray(t)}(t)||function YearsView_iterableToArray(t){if("undefined"!==typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||YearsView_unsupportedIterableToArray(t)||function YearsView_nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function YearsView_unsupportedIterableToArray(t,a){if(t){if("string"===typeof t)return YearsView_arrayLikeToArray(t,a);var i=Object.prototype.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?YearsView_arrayLikeToArray(t,a):void 0}}function YearsView_arrayLikeToArray(t,a){(null==a||a>t.length)&&(a=t.length);for(var i=0,o=new Array(a);i<a;i++)o[i]=t[i];return o}function toTitleCase(t){return YearsView_toConsumableArray(t).reduce((function(t,a,i){return t+(i?a:a.toUpperCase())}),"")}var Je=function(t){!function YearsView_inherits(t,a){if("function"!==typeof a&&null!==a)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(a&&a.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),a&&YearsView_setPrototypeOf(t,a)}(YearsView,t);var a=YearsView_createSuper(YearsView);function YearsView(t,i){return function YearsView_classCallCheck(t,a){if(!(t instanceof a))throw new TypeError("Cannot call a class as a function")}(this,YearsView),a.call(this,t,i)}return function YearsView_createClass(t,a,i){return a&&YearsView_defineProperties(t.prototype,a),i&&YearsView_defineProperties(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t}(YearsView,[{key:"init",value:function init(t){var a=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];a&&(this.navStep=10*this.step,this.beforeShowOption="beforeShow".concat(toTitleCase(this.cellClass)),this.grid=this.element,this.element.classList.add(this.name,"datepicker-grid"),this.grid.appendChild(parseHTML(createTagRepeat("span",12)))),YearsView_get(YearsView_getPrototypeOf(YearsView.prototype),"init",this).call(this,t)}},{key:"setOptions",value:function setOptions(t){if(hasProperty(t,"minDate")&&(void 0===t.minDate?this.minYear=this.minDate=void 0:(this.minYear=startOfYearPeriod(t.minDate,this.step),this.minDate=dateValue(this.minYear,0,1))),hasProperty(t,"maxDate")&&(void 0===t.maxDate?this.maxYear=this.maxDate=void 0:(this.maxYear=startOfYearPeriod(t.maxDate,this.step),this.maxDate=dateValue(this.maxYear,11,31))),this.isMinView?t.datesDisabled&&(this.datesDisabled=t.datesDisabled):this.datesDisabled=[],void 0!==t[this.beforeShowOption]){var a=t[this.beforeShowOption];this.beforeShow="function"===typeof a?a:void 0}}},{key:"updateFocus",value:function updateFocus(){var t=new Date(this.picker.viewDate),a=startOfYearPeriod(t,this.navStep),i=a+9*this.step;this.first=a,this.last=i,this.start=a-this.step,this.focused=startOfYearPeriod(t,this.step)}},{key:"updateSelection",value:function updateSelection(){var t=this,a=this.picker.datepicker,i=a.dates,o=a.rangepicker;this.selected=i.reduce((function(a,i){return pushUnique(a,startOfYearPeriod(i,t.step))}),[]),o&&o.dates&&(this.range=o.dates.map((function(a){if(void 0!==a)return startOfYearPeriod(a,t.step)})))}},{key:"render",value:function render(){var t=this;this.disabled=this.datesDisabled.map((function(t){return new Date(t).getFullYear()})),this.picker.setViewSwitchLabel("".concat(this.first,"-").concat(this.last)),this.picker.setPrevBtnDisabled(this.first<=this.minYear),this.picker.setNextBtnDisabled(this.last>=this.maxYear),Array.from(this.grid.children).forEach((function(a,i){var o=a.classList,s=t.start+i*t.step,c=dateValue(s,0,1);if(a.className="datepicker-cell ".concat(t.cellClass),t.isMinView&&(a.dataset.date=c),a.textContent=a.dataset.year=s,0===i?o.add("prev"):11===i&&o.add("next"),(s<t.minYear||s>t.maxYear||t.disabled.includes(s))&&o.add("disabled"),t.range){var l=YearsView_slicedToArray(t.range,2),u=l[0],f=l[1];s>u&&s<f&&o.add("range"),s===u&&o.add("range-start"),s===f&&o.add("range-end")}t.selected.includes(s)&&o.add("selected"),s===t.focused&&o.add("focused"),t.beforeShow&&t.performBeforeHook(a,s,c)}))}},{key:"refresh",value:function refresh(){var t=this,a=YearsView_slicedToArray(this.range||[],2),i=a[0],o=a[1];this.grid.querySelectorAll(".range, .range-start, .range-end, .selected, .focused").forEach((function(t){t.classList.remove("range","range-start","range-end","selected","focused")})),Array.from(this.grid.children).forEach((function(a){var s=Number(a.textContent),c=a.classList;s>i&&s<o&&c.add("range"),s===i&&c.add("range-start"),s===o&&c.add("range-end"),t.selected.includes(s)&&c.add("selected"),s===t.focused&&c.add("focused")}))}},{key:"refreshFocus",value:function refreshFocus(){var t=Math.round((this.focused-this.start)/this.step);this.grid.querySelectorAll(".focused").forEach((function(t){t.classList.remove("focused")})),this.grid.children[t].classList.add("focused")}}]),YearsView}(qe);function triggerDatepickerEvent(t,a){var i={date:t.getDate(),viewDate:new Date(t.picker.viewDate),viewId:t.picker.currentView.id,datepicker:t};t.element.dispatchEvent(new CustomEvent(a,{detail:i}))}function goToPrevOrNext(t,a){var i,o=t.config,s=o.minDate,c=o.maxDate,l=t.picker,u=l.currentView,f=l.viewDate;switch(u.id){case 0:i=addMonths(f,a);break;case 1:i=addYears(f,a);break;default:i=addYears(f,a*u.navStep)}i=limitToRange(i,s,c),t.picker.changeFocus(i).render()}function switchView(t){var a=t.picker.currentView.id;a!==t.config.maxView&&t.picker.changeView(a+1).render()}function unfocus(t){t.config.updateOnBlur?t.update({revert:!0}):t.refresh("input"),t.hide()}function goToSelectedMonthOrYear(t,a){var i=t.picker,o=new Date(i.viewDate),s=i.currentView.id,c=1===s?addMonths(o,a-o.getMonth()):addYears(o,a-o.getFullYear());i.changeFocus(c).changeView(s-1).render()}function onClickTodayBtn(t){var a=t.picker,i=today();if(1===t.config.todayBtnMode){if(t.config.autohide)return void t.setDate(i);t.setDate(i,{render:!1}),a.update()}a.viewDate!==i&&a.changeFocus(i),a.changeView(0).render()}function onClickClearBtn(t){t.setDate({clear:!0})}function onClickViewSwitch(t){switchView(t)}function onClickPrevBtn(t){goToPrevOrNext(t,-1)}function onClickNextBtn(t){goToPrevOrNext(t,1)}function onClickView(t,a){var i=findElementInEventPath(a,".datepicker-cell");if(i&&!i.classList.contains("disabled")){var o=t.picker.currentView,s=o.id;o.isMinView?t.setDate(Number(i.dataset.date)):goToSelectedMonthOrYear(t,Number(1===s?i.dataset.month:i.dataset.year))}}function onMousedownPicker(t){t.preventDefault()}function Picker_toConsumableArray(t){return function Picker_arrayWithoutHoles(t){if(Array.isArray(t))return Picker_arrayLikeToArray(t)}(t)||function Picker_iterableToArray(t){if("undefined"!==typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||Picker_unsupportedIterableToArray(t)||function Picker_nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Picker_slicedToArray(t,a){return function Picker_arrayWithHoles(t){if(Array.isArray(t))return t}(t)||function Picker_iterableToArrayLimit(t,a){var i=null==t?null:"undefined"!==typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null==i)return;var o,s,c=[],l=!0,u=!1;try{for(i=i.call(t);!(l=(o=i.next()).done)&&(c.push(o.value),!a||c.length!==a);l=!0);}catch(f){u=!0,s=f}finally{try{l||null==i.return||i.return()}finally{if(u)throw s}}return c}(t,a)||Picker_unsupportedIterableToArray(t,a)||function Picker_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Picker_unsupportedIterableToArray(t,a){if(t){if("string"===typeof t)return Picker_arrayLikeToArray(t,a);var i=Object.prototype.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?Picker_arrayLikeToArray(t,a):void 0}}function Picker_arrayLikeToArray(t,a){(null==a||a>t.length)&&(a=t.length);for(var i=0,o=new Array(a);i<a;i++)o[i]=t[i];return o}function Picker_defineProperties(t,a){for(var i=0;i<a.length;i++){var o=a[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var $e=["left","top","right","bottom"].reduce((function(t,a){return t[a]="datepicker-orient-".concat(a),t}),{}),Ze=function toPx(t){return t?"".concat(t,"px"):t};function processPickerOptions(t,a){if(void 0!==a.title&&(a.title?(t.controls.title.textContent=a.title,showElement(t.controls.title)):(t.controls.title.textContent="",hideElement(t.controls.title))),a.prevArrow){var i=t.controls.prevBtn;emptyChildNodes(i),a.prevArrow.forEach((function(t){i.appendChild(t.cloneNode(!0))}))}if(a.nextArrow){var o=t.controls.nextBtn;emptyChildNodes(o),a.nextArrow.forEach((function(t){o.appendChild(t.cloneNode(!0))}))}if(a.locale&&(t.controls.todayBtn.textContent=a.locale.today,t.controls.clearBtn.textContent=a.locale.clear),void 0!==a.todayBtn&&(a.todayBtn?showElement(t.controls.todayBtn):hideElement(t.controls.todayBtn)),hasProperty(a,"minDate")||hasProperty(a,"maxDate")){var s=t.datepicker.config,c=s.minDate,l=s.maxDate;t.controls.todayBtn.disabled=!isInRange(today(),c,l)}void 0!==a.clearBtn&&(a.clearBtn?showElement(t.controls.clearBtn):hideElement(t.controls.clearBtn))}function computeResetViewDate(t){var a=t.dates,i=t.config;return limitToRange(a.length>0?lastItemOf(a):i.defaultViewDate,i.minDate,i.maxDate)}function setViewDate(t,a){var i=new Date(t.viewDate),o=new Date(a),s=t.currentView,c=s.id,l=s.year,u=s.first,f=s.last,p=o.getFullYear();switch(t.viewDate=a,p!==i.getFullYear()&&triggerDatepickerEvent(t.datepicker,"changeYear"),o.getMonth()!==i.getMonth()&&triggerDatepickerEvent(t.datepicker,"changeMonth"),c){case 0:return a<u||a>f;case 1:return p!==l;default:return p<u||p>f}}function getTextDirection(t){return window.getComputedStyle(t).direction}function findScrollParents(t){var a=getParent(t);if(a!==document.body&&a)return"visible"!==window.getComputedStyle(a).overflow?a:findScrollParents(a)}var Ge=function(){function Picker(t){!function Picker_classCallCheck(t,a){if(!(t instanceof a))throw new TypeError("Cannot call a class as a function")}(this,Picker);var a=(this.datepicker=t).config,i=We.replace(/%buttonClass%/g,a.buttonClass),o=this.element=parseHTML(i).firstChild,s=Picker_slicedToArray(o.firstChild.children,3),c=s[0],l=s[1],u=s[2],f=c.firstElementChild,p=Picker_slicedToArray(c.lastElementChild.children,3),h=p[0],v=p[1],g=p[2],b=Picker_slicedToArray(u.firstChild.children,2),w={title:f,prevBtn:h,viewSwitch:v,nextBtn:g,todayBtn:b[0],clearBtn:b[1]};this.main=l,this.controls=w;var _=t.inline?"inline":"dropdown";o.classList.add("datepicker-".concat(_)),processPickerOptions(this,a),this.viewDate=computeResetViewDate(t),registerListeners(t,[[o,"mousedown",onMousedownPicker],[l,"click",onClickView.bind(null,t)],[w.viewSwitch,"click",onClickViewSwitch.bind(null,t)],[w.prevBtn,"click",onClickPrevBtn.bind(null,t)],[w.nextBtn,"click",onClickNextBtn.bind(null,t)],[w.todayBtn,"click",onClickTodayBtn.bind(null,t)],[w.clearBtn,"click",onClickClearBtn.bind(null,t)]]),this.views=[new Ke(this),new Xe(this),new Je(this,{id:2,name:"years",cellClass:"year",step:1}),new Je(this,{id:3,name:"decades",cellClass:"decade",step:10})],this.currentView=this.views[a.startView],this.currentView.render(),this.main.appendChild(this.currentView.element),a.container?a.container.appendChild(this.element):t.inputField.after(this.element)}return function Picker_createClass(t,a,i){return a&&Picker_defineProperties(t.prototype,a),i&&Picker_defineProperties(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t}(Picker,[{key:"setOptions",value:function setOptions(t){processPickerOptions(this,t),this.views.forEach((function(a){a.init(t,!1)})),this.currentView.render()}},{key:"detach",value:function detach(){this.element.remove()}},{key:"show",value:function show(){if(!this.active){var t=this.datepicker,a=this.element;if(t.inline)a.classList.add("active");else{var i=getTextDirection(t.inputField);i!==getTextDirection(getParent(a))?a.dir=i:a.dir&&a.removeAttribute("dir"),a.style.visiblity="hidden",a.classList.add("active"),this.place(),a.style.visiblity="",t.config.disableTouchKeyboard&&t.inputField.blur()}this.active=!0,triggerDatepickerEvent(t,"show")}}},{key:"hide",value:function hide(){this.active&&(this.datepicker.exitEditMode(),this.element.classList.remove("active"),this.active=!1,triggerDatepickerEvent(this.datepicker,"hide"))}},{key:"place",value:function place(){var t=this.element,a=t.classList,i=t.offsetParent,o=t.style,s=this.datepicker,c=s.config,l=s.inputField,u=this.element.getBoundingClientRect(),f=u.width,p=u.height,h=l.getBoundingClientRect(),v=h.left,g=h.top,b=h.right,w=h.bottom,_=h.width,k=h.height,E=c.orientation,A=E.x,O=E.y,S=v,L=g;if(i!==document.body&&i){var T=i.getBoundingClientRect();S-=T.left-i.scrollLeft,L-=T.top-i.scrollTop}else S+=window.scrollX,L+=window.scrollY;var P=findScrollParents(l),C=0,V=0,x=document.documentElement,I=x.clientWidth,j=x.clientHeight;if(P){var N=P.getBoundingClientRect();N.top>0&&(V=N.top),N.left>0&&(C=N.left),N.right<I&&(I=N.right),N.bottom<j&&(j=N.bottom)}var Y=0;"auto"===A&&(v<C?(A="left",Y=C-v):v+f>I?(A="right",I<b&&(Y=I-b)):A="rtl"===getTextDirection(l)?b-f<C?"left":"right":"left"),"right"===A&&(S+=_-f),S+=Y,"auto"===O&&(O=g-p>V&&w+p>j?"top":"bottom"),"top"===O?L-=p:L+=k,a.remove.apply(a,Picker_toConsumableArray(Object.values($e))),a.add($e[A],$e[O]),o.left=Ze(S),o.top=Ze(L)}},{key:"setViewSwitchLabel",value:function setViewSwitchLabel(t){this.controls.viewSwitch.textContent=t}},{key:"setPrevBtnDisabled",value:function setPrevBtnDisabled(t){this.controls.prevBtn.disabled=t}},{key:"setNextBtnDisabled",value:function setNextBtnDisabled(t){this.controls.nextBtn.disabled=t}},{key:"changeView",value:function changeView(t){var a=this.currentView,i=this.views[t];return i.id!==a.id&&(this.currentView=i,this._renderMethod="render",triggerDatepickerEvent(this.datepicker,"changeView"),this.main.replaceChild(i.element,a.element)),this}},{key:"changeFocus",value:function changeFocus(t){return this._renderMethod=setViewDate(this,t)?"render":"refreshFocus",this.views.forEach((function(t){t.updateFocus()})),this}},{key:"update",value:function update(){var t=computeResetViewDate(this.datepicker);return this._renderMethod=setViewDate(this,t)?"render":"refresh",this.views.forEach((function(t){t.updateFocus(),t.updateSelection()})),this}},{key:"render",value:function render(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],a=t&&this._renderMethod||"render";delete this._renderMethod,this.currentView[a]()}}]),Picker}();function findNextAvailableOne(t,a,i,o,s,c){if(isInRange(t,s,c))return o(t)?findNextAvailableOne(a(t,i),a,i,o,s,c):t}function moveByArrowKey(t,a,i,o){var s,c,l=t.picker,u=l.currentView,f=u.step||1,p=l.viewDate;switch(u.id){case 0:p=o?addDays(p,7*i):a.ctrlKey||a.metaKey?addYears(p,i):addDays(p,i),s=addDays,c=function testFn(t){return u.disabled.includes(t)};break;case 1:p=addMonths(p,o?4*i:i),s=addMonths,c=function testFn(t){var a=new Date(t),i=u.year,o=u.disabled;return a.getFullYear()===i&&o.includes(a.getMonth())};break;default:p=addYears(p,i*(o?4:1)*f),s=addYears,c=function testFn(t){return u.disabled.includes(startOfYearPeriod(t,f))}}void 0!==(p=findNextAvailableOne(p,s,i<0?-f:f,c,u.minDate,u.maxDate))&&l.changeFocus(p).render()}function onKeydown(t,a){var i=a.key;if("Tab"!==i){var o=t.picker,s=o.currentView,c=s.id,l=s.isMinView;if(o.active){if(t.editMode)return void("Enter"===i?t.exitEditMode({update:!0,autohide:t.config.autohide}):"Escape"===i&&o.hide());if("ArrowLeft"===i)if(a.ctrlKey||a.metaKey)goToPrevOrNext(t,-1);else{if(a.shiftKey)return void t.enterEditMode();moveByArrowKey(t,a,-1,!1)}else if("ArrowRight"===i)if(a.ctrlKey||a.metaKey)goToPrevOrNext(t,1);else{if(a.shiftKey)return void t.enterEditMode();moveByArrowKey(t,a,1,!1)}else if("ArrowUp"===i)if(a.ctrlKey||a.metaKey)switchView(t);else{if(a.shiftKey)return void t.enterEditMode();moveByArrowKey(t,a,-1,!0)}else if("ArrowDown"===i){if(a.shiftKey&&!a.ctrlKey&&!a.metaKey)return void t.enterEditMode();moveByArrowKey(t,a,1,!0)}else{if("Enter"!==i)return void("Escape"===i?o.hide():"Backspace"!==i&&"Delete"!==i&&(1!==i.length||a.ctrlKey||a.metaKey)||t.enterEditMode());if(l)return void t.setDate(o.viewDate);o.changeView(c-1).render()}}else{if("ArrowDown"!==i)return void("Enter"===i?t.update():"Escape"===i&&o.show());o.show()}a.preventDefault()}else unfocus(t)}function onFocus(t){t.config.showOnFocus&&!t._showing&&t.show()}function onMousedown(t,a){var i=a.target;(t.picker.active||t.config.showOnClick)&&(i._active=isActiveElement(i),i._clicking=setTimeout((function(){delete i._active,delete i._clicking}),2e3))}function onClickInput(t,a){var i=a.target;i._clicking&&(clearTimeout(i._clicking),delete i._clicking,i._active&&t.enterEditMode(),delete i._active,t.config.showOnClick&&t.show())}function onPaste(t,a){a.clipboardData.types.includes("text/plain")&&t.enterEditMode()}function onClickOutside(t,a){var i=t.element,o=t.picker;if(o.active||isActiveElement(i)){var s=o.element;findElementInEventPath(a,(function(t){return t===i||t===s}))||unfocus(t)}}function Datepicker_typeof(t){return Datepicker_typeof="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},Datepicker_typeof(t)}function Datepicker_classCallCheck(t,a){if(!(t instanceof a))throw new TypeError("Cannot call a class as a function")}function Datepicker_defineProperties(t,a){for(var i=0;i<a.length;i++){var o=a[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function stringifyDates(t,a){return t.map((function(t){return date_format_formatDate(t,a.format,a.locale)})).join(a.dateDelimiter)}function processInputDates(t,a){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=t.config,s=t.dates,c=t.rangeSideIndex;if(0===a.length)return i?[]:void 0;var l=a.reduce((function(t,a){var i=date_format_parseDate(a,o.format,o.locale);return void 0===i||!isInRange(i=regularizeDate(i,o.pickLevel,c),o.minDate,o.maxDate)||t.includes(i)||o.datesDisabled.includes(i)||!(o.pickLevel>0)&&o.daysOfWeekDisabled.includes(new Date(i).getDay())||t.push(i),t}),[]);return 0!==l.length?(o.multidate&&!i&&(l=l.reduce((function(t,a){return s.includes(a)||t.push(a),t}),s.filter((function(t){return!l.includes(t)})))),o.maxNumberOfDates&&l.length>o.maxNumberOfDates?l.slice(-1*o.maxNumberOfDates):l):void 0}function refreshUI(t){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3,i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],o=t.config,s=t.picker,c=t.inputField;if(2&a){var l=s.active?o.pickLevel:o.startView;s.update().changeView(l).render(i)}1&a&&c&&(c.value=stringifyDates(t.dates,o))}function _setDate(t,a,i){var o=i.clear,s=i.render,c=i.autohide,l=i.revert;void 0===s&&(s=!0),s?void 0===c&&(c=t.config.autohide):c=!1;var u=processInputDates(t,a,o);(u||l)&&(u&&u.toString()!==t.dates.toString()?(t.dates=u,refreshUI(t,s?3:1),triggerDatepickerEvent(t,"changeDate")):refreshUI(t,1),c&&t.hide())}var Qe=function(){function Datepicker(t){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0;Datepicker_classCallCheck(this,Datepicker),t.datepicker=this,this.element=t;var o,s,c=this.config=Object.assign({buttonClass:a.buttonClass&&String(a.buttonClass)||"button",container:null,defaultViewDate:today(),maxDate:void 0,minDate:void 0},processOptions(Re,this)),l=this.inline="INPUT"!==t.tagName;if(l?c.container=t:(a.container&&(c.container=a.container instanceof HTMLElement?a.container:document.querySelector(a.container)),(o=this.inputField=t).classList.add("datepicker-input")),i){var u=i.inputs.indexOf(o),f=i.datepickers;if(u<0||u>1||!Array.isArray(f))throw Error("Invalid rangepicker object.");f[u]=this,Object.defineProperty(this,"rangepicker",{get:function get(){return i}}),Object.defineProperty(this,"rangeSideIndex",{get:function get(){return u}})}this._options=a,Object.assign(c,processOptions(a,this)),l?(s=stringToArray(t.dataset.date,c.dateDelimiter),delete t.dataset.date):s=stringToArray(o.value,c.dateDelimiter),this.dates=[];var p=processInputDates(this,s);p&&p.length>0&&(this.dates=p),o&&(o.value=stringifyDates(this.dates,c));var h=this.picker=new Ge(this);if(l)this.show();else{var v=onClickOutside.bind(null,this),g=[[o,"keydown",onKeydown.bind(null,this)],[o,"focus",onFocus.bind(null,this)],[o,"mousedown",onMousedown.bind(null,this)],[o,"click",onClickInput.bind(null,this)],[o,"paste",onPaste.bind(null,this)],[document,"mousedown",v],[document,"touchstart",v],[window,"resize",h.place.bind(h)]];registerListeners(this,g)}}return function Datepicker_createClass(t,a,i){return a&&Datepicker_defineProperties(t.prototype,a),i&&Datepicker_defineProperties(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t}(Datepicker,[{key:"active",get:function get(){return!(!this.picker||!this.picker.active)}},{key:"pickerElement",get:function get(){return this.picker?this.picker.element:void 0}},{key:"setOptions",value:function setOptions(t){var a=this.picker,i=processOptions(t,this);Object.assign(this._options,t),Object.assign(this.config,i),a.setOptions(i),refreshUI(this,3)}},{key:"show",value:function show(){if(this.inputField){if(this.inputField.disabled)return;isActiveElement(this.inputField)||this.config.disableTouchKeyboard||(this._showing=!0,this.inputField.focus(),delete this._showing)}this.picker.show()}},{key:"hide",value:function hide(){this.inline||(this.picker.hide(),this.picker.update().changeView(this.config.startView).render())}},{key:"destroy",value:function destroy(){return this.hide(),function unregisterListeners(t){var a=Me.get(t);a&&(a.forEach((function(t){je.call.apply(je,event_toConsumableArray(t))})),Me.delete(t))}(this),this.picker.detach(),this.inline||this.inputField.classList.remove("datepicker-input"),delete this.element.datepicker,this}},{key:"getDate",value:function getDate(){var t=this,a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,i=a?function(i){return date_format_formatDate(i,a,t.config.locale)}:function(t){return new Date(t)};return this.config.multidate?this.dates.map(i):this.dates.length>0?i(this.dates[0]):void 0}},{key:"setDate",value:function setDate(){for(var t=arguments.length,a=new Array(t),i=0;i<t;i++)a[i]=arguments[i];var o=[].concat(a),s={},c=lastItemOf(a);"object"!==Datepicker_typeof(c)||Array.isArray(c)||c instanceof Date||!c||Object.assign(s,o.pop());var l=Array.isArray(o[0])?o[0]:o;_setDate(this,l,s)}},{key:"update",value:function update(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0;if(!this.inline){var a=Object.assign(t||{},{clear:!0,render:!0}),i=stringToArray(this.inputField.value,this.config.dateDelimiter);_setDate(this,i,a)}}},{key:"refresh",value:function refresh(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,a=arguments.length>1&&void 0!==arguments[1]&&arguments[1];t&&"string"!==typeof t&&(a=t,t=void 0),refreshUI(this,"picker"===t?2:"input"===t?1:3,!a)}},{key:"enterEditMode",value:function enterEditMode(){this.inline||!this.picker.active||this.editMode||(this.editMode=!0,this.inputField.classList.add("in-edit"))}},{key:"exitEditMode",value:function exitEditMode(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0;if(!this.inline&&this.editMode){var a=Object.assign({update:!1},t);delete this.editMode,this.inputField.classList.remove("in-edit"),a.update&&this.update(a)}}}],[{key:"formatDate",value:function formatDate(t,a,i){return date_format_formatDate(t,a,i&&Ye[i]||Ye.en)}},{key:"parseDate",value:function parseDate(t,a,i){return date_format_parseDate(t,a,i&&Ye[i]||Ye.en)}},{key:"locales",get:function get(){return Ye}}]),Datepicker}(),et=function init(){document.querySelectorAll(".js-datepicker").forEach((function(t,a){var i=new Qe(t);t.ui=i}))};window.addEventListener("".concat(t.LODEDANDREADY),et),window.addEventListener("".concat(t.AJAX),et);function redaxios_module_typeof(t){return redaxios_module_typeof="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},redaxios_module_typeof(t)}var tt=function e(t){function n(t,a,i){var o,s={};if(Array.isArray(t))return t.concat(a);for(o in t)s[i?o.toLowerCase():o]=t[o];for(o in a){var c=i?o.toLowerCase():o,l=a[o];s[c]=c in s&&"object"==redaxios_module_typeof(l)?n(s[c],l,"headers"==c):l}return s}function r(a,i,o,s,c){var l="string"!=typeof a?(i=a).url:a,u={config:i},f=n(t,i),p={};s=s||f.data,(f.transformRequest||[]).map((function(t){s=t(s,f.headers)||s})),f.auth&&(p.authorization=f.auth),s&&"object"==redaxios_module_typeof(s)&&"function"!=typeof s.append&&"function"!=typeof s.text&&(s=JSON.stringify(s),p["content-type"]="application/json");try{p[f.xsrfHeaderName]=decodeURIComponent(document.cookie.match(RegExp("(^|; )"+f.xsrfCookieName+"=([^;]*)"))[2])}catch(a){}return f.baseURL&&(l=l.replace(/^(?!.*\/\/)\/?/,f.baseURL+"/")),f.params&&(l+=(~l.indexOf("?")?"&":"?")+(f.paramsSerializer?f.paramsSerializer(f.params):new URLSearchParams(f.params))),(f.fetch||fetch)(l,{method:(o||f.method||"get").toUpperCase(),body:s,headers:n(f.headers,p,!0),credentials:f.withCredentials?"include":c}).then((function(t){for(var a in t)"function"!=typeof t[a]&&(u[a]=t[a]);return"stream"==f.responseType?(u.data=t.body,u):t[f.responseType||"text"]().then((function(t){u.data=t,u.data=JSON.parse(t)})).catch(Object).then((function(){return(f.validateStatus?f.validateStatus(t.status):t.ok)?u:Promise.reject(u)}))}))}return t=t||{},r.request=r,r.get=function(t,a){return r(t,a,"get")},r.delete=function(t,a){return r(t,a,"delete")},r.head=function(t,a){return r(t,a,"head")},r.options=function(t,a){return r(t,a,"options")},r.post=function(t,a,i){return r(t,i,"post",a)},r.put=function(t,a,i){return r(t,i,"put",a)},r.patch=function(t,a,i){return r(t,i,"patch",a)},r.all=Promise.all.bind(Promise),r.spread=function(t){return t.apply.bind(t,t)},r.CancelToken="function"==typeof AbortController?AbortController:Object,r.defaults=t,r.create=e,r}();!function(a){var i,o="main.online",s=document,c=s.body,l=s.querySelector('meta[name="ping"]'),u=!1,f=function UPDATE_ONLINE_STATUS(s){u||(u=!0,s?(c.classList.contains("is-offline")?(console.log("".concat(o,": back Online")),a.dispatchEvent(new Event(t.BACKONLINE))):(console.log("".concat(o,": Online")),a.dispatchEvent(new Event(t.ONLINE))),c.classList.add("is-online"),c.classList.remove("is-offline"),l&&!i&&(console.log("".concat(o,": SESSION_PING is active")),i=setInterval(h,3e5))):(console.log("".concat(o,": Offline")),c.classList.add("is-offline"),c.classList.remove("is-online"),clearInterval(i),i=null,a.dispatchEvent(new Event(t.OFFLINE))),u=!1)},p=!1,h=function SESSION_PING(){if(!p&&!c.classList.contains("is-offline")){var t=l.getAttribute("content");console.log("".concat(o,": session ping")),p=!0,tt.post(t,{}).then((function(t){p=!1,f(!0)})).catch((function(t){console.error(t),console.warn("".concat(o,": SESSION_PING failed")),p=!1,f(!1)}))}},v=function navigatorStateUpdate(){"undefined"!==typeof navigator.onLine&&(navigator.onLine?f(!0):f(!1))};a.addEventListener("".concat(t.OFFLINE),(function(){f(!1)})),a.addEventListener("".concat(t.ONLINE),(function(){f(!0)})),a.addEventListener("".concat(t.LOADED),v),a.addEventListener("".concat(t.AJAX),v)}(window);function image_defineProperties(t,a){for(var i=0;i<a.length;i++){var o=a[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var nt="ajax.models.image",rt=document.querySelector('meta[name="api_static_domain"]'),at=rt?rt.getAttribute("content"):"".concat(window.location.protocol,"//").concat(window.location.host);console.log("".concat(nt," [static url]: ").concat(at));var it=function(){function ImageObject(){!function image_classCallCheck(t,a){if(!(t instanceof a))throw new TypeError("Cannot call a class as a function")}(this,ImageObject)}return function image_createClass(t,a,i){return a&&image_defineProperties(t.prototype,a),i&&image_defineProperties(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t}(ImageObject,[{key:"load",value:function load(t,a){var i=t.startsWith("http")?t:at+t;return a&&(a.classList.add("loading"),a.classList.remove("loading__network-error")),new Promise((function(t,o){tt.get(i,{responseType:"blob"}).then((function(i){var o=new FileReader;o.readAsDataURL(i.data),o.onload=function(){var i=o.result;a&&(a.classList.remove("loading"),a.classList.add("loading__success")),t(i)}})).catch((function(t){if(console.warn(t),t.response){switch(t.response.status){case 404:msg="Not Found.";break;case 500:msg="Server issue, please try again latter.";break;default:msg="Something went wrong."}console.error("".concat(nt," [").concat(i,"]: ").concat(msg))}else t.request?(msg="No response received",console.error("".concat(nt," [").concat(i,"]: ").concat(msg))):console.error("".concat(nt," [").concat(i,"]: ").concat(t.message));a&&(a.classList.remove("loading"),a.classList.add("loading__network-error"),a.classList.add("empty")),o(t)}))}))}}]),ImageObject}();(function(a){var i=document,o=(i.body,function loadLazyImages(){console.log("".concat("main.lazy-images",": Load lazy images")),i.querySelectorAll("[data-lazy-src]").forEach((function(t){t.classList.remove("empty"),(new it).load(t.getAttribute("data-lazy-src"),t).then((function(a){t.setAttribute("src",a)})).catch((function(){t.classList.add("empty")}))})),i.querySelectorAll("[data-lazy-bg]").forEach((function(t){t.classList.remove("empty"),(new it).load(t.getAttribute("data-lazy-bg"),t).then((function(a){t.style.backgroundImage="url(".concat(a,")")})).catch((function(a){t.classList.add("empty")}))}))});a.addEventListener("".concat(t.LODEDANDREADY),o),a.addEventListener("".concat(t.AJAX),o)})(window),function(a){var i="_layout",o=document;o.body;a.addEventListener("".concat(t.LOADED),(function(){!function init_fonts(){console.log("".concat(i,": init_fonts"));var t=o.createElement("link");t.rel="stylesheet",t.type="text/css",t.media="all",t.href="https://fonts.googleapis.com/css?family=Roboto:ital,wght@0,400;0,700;1,400&display=swap",o.getElementsByTagName("head")[0].appendChild(t)}()}))}(window)}()}();
\ No newline at end of file
diff --git a/dist/js/app_sw.js b/dist/js/app_sw.js
index 543ff6e..ba1c17a 100644
--- a/dist/js/app_sw.js
+++ b/dist/js/app_sw.js
@@ -1 +1 @@
-!function(){var e={570:function(e){e.exports=function log(e){false}},756:function(e){Cache.prototype.add||(Cache.prototype.add=function add(e){return this.addAll([e])}),Cache.prototype.addAll||(Cache.prototype.addAll=function addAll(e){var t=this;function NetworkError(e){this.name="NetworkError",this.code=19,this.message=e}return NetworkError.prototype=Object.create(Error.prototype),Promise.resolve().then((function(){if(arguments.length<1)throw new TypeError;return e=e.map((function(e){return e instanceof Request?e:String(e)})),Promise.all(e.map((function(e){"string"===typeof e&&(e=new Request(e));var t=new URL(e.url).protocol;if("http:"!==t&&"https:"!==t)throw new NetworkError("Invalid scheme");return fetch(e.clone())})))})).then((function(n){return Promise.all(n.map((function(n,r){return t.put(e[r],n)})))})).then((function(){}))}),CacheStorage.prototype.match||(CacheStorage.prototype.match=function match(e,t){var n=this;return this.keys().then((function(r){var o;return r.reduce((function(r,a){return r.then((function(){return o||n.open(a).then((function(n){return n.match(e,t)})).then((function(e){return o=e}))}))}),Promise.resolve())}))}),e.exports=self.caches}},t={};function __webpack_require__(n){var r=t[n];if(void 0!==r)return r.exports;var o=t[n]={exports:{}};return e[n](o,o.exports,__webpack_require__),o.exports}!function(){var e="".concat("@a2nt/ss-bootstrap-ui-webpack-boilerplate-react","-sw"),t="".concat("4.6.0","-sw"),n=__webpack_require__(570),r=__webpack_require__(756);if("string"!==typeof e)throw new Error("Cache Name cannot be empty");self.addEventListener("fetch",(function(t){if("GET"===t.request.method){var o=new URL(t.request.url);if(o.pathname.indexOf("admin")>=0||o.pathname.indexOf("Security")>=0||o.pathname.indexOf("/dev")>=0)n("SW: skip admin ".concat(t.request.url));else{var a=t.request.clone(),c=t.request.clone();t.respondWith(fetch(a).then((function(n){var o=n.clone();return r.open(e).then((function(e){var n=t.request.clone();e.put(n,o)})),n})).catch((function(e){return n("SW: fetch failed"),r.match(c)})))}}})),self.addEventListener("activate",(function(o){n("SW: activated: ".concat(t)),o.waitUntil(r.delete(e))})),self.addEventListener("install",(function(e){n("SW: installing version: ".concat(t))}))}()}();
\ No newline at end of file
+!function(){var e={570:function(e){e.exports=function log(e){false}},756:function(e){Cache.prototype.add||(Cache.prototype.add=function add(e){return this.addAll([e])}),Cache.prototype.addAll||(Cache.prototype.addAll=function addAll(e){var t=this;function NetworkError(e){this.name="NetworkError",this.code=19,this.message=e}return NetworkError.prototype=Object.create(Error.prototype),Promise.resolve().then((function(){if(arguments.length<1)throw new TypeError;return e=e.map((function(e){return e instanceof Request?e:String(e)})),Promise.all(e.map((function(e){"string"===typeof e&&(e=new Request(e));var t=new URL(e.url).protocol;if("http:"!==t&&"https:"!==t)throw new NetworkError("Invalid scheme");return fetch(e.clone())})))})).then((function(n){return Promise.all(n.map((function(n,r){return t.put(e[r],n)})))})).then((function(){}))}),CacheStorage.prototype.match||(CacheStorage.prototype.match=function match(e,t){var n=this;return this.keys().then((function(r){var o;return r.reduce((function(r,a){return r.then((function(){return o||n.open(a).then((function(n){return n.match(e,t)})).then((function(e){return o=e}))}))}),Promise.resolve())}))}),e.exports=self.caches}},t={};function __webpack_require__(n){var r=t[n];if(void 0!==r)return r.exports;var o=t[n]={exports:{}};return e[n](o,o.exports,__webpack_require__),o.exports}!function(){var e="".concat("@a2nt/ss-bootstrap-ui-webpack-boilerplate-react","-sw"),t="".concat("4.6.1","-sw"),n=__webpack_require__(570),r=__webpack_require__(756);if("string"!==typeof e)throw new Error("Cache Name cannot be empty");self.addEventListener("fetch",(function(t){if("GET"===t.request.method){var o=new URL(t.request.url);if(o.pathname.indexOf("admin")>=0||o.pathname.indexOf("Security")>=0||o.pathname.indexOf("/dev")>=0)n("SW: skip admin ".concat(t.request.url));else{var a=t.request.clone(),c=t.request.clone();t.respondWith(fetch(a).then((function(n){var o=n.clone();return r.open(e).then((function(e){var n=t.request.clone();e.put(n,o)})),n})).catch((function(e){return n("SW: fetch failed"),r.match(c)})))}}})),self.addEventListener("activate",(function(o){n("SW: activated: ".concat(t)),o.waitUntil(r.delete(e))})),self.addEventListener("install",(function(e){n("SW: installing version: ".concat(t))}))}()}();
\ No newline at end of file
diff --git a/dist/records.json b/dist/records.json
index fd6fc60..ea5ce59 100644
--- a/dist/records.json
+++ b/dist/records.json
@@ -82,171 +82,6 @@
       898
     ]
   },
-  "mini-css-extract-plugin /mnt/data/srv/dist/repositories/webpack-bootstrap-ui-kit/node_modules/.pnpm/css-loader@6.7.1_webpack@5.72.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/sass-loader@12.6.0_sass@1.50.0+webpack@5.72.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/scss/app.scss": [
-    {
-      "chunks": {
-        "byName": {
-          "child": 396
-        },
-        "bySource": {
-          "0 child": 396
-        },
-        "usedIds": [
-          396
-        ]
-      },
-      "modules": {
-        "byIdentifier": {
-          "./node_modules/.pnpm/babel-loader@8.2.5_rb5fcebzp6kx3hqg3ucus54t3m/node_modules/babel-loader/lib/index.js??ruleSet[1].rules[0].use!./node_modules/.pnpm/css-loader@6.7.1_webpack@5.72.0/node_modules/css-loader/dist/runtime/api.js": 744,
-          "./node_modules/.pnpm/babel-loader@8.2.5_rb5fcebzp6kx3hqg3ucus54t3m/node_modules/babel-loader/lib/index.js??ruleSet[1].rules[0].use!./node_modules/.pnpm/css-loader@6.7.1_webpack@5.72.0/node_modules/css-loader/dist/runtime/getUrl.js": 671,
-          "./node_modules/.pnpm/babel-loader@8.2.5_rb5fcebzp6kx3hqg3ucus54t3m/node_modules/babel-loader/lib/index.js??ruleSet[1].rules[0].use!./node_modules/.pnpm/css-loader@6.7.1_webpack@5.72.0/node_modules/css-loader/dist/runtime/sourceMaps.js": 656,
-          "./node_modules/.pnpm/css-loader@6.7.1_webpack@5.72.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/sass-loader@12.6.0_sass@1.50.0+webpack@5.72.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/scss/app.scss": 895,
-          "asset/inline|data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%272%27 fill=%27%23fff%27/%3e%3c/svg%3e": 204,
-          "asset/inline|data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%2386b7fe%27/%3e%3c/svg%3e": 609,
-          "asset/inline|data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e": 469,
-          "asset/inline|data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27rgba%280, 0, 0, 0.25%29%27/%3e%3c/svg%3e": 486,
-          "asset/inline|data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e": 144,
-          "asset/inline|data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23000%27%3e%3cpath d=%27M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z%27/%3e%3c/svg%3e": 175,
-          "asset/inline|data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23fff%27%3e%3cpath d=%27M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z%27/%3e%3c/svg%3e": 647,
-          "asset/inline|data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23fff%27%3e%3cpath d=%27M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e": 692,
-          "asset/inline|data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M2 5l6 6 6-6%27/%3e%3c/svg%3e": 214,
-          "asset/inline|data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M6 10h8%27/%3e%3c/svg%3e": 931,
-          "asset/inline|data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M6 10l3 3l6-6%27/%3e%3c/svg%3e": 349,
-          "asset/inline|data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%280, 0, 0, 0.55%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e": 217,
-          "asset/inline|data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.55%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e": 956,
-          "asset/inline|data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23198754%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e": 819
-        },
-        "usedIds": [
-          144,
-          175,
-          204,
-          214,
-          217,
-          349,
-          469,
-          486,
-          609,
-          647,
-          656,
-          671,
-          692,
-          744,
-          819,
-          895,
-          931,
-          956
-        ]
-      }
-    }
-  ],
-  "mini-css-extract-plugin /mnt/data/srv/dist/repositories/webpack-bootstrap-ui-kit/node_modules/.pnpm/css-loader@6.7.1_webpack@5.72.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/sass-loader@12.6.0_sass@1.50.0+webpack@5.72.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/scss/types/cms.scss": [
-    {
-      "chunks": {
-        "byName": {
-          "child": 396
-        },
-        "bySource": {
-          "0 child": 396
-        },
-        "usedIds": [
-          396
-        ]
-      },
-      "modules": {
-        "byIdentifier": {
-          "./node_modules/.pnpm/babel-loader@8.2.5_rb5fcebzp6kx3hqg3ucus54t3m/node_modules/babel-loader/lib/index.js??ruleSet[1].rules[0].use!./node_modules/.pnpm/css-loader@6.7.1_webpack@5.72.0/node_modules/css-loader/dist/runtime/api.js": 744,
-          "./node_modules/.pnpm/babel-loader@8.2.5_rb5fcebzp6kx3hqg3ucus54t3m/node_modules/babel-loader/lib/index.js??ruleSet[1].rules[0].use!./node_modules/.pnpm/css-loader@6.7.1_webpack@5.72.0/node_modules/css-loader/dist/runtime/sourceMaps.js": 656,
-          "./node_modules/.pnpm/css-loader@6.7.1_webpack@5.72.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/sass-loader@12.6.0_sass@1.50.0+webpack@5.72.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/scss/types/cms.scss": 970
-        },
-        "usedIds": [
-          656,
-          744,
-          970
-        ]
-      }
-    }
-  ],
-  "mini-css-extract-plugin /mnt/data/srv/dist/repositories/webpack-bootstrap-ui-kit/node_modules/.pnpm/css-loader@6.7.1_webpack@5.72.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/sass-loader@12.6.0_sass@1.50.0+webpack@5.72.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/scss/types/editor.scss": [
-    {
-      "chunks": {
-        "byName": {
-          "child": 396
-        },
-        "bySource": {
-          "0 child": 396
-        },
-        "usedIds": [
-          396
-        ]
-      },
-      "modules": {
-        "byIdentifier": {
-          "./node_modules/.pnpm/babel-loader@8.2.5_rb5fcebzp6kx3hqg3ucus54t3m/node_modules/babel-loader/lib/index.js??ruleSet[1].rules[0].use!./node_modules/.pnpm/css-loader@6.7.1_webpack@5.72.0/node_modules/css-loader/dist/runtime/api.js": 744,
-          "./node_modules/.pnpm/babel-loader@8.2.5_rb5fcebzp6kx3hqg3ucus54t3m/node_modules/babel-loader/lib/index.js??ruleSet[1].rules[0].use!./node_modules/.pnpm/css-loader@6.7.1_webpack@5.72.0/node_modules/css-loader/dist/runtime/sourceMaps.js": 656,
-          "./node_modules/.pnpm/css-loader@6.7.1_webpack@5.72.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/sass-loader@12.6.0_sass@1.50.0+webpack@5.72.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/scss/types/editor.scss": 203
-        },
-        "usedIds": [
-          203,
-          656,
-          744
-        ]
-      }
-    }
-  ],
-  "mini-css-extract-plugin /mnt/data/srv/dist/repositories/webpack-bootstrap-ui-kit/node_modules/.pnpm/css-loader@6.7.1_webpack@5.72.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/sass-loader@12.6.0_sass@1.50.0+webpack@5.72.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/scss/types/map.api.scss": [
-    {
-      "chunks": {
-        "byName": {
-          "child": 396
-        },
-        "bySource": {
-          "0 child": 396
-        },
-        "usedIds": [
-          396
-        ]
-      },
-      "modules": {
-        "byIdentifier": {
-          "./node_modules/.pnpm/babel-loader@8.2.5_rb5fcebzp6kx3hqg3ucus54t3m/node_modules/babel-loader/lib/index.js??ruleSet[1].rules[0].use!./node_modules/.pnpm/css-loader@6.7.1_webpack@5.72.0/node_modules/css-loader/dist/runtime/api.js": 744,
-          "./node_modules/.pnpm/babel-loader@8.2.5_rb5fcebzp6kx3hqg3ucus54t3m/node_modules/babel-loader/lib/index.js??ruleSet[1].rules[0].use!./node_modules/.pnpm/css-loader@6.7.1_webpack@5.72.0/node_modules/css-loader/dist/runtime/sourceMaps.js": 656,
-          "./node_modules/.pnpm/css-loader@6.7.1_webpack@5.72.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/sass-loader@12.6.0_sass@1.50.0+webpack@5.72.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/scss/types/map.api.scss": 466
-        },
-        "usedIds": [
-          466,
-          656,
-          744
-        ]
-      }
-    }
-  ],
-  "mini-css-extract-plugin /mnt/data/srv/dist/repositories/webpack-bootstrap-ui-kit/node_modules/.pnpm/css-loader@6.7.1_webpack@5.72.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/sass-loader@12.6.0_sass@1.50.0+webpack@5.72.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/scss/types/order.scss": [
-    {
-      "chunks": {
-        "byName": {
-          "child": 396
-        },
-        "bySource": {
-          "0 child": 396
-        },
-        "usedIds": [
-          396
-        ]
-      },
-      "modules": {
-        "byIdentifier": {
-          "./node_modules/.pnpm/babel-loader@8.2.5_rb5fcebzp6kx3hqg3ucus54t3m/node_modules/babel-loader/lib/index.js??ruleSet[1].rules[0].use!./node_modules/.pnpm/css-loader@6.7.1_webpack@5.72.0/node_modules/css-loader/dist/runtime/api.js": 744,
-          "./node_modules/.pnpm/babel-loader@8.2.5_rb5fcebzp6kx3hqg3ucus54t3m/node_modules/babel-loader/lib/index.js??ruleSet[1].rules[0].use!./node_modules/.pnpm/css-loader@6.7.1_webpack@5.72.0/node_modules/css-loader/dist/runtime/sourceMaps.js": 656,
-          "./node_modules/.pnpm/css-loader@6.7.1_webpack@5.72.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/sass-loader@12.6.0_sass@1.50.0+webpack@5.72.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/scss/types/order.scss": 263
-        },
-        "usedIds": [
-          263,
-          656,
-          744
-        ]
-      }
-    }
-  ],
   "modules": {
     "byIdentifier": {
       "./node_modules/.pnpm/babel-loader@8.2.5_rb5fcebzp6kx3hqg3ucus54t3m/node_modules/babel-loader/lib/index.js??ruleSet[1].rules[0].use!./node_modules/.pnpm/youtube-embed@1.0.0/node_modules/youtube-embed/index.js": 826,
diff --git a/dist/report.html b/dist/report.html
index 5bf5e09..03a2c3e 100644
--- a/dist/report.html
+++ b/dist/report.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <title>@a2nt/ss-bootstrap-ui-webpack-boilerplate-react [2 May 2022 at 21:25]</title>
+    <title>@a2nt/ss-bootstrap-ui-webpack-boilerplate-react [3 May 2022 at 20:50]</title>
     <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
 
     <script>
@@ -31,7 +31,7 @@
   <body>
     <div id="app"></div>
     <script>
-      window.chartData = [{"label":"js/app.js","isAsset":true,"statSize":406407,"parsedSize":114262,"gzipSize":28180,"groups":[{"label":"node_modules/.pnpm/youtube-embed@1.0.0/node_modules/youtube-embed","path":"./node_modules/.pnpm/youtube-embed@1.0.0/node_modules/youtube-embed","statSize":577,"groups":[{"id":826,"label":"index.js","path":"./node_modules/.pnpm/youtube-embed@1.0.0/node_modules/youtube-embed/index.js","statSize":577,"parsedSize":265,"gzipSize":218}],"parsedSize":265,"gzipSize":218},{"label":"src","path":"./src","statSize":405830,"groups":[{"label":"js","path":"./src/js","statSize":229984,"groups":[{"id":743,"label":"app.js + 47 modules (concatenated)","path":"./src/js/app.js + 47 modules (concatenated)","statSize":229984,"parsedSize":113997,"gzipSize":28038,"concatenated":true,"groups":[{"label":"src/js","path":"./src/js/app.js + 47 modules (concatenated)/src/js","statSize":31064,"groups":[{"id":null,"label":"app.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/app.js","statSize":2369,"parsedSize":1174,"gzipSize":288,"inaccurateSizes":true},{"label":"main","path":"./src/js/app.js + 47 modules (concatenated)/src/js/main","statSize":9770,"groups":[{"id":null,"label":"index.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/main/index.js","statSize":85,"parsedSize":42,"gzipSize":10,"inaccurateSizes":true},{"id":null,"label":"visibility.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/main/visibility.js","statSize":898,"parsedSize":445,"gzipSize":109,"inaccurateSizes":true},{"id":null,"label":"touch.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/main/touch.js","statSize":1615,"parsedSize":800,"gzipSize":196,"inaccurateSizes":true},{"id":null,"label":"css-screen-size.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/main/css-screen-size.js","statSize":2650,"parsedSize":1313,"gzipSize":323,"inaccurateSizes":true},{"id":null,"label":"main.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/main/main.js","statSize":3109,"parsedSize":1541,"gzipSize":379,"inaccurateSizes":true},{"id":null,"label":"loading-spinner.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/main/loading-spinner.js","statSize":1413,"parsedSize":700,"gzipSize":172,"inaccurateSizes":true}],"parsedSize":4842,"gzipSize":1191,"inaccurateSizes":true},{"label":"ui","path":"./src/js/app.js + 47 modules (concatenated)/src/js/ui","statSize":8499,"groups":[{"id":null,"label":"carousel.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/ui/carousel.js","statSize":5210,"parsedSize":2582,"gzipSize":635,"inaccurateSizes":true},{"id":null,"label":"dropdown.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/ui/dropdown.js","statSize":2883,"parsedSize":1429,"gzipSize":351,"inaccurateSizes":true},{"id":null,"label":"datepicker.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/ui/datepicker.js","statSize":406,"parsedSize":201,"gzipSize":49,"inaccurateSizes":true}],"parsedSize":4212,"gzipSize":1036,"inaccurateSizes":true},{"label":"ajax","path":"./src/js/app.js + 47 modules (concatenated)/src/js/ajax","statSize":7166,"groups":[{"id":null,"label":"online.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/ajax/online.js","statSize":2662,"parsedSize":1319,"gzipSize":324,"inaccurateSizes":true},{"id":null,"label":"lazy-images.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/ajax/lazy-images.js","statSize":1176,"parsedSize":582,"gzipSize":143,"inaccurateSizes":true},{"label":"models","path":"./src/js/app.js + 47 modules (concatenated)/src/js/ajax/models","statSize":3328,"groups":[{"id":null,"label":"image.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/ajax/models/image.js","statSize":3328,"parsedSize":1649,"gzipSize":405,"inaccurateSizes":true}],"parsedSize":1649,"gzipSize":405,"inaccurateSizes":true}],"parsedSize":3551,"gzipSize":873,"inaccurateSizes":true},{"label":"layout","path":"./src/js/app.js + 47 modules (concatenated)/src/js/layout","statSize":1591,"groups":[{"id":null,"label":"index.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/layout/index.js","statSize":1591,"parsedSize":788,"gzipSize":193,"inaccurateSizes":true}],"parsedSize":788,"gzipSize":193,"inaccurateSizes":true},{"id":null,"label":"_events.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/_events.js","statSize":1397,"parsedSize":692,"gzipSize":170,"inaccurateSizes":true},{"id":null,"label":"_consts.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/_consts.js","statSize":272,"parsedSize":134,"gzipSize":33,"inaccurateSizes":true}],"parsedSize":15397,"gzipSize":3787,"inaccurateSizes":true},{"label":"node_modules/.pnpm","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm","statSize":198920,"groups":[{"label":"@a2nt+meta-lightbox-js@4.2.1/node_modules/@a2nt/meta-lightbox-js/src/js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/@a2nt+meta-lightbox-js@4.2.1/node_modules/@a2nt/meta-lightbox-js/src/js","statSize":17421,"groups":[{"id":null,"label":"app.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/@a2nt+meta-lightbox-js@4.2.1/node_modules/@a2nt/meta-lightbox-js/src/js/app.js","statSize":815,"parsedSize":403,"gzipSize":99,"inaccurateSizes":true},{"id":null,"label":"_events.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/@a2nt+meta-lightbox-js@4.2.1/node_modules/@a2nt/meta-lightbox-js/src/js/_events.js","statSize":1366,"parsedSize":677,"gzipSize":166,"inaccurateSizes":true},{"id":null,"label":"window.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/@a2nt+meta-lightbox-js@4.2.1/node_modules/@a2nt/meta-lightbox-js/src/js/window.js","statSize":15240,"parsedSize":7554,"gzipSize":1857,"inaccurateSizes":true}],"parsedSize":8635,"gzipSize":2123,"inaccurateSizes":true},{"label":"bootstrap@5.1.3_@popperjs+core@2.11.5/node_modules/bootstrap/js/src","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/bootstrap@5.1.3_@popperjs+core@2.11.5/node_modules/bootstrap/js/src","statSize":55299,"groups":[{"id":null,"label":"carousel.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/bootstrap@5.1.3_@popperjs+core@2.11.5/node_modules/bootstrap/js/src/carousel.js","statSize":23486,"parsedSize":11641,"gzipSize":2863,"inaccurateSizes":true},{"label":"dom","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/bootstrap@5.1.3_@popperjs+core@2.11.5/node_modules/bootstrap/js/src/dom","statSize":18586,"groups":[{"id":null,"label":"event-handler.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/bootstrap@5.1.3_@popperjs+core@2.11.5/node_modules/bootstrap/js/src/dom/event-handler.js","statSize":11179,"parsedSize":5541,"gzipSize":1362,"inaccurateSizes":true},{"id":null,"label":"manipulator.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/bootstrap@5.1.3_@popperjs+core@2.11.5/node_modules/bootstrap/js/src/dom/manipulator.js","statSize":1986,"parsedSize":984,"gzipSize":242,"inaccurateSizes":true},{"id":null,"label":"selector-engine.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/bootstrap@5.1.3_@popperjs+core@2.11.5/node_modules/bootstrap/js/src/dom/selector-engine.js","statSize":3816,"parsedSize":1891,"gzipSize":465,"inaccurateSizes":true},{"id":null,"label":"data.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/bootstrap@5.1.3_@popperjs+core@2.11.5/node_modules/bootstrap/js/src/dom/data.js","statSize":1605,"parsedSize":795,"gzipSize":195,"inaccurateSizes":true}],"parsedSize":9212,"gzipSize":2265,"inaccurateSizes":true},{"label":"util","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/bootstrap@5.1.3_@popperjs+core@2.11.5/node_modules/bootstrap/js/src/util","statSize":9636,"groups":[{"id":null,"label":"index.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/bootstrap@5.1.3_@popperjs+core@2.11.5/node_modules/bootstrap/js/src/util/index.js","statSize":9636,"parsedSize":4776,"gzipSize":1174,"inaccurateSizes":true}],"parsedSize":4776,"gzipSize":1174,"inaccurateSizes":true},{"id":null,"label":"base-component.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/bootstrap@5.1.3_@popperjs+core@2.11.5/node_modules/bootstrap/js/src/base-component.js","statSize":3591,"parsedSize":1779,"gzipSize":437,"inaccurateSizes":true}],"parsedSize":27410,"gzipSize":6741,"inaccurateSizes":true},{"label":"vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js","statSize":123340,"groups":[{"id":null,"label":"Datepicker.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/Datepicker.js","statSize":20644,"parsedSize":10232,"gzipSize":2516,"inaccurateSizes":true},{"label":"lib","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/lib","statSize":16569,"groups":[{"id":null,"label":"date-format.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/lib/date-format.js","statSize":5595,"parsedSize":2773,"gzipSize":682,"inaccurateSizes":true},{"id":null,"label":"date.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/lib/date.js","statSize":3301,"parsedSize":1636,"gzipSize":402,"inaccurateSizes":true},{"id":null,"label":"utils.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/lib/utils.js","statSize":1948,"parsedSize":965,"gzipSize":237,"inaccurateSizes":true},{"id":null,"label":"dom.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/lib/dom.js","statSize":1573,"parsedSize":779,"gzipSize":191,"inaccurateSizes":true},{"id":null,"label":"event.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/lib/event.js","statSize":4152,"parsedSize":2058,"gzipSize":506,"inaccurateSizes":true}],"parsedSize":8212,"gzipSize":2019,"inaccurateSizes":true},{"label":"i18n","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/i18n","statSize":572,"groups":[{"id":null,"label":"base-locales.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/i18n/base-locales.js","statSize":572,"parsedSize":283,"gzipSize":69,"inaccurateSizes":true}],"parsedSize":283,"gzipSize":69,"inaccurateSizes":true},{"label":"options","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/options","statSize":10123,"groups":[{"id":null,"label":"defaultOptions.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/options/defaultOptions.js","statSize":882,"parsedSize":437,"gzipSize":107,"inaccurateSizes":true},{"id":null,"label":"processOptions.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/options/processOptions.js","statSize":9241,"parsedSize":4580,"gzipSize":1126,"inaccurateSizes":true}],"parsedSize":5017,"gzipSize":1234,"inaccurateSizes":true},{"label":"picker","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/picker","statSize":65223,"groups":[{"id":null,"label":"Picker.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/picker/Picker.js","statSize":17542,"parsedSize":8695,"gzipSize":2138,"inaccurateSizes":true},{"label":"templates","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/picker/templates","statSize":1623,"groups":[{"id":null,"label":"pickerTemplate.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/picker/templates/pickerTemplate.js","statSize":907,"parsedSize":449,"gzipSize":110,"inaccurateSizes":true},{"id":null,"label":"daysTemplate.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/picker/templates/daysTemplate.js","statSize":355,"parsedSize":175,"gzipSize":43,"inaccurateSizes":true},{"id":null,"label":"calendarWeeksTemplate.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/picker/templates/calendarWeeksTemplate.js","statSize":361,"parsedSize":178,"gzipSize":44,"inaccurateSizes":true}],"parsedSize":804,"gzipSize":197,"inaccurateSizes":true},{"label":"views","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/picker/views","statSize":46058,"groups":[{"id":null,"label":"DaysView.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/picker/views/DaysView.js","statSize":15196,"parsedSize":7532,"gzipSize":1852,"inaccurateSizes":true},{"id":null,"label":"MonthsView.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/picker/views/MonthsView.js","statSize":13383,"parsedSize":6633,"gzipSize":1631,"inaccurateSizes":true},{"id":null,"label":"YearsView.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/picker/views/YearsView.js","statSize":13161,"parsedSize":6523,"gzipSize":1604,"inaccurateSizes":true},{"id":null,"label":"View.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/picker/views/View.js","statSize":4318,"parsedSize":2140,"gzipSize":526,"inaccurateSizes":true}],"parsedSize":22829,"gzipSize":5615,"inaccurateSizes":true}],"parsedSize":32329,"gzipSize":7951,"inaccurateSizes":true},{"label":"events","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/events","statSize":10209,"groups":[{"id":null,"label":"functions.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/events/functions.js","statSize":1627,"parsedSize":806,"gzipSize":198,"inaccurateSizes":true},{"id":null,"label":"inputFieldListeners.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/events/inputFieldListeners.js","statSize":5648,"parsedSize":2799,"gzipSize":688,"inaccurateSizes":true},{"id":null,"label":"otherListeners.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/events/otherListeners.js","statSize":844,"parsedSize":418,"gzipSize":102,"inaccurateSizes":true},{"id":null,"label":"pickerListeners.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/events/pickerListeners.js","statSize":2090,"parsedSize":1035,"gzipSize":254,"inaccurateSizes":true}],"parsedSize":5060,"gzipSize":1244,"inaccurateSizes":true}],"parsedSize":61136,"gzipSize":15036,"inaccurateSizes":true},{"label":"redaxios@0.5.0/node_modules/redaxios/dist","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/redaxios@0.5.0/node_modules/redaxios/dist","statSize":2860,"groups":[{"id":null,"label":"redaxios.module.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/redaxios@0.5.0/node_modules/redaxios/dist/redaxios.module.js","statSize":2860,"parsedSize":1417,"gzipSize":348,"inaccurateSizes":true}],"parsedSize":1417,"gzipSize":348,"inaccurateSizes":true}],"parsedSize":98599,"gzipSize":24250,"inaccurateSizes":true}]}],"parsedSize":113997,"gzipSize":28038},{"label":"scss","path":"./src/scss","statSize":175846,"groups":[{"id":null,"label":"app.scss","path":"./src/scss/app.scss","statSize":175846}],"parsedSize":0,"gzipSize":0}],"parsedSize":113997,"gzipSize":28038}]},{"label":"js/app_sw.js","isAsset":true,"statSize":5513,"parsedSize":2270,"gzipSize":937,"groups":[{"label":"src/js","path":"./src/js","statSize":3225,"groups":[{"label":"libs","path":"./src/js/libs","statSize":164,"groups":[{"id":570,"label":"log.js","path":"./src/js/libs/log.js","statSize":164,"parsedSize":45,"gzipSize":57}],"parsedSize":45,"gzipSize":57},{"label":"types","path":"./src/js/types","statSize":3061,"groups":[{"id":831,"label":"sw.js","path":"./src/js/types/sw.js","statSize":3061,"parsedSize":1118,"gzipSize":549}],"parsedSize":1118,"gzipSize":549}],"parsedSize":1163,"gzipSize":567},{"label":"thirdparty","path":"./thirdparty","statSize":2288,"groups":[{"id":756,"label":"serviceworker-caches.js","path":"./thirdparty/serviceworker-caches.js","statSize":2288,"parsedSize":1107,"gzipSize":486}],"parsedSize":1107,"gzipSize":486}]},{"label":"js/app_cms.js","isAsset":true,"statSize":50,"parsedSize":0,"gzipSize":20,"groups":[{"label":"src/scss/types","path":"./src/scss/types","statSize":50,"groups":[{"id":841,"label":"cms.scss","path":"./src/scss/types/cms.scss","statSize":50}],"parsedSize":0,"gzipSize":0}]},{"label":"js/app_editor.js","isAsset":true,"statSize":50,"parsedSize":0,"gzipSize":20,"groups":[{"label":"src/scss/types","path":"./src/scss/types","statSize":50,"groups":[{"id":104,"label":"editor.scss","path":"./src/scss/types/editor.scss","statSize":50}],"parsedSize":0,"gzipSize":0}]},{"label":"js/app_map.api.js","isAsset":true,"statSize":50,"parsedSize":0,"gzipSize":20,"groups":[{"label":"src/scss/types","path":"./src/scss/types","statSize":50,"groups":[{"id":191,"label":"map.api.scss","path":"./src/scss/types/map.api.scss","statSize":50}],"parsedSize":0,"gzipSize":0}]},{"label":"js/app_order.js","isAsset":true,"statSize":50,"parsedSize":0,"gzipSize":20,"groups":[{"label":"src/scss/types","path":"./src/scss/types","statSize":50,"groups":[{"id":706,"label":"order.scss","path":"./src/scss/types/order.scss","statSize":50}],"parsedSize":0,"gzipSize":0}]}];
+      window.chartData = [{"label":"js/app.js","isAsset":true,"statSize":406411,"parsedSize":114262,"gzipSize":28178,"groups":[{"label":"node_modules/.pnpm/youtube-embed@1.0.0/node_modules/youtube-embed","path":"./node_modules/.pnpm/youtube-embed@1.0.0/node_modules/youtube-embed","statSize":577,"groups":[{"id":826,"label":"index.js","path":"./node_modules/.pnpm/youtube-embed@1.0.0/node_modules/youtube-embed/index.js","statSize":577,"parsedSize":265,"gzipSize":218}],"parsedSize":265,"gzipSize":218},{"label":"src","path":"./src","statSize":405834,"groups":[{"label":"js","path":"./src/js","statSize":229988,"groups":[{"id":743,"label":"app.js + 47 modules (concatenated)","path":"./src/js/app.js + 47 modules (concatenated)","statSize":229988,"parsedSize":113997,"gzipSize":28036,"concatenated":true,"groups":[{"label":"src/js","path":"./src/js/app.js + 47 modules (concatenated)/src/js","statSize":31068,"groups":[{"id":null,"label":"app.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/app.js","statSize":2398,"parsedSize":1188,"gzipSize":292,"inaccurateSizes":true},{"label":"main","path":"./src/js/app.js + 47 modules (concatenated)/src/js/main","statSize":9770,"groups":[{"id":null,"label":"index.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/main/index.js","statSize":85,"parsedSize":42,"gzipSize":10,"inaccurateSizes":true},{"id":null,"label":"visibility.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/main/visibility.js","statSize":898,"parsedSize":445,"gzipSize":109,"inaccurateSizes":true},{"id":null,"label":"touch.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/main/touch.js","statSize":1615,"parsedSize":800,"gzipSize":196,"inaccurateSizes":true},{"id":null,"label":"css-screen-size.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/main/css-screen-size.js","statSize":2650,"parsedSize":1313,"gzipSize":323,"inaccurateSizes":true},{"id":null,"label":"main.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/main/main.js","statSize":3109,"parsedSize":1541,"gzipSize":378,"inaccurateSizes":true},{"id":null,"label":"loading-spinner.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/main/loading-spinner.js","statSize":1413,"parsedSize":700,"gzipSize":172,"inaccurateSizes":true}],"parsedSize":4842,"gzipSize":1190,"inaccurateSizes":true},{"label":"ui","path":"./src/js/app.js + 47 modules (concatenated)/src/js/ui","statSize":8466,"groups":[{"id":null,"label":"carousel.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/ui/carousel.js","statSize":5195,"parsedSize":2574,"gzipSize":633,"inaccurateSizes":true},{"id":null,"label":"dropdown.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/ui/dropdown.js","statSize":2865,"parsedSize":1420,"gzipSize":349,"inaccurateSizes":true},{"id":null,"label":"datepicker.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/ui/datepicker.js","statSize":406,"parsedSize":201,"gzipSize":49,"inaccurateSizes":true}],"parsedSize":4196,"gzipSize":1032,"inaccurateSizes":true},{"label":"ajax","path":"./src/js/app.js + 47 modules (concatenated)/src/js/ajax","statSize":7167,"groups":[{"id":null,"label":"online.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/ajax/online.js","statSize":2662,"parsedSize":1319,"gzipSize":324,"inaccurateSizes":true},{"id":null,"label":"lazy-images.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/ajax/lazy-images.js","statSize":1176,"parsedSize":582,"gzipSize":143,"inaccurateSizes":true},{"label":"models","path":"./src/js/app.js + 47 modules (concatenated)/src/js/ajax/models","statSize":3329,"groups":[{"id":null,"label":"image.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/ajax/models/image.js","statSize":3329,"parsedSize":1650,"gzipSize":405,"inaccurateSizes":true}],"parsedSize":1650,"gzipSize":405,"inaccurateSizes":true}],"parsedSize":3552,"gzipSize":873,"inaccurateSizes":true},{"label":"layout","path":"./src/js/app.js + 47 modules (concatenated)/src/js/layout","statSize":1595,"groups":[{"id":null,"label":"index.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/layout/index.js","statSize":1595,"parsedSize":790,"gzipSize":194,"inaccurateSizes":true}],"parsedSize":790,"gzipSize":194,"inaccurateSizes":true},{"id":null,"label":"_events.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/_events.js","statSize":1397,"parsedSize":692,"gzipSize":170,"inaccurateSizes":true},{"id":null,"label":"_consts.js","path":"./src/js/app.js + 47 modules (concatenated)/src/js/_consts.js","statSize":275,"parsedSize":136,"gzipSize":33,"inaccurateSizes":true}],"parsedSize":15399,"gzipSize":3787,"inaccurateSizes":true},{"label":"node_modules/.pnpm","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm","statSize":198920,"groups":[{"label":"@a2nt+meta-lightbox-js@4.2.1/node_modules/@a2nt/meta-lightbox-js/src/js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/@a2nt+meta-lightbox-js@4.2.1/node_modules/@a2nt/meta-lightbox-js/src/js","statSize":17421,"groups":[{"id":null,"label":"app.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/@a2nt+meta-lightbox-js@4.2.1/node_modules/@a2nt/meta-lightbox-js/src/js/app.js","statSize":815,"parsedSize":403,"gzipSize":99,"inaccurateSizes":true},{"id":null,"label":"_events.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/@a2nt+meta-lightbox-js@4.2.1/node_modules/@a2nt/meta-lightbox-js/src/js/_events.js","statSize":1366,"parsedSize":677,"gzipSize":166,"inaccurateSizes":true},{"id":null,"label":"window.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/@a2nt+meta-lightbox-js@4.2.1/node_modules/@a2nt/meta-lightbox-js/src/js/window.js","statSize":15240,"parsedSize":7553,"gzipSize":1857,"inaccurateSizes":true}],"parsedSize":8634,"gzipSize":2123,"inaccurateSizes":true},{"label":"bootstrap@5.1.3_@popperjs+core@2.11.5/node_modules/bootstrap/js/src","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/bootstrap@5.1.3_@popperjs+core@2.11.5/node_modules/bootstrap/js/src","statSize":55299,"groups":[{"id":null,"label":"carousel.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/bootstrap@5.1.3_@popperjs+core@2.11.5/node_modules/bootstrap/js/src/carousel.js","statSize":23486,"parsedSize":11641,"gzipSize":2862,"inaccurateSizes":true},{"label":"dom","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/bootstrap@5.1.3_@popperjs+core@2.11.5/node_modules/bootstrap/js/src/dom","statSize":18586,"groups":[{"id":null,"label":"event-handler.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/bootstrap@5.1.3_@popperjs+core@2.11.5/node_modules/bootstrap/js/src/dom/event-handler.js","statSize":11179,"parsedSize":5541,"gzipSize":1362,"inaccurateSizes":true},{"id":null,"label":"manipulator.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/bootstrap@5.1.3_@popperjs+core@2.11.5/node_modules/bootstrap/js/src/dom/manipulator.js","statSize":1986,"parsedSize":984,"gzipSize":242,"inaccurateSizes":true},{"id":null,"label":"selector-engine.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/bootstrap@5.1.3_@popperjs+core@2.11.5/node_modules/bootstrap/js/src/dom/selector-engine.js","statSize":3816,"parsedSize":1891,"gzipSize":465,"inaccurateSizes":true},{"id":null,"label":"data.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/bootstrap@5.1.3_@popperjs+core@2.11.5/node_modules/bootstrap/js/src/dom/data.js","statSize":1605,"parsedSize":795,"gzipSize":195,"inaccurateSizes":true}],"parsedSize":9212,"gzipSize":2265,"inaccurateSizes":true},{"label":"util","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/bootstrap@5.1.3_@popperjs+core@2.11.5/node_modules/bootstrap/js/src/util","statSize":9636,"groups":[{"id":null,"label":"index.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/bootstrap@5.1.3_@popperjs+core@2.11.5/node_modules/bootstrap/js/src/util/index.js","statSize":9636,"parsedSize":4776,"gzipSize":1174,"inaccurateSizes":true}],"parsedSize":4776,"gzipSize":1174,"inaccurateSizes":true},{"id":null,"label":"base-component.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/bootstrap@5.1.3_@popperjs+core@2.11.5/node_modules/bootstrap/js/src/base-component.js","statSize":3591,"parsedSize":1779,"gzipSize":437,"inaccurateSizes":true}],"parsedSize":27409,"gzipSize":6741,"inaccurateSizes":true},{"label":"vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js","statSize":123340,"groups":[{"id":null,"label":"Datepicker.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/Datepicker.js","statSize":20644,"parsedSize":10232,"gzipSize":2516,"inaccurateSizes":true},{"label":"lib","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/lib","statSize":16569,"groups":[{"id":null,"label":"date-format.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/lib/date-format.js","statSize":5595,"parsedSize":2773,"gzipSize":682,"inaccurateSizes":true},{"id":null,"label":"date.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/lib/date.js","statSize":3301,"parsedSize":1636,"gzipSize":402,"inaccurateSizes":true},{"id":null,"label":"utils.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/lib/utils.js","statSize":1948,"parsedSize":965,"gzipSize":237,"inaccurateSizes":true},{"id":null,"label":"dom.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/lib/dom.js","statSize":1573,"parsedSize":779,"gzipSize":191,"inaccurateSizes":true},{"id":null,"label":"event.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/lib/event.js","statSize":4152,"parsedSize":2058,"gzipSize":506,"inaccurateSizes":true}],"parsedSize":8212,"gzipSize":2019,"inaccurateSizes":true},{"label":"i18n","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/i18n","statSize":572,"groups":[{"id":null,"label":"base-locales.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/i18n/base-locales.js","statSize":572,"parsedSize":283,"gzipSize":69,"inaccurateSizes":true}],"parsedSize":283,"gzipSize":69,"inaccurateSizes":true},{"label":"options","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/options","statSize":10123,"groups":[{"id":null,"label":"defaultOptions.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/options/defaultOptions.js","statSize":882,"parsedSize":437,"gzipSize":107,"inaccurateSizes":true},{"id":null,"label":"processOptions.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/options/processOptions.js","statSize":9241,"parsedSize":4580,"gzipSize":1126,"inaccurateSizes":true}],"parsedSize":5017,"gzipSize":1234,"inaccurateSizes":true},{"label":"picker","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/picker","statSize":65223,"groups":[{"id":null,"label":"Picker.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/picker/Picker.js","statSize":17542,"parsedSize":8694,"gzipSize":2138,"inaccurateSizes":true},{"label":"templates","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/picker/templates","statSize":1623,"groups":[{"id":null,"label":"pickerTemplate.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/picker/templates/pickerTemplate.js","statSize":907,"parsedSize":449,"gzipSize":110,"inaccurateSizes":true},{"id":null,"label":"daysTemplate.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/picker/templates/daysTemplate.js","statSize":355,"parsedSize":175,"gzipSize":43,"inaccurateSizes":true},{"id":null,"label":"calendarWeeksTemplate.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/picker/templates/calendarWeeksTemplate.js","statSize":361,"parsedSize":178,"gzipSize":44,"inaccurateSizes":true}],"parsedSize":804,"gzipSize":197,"inaccurateSizes":true},{"label":"views","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/picker/views","statSize":46058,"groups":[{"id":null,"label":"DaysView.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/picker/views/DaysView.js","statSize":15196,"parsedSize":7532,"gzipSize":1852,"inaccurateSizes":true},{"id":null,"label":"MonthsView.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/picker/views/MonthsView.js","statSize":13383,"parsedSize":6633,"gzipSize":1631,"inaccurateSizes":true},{"id":null,"label":"YearsView.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/picker/views/YearsView.js","statSize":13161,"parsedSize":6523,"gzipSize":1604,"inaccurateSizes":true},{"id":null,"label":"View.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/picker/views/View.js","statSize":4318,"parsedSize":2140,"gzipSize":526,"inaccurateSizes":true}],"parsedSize":22829,"gzipSize":5614,"inaccurateSizes":true}],"parsedSize":32328,"gzipSize":7950,"inaccurateSizes":true},{"label":"events","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/events","statSize":10209,"groups":[{"id":null,"label":"functions.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/events/functions.js","statSize":1627,"parsedSize":806,"gzipSize":198,"inaccurateSizes":true},{"id":null,"label":"inputFieldListeners.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/events/inputFieldListeners.js","statSize":5648,"parsedSize":2799,"gzipSize":688,"inaccurateSizes":true},{"id":null,"label":"otherListeners.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/events/otherListeners.js","statSize":844,"parsedSize":418,"gzipSize":102,"inaccurateSizes":true},{"id":null,"label":"pickerListeners.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/vanillajs-datepicker@1.2.0/node_modules/vanillajs-datepicker/js/events/pickerListeners.js","statSize":2090,"parsedSize":1035,"gzipSize":254,"inaccurateSizes":true}],"parsedSize":5060,"gzipSize":1244,"inaccurateSizes":true}],"parsedSize":61135,"gzipSize":15035,"inaccurateSizes":true},{"label":"redaxios@0.5.0/node_modules/redaxios/dist","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/redaxios@0.5.0/node_modules/redaxios/dist","statSize":2860,"groups":[{"id":null,"label":"redaxios.module.js","path":"./src/js/app.js + 47 modules (concatenated)/node_modules/.pnpm/redaxios@0.5.0/node_modules/redaxios/dist/redaxios.module.js","statSize":2860,"parsedSize":1417,"gzipSize":348,"inaccurateSizes":true}],"parsedSize":1417,"gzipSize":348,"inaccurateSizes":true}],"parsedSize":98597,"gzipSize":24248,"inaccurateSizes":true}]}],"parsedSize":113997,"gzipSize":28036},{"label":"scss","path":"./src/scss","statSize":175846,"groups":[{"id":null,"label":"app.scss","path":"./src/scss/app.scss","statSize":175846}],"parsedSize":0,"gzipSize":0}],"parsedSize":113997,"gzipSize":28036}]},{"label":"js/app_sw.js","isAsset":true,"statSize":5493,"parsedSize":2270,"gzipSize":937,"groups":[{"label":"src/js","path":"./src/js","statSize":3205,"groups":[{"label":"libs","path":"./src/js/libs","statSize":149,"groups":[{"id":570,"label":"log.js","path":"./src/js/libs/log.js","statSize":149,"parsedSize":45,"gzipSize":57}],"parsedSize":45,"gzipSize":57},{"label":"types","path":"./src/js/types","statSize":3056,"groups":[{"id":831,"label":"sw.js","path":"./src/js/types/sw.js","statSize":3056,"parsedSize":1118,"gzipSize":549}],"parsedSize":1118,"gzipSize":549}],"parsedSize":1163,"gzipSize":567},{"label":"thirdparty","path":"./thirdparty","statSize":2288,"groups":[{"id":756,"label":"serviceworker-caches.js","path":"./thirdparty/serviceworker-caches.js","statSize":2288,"parsedSize":1107,"gzipSize":486}],"parsedSize":1107,"gzipSize":486}]},{"label":"js/app_cms.js","isAsset":true,"statSize":50,"parsedSize":0,"gzipSize":20,"groups":[{"label":"src/scss/types","path":"./src/scss/types","statSize":50,"groups":[{"id":841,"label":"cms.scss","path":"./src/scss/types/cms.scss","statSize":50}],"parsedSize":0,"gzipSize":0}]},{"label":"js/app_editor.js","isAsset":true,"statSize":50,"parsedSize":0,"gzipSize":20,"groups":[{"label":"src/scss/types","path":"./src/scss/types","statSize":50,"groups":[{"id":104,"label":"editor.scss","path":"./src/scss/types/editor.scss","statSize":50}],"parsedSize":0,"gzipSize":0}]},{"label":"js/app_map.api.js","isAsset":true,"statSize":50,"parsedSize":0,"gzipSize":20,"groups":[{"label":"src/scss/types","path":"./src/scss/types","statSize":50,"groups":[{"id":191,"label":"map.api.scss","path":"./src/scss/types/map.api.scss","statSize":50}],"parsedSize":0,"gzipSize":0}]},{"label":"js/app_order.js","isAsset":true,"statSize":50,"parsedSize":0,"gzipSize":20,"groups":[{"label":"src/scss/types","path":"./src/scss/types","statSize":50,"groups":[{"id":706,"label":"order.scss","path":"./src/scss/types/order.scss","statSize":50}],"parsedSize":0,"gzipSize":0}]}];
       window.defaultSizes = "parsed";
     </script>
   </body>
diff --git a/src/js/_consts.js b/src/js/_consts.js
index f21671f..7cb4d04 100755
--- a/src/js/_consts.js
+++ b/src/js/_consts.js
@@ -2,12 +2,12 @@
  * Add your global events here
  */
 
-//import MAP_DRIVER from './_components/drivers/_map.google';
-//import MAP_DRIVER from './_components/drivers/_map.mapbox';
+// import MAP_DRIVER from './_components/drivers/_map.google';
+// import MAP_DRIVER from './_components/drivers/_map.mapbox';
 
 const CONSTS = {
-  ENVS: ["xs", "sm", "md", "lg", "xl", "xxl", "xxxl"],
-  //MAP_DRIVER,
-};
+  ENVS: ['xs', 'sm', 'md', 'lg', 'xl', 'xxl', 'xxxl'],
+  // MAP_DRIVER,
+}
 
-export default CONSTS;
+export default CONSTS
diff --git a/src/js/_events.js b/src/js/_events.js
index bc4f655..669aed4 100755
--- a/src/js/_events.js
+++ b/src/js/_events.js
@@ -42,4 +42,4 @@ export default {
   FORM_STEPPED_FIRST_STEP: 'form-first-step',
   FORM_STEPPED_LAST_STEP: 'form-last-step',
   FORM_FIELDS: 'input,textarea,select',
-};
+}
diff --git a/src/js/ajax/apollo/cache.js b/src/js/ajax/apollo/cache.js
index 4bb79cb..785ede8 100644
--- a/src/js/ajax/apollo/cache.js
+++ b/src/js/ajax/apollo/cache.js
@@ -1,19 +1,19 @@
-import { InMemoryCache } from "@apollo/client";
+import { InMemoryCache } from '@apollo/client'
 
-//import { IonicStorageModule } from '@ionic/storage';
-//import { persistCache, IonicStorageWrapper } from 'apollo3-cache-persist';
-import { persistCacheSync, LocalStorageWrapper } from "apollo3-cache-persist";
+// import { IonicStorageModule } from '@ionic/storage';
+// import { persistCache, IonicStorageWrapper } from 'apollo3-cache-persist';
+import { persistCacheSync, LocalStorageWrapper } from 'apollo3-cache-persist'
 
-const cache = new InMemoryCache();
+const cache = new InMemoryCache()
 
 // await before instantiating ApolloClient, else queries might run before the cache is persisted
-//await persistCache({
+// await persistCache({
 persistCacheSync({
   cache,
   storage: new LocalStorageWrapper(window.localStorage),
-  key: "web-persist",
+  key: 'web-persist',
   maxSize: 1048576, // 1Mb
-  //new IonicStorageWrapper(IonicStorageModule),
-});
+  // new IonicStorageWrapper(IonicStorageModule),
+})
 
-export { cache };
+export { cache }
diff --git a/src/js/ajax/apollo/init.js b/src/js/ajax/apollo/init.js
index bbf73a4..9c23fdb 100644
--- a/src/js/ajax/apollo/init.js
+++ b/src/js/ajax/apollo/init.js
@@ -1,21 +1,21 @@
-import Events from "../../_events";
+import Events from '../../_events'
 
-import { cache } from "./cache";
+import { cache } from './cache'
 import {
   from,
   ApolloClient,
   HttpLink,
   ApolloLink,
   concat,
-} from "@apollo/client";
+} from '@apollo/client'
 
-import { onError } from "@apollo/client/link/error";
-const NAME = "appolo";
+import { onError } from '@apollo/client/link/error'
+const NAME = 'appolo'
 
-const API_META = document.querySelector('meta[name="api_url"]');
+const API_META = document.querySelector('meta[name="api_url"]')
 const API_URL = API_META
-  ? API_META.getAttribute("content")
-  : `${window.location.protocol}//${window.location.host}/graphql`;
+  ? API_META.getAttribute('content')
+  : `${window.location.protocol}//${window.location.host}/graphql`
 
 const authMiddleware = new ApolloLink((operation, forward) => {
   // add the authorization to the headers
@@ -23,26 +23,26 @@ const authMiddleware = new ApolloLink((operation, forward) => {
     headers: {
       apikey: `${GRAPHQL_API_KEY}`,
     },
-  });
+  })
 
-  return forward(operation);
-});
+  return forward(operation)
+})
 
-console.info(`%cAPI: ${API_URL}`, "color:green;font-size:10px");
+console.info(`%cAPI: ${API_URL}`, 'color:green;font-size:10px')
 
 const link = from([
   authMiddleware,
   new ApolloLink((operation, forward) => {
     operation.setContext({
       start: new Date(),
-    });
-    return forward(operation);
+    })
+    return forward(operation)
   }),
   onError(({ operation, response, graphQLErrors, networkError, forward }) => {
-    if (operation.operationName === "IgnoreErrorsQuery") {
-      console.error(`${NAME}: IgnoreErrorsQuery`);
-      response.errors = null;
-      return;
+    if (operation.operationName === 'IgnoreErrorsQuery') {
+      console.error(`${NAME}: IgnoreErrorsQuery`)
+      response.errors = null
+      return
     }
 
     if (graphQLErrors) {
@@ -50,11 +50,11 @@ const link = from([
         console.error(
           `${NAME}: [GraphQL error]: Message: ${message}, Location: ${locations}, Path: ${path}`
         )
-      );
+      )
     }
 
     if (networkError) {
-      /*let msg = '';
+      /* let msg = '';
                                     switch (networkError.statusCode) {
                                       case 404:
                                         msg = 'Not Found.';
@@ -65,24 +65,24 @@ const link = from([
                                       default:
                                         msg = 'Something went wrong.';
                                         break;
-                                    }*/
-      console.error(`${NAME}: [Network error] ${networkError.statusCode}`);
+                                    } */
+      console.error(`${NAME}: [Network error] ${networkError.statusCode}`)
     }
 
-    console.error(`${NAME}: [APOLLO_ERROR]`);
-    window.dispatchEvent(new Event(Events.APOLLO_ERROR));
+    console.error(`${NAME}: [APOLLO_ERROR]`)
+    window.dispatchEvent(new Event(Events.APOLLO_ERROR))
   }),
   new ApolloLink((operation, forward) => {
     return forward(operation).map((data) => {
       // data from a previous link
-      const time = new Date() - operation.getContext().start;
+      const time = new Date() - operation.getContext().start
       console.log(
         `${NAME}: operation ${operation.operationName} took ${time} ms to complete`
-      );
+      )
 
-      window.dispatchEvent(new Event(Events.ONLINE));
-      return data;
-    });
+      window.dispatchEvent(new Event(Events.ONLINE))
+      return data
+    })
   }),
   new HttpLink({
     uri: API_URL,
@@ -90,10 +90,10 @@ const link = from([
     // Use explicit `window.fetch` so tha outgoing requests
     // are captured and deferred until the Service Worker is ready.
     fetch: (...args) => fetch(...args),
-    credentials: "same-origin", //'include',
-    connectToDevTools: process.env.NODE_ENV === "development" ? true : false,
+    credentials: 'same-origin', // 'include',
+    connectToDevTools: process.env.NODE_ENV === 'development',
   }),
-]);
+])
 
 // Isolate Apollo client so it could be reused
 // in both application runtime and tests.
@@ -101,6 +101,6 @@ const link = from([
 const client = new ApolloClient({
   cache,
   link,
-});
+})
 
-export { client };
+export { client }
diff --git a/src/js/ajax/lazy-images.js b/src/js/ajax/lazy-images.js
index b1d917d..77d994f 100644
--- a/src/js/ajax/lazy-images.js
+++ b/src/js/ajax/lazy-images.js
@@ -1,45 +1,45 @@
 // browser tab visibility state detection
 
-import Events from "../_events";
-import Consts from "../_consts";
-import ImageObject from "./models/image";
+import Events from '../_events'
+import Consts from '../_consts'
+import ImageObject from './models/image'
 
 export default ((W) => {
-  const NAME = "main.lazy-images";
-  const D = document;
-  const BODY = D.body;
+  const NAME = 'main.lazy-images'
+  const D = document
+  const BODY = D.body
 
   const loadLazyImages = () => {
-    console.log(`${NAME}: Load lazy images`);
+    console.log(`${NAME}: Load lazy images`)
 
-    D.querySelectorAll(`[data-lazy-src]`).forEach((el) => {
-      el.classList.remove("empty");
+    D.querySelectorAll('[data-lazy-src]').forEach((el) => {
+      el.classList.remove('empty')
 
-      const img = new ImageObject();
-    
-      img.load(el.getAttribute("data-lazy-src"),el)
+      const img = new ImageObject()
+
+      img.load(el.getAttribute('data-lazy-src'), el)
         .then((result) => {
-          el.setAttribute("src", result);
+          el.setAttribute('src', result)
         })
         .catch(() => {
-          el.classList.add("empty");
-        });
-    });
+          el.classList.add('empty')
+        })
+    })
 
-    D.querySelectorAll(`[data-lazy-bg]`).forEach((el) => {
-      el.classList.remove("empty");
-      const img = new ImageObject();
-     
-      img.load(el.getAttribute("data-lazy-bg"),el)
+    D.querySelectorAll('[data-lazy-bg]').forEach((el) => {
+      el.classList.remove('empty')
+      const img = new ImageObject()
+
+      img.load(el.getAttribute('data-lazy-bg'), el)
         .then((result) => {
-          el.style.backgroundImage = `url(${result})`;
+          el.style.backgroundImage = `url(${result})`
         })
         .catch((e) => {
-          el.classList.add("empty");
-        });
-    });
-  };
+          el.classList.add('empty')
+        })
+    })
+  }
 
-  W.addEventListener(`${Events.LODEDANDREADY}`, loadLazyImages);
-  W.addEventListener(`${Events.AJAX}`, loadLazyImages);
-})(window);
+  W.addEventListener(`${Events.LODEDANDREADY}`, loadLazyImages)
+  W.addEventListener(`${Events.AJAX}`, loadLazyImages)
+})(window)
diff --git a/src/js/ajax/links.js b/src/js/ajax/links.js
index ddc8ac3..ba9566e 100644
--- a/src/js/ajax/links.js
+++ b/src/js/ajax/links.js
@@ -1,155 +1,155 @@
 // browser tab visibility state detection
 
-import Events from "../_events";
-import Consts from "../_consts";
-import Page from "./models/page.jsx";
+import Events from '../_events'
+import Consts from '../_consts'
+import Page from './models/page.jsx'
 
-import { getParents } from "../main/funcs";
+import { getParents } from '../main/funcs'
 
-import { Collapse } from "bootstrap";
+import { Collapse } from 'bootstrap'
 
-import SpinnerUI from "../main/loading-spinner";
+import SpinnerUI from '../main/loading-spinner'
 
 const MainUILinks = ((W) => {
-  const NAME = "main.links";
-  const D = document;
-  const BODY = D.body;
+  const NAME = 'main.links'
+  const D = document
+  const BODY = D.body
 
   class MainUILinks {
-    window;
-    static init() {
-      const ui = this;
-      ui.GraphPage = null;
+    window
+    static init () {
+      const ui = this
+      ui.GraphPage = null
 
-      console.log(`${NAME}: init`);
+      console.log(`${NAME}: init`)
 
-      ui.loaded();
+      ui.loaded()
 
       // history state switch
-      W.addEventListener("popstate", (e) => {
-        ui.popState(e);
-      });
+      W.addEventListener('popstate', (e) => {
+        ui.popState(e)
+      })
     }
 
-    static loaded() {
-      const ui = this;
+    static loaded () {
+      const ui = this
 
-      D.querySelectorAll(".graphql-page").forEach((el, i) => {
-        const el_id = el.getAttribute("href");
-        el.setAttribute(`data-${ui.name}-id`, el_id);
+      D.querySelectorAll('.graphql-page').forEach((el, i) => {
+        const el_id = el.getAttribute('href')
+        el.setAttribute(`data-${ui.name}-id`, el_id)
 
-        el.addEventListener("click", ui.loadClick);
-      });
+        el.addEventListener('click', ui.loadClick)
+      })
     }
 
-    static setActiveLinks(link) {
-      const ui = this;
+    static setActiveLinks (link) {
+      const ui = this
       D.querySelectorAll(`[data-${ui.name}-id="${link}"]`).forEach((el) => {
-        el.classList.add("active");
-      });
+        el.classList.add('active')
+      })
     }
 
-    static reset() {
+    static reset () {
       // reset focus
-      D.activeElement.blur();
+      D.activeElement.blur()
 
       // remove active and loading classes
-      D.querySelectorAll(".graphql-page,.nav-item").forEach((el2) => {
-        el2.classList.remove("active", "loading");
-      });
+      D.querySelectorAll('.graphql-page,.nav-item').forEach((el2) => {
+        el2.classList.remove('active', 'loading')
+      })
     }
 
-    static popState(e) {
-      const ui = this;
+    static popState (e) {
+      const ui = this
 
-      SpinnerUI.show();
+      SpinnerUI.show()
 
       if (e.state && e.state.page) {
-        console.log(`${NAME}: [popstate] load`);
-        const state = JSON.parse(e.state.page);
+        console.log(`${NAME}: [popstate] load`)
+        const state = JSON.parse(e.state.page)
 
-        state.current = null;
-        state.popstate = true;
+        state.current = null
+        state.popstate = true
 
-        ui.reset();
-        ui.setActiveLinks(e.state.link);
+        ui.reset()
+        ui.setActiveLinks(e.state.link)
 
         if (!ui.GraphPage) {
           console.log(
             `${NAME}: [popstate] GraphPage is missing. Have to render it first`
-          );
+          )
 
           ui.GraphPage = ReactDOM.render(
             <Page />,
-            document.getElementById("MainContent")
-          );
+            document.getElementById('MainContent')
+          )
         }
 
-        ui.GraphPage.setState(state);
-        SpinnerUI.hide();
+        ui.GraphPage.setState(state)
+        SpinnerUI.hide()
 
-        window.dispatchEvent(new Event(Events.AJAX));
+        window.dispatchEvent(new Event(Events.AJAX))
       } else if (e.state && e.state.landing) {
-        console.log(`${NAME}: [popstate] go to landing`);
-        W.location.href = e.state.landing;
+        console.log(`${NAME}: [popstate] go to landing`)
+        W.location.href = e.state.landing
       } else {
-        console.warn(`${NAME}: [popstate] state is missing`);
-        console.log(e);
-        SpinnerUI.hide();
+        console.warn(`${NAME}: [popstate] state is missing`)
+        console.log(e)
+        SpinnerUI.hide()
       }
     }
 
     // link specific event {this} = current event, not MainUILinks
-    static loadClick(e) {
-      console.groupCollapsed(`${NAME}: load on click`);
-      e.preventDefault();
+    static loadClick (e) {
+      console.groupCollapsed(`${NAME}: load on click`)
+      e.preventDefault()
 
-      const ui = MainUILinks;
-      const el = e.currentTarget;
+      const ui = MainUILinks
+      const el = e.currentTarget
 
-      SpinnerUI.show();
+      SpinnerUI.show()
 
-      ui.reset();
-      el.classList.add("loading");
-      el.classList.remove("response-404", "response-500", "response-523");
-      BODY.classList.add("ajax-loading");
+      ui.reset()
+      el.classList.add('loading')
+      el.classList.remove('response-404', 'response-500', 'response-523')
+      BODY.classList.add('ajax-loading')
 
       // hide parent mobile nav
-      const navs = getParents(el, ".collapse");
+      const navs = getParents(el, '.collapse')
       if (navs.length) {
         navs.forEach((nav) => {
-          const collapseInst = Collapse.getInstance(nav);
+          const collapseInst = Collapse.getInstance(nav)
           if (collapseInst) {
-            collapseInst.hide();
+            collapseInst.hide()
           }
-        });
+        })
       }
 
       // hide parent dropdown
-      /*const dropdowns = getParents(el, '.dropdown-menu');
+      /* const dropdowns = getParents(el, '.dropdown-menu');
                                       if (dropdowns.length) {
                                         const DropdownInst = Dropdown.getInstance(dropdowns[0]);
                                         DropdownInst.hide();
-                                      }*/
+                                      } */
 
       if (!ui.GraphPage) {
         ui.GraphPage = ReactDOM.render(
           <Page />,
-          document.getElementById("MainContent")
-        );
+          document.getElementById('MainContent')
+        )
       }
 
-      const link = el.getAttribute("href") || el.getAttribute("data-href");
+      const link = el.getAttribute('href') || el.getAttribute('data-href')
 
-      ui.GraphPage.state.current = el;
+      ui.GraphPage.state.current = el
 
       ui.GraphPage.load(link)
         .then((response) => {
-          BODY.classList.remove("ajax-loading");
-          el.classList.remove("loading");
-          el.classList.add("active");
+          BODY.classList.remove('ajax-loading')
+          el.classList.remove('loading')
+          el.classList.add('active')
 
-          D.loading_apollo_link = null;
+          D.loading_apollo_link = null
 
           if (ui.GraphPage.state.Link) {
             window.history.pushState(
@@ -159,24 +159,24 @@ const MainUILinks = ((W) => {
               },
               ui.GraphPage.state.Title,
               ui.GraphPage.state.Link
-            );
+            )
 
-            ui.setActiveLinks(ui.GraphPage.state.Link);
+            ui.setActiveLinks(ui.GraphPage.state.Link)
           }
 
-          SpinnerUI.hide();
+          SpinnerUI.hide()
 
-          window.dispatchEvent(new Event(Events.AJAX));
-          console.groupEnd(`${NAME}: load on click`);
+          window.dispatchEvent(new Event(Events.AJAX))
+          console.groupEnd(`${NAME}: load on click`)
         })
         .catch((e) => {
-          console.error(`${NAME}: loading error`);
-          console.log(e);
+          console.error(`${NAME}: loading error`)
+          console.log(e)
 
-          /*BODY.classList.remove('ajax-loading');
-                                                                                el.classList.remove('loading');*/
-          el.classList.add("error", `response-${e.status}`);
-          /*switch (e.status) {
+          /* BODY.classList.remove('ajax-loading');
+                                                                                el.classList.remove('loading'); */
+          el.classList.add('error', `response-${e.status}`)
+          /* switch (e.status) {
                                                                                     case 500:
                                                                                         break;
                                                                                     case 404:
@@ -185,37 +185,37 @@ const MainUILinks = ((W) => {
                                                                                     case 523:
                                                                                         el.classList.add('unreachable');
                                                                                         break;
-                                                                                }*/
+                                                                                } */
 
-          //SpinnerUI.hide();
+          // SpinnerUI.hide();
 
-          //window.dispatchEvent(new Event(Events.AJAX));
-          console.groupEnd(`${NAME}: load on click`);
+          // window.dispatchEvent(new Event(Events.AJAX));
+          console.groupEnd(`${NAME}: load on click`)
 
-          console.log(`${NAME}: reloading page ${link}`);
+          console.log(`${NAME}: reloading page ${link}`)
 
           // fallback loading
-          W.location.href = link;
-        });
+          W.location.href = link
+        })
     }
   }
 
   W.addEventListener(`${Events.LOADED}`, () => {
-    MainUILinks.init();
-  });
+    MainUILinks.init()
+  })
 
   W.addEventListener(`${Events.AJAX}`, () => {
-    MainUILinks.loaded();
-  });
+    MainUILinks.loaded()
+  })
 
   // fallback
-  /*W.addEventListener(`${Events.APOLLO_ERROR}`, (e) => {
+  /* W.addEventListener(`${Events.APOLLO_ERROR}`, (e) => {
                             console.error(`${NAME}: [APOLLO_ERROR] loading failure, reloading the page`);
                             //W.dispatchEvent(new Event(Events.OFFLINE));
                             if (D.loading_apollo_link) {
                                 W.location.href = D.loading_apollo_link;
                             }
-                        });*/
-})(window);
+                        }); */
+})(window)
 
-export default MainUILinks;
+export default MainUILinks
diff --git a/src/js/ajax/models/element.jsx b/src/js/ajax/models/element.jsx
index 0faa57e..95ca75b 100644
--- a/src/js/ajax/models/element.jsx
+++ b/src/js/ajax/models/element.jsx
@@ -1,11 +1,11 @@
 /*
  * Lightbox window
  */
-import { Component } from "react";
-import Events from "../../events";
+import { Component } from 'react'
+import Events from '../../events'
 
-import { client } from "../apollo/init";
-import { gql } from "@apollo/client";
+import { client } from '../apollo/init'
+import { gql } from '@apollo/client'
 
 class Page extends Component {
   state = {
@@ -16,48 +16,48 @@ class Page extends Component {
     current: null,
     ID: null,
     URLSegment: null,
-    ClassName: "Page",
+    ClassName: 'Page',
     CSSClass: null,
     Title: null,
     Summary: null,
     Link: null,
     URL: null,
     Elements: [],
-    page: null,
-  };
+    page: null
+  }
 
-  componentDidUpdate() {
-    const ui = this;
+  componentDidUpdate () {
+    const ui = this
 
     if (ui.state.Title) {
-      document.title = ui.state.Title;
+      document.title = ui.state.Title
 
       if (ui.state.URL) {
         window.history.pushState(
           {
-            page: JSON.stringify(ui.state),
+            page: JSON.stringify(ui.state)
           },
           ui.state.Title,
           ui.state.URL
-        );
+        )
       }
     }
 
     if (ui.state.Elements.length) {
-      window.dispatchEvent(new Event(Events.AJAX));
+      window.dispatchEvent(new Event(Events.AJAX))
     }
   }
 
-  constructor(props) {
-    super(props);
+  constructor (props) {
+    super(props)
 
-    const ui = this;
-    ui.name = ui.constructor.name;
-    console.log(`${ui.name}: init`);
+    const ui = this
+    ui.name = ui.constructor.name
+    console.log(`${ui.name}: init`)
   }
 
   reset = () => {
-    const ui = this;
+    const ui = this
 
     ui.setState({
       type: [],
@@ -67,12 +67,12 @@ class Page extends Component {
       ID: null,
       Title: null,
       URL: null,
-      Elements: [],
-    });
-  };
+      Elements: []
+    })
+  }
 
   load = (link) => {
-    const ui = this;
+    const ui = this
     const query = gql(`
 			query Pages {
 			  readPages(URLSegment: "home", limit: 1, offset: 0) {
@@ -112,37 +112,37 @@ class Page extends Component {
 			    }
 			  }
 			}
-		`);
+		`)
 
-    ui.reset();
+    ui.reset()
     ui.setState({
-      Title: "Loading ...",
-      loading: true,
-    });
+      Title: 'Loading ...',
+      loading: true
+    })
     console.log(
       client.readQuery({
-        query,
+        query
       })
-    );
+    )
     client
       .query({
-        query: query,
+        query
       })
       .then((resp) => {
-        const page = resp.data.readPages.edges[0].node;
+        const page = resp.data.readPages.edges[0].node
 
         // write to cache
         client.writeQuery({
           query,
           data: {
-            resp,
-          },
-        });
+            resp
+          }
+        })
         console.log(
           client.readQuery({
-            query,
+            query
           })
-        );
+        )
 
         ui.setState({
           ID: page.ID,
@@ -154,74 +154,74 @@ class Page extends Component {
           Link: page.Link,
           Elements: page.Elements.edges,
           URL: page.Link || link,
-          loading: false,
-        });
+          loading: false
+        })
       })
       .catch((error) => {
-        console.error(error);
+        console.error(error)
 
-        let msg = "";
+        let msg = ''
 
         if (error.response) {
           switch (error.response.status) {
             case 404:
-              msg = "Not Found.";
-              break;
+              msg = 'Not Found.'
+              break
             case 500:
-              msg = "Server issue, please try again latter.";
-              break;
+              msg = 'Server issue, please try again latter.'
+              break
             default:
-              msg = "Something went wrong.";
-              break;
+              msg = 'Something went wrong.'
+              break
           }
         } else if (error.request) {
-          msg = "No response received";
+          msg = 'No response received'
         } else {
-          console.warn("Error", error.message);
+          console.warn('Error', error.message)
         }
 
         ui.setState({
-          error: msg,
-        });
-      });
-  };
+          error: msg
+        })
+      })
+  }
 
   getHtml = (html) => {
     const decodeHtmlEntity = (input) => {
-      var doc = new DOMParser().parseFromString(input, "text/html");
-      return doc.documentElement.textContent;
-    };
+      const doc = new DOMParser().parseFromString(input, 'text/html')
+      return doc.documentElement.textContent
+    }
 
     return {
-      __html: decodeHtmlEntity(html),
-    };
-  };
+      __html: decodeHtmlEntity(html)
+    }
+  }
 
-  render() {
-    const ui = this;
-    const name = ui.name;
-    const className = `elemental-area page-${ui.state.CSSClass} url-${ui.state.URLSegment}`;
+  render () {
+    const ui = this
+    const name = ui.name
+    const className = `elemental-area page-${ui.state.CSSClass} url-${ui.state.URLSegment}`
 
     const ElementItem = (props) => (
-      <div dangerouslySetInnerHTML={props.html}></div>
-    );
+      <div dangerouslySetInnerHTML={props.html} />
+    )
 
-    let html = "";
+    let html = ''
     if (ui.state.Elements.length) {
       ui.state.Elements.map((el) => {
-        html += el.node.Render;
-      });
+        html += el.node.Render
+      })
     } else {
-      html += '<div class="loading">Loading ...</div>';
+      html += '<div class="loading">Loading ...</div>'
     }
 
     return (
       <div
         className={className}
         dangerouslySetInnerHTML={ui.getHtml(html)}
-      ></div>
-    );
+      />
+    )
   }
 }
 
-export default Page;
+export default Page
diff --git a/src/js/ajax/models/image.js b/src/js/ajax/models/image.js
index 6b3abf3..eba71de 100644
--- a/src/js/ajax/models/image.js
+++ b/src/js/ajax/models/image.js
@@ -1,82 +1,82 @@
-import axios from "redaxios";
+import axios from 'redaxios'
 
-const NAME = "ajax.models.image";
+const NAME = 'ajax.models.image'
 
-const API_STATIC = document.querySelector('meta[name="api_static_domain"]');
+const API_STATIC = document.querySelector('meta[name="api_static_domain"]')
 const API_STATIC_URL = API_STATIC
-  ? API_STATIC.getAttribute("content")
-  : `${window.location.protocol}//${window.location.host}`;
+  ? API_STATIC.getAttribute('content')
+  : `${window.location.protocol}//${window.location.host}`
 
-console.log(`${NAME} [static url]: ${API_STATIC_URL}`);
+console.log(`${NAME} [static url]: ${API_STATIC_URL}`)
 
 class ImageObject {
-  constructor() {
+  constructor () {
   }
 
-  load(url, el) {
-    const imageUrl = url.startsWith("http") ? url : API_STATIC_URL + url;
+  load (url, el) {
+    const imageUrl = url.startsWith('http') ? url : API_STATIC_URL + url
 
-    if(el) {
-      el.classList.add("loading");
-      el.classList.remove("loading__network-error");
+    if (el) {
+      el.classList.add('loading')
+      el.classList.remove('loading__network-error')
     }
-    
+
     // offline response will be served by caching service worker
     const promise = new Promise((resolve, reject) => {
       axios
         .get(imageUrl, {
-          responseType: "blob",
+          responseType: 'blob',
         })
         .then((response) => {
-          const reader = new FileReader(); // https://developer.mozilla.org/en-US/docs/Web/API/FileReader/FileReader
-          reader.readAsDataURL(response.data);
+          const reader = new FileReader() // https://developer.mozilla.org/en-US/docs/Web/API/FileReader/FileReader
+          reader.readAsDataURL(response.data)
           reader.onload = () => {
-            const imageDataUrl = reader.result;
-            if(el){
-              //el.setAttribute("src", imageDataUrl);
-              el.classList.remove("loading");
-              el.classList.add("loading__success");
+            const imageDataUrl = reader.result
+            if (el) {
+              // el.setAttribute("src", imageDataUrl);
+              el.classList.remove('loading')
+              el.classList.add('loading__success')
             }
 
-            resolve(imageDataUrl);
-          };
+            resolve(imageDataUrl)
+          }
         })
         .catch((e) => {
-          console.warn(e);
+          console.warn(e)
 
           if (e.response) {
             switch (e.response.status) {
               case 404:
-                msg = "Not Found.";
-                break;
+                msg = 'Not Found.'
+                break
               case 500:
-                msg = "Server issue, please try again latter.";
-                break;
+                msg = 'Server issue, please try again latter.'
+                break
               default:
-                msg = "Something went wrong.";
-                break;
+                msg = 'Something went wrong.'
+                break
             }
 
-            console.error(`${NAME} [${imageUrl}]: ${msg}`);
+            console.error(`${NAME} [${imageUrl}]: ${msg}`)
           } else if (e.request) {
-            msg = "No response received";
-            console.error(`${NAME} [${imageUrl}]: ${msg}`);
+            msg = 'No response received'
+            console.error(`${NAME} [${imageUrl}]: ${msg}`)
           } else {
-            console.error(`${NAME} [${imageUrl}]: ${e.message}`);
+            console.error(`${NAME} [${imageUrl}]: ${e.message}`)
           }
 
-          if(el){
-            el.classList.remove("loading");
-            el.classList.add("loading__network-error");
-            el.classList.add("empty");
+          if (el) {
+            el.classList.remove('loading')
+            el.classList.add('loading__network-error')
+            el.classList.add('empty')
           }
 
-          reject(e);
-        });
-    });
+          reject(e)
+        })
+    })
 
-    return promise;
+    return promise
   }
 }
 
-export default ImageObject;
+export default ImageObject
diff --git a/src/js/ajax/models/page.jsx b/src/js/ajax/models/page.jsx
index af5c1e8..c50b335 100644
--- a/src/js/ajax/models/page.jsx
+++ b/src/js/ajax/models/page.jsx
@@ -1,60 +1,60 @@
 /*
  * page #MainContent area
  */
-import { Component } from "react";
+import { Component } from 'react'
 
-import { useQuery, gql } from "@apollo/client";
-import { client } from "../apollo/init";
-import { cache } from "../apollo/cache";
+import { useQuery, gql } from '@apollo/client'
+import { client } from '../apollo/init'
+import { cache } from '../apollo/cache'
 
-const D = document;
-const BODY = document.body;
+const D = document
+const BODY = document.body
 
 class Page extends Component {
   state = {
     type: [],
     shown: false,
-    Title: "Loading ...",
+    Title: 'Loading ...',
     loading: true,
     error: false,
     current: null,
     ID: null,
     URLSegment: null,
-    ClassName: "Page",
+    ClassName: 'Page',
     CSSClass: null,
     Summary: null,
     Link: null,
     URL: null,
     HTML: null,
     Elements: [],
-    page: null,
-  };
+    page: null
+  }
 
-  componentDidUpdate() {
-    const ui = this;
+  componentDidUpdate () {
+    const ui = this
 
     if (ui.state.Title) {
-      document.title = ui.state.Title;
+      document.title = ui.state.Title
     }
   }
 
-  constructor(props) {
-    super(props);
+  constructor (props) {
+    super(props)
 
-    const ui = this;
+    const ui = this
 
-    ui.name = ui.constructor.name;
-    ui.empty_state = ui.state;
+    ui.name = ui.constructor.name
+    ui.empty_state = ui.state
 
-    console.log(`${ui.name}: init`);
+    console.log(`${ui.name}: init`)
   }
 
   isOnline = () => {
-    return BODY.classList.contains("is-online");
-  };
+    return BODY.classList.contains('is-online')
+  }
 
   load = (link) => {
-    const ui = this;
+    const ui = this
 
     return new Promise((resolve, reject) => {
       const query = gql(`query Pages {
@@ -74,89 +74,89 @@ class Page extends Component {
                   }
                 }
               }
-            }`);
+            }`)
 
       if (!ui.isOnline()) {
         const data = client.readQuery({
-          query,
-        });
+          query
+        })
 
         if (data && ui.processResponse(data)) {
-          console.log(`${ui.name}: Offline cached response`);
-          resolve(data);
+          console.log(`${ui.name}: Offline cached response`)
+          resolve(data)
         } else {
-          console.log(`${ui.name}: No offline response`);
+          console.log(`${ui.name}: No offline response`)
 
           ui.setState(
             Object.assign(ui.empty_state, {
-              Title: "Offline",
-              CSSClass: "graphql__status-523",
+              Title: 'Offline',
+              CSSClass: 'graphql__status-523',
               Summary: "You're Offline. The page is not available now.",
-              loading: false,
+              loading: false
             })
-          );
+          )
 
           reject({
-            status: 523,
-          });
+            status: 523
+          })
         }
       } else {
         if (!ui.state.loading) {
-          ui.setState(ui.empty_state);
+          ui.setState(ui.empty_state)
         }
 
         client
           .query({
-            query: query,
-            fetchPolicy: ui.isOnline() ? "no-cache" : "cache-first",
+            query,
+            fetchPolicy: ui.isOnline() ? 'no-cache' : 'cache-first'
           })
           .then((resp) => {
             // write to cache
-            const data = resp.data;
+            const data = resp.data
             client.writeQuery({
               query,
-              data: data,
-            });
+              data
+            })
 
             if (ui.processResponse(data)) {
-              console.log(`${ui.name}: got the server response`);
-              resolve(data);
+              console.log(`${ui.name}: got the server response`)
+              resolve(data)
             } else {
-              console.log(`${ui.name}: not found`);
+              console.log(`${ui.name}: not found`)
               reject({
-                status: 404,
-              });
+                status: 404
+              })
             }
           })
           .catch((error) => {
             reject({
               status: 500,
-              error: error,
-            });
-          });
+              error
+            })
+          })
       }
-    });
-  };
+    })
+  }
 
   processResponse = (data) => {
-    const ui = this;
+    const ui = this
 
     if (!data.readPages.edges.length) {
-      console.log(`${ui.name}: not found`);
+      console.log(`${ui.name}: not found`)
 
       ui.setState(
         Object.assign(ui.empty_state, {
-          Title: "Not Found",
-          CSSClass: "graphql__status-404",
-          Summary: "The page is not found.",
-          loading: false,
+          Title: 'Not Found',
+          CSSClass: 'graphql__status-404',
+          Summary: 'The page is not found.',
+          loading: false
         })
-      );
+      )
 
-      return false;
+      return false
     }
 
-    const page = data.readPages.edges[0].node;
+    const page = data.readPages.edges[0].node
     ui.setState({
       ID: page.ID,
       Title: page.Title,
@@ -166,59 +166,59 @@ class Page extends Component {
       Summary: page.Summary,
       Link: page.Link,
       HTML: page.HTML,
-      Elements: [], //page.Elements.edges,
-      loading: false,
-    });
+      Elements: [], // page.Elements.edges,
+      loading: false
+    })
 
-    return true;
-  };
+    return true
+  }
 
   getHtml = (html) => {
     const decodeHtmlEntity = (input) => {
-      var doc = new DOMParser().parseFromString(input, "text/html");
-      return doc.documentElement.textContent;
-    };
+      const doc = new DOMParser().parseFromString(input, 'text/html')
+      return doc.documentElement.textContent
+    }
 
     return {
-      __html: decodeHtmlEntity(html),
-    };
-  };
+      __html: decodeHtmlEntity(html)
+    }
+  }
 
-  render() {
-    const ui = this;
-    const name = ui.name;
-    const className = `elemental-area graphql__page page-${ui.state.CSSClass} url-${ui.state.URLSegment}`;
+  render () {
+    const ui = this
+    const name = ui.name
+    const className = `elemental-area graphql__page page-${ui.state.CSSClass} url-${ui.state.URLSegment}`
 
     const ElementItem = (props) => (
-      <div dangerouslySetInnerHTML={props.html}></div>
-    );
+      <div dangerouslySetInnerHTML={props.html} />
+    )
 
-    let html = "";
+    let html = ''
     if (ui.state.HTML) {
-      console.log(`${ui.name}: HTML only`);
-      html = ui.state.HTML;
+      console.log(`${ui.name}: HTML only`)
+      html = ui.state.HTML
     } else if (ui.state.Elements.length) {
-      console.log(`${ui.name}: render`);
+      console.log(`${ui.name}: render`)
       ui.state.Elements.map((el) => {
-        html += el.node.Render;
-      });
+        html += el.node.Render
+      })
     } else if (ui.state.Summary && ui.state.Summary.length) {
-      console.log(`${ui.name}: summary only`);
-      html = `<div class="summary">${ui.state.Summary}</div>`;
+      console.log(`${ui.name}: summary only`)
+      html = `<div class="summary">${ui.state.Summary}</div>`
     }
 
     if (ui.state.loading) {
-      const spinner = D.getElementById("PageLoading");
-      html = `<div class="loading">Loading ...</div>`;
+      const spinner = D.getElementById('PageLoading')
+      html = '<div class="loading">Loading ...</div>'
     }
 
     return (
       <div
         className={className}
         dangerouslySetInnerHTML={ui.getHtml(html)}
-      ></div>
-    );
+      />
+    )
   }
 }
 
-export default Page;
+export default Page
diff --git a/src/js/ajax/online.js b/src/js/ajax/online.js
index 99b556d..a19d6ee 100644
--- a/src/js/ajax/online.js
+++ b/src/js/ajax/online.js
@@ -1,102 +1,102 @@
 // ping online/offline state switch and detection
-import axios from "redaxios";
+import axios from 'redaxios'
 
-import Events from "../_events";
-import Consts from "../_consts";
+import Events from '../_events'
+import Consts from '../_consts'
 
 export default ((W) => {
-  const NAME = "main.online";
-  const D = document;
-  const BODY = D.body;
+  const NAME = 'main.online'
+  const D = document
+  const BODY = D.body
 
-  let pingInterval;
-  const PING_META = D.querySelector('meta[name="ping"]');
+  let pingInterval
+  const PING_META = D.querySelector('meta[name="ping"]')
 
-  let update_online_status_lock = false;
+  let update_online_status_lock = false
   const UPDATE_ONLINE_STATUS = (online) => {
     if (update_online_status_lock) {
-      return;
+      return
     }
 
-    update_online_status_lock = true;
+    update_online_status_lock = true
     if (online) {
-      if (BODY.classList.contains("is-offline")) {
-        console.log(`${NAME}: back Online`);
-        W.dispatchEvent(new Event(Events.BACKONLINE));
+      if (BODY.classList.contains('is-offline')) {
+        console.log(`${NAME}: back Online`)
+        W.dispatchEvent(new Event(Events.BACKONLINE))
       } else {
-        console.log(`${NAME}: Online`);
-        W.dispatchEvent(new Event(Events.ONLINE));
+        console.log(`${NAME}: Online`)
+        W.dispatchEvent(new Event(Events.ONLINE))
       }
 
-      BODY.classList.add("is-online");
-      BODY.classList.remove("is-offline");
+      BODY.classList.add('is-online')
+      BODY.classList.remove('is-offline')
 
       if (PING_META && !pingInterval) {
-        console.log(`${NAME}: SESSION_PING is active`);
-        pingInterval = setInterval(SESSION_PING, 300000); // 5 min in ms
+        console.log(`${NAME}: SESSION_PING is active`)
+        pingInterval = setInterval(SESSION_PING, 300000) // 5 min in ms
       }
     } else {
-      console.log(`${NAME}: Offline`);
+      console.log(`${NAME}: Offline`)
 
-      BODY.classList.add("is-offline");
-      BODY.classList.remove("is-online");
+      BODY.classList.add('is-offline')
+      BODY.classList.remove('is-online')
 
-      clearInterval(pingInterval);
-      pingInterval = null;
+      clearInterval(pingInterval)
+      pingInterval = null
 
-      W.dispatchEvent(new Event(Events.OFFLINE));
+      W.dispatchEvent(new Event(Events.OFFLINE))
     }
 
-    update_online_status_lock = false;
-  };
+    update_online_status_lock = false
+  }
 
   // session ping
-  let session_ping_lock = false;
+  let session_ping_lock = false
   const SESSION_PING = () => {
-    if (session_ping_lock || BODY.classList.contains("is-offline")) {
-      return;
+    if (session_ping_lock || BODY.classList.contains('is-offline')) {
+      return
     }
 
-    const PING_URL = PING_META.getAttribute("content");
+    const PING_URL = PING_META.getAttribute('content')
 
-    console.log(`${NAME}: session ping`);
-    session_ping_lock = true;
+    console.log(`${NAME}: session ping`)
+    session_ping_lock = true
 
     axios
       .post(PING_URL, {})
       .then((resp) => {
-        session_ping_lock = false;
-        UPDATE_ONLINE_STATUS(true);
+        session_ping_lock = false
+        UPDATE_ONLINE_STATUS(true)
       })
       .catch((error) => {
-        console.error(error);
-        console.warn(`${NAME}: SESSION_PING failed`);
+        console.error(error)
+        console.warn(`${NAME}: SESSION_PING failed`)
 
-        session_ping_lock = false;
-        UPDATE_ONLINE_STATUS(false);
-      });
-  };
+        session_ping_lock = false
+        UPDATE_ONLINE_STATUS(false)
+      })
+  }
 
   // current browser online state
 
   const navigatorStateUpdate = () => {
-    if (typeof navigator.onLine !== "undefined") {
+    if (typeof navigator.onLine !== 'undefined') {
       if (!navigator.onLine) {
-        UPDATE_ONLINE_STATUS(false);
+        UPDATE_ONLINE_STATUS(false)
       } else {
-        UPDATE_ONLINE_STATUS(true);
+        UPDATE_ONLINE_STATUS(true)
       }
     }
-  };
+  }
 
   W.addEventListener(`${Events.OFFLINE}`, () => {
-    UPDATE_ONLINE_STATUS(false);
-  });
+    UPDATE_ONLINE_STATUS(false)
+  })
 
   W.addEventListener(`${Events.ONLINE}`, () => {
-    UPDATE_ONLINE_STATUS(true);
-  });
+    UPDATE_ONLINE_STATUS(true)
+  })
 
-  W.addEventListener(`${Events.LOADED}`, navigatorStateUpdate);
-  W.addEventListener(`${Events.AJAX}`, navigatorStateUpdate);
-})(window);
+  W.addEventListener(`${Events.LOADED}`, navigatorStateUpdate)
+  W.addEventListener(`${Events.AJAX}`, navigatorStateUpdate)
+})(window)
diff --git a/src/js/app.js b/src/js/app.js
index 697244b..905e950 100755
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -1,44 +1,44 @@
-'use strict';
+'use strict'
 /*
  * UI Basics
  */
-//import $ from 'jquery';
-import '../scss/app.scss';
+// import $ from 'jquery';
+import '../scss/app.scss'
 
-import Events from './_events';
-import './main';
+import Events from './_events'
+import './main'
 
 /*
  * Extra functionality
  */
-import '@a2nt/meta-lightbox-js/src/js/app';
-import './ui/carousel';
-import './ui/dropdown';
-import './ui/datepicker';
-//import './ui/ui.instagram.feed';
+import '@a2nt/meta-lightbox-js/src/js/app'
+import './ui/carousel'
+import './ui/dropdown'
+import './ui/datepicker'
+// import './ui/ui.instagram.feed';
 
 /*
  * AJAX functionality
  */
-//import './ajax/links';
-import './ajax/online';
-import './ajax/lazy-images';
+// import './ajax/links';
+import './ajax/online'
+import './ajax/lazy-images'
 
 /*
  * Site specific modules
  */
-import './layout';
+import './layout'
 
-//import 'hammerjs/hammer';
-//import 'jquery-hammerjs/jquery.hammer';
+// import 'hammerjs/hammer';
+// import 'jquery-hammerjs/jquery.hammer';
 
 // Routie
-//import 'pouchdb/dist/pouchdb';
-//import './components/routes/index';
+// import 'pouchdb/dist/pouchdb';
+// import './components/routes/index';
 
 // conflicts with components/ui.hover.js (shows dropdown on hover)
-//import 'bootstrap/js/dist/dropdown';
-/*import './components/ui.hover';
+// import 'bootstrap/js/dist/dropdown';
+/* import './components/ui.hover';
 
 import './components/ui.carousel';
 import './components/ui.menu';
@@ -47,55 +47,55 @@ import 'bootstrap/js/dist/modal';
 import 'bootstrap/js/dist/tooltip';
 import 'bootstrap/js/dist/popover';
 import 'bootstrap/js/dist/scrollspy';
-import 'bootstrap/js/dist/tab';*/
+import 'bootstrap/js/dist/tab'; */
 //
 
 // Offcanvas menu
-//import 'offcanvas-bootstrap/dist/js/bootstrap.offcanvas';
+// import 'offcanvas-bootstrap/dist/js/bootstrap.offcanvas';
 
 // Uncomment it to enable meta-lightbox zooming on hover
-//import 'jquery-zoom/jquery.zoom';
+// import 'jquery-zoom/jquery.zoom';
 
 // FlyoutUI
-//import FlyoutUI from './components/ui.flyout';
+// import FlyoutUI from './components/ui.flyout';
 
 // Sticky sidebar
-//import SidebarUI from './components/ui.sidebar';
+// import SidebarUI from './components/ui.sidebar';
 
 // Toggle bootstrap form fields
-//import FormToggleUI from './components/ui.form.fields.toggle';
+// import FormToggleUI from './components/ui.form.fields.toggle';
 
 // Bootstrap Date & Time fields
-//import FormDatetime from './components/ui.form.datetime';
+// import FormDatetime from './components/ui.form.datetime';
 
 // Stepped forms functionality
-//import FormStepped from './components/ui.form.stepped';
+// import FormStepped from './components/ui.form.stepped';
 
 // Forms validation functionality
-//import FormValidate from './components/ui.form.validate';
+// import FormValidate from './components/ui.form.validate';
 
 // Store forms data into localStorage
-//import FormStorage from './components/ui.form.storage';
+// import FormStorage from './components/ui.form.storage';
 
 // client-side images cropping
-//import FormCroppie from './components/ui.form.croppie';
+// import FormCroppie from './components/ui.form.croppie';
 
 // Google NoCaptcha fields
-//import NoCaptcha from './components/ui.nocaptcha';
+// import NoCaptcha from './components/ui.nocaptcha';
 
 // youtube video preview image
-//import './components/ui.video.preview';
+// import './components/ui.video.preview';
 
-//import Confirmation from 'bootstrap-confirmation2/dist/bootstrap-confirmation';
-//import Table from 'bootstrap-table/dist/bootstrap-table';
+// import Confirmation from 'bootstrap-confirmation2/dist/bootstrap-confirmation';
+// import Table from 'bootstrap-table/dist/bootstrap-table';
 
 // Map UI
-//import MapApi from './components/ui.map.api';
+// import MapApi from './components/ui.map.api';
 
-//import FormSelect2 from './components/ui.form.select2';
+// import FormSelect2 from './components/ui.form.select2';
 
-//import './main';
-//import './layout';
+// import './main';
+// import './layout';
 
 // Google Analytics
-//import './drivers/google.track.external.links';
+// import './drivers/google.track.external.links';
diff --git a/src/js/drivers/google.track.external.links.js b/src/js/drivers/google.track.external.links.js
index 1c7e2e4..d99f97c 100644
--- a/src/js/drivers/google.track.external.links.js
+++ b/src/js/drivers/google.track.external.links.js
@@ -1,61 +1,61 @@
-function _gaLt(event) {
-  if (typeof ga !== "function") {
-    return;
+function _gaLt (event) {
+  if (typeof ga !== 'function') {
+    return
   }
 
-  var el = event.srcElement || event.target;
+  let el = event.srcElement || event.target
 
   /* Loop up the DOM tree through parent elements if clicked element is not a link (eg: an image inside a link) */
   while (
     el &&
-    (typeof el.tagName == "undefined" ||
-      el.tagName.toLowerCase() != "a" ||
+    (typeof el.tagName === 'undefined' ||
+      el.tagName.toLowerCase() != 'a' ||
       !el.href)
   ) {
-    el = el.parentNode;
+    el = el.parentNode
   }
 
   if (el && el.href) {
     /* link */
-    var link = el.href;
+    const link = el.href
     if (link.indexOf(location.host) == -1 && !link.match(/^javascript:/i)) {
       /* external link */
       /* HitCallback function to either open link in either same or new window */
-      var hitBack = function (link, target) {
-        target ? window.open(link, target) : (window.location.href = link);
-      };
+      const hitBack = function (link, target) {
+        target ? window.open(link, target) : (window.location.href = link)
+      }
       /* Is target set and not _(self|parent|top)? */
-      var target =
+      const target =
         el.target && !el.target.match(/^_(self|parent|top)$/i)
           ? el.target
-          : false;
+          : false
       /* send event with callback */
       ga(
-        "send",
-        "event",
-        "Outgoing Links",
+        'send',
+        'event',
+        'Outgoing Links',
         link,
         document.location.pathname + document.location.search,
         { hitCallback: hitBack(link, target) }
-      );
+      )
 
       /* Prevent standard click */
-      event.preventDefault ? event.preventDefault() : (event.returnValue = !1);
+      event.preventDefault ? event.preventDefault() : (event.returnValue = !1)
     }
   }
 }
 
 /* Attach the event to all clicks in the document after page has loaded */
-var w = window;
+const w = window
 w.addEventListener
   ? w.addEventListener(
-    "load",
+    'load',
     () => {
-      document.body.addEventListener("click", _gaLt, !1);
+      document.body.addEventListener('click', _gaLt, !1)
     },
     !1
   )
   : w.attachEvent &&
-    w.attachEvent("onload", () => {
-      document.body.attachEvent("onclick", _gaLt);
-    });
+    w.attachEvent('onload', () => {
+      document.body.attachEvent('onclick', _gaLt)
+    })
diff --git a/src/js/drivers/map.google.font-icons.js b/src/js/drivers/map.google.font-icons.js
index db5b52e..ea190bc 100644
--- a/src/js/drivers/map.google.font-icons.js
+++ b/src/js/drivers/map.google.font-icons.js
@@ -1,197 +1,196 @@
-"use strict";
+'use strict'
 
 const Obj = {
   init: () => {
     class GoogleMapsHtmlOverlay extends google.maps.OverlayView {
-      constructor(options) {
-        super();
-        const ui = this;
+      constructor (options) {
+        super()
+        const ui = this
 
-        ui.setMap(options.map);
-        ui.position = options.position;
+        ui.setMap(options.map)
+        ui.position = options.position
         ui.html = options.html
           ? options.html
-          : '<div class="mapboxgl-marker"><i class="marker-icon fas fa-map-marker-alt"></i></div>';
-        ui.divClass = options.divClass;
-        ui.align = options.align;
-        ui.isDebugMode = options.debug;
-        ui.onClick = options.onClick;
-        ui.onMouseOver = options.onMouseOver;
+          : '<div class="mapboxgl-marker"><i class="marker-icon fas fa-map-marker-alt"></i></div>'
+        ui.divClass = options.divClass
+        ui.align = options.align
+        ui.isDebugMode = options.debug
+        ui.onClick = options.onClick
+        ui.onMouseOver = options.onMouseOver
 
         ui.isBoolean = (arg) => {
-          if (typeof arg === "boolean") {
-            return true;
+          if (typeof arg === 'boolean') {
+            return true
           } else {
-            return false;
+            return false
           }
-        };
+        }
 
         ui.isNotUndefined = (arg) => {
-          if (typeof arg !== "undefined") {
-            return true;
+          if (typeof arg !== 'undefined') {
+            return true
           } else {
-            return false;
+            return false
           }
-        };
+        }
 
         ui.hasContent = (arg) => {
           if (arg.length > 0) {
-            return true;
+            return true
           } else {
-            return false;
+            return false
           }
-        };
+        }
 
         ui.isString = (arg) => {
-          if (typeof arg === "string") {
-            return true;
+          if (typeof arg === 'string') {
+            return true
           } else {
-            return false;
+            return false
           }
-        };
+        }
 
         ui.isFunction = (arg) => {
-          if (typeof arg === "function") {
-            return true;
+          if (typeof arg === 'function') {
+            return true
           } else {
-            return false;
+            return false
           }
-        };
+        }
       }
-      onAdd() {
-        const ui = this;
+
+      onAdd () {
+        const ui = this
 
         // Create div element.
-        ui.div = document.createElement("div");
-        ui.div.style.position = "absolute";
+        ui.div = document.createElement('div')
+        ui.div.style.position = 'absolute'
 
         // Validate and set custom div class
-        if (ui.isNotUndefined(ui.divClass) && ui.hasContent(ui.divClass))
-          ui.div.className = ui.divClass;
+        if (ui.isNotUndefined(ui.divClass) && ui.hasContent(ui.divClass)) { ui.div.className = ui.divClass }
 
         // Validate and set custom HTML
         if (
           ui.isNotUndefined(ui.html) &&
           ui.hasContent(ui.html) &&
           ui.isString(ui.html)
-        )
-          ui.div.innerHTML = ui.html;
+        ) { ui.div.innerHTML = ui.html }
 
         // If debug mode is enabled custom content will be replaced with debug content
         if (ui.isBoolean(ui.isDebugMode) && ui.isDebugMode) {
-          ui.div.className = "debug-mode";
+          ui.div.className = 'debug-mode'
           ui.div.innerHTML =
             '<div style="height: 10px; width: 10px; background: red; border-radius: 100%;"></div>' +
-            '<div style="position: absolute; top: 5px; padding: 5px; width: 130px; text-align: center; font-size: 18px; text-transform: uppercase; font-weight: bolder; background: red; color: white; font-family: Arial;">Debug mode</div>';
+            '<div style="position: absolute; top: 5px; padding: 5px; width: 130px; text-align: center; font-size: 18px; text-transform: uppercase; font-weight: bolder; background: red; color: white; font-family: Arial;">Debug mode</div>'
           ui.div.setAttribute(
-            "style",
-            "position: absolute;" +
-              "border: 5px dashed red;" +
-              "height: 150px;" +
-              "width: 150px;" +
-              "display: flex;" +
-              "justify-content: center;" +
-              "align-items: center;"
-          );
+            'style',
+            'position: absolute;' +
+              'border: 5px dashed red;' +
+              'height: 150px;' +
+              'width: 150px;' +
+              'display: flex;' +
+              'justify-content: center;' +
+              'align-items: center;'
+          )
         }
 
         // Add element to clickable layer
-        ui.getPanes().overlayMouseTarget.appendChild(ui.div);
+        ui.getPanes().overlayMouseTarget.appendChild(ui.div)
 
         // Add listeners to the element.
-        google.maps.event.addDomListener(ui.div, "click", (event) => {
-          google.maps.event.trigger(ui, "click");
-          if (ui.isFunction(ui.onClick)) ui.onClick();
-          event.stopPropagation();
-        });
+        google.maps.event.addDomListener(ui.div, 'click', (event) => {
+          google.maps.event.trigger(ui, 'click')
+          if (ui.isFunction(ui.onClick)) ui.onClick()
+          event.stopPropagation()
+        })
 
-        google.maps.event.addDomListener(ui.div, "mouseover", (event) => {
-          google.maps.event.trigger(ui, "mouseover");
-          if (ui.isFunction(ui.onMouseOver)) ui.onMouseOver();
-          event.stopPropagation();
-        });
+        google.maps.event.addDomListener(ui.div, 'mouseover', (event) => {
+          google.maps.event.trigger(ui, 'mouseover')
+          if (ui.isFunction(ui.onMouseOver)) ui.onMouseOver()
+          event.stopPropagation()
+        })
       }
 
-      draw() {
-        const ui = this;
+      draw () {
+        const ui = this
 
         // Calculate position of div
-        var positionInPixels = ui
+        const positionInPixels = ui
           .getProjection()
-          .fromLatLngToDivPixel(new google.maps.LatLng(ui.position));
+          .fromLatLngToDivPixel(new google.maps.LatLng(ui.position))
 
         // Align HTML overlay relative to original position
-        var divOffset = {
+        const divOffset = {
           y: undefined,
           x: undefined,
-        };
+        }
 
-        switch (Array.isArray(ui.align) ? ui.align.join(" ") : "") {
-          case "left top":
-            divOffset.y = ui.div.offsetHeight;
-            divOffset.x = ui.div.offsetWidth;
-            break;
-          case "left center":
-            divOffset.y = ui.div.offsetHeight / 2;
-            divOffset.x = ui.div.offsetWidth;
-            break;
-          case "left bottom":
-            divOffset.y = 0;
-            divOffset.x = ui.div.offsetWidth;
-            break;
-          case "center top":
-            divOffset.y = ui.div.offsetHeight;
-            divOffset.x = ui.div.offsetWidth / 2;
-            break;
-          case "center center":
-            divOffset.y = ui.div.offsetHeight / 2;
-            divOffset.x = ui.div.offsetWidth / 2;
-            break;
-          case "center bottom":
-            divOffset.y = 0;
-            divOffset.x = ui.div.offsetWidth / 2;
-            break;
-          case "right top":
-            divOffset.y = ui.div.offsetHeight;
-            divOffset.x = 0;
-            break;
-          case "right center":
-            divOffset.y = ui.div.offsetHeight / 2;
-            divOffset.x = 0;
-            break;
-          case "right bottom":
-            divOffset.y = 0;
-            divOffset.x = 0;
-            break;
+        switch (Array.isArray(ui.align) ? ui.align.join(' ') : '') {
+          case 'left top':
+            divOffset.y = ui.div.offsetHeight
+            divOffset.x = ui.div.offsetWidth
+            break
+          case 'left center':
+            divOffset.y = ui.div.offsetHeight / 2
+            divOffset.x = ui.div.offsetWidth
+            break
+          case 'left bottom':
+            divOffset.y = 0
+            divOffset.x = ui.div.offsetWidth
+            break
+          case 'center top':
+            divOffset.y = ui.div.offsetHeight
+            divOffset.x = ui.div.offsetWidth / 2
+            break
+          case 'center center':
+            divOffset.y = ui.div.offsetHeight / 2
+            divOffset.x = ui.div.offsetWidth / 2
+            break
+          case 'center bottom':
+            divOffset.y = 0
+            divOffset.x = ui.div.offsetWidth / 2
+            break
+          case 'right top':
+            divOffset.y = ui.div.offsetHeight
+            divOffset.x = 0
+            break
+          case 'right center':
+            divOffset.y = ui.div.offsetHeight / 2
+            divOffset.x = 0
+            break
+          case 'right bottom':
+            divOffset.y = 0
+            divOffset.x = 0
+            break
           default:
-            divOffset.y = ui.div.offsetHeight / 2;
-            divOffset.x = ui.div.offsetWidth / 2;
+            divOffset.y = ui.div.offsetHeight / 2
+            divOffset.x = ui.div.offsetWidth / 2
         }
 
         // Set position
-        ui.div.style.top = `${positionInPixels.y - divOffset.y}px`;
-        ui.div.style.left = `${positionInPixels.x - divOffset.x}px`;
+        ui.div.style.top = `${positionInPixels.y - divOffset.y}px`
+        ui.div.style.left = `${positionInPixels.x - divOffset.x}px`
       }
 
-      getPosition() {
-        const ui = this;
-        return ui.position;
+      getPosition () {
+        const ui = this
+        return ui.position
       }
 
-      getDiv() {
-        const ui = this;
-        return ui.div;
+      getDiv () {
+        const ui = this
+        return ui.div
       }
 
-      setPosition(position, align) {
-        const ui = this;
-        ui.position = position;
-        ui.align = align;
-        ui.draw();
+      setPosition (position, align) {
+        const ui = this
+        ui.position = position
+        ui.align = align
+        ui.draw()
       }
     }
-    return GoogleMapsHtmlOverlay;
+    return GoogleMapsHtmlOverlay
   },
-};
+}
 
-export default Obj;
+export default Obj
diff --git a/src/js/drivers/map.google.js b/src/js/drivers/map.google.js
index bb9ea3c..7e39387 100644
--- a/src/js/drivers/map.google.js
+++ b/src/js/drivers/map.google.js
@@ -1,72 +1,72 @@
-'use strict';
+'use strict'
 
-import { MarkerClusterer } from '@googlemaps/markerclusterer';
+import { MarkerClusterer } from '@googlemaps/markerclusterer'
 
-import Events from '../_events';
-import MarkerUI from './map.google.marker';
+import Events from '../_events'
+import MarkerUI from './map.google.marker'
 
 const GoogleMapsDriver = ((window) => {
   class GoogleMapsDriver {
-    getName() {
-      return 'GoogleMapsDriver';
+    getName () {
+      return 'GoogleMapsDriver'
     }
 
-    init(el, config = []) {
-      const ui = this;
+    init (el, config = []) {
+      const ui = this
 
-      ui.el = el;
-      ui.config = config;
-      ui.markers = [];
+      ui.el = el
+      ui.config = config
+      ui.markers = []
 
       window[`init${ui.getName()}`] = () => {
-        ui.googleApiLoaded();
-      };
+        ui.googleApiLoaded()
+      }
 
-      const script = document.createElement('script');
+      const script = document.createElement('script')
       script.src = `https://maps.googleapis.com/maps/api/js?key=${
-        config['key']
-      }&callback=init${ui.getName()}`;
-      script.async = true;
-      script.defer = true;
-      document.head.appendChild(script);
+        config.key
+      }&callback=init${ui.getName()}`
+      script.async = true
+      script.defer = true
+      document.head.appendChild(script)
     }
 
-    googleApiLoaded() {
-      const ui = this;
+    googleApiLoaded () {
+      const ui = this
 
-      const el = ui.el;
-      const config = ui.config;
-      const mapDiv = el.querySelector('.mapAPI-map');
+      const el = ui.el
+      const config = ui.config
+      const mapDiv = el.querySelector('.mapAPI-map')
       const zoom =
-        config['mapZoom'] && config['mapZoom'] !== '0'
-          ? parseInt(config['mapZoom'])
-          : 10;
+        config.mapZoom && config.mapZoom !== '0'
+          ? parseInt(config.mapZoom)
+          : 10
       const center =
-        config['center'] && config['center'] !== ','
+        config.center && config.center !== ','
           ? {
-            lat: config['center'][1],
-            lng: config['center'][0],
+            lat: config.center[1],
+            lng: config.center[0],
           }
           : {
             lat: 0,
             lng: 0,
-          };
-      const style = config['style'] ? config['style'] : null;
+          }
+      const style = config.style ? config.style : null
 
-      console.log(`${ui.getName()}: API is loaded`);
+      console.log(`${ui.getName()}: API is loaded`)
       // init fontawesome icons
-      ui.MarkerUI = MarkerUI.init();
+      ui.MarkerUI = MarkerUI.init()
 
       ui.map = new google.maps.Map(mapDiv, {
         zoom,
         center,
         fullscreenControl: true,
         styles: style,
-      });
+      })
 
-      ui.default_zoom = zoom;
+      ui.default_zoom = zoom
 
-      mapDiv.classList.add('mapboxgl-map');
+      mapDiv.classList.add('mapboxgl-map')
 
       ui.popup = new ui.MarkerUI({
         map: ui.map,
@@ -77,10 +77,10 @@ const GoogleMapsDriver = ((window) => {
           '<div class="mapboxgl-popup-close-button" type="button" aria-label="Close popup">×</div>' +
           '<div class="html"></div>' +
           '</div>',
-      });
-      ui.popup.setMap(ui.map);
+      })
+      ui.popup.setMap(ui.map)
 
-      ui.geocoder = new google.maps.Geocoder();
+      ui.geocoder = new google.maps.Geocoder()
 
       ui.cluster = new MarkerClusterer(ui.map, null, {
         styles: [
@@ -90,85 +90,85 @@ const GoogleMapsDriver = ((window) => {
             className: 'mapboxgl-cluster',
           },
         ],
-      });
+      })
 
-      el.dispatchEvent(new Event(Events.MAPAPILOADED));
+      el.dispatchEvent(new Event(Events.MAPAPILOADED))
     }
 
-    addMarker(crds, config) {
-      const ui = this;
+    addMarker (crds, config) {
+      const ui = this
 
       const pos = {
         lat: crds[1],
         lng: crds[0],
-      };
+      }
 
       const marker = new ui.MarkerUI({
         position: pos,
         map: ui.map,
         align: ['center', 'top'],
-        html: `<div class="mapboxgl-marker"><div id="Marker${config['id']}" data-id="${config['id']}" class="marker">${config['icon']}</div></div>`,
+        html: `<div class="mapboxgl-marker"><div id="Marker${config.id}" data-id="${config.id}" class="marker">${config.icon}</div></div>`,
         onClick: () => {
-          const el = document.querySelector(`#Marker${config['id']}`);
-          ui.showPopup(pos, config['content']);
+          const el = document.querySelector(`#Marker${config.id}`)
+          ui.showPopup(pos, config.content)
 
-          el.dispatchEvent(new Event(Events.MAPMARKERCLICK));
+          el.dispatchEvent(new Event(Events.MAPMARKERCLICK))
         },
-      });
+      })
 
-      ui.markers.push(marker);
+      ui.markers.push(marker)
 
-      ui.cluster.addMarker(marker);
+      ui.cluster.addMarker(marker)
 
-      return marker;
+      return marker
     }
 
-    showPopup(pos, content) {
-      const ui = this;
-      const popup = ui.popup.getDiv();
+    showPopup (pos, content) {
+      const ui = this
+      const popup = ui.popup.getDiv()
 
-      if (ui.config['flyToMarker']) {
-        ui.map.setCenter(pos); // panTo
-        if (!ui.config['noZoom']) {
-          ui.map.setZoom(18);
+      if (ui.config.flyToMarker) {
+        ui.map.setCenter(pos) // panTo
+        if (!ui.config.noZoom) {
+          ui.map.setZoom(18)
         }
       }
 
       // keep it hidden to render content
-      popup.style.opacity = '0';
-      popup.classList.remove('d-none');
+      popup.style.opacity = '0'
+      popup.classList.remove('d-none')
 
-      popup.querySelector('.mapboxgl-popup-content .html').innerHTML = content;
+      popup.querySelector('.mapboxgl-popup-content .html').innerHTML = content
 
       popup
         .querySelector('.mapboxgl-popup-close-button')
         .addEventListener('click', (e) => {
-          e.preventDefault();
-          ui.hidePopup();
-        });
+          e.preventDefault()
+          ui.hidePopup()
+        })
 
       // set position when content was rendered
-      ui.popup.setPosition(pos, ['center', 'top']);
+      ui.popup.setPosition(pos, ['center', 'top'])
 
       // display popup
-      popup.style.opacity = '1';
-      popup.style['margin-top'] = '-1rem';
+      popup.style.opacity = '1'
+      popup.style['margin-top'] = '-1rem'
     }
 
-    hidePopup() {
-      const ui = this;
-      const popup = ui.popup.getDiv();
+    hidePopup () {
+      const ui = this
+      const popup = ui.popup.getDiv()
 
-      popup.classList.add('d-none');
-      if (!ui.config['noRestoreBounds'] || ui.config['flyToBounds']) {
-        ui.restoreBounds();
+      popup.classList.add('d-none')
+      if (!ui.config.noRestoreBounds || ui.config.flyToBounds) {
+        ui.restoreBounds()
       }
 
-      ui.el.dispatchEvent(new Event(Events.MAPPOPUPCLOSE));
+      ui.el.dispatchEvent(new Event(Events.MAPPOPUPCLOSE))
     }
 
-    geocode(addr, callback) {
-      const ui = this;
+    geocode (addr, callback) {
+      const ui = this
 
       ui.geocoder.geocode(
         {
@@ -176,24 +176,24 @@ const GoogleMapsDriver = ((window) => {
         },
         (results, status) => {
           if (status === 'OK') {
-            //results[0].geometry.location;
+            // results[0].geometry.location;
 
             if (typeof callback === 'function') {
-              callback(results);
+              callback(results)
             }
 
-            return results;
+            return results
           } else {
             console.error(
               `${ui.getName()}: Geocode was not successful for the following reason: ${status}`
-            );
+            )
           }
         }
-      );
+      )
     }
 
-    reverseGeocode(latLng, callback) {
-      const ui = this;
+    reverseGeocode (latLng, callback) {
+      const ui = this
 
       ui.geocoder.geocode(
         {
@@ -201,94 +201,94 @@ const GoogleMapsDriver = ((window) => {
         },
         (results, status) => {
           if (status === 'OK') {
-            //results[0].formatted_address;
+            // results[0].formatted_address;
 
             if (typeof callback === 'function') {
-              callback(results);
+              callback(results)
             }
 
-            return results;
+            return results
           } else {
             console.error(
               `${ui.getName()}: Reverse Geocoding was not successful for the following reason: ${status}`
-            );
+            )
           }
         }
-      );
+      )
     }
 
-    addGeoJson(config) {
-      const ui = this;
-      const geojson = JSON.parse(config['geojson']);
-      const firstMarker = geojson.features[0].geometry.coordinates;
-      //Map.setCenter(firstMarker);
-      const bounds = new google.maps.LatLngBounds();
+    addGeoJson (config) {
+      const ui = this
+      const geojson = JSON.parse(config.geojson)
+      const firstMarker = geojson.features[0].geometry.coordinates
+      // Map.setCenter(firstMarker);
+      const bounds = new google.maps.LatLngBounds()
 
       // add markers to map
       geojson.features.forEach((marker) => {
-        const id = marker.id;
-        const crds = marker.geometry.coordinates;
-        const content = marker.properties.content;
+        const id = marker.id
+        const crds = marker.geometry.coordinates
+        const content = marker.properties.content
 
         ui.addMarker(crds, {
           id,
           content,
           icon: marker.icon,
-          flyToMarker: config['flyToMarker'],
-        });
+          flyToMarker: config.flyToMarker,
+        })
 
         bounds.extend({
           lat: crds[1],
           lng: crds[0],
-        });
-      });
+        })
+      })
 
       if (ui.markers.length > 1) {
         ui.map.fitBounds(bounds, {
           padding: 30,
-        }); //panToBounds
+        }) // panToBounds
       } else if (ui.markers[0]) {
-        ui.map.setCenter(ui.markers[0].getPosition());
+        ui.map.setCenter(ui.markers[0].getPosition())
       }
 
-      ui.default_bounds = bounds;
-      ui.default_zoom = ui.map.getZoom();
+      ui.default_bounds = bounds
+      ui.default_zoom = ui.map.getZoom()
     }
 
-    getMap() {
-      const ui = this;
-      return ui.map;
+    getMap () {
+      const ui = this
+      return ui.map
     }
 
-    getPopup() {
-      const ui = this;
-      return ui.popup;
+    getPopup () {
+      const ui = this
+      return ui.popup
     }
 
-    restoreBounds() {
-      const ui = this;
+    restoreBounds () {
+      const ui = this
 
       if (ui.default_bounds && ui.markers.length > 1) {
         ui.map.fitBounds(ui.default_bounds, {
           padding: 30,
-        }); //panToBounds
+        }) // panToBounds
       } else {
         if (ui.markers[0]) {
-          ui.map.setCenter(ui.markers[0].getPosition());
+          ui.map.setCenter(ui.markers[0].getPosition())
         }
 
-        ui.restoreZoom();
+        ui.restoreZoom()
       }
     }
 
-    restoreZoom() {
-      const ui = this;
+    restoreZoom () {
+      const ui = this
 
-      ui.map.setZoom(ui.default_zoom);
+      ui.map.setZoom(ui.default_zoom)
     }
   }
 
-  return GoogleMapsDriver;
-})(window);
+  return GoogleMapsDriver
+})(window)
 
-export default GoogleMapsDriver;
+export default GoogleMapsDriver
diff --git a/src/js/drivers/map.google.marker.js b/src/js/drivers/map.google.marker.js
index 18acc90..cbb5544 100644
--- a/src/js/drivers/map.google.marker.js
+++ b/src/js/drivers/map.google.marker.js
@@ -1,224 +1,223 @@
-"use strict";
+'use strict'
 
 const Obj = {
   init: () => {
     class GoogleMapsHtmlOverlay extends google.maps.OverlayView {
-      constructor(options) {
-        super();
-        const ui = this;
+      constructor (options) {
+        super()
+        const ui = this
 
-        ui.ownerMap = options.map;
-        //ui.setMap(options.map);
-        ui.position = options.position;
+        ui.ownerMap = options.map
+        // ui.setMap(options.map);
+        ui.position = options.position
         ui.html = options.html
           ? options.html
-          : '<div class="mapboxgl-marker"><i class="marker-icon fas fa-map-marker-alt"></i></div>';
-        ui.divClass = options.divClass;
-        ui.align = options.align;
-        ui.isDebugMode = options.debug;
-        ui.onClick = options.onClick;
-        ui.onMouseOver = options.onMouseOver;
+          : '<div class="mapboxgl-marker"><i class="marker-icon fas fa-map-marker-alt"></i></div>'
+        ui.divClass = options.divClass
+        ui.align = options.align
+        ui.isDebugMode = options.debug
+        ui.onClick = options.onClick
+        ui.onMouseOver = options.onMouseOver
 
         ui.isBoolean = (arg) => {
-          if (typeof arg === "boolean") {
-            return true;
+          if (typeof arg === 'boolean') {
+            return true
           } else {
-            return false;
+            return false
           }
-        };
+        }
 
         ui.isNotUndefined = (arg) => {
-          if (typeof arg !== "undefined") {
-            return true;
+          if (typeof arg !== 'undefined') {
+            return true
           } else {
-            return false;
+            return false
           }
-        };
+        }
 
         ui.hasContent = (arg) => {
           if (arg.length > 0) {
-            return true;
+            return true
           } else {
-            return false;
+            return false
           }
-        };
+        }
 
         ui.isString = (arg) => {
-          if (typeof arg === "string") {
-            return true;
+          if (typeof arg === 'string') {
+            return true
           } else {
-            return false;
+            return false
           }
-        };
+        }
 
         ui.isFunction = (arg) => {
-          if (typeof arg === "function") {
-            return true;
+          if (typeof arg === 'function') {
+            return true
           } else {
-            return false;
+            return false
           }
-        };
+        }
       }
-      onAdd() {
-        const ui = this;
+
+      onAdd () {
+        const ui = this
 
         // Create div element.
-        ui.div = document.createElement("div");
-        ui.div.style.position = "absolute";
+        ui.div = document.createElement('div')
+        ui.div.style.position = 'absolute'
 
         // Validate and set custom div class
-        if (ui.isNotUndefined(ui.divClass) && ui.hasContent(ui.divClass))
-          ui.div.className = ui.divClass;
+        if (ui.isNotUndefined(ui.divClass) && ui.hasContent(ui.divClass)) { ui.div.className = ui.divClass }
 
         // Validate and set custom HTML
         if (
           ui.isNotUndefined(ui.html) &&
           ui.hasContent(ui.html) &&
           ui.isString(ui.html)
-        )
-          ui.div.innerHTML = ui.html;
+        ) { ui.div.innerHTML = ui.html }
 
         // If debug mode is enabled custom content will be replaced with debug content
         if (ui.isBoolean(ui.isDebugMode) && ui.isDebugMode) {
-          ui.div.className = "debug-mode";
+          ui.div.className = 'debug-mode'
           ui.div.innerHTML =
             '<div style="height: 10px; width: 10px; background: red; border-radius: 100%;"></div>' +
-            '<div style="position: absolute; top: 5px; padding: 5px; width: 130px; text-align: center; font-size: 18px; text-transform: uppercase; font-weight: bolder; background: red; color: white; font-family: Arial;">Debug mode</div>';
+            '<div style="position: absolute; top: 5px; padding: 5px; width: 130px; text-align: center; font-size: 18px; text-transform: uppercase; font-weight: bolder; background: red; color: white; font-family: Arial;">Debug mode</div>'
           ui.div.setAttribute(
-            "style",
-            "position: absolute;" +
-              "border: 5px dashed red;" +
-              "height: 150px;" +
-              "width: 150px;" +
-              "display: flex;" +
-              "justify-content: center;" +
-              "align-items: center;"
-          );
+            'style',
+            'position: absolute;' +
+              'border: 5px dashed red;' +
+              'height: 150px;' +
+              'width: 150px;' +
+              'display: flex;' +
+              'justify-content: center;' +
+              'align-items: center;'
+          )
         }
 
         // Add element to clickable layer
-        ui.getPanes().overlayMouseTarget.appendChild(ui.div);
+        ui.getPanes().overlayMouseTarget.appendChild(ui.div)
 
         // Add listeners to the element.
-        google.maps.event.addDomListener(ui.div, "click", (event) => {
-          google.maps.event.trigger(ui, "click");
-          if (ui.isFunction(ui.onClick)) ui.onClick();
-          event.stopPropagation();
-        });
+        google.maps.event.addDomListener(ui.div, 'click', (event) => {
+          google.maps.event.trigger(ui, 'click')
+          if (ui.isFunction(ui.onClick)) ui.onClick()
+          event.stopPropagation()
+        })
 
-        google.maps.event.addDomListener(ui.div, "mouseover", (event) => {
-          google.maps.event.trigger(ui, "mouseover");
-          if (ui.isFunction(ui.onMouseOver)) ui.onMouseOver();
-          event.stopPropagation();
-        });
+        google.maps.event.addDomListener(ui.div, 'mouseover', (event) => {
+          google.maps.event.trigger(ui, 'mouseover')
+          if (ui.isFunction(ui.onMouseOver)) ui.onMouseOver()
+          event.stopPropagation()
+        })
       }
 
-      draw() {
-        const ui = this;
+      draw () {
+        const ui = this
 
-        let div = document.querySelector(".popup");
+        let div = document.querySelector('.popup')
         if (!div.length) {
-          div = ui.div;
+          div = ui.div
         }
 
         // Calculate position of div
-        const projection = ui.getProjection();
+        const projection = ui.getProjection()
 
         if (!projection) {
-          console.log("GoogleMapsHtmlOverlay: current map is missing");
-          return null;
+          console.log('GoogleMapsHtmlOverlay: current map is missing')
+          return null
         }
 
         const positionInPixels = projection.fromLatLngToDivPixel(
           ui.getPosition()
-        );
+        )
 
         // Align HTML overlay relative to original position
         const offset = {
           y: undefined,
           x: undefined,
-        };
-        const divWidth = div.offsetWidth;
-        const divHeight = div.offsetHeight;
+        }
+        const divWidth = div.offsetWidth
+        const divHeight = div.offsetHeight
 
-        switch (Array.isArray(ui.align) ? ui.align.join(" ") : "") {
-          case "left top":
-            offset.y = divHeight;
-            offset.x = divWidth;
-            break;
-          case "left center":
-            offset.y = divHeight / 2;
-            offset.x = divWidth;
-            break;
-          case "left bottom":
-            offset.y = 0;
-            offset.x = divWidth;
-            break;
-          case "center top":
-            offset.y = divHeight;
-            offset.x = divWidth / 2;
-            break;
-          case "center center":
-            offset.y = divHeight / 2;
-            offset.x = divWidth / 2;
-            break;
-          case "center bottom":
-            offset.y = 0;
-            offset.x = divWidth / 2;
-            break;
-          case "right top":
-            offset.y = divHeight;
-            offset.x = 0;
-            break;
-          case "right center":
-            offset.y = divHeight / 2;
-            offset.x = 0;
-            break;
-          case "right bottom":
-            offset.y = 0;
-            offset.x = 0;
-            break;
+        switch (Array.isArray(ui.align) ? ui.align.join(' ') : '') {
+          case 'left top':
+            offset.y = divHeight
+            offset.x = divWidth
+            break
+          case 'left center':
+            offset.y = divHeight / 2
+            offset.x = divWidth
+            break
+          case 'left bottom':
+            offset.y = 0
+            offset.x = divWidth
+            break
+          case 'center top':
+            offset.y = divHeight
+            offset.x = divWidth / 2
+            break
+          case 'center center':
+            offset.y = divHeight / 2
+            offset.x = divWidth / 2
+            break
+          case 'center bottom':
+            offset.y = 0
+            offset.x = divWidth / 2
+            break
+          case 'right top':
+            offset.y = divHeight
+            offset.x = 0
+            break
+          case 'right center':
+            offset.y = divHeight / 2
+            offset.x = 0
+            break
+          case 'right bottom':
+            offset.y = 0
+            offset.x = 0
+            break
           default:
-            offset.y = divHeight / 2;
-            offset.x = divWidth / 2;
-            break;
+            offset.y = divHeight / 2
+            offset.x = divWidth / 2
+            break
         }
 
         // Set position
-        ui.div.style.top = `${positionInPixels.y - offset.y}px`;
-        ui.div.style.left = `${positionInPixels.x - offset.x}px`;
+        ui.div.style.top = `${positionInPixels.y - offset.y}px`
+        ui.div.style.left = `${positionInPixels.x - offset.x}px`
       }
 
-      getPosition() {
-        const ui = this;
-        return new google.maps.LatLng(ui.position);
+      getPosition () {
+        const ui = this
+        return new google.maps.LatLng(ui.position)
       }
 
-      getDiv() {
-        const ui = this;
-        return ui.div;
+      getDiv () {
+        const ui = this
+        return ui.div
       }
 
-      setPosition(position, align) {
-        const ui = this;
-        ui.position = position;
-        ui.align = align;
-        ui.draw();
+      setPosition (position, align) {
+        const ui = this
+        ui.position = position
+        ui.align = align
+        ui.draw()
       }
 
-      remove() {
-        const ui = this;
-        ui.setMap(null);
-        ui.div.remove();
+      remove () {
+        const ui = this
+        ui.setMap(null)
+        ui.div.remove()
       }
 
       // emulate google.maps.Marker functionality for compatibility (for example with @googlemaps/markerclustererplus)
-      getDraggable() {
-        return false;
+      getDraggable () {
+        return false
       }
     }
-    return GoogleMapsHtmlOverlay;
+    return GoogleMapsHtmlOverlay
   },
-};
+}
 
-export default Obj;
+export default Obj
diff --git a/src/js/drivers/map.mapbox.js b/src/js/drivers/map.mapbox.js
index 872c801..3ad8874 100644
--- a/src/js/drivers/map.mapbox.js
+++ b/src/js/drivers/map.mapbox.js
@@ -1,40 +1,40 @@
-"use strict";
+'use strict'
 
-//import $ from 'jquery';
-import mapBoxGL from "mapbox-gl";
+// import $ from 'jquery';
+import mapBoxGL from 'mapbox-gl'
 
-import Events from "../../_events";
+import Events from '../../_events'
 
 const MapBoxDriver = (($) => {
   class MapBoxDriver {
-    getName() {
-      return "MapBoxDriver";
+    getName () {
+      return 'MapBoxDriver'
     }
 
-    init($el, config = []) {
-      const ui = this;
+    init ($el, config = []) {
+      const ui = this
 
-      mapBoxGL.accessToken = config["key"];
+      mapBoxGL.accessToken = config.key
 
       ui.map = new mapBoxGL.Map({
-        container: $el.find(".mapAPI-map")[0],
-        center: config["center"] ? config["center"] : [0, 0],
-        //hash: true,
-        style: config["style"]
-          ? config["style"]
-          : "mapbox://styles/mapbox/streets-v9",
-        localIdeographFontFamily: config["font-family"],
-        zoom: config["mapZoom"] ? config["mapZoom"] : 10,
+        container: $el.find('.mapAPI-map')[0],
+        center: config.center ? config.center : [0, 0],
+        // hash: true,
+        style: config.style
+          ? config.style
+          : 'mapbox://styles/mapbox/streets-v9',
+        localIdeographFontFamily: config['font-family'],
+        zoom: config.mapZoom ? config.mapZoom : 10,
         attributionControl: false,
         antialias: true,
-        accessToken: config["key"],
+        accessToken: config.key,
       })
         .addControl(
           new mapBoxGL.AttributionControl({
             compact: true,
           })
         )
-        .addControl(new mapBoxGL.NavigationControl(), "top-right")
+        .addControl(new mapBoxGL.NavigationControl(), 'top-right')
         .addControl(
           new mapBoxGL.GeolocateControl({
             positionOptions: {
@@ -42,58 +42,58 @@ const MapBoxDriver = (($) => {
             },
             trackUserLocation: true,
           }),
-          "bottom-right"
+          'bottom-right'
         )
         .addControl(
           new mapBoxGL.ScaleControl({
             maxWidth: 80,
-            unit: "metric",
+            unit: 'metric',
           }),
-          "top-left"
+          'top-left'
         )
-        .addControl(new mapBoxGL.FullscreenControl());
+        .addControl(new mapBoxGL.FullscreenControl())
 
-      ui.map.on("load", (e) => {
-        $el.trigger(Events.MAPAPILOADED);
-      });
+      ui.map.on('load', (e) => {
+        $el.trigger(Events.MAPAPILOADED)
+      })
 
       ui.popup = new mapBoxGL.Popup({
         closeOnClick: false,
-        className: "popup",
-      });
+        className: 'popup',
+      })
     }
 
-    addMarker(crds, config) {
-      const ui = this;
+    addMarker (crds, config) {
+      const ui = this
 
       // create a DOM el for the marker
       const $el = $(
-        `<div id="Marker${config["id"]}" data-id="${config["id"]}" class="marker">${config["icon"]}</div>`
-      );
+        `<div id="Marker${config.id}" data-id="${config.id}" class="marker">${config.icon}</div>`
+      )
 
-      $el.on("click", (e) => {
-        ui.popup.setLngLat(crds).setHTML(config["content"]).addTo(ui.map);
+      $el.on('click', (e) => {
+        ui.popup.setLngLat(crds).setHTML(config.content).addTo(ui.map)
 
-        if (config["flyToMarker"]) {
+        if (config.flyToMarker) {
           ui.map.flyTo({
             center: crds,
             zoom: 17,
-          });
+          })
         }
 
-        $(e.currentTarget).trigger(Events.MAPMARKERCLICK);
-      });
+        $(e.currentTarget).trigger(Events.MAPMARKERCLICK)
+      })
 
       // add marker to map
-      const marker = new mapBoxGL.Marker($el[0]).setLngLat(crds).addTo(ui.map);
+      const marker = new mapBoxGL.Marker($el[0]).setLngLat(crds).addTo(ui.map)
 
-      return marker;
+      return marker
     }
 
-    addGeoJson(config) {
-      const ui = this;
+    addGeoJson (config) {
+      const ui = this
       // Insert the layer beneath any symbol layer.
-      /*if (config['3d']) {
+      /* if (config['3d']) {
               const layers = Map.getStyle().layers;
               let labelLayerId;
               for (let i = 0; i < layers.length; i++) {
@@ -130,55 +130,55 @@ const MapBoxDriver = (($) => {
                   'fill-extrusion-opacity': .6,
                 },
               }, labelLayerId);
-            }*/
+            } */
 
-      const firstMarker = config["geojson"].features[0].geometry.coordinates;
-      //Map.setCenter(firstMarker);
-      const bounds = new mapBoxGL.LngLatBounds(firstMarker, firstMarker);
+      const firstMarker = config.geojson.features[0].geometry.coordinates
+      // Map.setCenter(firstMarker);
+      const bounds = new mapBoxGL.LngLatBounds(firstMarker, firstMarker)
 
       // add markers to map
-      config["geojson"].features.forEach((marker) => {
-        const id = marker.id;
-        const crds = marker.geometry.coordinates;
-        const content = marker.properties.content;
+      config.geojson.features.forEach((marker) => {
+        const id = marker.id
+        const crds = marker.geometry.coordinates
+        const content = marker.properties.content
 
         ui.addMarker(crds, {
           id,
           content,
           icon: marker.icon,
-          flyToMarker: config["flyToMarker"],
-        });
+          flyToMarker: config.flyToMarker,
+        })
 
-        bounds.extend(crds);
-      });
+        bounds.extend(crds)
+      })
 
       ui.map.fitBounds(bounds, {
         padding: 30,
-      });
+      })
 
-      ui.popup.on("close", (e) => {
-        if (config["flyToBounds"]) {
+      ui.popup.on('close', (e) => {
+        if (config.flyToBounds) {
           ui.map.fitBounds(bounds, {
             padding: 30,
-          });
+          })
         }
 
-        $(e.currentTarget).trigger(Events.MAPPOPUPCLOSE);
-      });
+        $(e.currentTarget).trigger(Events.MAPPOPUPCLOSE)
+      })
     }
 
-    getMap() {
-      const ui = this;
-      return ui.map;
+    getMap () {
+      const ui = this
+      return ui.map
     }
 
-    getPopup() {
-      const ui = this;
-      return ui.popup;
+    getPopup () {
+      const ui = this
+      return ui.popup
     }
   }
 
-  return MapBoxDriver;
-})($);
+  return MapBoxDriver
+})($)
 
-export default MapBoxDriver;
+export default MapBoxDriver
diff --git a/src/js/layout/index.js b/src/js/layout/index.js
index 364d922..f6b5190 100644
--- a/src/js/layout/index.js
+++ b/src/js/layout/index.js
@@ -1,26 +1,26 @@
-import Events from "../_events";
+import Events from '../_events'
 
 const LayoutUI = ((W) => {
-  const NAME = "_layout";
-  const D = document;
-  const BODY = D.body;
+  const NAME = '_layout'
+  const D = document
+  const BODY = D.body
 
   const init_fonts = () => {
-    console.log(`${NAME}: init_fonts`);
+    console.log(`${NAME}: init_fonts`)
 
-    const css = D.createElement("link");
-    css.rel = "stylesheet";
-    css.type = "text/css";
-    css.media = "all";
+    const css = D.createElement('link')
+    css.rel = 'stylesheet'
+    css.type = 'text/css'
+    css.media = 'all'
     css.href =
-      "https://fonts.googleapis.com/css?family=Roboto:ital,wght@0,400;0,700;1,400&display=swap";
-    D.getElementsByTagName("head")[0].appendChild(css);
-  };
+      'https://fonts.googleapis.com/css?family=Roboto:ital,wght@0,400;0,700;1,400&display=swap'
+    D.getElementsByTagName('head')[0].appendChild(css)
+  }
 
   const init_analytics = () => {
-    console.log(`${NAME}: init_analytics`);
-    /*google analytics */
-    /*(function(i, s, o, g, r, a, m) {
+    console.log(`${NAME}: init_analytics`)
+    /* google analytics */
+    /* (function(i, s, o, g, r, a, m) {
                   i['GoogleAnalyticsObject'] = r;
                   (i[r] =
                     i[r] ||
@@ -40,12 +40,12 @@ const LayoutUI = ((W) => {
                   'ga',
                 );
                 ga('create', 'UA-********-*', 'auto');
-                ga('send', 'pageview');*/
-  };
+                ga('send', 'pageview'); */
+  }
 
   W.addEventListener(`${Events.LOADED}`, () => {
-    init_fonts();
-    //init_analytics();
-  });
-})(window);
-export default LayoutUI;
+    init_fonts()
+    // init_analytics();
+  })
+})(window)
+export default LayoutUI
diff --git a/src/js/libs/log.js b/src/js/libs/log.js
index 50b8c89..b1adc7d 100644
--- a/src/js/libs/log.js
+++ b/src/js/libs/log.js
@@ -1,9 +1,9 @@
-var debug = process.env.NODE_ENV === "development" ? true : false;
+const debug = process.env.NODE_ENV === 'development'
 
 const log = (msg) => {
   if (debug) {
-    console.log(msg);
+    console.log(msg)
   }
-};
+}
 
-module.exports = log;
+module.exports = log
diff --git a/src/js/main/css-screen-size.js b/src/js/main/css-screen-size.js
index 1d44692..161846c 100644
--- a/src/js/main/css-screen-size.js
+++ b/src/js/main/css-screen-size.js
@@ -1,54 +1,54 @@
 // browser tab visibility state detection
 
-import Events from "../_events";
-import Consts from "../_consts";
+import Events from '../_events'
+import Consts from '../_consts'
 
 export default ((W) => {
-  const NAME = "_main.css-screen-size";
-  const D = document;
-  const BODY = D.body;
+  const NAME = '_main.css-screen-size'
+  const D = document
+  const BODY = D.body
 
   const detectCSSScreenSize = () => {
-    const el = D.createElement("div");
-    el.className = "env-test";
-    BODY.appendChild(el);
+    const el = D.createElement('div')
+    el.className = 'env-test'
+    BODY.appendChild(el)
 
-    const envs = [...Consts.ENVS].reverse();
-    let curEnv = envs.shift();
-    BODY.classList.remove(...envs);
+    const envs = [...Consts.ENVS].reverse()
+    let curEnv = envs.shift()
+    BODY.classList.remove(...envs)
 
     for (let i = 0; i < envs.length; ++i) {
-      const env = envs[i];
-      el.classList.add(`d-${env}-none`);
+      const env = envs[i]
+      el.classList.add(`d-${env}-none`)
 
-      if (W.getComputedStyle(el).display === "none") {
-        curEnv = env;
-        BODY.classList.add(`${curEnv}`);
-        break;
+      if (W.getComputedStyle(el).display === 'none') {
+        curEnv = env
+        BODY.classList.add(`${curEnv}`)
+        break
       }
     }
 
-    let landscape = true;
+    let landscape = true
     if (W.innerWidth > W.innerHeight) {
-      BODY.classList.add("landscape");
-      BODY.classList.remove("portrait");
+      BODY.classList.add('landscape')
+      BODY.classList.remove('portrait')
     } else {
-      landscape = false;
+      landscape = false
 
-      BODY.classList.add("portrait");
-      BODY.classList.remove("landscape");
+      BODY.classList.add('portrait')
+      BODY.classList.remove('landscape')
     }
 
     console.log(
       `${NAME}: screen size detected ${curEnv} | landscape ${landscape}`
-    );
+    )
 
-    BODY.removeChild(el);
+    BODY.removeChild(el)
 
-    return curEnv;
-  };
+    return curEnv
+  }
 
-  W.addEventListener(`${Events.LOADED}`, detectCSSScreenSize);
+  W.addEventListener(`${Events.LOADED}`, detectCSSScreenSize)
 
-  W.addEventListener(`${Events.RESIZE}`, detectCSSScreenSize);
-})(window);
+  W.addEventListener(`${Events.RESIZE}`, detectCSSScreenSize)
+})(window)
diff --git a/src/js/main/funcs.js b/src/js/main/funcs.js
index d2e82a9..e8879f6 100644
--- a/src/js/main/funcs.js
+++ b/src/js/main/funcs.js
@@ -1,4 +1,4 @@
-const funcs = {};
+const funcs = {}
 
 /*!
  * Get all of an element's parent elements up the DOM tree
@@ -10,26 +10,26 @@ const funcs = {};
 
 funcs.getParents = (elem, selector) => {
   // Setup parents array
-  const parents = [];
-  let el = elem;
+  const parents = []
+  let el = elem
   // Get matching parent elements
   while (el && el !== document) {
     // If using a selector, add matching parents to array
     // Otherwise, add all parents
     if (selector) {
       if (el.matches(selector)) {
-        parents.push(el);
+        parents.push(el)
       }
     } else {
-      parents.push(el);
+      parents.push(el)
     }
 
     // Jump to the next parent node
-    el = el.parentNode;
+    el = el.parentNode
   }
 
-  return parents;
-};
+  return parents
+}
 
-module.exports = funcs;
-module.exports.default = funcs;
+module.exports = funcs
+module.exports.default = funcs
diff --git a/src/js/main/index.js b/src/js/main/index.js
index 5cb5da2..51f884e 100644
--- a/src/js/main/index.js
+++ b/src/js/main/index.js
@@ -1,7 +1,7 @@
-import Events from '../_events';
-import Consts from '../_consts';
+import Events from '../_events'
+import Consts from '../_consts'
 
-import './visibility';
-import './touch';
-import './css-screen-size';
-import './main';
+import './visibility'
+import './touch'
+import './css-screen-size'
+import './main'
diff --git a/src/js/main/loading-spinner.js b/src/js/main/loading-spinner.js
index 9dff8a1..de7ee35 100644
--- a/src/js/main/loading-spinner.js
+++ b/src/js/main/loading-spinner.js
@@ -1,21 +1,22 @@
 // browser tab visibility state detection
 
-import Events from "../_events";
+import Events from '../_events'
 
-const NAME = "_main.loading-spinner";
-const D = document;
-const BODY = D.body;
-const SPINNER = D.getElementById("PageLoading");
+const NAME = '_main.loading-spinner'
+const D = document
+const BODY = D.body
+const SPINNER = D.getElementById('PageLoading')
 
 class SpinnerUI {
-  static show() {
-    console.log(`${NAME}: show`);
-    SPINNER.classList.remove("d-none");
+  static show () {
+    console.log(`${NAME}: show`)
+    SPINNER.classList.remove('d-none')
   }
-  static hide() {
-    console.log(`${NAME}: hide`);
-    SPINNER.classList.add("d-none");
+
+  static hide () {
+    console.log(`${NAME}: hide`)
+    SPINNER.classList.add('d-none')
   }
 }
 
-export default SpinnerUI;
+export default SpinnerUI
diff --git a/src/js/main/main.js b/src/js/main/main.js
index ed35440..511ea26 100644
--- a/src/js/main/main.js
+++ b/src/js/main/main.js
@@ -1,44 +1,44 @@
-import Events from '../_events';
-import Consts from '../_consts';
-import SpinnerUI from './loading-spinner';
+import Events from '../_events'
+import Consts from '../_consts'
+import SpinnerUI from './loading-spinner'
 
 const MainUI = ((window) => {
-  const NAME = '_main';
-  const BODY = document.body;
+  const NAME = '_main'
+  const BODY = document.body
 
   console.info(
     `%cUI Kit ${UINAME} ${UIVERSION}`,
     'color:yellow;font-size:14px'
-  );
+  )
   console.info(
     `%c${UIMetaNAME} ${UIMetaVersion}`,
     'color:yellow;font-size:12px'
-  );
+  )
   console.info(
     `%chttps://github.com/a2nt/webpack-bootstrap-ui-kit by ${UIAUTHOR}`,
     'color:yellow;font-size:10px'
-  );
+  )
 
-  console.info(`%cENV: ${process.env.NODE_ENV}`, 'color:green;font-size:10px');
-  console.groupCollapsed('Events');
+  console.info(`%cENV: ${process.env.NODE_ENV}`, 'color:green;font-size:10px')
+  console.groupCollapsed('Events')
   Object.keys(Events).forEach((k) => {
-    console.info(`${k}: ${Events[k]}`);
-  });
-  console.groupEnd('Events');
+    console.info(`${k}: ${Events[k]}`)
+  })
+  console.groupEnd('Events')
 
-  console.groupCollapsed('Consts');
+  console.groupCollapsed('Consts')
   Object.keys(Consts).forEach((k) => {
-    console.info(`${k}: ${Consts[k]}`);
-  });
-  console.groupEnd('Events');
+    console.info(`${k}: ${Consts[k]}`)
+  })
+  console.groupEnd('Events')
 
-  console.groupCollapsed('Init');
-  console.time('init');
+  console.groupCollapsed('Init')
+  console.time('init')
 
   class MainUI {
     // first time the website initialization
-    static init() {
-      const ui = this;
+    static init () {
+      const ui = this
 
       // store landing page state
       window.history.replaceState(
@@ -47,46 +47,46 @@ const MainUI = ((window) => {
         },
         document.title,
         window.location.href
-      );
+      )
       //
 
-      ui.loaded();
+      ui.loaded()
     }
 
     // init AJAX components
-    static loaded() {
-      const ui = this;
-      console.log(`${NAME}: loaded`);
+    static loaded () {
+      const ui = this
+      console.log(`${NAME}: loaded`)
     }
   }
 
   const documentInit = () => {
-    MainUI.init();
+    MainUI.init()
 
-    BODY.classList.add('loaded');
-    SpinnerUI.hide();
+    BODY.classList.add('loaded')
+    SpinnerUI.hide()
 
-    console.groupEnd('init');
-    console.timeEnd('init');
+    console.groupEnd('init')
+    console.timeEnd('init')
 
     window.addEventListener(`${Events.LOADED}`, (event) => {
-      window.dispatchEvent(new Event(Events.LODEDANDREADY));
-    });
-  };
+      window.dispatchEvent(new Event(Events.LODEDANDREADY))
+    })
+  }
 
-  if (document.readyState === 'loading') {  // Loading hasn't finished yet
-    document.addEventListener(`${Events.DOMLOADED}`, documentInit);
-  }else {
-    documentInit();
+  if (document.readyState === 'loading') { // Loading hasn't finished yet
+    document.addEventListener(`${Events.DOMLOADED}`, documentInit)
+  } else {
+    documentInit()
   }
 
   window.addEventListener(`${Events.AJAX}`, () => {
-    MainUI.loaded();
-  });
+    MainUI.loaded()
+  })
 
-  window.MainUI = MainUI;
+  window.MainUI = MainUI
 
-  return MainUI;
-})(window);
+  return MainUI
+})(window)
 
-export default MainUI;
+export default MainUI
diff --git a/src/js/main/touch.js b/src/js/main/touch.js
index 596c255..31ea0aa 100644
--- a/src/js/main/touch.js
+++ b/src/js/main/touch.js
@@ -1,70 +1,70 @@
 // touch/mouse detection
 
-import Events from "../_events";
-import Consts from "../_consts";
+import Events from '../_events'
+import Consts from '../_consts'
 
 export default ((W) => {
-  const NAME = "_main.touch";
-  const D = document;
-  const BODY = D.body;
+  const NAME = '_main.touch'
+  const D = document
+  const BODY = D.body
 
-  let prev_touch_event_name;
-  let touch_timeout;
+  let prev_touch_event_name
+  let touch_timeout
   const SET_TOUCH_SCREEN = (bool, event_name) => {
     if (touch_timeout || event_name === prev_touch_event_name) {
-      return;
+      return
     }
 
     if (bool) {
-      console.log(`${NAME}: Touch screen enabled`);
+      console.log(`${NAME}: Touch screen enabled`)
 
-      BODY.classList.add("is-touch");
-      BODY.classList.remove("is-mouse");
+      BODY.classList.add('is-touch')
+      BODY.classList.remove('is-mouse')
 
-      W.dispatchEvent(new Event(Events.TOUCHENABLE));
+      W.dispatchEvent(new Event(Events.TOUCHENABLE))
     } else {
-      console.log(`${NAME}: Touch screen disabled`);
+      console.log(`${NAME}: Touch screen disabled`)
 
-      BODY.classList.add("is-mouse");
-      BODY.classList.remove("is-touch");
+      BODY.classList.add('is-mouse')
+      BODY.classList.remove('is-touch')
 
-      W.dispatchEvent(new Event(Events.TOUCHDISABLED));
+      W.dispatchEvent(new Event(Events.TOUCHDISABLED))
     }
 
-    prev_touch_event_name = event_name;
+    prev_touch_event_name = event_name
     // prevent firing touch and mouse events together
     if (!touch_timeout) {
       touch_timeout = setTimeout(() => {
-        clearTimeout(touch_timeout);
-        touch_timeout = null;
-      }, 500);
+        clearTimeout(touch_timeout)
+        touch_timeout = null
+      }, 500)
     }
-  };
+  }
 
   SET_TOUCH_SCREEN(
-    "ontouchstart" in W ||
+    'ontouchstart' in W ||
       navigator.MaxTouchPoints > 0 ||
       navigator.msMaxTouchPoints > 0 ||
-      W.matchMedia("(hover: none)").matches,
-    "init"
-  );
+      W.matchMedia('(hover: none)').matches,
+    'init'
+  )
 
-  D.addEventListener("touchend", (e) => {
-    let touch = false;
-    if (e.type !== "click") {
-      touch = true;
+  D.addEventListener('touchend', (e) => {
+    let touch = false
+    if (e.type !== 'click') {
+      touch = true
     }
 
-    SET_TOUCH_SCREEN(touch, "click-touchend");
-  });
+    SET_TOUCH_SCREEN(touch, 'click-touchend')
+  })
 
   // disable touch on mouse events
-  D.addEventListener("click", (e) => {
-    let touch = false;
-    if (e.type !== "click") {
-      touch = true;
+  D.addEventListener('click', (e) => {
+    let touch = false
+    if (e.type !== 'click') {
+      touch = true
     }
 
-    SET_TOUCH_SCREEN(touch, "click-touchend");
-  });
-})(window);
+    SET_TOUCH_SCREEN(touch, 'click-touchend')
+  })
+})(window)
diff --git a/src/js/main/visibility.js b/src/js/main/visibility.js
index 049ef3f..d8b397d 100644
--- a/src/js/main/visibility.js
+++ b/src/js/main/visibility.js
@@ -1,34 +1,34 @@
 // browser tab visibility state detection
 
-import Events from "../_events";
-import Consts from "../_consts";
+import Events from '../_events'
+import Consts from '../_consts'
 
 export default ((W) => {
-  const NAME = "_main.visibility";
-  const D = document;
-  const BODY = D.body;
+  const NAME = '_main.visibility'
+  const D = document
+  const BODY = D.body
 
   // update visibility state
   // get browser window visibility preferences
   // Opera 12.10, Firefox >=18, Chrome >=31, IE11
-  const HiddenName = "hidden";
-  const VisibilityChangeEvent = "visibilitychange";
+  const HiddenName = 'hidden'
+  const VisibilityChangeEvent = 'visibilitychange'
 
   D.addEventListener(VisibilityChangeEvent, () => {
     if (D.visibilityState === HiddenName) {
-      console.log(`${NAME}: Tab: hidden`);
+      console.log(`${NAME}: Tab: hidden`)
 
-      BODY.classList.add("is-hidden");
-      BODY.classList.remove("is-focused");
+      BODY.classList.add('is-hidden')
+      BODY.classList.remove('is-focused')
 
-      W.dispatchEvent(new Event(Events.TABHIDDEN));
+      W.dispatchEvent(new Event(Events.TABHIDDEN))
     } else {
-      console.log(`${NAME}: Tab: focused`);
+      console.log(`${NAME}: Tab: focused`)
 
-      BODY.classList.add("is-focused");
-      BODY.classList.remove("is-hidden");
+      BODY.classList.add('is-focused')
+      BODY.classList.remove('is-hidden')
 
-      W.dispatchEvent(new Event(Events.TABFOCUSED));
+      W.dispatchEvent(new Event(Events.TABFOCUSED))
     }
-  });
-})(window);
+  })
+})(window)
diff --git a/src/js/store/components/index.js b/src/js/store/components/index.js
index 419dd53..eb6a540 100644
--- a/src/js/store/components/index.js
+++ b/src/js/store/components/index.js
@@ -1,3 +1,3 @@
-import PageControls from "./page-controls";
+import PageControls from './page-controls'
 
-export { PageControls };
+export { PageControls }
diff --git a/src/js/store/components/page-controls.js b/src/js/store/components/page-controls.js
index bf0b45d..424efbc 100644
--- a/src/js/store/components/page-controls.js
+++ b/src/js/store/components/page-controls.js
@@ -1,6 +1,6 @@
 export default class PageControls {
-  constructor(store) {
-    console.log("page-controls init");
-    console.log(store);
+  constructor (store) {
+    console.log('page-controls init')
+    console.log(store)
   }
 }
diff --git a/src/js/store/configure.js b/src/js/store/configure.js
index 0506cc6..b9216e0 100644
--- a/src/js/store/configure.js
+++ b/src/js/store/configure.js
@@ -1,6 +1,6 @@
-import { createStore } from "redux";
-import reducers from "./reducers";
+import { createStore } from 'redux'
+import reducers from './reducers'
 
-export default function configure() {
-  return createStore(reducers);
+export default function configure () {
+  return createStore(reducers)
 }
diff --git a/src/js/store/connect.js b/src/js/store/connect.js
index 0000312..5021df5 100644
--- a/src/js/store/connect.js
+++ b/src/js/store/connect.js
@@ -1,3 +1,3 @@
-export function getItemList(store) {
-  return store.getState().items.all;
+export function getItemList (store) {
+  return store.getState().items.all
 }
diff --git a/src/js/store/index.js b/src/js/store/index.js
index 493f3c3..784c695 100644
--- a/src/js/store/index.js
+++ b/src/js/store/index.js
@@ -1,19 +1,19 @@
-import configure from "./configure";
-const store = configure();
+import configure from './configure'
+const store = configure()
 
-/*import {
+/* import {
     PageControls
-} from './components'*/
+} from './components' */
 
-//const pageControls = new PageControls(store)
+// const pageControls = new PageControls(store)
 
-store.subscribe(() => console.log(store.getState()));
+store.subscribe(() => console.log(store.getState()))
 store.dispatch({
-  type: "counter/incremented",
-});
+  type: 'counter/incremented',
+})
 store.dispatch({
-  type: "counter/incremented",
-});
+  type: 'counter/incremented',
+})
 store.dispatch({
-  type: "counter/decremented",
-});
+  type: 'counter/decremented',
+})
diff --git a/src/js/store/reducers/counter.js b/src/js/store/reducers/counter.js
index 2ac8820..0fcbf0c 100644
--- a/src/js/store/reducers/counter.js
+++ b/src/js/store/reducers/counter.js
@@ -1,19 +1,19 @@
-export default function counter(
+export default function counter (
   state = {
     value: 0,
   },
   action
 ) {
   switch (action.type) {
-    case "counter/incremented":
+    case 'counter/incremented':
       return {
         value: state.value + 1,
-      };
-    case "counter/decremented":
+      }
+    case 'counter/decremented':
       return {
         value: state.value - 1,
-      };
+      }
     default:
-      return state;
+      return state
   }
 }
diff --git a/src/js/store/reducers/index.js b/src/js/store/reducers/index.js
index 65f62c0..0f27bf6 100644
--- a/src/js/store/reducers/index.js
+++ b/src/js/store/reducers/index.js
@@ -1,7 +1,7 @@
-import { combineReducers } from "redux";
+import { combineReducers } from 'redux'
 
-import counter from "./counter";
+import counter from './counter'
 
 export default combineReducers({
   counter,
-});
+})
diff --git a/src/js/test-build.js b/src/js/test-build.js
index 6568713..c5192d7 100644
--- a/src/js/test-build.js
+++ b/src/js/test-build.js
@@ -1,23 +1,23 @@
-'use strict';
+'use strict'
 
-import '../scss/test-build.scss';
-import '@a2nt/meta-lightbox-js/src/js/test-build';
+import '../scss/test-build.scss'
+import '@a2nt/meta-lightbox-js/src/js/test-build'
 
-import Events from './_events';
-import MainUI from './main';
+import Events from './_events'
+import MainUI from './main'
 
 /*
  * AJAX functionality
  */
-//import "./ajax/links";
-import './ajax/online';
-import './ajax/lazy-images';
+// import "./ajax/links";
+import './ajax/online'
+import './ajax/lazy-images'
 
-import './layout';
+import './layout'
 
-import './store';
+import './store'
 
-/*if (process.env.NODEENV === 'development') {
+/* if (process.env.NODEENV === 'development') {
     // mocking service worker
     const regeneratorRuntime = require('regenerator-runtime');
     const {
@@ -31,9 +31,9 @@ import './store';
             },
         },
     });
-}*/
+} */
 // caching service worker (set injectClient: false at webpack.config.serve.js)
-/*if (process.env.NODEENV === 'development') {if ('serviceWorker' in navigator) {
+/* if (process.env.NODEENV === 'development') {if ('serviceWorker' in navigator) {
                                     const baseHref = (document.getElementsByTagName('base')[0] || {}).href;
                                     const version = (document.querySelector('meta[name="swversion"]') || {})
                                       .content;
@@ -44,24 +44,24 @@ import './store';
                                           console.log('SW: Registered');
                                         });
                                     }
-                                  }}*/
+                                  }} */
 
-function importAll(r) {
-  return r.keys().map(r);
+function importAll (r) {
+  return r.keys().map(r)
 }
 
 const images = importAll(
   require.context('../img/', false, /\.(png|jpe?g|svg)$/)
-);
+)
 const fontAwesome = importAll(
   require.context('font-awesome', false, /\.(otf|eot|svg|ttf|woff|woff2)$/)
-);
+)
 
 if (module.hot) {
   module.hot.accept('app.js', () => {
-    console.log('Accepting the updated printMe module!');
-  });
+    console.log('Accepting the updated printMe module!')
+  })
   module.hot.accept('app.scss', () => {
-    console.log('Accepting the updated printMe module!');
-  });
+    console.log('Accepting the updated printMe module!')
+  })
 }
diff --git a/src/js/types/sw.js b/src/js/types/sw.js
index e33071a..884111c 100644
--- a/src/js/types/sw.js
+++ b/src/js/types/sw.js
@@ -1,58 +1,58 @@
 // caches polyfill because it is not added to native yet!
-var CACHE_NAME = `${UINAME}-sw`;
-var debug = process.env.NODE_ENV === "development" ? true : false;
-var version = `${UIVERSION}-sw`;
+const CACHE_NAME = `${UINAME}-sw`
+const debug = process.env.NODE_ENV === 'development'
+const version = `${UIVERSION}-sw`
 
-var log = require("../libs/log");
-var caches = require("../../../thirdparty/serviceworker-caches");
+const log = require('../libs/log')
+const caches = require('../../../thirdparty/serviceworker-caches')
 
 if (debug) {
-  log("SW: debug is on");
-  log(`SW: CACHE_NAME: ${CACHE_NAME}`);
-  //log(`SW: appDomain: ${appDomain}`);
-  //log(`SW: lang: ${lang}`);
+  log('SW: debug is on')
+  log(`SW: CACHE_NAME: ${CACHE_NAME}`)
+  // log(`SW: appDomain: ${appDomain}`);
+  // log(`SW: lang: ${lang}`);
 }
 
-if (typeof CACHE_NAME !== "string") {
-  throw new Error("Cache Name cannot be empty");
+if (typeof CACHE_NAME !== 'string') {
+  throw new Error('Cache Name cannot be empty')
 }
 
-self.addEventListener("fetch", (event) => {
+self.addEventListener('fetch', (event) => {
   // skip non-get
-  if (event.request.method !== "GET") {
-    return;
+  if (event.request.method !== 'GET') {
+    return
   }
 
-  //Parse the url
-  const requestURL = new URL(event.request.url);
+  // Parse the url
+  const requestURL = new URL(event.request.url)
 
-  //Check for our own urls
-  /*if (requestURL.origin !== location.origin) {
+  // Check for our own urls
+  /* if (requestURL.origin !== location.origin) {
               log('SW: skip external ' + event.request.url);
               return;
-            }*/
+            } */
 
-  //Skip admin url's
+  // Skip admin url's
   if (
-    requestURL.pathname.indexOf("admin") >= 0 ||
-    requestURL.pathname.indexOf("Security") >= 0 ||
-    requestURL.pathname.indexOf("/dev") >= 0
+    requestURL.pathname.indexOf('admin') >= 0 ||
+    requestURL.pathname.indexOf('Security') >= 0 ||
+    requestURL.pathname.indexOf('/dev') >= 0
   ) {
-    log(`SW: skip admin ${event.request.url}`);
-    return;
+    log(`SW: skip admin ${event.request.url}`)
+    return
   }
 
-  //Test for images
-  /*if (/\.(jpg|jpeg|png|gif|webp)$/.test(requestURL.pathname)) {
+  // Test for images
+  /* if (/\.(jpg|jpeg|png|gif|webp)$/.test(requestURL.pathname)) {
               log('SW: skip image ' + event.request.url);
               //For now we skip images but change this later to maybe some caching and/or an offline fallback
               return;
-            }*/
+            } */
 
   // Clone the request for fetch and cache
   // A request is a stream and can be consumed only once.
-  const fetchRequest = event.request.clone(),
-    cacheRequest = event.request.clone();
+  const fetchRequest = event.request.clone()
+  const cacheRequest = event.request.clone()
 
   // Respond with content from fetch or cache
   event.respondWith(
@@ -64,39 +64,39 @@ self.addEventListener("fetch", (event) => {
         // Because we want the browser to consume the response,
         // as well as cache to consume the response, we need to
         // clone it so we have 2 streams
-        const responseToCache = response.clone();
+        const responseToCache = response.clone()
 
         // and update the cache
         caches.open(CACHE_NAME).then((cache) => {
           // Clone the request again to use it
           // as the key for our cache
-          const cacheSaveRequest = event.request.clone();
-          cache.put(cacheSaveRequest, responseToCache);
-        });
+          const cacheSaveRequest = event.request.clone()
+          cache.put(cacheSaveRequest, responseToCache)
+        })
 
         // Return the response stream to be consumed by browser
-        return response;
+        return response
       })
 
       // when fetch times out or fails
       .catch((err) => {
-        log("SW: fetch failed");
+        log('SW: fetch failed')
         // Return the promise which
         // resolves on a match in cache for the current request
         // or rejects if no matches are found
-        return caches.match(cacheRequest);
+        return caches.match(cacheRequest)
       })
-  );
-});
+  )
+})
 
 // Now we need to clean up resources in the previous versions
 // of Service Worker scripts
-self.addEventListener("activate", (event) => {
-  log(`SW: activated: ${version}`);
+self.addEventListener('activate', (event) => {
+  log(`SW: activated: ${version}`)
   // Destroy the cache
-  event.waitUntil(caches.delete(CACHE_NAME));
-});
+  event.waitUntil(caches.delete(CACHE_NAME))
+})
 
-self.addEventListener("install", (e) => {
-  log(`SW: installing version: ${version}`);
-});
+self.addEventListener('install', (e) => {
+  log(`SW: installing version: ${version}`)
+})
diff --git a/src/js/ui/carousel.js b/src/js/ui/carousel.js
index cc7d747..86b8d5a 100644
--- a/src/js/ui/carousel.js
+++ b/src/js/ui/carousel.js
@@ -1,145 +1,145 @@
-import Events from "../_events";
-import Carousel from "bootstrap/js/src/carousel";
+import Events from '../_events'
+import Carousel from 'bootstrap/js/src/carousel'
 
 const CarouselUI = ((window) => {
-  const NAME = "js-carousel";
+  const NAME = 'js-carousel'
 
   const init = () => {
-    console.log(`${NAME}: init`);
+    console.log(`${NAME}: init`)
 
     document.querySelectorAll(`.${NAME}`).forEach((el, i) => {
       const carousel = new Carousel(el, {
         interval: el.dataset.bsInterval ? parseInt(el.dataset.bsInterval) : false,
-      });
-      el.ui = carousel;
-      const items = el.querySelectorAll(".carousel-item");
-      const numberOfItems = parseInt(items.length);
+      })
+      el.ui = carousel
+      const items = el.querySelectorAll('.carousel-item')
+      const numberOfItems = parseInt(items.length)
 
       // create next/prev arrows
       if (el.dataset.bsArrows) {
-        const next = document.createElement("button");
-        next.classList.add("carousel-control-next");
-        next.setAttribute("type", "button");
-        next.setAttribute("aria-label", "Next Slide");
-        next.setAttribute("data-bs-target", el.getAttribute("id"));
-        next.setAttribute("data-bs-slide", "next");
-        next.addEventListener("click", (e) => {
-          carousel.next();
-        });
+        const next = document.createElement('button')
+        next.classList.add('carousel-control-next')
+        next.setAttribute('type', 'button')
+        next.setAttribute('aria-label', 'Next Slide')
+        next.setAttribute('data-bs-target', el.getAttribute('id'))
+        next.setAttribute('data-bs-slide', 'next')
+        next.addEventListener('click', (e) => {
+          carousel.next()
+        })
         next.innerHTML =
-          '<span class="carousel-control-next-icon" aria-hidden="true"></span><span class="visually-hidden">Next</span>';
-        el.appendChild(next);
+          '<span class="carousel-control-next-icon" aria-hidden="true"></span><span class="visually-hidden">Next</span>'
+        el.appendChild(next)
 
-        const prev = document.createElement("button");
-        prev.setAttribute("type", "button");
-        prev.setAttribute("aria-label", "Previous Slide");
-        prev.classList.add("carousel-control-prev");
-        prev.setAttribute("data-bs-target", el.getAttribute("id"));
-        prev.setAttribute("data-bs-slide", "prev");
-        prev.addEventListener("click", (e) => {
-          carousel.prev();
-        });
+        const prev = document.createElement('button')
+        prev.setAttribute('type', 'button')
+        prev.setAttribute('aria-label', 'Previous Slide')
+        prev.classList.add('carousel-control-prev')
+        prev.setAttribute('data-bs-target', el.getAttribute('id'))
+        prev.setAttribute('data-bs-slide', 'prev')
+        prev.addEventListener('click', (e) => {
+          carousel.prev()
+        })
         prev.innerHTML =
-          '<span class="carousel-control-prev-icon" aria-hidden="true"></span><span class="visually-hidden">Previous</span>';
-        el.appendChild(prev);
+          '<span class="carousel-control-prev-icon" aria-hidden="true"></span><span class="visually-hidden">Previous</span>'
+        el.appendChild(prev)
       }
 
       if (el.dataset.bsIndicators) {
-        const indicators = document.createElement("div");
-        indicators.classList.add("carousel-indicators");
-        let i = 0;
+        const indicators = document.createElement('div')
+        indicators.classList.add('carousel-indicators')
+        let i = 0
         while (i < numberOfItems) {
-          const ind = document.createElement("button");
-          ind.setAttribute("type", "button");
-          ind.setAttribute("aria-label", `Slide to #${i + 1}`);
+          const ind = document.createElement('button')
+          ind.setAttribute('type', 'button')
+          ind.setAttribute('aria-label', `Slide to #${i + 1}`)
           if (i == 0) {
-            ind.classList.add("active");
+            ind.classList.add('active')
           }
-          ind.setAttribute("data-bs-target", el.getAttribute("id"));
-          ind.setAttribute("data-bs-slide-to", i);
+          ind.setAttribute('data-bs-target', el.getAttribute('id'))
+          ind.setAttribute('data-bs-slide-to', i)
 
-          ind.addEventListener("click", (e) => {
-            const target = e.target;
-            carousel.to(target.getAttribute("data-bs-slide-to"));
-            indicators.querySelectorAll(".active").forEach((ind2) => {
-              ind2.classList.remove("active");
-            });
-            target.classList.add("active");
-          });
+          ind.addEventListener('click', (e) => {
+            const target = e.target
+            carousel.to(target.getAttribute('data-bs-slide-to'))
+            indicators.querySelectorAll('.active').forEach((ind2) => {
+              ind2.classList.remove('active')
+            })
+            target.classList.add('active')
+          })
 
-          indicators.appendChild(ind);
-          i++;
+          indicators.appendChild(ind)
+          i++
         }
 
-        el.appendChild(indicators);
-        el.addEventListener("slide.bs.carousel", (e) => {
-          el.querySelectorAll(".carousel-indicators .active").forEach(
+        el.appendChild(indicators)
+        el.addEventListener('slide.bs.carousel', (e) => {
+          el.querySelectorAll('.carousel-indicators .active').forEach(
             (ind2) => {
-              ind2.classList.remove("active");
+              ind2.classList.remove('active')
             }
-          );
+          )
           el.querySelectorAll(
             `.carousel-indicators [data-bs-slide-to="${e.to}"]`
           ).forEach((ind2) => {
-            ind2.classList.add("active");
-          });
-        });
+            ind2.classList.add('active')
+          })
+        })
       }
 
-      if(el.classList.contains('carousel-multislide')){
+      if (el.classList.contains('carousel-multislide')) {
         const calculate = new ResizeObserver((entries) => {
-          const entry = entries[0];
-          const el = entry.target;
-          const rect = entry.contentRect;
+          const entry = entries[0]
+          const el = entry.target
+          const rect = entry.contentRect
 
-          const items = el.querySelectorAll('.carousel-item');
-          const width = rect.width;
-          const height = rect.height;
-          const numToDisplay = Math.min(parseInt(el.dataset['length']), numberOfItems);
-          const itemWidth = width / numToDisplay;
+          const items = el.querySelectorAll('.carousel-item')
+          const width = rect.width
+          const height = rect.height
+          const numToDisplay = Math.min(parseInt(el.dataset.length), numberOfItems)
+          const itemWidth = width / numToDisplay
 
-          el.dataset['itemWidth'] = itemWidth;
-          el.dataset['numToDisplay'] = numToDisplay;
+          el.dataset.itemWidth = itemWidth
+          el.dataset.numToDisplay = numToDisplay
 
-          el.querySelector('.carousel-inner').style.width = `${numberOfItems * itemWidth  }px`;
-          items.forEach((el,i) => {
-            el.style.width = `${itemWidth  }px`;
-          });
+          el.querySelector('.carousel-inner').style.width = `${numberOfItems * itemWidth}px`
+          items.forEach((el, i) => {
+            el.style.width = `${itemWidth}px`
+          })
 
-          if(numberOfItems === numToDisplay) {
-            el.classList.add('js-carousel-no-slide');
-            carousel.pause();
+          if (numberOfItems === numToDisplay) {
+            el.classList.add('js-carousel-no-slide')
+            carousel.pause()
           }
-        });
+        })
 
-        calculate.observe(el);
+        calculate.observe(el)
 
         el.addEventListener('slide.bs.carousel', (e) => {
-          const inner = el.querySelector('.carousel-inner');
+          const inner = el.querySelector('.carousel-inner')
 
           switch (e.direction) {
             case 'left':
-              inner.style.left = `${-(e.to * el.dataset['itemWidth'])  }px`;
-              break;
+              inner.style.left = `${-(e.to * el.dataset.itemWidth)}px`
+              break
             case 'right':
-              inner.style.left = `${-(e.to * el.dataset['itemWidth'])  }px`;
-              break;
+              inner.style.left = `${-(e.to * el.dataset.itemWidth)}px`
+              break
           }
-        });
+        })
 
-        el.classList.add(`${NAME}-multislide-active`);
-      }else{
-        if(items.length === 1) {
-          el.classList.add('js-carousel-no-slide');
+        el.classList.add(`${NAME}-multislide-active`)
+      } else {
+        if (items.length === 1) {
+          el.classList.add('js-carousel-no-slide')
         }
       }
 
-      el.classList.add(`${NAME}-active`);
-    });
-  };
+      el.classList.add(`${NAME}-active`)
+    })
+  }
 
-  window.addEventListener(`${Events.LODEDANDREADY}`, init);
-  window.addEventListener(`${Events.AJAX}`, init);
-})(window);
+  window.addEventListener(`${Events.LODEDANDREADY}`, init)
+  window.addEventListener(`${Events.AJAX}`, init)
+})(window)
 
-export default CarouselUI;
+export default CarouselUI
diff --git a/src/js/ui/datepicker.js b/src/js/ui/datepicker.js
index 2f53a97..9efbd00 100644
--- a/src/js/ui/datepicker.js
+++ b/src/js/ui/datepicker.js
@@ -1,14 +1,14 @@
-import Events from '../_events';
-import Datepicker from 'vanillajs-datepicker/Datepicker';
+import Events from '../_events'
+import Datepicker from 'vanillajs-datepicker/Datepicker'
 
 const init = () => {
   document.querySelectorAll('.js-datepicker').forEach((el, i) => {
-    const picker = new Datepicker(el);
-    el.ui = picker;
-  });
-};
+    const picker = new Datepicker(el)
+    el.ui = picker
+  })
+}
 
-window.addEventListener(`${Events.LODEDANDREADY}`, init);
-window.addEventListener(`${Events.AJAX}`, init);
+window.addEventListener(`${Events.LODEDANDREADY}`, init)
+window.addEventListener(`${Events.AJAX}`, init)
 
-export default Datepicker;
+export default Datepicker
diff --git a/src/js/ui/dropdown.js b/src/js/ui/dropdown.js
index 81ca066..fc23876 100644
--- a/src/js/ui/dropdown.js
+++ b/src/js/ui/dropdown.js
@@ -1,4 +1,4 @@
-import Events from '../_events';
+import Events from '../_events'
 
 /*
  * Bootstrap compatible dropdowns without popover library
@@ -8,101 +8,100 @@ import Events from '../_events';
  *
  */
 const DropdownHoverUI = ((window) => {
-  const NAME = 'js-dropdown';
+  const NAME = 'js-dropdown'
 
   const HideAll = () => {
     // hide others
     document.querySelectorAll('.dropdown-menu').forEach((el, i) => {
-      el.classList.remove('show');
-    });
-  };
+      el.classList.remove('show')
+    })
+  }
 
   const Toggle = (el) => {
-    HideAll();
+    HideAll()
 
-    el.querySelector('.dropdown-menu').classList.toggle('show');
-  };
+    el.querySelector('.dropdown-menu').classList.toggle('show')
+  }
 
   const Show = (e) => {
-    const el = e.currentTarget;
-    el.querySelector('.dropdown-menu').classList.add('show');
-  };
+    const el = e.currentTarget
+    el.querySelector('.dropdown-menu').classList.add('show')
+  }
 
   const Hide = (e) => {
-    const el = e.currentTarget;
-    el.querySelector('.dropdown-menu').classList.remove('show');
-  };
+    const el = e.currentTarget
+    el.querySelector('.dropdown-menu').classList.remove('show')
+  }
 
   const init = () => {
-    console.log(`${NAME}: init`);
+    console.log(`${NAME}: init`)
 
-    const clickableEls = document.querySelectorAll(`.${NAME},[data-bs-toggle="dropdown"]`);
-    const hoverableEls = document.querySelectorAll(`[data-bs-toggle="hover"]`);
+    const clickableEls = document.querySelectorAll(`.${NAME},[data-bs-toggle="dropdown"]`)
+    const hoverableEls = document.querySelectorAll('[data-bs-toggle="hover"]')
 
     const attachHoverEvents = (el) => {
-      el.addEventListener('mouseover', Show, false);
-      el.addEventListener('mouseout', Hide, false);
+      el.addEventListener('mouseover', Show, false)
+      el.addEventListener('mouseout', Hide, false)
 
-      el.classList.add(`${NAME}-active`);
-    };
+      el.classList.add(`${NAME}-active`)
+    }
 
     const attachClickEvents = (el) => {
       el.addEventListener('click', (e) => {
-        e.preventDefault();
+        e.preventDefault()
 
-        const el = e.currentTarget;
-        const parent = el.closest('.dropdown');
-        Toggle(parent);
-      });
+        const el = e.currentTarget
+        const parent = el.closest('.dropdown')
+        Toggle(parent)
+      })
 
-      el.classList.add(`${NAME}-active`);
-    };
+      el.classList.add(`${NAME}-active`)
+    }
 
     // Hide all for outside clicks
-    /*document.addEventListener('click', function (event) {
+    /* document.addEventListener('click', function (event) {
       const isClickInside = clickableEls.contains(event.target);
 
       if (!isClickInside) {
         HideAll();
       }
-    });*/
+    }); */
 
     document.addEventListener('click', (event) => {
-      let breakPath = false;
-      const path = event.path || (event.composedPath && event.composedPath());
+      let breakPath = false
+      const path = event.path || (event.composedPath && event.composedPath())
 
       if (!path) {
-        console.warn('Browser does not provide event path to hide dropdowns on outside click');
+        console.warn('Browser does not provide event path to hide dropdowns on outside click')
       }
 
       path.forEach((el, i) => {
         if (breakPath) {
-          return;
+          return
         }
 
         if (el === document) {
-          HideAll();
+          HideAll()
         }
 
         if (el.classList && el.classList.contains('dropdown-toggle')) {
-          breakPath = true;
-          return;
+          breakPath = true
         }
-      });
-    });
+      })
+    })
 
     hoverableEls.forEach((el, i) => {
-      const parent = el.closest('.dropdown');
-      attachHoverEvents(parent);
-    });
+      const parent = el.closest('.dropdown')
+      attachHoverEvents(parent)
+    })
 
     clickableEls.forEach((el, i) => {
-      attachClickEvents(el);
-    });
-  };
+      attachClickEvents(el)
+    })
+  }
 
-  window.addEventListener(`${Events.LODEDANDREADY}`, init);
-  window.addEventListener(`${Events.AJAX}`, init);
-})(window);
+  window.addEventListener(`${Events.LODEDANDREADY}`, init)
+  window.addEventListener(`${Events.AJAX}`, init)
+})(window)
 
-export default DropdownHoverUI;
+export default DropdownHoverUI
diff --git a/src/js/ui/instagram.feed.js b/src/js/ui/instagram.feed.js
index 3a69322..15cc285 100644
--- a/src/js/ui/instagram.feed.js
+++ b/src/js/ui/instagram.feed.js
@@ -3,91 +3,91 @@
 // Visitor network maybe temporary banned by Instagram because of too many requests from external websites
 // so it isn't very stable implementation. You should have something for the fall-back.
 
-import Events from "../_events";
-import Consts from "../_consts";
-import InstagramFeed from "@jsanahuja/instagramfeed/src/InstagramFeed";
+import Events from '../_events'
+import Consts from '../_consts'
+import InstagramFeed from '@jsanahuja/instagramfeed/src/InstagramFeed'
 
 export default ((window) => {
-  const NAME = "js-instagramfeed";
-  const BODY = document.body;
+  const NAME = 'js-instagramfeed'
+  const BODY = document.body
 
   const ig_media_preview = (base64data) => {
     const jpegtpl =
-        "/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEABsaGikdKUEmJkFCLy8vQkc/Pj4/R0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0cBHSkpNCY0PygoP0c/NT9HR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR//AABEIABQAKgMBIgACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AA==",
-      t = atob(base64data),
-      p = t.slice(3).split(""),
-      o = t
-        .substring(0, 3)
-        .split("")
-        .map((e) => {
-          return e.charCodeAt(0);
-        }),
-      c = atob(jpegtpl).split("");
-    c[162] = String.fromCharCode(o[1]);
-    c[160] = String.fromCharCode(o[2]);
+        '/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEABsaGikdKUEmJkFCLy8vQkc/Pj4/R0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0cBHSkpNCY0PygoP0c/NT9HR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR//AABEIABQAKgMBIgACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AA=='
+    const t = atob(base64data)
+    const p = t.slice(3).split('')
+    const o = t
+      .substring(0, 3)
+      .split('')
+      .map((e) => {
+        return e.charCodeAt(0)
+      })
+    const c = atob(jpegtpl).split('')
+    c[162] = String.fromCharCode(o[1])
+    c[160] = String.fromCharCode(o[2])
     return base64data
-      ? `data:image/jpeg;base64,${btoa(c.concat(p).join(""))}`
-      : null;
-  };
+      ? `data:image/jpeg;base64,${btoa(c.concat(p).join(''))}`
+      : null
+  }
 
   const loadFeed = () => {
-    console.log(`${NAME}: loading`);
+    console.log(`${NAME}: loading`)
 
     document.querySelectorAll(`.${NAME}`).forEach((el, i) => {
-      const ID = `InstagramFeed${i}`;
-      const dataset = el.dataset;
+      const ID = `InstagramFeed${i}`
+      const dataset = el.dataset
 
-      el.classList.add(`${NAME}-loading`);
-      el.classList.remove(`${NAME}-loaded`, `${NAME}-error`);
+      el.classList.add(`${NAME}-loading`)
+      el.classList.remove(`${NAME}-loaded`, `${NAME}-error`)
 
       new InstagramFeed({
-        username: dataset["username"],
-        tag: dataset["tag"] || null,
-        display_profile: dataset["display-profile"],
-        display_biography: dataset["display-biography"],
-        display_gallery: dataset["display-gallery"],
-        display_captions: dataset["display-captions"],
-        cache_time: dataset["cache_time"] || 360,
-        items: dataset["items"] || 12,
+        username: dataset.username,
+        tag: dataset.tag || null,
+        display_profile: dataset['display-profile'],
+        display_biography: dataset['display-biography'],
+        display_gallery: dataset['display-gallery'],
+        display_captions: dataset['display-captions'],
+        cache_time: dataset.cache_time || 360,
+        items: dataset.items || 12,
         styling: false,
         lazy_load: true,
         callback: (data) => {
-          console.log(`${NAME}: data response received`);
+          console.log(`${NAME}: data response received`)
 
-          const list = document.createElement("div");
-          list.classList.add(`${NAME}-list`, "row");
-          el.appendChild(list);
+          const list = document.createElement('div')
+          list.classList.add(`${NAME}-list`, 'row')
+          el.appendChild(list)
 
-          data["edge_owner_to_timeline_media"]["edges"].forEach((el, i) => {
-            const item = el["node"];
-            const preview = ig_media_preview(item["media_preview"]);
+          data.edge_owner_to_timeline_media.edges.forEach((el, i) => {
+            const item = el.node
+            const preview = ig_media_preview(item.media_preview)
 
             list.innerHTML +=
               `<div class="a col ${NAME}-item"` +
-              ` data-gallery="${NAME}-${ID}" data-href="${item["display_url"]}" data-toggle="lightbox" data-force="image">` +
-              `<img id="${NAME}-${ID}-${item["id"]}" src="${item["display_url"]}" alt="${item["accessibility_caption"]}"` +
+              ` data-gallery="${NAME}-${ID}" data-href="${item.display_url}" data-toggle="lightbox" data-force="image">` +
+              `<img id="${NAME}-${ID}-${item.id}" src="${item.display_url}" alt="${item.accessibility_caption}"` +
               `style="background:url(${preview})" />` +
-              "</div>";
-          });
+              '</div>'
+          })
 
-          el.classList.remove(`${NAME}-loading`);
-          el.classList.add(`${NAME}-loaded`);
+          el.classList.remove(`${NAME}-loading`)
+          el.classList.add(`${NAME}-loaded`)
 
-          window.dispatchEvent(new Event("MetaWindowindow.initLinks"));
-          window.dispatchEvent(new Event(`${NAME}.loaded`));
+          window.dispatchEvent(new Event('MetaWindowindow.initLinks'))
+          window.dispatchEvent(new Event(`${NAME}.loaded`))
         },
         on_error: (e) => {
-          console.error(`${NAME}: ${e}`);
+          console.error(`${NAME}: ${e}`)
 
-          el.classList.remove(`${NAME}-loading`);
-          el.classList.add(`${NAME}-error`);
+          el.classList.remove(`${NAME}-loading`)
+          el.classList.add(`${NAME}-error`)
 
-          window.dispatchEvent(new Event(`${NAME}.error`));
+          window.dispatchEvent(new Event(`${NAME}.error`))
         },
-      });
-    });
-  };
+      })
+    })
+  }
 
-  window.addEventListener(`${Events.LODEDANDREADY}`, loadFeed);
-  window.addEventListener(`${Events.AJAX}`, loadFeed);
-})(window);
+  window.addEventListener(`${Events.LODEDANDREADY}`, loadFeed)
+  window.addEventListener(`${Events.AJAX}`, loadFeed)
+})(window)
diff --git a/src/js/ui/map.api.js b/src/js/ui/map.api.js
index a6baa1f..4584c52 100644
--- a/src/js/ui/map.api.js
+++ b/src/js/ui/map.api.js
@@ -1,120 +1,120 @@
-"use strict";
+'use strict'
 
-import Events from "../_events";
-import Consts from "js/_consts";
+import Events from '../_events'
+import Consts from 'js/_consts'
 
 const MapAPI = ((window) => {
   // Constants
-  const NAME = "js-mapapi";
-  const MAP_DRIVER = Consts["MAP_DRIVER"];
+  const NAME = 'js-mapapi'
+  const MAP_DRIVER = Consts.MAP_DRIVER
 
   class MapAPI {
     // Constructor
-    constructor(el) {
-      const ui = this;
-      const Drv = new MAP_DRIVER();
-      const BODY = document.querySelector("body");
-      const config = el.dataset;
-      config["center"] = [
-        config["lng"] ? config["lng"] : BODY.dataset["default-lng"],
-        config["lat"] ? config["lat"] : BODY.dataset["default-lat"],
-      ];
+    constructor (el) {
+      const ui = this
+      const Drv = new MAP_DRIVER()
+      const BODY = document.querySelector('body')
+      const config = el.dataset
+      config.center = [
+        config.lng ? config.lng : BODY.dataset['default-lng'],
+        config.lat ? config.lat : BODY.dataset['default-lat'],
+      ]
 
-      /*config['style'] = config['style'] ?
+      /* config['style'] = config['style'] ?
                                   jQuery.parseJSON(config['style']) :
                                   null;
 
-                              config['font-family'] = $BODY.css('font-family');*/
+                              config['font-family'] = $BODY.css('font-family'); */
 
-      if (!config["icon"]) {
-        config["icon"] = '<i class="fas fa-map-marker-alt"></i>';
+      if (!config.icon) {
+        config.icon = '<i class="fas fa-map-marker-alt"></i>'
       }
 
-      console.log(`${NAME}: init ${Drv.getName()}...`);
-      ui.drv = Drv;
-      ui.el = el;
-      ui.config = config;
+      console.log(`${NAME}: init ${Drv.getName()}...`)
+      ui.drv = Drv
+      ui.el = el
+      ui.config = config
 
-      Drv.init(el, config);
+      Drv.init(el, config)
 
       el.addEventListener(Events.MAPAPILOADED, () => {
-        ui.addMarkers();
-      });
+        ui.addMarkers()
+      })
     }
 
     // Public methods
-    getMap() {
-      return ui.map;
+    getMap () {
+      return ui.map
     }
 
-    dispose() {
-      const ui = this;
+    dispose () {
+      const ui = this
 
-      ui.el = null;
-      ui.el.classList.remove(`${NAME}-active`);
+      ui.el = null
+      ui.el.classList.remove(`${NAME}-active`)
     }
 
-    addMarkers() {
-      console.log(`${NAME}: addMarkers`);
-      const ui = this;
-      const el = ui.el;
-      const Drv = ui.drv;
-      const config = ui.config;
+    addMarkers () {
+      console.log(`${NAME}: addMarkers`)
+      const ui = this
+      const el = ui.el
+      const Drv = ui.drv
+      const config = ui.config
 
-      ui.map = Drv.getMap();
+      ui.map = Drv.getMap()
 
-      if (config["geojson"]) {
-        console.log(`${NAME}: setting up geocode data`);
-        Drv.addGeoJson(config);
-      } else if (config["address"]) {
-        console.log(config["address"]);
-        console.log(`${NAME}: setting up address marker`);
-        Drv.geocode(config["address"], (results) => {
-          console.log(results);
+      if (config.geojson) {
+        console.log(`${NAME}: setting up geocode data`)
+        Drv.addGeoJson(config)
+      } else if (config.address) {
+        console.log(config.address)
+        console.log(`${NAME}: setting up address marker`)
+        Drv.geocode(config.address, (results) => {
+          console.log(results)
 
-          const lat = results[0].geometry.location.lat();
-          const lng = results[0].geometry.location.lng();
+          const lat = results[0].geometry.location.lat()
+          const lng = results[0].geometry.location.lng()
 
           console.log(
             `${NAME}: setting up single lat/lng marker lat: ${lat} lng: ${lng}`
-          );
+          )
 
-          Drv.addMarker([lng, lat], config);
+          Drv.addMarker([lng, lat], config)
           ui.map.setCenter({
             lat,
             lng,
-          });
-        });
-      } else if (config["lat"] && config["lng"]) {
-        const lat = config["lat"];
-        const lng = config["lng"];
+          })
+        })
+      } else if (config.lat && config.lng) {
+        const lat = config.lat
+        const lng = config.lng
 
         console.log(
           `${NAME}: setting up single lat/lng marker lat: ${lat} lng: ${lng}`
-        );
+        )
 
-        Drv.addMarker([lng, lat], config);
+        Drv.addMarker([lng, lat], config)
       }
 
-      el.classList.add(`${NAME}-active`);
+      el.classList.add(`${NAME}-active`)
 
-      el.dispatchEvent(new Event(Events.MAPLOADED));
-      console.log(`${NAME}: Map is loaded`);
+      el.dispatchEvent(new Event(Events.MAPLOADED))
+      console.log(`${NAME}: Map is loaded`)
     }
   }
 
   const init = () => {
-    console.log(`${NAME}: init`);
+    console.log(`${NAME}: init`)
     document.querySelectorAll(`.${NAME}`).forEach((el, i) => {
-      const map = new MapAPI(el);
-    });
-  };
+      const map = new MapAPI(el)
+    })
+  }
 
   // auto-apply
-  window.addEventListener(`${Events.LODEDANDREADY}`, init);
-  window.addEventListener(`${Events.AJAX}`, init);
+  window.addEventListener(`${Events.LODEDANDREADY}`, init)
+  window.addEventListener(`${Events.AJAX}`, init)
 
-  return MapAPI;
-})(window);
+  return MapAPI
+})(window)
 
-export default MapAPI;
+export default MapAPI
diff --git a/src/js_old/_components/_ui.ajax.js b/src/js_old/_components/_ui.ajax.js
index 8fe1d00..6669b42 100644
--- a/src/js_old/_components/_ui.ajax.js
+++ b/src/js_old/_components/_ui.ajax.js
@@ -1,59 +1,59 @@
-"use strict";
+'use strict'
 
-import $ from "jquery";
-import Events from "../_events";
-import Spinner from "./_ui.spinner";
+import $ from 'jquery'
+import Events from '../_events'
+import Spinner from './_ui.spinner'
 
 const AjaxUI = (($) => {
   // Constants
-  const G = window;
-  const D = document;
-  const $Html = $("html");
-  const $Body = $("body");
+  const G = window
+  const D = document
+  const $Html = $('html')
+  const $Body = $('body')
 
-  const NAME = "jsAjaxUI";
-  const DATA_KEY = NAME;
+  const NAME = 'jsAjaxUI'
+  const DATA_KEY = NAME
 
   class AjaxUI {
     // Constructor
-    constructor(element) {
-      this._element = element;
-      const $element = $(this._element);
-      $element.addClass(`${NAME}-active`);
+    constructor (element) {
+      this._element = element
+      const $element = $(this._element)
+      $element.addClass(`${NAME}-active`)
 
-      $element.bind("click", function (e) {
-        e.preventDefault();
+      $element.bind('click', function (e) {
+        e.preventDefault()
 
-        const $this = $(this);
+        const $this = $(this)
 
-        $(".ajax").each(function () {
-          const $this = $(this);
-          $this.removeClass("active");
-          $this.parents(".nav-item").removeClass("active");
-        });
+        $('.ajax').each(function () {
+          const $this = $(this)
+          $this.removeClass('active')
+          $this.parents('.nav-item').removeClass('active')
+        })
 
-        $this.addClass("loading");
+        $this.addClass('loading')
 
-        AjaxUI.load($this.attr("href"), () => {
-          $this.removeClass("loading");
-          $this.parents(".nav-item").addClass("active");
-          $this.addClass("active");
-        });
-      });
+        AjaxUI.load($this.attr('href'), () => {
+          $this.removeClass('loading')
+          $this.parents('.nav-item').addClass('active')
+          $this.addClass('active')
+        })
+      })
     }
 
     // Public methods
-    static load(url, callback) {
+    static load (url, callback) {
       // show spinner
       Spinner.show(() => {
-        $Body.removeClass("loaded");
-      });
+        $Body.removeClass('loaded')
+      })
 
       // update document location
-      G.MainUI.updateLocation(url);
+      G.MainUI.updateLocation(url)
 
       const absoluteLocation =
-        G.URLDetails["base"] + G.URLDetails["relative"].substring(1);
+        G.URLDetails.base + G.URLDetails.relative.substring(1)
       if (absoluteLocation !== G.location.href) {
         G.history.pushState(
           {
@@ -62,257 +62,257 @@ const AjaxUI = (($) => {
           },
           document.title,
           absoluteLocation
-        );
+        )
       }
 
       $.ajax({
         sync: false,
         async: true,
         url,
-        dataType: "json",
-        method: "GET",
+        dataType: 'json',
+        method: 'GET',
         cache: false,
-        error(jqXHR) {
-          console.warn(`${NAME}: AJAX request failure: ${jqXHR.statusText}`);
-          G.location.href = url;
+        error (jqXHR) {
+          console.warn(`${NAME}: AJAX request failure: ${jqXHR.statusText}`)
+          G.location.href = url
 
           // google analytics
-          if (typeof G.ga === "function") {
-            G.ga("send", "event", "error", "AJAX ERROR", jqXHR.statusText);
+          if (typeof G.ga === 'function') {
+            G.ga('send', 'event', 'error', 'AJAX ERROR', jqXHR.statusText)
           }
         },
-        success(data, status, jqXHR) {
-          AjaxUI.process(data, jqXHR, callback);
+        success (data, status, jqXHR) {
+          AjaxUI.process(data, jqXHR, callback)
 
           // google analytics
-          if (typeof G.ga === "function") {
-            G.ga("set", {
-              page: G.URLDetails["relative"] + G.URLDetails["hash"],
-              title: jqXHR.getResponseHeader("X-Title"),
-            });
-            G.ga("send", "pageview");
+          if (typeof G.ga === 'function') {
+            G.ga('set', {
+              page: G.URLDetails.relative + G.URLDetails.hash,
+              title: jqXHR.getResponseHeader('X-Title'),
+            })
+            G.ga('send', 'pageview')
           }
         },
-      });
+      })
     }
 
-    static process(data, jqXHR, callback) {
-      const css = jqXHR.getResponseHeader("X-Include-CSS").split(",") || [];
-      const js = jqXHR.getResponseHeader("X-Include-JS").split(",") || [];
+    static process (data, jqXHR, callback) {
+      const css = jqXHR.getResponseHeader('X-Include-CSS').split(',') || []
+      const js = jqXHR.getResponseHeader('X-Include-JS').split(',') || []
 
       // Replace HTML regions
-      if (typeof data.regions === "object") {
+      if (typeof data.regions === 'object') {
         for (const key in data.regions) {
-          if (typeof data.regions[key] === "string") {
-            AjaxUI.replaceRegion(data.regions[key], key);
+          if (typeof data.regions[key] === 'string') {
+            AjaxUI.replaceRegion(data.regions[key], key)
           }
         }
       }
 
       // remove already loaded scripts
       $('link[type="text/css"]').each(function () {
-        const i = css.indexOf($(this).attr("href"));
+        const i = css.indexOf($(this).attr('href'))
         if (i > -1) {
-          css.splice(i, 1);
-        } else if (!$Body.data("unload-blocked")) {
-          console.log(`${NAME}: Unloading | ${$(this).attr("href")}`);
-          $(this).remove();
+          css.splice(i, 1)
+        } else if (!$Body.data('unload-blocked')) {
+          console.log(`${NAME}: Unloading | ${$(this).attr('href')}`)
+          $(this).remove()
         }
-      });
+      })
 
       $('script[type="text/javascript"]').each(function () {
-        const i = js.indexOf($(this).attr("src"));
+        const i = js.indexOf($(this).attr('src'))
         if (i > -1) {
-          js.splice(i, 1);
-        } else if (!$Body.data("unload-blocked")) {
-          console.log(`${NAME}: Unloading | ${$(this).attr("src")}`);
-          $(this).remove();
+          js.splice(i, 1)
+        } else if (!$Body.data('unload-blocked')) {
+          console.log(`${NAME}: Unloading | ${$(this).attr('src')}`)
+          $(this).remove()
         }
-      });
+      })
 
       // preload CSS
       this.preload(css).then(() => {
-        const $head = $("head");
+        const $head = $('head')
         css.forEach((el) => {
           $head.append(
             `<link rel="stylesheet" type="text/css" href="${el}" />`
-          );
-        });
+          )
+        })
 
         // preload JS
-        this.preload(js, "script").then(() => {
+        this.preload(js, 'script').then(() => {
           js.forEach((el) => {
             $Body.append(
               `<script type="text/javascript" charset="UTF-8" src="${el}"></script>`
-            );
-          });
+            )
+          })
 
-          console.log(`${NAME}: New page is loaded!`);
+          console.log(`${NAME}: New page is loaded!`)
 
           // trigger events
-          if (typeof data.events === "object") {
+          if (typeof data.events === 'object') {
             for (const eventName in data.events) {
-              $(D).trigger(eventName, [data.events[eventName]]);
+              $(D).trigger(eventName, [data.events[eventName]])
             }
           }
 
-          if (typeof callback !== "undefined") {
-            callback();
+          if (typeof callback !== 'undefined') {
+            callback()
           }
 
-          $(G).trigger(Events.AJAX);
-        });
-      });
+          $(G).trigger(Events.AJAX)
+        })
+      })
     }
 
-    static preload(items, type = "text", cache = true, itemCallback = false) {
+    static preload (items, type = 'text', cache = true, itemCallback = false) {
       if (!items.length) {
-        return $.Deferred().resolve().promise();
+        return $.Deferred().resolve().promise()
       }
 
-      const dfds = [];
+      const dfds = []
       items.forEach((url, i) => {
-        const dfd = $.Deferred();
+        const dfd = $.Deferred()
 
         $.ajax({
           dataType: type,
           cache,
           url,
         }).always(() => {
-          dfd.resolve();
+          dfd.resolve()
           if (itemCallback) {
-            itemCallback(i, url);
+            itemCallback(i, url)
           }
-        });
+        })
 
-        dfds.push(dfd);
-      });
+        dfds.push(dfd)
+      })
 
       // return a master promise object which will resolve when all the deferred objects have resolved
-      return $.when(...dfds);
+      return $.when(...dfds)
     }
 
-    static replaceRegion(html, key) {
-      const $region = $(`[data-ajax-region="${key}"]`);
+    static replaceRegion (html, key) {
+      const $region = $(`[data-ajax-region="${key}"]`)
 
       if ($region.length) {
-        $region.empty().append(html);
+        $region.empty().append(html)
       } else {
-        console.warn(`${NAME}: Region returned without class or id!`);
+        console.warn(`${NAME}: Region returned without class or id!`)
       }
     }
 
-    dispose() {
-      const $element = $(this._element);
+    dispose () {
+      const $element = $(this._element)
 
-      $element.removeClass(`${NAME}-active`);
-      $.removeData(this._element, DATA_KEY);
-      this._element = null;
+      $element.removeClass(`${NAME}-active`)
+      $.removeData(this._element, DATA_KEY)
+      this._element = null
     }
 
-    static _jQueryInterface() {
+    static _jQueryInterface () {
       return this.each(function () {
         // attach functionality to element
-        const $element = $(this);
-        let data = $element.data(DATA_KEY);
+        const $element = $(this)
+        let data = $element.data(DATA_KEY)
 
         if (!data) {
-          data = new AjaxUI(this);
-          $element.data(DATA_KEY, data);
+          data = new AjaxUI(this)
+          $element.data(DATA_KEY, data)
         }
-      });
+      })
     }
   }
 
   // jQuery interface
-  $.fn[NAME] = AjaxUI._jQueryInterface;
-  $.fn[NAME].Constructor = AjaxUI;
+  $.fn[NAME] = AjaxUI._jQueryInterface
+  $.fn[NAME].Constructor = AjaxUI
   $.fn[NAME].noConflict = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT;
-    return AjaxUI._jQueryInterface;
-  };
+    $.fn[NAME] = JQUERY_NO_CONFLICT
+    return AjaxUI._jQueryInterface
+  }
 
   // auto-apply
-  $(".ajax").ready(() => {
-    $(".ajax").jsAjaxUI();
-  });
+  $('.ajax').ready(() => {
+    $('.ajax').jsAjaxUI()
+  })
 
   // AJAX update browser title
-  $(D).on("layoutRefresh", (e, data) => {
-    D.title = data.Title;
+  $(D).on('layoutRefresh', (e, data) => {
+    D.title = data.Title
 
-    $Html.attr("class", "");
+    $Html.attr('class', '')
     if (data.ClassName) {
-      $Html.addClass(data.ClassName);
+      $Html.addClass(data.ClassName)
     }
-    //data.Link = (data.Link === '/home/') ? '/' : data.Link;
-  });
+    // data.Link = (data.Link === '/home/') ? '/' : data.Link;
+  })
 
   // Back/Forward functionality
   G.onpopstate = function (event) {
-    const $existingLink = $(`a[href^="${D.location}"]`);
+    const $existingLink = $(`a[href^="${D.location}"]`)
 
     if (event.state !== null && event.state.ajax) {
-      console.log(`${NAME}: GOBACK (AJAX state)`);
-      AjaxUI.load(event.state.page);
-    } else if ($existingLink.length && $existingLink.hasClass("ajax")) {
-      console.log(`${NAME}: GOBACK (AJAX link)`);
-      $existingLink.trigger("click");
+      console.log(`${NAME}: GOBACK (AJAX state)`)
+      AjaxUI.load(event.state.page)
+    } else if ($existingLink.length && $existingLink.hasClass('ajax')) {
+      console.log(`${NAME}: GOBACK (AJAX link)`)
+      $existingLink.trigger('click')
     } else if (D.location.href !== G.location.href) {
-      console.log(`${NAME}: GOBACK (HTTP)`);
-      G.location.href = D.location;
+      console.log(`${NAME}: GOBACK (HTTP)`)
+      G.location.href = D.location
     }
-  };
+  }
 
   // manage AJAX requests
   $.ajaxPrefilter((options, originalOptions, jqXHR) => {
-    jqXHR.opts = options;
-    $.xhrPool.requests[jqXHR.opts.url] = jqXHR;
-  });
+    jqXHR.opts = options
+    $.xhrPool.requests[jqXHR.opts.url] = jqXHR
+  })
 
   $.xhrPool = {
     requests: {},
     paused: false,
     pauseAll: () => {
-      $.xhrPool.paused = true;
+      $.xhrPool.paused = true
 
-      /*for (let url in $.xhrPool.requests) {
+      /* for (let url in $.xhrPool.requests) {
         const jqXHR = $.xhrPool.requests[url];
         jqXHR.abort();
         console.log(`${NAME}: AJAX request is paused (${jqXHR.opts.url})`);
-      }*/
+      } */
     },
     restoreAll: () => {
       for (const url in $.xhrPool.requests) {
-        const jqXHR = $.xhrPool.requests[url];
-        $.ajax(jqXHR.opts);
-        console.log(`${NAME}: AJAX request is restored (${jqXHR.opts.url})`);
+        const jqXHR = $.xhrPool.requests[url]
+        $.ajax(jqXHR.opts)
+        console.log(`${NAME}: AJAX request is restored (${jqXHR.opts.url})`)
       }
 
-      $.xhrPool.paused = false;
+      $.xhrPool.paused = false
     },
-  };
+  }
 
   $.ajaxSetup({
     beforeSend: (jqXHR) => {}, //  and connection to list
     complete: (jqXHR) => {
       if (!$.xhrPool.paused) {
-        //console.log(`${NAME}: AJAX request is done (${jqXHR.opts.url})`);
-        delete $.xhrPool.requests[jqXHR.opts.url];
+        // console.log(`${NAME}: AJAX request is done (${jqXHR.opts.url})`);
+        delete $.xhrPool.requests[jqXHR.opts.url]
       }
     },
-  });
+  })
 
   // attach events
   $Body.on(`${Events.OFFLINE}`, () => {
-    $.xhrPool.pauseAll();
-  });
+    $.xhrPool.pauseAll()
+  })
 
   $Body.on(`${Events.BACKONLINE}`, () => {
-    $.xhrPool.restoreAll();
-  });
+    $.xhrPool.restoreAll()
+  })
 
-  return AjaxUI;
-})($);
+  return AjaxUI
+})($)
 
-export default AjaxUI;
+export default AjaxUI
diff --git a/src/js_old/_components/_ui.carousel.js b/src/js_old/_components/_ui.carousel.js
index ae1233e..4cb8766 100644
--- a/src/js_old/_components/_ui.carousel.js
+++ b/src/js_old/_components/_ui.carousel.js
@@ -1,135 +1,135 @@
-"use strict";
+'use strict'
 
-import $ from "jquery";
+import $ from 'jquery'
 
-import "hammerjs/hammer";
-import "jquery-hammerjs/jquery.hammer";
+import 'hammerjs/hammer'
+import 'jquery-hammerjs/jquery.hammer'
 
-import Events from "../_events";
+import Events from '../_events'
 
 const CarouselUI = (($) => {
   // Constants
-  const NAME = "CarouselUI";
+  const NAME = 'CarouselUI'
 
   class CarouselUI {
     // Static methods
 
-    static each(callback) {
+    static each (callback) {
       $(`js${NAME}, .js-carousel`).each((i, e) => {
-        callback(i, $(e));
-      });
+        callback(i, $(e))
+      })
     }
 
-    static init() {
-      this.dispose();
-      console.log(`${NAME}: init`);
+    static init () {
+      this.dispose()
+      console.log(`${NAME}: init`)
 
       this.each((i, e) => {
-        const $e = $(e),
-          id = `Carousel${i}`;
+        const $e = $(e)
+        const id = `Carousel${i}`
 
-        $e.attr("id", id);
-        $e.data("id", i);
+        $e.attr('id', id)
+        $e.data('id', i)
 
-        const $items = $(e).find(".carousel-item"),
-          count = $items.length;
+        const $items = $(e).find('.carousel-item')
+        const count = $items.length
         if (!count) {
-          return;
+          return
         }
 
         // create carousel-controls
-        if ($e.data("indicators")) {
-          const $indicators = $('<ol class="carousel-indicators"></ol>');
+        if ($e.data('indicators')) {
+          const $indicators = $('<ol class="carousel-indicators"></ol>')
           $indicators.append(
             `<li data-target="#${id}" data-slide-to="0" class="active"></li>`
-          );
+          )
           for (let i = 1; i < count; i++) {
             $indicators.append(
               `<li data-target="#${id}" data-slide-to="${i}"></li>`
-            );
+            )
           }
-          $e.prepend($indicators);
+          $e.prepend($indicators)
         }
 
         // create arrows
-        if ($e.data("arrows")) {
+        if ($e.data('arrows')) {
           $e.prepend(
             `<i class="carousel-control-prev" data-target="#${id}" role="button" data-slide="prev"><i class="fas fa-chevron-left" aria-hidden="true"></i><i class="sr-only">Previous</i></i>`
-          );
+          )
           $e.prepend(
             `<i class="carousel-control-next" data-target="#${id}" role="button" data-slide="next"><i class="fas fa-chevron-right" aria-hidden="true"></i><i class="sr-only">Next</i></i>`
-          );
+          )
         }
 
         // init carousel
-        $e.carousel();
+        $e.carousel()
 
         const $youtubeSlides = $e.find(
           'iframe[src^="https://www.youtube.com/embed/"]'
-        );
+        )
 
-        $e.on("slide.bs.carousel", () => {
+        $e.on('slide.bs.carousel', () => {
           if ($youtubeSlides.length) {
             $youtubeSlides.each((i, e) => {
-              const $e = $(e);
+              const $e = $(e)
               try {
                 $e.data(
-                  "player",
+                  'player',
                   new YT.Player(e, {
                     events: {
                       onReady: () => {
-                        $e.data("player").pauseVideo();
+                        $e.data('player').pauseVideo()
                       },
                     },
                   })
-                );
+                )
 
-                $e.data("player").pauseVideo();
+                $e.data('player').pauseVideo()
               } catch (e) {}
-            });
+            })
           }
-        });
+        })
 
-        $e.find(".carousel-control-prev").on("click", (e) => {
-          e.preventDefault();
-          $e.carousel("prev");
-        });
+        $e.find('.carousel-control-prev').on('click', (e) => {
+          e.preventDefault()
+          $e.carousel('prev')
+        })
 
-        $e.find(".carousel-control-next").on("click", (e) => {
-          e.preventDefault();
-          $e.carousel("next");
-        });
+        $e.find('.carousel-control-next').on('click', (e) => {
+          e.preventDefault()
+          $e.carousel('next')
+        })
 
         // init touch swipes
         $e.hammer().bind(Events.SWIPELEFT, (e) => {
-          $(event.target).carousel("next");
-        });
+          $(event.target).carousel('next')
+        })
 
         $e.hammer().bind(Events.SWIPERIGHT, (e) => {
-          $(event.target).carousel("prev");
-        });
+          $(event.target).carousel('prev')
+        })
 
-        /*$e.find('.carousel-item').hammer().bind('tap', (event) => {
+        /* $e.find('.carousel-item').hammer().bind('tap', (event) => {
           $(event.target).carousel('next');
-        });*/
+        }); */
 
-        $e.addClass(`js${NAME}-active`);
-        $e.trigger(Events.CAROUSEL_READY);
-      });
+        $e.addClass(`js${NAME}-active`)
+        $e.trigger(Events.CAROUSEL_READY)
+      })
     }
 
-    static dispose() {
+    static dispose () {
       this.each((i, e) => {
-        $(e).carousel("dispose");
-      });
+        $(e).carousel('dispose')
+      })
     }
   }
 
   $(window).on(`${Events.LODEDANDREADY}`, () => {
-    CarouselUI.init();
-  });
+    CarouselUI.init()
+  })
 
-  return CarouselUI;
-})($);
+  return CarouselUI
+})($)
 
-export default CarouselUI;
+export default CarouselUI
diff --git a/src/js_old/_components/_ui.cookie.js b/src/js_old/_components/_ui.cookie.js
index d013c4f..071f78d 100644
--- a/src/js_old/_components/_ui.cookie.js
+++ b/src/js_old/_components/_ui.cookie.js
@@ -1,30 +1,30 @@
-"use strict";
+'use strict'
 
-import $ from "jquery";
+import $ from 'jquery'
 
 const CookieUI = (($) => {
-  const D = document;
-  const W = window;
+  const D = document
+  const W = window
 
   class CookieUI {
-    static get(name) {
-      return D.cookie.split("; ").reduce((r, v) => {
-        const parts = v.split("=");
-        return parts[0] === name ? decodeURIComponent(parts[1]) : r;
-      }, "");
+    static get (name) {
+      return D.cookie.split('; ').reduce((r, v) => {
+        const parts = v.split('=')
+        return parts[0] === name ? decodeURIComponent(parts[1]) : r
+      }, '')
     }
 
-    static set(name, value, days = 7, path = "/") {
-      const expires = new Date(Date.now() + days * 864e5).toUTCString();
+    static set (name, value, days = 7, path = '/') {
+      const expires = new Date(Date.now() + days * 864e5).toUTCString()
       D.cookie = `${name}=${encodeURIComponent(
         value
-      )}; expires=${expires}; path=${path}`;
+      )}; expires=${expires}; path=${path}`
     }
   }
 
-  //W.CookieUI = new CookieUI();
+  // W.CookieUI = new CookieUI();
 
-  return CookieUI;
-})($);
+  return CookieUI
+})($)
 
-export default CookieUI;
+export default CookieUI
diff --git a/src/js_old/_components/_ui.flyout.js b/src/js_old/_components/_ui.flyout.js
index 9a672ac..d6063cc 100644
--- a/src/js_old/_components/_ui.flyout.js
+++ b/src/js_old/_components/_ui.flyout.js
@@ -1,69 +1,69 @@
-"use strict";
+'use strict'
 
-import $ from "jquery";
+import $ from 'jquery'
 
-import Events from "../_events";
-import CookieUI from "./_ui.cookie";
+import Events from '../_events'
+import CookieUI from './_ui.cookie'
 
 const FlyoutUI = (($) => {
-  const W = window;
-  const D = document;
-  const $Body = $("body");
+  const W = window
+  const D = document
+  const $Body = $('body')
 
-  const NAME = "FlyoutUI";
-  const COOKIE = `${NAME}-hide`;
-  const TIMEOUT = 2000;
+  const NAME = 'FlyoutUI'
+  const COOKIE = `${NAME}-hide`
+  const TIMEOUT = 2000
 
   class FlyoutUI {
-    static init() {
-      console.log(`${NAME}: init`);
-      const ui = this;
+    static init () {
+      console.log(`${NAME}: init`)
+      const ui = this
 
-      ui.$modal = $(`.flyout-${NAME}`);
+      ui.$modal = $(`.flyout-${NAME}`)
 
       if (!ui.$modal.length) {
-        return false;
+        return false
       }
 
-      const $close = ui.$modal.find(`.flyout-${NAME}__close`);
-      ui.$modal.data(NAME, ui);
+      const $close = ui.$modal.find(`.flyout-${NAME}__close`)
+      ui.$modal.data(NAME, ui)
 
       if ($close.length) {
-        $close.on("click", () => {
-          ui.hide();
-        });
+        $close.on('click', () => {
+          ui.hide()
+        })
       }
 
-      const hide = CookieUI.get(COOKIE);
+      const hide = CookieUI.get(COOKIE)
 
-      if (!$close.length || !hide || hide !== "true") {
+      if (!$close.length || !hide || hide !== 'true') {
         setTimeout(() => {
-          ui.show();
-        }, TIMEOUT);
+          ui.show()
+        }, TIMEOUT)
       }
     }
 
-    static show(callback) {
-      const ui = this;
+    static show (callback) {
+      const ui = this
 
-      ui.$modal.addClass(`flyout-${NAME}__active`);
+      ui.$modal.addClass(`flyout-${NAME}__active`)
     }
 
-    static hide(callback) {
-      const ui = this;
+    static hide (callback) {
+      const ui = this
 
-      CookieUI.set(COOKIE, "true", 1);
-      ui.$modal.removeClass(`flyout-${NAME}__active`);
+      CookieUI.set(COOKIE, 'true', 1)
+      ui.$modal.removeClass(`flyout-${NAME}__active`)
     }
   }
 
   $(W).on(`${NAME}.init ${Events.AJAX} ${Events.LOADED}`, () => {
-    FlyoutUI.init();
-  });
+    FlyoutUI.init()
+  })
 
-  W.FlyoutUI = FlyoutUI;
+  W.FlyoutUI = FlyoutUI
 
-  return FlyoutUI;
-})($);
+  return FlyoutUI
+})($)
 
-export default FlyoutUI;
+export default FlyoutUI
diff --git a/src/js_old/_components/_ui.form.basics.js b/src/js_old/_components/_ui.form.basics.js
index 5d3fcaf..7a31260 100644
--- a/src/js_old/_components/_ui.form.basics.js
+++ b/src/js_old/_components/_ui.form.basics.js
@@ -1,145 +1,145 @@
-"use strict";
+'use strict'
 
-import $ from "jquery";
+import $ from 'jquery'
 
-import Events from "../_events";
-import SpinnerUI from "./_ui.spinner";
-import FormFieldUI from "./_ui.form.fields";
+import Events from '../_events'
+import SpinnerUI from './_ui.spinner'
+import FormFieldUI from './_ui.form.fields'
 
 const FormBasics = (($) => {
   // Constants
-  const NAME = "jsFormBasics";
-  const DATA_KEY = NAME;
-  const $Html = $("html, body");
-  const W = window;
-  const D = document;
+  const NAME = 'jsFormBasics'
+  const DATA_KEY = NAME
+  const $Html = $('html, body')
+  const W = window
+  const D = document
 
   class FormBasics {
-    constructor(el) {
-      const ui = this;
-      const $el = $(el);
+    constructor (el) {
+      const ui = this
+      const $el = $(el)
 
-      ui._el = el;
-      ui.dispose();
+      ui._el = el
+      ui.dispose()
 
-      console.log(`${NAME}: init`);
-      $el.data(DATA_KEY, this);
+      console.log(`${NAME}: init`)
+      $el.data(DATA_KEY, this)
 
-      //$('[data-inputmask]').inputmask();
+      // $('[data-inputmask]').inputmask();
 
-      const $fields = $el.find(Events.FORM_FIELDS);
+      const $fields = $el.find(Events.FORM_FIELDS)
       // init fields ui
       $fields.each((i, el) => {
         // skip some fields here
-        new FormFieldUI(el);
-      });
+        new FormFieldUI(el)
+      })
 
       $fields.each((e, el) => {
-        const $el = $(el);
+        const $el = $(el)
 
-        if ($el.hasClass("required") || $el.attr("aria-required")) {
-          $el.closest(".field").addClass("required");
+        if ($el.hasClass('required') || $el.attr('aria-required')) {
+          $el.closest('.field').addClass('required')
         }
-      });
+      })
 
-      const $radioOptions = $el.find('input[type="radio"]');
+      const $radioOptions = $el.find('input[type="radio"]')
       $radioOptions.each((e, el) => {
-        const $el = $(el);
+        const $el = $(el)
 
-        if ($el.is(":checked")) {
-          $el.parents(".radio").addClass("checked");
+        if ($el.is(':checked')) {
+          $el.parents('.radio').addClass('checked')
         }
-      });
+      })
 
-      $radioOptions.on("change", (e) => {
-        const $el = $(e.currentTarget);
-        const $parent = $el.parents(".radio");
+      $radioOptions.on('change', (e) => {
+        const $el = $(e.currentTarget)
+        const $parent = $el.parents('.radio')
 
-        $parent.siblings(".radio").each((i, el) => {
-          const $el = $(el);
+        $parent.siblings('.radio').each((i, el) => {
+          const $el = $(el)
 
-          if (!$el.find("input").is(":checked")) {
-            $el.removeClass("checked");
+          if (!$el.find('input').is(':checked')) {
+            $el.removeClass('checked')
           }
-        });
+        })
 
-        if ($el.is(":checked")) {
-          $parent.addClass("checked");
+        if ($el.is(':checked')) {
+          $parent.addClass('checked')
         }
-      });
+      })
 
-      $el.on("submit", (e) => {
+      $el.on('submit', (e) => {
         setTimeout(() => {
-          if (!$el.find(".error").length) {
-            SpinnerUI.show();
+          if (!$el.find('.error').length) {
+            SpinnerUI.show()
           }
-        }, 100);
-      });
+        }, 100)
+      })
 
-      $(".field.password .show-password").on("click", (e) => {
-        console.log(`${NAME}: .field.password .show-password (click)`);
+      $('.field.password .show-password').on('click', (e) => {
+        console.log(`${NAME}: .field.password .show-password (click)`)
 
-        const $el = $(e.currentTarget);
-        const $field = $el.siblings("input");
-        const $icon = $el.find(".fas");
-        const attr = $field.attr("type");
+        const $el = $(e.currentTarget)
+        const $field = $el.siblings('input')
+        const $icon = $el.find('.fas')
+        const attr = $field.attr('type')
 
-        if (attr === "password") {
-          $field.attr("type", "text");
-          $icon.removeClass("fa-eye").addClass("fa-eye-slash");
+        if (attr === 'password') {
+          $field.attr('type', 'text')
+          $icon.removeClass('fa-eye').addClass('fa-eye-slash')
         } else {
-          $field.attr("type", "password");
-          $icon.removeClass("fa-eye-slash").addClass("fa-eye");
+          $field.attr('type', 'password')
+          $icon.removeClass('fa-eye-slash').addClass('fa-eye')
         }
-      });
+      })
 
-      $el.addClass(`${NAME}-active`);
-      $el.trigger(Events.FORM_INIT_BASICS);
+      $el.addClass(`${NAME}-active`)
+      $el.trigger(Events.FORM_INIT_BASICS)
     }
 
     // Public methods
-    dispose() {
-      console.log(`${NAME}: dispose`);
-      const ui = this;
+    dispose () {
+      console.log(`${NAME}: dispose`)
+      const ui = this
 
-      const $el = $(ui._el);
-      $.removeData(ui._el, DATA_KEY);
-      ui._el = null;
-      $el.removeClass(`${NAME}-active`);
+      const $el = $(ui._el)
+      $.removeData(ui._el, DATA_KEY)
+      ui._el = null
+      $el.removeClass(`${NAME}-active`)
     }
 
-    static _jQueryInterface() {
+    static _jQueryInterface () {
       return this.each(() => {
         // attach functionality to el
-        const $el = $(this);
-        let data = $el.data(DATA_KEY);
+        const $el = $(this)
+        let data = $el.data(DATA_KEY)
 
         if (!data) {
-          data = new FormBasics(this);
-          $el.data(DATA_KEY, data);
+          data = new FormBasics(this)
+          $el.data(DATA_KEY, data)
         }
-      });
+      })
     }
   }
 
   // jQuery interface
-  $.fn[NAME] = FormBasics._jQueryInterface;
-  $.fn[NAME].Constructor = FormBasics;
+  $.fn[NAME] = FormBasics._jQueryInterface
+  $.fn[NAME].Constructor = FormBasics
   $.fn[NAME].noConflict = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT;
-    return FormBasics._jQueryInterface;
-  };
+    $.fn[NAME] = JQUERY_NO_CONFLICT
+    return FormBasics._jQueryInterface
+  }
 
   const init = () => {
-    $("form").jsFormBasics();
-  };
+    $('form').jsFormBasics()
+  }
 
   // auto-apply
   $(W).on(`${NAME}.init ${Events.AJAX} ${Events.LOADED}`, () => {
-    init();
-  });
+    init()
+  })
 
-  return FormBasics;
-})($);
+  return FormBasics
+})($)
 
-export default FormBasics;
+export default FormBasics
diff --git a/src/js_old/_components/_ui.form.croppie.js b/src/js_old/_components/_ui.form.croppie.js
index 013a58f..789232d 100644
--- a/src/js_old/_components/_ui.form.croppie.js
+++ b/src/js_old/_components/_ui.form.croppie.js
@@ -1,19 +1,19 @@
-'use strict';
+'use strict'
 
-import $ from 'jquery';
+import $ from 'jquery'
 
-import Events from '../_events';
-import SpinnerUI from './_ui.spinner';
+import Events from '../_events'
+import SpinnerUI from './_ui.spinner'
 
-import 'croppie/croppie.js';
-import 'exif-js/exif.js';
+import 'croppie/croppie.js'
+import 'exif-js/exif.js'
 
 const CroppieUI = (($) => {
-  const NAME = 'jsCroppieUI';
-  const DATA_KEY = NAME;
+  const NAME = 'jsCroppieUI'
+  const DATA_KEY = NAME
 
-  const G = window;
-  const D = document;
+  const G = window
+  const D = document
 
   const jqteOptions = {
     color: false,
@@ -24,34 +24,34 @@ const CroppieUI = (($) => {
     source: false,
     sub: false,
     sup: false,
-  };
+  }
 
   class CroppieUI {
-    constructor(element) {
-      const ui = this;
-      const $el = $(element);
+    constructor (element) {
+      const ui = this
+      const $el = $(element)
 
-      console.log(`${NAME}: init ...`);
+      console.log(`${NAME}: init ...`)
 
-      ui.$el = $el;
-      $el.data(DATA_KEY, this);
+      ui.$el = $el
+      $el.data(DATA_KEY, this)
 
-      ui.input = $el.find('input[type="file"]');
-      //ui.inputData = $('<input type="hidden" class="base64enc" name="' + ui.input.attr('name') + 'base64" />');
+      ui.input = $el.find('input[type="file"]')
+      // ui.inputData = $('<input type="hidden" class="base64enc" name="' + ui.input.attr('name') + 'base64" />');
 
-      ui.width = ui.input.data('width');
-      ui.height = ui.input.data('height');
+      ui.width = ui.input.data('width')
+      ui.height = ui.input.data('height')
 
       $el.append(
         '<div class="cropper-wrap"><div class="cropper-container"></div>' +
           '<a href="#" class="btn-remove" style="display:none"><i class="fas fa-times"></i> Remove</a></div>'
-      );
-      //$el.append(ui.inputData);
+      )
+      // $el.append(ui.inputData);
 
-      ui.uploadCropWrap = $el.find('.cropper-wrap');
-      ui.uploadCrop = ui.uploadCropWrap.find('.cropper-container');
+      ui.uploadCropWrap = $el.find('.cropper-wrap')
+      ui.uploadCrop = ui.uploadCropWrap.find('.cropper-container')
 
-      const ratio = ui.width / (ui.uploadCrop.width() - 32);
+      const ratio = ui.width / (ui.uploadCrop.width() - 32)
       ui.uploadCrop.croppie({
         enableExif: true,
         enforceBoundary: false,
@@ -59,70 +59,70 @@ const CroppieUI = (($) => {
           width: ui.width / ratio,
           height: ui.height / ratio,
         },
-      });
+      })
 
-      ui.uploadCrop.hide();
+      ui.uploadCrop.hide()
 
       ui.input.on('change', (e) => {
-        this.readFile(e.currentTarget);
-      });
+        this.readFile(e.currentTarget)
+      })
 
-      ui.$btnRemove = $el.find('.btn-remove');
+      ui.$btnRemove = $el.find('.btn-remove')
       ui.$btnRemove.on('click', (e) => {
-        e.preventDefault();
+        e.preventDefault()
 
-        ui.uploadCrop.removeClass('ready');
-        $el.find('.croppie-image').remove();
+        ui.uploadCrop.removeClass('ready')
+        $el.find('.croppie-image').remove()
 
-        ui.$el.find('input[type="file"]').val('');
-        ui.$el.find('input[type="file"]').change();
+        ui.$el.find('input[type="file"]').val('')
+        ui.$el.find('input[type="file"]').change()
 
-        ui.uploadCropWrap.hide();
-      });
+        ui.uploadCropWrap.hide()
+      })
 
       if (ui.$el.find('img.croppie-image').length) {
-        ui.$btnRemove.show();
+        ui.$btnRemove.show()
       }
     }
 
-    readFile(input) {
-      const ui = this;
-      const $el = ui.$el;
-      const $form = $el.closest('form');
+    readFile (input) {
+      const ui = this
+      const $el = ui.$el
+      const $form = $el.closest('form')
 
       if (input.files && input.files[0]) {
-        const reader = new FileReader();
+        const reader = new FileReader()
 
         reader.onload = (e) => {
-          ui.uploadCrop.addClass('ready');
+          ui.uploadCrop.addClass('ready')
           ui.uploadCrop.croppie('bind', {
             url: e.target.result,
-          });
+          })
 
-          ui.uploadCrop.show();
-          ui.uploadCropWrap.show();
-          ui.$btnRemove.show();
-        };
+          ui.uploadCrop.show()
+          ui.uploadCropWrap.show()
+          ui.$btnRemove.show()
+        }
 
-        reader.readAsDataURL(input.files[0]);
+        reader.readAsDataURL(input.files[0])
 
-        $form.off('submit');
+        $form.off('submit')
         $form.on('submit', (e) => {
-          console.log(`${NAME}: Processing submission ...`);
+          console.log(`${NAME}: Processing submission ...`)
 
-          e.preventDefault();
+          e.preventDefault()
 
           if ($form.data('locked')) {
-            console.warn(`${NAME}: Form#${$form.attr('id')} is locked.`);
-            return false;
+            console.warn(`${NAME}: Form#${$form.attr('id')} is locked.`)
+            return false
           }
 
-          $form.data('locked', true);
+          $form.data('locked', true)
 
-          SpinnerUI.show();
+          SpinnerUI.show()
 
           if (!ui.uploadCrop.hasClass('ready')) {
-            return true;
+            return true
           }
 
           ui.uploadCrop
@@ -135,17 +135,17 @@ const CroppieUI = (($) => {
               format: 'png',
             })
             .then((blob) => {
-              const form = e.currentTarget;
-              const data = new FormData(form);
-              const name = $(input).attr('name');
+              const form = e.currentTarget
+              const data = new FormData(form)
+              const name = $(input).attr('name')
 
-              data.delete('BackURL');
-              data.delete(name);
-              data.append(name, blob, `${name}-image.png`);
-              data.append('ajax', '1');
+              data.delete('BackURL')
+              data.delete(name)
+              data.append(name, blob, `${name}-image.png`)
+              data.append('ajax', '1')
 
               if ($(form).data('jsFormValidate') && !$(form).data('jsFormValidate').validate()) {
-                return false;
+                return false
               }
 
               $.ajax({
@@ -155,112 +155,112 @@ const CroppieUI = (($) => {
                 contentType: false,
                 type: $(form).attr('method'),
                 success: function (data) {
-                  $form.data('locked', false);
+                  $form.data('locked', false)
 
-                  let IS_JSON = false;
-                  let json = {};
+                  let IS_JSON = false
+                  let json = {}
                   try {
-                    IS_JSON = true;
-                    json = $.parseJSON(data);
+                    IS_JSON = true
+                    json = $.parseJSON(data)
                   } catch (e) {
-                    IS_JSON = false;
+                    IS_JSON = false
                   }
 
                   if (IS_JSON) {
-                    if (typeof json['status'] !== 'undefined') {
-                      if (json['status'] === 'success') {
+                    if (typeof json.status !== 'undefined') {
+                      if (json.status === 'success') {
                         if (MainUI) {
-                          MainUI.alert(json['message'], json['status']);
-                        }else {
-                          window.location.reload();
+                          MainUI.alert(json.message, json.status)
+                        } else {
+                          window.location.reload()
                         }
 
-                        if (typeof json['link'] !== 'undefined') {
+                        if (typeof json.link !== 'undefined') {
                           console.log(
-                            `${NAME}: Finished submission > JSON ... Redirecting to ${json['link']}.`
-                          );
+                            `${NAME}: Finished submission > JSON ... Redirecting to ${json.link}.`
+                          )
 
                           setTimeout(() => {
-                            G.location = json['link'];
-                          }, 2000);
+                            G.location = json.link
+                          }, 2000)
                         } else {
                           console.warn(
                             `${NAME}: Finished submission > JSON no redirect link.`
-                          );
+                          )
                         }
-                      } else if (json['status'] === 'error') {
+                      } else if (json.status === 'error') {
                         if (MainUI) {
-                          MainUI.alert(json['message'], json['status']);
-                        }else {
-                          window.location.reload();
+                          MainUI.alert(json.message, json.status)
+                        } else {
+                          window.location.reload()
                         }
                       }
                     }
 
-                    if (typeof json['form'] !== 'undefined') {
+                    if (typeof json.form !== 'undefined') {
                       console.log(
                         `${NAME}: Finished submission > JSON. Got new form response.`
-                      );
+                      )
 
-                      $(form).replaceWith(json['form']);
-                      $(G).trigger(Events.AJAX);
+                      $(form).replaceWith(json.form)
+                      $(G).trigger(Events.AJAX)
                     }
                   } else {
                     console.log(
                       `${NAME}: Finished submission > DATA response.`
-                    );
+                    )
 
-                    $(form).replaceWith(data);
-                    $(G).trigger(Events.AJAX);
-                    //G.location.reload(false);
+                    $(form).replaceWith(data)
+                    $(G).trigger(Events.AJAX)
+                    // G.location.reload(false);
                   }
 
-                  SpinnerUI.hide();
+                  SpinnerUI.hide()
                 },
-              });
+              })
 
-              //ui.inputData.val(data);
-            });
-        });
+              // ui.inputData.val(data);
+            })
+        })
       } else {
         console.log(
           `${NAME}: Sorry - your browser doesn't support the FileReader API.`
-        );
+        )
       }
     }
 
-    static dispose() {
-      console.log(`${NAME}: destroying.`);
+    static dispose () {
+      console.log(`${NAME}: destroying.`)
     }
 
-    static _jQueryInterface() {
+    static _jQueryInterface () {
       return this.each((i, el) => {
         // attach functionality to element
-        const $el = $(el);
-        let data = $el.data(DATA_KEY);
+        const $el = $(el)
+        let data = $el.data(DATA_KEY)
 
         if (!data) {
-          data = new CroppieUI(el);
-          $el.data(DATA_KEY, data);
+          data = new CroppieUI(el)
+          $el.data(DATA_KEY, data)
         }
-      });
+      })
     }
   }
 
   // jQuery interface
-  $.fn[NAME] = CroppieUI._jQueryInterface;
-  $.fn[NAME].Constructor = CroppieUI;
+  $.fn[NAME] = CroppieUI._jQueryInterface
+  $.fn[NAME].Constructor = CroppieUI
   $.fn[NAME].noConflict = () => {
-    $.fn[NAME] = JQUERY_NO_CONFLICT;
-    return CroppieUI._jQueryInterface;
-  };
+    $.fn[NAME] = JQUERY_NO_CONFLICT
+    return CroppieUI._jQueryInterface
+  }
 
   // auto-apply
   $(window).on(`${NAME}.init ${Events.AJAX} ${Events.LOADED}`, () => {
-    $('.field.croppie').jsCroppieUI();
-  });
+    $('.field.croppie').jsCroppieUI()
+  })
 
-  return CroppieUI;
-})($);
+  return CroppieUI
+})($)
 
-export default CroppieUI;
+export default CroppieUI
diff --git a/src/js_old/_components/_ui.form.datetime.js b/src/js_old/_components/_ui.form.datetime.js
index d9da190..9bfc772 100644
--- a/src/js_old/_components/_ui.form.datetime.js
+++ b/src/js_old/_components/_ui.form.datetime.js
@@ -1,128 +1,128 @@
-"use strict";
+'use strict'
 
-import $ from "jquery";
+import $ from 'jquery'
 
-import Events from "../_events";
+import Events from '../_events'
 
-import "bootstrap-datepicker/dist/js/bootstrap-datepicker.js";
-import "bootstrap-timepicker/js/bootstrap-timepicker.js";
+import 'bootstrap-datepicker/dist/js/bootstrap-datepicker.js'
+import 'bootstrap-timepicker/js/bootstrap-timepicker.js'
 
 const DatetimeUI = (($) => {
   // Constants
-  const W = window;
-  const D = document;
-  const $Body = $("body");
+  const W = window
+  const D = document
+  const $Body = $('body')
 
-  const NAME = "jsDatetimeUI";
-  const DATA_KEY = NAME;
+  const NAME = 'jsDatetimeUI'
+  const DATA_KEY = NAME
 
   const datepickerOptions = {
     autoclose: true,
     startDate: 0,
-    //todayBtn: true,
+    // todayBtn: true,
     todayHighlight: true,
     clearBtn: true,
-  };
+  }
 
   class DatetimeUI {
-    constructor(el) {
-      console.log(`${NAME}: init`);
+    constructor (el) {
+      console.log(`${NAME}: init`)
 
-      const ui = this;
-      const $el = $(el);
+      const ui = this
+      const $el = $(el)
 
-      ui._el = el;
+      ui._el = el
 
       // datepicker
-      if ($el.hasClass("date") || $el.attr("type") === "date") {
+      if ($el.hasClass('date') || $el.attr('type') === 'date') {
         const defaultDate =
-          $el.attr("name").toLowerCase().indexOf("end") !== -1 ? "+4d" : "+3d";
+          $el.attr('name').toLowerCase().indexOf('end') !== -1 ? '+4d' : '+3d'
 
-        $el.attr("readonly", "true");
+        $el.attr('readonly', 'true')
         $el.datepicker(
           $.extend(
             datepickerOptions,
             {
               defaultViewDate: defaultDate,
-              multidate: $el.data("multidate"),
+              multidate: $el.data('multidate'),
             },
             $el.data()
           )
-        );
+        )
       }
 
       // timepicker
-      else if ($el.hasClass("time") || $el.attr("type") === "time") {
-        $el.attr("readonly", "true");
+      else if ($el.hasClass('time') || $el.attr('type') === 'time') {
+        $el.attr('readonly', 'true')
         $el
           .timepicker(
             $.extend(
               {
                 snapToStep: true,
                 icons: {
-                  up: "fas fa-chevron-up",
-                  down: "fas fa-chevron-down",
+                  up: 'fas fa-chevron-up',
+                  down: 'fas fa-chevron-down',
                 },
               },
               $el.data()
             )
           )
-          .on("show.timepicker", (e) => {
-            const $el = $(e.currentTarget);
-            const $dropdown = $Body.find(".bootstrap-timepicker-widget");
+          .on('show.timepicker', (e) => {
+            const $el = $(e.currentTarget)
+            const $dropdown = $Body.find('.bootstrap-timepicker-widget')
 
             if (!$dropdown.find('[data-action="clear"]').length) {
               $dropdown
-                .find("tbody")
+                .find('tbody')
                 .append(
                   '<tr><td colspan="5"><a href="#" data-action="clear">Clear</a></td></tr>'
-                );
+                )
             }
 
-            const $clearBtn = $dropdown.find('[data-action="clear"]');
-            $clearBtn.on("click", (e) => {
-              e.preventDefault();
-              $el.timepicker("clear");
-              $el.timepicker("hideWidget");
-            });
-          });
+            const $clearBtn = $dropdown.find('[data-action="clear"]')
+            $clearBtn.on('click', (e) => {
+              e.preventDefault()
+              $el.timepicker('clear')
+              $el.timepicker('hideWidget')
+            })
+          })
       }
     }
 
-    static dispose() {
-      console.log(`${NAME}: dispose`);
+    static dispose () {
+      console.log(`${NAME}: dispose`)
     }
 
-    static _jQueryInterface() {
+    static _jQueryInterface () {
       return this.each(function () {
         // attach functionality to element
-        const $el = $(this);
-        let data = $el.data(DATA_KEY);
+        const $el = $(this)
+        let data = $el.data(DATA_KEY)
 
         if (!data) {
-          data = new DatetimeUI(this);
-          $el.data(DATA_KEY, data);
+          data = new DatetimeUI(this)
+          $el.data(DATA_KEY, data)
         }
-      });
+      })
     }
   }
 
   // jQuery interface
-  $.fn[NAME] = DatetimeUI._jQueryInterface;
-  $.fn[NAME].Constructor = DatetimeUI;
+  $.fn[NAME] = DatetimeUI._jQueryInterface
+  $.fn[NAME].Constructor = DatetimeUI
   $.fn[NAME].noConflict = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT;
-    return DatetimeUI._jQueryInterface;
-  };
+    $.fn[NAME] = JQUERY_NO_CONFLICT
+    return DatetimeUI._jQueryInterface
+  }
 
   // auto-apply
   $(window).on(`${NAME}.init ${Events.AJAX} ${Events.LOADED}`, () => {
     $(
       'input.date, input.time,input[type="date"], input[type="time"]'
-    ).jsDatetimeUI();
-  });
+    ).jsDatetimeUI()
+  })
 
-  return DatetimeUI;
-})($);
+  return DatetimeUI
+})($)
 
-export default DatetimeUI;
+export default DatetimeUI
diff --git a/src/js_old/_components/_ui.form.fields.js b/src/js_old/_components/_ui.form.fields.js
index aa0ff4b..1ac0549 100644
--- a/src/js_old/_components/_ui.form.fields.js
+++ b/src/js_old/_components/_ui.form.fields.js
@@ -1,87 +1,87 @@
-"use strict";
+'use strict'
 
-import $ from "jquery";
-import Events from "../_events";
+import $ from 'jquery'
+import Events from '../_events'
 
 const FormFieldUI = (($) => {
   // Constants
-  const NAME = "jsFormFieldUI";
-  const DATA_KEY = NAME;
-  const $Html = $("html, body");
+  const NAME = 'jsFormFieldUI'
+  const DATA_KEY = NAME
+  const $Html = $('html, body')
 
   class FormFieldUI {
-    constructor(el) {
-      const ui = this;
+    constructor (el) {
+      const ui = this
 
-      ui.$el = $(el);
-      ui.shown = true;
+      ui.$el = $(el)
+      ui.shown = true
 
-      ui.$el.data(DATA_KEY, ui);
-      //ui.$actions = ui.$el.parents('form').children('.btn-toolbar,.form-actions');
+      ui.$el.data(DATA_KEY, ui)
+      // ui.$actions = ui.$el.parents('form').children('.btn-toolbar,.form-actions');
 
       ui.vals = {
         val: ui.$el.val(),
-        checked: ui.$el.is(":checked"),
-      };
-
-      // bootstrap collapse integration
-      ui.$el.parents(".optionset").not(".field").removeClass("collapse");
-      ui.$collapse = ui.$el
-        .parents(".field.collapse")
-        .not(".composite")
-        .first();
-      if (ui.$collapse.length) {
-        ui.$el.removeClass("collapse");
-
-        ui.$collapse.on("show.bs.collapse", (e) => {
-          ui.show();
-        });
-
-        ui.$collapse.on("hidden.bs.collapse", (e) => {
-          ui.hide();
-        });
+        checked: ui.$el.is(':checked'),
       }
 
-      ui.$el.addClass(`${NAME}-active`);
+      // bootstrap collapse integration
+      ui.$el.parents('.optionset').not('.field').removeClass('collapse')
+      ui.$collapse = ui.$el
+        .parents('.field.collapse')
+        .not('.composite')
+        .first()
+      if (ui.$collapse.length) {
+        ui.$el.removeClass('collapse')
 
-      return ui;
+        ui.$collapse.on('show.bs.collapse', (e) => {
+          ui.show()
+        })
+
+        ui.$collapse.on('hidden.bs.collapse', (e) => {
+          ui.hide()
+        })
+      }
+
+      ui.$el.addClass(`${NAME}-active`)
+
+      return ui
     }
 
     // Public methods
-    dispose() {
-      const ui = this;
-      const $el = ui.$el;
+    dispose () {
+      const ui = this
+      const $el = ui.$el
 
-      $el.removeClass(`${NAME}-active`);
-      $.removeData($el[0], DATA_KEY);
+      $el.removeClass(`${NAME}-active`)
+      $.removeData($el[0], DATA_KEY)
     }
 
-    show() {
-      const ui = this;
-      const $el = ui.$el;
+    show () {
+      const ui = this
+      const $el = ui.$el
 
-      ui.restore();
-      ui.shown = true;
+      ui.restore()
+      ui.shown = true
 
-      /*if (ui.$collapse.length) {
+      /* if (ui.$collapse.length) {
         ui.$collapse.collapse('show');
       }
 
       if ($el.hasClass('collapse')) {
         $el.collapse('show');
-      }*/
+      } */
 
-      $el.trigger(`shown.${NAME}`);
+      $el.trigger(`shown.${NAME}`)
     }
 
-    hide() {
-      const ui = this;
-      const $el = ui.$el;
+    hide () {
+      const ui = this
+      const $el = ui.$el
 
-      ui.wipe();
-      ui.shown = false;
+      ui.wipe()
+      ui.shown = false
 
-      /*if (ui.$collapse.length) {
+      /* if (ui.$collapse.length) {
         ui.$collapse.collapse('hide');
       }
 
@@ -89,80 +89,80 @@ const FormFieldUI = (($) => {
         $el.collapse('hide');
       }
 
-      $el.trigger('change');*/
-      $el.trigger(`hidden.${NAME}`);
+      $el.trigger('change'); */
+      $el.trigger(`hidden.${NAME}`)
     }
 
-    wipe() {
-      const ui = this;
-      const $el = ui.$el;
+    wipe () {
+      const ui = this
+      const $el = ui.$el
 
       ui.vals = {
-        name: $el.attr("name"),
+        name: $el.attr('name'),
         val: $el.val(),
-        checked: $el.is(":checked"),
-      };
+        checked: $el.is(':checked'),
+      }
 
-      $el.val("");
-      $el.prop("checked", false);
+      $el.val('')
+      $el.prop('checked', false)
     }
 
-    restore() {
-      const ui = this;
-      const $el = ui.$el;
-      const checked = ui.vals["checked"];
+    restore () {
+      const ui = this
+      const $el = ui.$el
+      const checked = ui.vals.checked
 
-      $el.val(ui.vals["val"]);
-      $el.prop("checked", checked);
+      $el.val(ui.vals.val)
+      $el.prop('checked', checked)
     }
 
-    addMessage(msg, type = null, scrollTo = true) {
-      const ui = this;
-      const $field = ui.$el.closest(".field");
+    addMessage (msg, type = null, scrollTo = true) {
+      const ui = this
+      const $field = ui.$el.closest('.field')
 
-      $field.addClass("has-message");
+      $field.addClass('has-message')
       if (msg) {
-        $field.append(`<div class="message alert ${type}">${msg}</div>`);
+        $field.append(`<div class="message alert ${type}">${msg}</div>`)
       }
 
       if (scrollTo) {
-        const pos = $field.offset().top;
-        $field.focus();
-        $Html.scrollTop(pos - 100);
+        const pos = $field.offset().top
+        $field.focus()
+        $Html.scrollTop(pos - 100)
       }
     }
 
-    removeMessages() {
-      const ui = this;
-      const $field = ui.$el.closest(".field");
+    removeMessages () {
+      const ui = this
+      const $field = ui.$el.closest('.field')
 
-      $field.removeClass("has-message");
-      $field.find(".message").remove();
+      $field.removeClass('has-message')
+      $field.find('.message').remove()
     }
 
-    static _jQueryInterface() {
+    static _jQueryInterface () {
       return this.each(function () {
         // attach functionality to el
-        const $el = $(this);
-        let data = $el.data(DATA_KEY);
+        const $el = $(this)
+        let data = $el.data(DATA_KEY)
 
         if (!data) {
-          data = new FormFieldUI(this);
-          $el.data(DATA_KEY, data);
+          data = new FormFieldUI(this)
+          $el.data(DATA_KEY, data)
         }
-      });
+      })
     }
   }
 
   // jQuery interface
-  $.fn[NAME] = FormFieldUI._jQueryInterface;
-  $.fn[NAME].Constructor = FormFieldUI;
+  $.fn[NAME] = FormFieldUI._jQueryInterface
+  $.fn[NAME].Constructor = FormFieldUI
   $.fn[NAME].noConflict = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT;
-    return FormFieldUI._jQueryInterface;
-  };
+    $.fn[NAME] = JQUERY_NO_CONFLICT
+    return FormFieldUI._jQueryInterface
+  }
 
-  return FormFieldUI;
-})($);
+  return FormFieldUI
+})($)
 
-export default FormFieldUI;
+export default FormFieldUI
diff --git a/src/js_old/_components/_ui.form.fields.toggle.js b/src/js_old/_components/_ui.form.fields.toggle.js
index 066e8ca..2bddd51 100644
--- a/src/js_old/_components/_ui.form.fields.toggle.js
+++ b/src/js_old/_components/_ui.form.fields.toggle.js
@@ -1,218 +1,216 @@
-"use strict";
+'use strict'
 
-import $ from "jquery";
-import Events from "../_events";
+import $ from 'jquery'
+import Events from '../_events'
 
-import FormBasics from "./_ui.form.basics";
+import FormBasics from './_ui.form.basics'
 
 const FormToggleUI = (($) => {
   // Constants
-  const NAME = "jsFormToggleUI";
-  const DATA_KEY = NAME;
-  const W = window;
-  const $Html = $("html, body");
-  const FieldUI = "jsFormFieldUI";
+  const NAME = 'jsFormToggleUI'
+  const DATA_KEY = NAME
+  const W = window
+  const $Html = $('html, body')
+  const FieldUI = 'jsFormFieldUI'
 
   class FormToggleUI {
-    constructor($el) {
-      const ui = this;
-      ui.$el = $el;
+    constructor ($el) {
+      const ui = this
+      ui.$el = $el
 
       if (!ui.getCondition()) {
-        console.warn(`${NAME}: no condition found`);
-        return;
+        console.warn(`${NAME}: no condition found`)
+        return
       }
 
-      ui.toggle();
+      ui.toggle()
 
       ui.$el.on(`change shown.${FieldUI} hidden.${FieldUI}`, (e) => {
-        ui.toggle();
-      });
+        ui.toggle()
+      })
 
-      ui.$el.addClass(`${NAME}-active`);
-      ui.$el.data(DATA_KEY, ui);
+      ui.$el.addClass(`${NAME}-active`)
+      ui.$el.data(DATA_KEY, ui)
 
-      return ui;
+      return ui
     }
 
-    getDataEl() {
-      const ui = this;
-      const $el = ui.$el;
+    getDataEl () {
+      const ui = this
+      const $el = ui.$el
 
       return $el.is('[type="radio"],[type="checkbox"]') &&
-        $el.parents(".optionset,.checkboxset").length
-        ? $el.parents(".optionset,.checkboxset")
-        : $el;
+        $el.parents('.optionset,.checkboxset').length
+        ? $el.parents('.optionset,.checkboxset')
+        : $el
     }
 
-    getCondition() {
-      const ui = this;
+    getCondition () {
+      const ui = this
 
-      return ui.getDataEl().data("value-toggle");
+      return ui.getDataEl().data('value-toggle')
     }
 
-    getCurrentVal() {
-      const ui = this;
-      const $el = ui.$el;
+    getCurrentVal () {
+      const ui = this
+      const $el = ui.$el
 
-      if ($el.attr("type") === "checkbox") {
-        if ($el.parents(".checkboxset").length && $el.is(":checked")) {
-          return $el.val();
+      if ($el.attr('type') === 'checkbox') {
+        if ($el.parents('.checkboxset').length && $el.is(':checked')) {
+          return $el.val()
         }
 
-        return $el.is(":checked") ? true : false;
+        return !!$el.is(':checked')
       }
 
-      if ($el.attr("type") === "radio") {
-        return $Html.find(`[name="${$el.attr("name")}"]:checked`).val();
+      if ($el.attr('type') === 'radio') {
+        return $Html.find(`[name="${$el.attr('name')}"]:checked`).val()
       }
 
-      return $el.val();
+      return $el.val()
     }
 
-    getTrueTarget() {
-      const ui = this;
-      const $dataEl = ui.getDataEl();
+    getTrueTarget () {
+      const ui = this
+      const $dataEl = ui.getDataEl()
 
       // compatibility params
-      const target = $dataEl.data("value-toggle-yes");
+      const target = $dataEl.data('value-toggle-yes')
       if (!target || !target.length) {
-        return ui.getElement($dataEl.data("target"));
+        return ui.getElement($dataEl.data('target'))
       }
 
-      return ui.getElement(target);
+      return ui.getElement(target)
     }
 
-    getFalseTarget() {
-      const ui = this;
-      const $dataEl = ui.getDataEl();
+    getFalseTarget () {
+      const ui = this
+      const $dataEl = ui.getDataEl()
 
       // compatibility params
-      const target = $dataEl.data("value-toggle-no");
+      const target = $dataEl.data('value-toggle-no')
       if (!target || !target.length) {
-        return ui.getElement($dataEl.data("value-toggle-false"));
+        return ui.getElement($dataEl.data('value-toggle-false'))
       }
 
-      return ui.getElement(target);
+      return ui.getElement(target)
     }
 
-    getElement(target) {
-      return target && target.length && $(target).length ? $(target) : false;
+    getElement (target) {
+      return target && target.length && $(target).length ? $(target) : false
     }
 
-    toggle() {
-      const ui = this;
-      const $el = ui.$el;
+    toggle () {
+      const ui = this
+      const $el = ui.$el
 
-      const val = ui.getCurrentVal();
-      const $dataEl = ui.getDataEl();
+      const val = ui.getCurrentVal()
+      const $dataEl = ui.getDataEl()
 
       // conditional toggler
-      const condition = ui.getCondition();
+      const condition = ui.getCondition()
       if (!condition) {
-        return;
+        return
       }
 
       // yes/no toggler
       const yesNoVal =
-        (condition === true && val && val !== "" && val !== "0") ||
-        condition === val
-          ? true
-          : false;
+        !!((condition === true && val && val !== '' && val !== '0') ||
+        condition === val)
 
-      const $yesTarget = ui.getTrueTarget();
-      const $noTarget = ui.getFalseTarget();
-      const elUI = $el.data(FieldUI);
+      const $yesTarget = ui.getTrueTarget()
+      const $noTarget = ui.getFalseTarget()
+      const elUI = $el.data(FieldUI)
 
-      if ((elUI && !elUI.shown) || typeof val === "undefined") {
-        ui.toggleElement($yesTarget, false);
-        ui.toggleElement($noTarget, false);
+      if ((elUI && !elUI.shown) || typeof val === 'undefined') {
+        ui.toggleElement($yesTarget, false)
+        ui.toggleElement($noTarget, false)
 
-        return;
+        return
       }
 
       if (yesNoVal) {
-        ui.toggleElement($yesTarget, true);
-        ui.toggleElement($noTarget, false);
+        ui.toggleElement($yesTarget, true)
+        ui.toggleElement($noTarget, false)
       } else {
-        ui.toggleElement($yesTarget, false);
-        ui.toggleElement($noTarget, true);
+        ui.toggleElement($yesTarget, false)
+        ui.toggleElement($noTarget, true)
       }
     }
 
-    toggleElement($el, show) {
+    toggleElement ($el, show) {
       if (!$el.length) {
-        return;
+        return
       }
 
-      const ui = this;
-      const action = show ? "show" : "hide";
+      const ui = this
+      const action = show ? 'show' : 'hide'
 
-      $el.filter("div.collapse").each((i, el) => {
-        const $el = $(el);
+      $el.filter('div.collapse').each((i, el) => {
+        const $el = $(el)
 
-        $el.collapse(action);
-      });
+        $el.collapse(action)
+      })
 
-      $el.trigger(`${action}.${NAME}`);
+      $el.trigger(`${action}.${NAME}`)
     }
 
-    dispose() {
-      const ui = this;
-      const $el = ui.$el;
+    dispose () {
+      const ui = this
+      const $el = ui.$el
 
-      $el.removeClass(`${NAME}-active`);
-      $.removeData(this._el, DATA_KEY);
-      this._el = null;
+      $el.removeClass(`${NAME}-active`)
+      $.removeData(this._el, DATA_KEY)
+      this._el = null
     }
 
-    static _jQueryInterface() {
+    static _jQueryInterface () {
       return this.each((i, el) => {
         // attach functionality to el
-        const $el = $(el);
-        let data = $el.data(DATA_KEY);
+        const $el = $(el)
+        let data = $el.data(DATA_KEY)
 
         if (!data) {
-          data = new FormToggleUI($el);
-          $el.data(DATA_KEY, data);
+          data = new FormToggleUI($el)
+          $el.data(DATA_KEY, data)
         }
-      });
+      })
     }
 
-    static validate() {
+    static validate () {
       return $(Events.FORM_FIELDS).each((i, el) => {
-        const $el = $(el);
-        const name = $el.attr("name");
+        const $el = $(el)
+        const name = $el.attr('name')
 
         if ($(`[name="${name}"]`).length > 1) {
           console.warn(
             `${NAME}: Module malfunction duplicate "${name}" elements found`
-          );
+          )
         }
-      });
+      })
     }
   }
 
   // jQuery interface
-  $.fn[NAME] = FormToggleUI._jQueryInterface;
-  $.fn[NAME].Constructor = FormToggleUI;
+  $.fn[NAME] = FormToggleUI._jQueryInterface
+  $.fn[NAME].Constructor = FormToggleUI
   $.fn[NAME].noConflict = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT;
-    return FormToggleUI._jQueryInterface;
-  };
+    $.fn[NAME] = JQUERY_NO_CONFLICT
+    return FormToggleUI._jQueryInterface
+  }
 
   // auto-apply
   $(W).on(`${Events.LODEDANDREADY}`, () => {
-    //FormToggleUI.validate();
-    $(Events.FORM_FIELDS).filter("[data-value-toggle]").jsFormToggleUI();
+    // FormToggleUI.validate();
+    $(Events.FORM_FIELDS).filter('[data-value-toggle]').jsFormToggleUI()
 
-    $("[data-value-toggle]")
+    $('[data-value-toggle]')
       .not(Events.FORM_FIELDS)
       .find(Events.FORM_FIELDS)
-      .jsFormToggleUI();
-  });
+      .jsFormToggleUI()
+  })
 
-  return FormToggleUI;
-})($);
+  return FormToggleUI
+})($)
 
-export default FormToggleUI;
+export default FormToggleUI
diff --git a/src/js_old/_components/_ui.form.jqte.js b/src/js_old/_components/_ui.form.jqte.js
index c867618..ca675df 100644
--- a/src/js_old/_components/_ui.form.jqte.js
+++ b/src/js_old/_components/_ui.form.jqte.js
@@ -1,84 +1,84 @@
-"use strict";
+'use strict'
 
-import $ from "jquery";
+import $ from 'jquery'
 
-import Events from "../_events";
-import Spinner from "../_components/_ui.spinner";
-import FormValidateField from "./_ui.form.validate.field";
+import Events from '../_events'
+import Spinner from '../_components/_ui.spinner'
+import FormValidateField from './_ui.form.validate.field'
 
-import "../../thirdparty/jQuery-TE_v.1.4.0/jquery-te-1.4.0.css";
-import "../../thirdparty/jQuery-TE_v.1.4.0/uncompressed/jquery-te-1.4.0.js";
+import '../../thirdparty/jQuery-TE_v.1.4.0/jquery-te-1.4.0.css'
+import '../../thirdparty/jQuery-TE_v.1.4.0/uncompressed/jquery-te-1.4.0.js'
 
 const JqteUI = (($) => {
-  const NAME = "jsJqteUI";
-  const DATA_KEY = NAME;
+  const NAME = 'jsJqteUI'
+  const DATA_KEY = NAME
 
   const jqteOptions = {
     color: false,
     fsize: false,
-    funit: "em",
+    funit: 'em',
     format: false,
     rule: false,
     source: false,
     sub: false,
     sup: false,
-  };
+  }
 
   class JqteUI {
-    constructor(element) {
-      console.log(`${NAME}: init`);
+    constructor (element) {
+      console.log(`${NAME}: init`)
 
-      const ui = this;
-      const $element = $(element);
-      const validationUI = $element.data("jsFormValidateField");
+      const ui = this
+      const $element = $(element)
+      const validationUI = $element.data('jsFormValidateField')
 
-      ui._element = element;
-      $element.data(DATA_KEY, this);
-      $element.jqte(jqteOptions);
+      ui._element = element
+      $element.data(DATA_KEY, this)
+      $element.jqte(jqteOptions)
 
       // dynamic error control
       if (validationUI) {
         $element
-          .parents(".jqte")
-          .find(".jqte_editor")
-          .on("change", (e) => {
-            validationUI.validate();
-          });
+          .parents('.jqte')
+          .find('.jqte_editor')
+          .on('change', (e) => {
+            validationUI.validate()
+          })
       }
     }
 
-    static dispose() {
-      console.log(`${NAME}: dispose`);
+    static dispose () {
+      console.log(`${NAME}: dispose`)
     }
 
-    static _jQueryInterface() {
+    static _jQueryInterface () {
       return this.each(function () {
         // attach functionality to element
-        const $element = $(this);
-        let data = $element.data(DATA_KEY);
+        const $element = $(this)
+        let data = $element.data(DATA_KEY)
 
         if (!data) {
-          data = new JqteUI(this);
-          $element.data(DATA_KEY, data);
+          data = new JqteUI(this)
+          $element.data(DATA_KEY, data)
         }
-      });
+      })
     }
   }
 
   // jQuery interface
-  $.fn[NAME] = JqteUI._jQueryInterface;
-  $.fn[NAME].Constructor = JqteUI;
+  $.fn[NAME] = JqteUI._jQueryInterface
+  $.fn[NAME].Constructor = JqteUI
   $.fn[NAME].noConflict = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT;
-    return JqteUI._jQueryInterface;
-  };
+    $.fn[NAME] = JQUERY_NO_CONFLICT
+    return JqteUI._jQueryInterface
+  }
 
   // auto-apply
   $(window).on(`${Events.AJAX} ${Events.LOADED}`, () => {
-    $("textarea.jqte-field").jsJqteUI();
-  });
+    $('textarea.jqte-field').jsJqteUI()
+  })
 
-  return JqteUI;
-})($);
+  return JqteUI
+})($)
 
-export default JqteUI;
+export default JqteUI
diff --git a/src/js_old/_components/_ui.form.select2.js b/src/js_old/_components/_ui.form.select2.js
index 98e8119..3e29302 100644
--- a/src/js_old/_components/_ui.form.select2.js
+++ b/src/js_old/_components/_ui.form.select2.js
@@ -1,97 +1,97 @@
-"use strict";
+'use strict'
 
-import $ from "jquery";
+import $ from 'jquery'
 
-import select2 from "select2/dist/js/select2.js";
-import Events from "../_events";
+import select2 from 'select2/dist/js/select2.js'
+import Events from '../_events'
 
 const FormSelect2 = (($) => {
   // Constants
-  const NAME = "jsFormSelect2";
-  const DATA_KEY = NAME;
-  const $Html = $("html, body");
-  const W = window;
-  const D = document;
+  const NAME = 'jsFormSelect2'
+  const DATA_KEY = NAME
+  const $Html = $('html, body')
+  const W = window
+  const D = document
 
   class FormSelect2 {
-    constructor(el) {
-      const ui = this;
-      const $el = $(el);
+    constructor (el) {
+      const ui = this
+      const $el = $(el)
 
-      ui._el = el;
-      ui.dispose();
+      ui._el = el
+      ui.dispose()
 
-      console.log(`${NAME}: init`);
-      $el.data(DATA_KEY, this);
+      console.log(`${NAME}: init`)
+      $el.data(DATA_KEY, this)
 
-      const $fields = $el.find(Events.FORM_FIELDS);
+      const $fields = $el.find(Events.FORM_FIELDS)
 
       const $selectFields = $el
-        .find("select:not([readonly])")
-        .not(".no-select2");
+        .find('select:not([readonly])')
+        .not('.no-select2')
 
       $selectFields.each((i, el) => {
-        $(el).select2();
-      });
+        $(el).select2()
+      })
 
-      $el.addClass(`${NAME}-active`);
-      $el.trigger(Events.FORM_INIT_BASICS);
+      $el.addClass(`${NAME}-active`)
+      $el.trigger(Events.FORM_INIT_BASICS)
     }
 
     // Public methods
-    dispose() {
-      console.log(`${NAME}: dispose`);
-      const ui = this;
+    dispose () {
+      console.log(`${NAME}: dispose`)
+      const ui = this
 
-      const $el = $(ui._el);
+      const $el = $(ui._el)
 
       const $selectFields = $el
-        .find("select:not([readonly])")
-        .not(".no-select2");
+        .find('select:not([readonly])')
+        .not('.no-select2')
       $selectFields.each((i, el) => {
-        const $el = $(el);
-        if ($el.hasClass("select2-hidden-accessible")) {
-          $el.select2("destroy");
+        const $el = $(el)
+        if ($el.hasClass('select2-hidden-accessible')) {
+          $el.select2('destroy')
         }
-      });
+      })
 
-      $.removeData(ui._el, DATA_KEY);
-      ui._el = null;
-      $el.removeClass(`${NAME}-active`);
+      $.removeData(ui._el, DATA_KEY)
+      ui._el = null
+      $el.removeClass(`${NAME}-active`)
     }
 
-    static _jQueryInterface() {
+    static _jQueryInterface () {
       return this.each(() => {
         // attach functionality to el
-        const $el = $(this);
-        let data = $el.data(DATA_KEY);
+        const $el = $(this)
+        let data = $el.data(DATA_KEY)
 
         if (!data) {
-          data = new FormSelect2(this);
-          $el.data(DATA_KEY, data);
+          data = new FormSelect2(this)
+          $el.data(DATA_KEY, data)
         }
-      });
+      })
     }
   }
 
   // jQuery interface
-  $.fn[NAME] = FormSelect2._jQueryInterface;
-  $.fn[NAME].Constructor = FormSelect2;
+  $.fn[NAME] = FormSelect2._jQueryInterface
+  $.fn[NAME].Constructor = FormSelect2
   $.fn[NAME].noConflict = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT;
-    return FormSelect2._jQueryInterface;
-  };
+    $.fn[NAME] = JQUERY_NO_CONFLICT
+    return FormSelect2._jQueryInterface
+  }
 
   const init = () => {
-    $("form").jsFormSelect2();
-  };
+    $('form').jsFormSelect2()
+  }
 
   // auto-apply
   $(W).on(`${NAME}.init ${Events.AJAX} ${Events.LOADED}`, () => {
-    init();
-  });
+    init()
+  })
 
-  return FormSelect2;
-})($);
+  return FormSelect2
+})($)
 
-export default FormSelect2;
+export default FormSelect2
diff --git a/src/js_old/_components/_ui.form.stepped.js b/src/js_old/_components/_ui.form.stepped.js
index eec5a6e..7fb320d 100644
--- a/src/js_old/_components/_ui.form.stepped.js
+++ b/src/js_old/_components/_ui.form.stepped.js
@@ -1,223 +1,223 @@
-"use strict";
+'use strict'
 
-import $ from "jquery";
-import Events from "../_events";
-import LANG from "../lang/_en";
-import FormValidateField from "./_ui.form.validate.field";
+import $ from 'jquery'
+import Events from '../_events'
+import LANG from '../lang/_en'
+import FormValidateField from './_ui.form.validate.field'
 
-import "../../scss/_components/_ui.form.stepped.scss";
+import '../../scss/_components/_ui.form.stepped.scss'
 
 const SteppedForm = (($) => {
   // Constants
-  const NAME = "jsSteppedForm";
-  const DATA_KEY = NAME;
+  const NAME = 'jsSteppedForm'
+  const DATA_KEY = NAME
 
   class SteppedForm {
-    constructor(element) {
-      console.log(`${NAME}: init`);
+    constructor (element) {
+      console.log(`${NAME}: init`)
 
-      const ui = this;
-      const $element = $(element);
+      const ui = this
+      const $element = $(element)
 
-      $element.data(DATA_KEY, this);
+      $element.data(DATA_KEY, this)
 
-      if (!$element.find(".steps-counter").length) {
-        $element.prepend(LANG["en"][NAME]["STEPCOUNTER"]);
+      if (!$element.find('.steps-counter').length) {
+        $element.prepend(LANG.en[NAME].STEPCOUNTER)
       }
 
-      if (!$element.find(".steps-buttons").length) {
-        $element.append(LANG["en"][NAME]["STEPBUTTONS"]);
+      if (!$element.find('.steps-buttons').length) {
+        $element.append(LANG.en[NAME].STEPBUTTONS)
       }
 
-      ui._currentStepCounter = $element.find(".steps-counter .current-step");
-      ui._totalStepsCounter = $element.find(".steps-counter .total-steps");
+      ui._currentStepCounter = $element.find('.steps-counter .current-step')
+      ui._totalStepsCounter = $element.find('.steps-counter .total-steps')
 
-      ui._steps = $element.find(".step");
+      ui._steps = $element.find('.step')
       ui._steps.each((i, el) => {
-        const $el = $(el);
+        const $el = $(el)
 
-        if (!$el.data("step")) {
-          $el.data("step", i + 1);
-          $el.attr("data-step", i + 1);
+        if (!$el.data('step')) {
+          $el.data('step', i + 1)
+          $el.attr('data-step', i + 1)
         }
-      });
+      })
 
-      ui._stepNext = $element.find(".step-next");
+      ui._stepNext = $element.find('.step-next')
 
-      ui._stepPrev = $element.find(".step-prev");
-      ui._actions = $element.children(".btn-toolbar,.form-actions");
+      ui._stepPrev = $element.find('.step-prev')
+      ui._actions = $element.children('.btn-toolbar,.form-actions')
 
-      ui._element = element;
-      ui._currentStep = 1;
-      ui._totalSteps = ui._steps.last().data("step") || ui._steps.length;
-      ui._stepsOrder = [];
+      ui._element = element
+      ui._currentStep = 1
+      ui._totalSteps = ui._steps.last().data('step') || ui._steps.length
+      ui._stepsOrder = []
 
-      ui._totalStepsCounter.text(ui._totalSteps);
+      ui._totalStepsCounter.text(ui._totalSteps)
 
       // check if one of the steps already has an error
       const $hasError = ui._steps
         .find(
-          ".field.error,.field.holder-error,.field.holder-validation,.field.holder-info,.field.holder-warning,.field.holder-good"
+          '.field.error,.field.holder-error,.field.holder-validation,.field.holder-info,.field.holder-warning,.field.holder-good'
         )
-        .first();
+        .first()
       if ($hasError.length) {
-        const $modal = $element.parents(".modal");
+        const $modal = $element.parents('.modal')
 
         // show modal
-        if ($modal.length && typeof $modal.modal !== "undefined") {
-          $modal.modal("show");
+        if ($modal.length && typeof $modal.modal !== 'undefined') {
+          $modal.modal('show')
         }
 
         ui._currentStep =
-          $hasError.parents(".step").data("step") || ui._currentStep;
+          $hasError.parents('.step').data('step') || ui._currentStep
       }
       //
 
-      ui.step(`.step[data-step="${ui._currentStep}"]`);
+      ui.step(`.step[data-step="${ui._currentStep}"]`)
 
-      ui._stepNext.on("click", (e) => {
-        e.preventDefault();
-        ui.next();
-      });
+      ui._stepNext.on('click', (e) => {
+        e.preventDefault()
+        ui.next()
+      })
 
-      ui._stepPrev.on("click", (e) => {
-        e.preventDefault();
-        ui.prev();
-      });
+      ui._stepPrev.on('click', (e) => {
+        e.preventDefault()
+        ui.prev()
+      })
 
-      $element.find(".step-toggle").on("click", (e) => {
-        const $el = $(e.currentTarget);
+      $element.find('.step-toggle').on('click', (e) => {
+        const $el = $(e.currentTarget)
 
-        e.preventDefault();
-        ui.step($el.data("target"));
-      });
+        e.preventDefault()
+        ui.step($el.data('target'))
+      })
 
-      $element.addClass(`${NAME}-active`);
-      $element.trigger(Events.FORM_INIT_STEPPED);
+      $element.addClass(`${NAME}-active`)
+      $element.trigger(Events.FORM_INIT_STEPPED)
     }
 
     // Public methods
-    dispose() {
-      console.log(`${NAME}: dispose`);
-      const ui = this;
-      const $element = $(ui._element);
+    dispose () {
+      console.log(`${NAME}: dispose`)
+      const ui = this
+      const $element = $(ui._element)
 
-      $element.removeClass(`${NAME}-active`);
-      $.removeData(ui._element, DATA_KEY);
-      ui._element = null;
+      $element.removeClass(`${NAME}-active`)
+      $.removeData(ui._element, DATA_KEY)
+      ui._element = null
     }
 
-    next() {
-      const ui = this;
+    next () {
+      const ui = this
 
       if (ui._currentStep >= ui._totalSteps) {
-        return;
+        return
       }
 
-      ui.step(`.step[data-step="${ui._currentStep + 1}"]`);
+      ui.step(`.step[data-step="${ui._currentStep + 1}"]`)
     }
 
-    prev() {
-      const ui = this;
+    prev () {
+      const ui = this
 
       if (ui._currentStep <= 1) {
-        return;
+        return
       }
 
-      ui.step(ui._stepsOrder[ui._currentStep - 1]);
+      ui.step(ui._stepsOrder[ui._currentStep - 1])
     }
 
-    step(target) {
-      const ui = this;
-      const $element = $(ui._element);
-      const $target = $element.find(target);
-      const targetStep = parseInt($target.data("step"));
+    step (target) {
+      const ui = this
+      const $element = $(ui._element)
+      const $target = $element.find(target)
+      const targetStep = parseInt($target.data('step'))
 
       // validate current step
-      let valid = true;
+      let valid = true
 
       if (targetStep > ui._currentStep) {
         ui.currentStep()
-          .find("input,textarea,select")
+          .find('input,textarea,select')
           .each((i, el) => {
-            const $el = $(el);
-            const fieldUI = $el.data("jsFormValidateField");
+            const $el = $(el)
+            const fieldUI = $el.data('jsFormValidateField')
 
             if (fieldUI && !fieldUI.validate()) {
-              valid = false;
+              valid = false
             }
-          });
+          })
       }
 
       if (!valid) {
-        return false;
+        return false
       }
       //
 
-      if (parseInt($target.data("step")) <= "1") {
-        ui._stepPrev.hide();
-        $element.trigger(Events.FORM_STEPPED_FIRST_STEP);
+      if (parseInt($target.data('step')) <= '1') {
+        ui._stepPrev.hide()
+        $element.trigger(Events.FORM_STEPPED_FIRST_STEP)
       } else {
-        ui._stepPrev.show();
+        ui._stepPrev.show()
       }
 
-      if (parseInt($target.data("step")) >= ui._totalSteps) {
-        ui._stepNext.hide();
-        ui._actions.show();
+      if (parseInt($target.data('step')) >= ui._totalSteps) {
+        ui._stepNext.hide()
+        ui._actions.show()
 
-        $element.trigger(Events.FORM_STEPPED_LAST_STEP);
+        $element.trigger(Events.FORM_STEPPED_LAST_STEP)
       } else {
-        ui._stepNext.show();
-        ui._actions.hide();
+        ui._stepNext.show()
+        ui._actions.hide()
       }
 
-      ui._currentStep = targetStep;
-      ui._stepsOrder[ui._currentStep] = $target;
+      ui._currentStep = targetStep
+      ui._stepsOrder[ui._currentStep] = $target
 
-      ui._steps.removeClass("active");
-      $target.addClass("active");
+      ui._steps.removeClass('active')
+      $target.addClass('active')
 
-      ui._currentStepCounter.text(ui._currentStep);
+      ui._currentStepCounter.text(ui._currentStep)
 
-      $target.trigger(Events.FORM_STEPPED_NEW_STEP);
-      $element.trigger(Events.FORM_STEPPED_NEW_STEP);
+      $target.trigger(Events.FORM_STEPPED_NEW_STEP)
+      $element.trigger(Events.FORM_STEPPED_NEW_STEP)
     }
 
-    currentStep() {
-      const ui = this;
-      const $element = $(ui._element);
+    currentStep () {
+      const ui = this
+      const $element = $(ui._element)
 
-      return $element.find(".step.active");
+      return $element.find('.step.active')
     }
 
-    static _jQueryInterface() {
+    static _jQueryInterface () {
       return this.each(function () {
         // attach functionality to element
-        const $element = $(this);
-        let data = $element.data(DATA_KEY);
+        const $element = $(this)
+        let data = $element.data(DATA_KEY)
 
         if (!data) {
-          data = new SteppedForm(this);
-          $element.data(DATA_KEY, data);
+          data = new SteppedForm(this)
+          $element.data(DATA_KEY, data)
         }
-      });
+      })
     }
   }
 
   // jQuery interface
-  $.fn[NAME] = SteppedForm._jQueryInterface;
-  $.fn[NAME].Constructor = SteppedForm;
+  $.fn[NAME] = SteppedForm._jQueryInterface
+  $.fn[NAME].Constructor = SteppedForm
   $.fn[NAME].noConflict = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT;
-    return SteppedForm._jQueryInterface;
-  };
+    $.fn[NAME] = JQUERY_NO_CONFLICT
+    return SteppedForm._jQueryInterface
+  }
 
   // auto-apply
   $(window).on(`${NAME}.init ${Events.AJAX} ${Events.LOADED}`, () => {
-    $(".form-stepped").jsSteppedForm();
-  });
+    $('.form-stepped').jsSteppedForm()
+  })
 
-  return SteppedForm;
-})($);
+  return SteppedForm
+})($)
 
-export default SteppedForm;
+export default SteppedForm
diff --git a/src/js_old/_components/_ui.form.storage.js b/src/js_old/_components/_ui.form.storage.js
index ffa53f8..80be7b3 100644
--- a/src/js_old/_components/_ui.form.storage.js
+++ b/src/js_old/_components/_ui.form.storage.js
@@ -1,154 +1,154 @@
-"use strict";
+'use strict'
 
-import $ from "jquery";
-import Events from "../_events";
+import $ from 'jquery'
+import Events from '../_events'
 
 const FormStorage = (($) => {
   // Constants
-  const NAME = "jsFormStorage";
-  const DATA_KEY = NAME;
-  const STORAGE = window.localStorage;
+  const NAME = 'jsFormStorage'
+  const DATA_KEY = NAME
+  const STORAGE = window.localStorage
 
   class FormStorage {
-    constructor(element) {
-      console.log(`${NAME}: init`);
+    constructor (element) {
+      console.log(`${NAME}: init`)
 
-      const ui = this;
-      const $element = $(element);
-      const $elements = $element.find("input, textarea, select");
+      const ui = this
+      const $element = $(element)
+      const $elements = $element.find('input, textarea, select')
 
       const setRangeValues = function (el) {
-        const $el = $(el);
-        $el.siblings(".value").text($el.val());
-      };
+        const $el = $(el)
+        $el.siblings('.value').text($el.val())
+      }
 
-      ui._element = element;
-      $element.data(DATA_KEY, this);
+      ui._element = element
+      $element.data(DATA_KEY, this)
 
-      $element.addClass(`${NAME}-active`);
+      $element.addClass(`${NAME}-active`)
 
       // restore form data from localStorage
       $elements.each((i, el) => {
-        const $el = $(el);
-        const id = $el.attr("id");
-        const type = $el.attr("type");
-        const val = STORAGE.getItem(NAME + id);
+        const $el = $(el)
+        const id = $el.attr('id')
+        const type = $el.attr('type')
+        const val = STORAGE.getItem(NAME + id)
 
-        if (type === "file") {
-          return true;
+        if (type === 'file') {
+          return true
         }
 
         if (id && val && type) {
-          if (type && (type === "checkbox" || type === "radio")) {
-            $el.prop("checked", val);
+          if (type && (type === 'checkbox' || type === 'radio')) {
+            $el.prop('checked', val)
           } else {
-            $el.val(val);
+            $el.val(val)
           }
         }
 
-        $el.trigger(Events.RESTORE_FIELD);
-      });
+        $el.trigger(Events.RESTORE_FIELD)
+      })
 
       // range fields
       $('input[type="range"]').each((i, el) => {
-        setRangeValues(el);
-      });
+        setRangeValues(el)
+      })
 
-      $element.trigger(Events.RESTORE_FIELD);
+      $element.trigger(Events.RESTORE_FIELD)
 
-      $('input[type="range"]').on("change", (e) => {
-        setRangeValues(e.currentTarget);
-      });
+      $('input[type="range"]').on('change', (e) => {
+        setRangeValues(e.currentTarget)
+      })
 
       // store form data into localStorage
-      $elements.on("change", (e) => {
-        const $el = $(e.currentTarget);
-        const id = $el.attr("id");
-        const type = $el.attr("type");
+      $elements.on('change', (e) => {
+        const $el = $(e.currentTarget)
+        const id = $el.attr('id')
+        const type = $el.attr('type')
 
         // skip some elements
-        if ($el.hasClass("no-storage")) {
-          return true;
+        if ($el.hasClass('no-storage')) {
+          return true
         }
 
-        let val = $el.val();
+        let val = $el.val()
 
-        if (type && (type === "checkbox" || type === "radio")) {
-          val = !!$el.is(":checked");
+        if (type && (type === 'checkbox' || type === 'radio')) {
+          val = !!$el.is(':checked')
         }
 
-        if (id && type && type !== "password") {
-          STORAGE.setItem(NAME + id, val);
+        if (id && type && type !== 'password') {
+          STORAGE.setItem(NAME + id, val)
         }
-      });
+      })
 
-      $element.on("submit", () => {
-        $element.data(DATA_KEY).clear();
-      });
+      $element.on('submit', () => {
+        $element.data(DATA_KEY).clear()
+      })
 
       $element
-        .find(".btn-toolbar,.form-actions")
+        .find('.btn-toolbar,.form-actions')
         .children('button,[type="submit"],[type="clear"]')
-        .on("click", () => {
-          $element.data(DATA_KEY).clear();
-        });
+        .on('click', () => {
+          $element.data(DATA_KEY).clear()
+        })
 
-      $element.addClass(`${NAME}-active`);
-      $element.trigger(Events.FORM_INIT_STORAGE);
+      $element.addClass(`${NAME}-active`)
+      $element.trigger(Events.FORM_INIT_STORAGE)
     }
 
     // Public methods
-    dispose() {
-      const $element = $(this._element);
+    dispose () {
+      const $element = $(this._element)
 
-      $element.removeClass(`${NAME}-active`);
-      $.removeData(this._element, DATA_KEY);
-      this._element = null;
+      $element.removeClass(`${NAME}-active`)
+      $.removeData(this._element, DATA_KEY)
+      this._element = null
     }
 
-    clear() {
-      STORAGE.clear();
+    clear () {
+      STORAGE.clear()
     }
 
-    static _jQueryInterface() {
-      if (typeof window.localStorage !== "undefined") {
+    static _jQueryInterface () {
+      if (typeof window.localStorage !== 'undefined') {
         return this.each(function () {
           // attach functionality to element
-          const $element = $(this);
-          let data = $element.data(DATA_KEY);
+          const $element = $(this)
+          let data = $element.data(DATA_KEY)
 
           if (!data) {
-            data = new FormStorage(this);
-            $element.data(DATA_KEY, data);
+            data = new FormStorage(this)
+            $element.data(DATA_KEY, data)
           }
-        });
+        })
       }
     }
   }
 
   // jQuery interface
-  $.fn[NAME] = FormStorage._jQueryInterface;
-  $.fn[NAME].Constructor = FormStorage;
+  $.fn[NAME] = FormStorage._jQueryInterface
+  $.fn[NAME].Constructor = FormStorage
   $.fn[NAME].noConflict = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT;
-    return FormStorage._jQueryInterface;
-  };
+    $.fn[NAME] = JQUERY_NO_CONFLICT
+    return FormStorage._jQueryInterface
+  }
 
   // auto-apply
   $(window).on(`${Events.AJAX} ${Events.LOADED}`, () => {
-    $("form").each((i, el) => {
-      const $el = $(el);
+    $('form').each((i, el) => {
+      const $el = $(el)
 
       // skip some forms
-      if ($el.hasClass("no-storage")) {
-        return true;
+      if ($el.hasClass('no-storage')) {
+        return true
       }
 
-      $el.jsFormStorage();
-    });
-  });
+      $el.jsFormStorage()
+    })
+  })
 
-  return FormStorage;
-})($);
+  return FormStorage
+})($)
 
-export default FormStorage;
+export default FormStorage
diff --git a/src/js_old/_components/_ui.form.validate.field.js b/src/js_old/_components/_ui.form.validate.field.js
index 0db1c53..4c431a3 100644
--- a/src/js_old/_components/_ui.form.validate.field.js
+++ b/src/js_old/_components/_ui.form.validate.field.js
@@ -1,215 +1,215 @@
-"use strict";
+'use strict'
 
-import $ from "jquery";
-import Events from "../_events";
+import $ from 'jquery'
+import Events from '../_events'
 
 const FormValidateField = (($) => {
   // Constants
-  const NAME = "jsFormValidateField";
-  const DATA_KEY = NAME;
-  const $Body = $("body");
+  const NAME = 'jsFormValidateField'
+  const DATA_KEY = NAME
+  const $Body = $('body')
 
-  const FieldUI = "jsFormFieldUI";
+  const FieldUI = 'jsFormFieldUI'
 
   class FormValidateField {
-    constructor(el) {
-      const ui = this;
-      const $el = $(el);
+    constructor (el) {
+      const ui = this
+      const $el = $(el)
 
-      ui.$el = $el;
+      ui.$el = $el
 
-      ui._actions = $el.parents("form").children(".btn-toolbar,.form-actions");
-      $el.data(DATA_KEY, this);
+      ui._actions = $el.parents('form').children('.btn-toolbar,.form-actions')
+      $el.data(DATA_KEY, this)
 
       // prevent browsers checks (will do it using JS)
-      $el.attr("novalidate", "novalidate");
+      $el.attr('novalidate', 'novalidate')
 
-      $el.on("change focusout", (e) => {
-        ui.validate(false);
-      });
+      $el.on('change focusout', (e) => {
+        ui.validate(false)
+      })
 
-      $el.addClass(`${NAME}-active`);
-      $el.trigger(Events.FORM_INIT_VALIDATE_FIELD);
+      $el.addClass(`${NAME}-active`)
+      $el.trigger(Events.FORM_INIT_VALIDATE_FIELD)
     }
 
     // Public methods
-    dispose() {
-      const $el = ui.$el;
+    dispose () {
+      const $el = ui.$el
 
-      $el.removeClass(`${NAME}-active`);
-      $.removeData(ui.$el[0], DATA_KEY);
-      ui.$el = null;
+      $el.removeClass(`${NAME}-active`)
+      $.removeData(ui.$el[0], DATA_KEY)
+      ui.$el = null
     }
 
-    validate(scrollTo = true) {
-      const ui = this;
-      const $el = ui.$el;
+    validate (scrollTo = true) {
+      const ui = this
+      const $el = ui.$el
 
-      const $field = $el.closest(".field");
-      const extraChecks = $el.data(`${NAME}-extra`);
-      let valid = true;
-      let msg = null;
+      const $field = $el.closest('.field')
+      const extraChecks = $el.data(`${NAME}-extra`)
+      let valid = true
+      let msg = null
 
-      const val = $el.val();
+      const val = $el.val()
 
       // browser checks
       if (!ui.$el[0].checkValidity()) {
-        valid = false;
+        valid = false
         console.warn(
-          `${NAME}: Browser check validity is failed #${$el.attr("id")}`
-        );
+          `${NAME}: Browser check validity is failed #${$el.attr('id')}`
+        )
       }
 
-      let unmaskedVal = val;
-      if (typeof $el.inputmask === "function") {
-        unmaskedVal = $el.inputmask("unmaskedvalue");
+      let unmaskedVal = val
+      if (typeof $el.inputmask === 'function') {
+        unmaskedVal = $el.inputmask('unmaskedvalue')
       }
 
       // required
       if (
-        $el.hasClass("required") &&
+        $el.hasClass('required') &&
         (!unmaskedVal.length ||
           !unmaskedVal.trim().length ||
           (ui.isHtml(val) && !$(unmaskedVal).text().length))
       ) {
-        valid = false;
-        console.warn(`${NAME}: Required field is missing #${$el.attr("id")}`);
+        valid = false
+        console.warn(`${NAME}: Required field is missing #${$el.attr('id')}`)
       }
 
       // validate URL
       if (
-        $el.hasClass("url") &&
+        $el.hasClass('url') &&
         unmaskedVal.length &&
         !ui.valideURL(unmaskedVal)
       ) {
-        valid = false;
+        valid = false
 
         msg =
-          "Invalid URL: URL must start with http:// or https://. For example: https://your-domain.com/bla-bla/?p1=b&p2=a#tag";
-        console.warn(`${NAME}: Wrong URL #${$el.attr("id")}`);
+          'Invalid URL: URL must start with http:// or https://. For example: https://your-domain.com/bla-bla/?p1=b&p2=a#tag'
+        console.warn(`${NAME}: Wrong URL #${$el.attr('id')}`)
       }
 
       // maxlength
-      const maxLength = $el.attr("maxlength");
+      const maxLength = $el.attr('maxlength')
       if (unmaskedVal.length && maxLength && maxLength.length) {
         if (unmaskedVal.length > maxLength) {
-          valid = false;
+          valid = false
 
-          msg = `The value is limited to ${maxLength} chars`;
-          console.warn(`${NAME}: Too long value #${$el.attr("id")}`);
+          msg = `The value is limited to ${maxLength} chars`
+          console.warn(`${NAME}: Too long value #${$el.attr('id')}`)
         }
       }
 
       // minlength
-      const minLength = $el.attr("minlength");
+      const minLength = $el.attr('minlength')
       if (unmaskedVal.length && minLength && minLength.length) {
         if (unmaskedVal.length < minLength) {
-          valid = false;
+          valid = false
 
-          msg = `The value should contain more than ${minLength} chars`;
-          console.warn(`${NAME}: Too short value #${$el.attr("id")}`);
+          msg = `The value should contain more than ${minLength} chars`
+          console.warn(`${NAME}: Too short value #${$el.attr('id')}`)
         }
       }
 
-      this.removeError();
+      this.removeError()
 
       // extra checks
       if (extraChecks) {
         extraChecks.forEach((check) => {
-          const result = check($el);
-          valid = valid && result;
+          const result = check($el)
+          valid = valid && result
           if (!result) {
-            console.log(check);
-            console.warn(`${NAME}: Extra check is failed #${$el.attr("id")}`);
+            console.log(check)
+            console.warn(`${NAME}: Extra check is failed #${$el.attr('id')}`)
           }
-        });
+        })
       }
 
       if (valid) {
-        return true;
+        return true
       }
 
-      this.setError(scrollTo, msg);
+      this.setError(scrollTo, msg)
 
-      return false;
+      return false
     }
 
-    isHtml(str) {
-      const doc = new DOMParser().parseFromString(str, "text/html");
+    isHtml (str) {
+      const doc = new DOMParser().parseFromString(str, 'text/html')
       return Array.from(doc.body.childNodes).some(
         (node) => node.nodeType === 1
-      );
+      )
     }
 
-    valideURL(str) {
-      let url;
+    valideURL (str) {
+      let url
 
       try {
-        url = new URL(str);
+        url = new URL(str)
       } catch (_) {
-        return false;
+        return false
       }
 
-      return url.protocol === "http:" || url.protocol === "https:";
+      return url.protocol === 'http:' || url.protocol === 'https:'
     }
 
-    setError(scrollTo = true, msg = null) {
-      const ui = this;
-      const fieldUI = ui.$el.data(FieldUI);
+    setError (scrollTo = true, msg = null) {
+      const ui = this
+      const fieldUI = ui.$el.data(FieldUI)
 
-      const $field = ui.$el.closest(".field");
+      const $field = ui.$el.closest('.field')
 
-      const bodyScroll = $Body.scrollTop();
-      const pos = $field[0].getBoundingClientRect().top; //$field.offset().top;
+      const bodyScroll = $Body.scrollTop()
+      const pos = $field[0].getBoundingClientRect().top // $field.offset().top;
 
-      const rowCorrection = parseInt($field.css("font-size")) * 4;
-      ui.removeError();
+      const rowCorrection = parseInt($field.css('font-size')) * 4
+      ui.removeError()
 
-      $field.addClass("error");
+      $field.addClass('error')
       if (msg) {
-        fieldUI.addMessage(msg, "alert-error alert-danger", scrollTo);
+        fieldUI.addMessage(msg, 'alert-error alert-danger', scrollTo)
       } else if (pos && scrollTo) {
-        $field.focus();
-        $Body.scrollTop(bodyScroll + pos - rowCorrection);
+        $field.focus()
+        $Body.scrollTop(bodyScroll + pos - rowCorrection)
       }
     }
 
-    removeError() {
-      const ui = this;
-      const fieldUI = ui.$el.data(FieldUI);
+    removeError () {
+      const ui = this
+      const fieldUI = ui.$el.data(FieldUI)
 
-      const $field = ui.$el.closest(".field");
+      const $field = ui.$el.closest('.field')
 
-      $field.removeClass("error");
+      $field.removeClass('error')
 
-      $field.removeClass("holder-error");
-      $field.removeClass("holder-validation");
-      $field.find(".alert-error").remove();
+      $field.removeClass('holder-error')
+      $field.removeClass('holder-validation')
+      $field.find('.alert-error').remove()
     }
 
-    static _jQueryInterface() {
+    static _jQueryInterface () {
       return this.each(function () {
         // attach functionality to el
-        const $el = $(this);
-        let data = $el.data(DATA_KEY);
+        const $el = $(this)
+        let data = $el.data(DATA_KEY)
 
         if (!data) {
-          data = new FormValidateField(this);
-          $el.data(DATA_KEY, data);
+          data = new FormValidateField(this)
+          $el.data(DATA_KEY, data)
         }
-      });
+      })
     }
   }
 
   // jQuery interface
-  $.fn[NAME] = FormValidateField._jQueryInterface;
-  $.fn[NAME].Constructor = FormValidateField;
+  $.fn[NAME] = FormValidateField._jQueryInterface
+  $.fn[NAME].Constructor = FormValidateField
   $.fn[NAME].noConflict = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT;
-    return FormValidateField._jQueryInterface;
-  };
+    $.fn[NAME] = JQUERY_NO_CONFLICT
+    return FormValidateField._jQueryInterface
+  }
 
-  return FormValidateField;
-})($);
+  return FormValidateField
+})($)
 
-export default FormValidateField;
+export default FormValidateField
diff --git a/src/js_old/_components/_ui.form.validate.js b/src/js_old/_components/_ui.form.validate.js
index f7ec17f..b8d4faa 100644
--- a/src/js_old/_components/_ui.form.validate.js
+++ b/src/js_old/_components/_ui.form.validate.js
@@ -1,141 +1,141 @@
-import $ from 'jquery';
-import Events from '../_events';
+import $ from 'jquery'
+import Events from '../_events'
 
-import FormBasics from './_ui.form.basics';
-import FormValidateField from './_ui.form.validate.field';
-//import SpinnerUI from "./_ui.spinner";
+import FormBasics from './_ui.form.basics'
+import FormValidateField from './_ui.form.validate.field'
+// import SpinnerUI from "./_ui.spinner";
 
 const FormValidate = (($) => {
   // Constants
-  const NAME = 'jsFormValidate';
-  const DATA_KEY = NAME;
-  const $Html = $('html, body');
+  const NAME = 'jsFormValidate'
+  const DATA_KEY = NAME
+  const $Html = $('html, body')
 
   class FormValidate {
-    constructor(element) {
-      const ui = this;
-      const $element = $(element);
-      const $fields = $element.find('input,textarea,select');
+    constructor (element) {
+      const ui = this
+      const $element = $(element)
+      const $fields = $element.find('input,textarea,select')
 
-      ui._element = element;
-      ui.$element = $element;
-      $element.data(DATA_KEY, this);
+      ui._element = element
+      ui.$element = $element
+      $element.data(DATA_KEY, this)
 
-      ui._fields = $fields;
-      ui._stepped_form = $element.data('jsSteppedForm');
+      ui._fields = $fields
+      ui._stepped_form = $element.data('jsSteppedForm')
 
       // prevent browsers checks (will do it using JS)
-      $element.attr('novalidate', 'novalidate');
+      $element.attr('novalidate', 'novalidate')
 
       $element.on(Events.FORM_INIT_STEPPED, () => {
-        ui._stepped_form = $element.data('jsSteppedForm');
-      });
+        ui._stepped_form = $element.data('jsSteppedForm')
+      })
 
       // init fields validation
       $fields.each((i, el) => {
         // skip some fields here
         if ($(el).attr('role') === 'combobox') {
-          return;
+          return
         }
 
-        new FormValidateField(el);
-      });
+        new FormValidateField(el)
+      })
 
       // check form
       $element.on('submit', (e) => {
         ui.validate(true, () => {
-          e.preventDefault();
+          e.preventDefault()
 
           // switch to step
           if (ui._stepped_form) {
-            const $el = $element.find('.error').first();
+            const $el = $element.find('.error').first()
 
             if ($el.length) {
-              ui._stepped_form.step($el.parents('.step'));
+              ui._stepped_form.step($el.parents('.step'))
             }
           }
 
-          $element.trigger(Events.FORM_VALIDATION_FAILED);
-        });
-      });
+          $element.trigger(Events.FORM_VALIDATION_FAILED)
+        })
+      })
 
-      $element.addClass(`${NAME}-active`);
-      $element.trigger(Events.FORM_INIT_VALIDATE);
+      $element.addClass(`${NAME}-active`)
+      $element.trigger(Events.FORM_INIT_VALIDATE)
     }
 
     // Public methods
-    dispose() {
-      const $element = $(this._element);
+    dispose () {
+      const $element = $(this._element)
 
-      $element.removeClass(`${NAME}-active`);
-      $.removeData(this._element, DATA_KEY);
-      this._element = null;
+      $element.removeClass(`${NAME}-active`)
+      $.removeData(this._element, DATA_KEY)
+      this._element = null
     }
 
-    validate(scrollTo = true, badCallback = false) {
-      console.log(`${NAME}: checking the form ...`);
+    validate (scrollTo = true, badCallback = false) {
+      console.log(`${NAME}: checking the form ...`)
 
-      const ui = this;
-      let valid = true;
+      const ui = this
+      let valid = true
 
       ui._fields.filter(':visible').each((i, el) => {
-        const $el = $(el);
-        const fieldUI = $el.data('jsFormValidateField');
+        const $el = $(el)
+        const fieldUI = $el.data('jsFormValidateField')
 
         if (fieldUI && !fieldUI.validate()) {
-          //SpinnerUI.hide();
+          // SpinnerUI.hide();
 
-          ui.$element.addClass('error');
+          ui.$element.addClass('error')
 
           if (badCallback) {
-            badCallback();
+            badCallback()
           }
 
-          valid = false;
-          return false;
+          valid = false
+          return false
         }
-      });
+      })
 
-      return valid;
+      return valid
     }
 
-    static _jQueryInterface() {
+    static _jQueryInterface () {
       return this.each(function () {
         // attach functionality to element
-        const $element = $(this);
-        let data = $element.data(DATA_KEY);
+        const $element = $(this)
+        let data = $element.data(DATA_KEY)
 
         if (!data) {
-          data = new FormValidate(this);
-          $element.data(DATA_KEY, data);
+          data = new FormValidate(this)
+          $element.data(DATA_KEY, data)
         }
-      });
+      })
     }
   }
 
   // jQuery interface
-  $.fn[NAME] = FormValidate._jQueryInterface;
-  $.fn[NAME].Constructor = FormValidate;
+  $.fn[NAME] = FormValidate._jQueryInterface
+  $.fn[NAME].Constructor = FormValidate
   $.fn[NAME].noConflict = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT;
-    return FormValidate._jQueryInterface;
-  };
+    $.fn[NAME] = JQUERY_NO_CONFLICT
+    return FormValidate._jQueryInterface
+  }
 
   // auto-apply
   $(window).on(`${NAME}.init ${Events.AJAX} ${Events.LOADED}`, () => {
     $('form').each((i, el) => {
-      const $el = $(el);
+      const $el = $(el)
 
       // skip some forms
       if ($el.hasClass('no-validation')) {
-        return true;
+        return true
       }
 
-      $el.jsFormValidate();
-    });
-  });
+      $el.jsFormValidate()
+    })
+  })
 
-  return FormValidate;
-})($);
+  return FormValidate
+})($)
 
-export default FormValidate;
+export default FormValidate
diff --git a/src/js_old/_components/_ui.header-footer.js b/src/js_old/_components/_ui.header-footer.js
index 66f5be8..a64b3c1 100644
--- a/src/js_old/_components/_ui.header-footer.js
+++ b/src/js_old/_components/_ui.header-footer.js
@@ -1,72 +1,72 @@
-"use strict";
+'use strict'
 
-import $ from "jquery";
-import Events from "../_events";
+import $ from 'jquery'
+import Events from '../_events'
 
 const HeaderUI = (($) => {
-  const D = document;
-  const W = window;
-  const $Body = $("html,body");
-  const NAME = "HeaderUI";
-  const CLASSNAME = `js${NAME}`;
+  const D = document
+  const W = window
+  const $Body = $('html,body')
+  const NAME = 'HeaderUI'
+  const CLASSNAME = `js${NAME}`
 
   class HeaderUI {
-    static init() {
-      const ui = this;
-      ui.dispose();
+    static init () {
+      const ui = this
+      ui.dispose()
 
-      console.log(`${NAME}: init`);
+      console.log(`${NAME}: init`)
 
-      const $header = $(`#Header,.js${NAME}`);
+      const $header = $(`#Header,.js${NAME}`)
       const updateHeader = () => {
-        const h = $header.height();
-        const s = $Body.scrollTop();
+        const h = $header.height()
+        const s = $Body.scrollTop()
         if (s + 50 > h) {
-          $Body.addClass("shrink");
+          $Body.addClass('shrink')
         } else {
-          $Body.removeClass("shrink");
+          $Body.removeClass('shrink')
         }
-      };
+      }
 
-      updateHeader();
+      updateHeader()
 
       const updateFooter = (i, el) => {
-        const $el = $(el);
-        const footerHeight = $el.height();
-        $el.css("height", footerHeight);
+        const $el = $(el)
+        const footerHeight = $el.height()
+        $el.css('height', footerHeight)
 
-        $el.css("margin-top", -footerHeight);
-        $el.siblings(".wrapper").css("padding-bottom", footerHeight);
-      };
+        $el.css('margin-top', -footerHeight)
+        $el.siblings('.wrapper').css('padding-bottom', footerHeight)
+      }
 
-      $(".footer,.jsFooterUI").css("height", "auto");
+      $('.footer,.jsFooterUI').css('height', 'auto')
       setTimeout(() => {
-        $(".footer,.jsFooterUI").each(updateFooter);
-      }, 500);
+        $('.footer,.jsFooterUI').each(updateFooter)
+      }, 500)
     }
 
-    static dispose() {
-      console.log(`${NAME}: dispose`);
+    static dispose () {
+      console.log(`${NAME}: dispose`)
 
-      $Body.removeClass("shrink");
-      $(`#Header,.js${NAME},.footer,.jsFooterUI,.wrapper`).attr("css", "");
+      $Body.removeClass('shrink')
+      $(`#Header,.js${NAME},.footer,.jsFooterUI,.wrapper`).attr('css', '')
     }
   }
 
   $(W).on(`${Events.AJAX} ${Events.LOADED}`, () => {
-    HeaderUI.init();
-  });
+    HeaderUI.init()
+  })
 
   // align event content
   $(W).on(`${Events.RESIZE}`, () => {
     setTimeout(() => {
-      HeaderUI.init();
-    }, 200);
-  });
+      HeaderUI.init()
+    }, 200)
+  })
 
-  W.HeaderUI = new HeaderUI();
+  W.HeaderUI = new HeaderUI()
 
-  return HeaderUI;
-})($);
+  return HeaderUI
+})($)
 
-export default HeaderUI;
+export default HeaderUI
diff --git a/src/js_old/_components/_ui.hover.js b/src/js_old/_components/_ui.hover.js
index ac33d7d..be12378 100644
--- a/src/js_old/_components/_ui.hover.js
+++ b/src/js_old/_components/_ui.hover.js
@@ -1,200 +1,198 @@
 /*
  * Conflicts with 'bootstrap/js/dist/dropdown'
  */
-"use strict";
+'use strict'
 
-import $ from "jquery";
-import Events from "../_events";
-import "jquery-hoverintent/jquery.hoverIntent.js";
-import MainUI from "../_main";
+import $ from 'jquery'
+import Events from '../_events'
+import 'jquery-hoverintent/jquery.hoverIntent.js'
+import MainUI from '../_main'
 
 const HoverUI = (($) => {
   // Constants
-  const W = window;
-  const D = document;
-  const $Html = $("html");
-  const $Body = $("body");
+  const W = window
+  const D = document
+  const $Html = $('html')
+  const $Body = $('body')
 
-  const NAME = "jsHoverUI";
-  const DATA_KEY = NAME;
+  const NAME = 'jsHoverUI'
+  const DATA_KEY = NAME
 
   class HoverUI {
     // Constructor
-    constructor(el) {
-      console.log(`${NAME}: init`);
+    constructor (el) {
+      console.log(`${NAME}: init`)
 
-      const ui = this;
-      const $el = $(el);
+      const ui = this
+      const $el = $(el)
 
       if (
         $el.is(
           '[target="_blank"],.external,[data-toggle="lightbox"],[data-lightbox-gallery]'
         )
       ) {
-        return true;
+        return true
       }
 
-      ui.$el = $el;
+      ui.$el = $el
 
       // find parent
-      let $parent = $el.parents(".nav-item, .dropdown");
-      $parent = $parent && $parent.length ? $parent.first() : null;
-      //$parent = $parent ? $parent : $el.parent();
-      ui.$parent = $parent;
+      let $parent = $el.parents('.nav-item, .dropdown')
+      $parent = $parent && $parent.length ? $parent.first() : null
+      // $parent = $parent ? $parent : $el.parent();
+      ui.$parent = $parent
 
       // find target
-      let $target = $el.data("target");
-      $target = $target && $target.length ? $target : null;
-      $target = $target
-        ? $target
-        : $parent
-          ? $parent.find(".dropdown-menu").first()
-          : null;
+      let $target = $el.data('target')
+      $target = $target && $target.length ? $target : null
+      $target = $target || ($parent
+        ? $parent.find('.dropdown-menu').first()
+        : null)
 
       if (!$target || !$target.length) {
-        console.warn(`${NAME}: Missing target for:`);
-        console.warn($el);
-        return;
+        console.warn(`${NAME}: Missing target for:`)
+        console.warn($el)
+        return
       }
 
-      ui.$target = $target;
+      ui.$target = $target
 
-      const $triger = $parent ? $parent : $el;
-      ui.$triger = $triger;
+      const $triger = $parent || $el
+      ui.$triger = $triger
 
       // integrate with dropdown-toggle
-      $('[data-toggle="dropdown"]').on("click touch", (e) => {
-        console.log(`${NAME}: dropdown click-touch`);
-        ui.hide();
-      });
+      $('[data-toggle="dropdown"]').on('click touch', (e) => {
+        console.log(`${NAME}: dropdown click-touch`)
+        ui.hide()
+      })
 
       if (!W.isTouch) {
         $triger.hoverIntent({
           sensitivity: 10,
           interval: 50,
           over: () => {
-            ui.show();
+            ui.show()
           },
           out: () => {
-            ui.hide();
+            ui.hide()
           },
-        });
+        })
       }
 
-      $el.off("click touch");
-      $el.on("click touch", (e) => {
-        const size = MainUI.detectBootstrapScreenSize();
-        console.log(`${NAME}: click-touch size: ${size}`);
+      $el.off('click touch')
+      $el.on('click touch', (e) => {
+        const size = MainUI.detectBootstrapScreenSize()
+        console.log(`${NAME}: click-touch size: ${size}`)
 
         if (
-          size === "xs" ||
-          !$el.data("allow-click") ||
-          (W.IsTouchScreen && !$el.data("allow-touch-click"))
+          size === 'xs' ||
+          !$el.data('allow-click') ||
+          (W.IsTouchScreen && !$el.data('allow-touch-click'))
         ) {
-          console.log(`${NAME}: click-touch prevent click`);
-          e.stopPropagation();
-          e.preventDefault();
+          console.log(`${NAME}: click-touch prevent click`)
+          e.stopPropagation()
+          e.preventDefault()
         }
 
         if (ui.isShown()) {
-          ui.hide();
+          ui.hide()
         } else {
-          ui.show();
+          ui.show()
         }
-      });
+      })
 
-      $el.data(NAME, ui);
-      $triger.addClass(`${NAME}-active`);
+      $el.data(NAME, ui)
+      $triger.addClass(`${NAME}-active`)
     }
 
-    isShown() {
-      return this.$target.hasClass("show");
+    isShown () {
+      return this.$target.hasClass('show')
     }
 
-    show() {
-      const ui = this;
+    show () {
+      const ui = this
       ui.$el
-        .parents(".dropdown")
-        .not(".active")
+        .parents('.dropdown')
+        .not('.active')
         .each((i, el) => {
-          const $el = $(el);
-          $el.find(".dropdown").removeClass("show");
-          $el.addClass("show");
-        });
+          const $el = $(el)
+          $el.find('.dropdown').removeClass('show')
+          $el.addClass('show')
+        })
 
-      ui.$target.addClass("show");
+      ui.$target.addClass('show')
     }
 
-    hide() {
-      const ui = this;
-      const $el = ui.$target;
-      $el.removeClass("show");
-      $el.find(".dropdown-menu").removeClass("show");
-      $el.parent(".dropdown").removeClass("show");
+    hide () {
+      const ui = this
+      const $el = ui.$target
+      $el.removeClass('show')
+      $el.find('.dropdown-menu').removeClass('show')
+      $el.parent('.dropdown').removeClass('show')
     }
 
-    dispose() {
-      const ui = this;
-      const $el = ui.$el;
+    dispose () {
+      const ui = this
+      const $el = ui.$el
 
-      console.log(`${NAME}: dispose`);
+      console.log(`${NAME}: dispose`)
 
-      ui.$triger.removeClass(`${NAME}-active`);
-      $.removeData($el, DATA_KEY);
+      ui.$triger.removeClass(`${NAME}-active`)
+      $.removeData($el, DATA_KEY)
 
-      ui.$el = null;
-      ui.$parent = null;
-      ui.$target = null;
-      ui.$triger = null;
+      ui.$el = null
+      ui.$parent = null
+      ui.$target = null
+      ui.$triger = null
     }
 
-    static _jQueryInterface() {
+    static _jQueryInterface () {
       return this.each(function () {
         // attach functionality to el
-        const $el = $(this);
-        let data = $el.data(DATA_KEY);
+        const $el = $(this)
+        let data = $el.data(DATA_KEY)
 
         if (!data) {
-          data = new HoverUI(this);
-          $el.data(DATA_KEY, data);
+          data = new HoverUI(this)
+          $el.data(DATA_KEY, data)
         }
-      });
+      })
     }
   }
 
   // jQuery interface
-  $.fn[NAME] = HoverUI._jQueryInterface;
-  $.fn[NAME].Constructor = HoverUI;
+  $.fn[NAME] = HoverUI._jQueryInterface
+  $.fn[NAME].Constructor = HoverUI
   $.fn[NAME].noConflict = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT;
-    return HoverUI._jQueryInterface;
-  };
+    $.fn[NAME] = JQUERY_NO_CONFLICT
+    return HoverUI._jQueryInterface
+  }
 
   // auto-apply
   $('[data-toggle="hover"]').ready(() => {
-    $('[data-toggle="hover"]').jsHoverUI();
-  });
+    $('[data-toggle="hover"]').jsHoverUI()
+  })
 
   // rewrite 'bootstrap/js/dist/dropdown'
-  $('[data-toggle="dropdown"]').on("click touch", (e) => {
-    e.preventDefault();
+  $('[data-toggle="dropdown"]').on('click touch', (e) => {
+    e.preventDefault()
 
-    const $el = $(e.currentTarget);
-    const $parent = $el.parent(".dropdown");
+    const $el = $(e.currentTarget)
+    const $parent = $el.parent('.dropdown')
 
     // hide siblings
-    $parent.parent().find(".dropdown, .dropdown-menu").removeClass("show");
+    $parent.parent().find('.dropdown, .dropdown-menu').removeClass('show')
 
-    if ($parent.hasClass("show")) {
-      $parent.removeClass("show");
-      $parent.find(".dropdown-menu").removeClass("show");
+    if ($parent.hasClass('show')) {
+      $parent.removeClass('show')
+      $parent.find('.dropdown-menu').removeClass('show')
     } else {
-      $parent.addClass("show");
-      $parent.find(".dropdown-menu").addClass("show");
+      $parent.addClass('show')
+      $parent.find('.dropdown-menu').addClass('show')
     }
-  });
+  })
 
-  return HoverUI;
-})($);
+  return HoverUI
+})($)
 
-export default HoverUI;
+export default HoverUI
diff --git a/src/js_old/_components/_ui.image-position.js b/src/js_old/_components/_ui.image-position.js
index 781023f..a7bc2b0 100644
--- a/src/js_old/_components/_ui.image-position.js
+++ b/src/js_old/_components/_ui.image-position.js
@@ -1,44 +1,44 @@
-"use strict";
+'use strict'
 
-import $ from "jquery";
+import $ from 'jquery'
 
-import Events from "../_events";
+import Events from '../_events'
 
 const ImagePositionUI = (($) => {
-  const D = document;
-  const W = window;
-  const $Body = $("html,body");
-  const NAME = "ImagePositionUI";
-  const CLASSNAME = `js${NAME}`;
+  const D = document
+  const W = window
+  const $Body = $('html,body')
+  const NAME = 'ImagePositionUI'
+  const CLASSNAME = `js${NAME}`
 
   class ImagePositionUI {
-    static init() {
-      const ui = this;
-      ui.dispose();
+    static init () {
+      const ui = this
+      ui.dispose()
 
       if (!$(`.${CLASSNAME}`).length) {
-        return;
+        return
       }
 
-      console.log(`${NAME}: init`);
-      $(`.${CLASSNAME}`).on("click", (e) => {
-        e.preventDefault();
-        console.log(e);
-      });
+      console.log(`${NAME}: init`)
+      $(`.${CLASSNAME}`).on('click', (e) => {
+        e.preventDefault()
+        console.log(e)
+      })
     }
 
-    static dispose() {
-      console.log(`${NAME}: dispose`);
+    static dispose () {
+      console.log(`${NAME}: dispose`)
     }
   }
 
   $(W).on(`${NAME}.init ${Events.AJAX} ${Events.LOADED}`, () => {
-    ImagePositionUI.init();
-  });
+    ImagePositionUI.init()
+  })
 
-  W.ImagePositionUI = new ImagePositionUI();
+  W.ImagePositionUI = new ImagePositionUI()
 
-  return ImagePositionUI;
-})($);
+  return ImagePositionUI
+})($)
 
-export default ImagePositionUI;
+export default ImagePositionUI
diff --git a/src/js_old/_components/_ui.instagramfeed.js b/src/js_old/_components/_ui.instagramfeed.js
index 6fb7ae0..90c7b0d 100644
--- a/src/js_old/_components/_ui.instagramfeed.js
+++ b/src/js_old/_components/_ui.instagramfeed.js
@@ -1,113 +1,113 @@
-"use strict";
+'use strict'
 
-import $ from "jquery";
+import $ from 'jquery'
 
-import Events from "../_events";
-import "jquery.instagramFeed/jquery.instagramFeed";
+import Events from '../_events'
+import 'jquery.instagramFeed/jquery.instagramFeed'
 
 const InstagramFeed = (($) => {
   // Constants
-  const NAME = "jsInstagramFeed";
-  const DATA_KEY = NAME;
-  const W = window;
-  const D = document;
+  const NAME = 'jsInstagramFeed'
+  const DATA_KEY = NAME
+  const W = window
+  const D = document
 
   class InstagramFeed {
-    constructor(el) {
-      const ui = this;
-      const $el = $(el);
+    constructor (el) {
+      const ui = this
+      const $el = $(el)
 
-      ui._el = el;
-      ui.dispose();
+      ui._el = el
+      ui.dispose()
 
-      console.log(`${NAME}: init`);
-      $el.data(DATA_KEY, this);
+      console.log(`${NAME}: init`)
+      $el.data(DATA_KEY, this)
 
-      const ID = $el.data("username") + $el.data("tag");
+      const ID = $el.data('username') + $el.data('tag')
 
       $.instagramFeed({
-        username: $el.data("username"),
-        tag: $el.data("tag") || null,
-        display_profile: $el.data("display-profile"),
-        display_biography: $el.data("display-biography"),
-        display_gallery: $el.data("display-gallery"),
-        display_captions: $el.data("display-captions"),
+        username: $el.data('username'),
+        tag: $el.data('tag') || null,
+        display_profile: $el.data('display-profile'),
+        display_biography: $el.data('display-biography'),
+        display_gallery: $el.data('display-gallery'),
+        display_captions: $el.data('display-captions'),
         cache_time: 120,
         callback: (data) => {
-          console.log(`${NAME}: data response received`);
+          console.log(`${NAME}: data response received`)
 
-          $el.append(`<div class="${NAME}-list row"></div>`);
-          const $list = $el.find(`.${NAME}-list`);
+          $el.append(`<div class="${NAME}-list row"></div>`)
+          const $list = $el.find(`.${NAME}-list`)
 
-          data["edge_owner_to_timeline_media"]["edges"].forEach((el, i) => {
-            const item = el["node"];
-            const preview = ui.ig_media_preview(item["media_preview"]);
+          data.edge_owner_to_timeline_media.edges.forEach((el, i) => {
+            const item = el.node
+            const preview = ui.ig_media_preview(item.media_preview)
 
             $list.append(
               `<div class="a col ${NAME}-item"` +
-                ` data-lightbox-gallery="${NAME}-${ID}" data-href="${item["display_url"]}" data-force="image">` +
-                `<img id="${NAME}-${ID}-${item["id"]}" src="${item["display_url"]}" alt="${item["accessibility_caption"]}"` +
+                ` data-lightbox-gallery="${NAME}-${ID}" data-href="${item.display_url}" data-force="image">` +
+                `<img id="${NAME}-${ID}-${item.id}" src="${item.display_url}" alt="${item.accessibility_caption}"` +
                 `style="background:url(${preview})" />` +
-                "</div>"
-            );
-          });
+                '</div>'
+            )
+          })
 
-          $(W).trigger("MetaLightboxUI.init");
+          $(W).trigger('MetaLightboxUI.init')
         },
         styling: false,
-        items: $el.data("items"),
+        items: $el.data('items'),
         lazy_load: true,
         on_error: (e) => {
-          console.error(`${NAME}: ${e}`);
+          console.error(`${NAME}: ${e}`)
         },
-      });
+      })
 
-      $el.addClass(`${NAME}-active`);
+      $el.addClass(`${NAME}-active`)
     }
 
-    ig_media_preview(base64data) {
-      var jpegtpl =
-          "/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEABsaGikdKUEmJkFCLy8vQkc/Pj4/R0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0cBHSkpNCY0PygoP0c/NT9HR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR//AABEIABQAKgMBIgACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AA==",
-        t = atob(base64data),
-        p = t.slice(3).split(""),
-        o = t
-          .substring(0, 3)
-          .split("")
-          .map((e) => {
-            return e.charCodeAt(0);
-          }),
-        c = atob(jpegtpl).split("");
-      c[162] = String.fromCharCode(o[1]);
-      c[160] = String.fromCharCode(o[2]);
+    ig_media_preview (base64data) {
+      const jpegtpl =
+          '/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEABsaGikdKUEmJkFCLy8vQkc/Pj4/R0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0cBHSkpNCY0PygoP0c/NT9HR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR//AABEIABQAKgMBIgACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AA=='
+      const t = atob(base64data)
+      const p = t.slice(3).split('')
+      const o = t
+        .substring(0, 3)
+        .split('')
+        .map((e) => {
+          return e.charCodeAt(0)
+        })
+      const c = atob(jpegtpl).split('')
+      c[162] = String.fromCharCode(o[1])
+      c[160] = String.fromCharCode(o[2])
       return base64data
-        ? `data:image/jpeg;base64,${btoa(c.concat(p).join(""))}`
-        : null;
+        ? `data:image/jpeg;base64,${btoa(c.concat(p).join(''))}`
+        : null
     }
 
     // Public methods
-    dispose() {
-      console.log(`${NAME}: dispose`);
-      const ui = this;
+    dispose () {
+      console.log(`${NAME}: dispose`)
+      const ui = this
 
-      const $el = $(ui._el);
-      $.removeData(ui._el, DATA_KEY);
-      ui._el = null;
-      $el.removeClass(`${NAME}-active`);
+      const $el = $(ui._el)
+      $.removeData(ui._el, DATA_KEY)
+      ui._el = null
+      $el.removeClass(`${NAME}-active`)
     }
   }
 
   const init = () => {
     $(`.${NAME}`).each((i, el) => {
-      new InstagramFeed(el);
-    });
-  };
+      new InstagramFeed(el)
+    })
+  }
 
   // auto-apply
   $(W).on(`${NAME}.init ${Events.AJAX} ${Events.LOADED}`, () => {
-    init();
-  });
+    init()
+  })
 
-  return InstagramFeed;
-})($);
+  return InstagramFeed
+})($)
 
-export default InstagramFeed;
+export default InstagramFeed
diff --git a/src/js_old/_components/_ui.map.api.js b/src/js_old/_components/_ui.map.api.js
index 6d2b675..aebe0e5 100644
--- a/src/js_old/_components/_ui.map.api.js
+++ b/src/js_old/_components/_ui.map.api.js
@@ -1,136 +1,136 @@
-"use strict";
+'use strict'
 
-import $ from "jquery";
-import Events from "../_events";
+import $ from 'jquery'
+import Events from '../_events'
 
-import "../../scss/_components/_ui.map.scss";
+import '../../scss/_components/_ui.map.scss'
 
-import CONSTS from "js/_consts";
+import CONSTS from 'js/_consts'
 
 const MapAPI = (($) => {
   // Constants
-  const NAME = "jsMapAPI";
-  const DATA_KEY = NAME;
-  const $BODY = $("body");
+  const NAME = 'jsMapAPI'
+  const DATA_KEY = NAME
+  const $BODY = $('body')
 
-  const MAP_DRIVER = CONSTS["MAP_DRIVER"];
-  const W = window;
+  const MAP_DRIVER = CONSTS.MAP_DRIVER
+  const W = window
 
   class MapAPI {
     // Constructor
-    constructor(el) {
-      const ui = this;
-      const Drv = new MAP_DRIVER();
+    constructor (el) {
+      const ui = this
+      const Drv = new MAP_DRIVER()
 
-      ui.$el = $(el);
+      ui.$el = $(el)
 
-      const $el = ui.$el;
-      const config = $el.data();
+      const $el = ui.$el
+      const config = $el.data()
 
-      config["center"] = [
-        config["lng"] ? config["lng"] : $BODY.data("default-lng"),
-        config["lat"] ? config["lat"] : $BODY.data("default-lat"),
-      ];
+      config.center = [
+        config.lng ? config.lng : $BODY.data('default-lng'),
+        config.lat ? config.lat : $BODY.data('default-lat'),
+      ]
 
-      config["style"] = config["style"]
-        ? jQuery.parseJSON(config["style"])
-        : null;
+      config.style = config.style
+        ? jQuery.parseJSON(config.style)
+        : null
 
-      config["font-family"] = $BODY.css("font-family");
+      config['font-family'] = $BODY.css('font-family')
 
-      if (!config["icon"]) {
-        config["icon"] = '<i class="fas fa-map-marker-alt"></i>';
+      if (!config.icon) {
+        config.icon = '<i class="fas fa-map-marker-alt"></i>'
       }
 
-      console.log(`${NAME}: init ${Drv.getName()}...`);
-      Drv.init($el, config);
-      ui.drv = Drv;
+      console.log(`${NAME}: init ${Drv.getName()}...`)
+      Drv.init($el, config)
+      ui.drv = Drv
 
       $el.on(Events.MAPAPILOADED, (e) => {
-        ui.map = Drv.getMap();
+        ui.map = Drv.getMap()
 
-        if (config["geojson"]) {
-          console.log(`${NAME}: setting up geocode data`);
-          Drv.addGeoJson(config);
-        } else if (config["address"]) {
-          console.log(config["address"]);
-          console.log(`${NAME}: setting up address marker`);
-          Drv.geocode(config["address"], (results) => {
-            console.log(results);
+        if (config.geojson) {
+          console.log(`${NAME}: setting up geocode data`)
+          Drv.addGeoJson(config)
+        } else if (config.address) {
+          console.log(config.address)
+          console.log(`${NAME}: setting up address marker`)
+          Drv.geocode(config.address, (results) => {
+            console.log(results)
 
-            const lat = results[0].geometry.location.lat();
-            const lng = results[0].geometry.location.lng();
+            const lat = results[0].geometry.location.lat()
+            const lng = results[0].geometry.location.lng()
 
             console.log(
               `${NAME}: setting up single lat/lng marker lat: ${lat} lng: ${lng}`
-            );
+            )
 
-            Drv.addMarker([lng, lat], config);
-            ui.map.setCenter({ lat, lng });
-          });
-        } else if (config["lat"] && config["lng"]) {
-          const lat = config["lat"];
-          const lng = config["lng"];
+            Drv.addMarker([lng, lat], config)
+            ui.map.setCenter({ lat, lng })
+          })
+        } else if (config.lat && config.lng) {
+          const lat = config.lat
+          const lng = config.lng
 
           console.log(
             `${NAME}: setting up single lat/lng marker lat: ${lat} lng: ${lng}`
-          );
+          )
 
-          Drv.addMarker([lng, lat], config);
+          Drv.addMarker([lng, lat], config)
         }
 
-        $el.data(DATA_KEY, ui);
-        $el.addClass(`${NAME}-active`);
+        $el.data(DATA_KEY, ui)
+        $el.addClass(`${NAME}-active`)
 
-        $el.trigger(Events.MAPLOADED);
-        console.log(`${NAME}: Map is loaded`);
-      });
+        $el.trigger(Events.MAPLOADED)
+        console.log(`${NAME}: Map is loaded`)
+      })
     }
 
     // Public methods
-    getMap() {
-      return ui.map;
+    getMap () {
+      return ui.map
     }
 
-    dispose() {
-      const ui = this;
+    dispose () {
+      const ui = this
 
-      ui.$el = null;
-      $.removeData(ui.$el[0], DATA_KEY);
+      ui.$el = null
+      $.removeData(ui.$el[0], DATA_KEY)
 
-      ui.$el.removeClass(`${NAME}-active`);
+      ui.$el.removeClass(`${NAME}-active`)
     }
 
-    static _jQueryInterface() {
-      if (typeof W.localStorage !== "undefined") {
+    static _jQueryInterface () {
+      if (typeof W.localStorage !== 'undefined') {
         return this.each(() => {
           // attach functionality to el
-          const $el = $(this);
-          let data = $el.data(DATA_KEY);
+          const $el = $(this)
+          let data = $el.data(DATA_KEY)
 
           if (!data) {
-            data = new MapAPI(this);
-            $el.data(DATA_KEY, data);
+            data = new MapAPI(this)
+            $el.data(DATA_KEY, data)
           }
-        });
+        })
       }
     }
   }
 
   // jQuery interface
-  $.fn[NAME] = MapAPI._jQueryInterface;
-  $.fn[NAME].Constructor = MapAPI;
+  $.fn[NAME] = MapAPI._jQueryInterface
+  $.fn[NAME].Constructor = MapAPI
   $.fn[NAME].noConflict = () => {
-    $.fn[NAME] = JQUERY_NO_CONFLICT;
-    return MapAPI._jQueryInterface;
-  };
+    $.fn[NAME] = JQUERY_NO_CONFLICT
+    return MapAPI._jQueryInterface
+  }
 
   // auto-apply
   $(W).on(`${Events.AJAX} ${Events.LOADED}`, () => {
-    $(".mapAPI-map-container").jsMapAPI();
-  });
+    $('.mapAPI-map-container').jsMapAPI()
+  })
 
-  return MapAPI;
-})($);
+  return MapAPI
+})($)
 
-export default MapAPI;
+export default MapAPI
diff --git a/src/js_old/_components/_ui.menu.js b/src/js_old/_components/_ui.menu.js
index 8bff0df..b835fb1 100644
--- a/src/js_old/_components/_ui.menu.js
+++ b/src/js_old/_components/_ui.menu.js
@@ -1,65 +1,65 @@
-"use strict";
+'use strict'
 
-import $ from "jquery";
+import $ from 'jquery'
 
 const SlidingMenu = (($) => {
   // Constants
-  const NAME = "jsSlidingMenu";
-  const DATA_KEY = NAME;
+  const NAME = 'jsSlidingMenu'
+  const DATA_KEY = NAME
 
   class SlidingMenu {
     // Constructor
-    constructor(element) {
-      console.log(`${NAME}: init`);
-      this._element = element;
-      const $element = $(this._element);
-      $element.addClass(`${NAME}-active`);
+    constructor (element) {
+      console.log(`${NAME}: init`)
+      this._element = element
+      const $element = $(this._element)
+      $element.addClass(`${NAME}-active`)
 
       // esc button
-      $(window).on("keyup", (e) => {
+      $(window).on('keyup', (e) => {
         if (e.which === 27) {
-          $element.find('.is-open[data-toggle="offcanvas"]').click();
+          $element.find('.is-open[data-toggle="offcanvas"]').click()
         }
-      });
+      })
     }
 
     // Public methods
-    dispose() {
-      console.log(`${NAME}: dispose`);
+    dispose () {
+      console.log(`${NAME}: dispose`)
 
-      $(this._element).removeClass(`${NAME}-active`);
-      $.removeData(this._element, DATA_KEY);
-      this._element = null;
+      $(this._element).removeClass(`${NAME}-active`)
+      $.removeData(this._element, DATA_KEY)
+      this._element = null
     }
 
-    static _jQueryInterface() {
+    static _jQueryInterface () {
       return this.each(function () {
         // attach functionality to element
-        const $element = $(this);
-        let data = $element.data(DATA_KEY);
+        const $element = $(this)
+        let data = $element.data(DATA_KEY)
 
         if (!data) {
-          data = new SlidingMenu(this);
-          $element.data(DATA_KEY, data);
+          data = new SlidingMenu(this)
+          $element.data(DATA_KEY, data)
         }
-      });
+      })
     }
   }
 
   // jQuery interface
-  $.fn[NAME] = SlidingMenu._jQueryInterface;
-  $.fn[NAME].Constructor = SlidingMenu;
+  $.fn[NAME] = SlidingMenu._jQueryInterface
+  $.fn[NAME].Constructor = SlidingMenu
   $.fn[NAME].noConflict = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT;
-    return SlidingMenu._jQueryInterface;
-  };
+    $.fn[NAME] = JQUERY_NO_CONFLICT
+    return SlidingMenu._jQueryInterface
+  }
 
   // auto-apply
   $(`.ui.${NAME}`).ready(() => {
-    $(`.ui.${NAME}`).jsSlidingMenu();
-  });
+    $(`.ui.${NAME}`).jsSlidingMenu()
+  })
 
-  return SlidingMenu;
-})($);
+  return SlidingMenu
+})($)
 
-export default SlidingMenu;
+export default SlidingMenu
diff --git a/src/js_old/_components/_ui.multislider.js b/src/js_old/_components/_ui.multislider.js
index e3ccb34..c03de8e 100644
--- a/src/js_old/_components/_ui.multislider.js
+++ b/src/js_old/_components/_ui.multislider.js
@@ -1,168 +1,168 @@
-"use strict";
+'use strict'
 
-import $ from "jquery";
-import Events from "../_events";
-import MainUI from "../_main";
+import $ from 'jquery'
+import Events from '../_events'
+import MainUI from '../_main'
 
-import "hammerjs/hammer";
-import "jquery-hammerjs/jquery.hammer";
+import 'hammerjs/hammer'
+import 'jquery-hammerjs/jquery.hammer'
 
-import "../../scss/_components/_ui.multislider.scss";
+import '../../scss/_components/_ui.multislider.scss'
 
-const W = window;
+const W = window
 
 const MultiSlider = (($) => {
   // Constants
-  const NAME = "jsMultiSlider";
-  const DATA_KEY = NAME;
-  const $BODY = $("body");
+  const NAME = 'jsMultiSlider'
+  const DATA_KEY = NAME
+  const $BODY = $('body')
 
   class MultiSlider {
     // Constructor
-    constructor(el) {
-      this.dispose();
+    constructor (el) {
+      this.dispose()
 
-      console.log(`${NAME}: init ...`);
+      console.log(`${NAME}: init ...`)
 
-      const ui = this;
-      const $el = $(el);
-      ui.$el = $el;
-      ui.sliding = false;
+      const ui = this
+      const $el = $(el)
+      ui.$el = $el
+      ui.sliding = false
 
-      $el.wrap(`<div class="${NAME}-container"></div>`);
-      ui.$elContainer = $el.parent(`.${NAME}-container`);
+      $el.wrap(`<div class="${NAME}-container"></div>`)
+      ui.$elContainer = $el.parent(`.${NAME}-container`)
 
-      $el.wrap(`<div class="${NAME}-slides-container"></div>`);
-      ui.$slidesContainer = $el.parent(`.${NAME}-slides-container`);
+      $el.wrap(`<div class="${NAME}-slides-container"></div>`)
+      ui.$slidesContainer = $el.parent(`.${NAME}-slides-container`)
 
-      ui.addControls();
-      ui.calculate();
+      ui.addControls()
+      ui.calculate()
 
-      $(W).on("resize", () => {
+      $(W).on('resize', () => {
         ui.$elContainer
-          .find(".act-slider-prev,.act-slider-next")
-          .removeClass("disabled");
-        ui.calculate();
-      });
+          .find('.act-slider-prev,.act-slider-next')
+          .removeClass('disabled')
+        ui.calculate()
+      })
 
-      ui.$elContainer.addClass(`${NAME}-active`);
-      $el.addClass(`${NAME}-active`);
+      ui.$elContainer.addClass(`${NAME}-active`)
+      $el.addClass(`${NAME}-active`)
     }
 
-    calculate() {
-      const ui = this;
+    calculate () {
+      const ui = this
 
-      ui.$slides = ui.$el.find(".slide");
-      ui.numberOfSlides = ui.$slides.length;
+      ui.$slides = ui.$el.find('.slide')
+      ui.numberOfSlides = ui.$slides.length
 
-      ui.containerWidth = ui.$el.parent().width();
-      ui.maxPos = ui.numberOfSlides - ui.numToDisplay();
-      ui.slideWidth = ui.containerWidth / ui.numToDisplay();
+      ui.containerWidth = ui.$el.parent().width()
+      ui.maxPos = ui.numberOfSlides - ui.numToDisplay()
+      ui.slideWidth = ui.containerWidth / ui.numToDisplay()
 
-      ui.$slides.css("width", `${ui.slideWidth}px`);
-      ui.$el.css("width", ui.slideWidth * ui.numberOfSlides);
+      ui.$slides.css('width', `${ui.slideWidth}px`)
+      ui.$el.css('width', ui.slideWidth * ui.numberOfSlides)
 
-      ui.currPos = 0;
-      ui.slide(0);
+      ui.currPos = 0
+      ui.slide(0)
     }
 
-    numToDisplay() {
-      const ui = this;
+    numToDisplay () {
+      const ui = this
 
-      const size = MainUI.detectBootstrapScreenSize();
+      const size = MainUI.detectBootstrapScreenSize()
 
-      let num = ui.$el.data(`length-${size}`);
-      num = num ? num : ui.$el.data("length");
+      let num = ui.$el.data(`length-${size}`)
+      num = num || ui.$el.data('length')
 
-      console.log(`${NAME}: size ${size} | num ${num}`);
+      console.log(`${NAME}: size ${size} | num ${num}`)
 
-      return num ? num : 1;
+      return num || 1
     }
 
-    addControls() {
-      const ui = this;
+    addControls () {
+      const ui = this
 
-      const $e = ui.$el;
+      const $e = ui.$el
       // actions
       ui.$elContainer.append(
         '<div class="slider-actions">' +
           '<a href="#" class="act act-slider-prev"><i class="fas fa-chevron-left"></i><b class="sr-only">Prev</b></a>' +
           '<a href="#" class="act act-slider-next"><i class="fas fa-chevron-right"></i><b class="sr-only">Next</b></a>' +
-          "</div>"
-      );
+          '</div>'
+      )
 
-      ui.$prevBtn = ui.$elContainer.find(".act-slider-prev");
-      ui.$nextBtn = ui.$elContainer.find(".act-slider-next");
+      ui.$prevBtn = ui.$elContainer.find('.act-slider-prev')
+      ui.$nextBtn = ui.$elContainer.find('.act-slider-next')
 
-      ui.$prevBtn.on("click", (e) => {
-        e.preventDefault();
+      ui.$prevBtn.on('click', (e) => {
+        e.preventDefault()
 
-        if ($(e.currentTarget).hasClass("disabled")) {
-          return false;
+        if ($(e.currentTarget).hasClass('disabled')) {
+          return false
         }
 
-        ui.prev();
-      });
+        ui.prev()
+      })
 
-      ui.$nextBtn.on("click", (e) => {
-        e.preventDefault();
+      ui.$nextBtn.on('click', (e) => {
+        e.preventDefault()
 
-        if ($(e.currentTarget).hasClass("disabled")) {
-          return false;
+        if ($(e.currentTarget).hasClass('disabled')) {
+          return false
         }
 
-        ui.next();
-      });
+        ui.next()
+      })
 
       // init touch swipes
-      $e.hammer().bind("swipeleft panleft", (e) => {
-        ui.next();
-      });
+      $e.hammer().bind('swipeleft panleft', (e) => {
+        ui.next()
+      })
 
-      $e.hammer().bind("swiperight panright", (e) => {
-        ui.prev();
-      });
+      $e.hammer().bind('swiperight panright', (e) => {
+        ui.prev()
+      })
     }
 
-    next() {
-      const ui = this;
+    next () {
+      const ui = this
       if (ui.sliding) {
-        return;
+        return
       }
 
-      ui.currPos++;
-      ui.slide(ui.currPos);
+      ui.currPos++
+      ui.slide(ui.currPos)
     }
 
-    prev() {
-      const ui = this;
+    prev () {
+      const ui = this
       if (ui.sliding) {
-        return;
+        return
       }
-      ui.currPos--;
-      ui.slide(ui.currPos);
+      ui.currPos--
+      ui.slide(ui.currPos)
     }
 
-    slide(pos) {
-      const ui = this;
+    slide (pos) {
+      const ui = this
       if (ui.sliding) {
-        return;
+        return
       }
 
-      ui.sliding = true;
+      ui.sliding = true
       if (ui.$nextBtn.length) {
         if (pos >= ui.maxPos) {
-          ui.$nextBtn.addClass("disabled");
+          ui.$nextBtn.addClass('disabled')
         } else {
-          ui.$nextBtn.removeClass("disabled");
+          ui.$nextBtn.removeClass('disabled')
         }
       }
 
       if (ui.$prevBtn.length) {
         if (pos <= 0) {
-          ui.$prevBtn.addClass("disabled");
+          ui.$prevBtn.addClass('disabled')
         } else {
-          ui.$prevBtn.removeClass("disabled");
+          ui.$prevBtn.removeClass('disabled')
         }
       }
 
@@ -170,60 +170,60 @@ const MultiSlider = (($) => {
         {
           left: `${-(pos * ui.slideWidth)}px`,
         },
-        "slow",
-        "swing",
+        'slow',
+        'swing',
         () => {
-          ui.sliding = false;
+          ui.sliding = false
         }
-      );
+      )
     }
 
-    dispose() {
-      const ui = this;
+    dispose () {
+      const ui = this
 
       if (ui.$elContainer) {
-        ui.$el.parent().find(".slider-actions").remove();
+        ui.$el.parent().find('.slider-actions').remove()
       }
 
       if (ui.$el) {
-        ui.$el.hammer().unbind("swipeleft panleft swiperight panright");
+        ui.$el.hammer().unbind('swipeleft panleft swiperight panright')
       }
 
-      console.log(`Disposing: ${NAME}`);
+      console.log(`Disposing: ${NAME}`)
 
-      ui.$el = null;
+      ui.$el = null
     }
 
-    static _jQueryInterface() {
+    static _jQueryInterface () {
       return this.each(() => {
         // attach functionality to el
-        const $el = $(this);
-        let data = $el.data(DATA_KEY);
+        const $el = $(this)
+        let data = $el.data(DATA_KEY)
 
         if (!data) {
-          data = new MultiSlider(this);
-          $el.data(DATA_KEY, data);
+          data = new MultiSlider(this)
+          $el.data(DATA_KEY, data)
         }
-      });
+      })
     }
   }
 
   // jQuery interface
-  $.fn[NAME] = MultiSlider._jQueryInterface;
-  $.fn[NAME].Constructor = MultiSlider;
+  $.fn[NAME] = MultiSlider._jQueryInterface
+  $.fn[NAME].Constructor = MultiSlider
   $.fn[NAME].noConflict = function () {
-    $.fn[NAME] = JQUERY_NO_CONFLICT;
-    return MultiSlider._jQueryInterface;
-  };
+    $.fn[NAME] = JQUERY_NO_CONFLICT
+    return MultiSlider._jQueryInterface
+  }
 
   // auto-apply
   $(W).on(`MultiSlider.init ${Events.LODEDANDREADY}`, () => {
     $(`.${NAME}`).each((i, el) => {
-      $(el).jsMultiSlider();
-    });
-  });
+      $(el).jsMultiSlider()
+    })
+  })
 
-  return MultiSlider;
-})($);
+  return MultiSlider
+})($)
 
-export default MultiSlider;
+export default MultiSlider
diff --git a/src/js_old/_components/_ui.nocaptcha.js b/src/js_old/_components/_ui.nocaptcha.js
index 2ebc2cc..70d99e7 100644
--- a/src/js_old/_components/_ui.nocaptcha.js
+++ b/src/js_old/_components/_ui.nocaptcha.js
@@ -1,97 +1,97 @@
-"use strict";
+'use strict'
 
-import $ from "jquery";
-import Events from "../lib/_events";
+import $ from 'jquery'
+import Events from '../lib/_events'
 
 const NoCaptcha = (($) => {
   // Constants
-  const $window = $(window);
-  const D = document;
-  const $Body = $("body");
+  const $window = $(window)
+  const D = document
+  const $Body = $('body')
 
-  const NAME = "jsNoCaptcha";
+  const NAME = 'jsNoCaptcha'
 
   class NoCaptcha {
-    static init() {
-      const ui = this;
-      ui.dispose();
+    static init () {
+      const ui = this
+      ui.dispose()
 
-      console.log(`${NAME}: init`);
+      console.log(`${NAME}: init`)
 
       if (
-        $(".g-recaptcha").length &&
-        typeof $window[0].grecaptcha === "undefined"
+        $('.g-recaptcha').length &&
+        typeof $window[0].grecaptcha === 'undefined'
       ) {
-        console.log(`${NAME}: Loading Captcha API`);
+        console.log(`${NAME}: Loading Captcha API`)
 
         $.getScript(
-          "https://www.google.com/recaptcha/api.js?render=explicit&hl=en&onload=noCaptchaFieldRender",
+          'https://www.google.com/recaptcha/api.js?render=explicit&hl=en&onload=noCaptchaFieldRender',
           () => {
-            this.renderCaptcha();
+            this.renderCaptcha()
           }
-        );
+        )
       } else {
-        this.renderCaptcha();
+        this.renderCaptcha()
       }
     }
 
-    static dispose() {
-      console.log(`${NAME}: dispose`);
+    static dispose () {
+      console.log(`${NAME}: dispose`)
     }
 
-    static renderCaptcha() {
-      const grecaptcha = $window[0].grecaptcha;
+    static renderCaptcha () {
+      const grecaptcha = $window[0].grecaptcha
       if (
-        typeof grecaptcha === "undefined" ||
-        typeof grecaptcha.render === "undefined"
+        typeof grecaptcha === 'undefined' ||
+        typeof grecaptcha.render === 'undefined'
       ) {
-        return;
+        return
       }
 
-      console.log(`${NAME}: Rendering Captcha`);
-      const $_noCaptchaFields = $(".g-recaptcha");
+      console.log(`${NAME}: Rendering Captcha`)
+      const $_noCaptchaFields = $('.g-recaptcha')
 
-      if (!$(".g-recaptcha").length) {
-        console.log(`${NAME}: No Captcha fields`);
-        return;
+      if (!$('.g-recaptcha').length) {
+        console.log(`${NAME}: No Captcha fields`)
+        return
       }
 
       const submitListener = (e) => {
-        const $field = $(e.currentTarget).find(".g-recaptcha");
-        grecaptcha.execute($field.data("widgetid"));
-      };
+        const $field = $(e.currentTarget).find('.g-recaptcha')
+        grecaptcha.execute($field.data('widgetid'))
+      }
 
       $_noCaptchaFields.each((i, field) => {
-        const $field = $(field);
+        const $field = $(field)
 
-        if ($field.data("widgetid") || $field.html().length) {
-          return;
+        if ($field.data('widgetid') || $field.html().length) {
+          return
         }
 
-        const $form = $field.data("form")
-          ? $(`#${$field.data("form")}`)
-          : $field.parents("form");
+        const $form = $field.data('form')
+          ? $(`#${$field.data('form')}`)
+          : $field.parents('form')
 
-        const widget_id = grecaptcha.render(field, $field.data());
-        $field.data("widgetid", widget_id);
+        const widget_id = grecaptcha.render(field, $field.data())
+        $field.data('widgetid', widget_id)
 
         // For the invisible captcha we need to setup some callback listeners
-        if ($field.data("size") === "invisible" && !$field.data("callback")) {
-          grecaptcha.execute(widget_id);
-          $form.on("submit", submitListener);
+        if ($field.data('size') === 'invisible' && !$field.data('callback')) {
+          grecaptcha.execute(widget_id)
+          $form.on('submit', submitListener)
         }
-      });
+      })
     }
   }
 
   $window.on(`${NAME}.init ${Events.AJAX} ${Events.LOADED}`, () => {
-    NoCaptcha.init();
-  });
+    NoCaptcha.init()
+  })
 
-  $window.data(`${NAME}`, NoCaptcha);
-  $window[0].noCaptchaFieldRender = NoCaptcha.renderCaptcha;
+  $window.data(`${NAME}`, NoCaptcha)
+  $window[0].noCaptchaFieldRender = NoCaptcha.renderCaptcha
 
-  return NoCaptcha;
-})($);
+  return NoCaptcha
+})($)
 
-export default NoCaptcha;
+export default NoCaptcha
diff --git a/src/js_old/_components/_ui.opening-hours.js b/src/js_old/_components/_ui.opening-hours.js
index 7b04d6d..4216a59 100644
--- a/src/js_old/_components/_ui.opening-hours.js
+++ b/src/js_old/_components/_ui.opening-hours.js
@@ -1,119 +1,119 @@
-"use strict";
+'use strict'
 
-import $ from "jquery";
+import $ from 'jquery'
 
-import Events from "../_events";
+import Events from '../_events'
 
 const OpeningHoursUI = (($) => {
   // Constants
-  const NAME = "OpeningHoursUI";
+  const NAME = 'OpeningHoursUI'
 
   class OpeningHoursUI {
     // Static methods
 
-    static each(callback) {
-      $(".js-opening-hours").each((i, e) => {
-        callback(i, $(e));
-      });
+    static each (callback) {
+      $('.js-opening-hours').each((i, e) => {
+        callback(i, $(e))
+      })
     }
 
-    static init() {
-      this.dispose();
+    static init () {
+      this.dispose()
 
-      console.log(`${NAME}: init ...`);
+      console.log(`${NAME}: init ...`)
 
-      const hours = $.parseJSON($(".oppening-hours-json").html());
-      const date = new Date();
-      const dateYMD = this.Date_toYMD(date);
+      const hours = $.parseJSON($('.oppening-hours-json').html())
+      const date = new Date()
+      const dateYMD = this.Date_toYMD(date)
       const weekday = [
-        "Sunday",
-        "Monday",
-        "Tuesday",
-        "Wednesday",
-        "Thursday",
-        "Friday",
-        "Saturday",
-      ];
-      const today = weekday[date.getDay()];
+        'Sunday',
+        'Monday',
+        'Tuesday',
+        'Wednesday',
+        'Thursday',
+        'Friday',
+        'Saturday',
+      ]
+      const today = weekday[date.getDay()]
       let html =
-        '<b class="opening-hours-status opening-hours-status-closed">Closed today</b>';
+        '<b class="opening-hours-status opening-hours-status-closed">Closed today</b>'
 
       if (
-        typeof hours["days"] !== "undefined" &&
-        typeof hours["days"][today] !== "undefined" &&
-        hours["days"][today].length
+        typeof hours.days !== 'undefined' &&
+        typeof hours.days[today] !== 'undefined' &&
+        hours.days[today].length
       ) {
-        html = "Open today ";
-        $.each(hours["days"][today], (i, v) => {
-          if (v["DisplayStart"] || v["DisplayEnd"]) {
+        html = 'Open today '
+        $.each(hours.days[today], (i, v) => {
+          if (v.DisplayStart || v.DisplayEnd) {
             if (
-              (v["DisplayStart"] &&
-                v["DisplayStart"] <= dateYMD &&
-                v["DisplayEnd"] &&
-                v["DisplayEnd"] >= dateYMD) ||
-              (v["DisplayStart"] &&
-                v["DisplayStart"] <= dateYMD &&
-                !v["DisplayEnd"]) ||
-              (v["DisplayEnd"] &&
-                v["DisplayEnd"] >= dateYMD &&
-                !v["DisplayStart"])
+              (v.DisplayStart &&
+                v.DisplayStart <= dateYMD &&
+                v.DisplayEnd &&
+                v.DisplayEnd >= dateYMD) ||
+              (v.DisplayStart &&
+                v.DisplayStart <= dateYMD &&
+                !v.DisplayEnd) ||
+              (v.DisplayEnd &&
+                v.DisplayEnd >= dateYMD &&
+                !v.DisplayStart)
             ) {
-              html = `Open today from ${v["From"]} to ${v["Till"]}`;
-              return false;
+              html = `Open today from ${v.From} to ${v.Till}`
+              return false
             }
           } else {
             if (i > 0) {
-              html += ", <br/>";
+              html += ', <br/>'
             }
-            html += `from ${v["From"]} to ${v["Till"]}`;
+            html += `from ${v.From} to ${v.Till}`
           }
-        });
+        })
 
-        html += ' <b class="opening-hours-status"></b>';
+        html += ' <b class="opening-hours-status"></b>'
       }
 
       if (
-        typeof hours["holidays"] !== "undefined" &&
-        typeof hours["holidays"][dateYMD] !== "undefined"
+        typeof hours.holidays !== 'undefined' &&
+        typeof hours.holidays[dateYMD] !== 'undefined'
       ) {
         html = `<b class="opening-hours-status opening-hours-status-closed">Closed today${
-          hours["holidays"][dateYMD] ? ` for ${hours["holidays"][dateYMD]}` : ""
-        }</b>`;
+          hours.holidays[dateYMD] ? ` for ${hours.holidays[dateYMD]}` : ''
+        }</b>`
       }
 
       this.each((i, e) => {
-        const $e = $(e);
-        $e.html(html);
-      });
+        const $e = $(e)
+        $e.html(html)
+      })
     }
 
-    static Date_toYMD(date) {
-      var year, month, day;
-      year = String(date.getFullYear());
-      month = String(date.getMonth() + 1);
+    static Date_toYMD (date) {
+      let year, month, day
+      year = String(date.getFullYear())
+      month = String(date.getMonth() + 1)
       if (month.length == 1) {
-        month = `0${month}`;
+        month = `0${month}`
       }
-      day = String(date.getDate());
+      day = String(date.getDate())
       if (day.length == 1) {
-        day = `0${day}`;
+        day = `0${day}`
       }
-      return `${year}-${month}-${day}`;
+      return `${year}-${month}-${day}`
     }
 
-    static dispose() {
-      console.log(`${NAME}: dispose`);
+    static dispose () {
+      console.log(`${NAME}: dispose`)
       this.each((i, e) => {
-        $(e).html("");
-      });
+        $(e).html('')
+      })
     }
   }
 
   $(window).on(`${NAME}.init ${Events.AJAX} ${Events.LOADED}`, () => {
-    OpeningHoursUI.init();
-  });
+    OpeningHoursUI.init()
+  })
 
-  return OpeningHoursUI;
-})($);
+  return OpeningHoursUI
+})($)
 
-export default OpeningHoursUI;
+export default OpeningHoursUI
diff --git a/src/js_old/_components/_ui.search.js b/src/js_old/_components/_ui.search.js
index 31276a5..38731e6 100644
--- a/src/js_old/_components/_ui.search.js
+++ b/src/js_old/_components/_ui.search.js
@@ -1,107 +1,107 @@
-"use strict";
+'use strict'
 
-import $ from "jquery";
+import $ from 'jquery'
 
 $(() => {
-  const $searchLat = $('[name="search-lat"]');
-  const $searchLng = $('[name="search-lng"]');
-  const $nearbyLat = $("#nearby-lat");
-  const $nearbyLng = $("#nearby-lng");
-  const $radius = $("#distance-radius");
-  const $category = $("#distance-category");
-  const $newLocation = $('[name="newlocation"]');
-  const $setnewlocation = $("#setnewlocation");
-  const $newlocationholder = $(".set-newlocation-holder");
+  const $searchLat = $('[name="search-lat"]')
+  const $searchLng = $('[name="search-lng"]')
+  const $nearbyLat = $('#nearby-lat')
+  const $nearbyLng = $('#nearby-lng')
+  const $radius = $('#distance-radius')
+  const $category = $('#distance-category')
+  const $newLocation = $('[name="newlocation"]')
+  const $setnewlocation = $('#setnewlocation')
+  const $newlocationholder = $('.set-newlocation-holder')
 
   const updatePosition = (lat, lng) => {
-    $searchLat.val(lat);
-    $searchLng.val(lng);
-    $nearbyLat.val(lat);
-    $nearbyLng.val(lng);
+    $searchLat.val(lat)
+    $searchLng.val(lng)
+    $nearbyLat.val(lat)
+    $nearbyLng.val(lng)
 
-    $searchLat.change();
-    $nearbyLat.change();
-  };
+    $searchLat.change()
+    $nearbyLat.change()
+  }
 
   const getGeoPosition = () => {
-    const newLocation = $newLocation.val();
+    const newLocation = $newLocation.val()
     if (!newLocation.length) {
-      return;
+      return
     }
 
-    $(".search-location .current-val").text(newLocation);
-    const geoUrl = `https://maps.googleapis.com/maps/api/geocode/json?address=${newLocation}&key=AIzaSyC00L0023LPBhzj12uTCL-4EwJ_6zgwcTU&sensor=true`;
+    $('.search-location .current-val').text(newLocation)
+    const geoUrl = `https://maps.googleapis.com/maps/api/geocode/json?address=${newLocation}&key=AIzaSyC00L0023LPBhzj12uTCL-4EwJ_6zgwcTU&sensor=true`
 
     $.getJSON(geoUrl).done((data) => {
-      if (data.status === "OK") {
+      if (data.status === 'OK') {
         updatePosition(
           data.results[0].geometry.location.lat,
           data.results[0].geometry.location.lng
-        );
-        //getCategories();
+        )
+        // getCategories();
       }
-    });
-  };
+    })
+  }
 
   const getCurrentPosition = () => {
-    $(".search-location .current-val").text("Current Location");
+    $('.search-location .current-val').text('Current Location')
 
     navigator.geolocation.getCurrentPosition(
       (position) => {
-        updatePosition(position.coords.latitude, position.coords.longitude);
-        //hideDistancesThatDontMatter();
+        updatePosition(position.coords.latitude, position.coords.longitude)
+        // hideDistancesThatDontMatter();
       },
       () => {
-        $(".search-location .current-val").text("Unable to get your location");
-        updatePosition("", "");
+        $('.search-location .current-val').text('Unable to get your location')
+        updatePosition('', '')
       }
-    );
-  };
-
-  if ($newLocation.length && $newLocation.val().length) {
-    getGeoPosition();
-  } else {
-    getCurrentPosition();
+    )
   }
 
-  $("#Form_SearchForm").on("keyup keypress", (e) => {
-    var keyCode = e.keyCode || e.which;
+  if ($newLocation.length && $newLocation.val().length) {
+    getGeoPosition()
+  } else {
+    getCurrentPosition()
+  }
+
+  $('#Form_SearchForm').on('keyup keypress', (e) => {
+    const keyCode = e.keyCode || e.which
     if (keyCode === 13) {
-      e.preventDefault();
-      return false;
+      e.preventDefault()
+      return false
     }
-  });
+  })
 
-  $(".get-current-location").on("click", (e) => {
-    e.preventDefault();
+  $('.get-current-location').on('click', (e) => {
+    e.preventDefault()
 
-    getCurrentPosition();
-    $newlocationholder.toggle();
-    $newLocation.val("");
-  });
+    getCurrentPosition()
+    $newlocationholder.toggle()
+    $newLocation.val('')
+  })
 
-  $setnewlocation.on("click", (e) => {
-    e.preventDefault();
+  $setnewlocation.on('click', (e) => {
+    e.preventDefault()
 
-    $newlocationholder.toggle();
-  });
+    $newlocationholder.toggle()
+  })
 
   $newLocation.blur(() => {
-    getGeoPosition();
-  });
+    getGeoPosition()
+  })
 
-  $(".new-search").on("click", (e) => {
-    e.preventDefault();
+  $('.new-search').on('click', (e) => {
+    e.preventDefault()
 
-    $(".section-search-secondary").animate(
+    $('.section-search-secondary').animate(
       {
-        "max-height": 300,
+        'max-height': 300,
       },
-      "slow"
-    );
-  });
+      'slow'
+    )
+  })
 
-  /*$radius.on('change', () => {
+  /* $radius.on('change', () => {
         getCategories();
     });
     function getCategories() {
@@ -127,39 +127,39 @@ $(() => {
                     }
                 });
             });
-    }*/
+    } */
 
-  const $map = $("#Map");
-  if (typeof google !== "undefined" && $map.length) {
-    const $directions = $("#DirectionsPanel"),
-      $fromAddress = $("#FromAddress"),
-      $getDirections = $("#GetDirections"),
-      $directionContainer = $("#DirectionContainer"),
-      directionsDisplay = new google.maps.DirectionsRenderer(),
-      directionsService = new google.maps.DirectionsService(),
-      currentPosition = {
-        lat: $map.data("lat"),
-        lng: $map.data("lng"),
-      },
-      map = new google.maps.Map($map[0], {
-        zoom: 15,
-        mapTypeControl: true,
-        mapTypeId: google.maps.MapTypeId.ROADMAP,
-      });
+  const $map = $('#Map')
+  if (typeof google !== 'undefined' && $map.length) {
+    const $directions = $('#DirectionsPanel')
+    const $fromAddress = $('#FromAddress')
+    const $getDirections = $('#GetDirections')
+    const $directionContainer = $('#DirectionContainer')
+    const directionsDisplay = new google.maps.DirectionsRenderer()
+    const directionsService = new google.maps.DirectionsService()
+    const currentPosition = {
+      lat: $map.data('lat'),
+      lng: $map.data('lng'),
+    }
+    const map = new google.maps.Map($map[0], {
+      zoom: 15,
+      mapTypeControl: true,
+      mapTypeId: google.maps.MapTypeId.ROADMAP,
+    })
 
-    directionsDisplay.setMap(map);
-    directionsDisplay.setPanel($directions[0]);
+    directionsDisplay.setMap(map)
+    directionsDisplay.setPanel($directions[0])
 
-    map.setCenter(currentPosition);
+    map.setCenter(currentPosition)
     new google.maps.Marker({
       map,
       position: currentPosition,
-    });
+    })
 
     $getDirections.click((e) => {
-      e.preventDefault();
+      e.preventDefault()
 
-      const fromLocation = $fromAddress.val();
+      const fromLocation = $fromAddress.val()
 
       if (fromLocation.length) {
         directionsService.route(
@@ -170,13 +170,13 @@ $(() => {
           },
           (response, status) => {
             if (status === google.maps.DirectionsStatus.OK) {
-              directionsDisplay.setDirections(response);
+              directionsDisplay.setDirections(response)
             }
           }
-        );
+        )
 
-        $directionContainer.slideDown();
+        $directionContainer.slideDown()
       }
-    });
+    })
   }
-});
+})
diff --git a/src/js_old/_components/_ui.shrink.js b/src/js_old/_components/_ui.shrink.js
index 2ea0ae1..e3453c4 100644
--- a/src/js_old/_components/_ui.shrink.js
+++ b/src/js_old/_components/_ui.shrink.js
@@ -1,48 +1,48 @@
-"use strict";
+'use strict'
 
-import $ from "jquery";
-import Events from "../_events";
+import $ from 'jquery'
+import Events from '../_events'
 
 const ShrinkUI = (($) => {
   // Constants
-  const W = window;
-  const D = document;
-  const NAME = "ShrinkUI";
+  const W = window
+  const D = document
+  const NAME = 'ShrinkUI'
 
-  console.log(`${NAME}: init`);
+  console.log(`${NAME}: init`)
 
   $(W).on(
     `${NAME}.init ${Events.LOADED} ${Events.SCROLL} ${Events.RESIZE}`,
     () => {
-      if ($("#Navigation > .navbar-collapse").hasClass("show")) {
-        return;
+      if ($('#Navigation > .navbar-collapse').hasClass('show')) {
+        return
       }
 
-      let h1 = $("#SiteWideMessage").height();
+      let h1 = $('#SiteWideMessage').height()
       if (!h1) {
-        h1 = 0;
+        h1 = 0
       }
-      let h2 = $("#SiteWideOffline").height();
+      let h2 = $('#SiteWideOffline').height()
       if (!h2) {
-        h2 = 0;
+        h2 = 0
       }
 
-      let h3 = $("#Header").height();
+      let h3 = $('#Header').height()
       if (!h3) {
-        h3 = 0;
+        h3 = 0
       }
 
-      const headerHeight = h1 + h2 + h3;
+      const headerHeight = h1 + h2 + h3
 
       if ($(D).scrollTop() > headerHeight) {
-        $("body").addClass("shrink");
+        $('body').addClass('shrink')
       } else {
-        $("body").removeClass("shrink");
+        $('body').removeClass('shrink')
       }
     }
-  );
+  )
 
-  return ShrinkUI;
-})($);
+  return ShrinkUI
+})($)
 
-export default ShrinkUI;
+export default ShrinkUI
diff --git a/src/js_old/_components/_ui.sidebar.js b/src/js_old/_components/_ui.sidebar.js
index b8309e5..40858d1 100644
--- a/src/js_old/_components/_ui.sidebar.js
+++ b/src/js_old/_components/_ui.sidebar.js
@@ -1,84 +1,84 @@
-"use strict";
+'use strict'
 
-//import StickySidebar from 'sticky-sidebar/src/sticky-sidebar';
-import $ from "jquery";
-import Events from "../_events";
+// import StickySidebar from 'sticky-sidebar/src/sticky-sidebar';
+import $ from 'jquery'
+import Events from '../_events'
 
 const SidebarUI = (($) => {
-  const D = document;
-  const W = window;
-  const $Body = $("body");
-  const NAME = "SidebarUI";
-  const CLASSNAME = `js${NAME}`;
-  const CONTENTHOLDER = "content-holder";
-  const INNERWRAPPER = `${CLASSNAME}__inner`;
+  const D = document
+  const W = window
+  const $Body = $('body')
+  const NAME = 'SidebarUI'
+  const CLASSNAME = `js${NAME}`
+  const CONTENTHOLDER = 'content-holder'
+  const INNERWRAPPER = `${CLASSNAME}__inner`
 
   class SidebarUI {
-    static init() {
-      const ui = this;
-      ui.dispose();
+    static init () {
+      const ui = this
+      ui.dispose()
 
       if (!$(`.${CLASSNAME}`).length) {
-        return;
+        return
       }
 
-      console.log(`${NAME}: init ...`);
-      //const fontSize = parseInt($Body.css('font-size'));
-      const fontSize = 0;
-      const contentElement = $(`.${CONTENTHOLDER}`)[0];
+      console.log(`${NAME}: init ...`)
+      // const fontSize = parseInt($Body.css('font-size'));
+      const fontSize = 0
+      const contentElement = $(`.${CONTENTHOLDER}`)[0]
 
-      //$(`.${CLASSNAME}`).wrapInner(`<div class="${INNERWRAPPER}"></div>`);
-      const $el = $(`.${CLASSNAME}`);
-      const $innerWrapper = $(`.${INNERWRAPPER}`);
+      // $(`.${CLASSNAME}`).wrapInner(`<div class="${INNERWRAPPER}"></div>`);
+      const $el = $(`.${CLASSNAME}`)
+      const $innerWrapper = $(`.${INNERWRAPPER}`)
 
-      /*const sticky = new StickySidebar(`.${CLASSNAME}`, {
+      /* const sticky = new StickySidebar(`.${CLASSNAME}`, {
         topSpacing: fontSize,
         bottomSpacing: fontSize,
         containerSelector: CONTENTHOLDER,
         innerWrapperSelector: INNERWRAPPER,
-      });*/
+      }); */
 
-      $el.addClass(`${CLASSNAME}-active`);
+      $el.addClass(`${CLASSNAME}-active`)
 
       $Body.on(`${Events.SCROLL} ${Events.RESIZE}`, (e) => {
-        const contentOffset = parseInt(contentElement.offsetTop) + fontSize;
+        const contentOffset = parseInt(contentElement.offsetTop) + fontSize
         const contentOffsetHeight =
-          parseInt(contentElement.offsetHeight) - fontSize;
-        const sidebarWidth = $el[0].offsetWidth;
+          parseInt(contentElement.offsetHeight) - fontSize
+        const sidebarWidth = $el[0].offsetWidth
 
-        const scrollPos = parseInt($Body.scrollTop());
+        const scrollPos = parseInt($Body.scrollTop())
 
         // normal pos
         if (contentOffset >= scrollPos) {
-          $innerWrapper.attr("style", "");
+          $innerWrapper.attr('style', '')
         } else if (
           scrollPos >=
           contentOffset + contentOffsetHeight - $innerWrapper[0].offsetHeight
         ) {
           // bottom pos
-          $innerWrapper.attr("style", `position:absolute;bottom:${fontSize}px`);
+          $innerWrapper.attr('style', `position:absolute;bottom:${fontSize}px`)
         } else {
           // scrolled pos
           $innerWrapper.attr(
-            "style",
+            'style',
             `position:fixed;top:${fontSize}px;width:${sidebarWidth}px`
-          );
+          )
         }
-      });
+      })
     }
 
-    static dispose() {
-      console.log(`${NAME}: dispose`);
+    static dispose () {
+      console.log(`${NAME}: dispose`)
     }
   }
 
   $(W).on(`${NAME}.init ${Events.LODEDANDREADY}`, () => {
-    SidebarUI.init();
-  });
+    SidebarUI.init()
+  })
 
-  W.SidebarUI = new SidebarUI();
+  W.SidebarUI = new SidebarUI()
 
-  return SidebarUI;
-})($);
+  return SidebarUI
+})($)
 
-export default SidebarUI;
+export default SidebarUI
diff --git a/src/js_old/_components/_ui.spinner.js b/src/js_old/_components/_ui.spinner.js
index 6bb9dcf..d7fcbe0 100644
--- a/src/js_old/_components/_ui.spinner.js
+++ b/src/js_old/_components/_ui.spinner.js
@@ -1,18 +1,18 @@
-"use strict";
-import $ from "jquery";
+'use strict'
+import $ from 'jquery'
 
 const SpinnerUI = (($) => {
   class SpinnerUI {
-    static show(callback) {
-      $("#PageLoading").show(0, callback);
+    static show (callback) {
+      $('#PageLoading').show(0, callback)
     }
 
-    static hide(callback) {
-      $("#PageLoading").hide("slow", callback);
+    static hide (callback) {
+      $('#PageLoading').hide('slow', callback)
     }
   }
 
-  return SpinnerUI;
-})($);
+  return SpinnerUI
+})($)
 
-export default SpinnerUI;
+export default SpinnerUI
diff --git a/src/js_old/_components/_ui.video.preview.js b/src/js_old/_components/_ui.video.preview.js
index 2efb647..a059f9d 100644
--- a/src/js_old/_components/_ui.video.preview.js
+++ b/src/js_old/_components/_ui.video.preview.js
@@ -1,120 +1,120 @@
-"use strict";
+'use strict'
 
-import $ from "jquery";
+import $ from 'jquery'
 
-import MainUI from "../_main";
-import Events from "../_events";
-import SpinnerUI from "./_ui.spinner";
+import MainUI from '../_main'
+import Events from '../_events'
+import SpinnerUI from './_ui.spinner'
 
 const VideoPreviewUI = (($) => {
-  const NAME = "jsVideoPreviewUI";
-  const DATA_KEY = NAME;
+  const NAME = 'jsVideoPreviewUI'
+  const DATA_KEY = NAME
 
-  const G = window;
-  const D = document;
+  const G = window
+  const D = document
 
   class VideoPreviewUI {
-    constructor(el) {
-      const ui = this;
-      ui.$_el = $(el);
-      ui.innerHTML = ui.$_el[0].innerHTML;
+    constructor (el) {
+      const ui = this
+      ui.$_el = $(el)
+      ui.innerHTML = ui.$_el[0].innerHTML
 
-      ui.$_el.data(DATA_KEY, this);
-      const href = ui.$_el.attr("href") || ui.$_el.data("href");
+      ui.$_el.data(DATA_KEY, this)
+      const href = ui.$_el.attr('href') || ui.$_el.data('href')
       const YouTubeGetID = (url) => {
         const parsedURL = url.split(
           /(vi\/|v%3D|v=|\/v\/|youtu\.be\/|\/embed\/)/
-        );
-        console.log(`${NAME}: ${parsedURL}`);
+        )
+        console.log(`${NAME}: ${parsedURL}`)
         return undefined !== parsedURL[2]
           ? parsedURL[2].split(/[^0-9a-z_-]/i)[0]
-          : parsedURL[0];
-      };
+          : parsedURL[0]
+      }
 
-      let video;
+      let video
 
       if (
         (video = href.match(
           /(youtube|youtube-nocookie|youtu|vimeo)\.(com|be)\/(watch\?v=([\w-]+)|([\w-]+))/
         ))
       ) {
-        let video_id;
+        let video_id
 
         if (
-          video[1] === "youtube" ||
-          video[1] === "youtube-nocookie" ||
-          video[1] === "youtu"
+          video[1] === 'youtube' ||
+          video[1] === 'youtube-nocookie' ||
+          video[1] === 'youtu'
         ) {
-          video_id = YouTubeGetID(href);
+          video_id = YouTubeGetID(href)
         }
 
-        if (video[1] == "vimeo") {
-          video_id = video[3];
-          ui.$_el.addClass("loading");
+        if (video[1] == 'vimeo') {
+          video_id = video[3]
+          ui.$_el.addClass('loading')
           $.ajax({
-            type: "GET",
+            type: 'GET',
             url: `https://vimeo.com/api/v2/video/${video_id}.json`,
-            jsonp: "callback",
-            dataType: "jsonp",
+            jsonp: 'callback',
+            dataType: 'jsonp',
             success: function (data) {
-              const thumbnail_src = data[0].thumbnail_large;
-              ui.show(thumbnail_src);
-              ui.$_el.removeClass("loading");
+              const thumbnail_src = data[0].thumbnail_large
+              ui.show(thumbnail_src)
+              ui.$_el.removeClass('loading')
             },
-          });
+          })
 
-          return;
+          return
         }
 
         if (video_id) {
-          ui.show(`//i3.ytimg.com/vi/${video_id}/0.jpg`);
+          ui.show(`//i3.ytimg.com/vi/${video_id}/0.jpg`)
         }
       }
     }
 
-    show(src) {
-      const ui = this;
-      ui.$_el[0].innerHTML = "";
-      ui.$_el.append(`<img src="${src}" alt="Video" />`);
+    show (src) {
+      const ui = this
+      ui.$_el[0].innerHTML = ''
+      ui.$_el.append(`<img src="${src}" alt="Video" />`)
     }
 
-    static dispose() {
-      console.log(`${NAME}: dispose`);
-      ui.$_el[0].innerHTML = ui.innerHTML;
+    static dispose () {
+      console.log(`${NAME}: dispose`)
+      ui.$_el[0].innerHTML = ui.innerHTML
     }
 
-    static _jQueryInterface() {
+    static _jQueryInterface () {
       return this.each((i, el) => {
         // attach functionality to element
-        const $el = $(el);
-        let data = $el.data(DATA_KEY);
+        const $el = $(el)
+        let data = $el.data(DATA_KEY)
 
         if (!data) {
-          data = new VideoPreviewUI(el);
-          $el.data(DATA_KEY, data);
+          data = new VideoPreviewUI(el)
+          $el.data(DATA_KEY, data)
         }
-      });
+      })
     }
   }
 
   // jQuery interface
-  $.fn[NAME] = VideoPreviewUI._jQueryInterface;
-  $.fn[NAME].Constructor = VideoPreviewUI;
+  $.fn[NAME] = VideoPreviewUI._jQueryInterface
+  $.fn[NAME].Constructor = VideoPreviewUI
   $.fn[NAME].noConflict = () => {
-    $.fn[NAME] = JQUERY_NO_CONFLICT;
-    return VideoPreviewUI._jQueryInterface;
-  };
+    $.fn[NAME] = JQUERY_NO_CONFLICT
+    return VideoPreviewUI._jQueryInterface
+  }
 
   // auto-apply
   $(window).on(`${Events.LODEDANDREADY}`, () => {
-    console.log(`${NAME}: init`);
+    console.log(`${NAME}: init`)
 
     $('[data-video-preview="true"]').each((i, el) => {
-      $(el).jsVideoPreviewUI();
-    });
-  });
+      $(el).jsVideoPreviewUI()
+    })
+  })
 
-  return VideoPreviewUI;
-})($);
+  return VideoPreviewUI
+})($)
 
-export default VideoPreviewUI;
+export default VideoPreviewUI
diff --git a/src/js_old/_components/_ui.visibility.js b/src/js_old/_components/_ui.visibility.js
index 487e97d..7191361 100644
--- a/src/js_old/_components/_ui.visibility.js
+++ b/src/js_old/_components/_ui.visibility.js
@@ -1,16 +1,16 @@
-"use strict";
-import $ from "jquery";
+'use strict'
+import $ from 'jquery'
 
-const G = window;
-const D = document;
+const G = window
+const D = document
 
 // remove browser default alerts
-/*alert = function () {
+/* alert = function () {
   console.log(arguments);
   console.log(new Error().stack);
-};*/
+}; */
 
-/*G.addEventListener(G.visibilityChangeEvent, () => {
+/* G.addEventListener(G.visibilityChangeEvent, () => {
   if (currentPage && typeof currentPage !== 'undefined') {
     if (
       landingPage !== G.location.href &&
@@ -23,4 +23,4 @@ const D = document;
       G.localStorage.removeItem('current-page');
     }
   }
-});*/
+}); */
diff --git a/src/js_old/_components/drivers/_google.track.external.links.js b/src/js_old/_components/drivers/_google.track.external.links.js
index 1c7e2e4..d99f97c 100644
--- a/src/js_old/_components/drivers/_google.track.external.links.js
+++ b/src/js_old/_components/drivers/_google.track.external.links.js
@@ -1,61 +1,61 @@
-function _gaLt(event) {
-  if (typeof ga !== "function") {
-    return;
+function _gaLt (event) {
+  if (typeof ga !== 'function') {
+    return
   }
 
-  var el = event.srcElement || event.target;
+  let el = event.srcElement || event.target
 
   /* Loop up the DOM tree through parent elements if clicked element is not a link (eg: an image inside a link) */
   while (
     el &&
-    (typeof el.tagName == "undefined" ||
-      el.tagName.toLowerCase() != "a" ||
+    (typeof el.tagName === 'undefined' ||
+      el.tagName.toLowerCase() != 'a' ||
       !el.href)
   ) {
-    el = el.parentNode;
+    el = el.parentNode
   }
 
   if (el && el.href) {
     /* link */
-    var link = el.href;
+    const link = el.href
     if (link.indexOf(location.host) == -1 && !link.match(/^javascript:/i)) {
       /* external link */
       /* HitCallback function to either open link in either same or new window */
-      var hitBack = function (link, target) {
-        target ? window.open(link, target) : (window.location.href = link);
-      };
+      const hitBack = function (link, target) {
+        target ? window.open(link, target) : (window.location.href = link)
+      }
       /* Is target set and not _(self|parent|top)? */
-      var target =
+      const target =
         el.target && !el.target.match(/^_(self|parent|top)$/i)
           ? el.target
-          : false;
+          : false
       /* send event with callback */
       ga(
-        "send",
-        "event",
-        "Outgoing Links",
+        'send',
+        'event',
+        'Outgoing Links',
         link,
         document.location.pathname + document.location.search,
         { hitCallback: hitBack(link, target) }
-      );
+      )
 
       /* Prevent standard click */
-      event.preventDefault ? event.preventDefault() : (event.returnValue = !1);
+      event.preventDefault ? event.preventDefault() : (event.returnValue = !1)
     }
   }
 }
 
 /* Attach the event to all clicks in the document after page has loaded */
-var w = window;
+const w = window
 w.addEventListener
   ? w.addEventListener(
-    "load",
+    'load',
     () => {
-      document.body.addEventListener("click", _gaLt, !1);
+      document.body.addEventListener('click', _gaLt, !1)
     },
     !1
   )
   : w.attachEvent &&
-    w.attachEvent("onload", () => {
-      document.body.attachEvent("onclick", _gaLt);
-    });
+    w.attachEvent('onload', () => {
+      document.body.attachEvent('onclick', _gaLt)
+    })
diff --git a/src/js_old/_components/drivers/_map.google.font-icons.js b/src/js_old/_components/drivers/_map.google.font-icons.js
index db5b52e..ea190bc 100644
--- a/src/js_old/_components/drivers/_map.google.font-icons.js
+++ b/src/js_old/_components/drivers/_map.google.font-icons.js
@@ -1,197 +1,196 @@
-"use strict";
+'use strict'
 
 const Obj = {
   init: () => {
     class GoogleMapsHtmlOverlay extends google.maps.OverlayView {
-      constructor(options) {
-        super();
-        const ui = this;
+      constructor (options) {
+        super()
+        const ui = this
 
-        ui.setMap(options.map);
-        ui.position = options.position;
+        ui.setMap(options.map)
+        ui.position = options.position
         ui.html = options.html
           ? options.html
-          : '<div class="mapboxgl-marker"><i class="marker-icon fas fa-map-marker-alt"></i></div>';
-        ui.divClass = options.divClass;
-        ui.align = options.align;
-        ui.isDebugMode = options.debug;
-        ui.onClick = options.onClick;
-        ui.onMouseOver = options.onMouseOver;
+          : '<div class="mapboxgl-marker"><i class="marker-icon fas fa-map-marker-alt"></i></div>'
+        ui.divClass = options.divClass
+        ui.align = options.align
+        ui.isDebugMode = options.debug
+        ui.onClick = options.onClick
+        ui.onMouseOver = options.onMouseOver
 
         ui.isBoolean = (arg) => {
-          if (typeof arg === "boolean") {
-            return true;
+          if (typeof arg === 'boolean') {
+            return true
           } else {
-            return false;
+            return false
           }
-        };
+        }
 
         ui.isNotUndefined = (arg) => {
-          if (typeof arg !== "undefined") {
-            return true;
+          if (typeof arg !== 'undefined') {
+            return true
           } else {
-            return false;
+            return false
           }
-        };
+        }
 
         ui.hasContent = (arg) => {
           if (arg.length > 0) {
-            return true;
+            return true
           } else {
-            return false;
+            return false
           }
-        };
+        }
 
         ui.isString = (arg) => {
-          if (typeof arg === "string") {
-            return true;
+          if (typeof arg === 'string') {
+            return true
           } else {
-            return false;
+            return false
           }
-        };
+        }
 
         ui.isFunction = (arg) => {
-          if (typeof arg === "function") {
-            return true;
+          if (typeof arg === 'function') {
+            return true
           } else {
-            return false;
+            return false
           }
-        };
+        }
       }
-      onAdd() {
-        const ui = this;
+
+      onAdd () {
+        const ui = this
 
         // Create div element.
-        ui.div = document.createElement("div");
-        ui.div.style.position = "absolute";
+        ui.div = document.createElement('div')
+        ui.div.style.position = 'absolute'
 
         // Validate and set custom div class
-        if (ui.isNotUndefined(ui.divClass) && ui.hasContent(ui.divClass))
-          ui.div.className = ui.divClass;
+        if (ui.isNotUndefined(ui.divClass) && ui.hasContent(ui.divClass)) { ui.div.className = ui.divClass }
 
         // Validate and set custom HTML
         if (
           ui.isNotUndefined(ui.html) &&
           ui.hasContent(ui.html) &&
           ui.isString(ui.html)
-        )
-          ui.div.innerHTML = ui.html;
+        ) { ui.div.innerHTML = ui.html }
 
         // If debug mode is enabled custom content will be replaced with debug content
         if (ui.isBoolean(ui.isDebugMode) && ui.isDebugMode) {
-          ui.div.className = "debug-mode";
+          ui.div.className = 'debug-mode'
           ui.div.innerHTML =
             '<div style="height: 10px; width: 10px; background: red; border-radius: 100%;"></div>' +
-            '<div style="position: absolute; top: 5px; padding: 5px; width: 130px; text-align: center; font-size: 18px; text-transform: uppercase; font-weight: bolder; background: red; color: white; font-family: Arial;">Debug mode</div>';
+            '<div style="position: absolute; top: 5px; padding: 5px; width: 130px; text-align: center; font-size: 18px; text-transform: uppercase; font-weight: bolder; background: red; color: white; font-family: Arial;">Debug mode</div>'
           ui.div.setAttribute(
-            "style",
-            "position: absolute;" +
-              "border: 5px dashed red;" +
-              "height: 150px;" +
-              "width: 150px;" +
-              "display: flex;" +
-              "justify-content: center;" +
-              "align-items: center;"
-          );
+            'style',
+            'position: absolute;' +
+              'border: 5px dashed red;' +
+              'height: 150px;' +
+              'width: 150px;' +
+              'display: flex;' +
+              'justify-content: center;' +
+              'align-items: center;'
+          )
         }
 
         // Add element to clickable layer
-        ui.getPanes().overlayMouseTarget.appendChild(ui.div);
+        ui.getPanes().overlayMouseTarget.appendChild(ui.div)
 
         // Add listeners to the element.
-        google.maps.event.addDomListener(ui.div, "click", (event) => {
-          google.maps.event.trigger(ui, "click");
-          if (ui.isFunction(ui.onClick)) ui.onClick();
-          event.stopPropagation();
-        });
+        google.maps.event.addDomListener(ui.div, 'click', (event) => {
+          google.maps.event.trigger(ui, 'click')
+          if (ui.isFunction(ui.onClick)) ui.onClick()
+          event.stopPropagation()
+        })
 
-        google.maps.event.addDomListener(ui.div, "mouseover", (event) => {
-          google.maps.event.trigger(ui, "mouseover");
-          if (ui.isFunction(ui.onMouseOver)) ui.onMouseOver();
-          event.stopPropagation();
-        });
+        google.maps.event.addDomListener(ui.div, 'mouseover', (event) => {
+          google.maps.event.trigger(ui, 'mouseover')
+          if (ui.isFunction(ui.onMouseOver)) ui.onMouseOver()
+          event.stopPropagation()
+        })
       }
 
-      draw() {
-        const ui = this;
+      draw () {
+        const ui = this
 
         // Calculate position of div
-        var positionInPixels = ui
+        const positionInPixels = ui
           .getProjection()
-          .fromLatLngToDivPixel(new google.maps.LatLng(ui.position));
+          .fromLatLngToDivPixel(new google.maps.LatLng(ui.position))
 
         // Align HTML overlay relative to original position
-        var divOffset = {
+        const divOffset = {
           y: undefined,
           x: undefined,
-        };
+        }
 
-        switch (Array.isArray(ui.align) ? ui.align.join(" ") : "") {
-          case "left top":
-            divOffset.y = ui.div.offsetHeight;
-            divOffset.x = ui.div.offsetWidth;
-            break;
-          case "left center":
-            divOffset.y = ui.div.offsetHeight / 2;
-            divOffset.x = ui.div.offsetWidth;
-            break;
-          case "left bottom":
-            divOffset.y = 0;
-            divOffset.x = ui.div.offsetWidth;
-            break;
-          case "center top":
-            divOffset.y = ui.div.offsetHeight;
-            divOffset.x = ui.div.offsetWidth / 2;
-            break;
-          case "center center":
-            divOffset.y = ui.div.offsetHeight / 2;
-            divOffset.x = ui.div.offsetWidth / 2;
-            break;
-          case "center bottom":
-            divOffset.y = 0;
-            divOffset.x = ui.div.offsetWidth / 2;
-            break;
-          case "right top":
-            divOffset.y = ui.div.offsetHeight;
-            divOffset.x = 0;
-            break;
-          case "right center":
-            divOffset.y = ui.div.offsetHeight / 2;
-            divOffset.x = 0;
-            break;
-          case "right bottom":
-            divOffset.y = 0;
-            divOffset.x = 0;
-            break;
+        switch (Array.isArray(ui.align) ? ui.align.join(' ') : '') {
+          case 'left top':
+            divOffset.y = ui.div.offsetHeight
+            divOffset.x = ui.div.offsetWidth
+            break
+          case 'left center':
+            divOffset.y = ui.div.offsetHeight / 2
+            divOffset.x = ui.div.offsetWidth
+            break
+          case 'left bottom':
+            divOffset.y = 0
+            divOffset.x = ui.div.offsetWidth
+            break
+          case 'center top':
+            divOffset.y = ui.div.offsetHeight
+            divOffset.x = ui.div.offsetWidth / 2
+            break
+          case 'center center':
+            divOffset.y = ui.div.offsetHeight / 2
+            divOffset.x = ui.div.offsetWidth / 2
+            break
+          case 'center bottom':
+            divOffset.y = 0
+            divOffset.x = ui.div.offsetWidth / 2
+            break
+          case 'right top':
+            divOffset.y = ui.div.offsetHeight
+            divOffset.x = 0
+            break
+          case 'right center':
+            divOffset.y = ui.div.offsetHeight / 2
+            divOffset.x = 0
+            break
+          case 'right bottom':
+            divOffset.y = 0
+            divOffset.x = 0
+            break
           default:
-            divOffset.y = ui.div.offsetHeight / 2;
-            divOffset.x = ui.div.offsetWidth / 2;
+            divOffset.y = ui.div.offsetHeight / 2
+            divOffset.x = ui.div.offsetWidth / 2
         }
 
         // Set position
-        ui.div.style.top = `${positionInPixels.y - divOffset.y}px`;
-        ui.div.style.left = `${positionInPixels.x - divOffset.x}px`;
+        ui.div.style.top = `${positionInPixels.y - divOffset.y}px`
+        ui.div.style.left = `${positionInPixels.x - divOffset.x}px`
       }
 
-      getPosition() {
-        const ui = this;
-        return ui.position;
+      getPosition () {
+        const ui = this
+        return ui.position
       }
 
-      getDiv() {
-        const ui = this;
-        return ui.div;
+      getDiv () {
+        const ui = this
+        return ui.div
       }
 
-      setPosition(position, align) {
-        const ui = this;
-        ui.position = position;
-        ui.align = align;
-        ui.draw();
+      setPosition (position, align) {
+        const ui = this
+        ui.position = position
+        ui.align = align
+        ui.draw()
       }
     }
-    return GoogleMapsHtmlOverlay;
+    return GoogleMapsHtmlOverlay
   },
-};
+}
 
-export default Obj;
+export default Obj
diff --git a/src/js_old/_components/drivers/_map.google.js b/src/js_old/_components/drivers/_map.google.js
index 8fdf1a9..bcfc4a3 100644
--- a/src/js_old/_components/drivers/_map.google.js
+++ b/src/js_old/_components/drivers/_map.google.js
@@ -1,294 +1,294 @@
-"use strict";
+'use strict'
 
-import $ from "jquery";
+import $ from 'jquery'
 
-import MarkerClusterer from "@googlemaps/markerclustererplus";
+import MarkerClusterer from '@googlemaps/markerclustererplus'
 
-import Events from "../../_events";
-import MarkerUI from "./_map.google.marker";
+import Events from '../../_events'
+import MarkerUI from './_map.google.marker'
 
 const GoogleMapsDriver = (($) => {
   class GoogleMapsDriver {
-    getName() {
-      return "GoogleMapsDriver";
+    getName () {
+      return 'GoogleMapsDriver'
     }
 
-    init($el, config = []) {
-      const ui = this;
-      const W = window;
+    init ($el, config = []) {
+      const ui = this
+      const W = window
 
-      ui.$el = $el;
-      ui.config = config;
-      ui.markers = [];
+      ui.$el = $el
+      ui.config = config
+      ui.markers = []
 
       W[`init${ui.getName()}`] = () => {
-        ui.googleApiLoaded();
-      };
+        ui.googleApiLoaded()
+      }
 
-      $("body").append(
+      $('body').append(
         `<script async defer src="https://maps.googleapis.com/maps/api/js?key=${
-          config["key"]
+          config.key
         }&callback=init${ui.getName()}"></script>`
-      );
+      )
     }
 
-    googleApiLoaded() {
-      const ui = this;
+    googleApiLoaded () {
+      const ui = this
 
-      const $el = ui.$el;
-      const config = ui.config;
-      const $mapDiv = $el.find(".mapAPI-map");
+      const $el = ui.$el
+      const config = ui.config
+      const $mapDiv = $el.find('.mapAPI-map')
 
-      const zoom = config["mapZoom"] ? config["mapZoom"] : 10;
-      const center = config["center"]
+      const zoom = config.mapZoom ? config.mapZoom : 10
+      const center = config.center
         ? {
-          lat: config["center"][1],
-          lng: config["center"][0],
+          lat: config.center[1],
+          lng: config.center[0],
         }
         : {
           lat: 0,
           lng: 0,
-        };
-      const style = config["style"] ? config["style"] : null;
+        }
+      const style = config.style ? config.style : null
 
-      console.log(`${ui.getName()}: API is loaded`);
+      console.log(`${ui.getName()}: API is loaded`)
       // init fontawesome icons
-      ui.MarkerUI = MarkerUI.init($);
+      ui.MarkerUI = MarkerUI.init($)
 
       ui.map = new google.maps.Map($mapDiv[0], {
         zoom,
         center,
         fullscreenControl: true,
         styles: style,
-      });
+      })
 
-      ui.default_zoom = zoom;
+      ui.default_zoom = zoom
 
-      $mapDiv.addClass("mapboxgl-map");
+      $mapDiv.addClass('mapboxgl-map')
 
       ui.popup = new ui.MarkerUI({
         map: ui.map,
-        align: ["center", "top"],
-        divClass: "mapboxgl-popup popup mapboxgl-popup-anchor-bottom d-none",
+        align: ['center', 'top'],
+        divClass: 'mapboxgl-popup popup mapboxgl-popup-anchor-bottom d-none',
         html:
           '<div class="mapboxgl-popup-tip"></div><div class="mapboxgl-popup-content">' +
           '<div class="mapboxgl-popup-close-button" type="button" aria-label="Close popup">×</div>' +
           '<div class="html"></div>' +
-          "</div>",
-      });
-      ui.popup.setMap(ui.map);
+          '</div>',
+      })
+      ui.popup.setMap(ui.map)
 
-      ui.geocoder = new google.maps.Geocoder();
+      ui.geocoder = new google.maps.Geocoder()
 
       ui.cluster = new MarkerClusterer(ui.map, null, {
         styles: [
           {
             width: 30,
             height: 30,
-            className: "mapboxgl-cluster",
+            className: 'mapboxgl-cluster',
           },
         ],
-      });
+      })
 
-      $el.trigger(Events.MAPAPILOADED);
+      $el.trigger(Events.MAPAPILOADED)
     }
 
-    addMarker(crds, config) {
-      const ui = this;
+    addMarker (crds, config) {
+      const ui = this
 
       const pos = {
         lat: crds[1],
         lng: crds[0],
-      };
+      }
 
       const marker = new ui.MarkerUI({
         position: pos,
         map: ui.map,
-        align: ["center", "top"],
-        html: `<div class="mapboxgl-marker"><div id="Marker${config["id"]}" data-id="${config["id"]}" class="marker">${config["icon"]}</div></div>`,
+        align: ['center', 'top'],
+        html: `<div class="mapboxgl-marker"><div id="Marker${config.id}" data-id="${config.id}" class="marker">${config.icon}</div></div>`,
         onClick: () => {
-          const $el = $(`#Marker${config["id"]}`);
-          ui.showPopup(pos, config["content"]);
+          const $el = $(`#Marker${config.id}`)
+          ui.showPopup(pos, config.content)
 
-          $el.trigger(Events.MAPMARKERCLICK);
+          $el.trigger(Events.MAPMARKERCLICK)
         },
-      });
+      })
 
-      ui.markers.push(marker);
+      ui.markers.push(marker)
 
-      ui.cluster.addMarker(marker);
+      ui.cluster.addMarker(marker)
 
-      return marker;
+      return marker
     }
 
-    showPopup(pos, content) {
-      const ui = this;
-      const $popup = $(ui.popup.getDiv());
+    showPopup (pos, content) {
+      const ui = this
+      const $popup = $(ui.popup.getDiv())
 
-      if (ui.config["flyToMarker"]) {
-        ui.map.setCenter(pos); // panTo
-        if (!ui.config["noZoom"]) {
-          ui.map.setZoom(18);
+      if (ui.config.flyToMarker) {
+        ui.map.setCenter(pos) // panTo
+        if (!ui.config.noZoom) {
+          ui.map.setZoom(18)
         }
       }
 
       // keep it hidden to render content
       $popup.css({
-        opacity: "0",
-      });
-      $popup.removeClass("d-none");
+        opacity: '0',
+      })
+      $popup.removeClass('d-none')
 
-      $popup.find(".mapboxgl-popup-content .html").html(content);
+      $popup.find('.mapboxgl-popup-content .html').html(content)
 
-      $popup.find(".mapboxgl-popup-close-button").on("click", (e) => {
-        e.preventDefault();
-        ui.hidePopup();
-      });
+      $popup.find('.mapboxgl-popup-close-button').on('click', (e) => {
+        e.preventDefault()
+        ui.hidePopup()
+      })
 
       // set position when content was rendered
-      ui.popup.setPosition(pos, ["center", "top"]);
+      ui.popup.setPosition(pos, ['center', 'top'])
 
       // display popup
       $popup.css({
-        "margin-top": "-1rem",
-        opacity: "1",
-      });
+        'margin-top': '-1rem',
+        opacity: '1',
+      })
     }
 
-    hidePopup() {
-      const ui = this;
-      const $popup = $(ui.popup.getDiv());
+    hidePopup () {
+      const ui = this
+      const $popup = $(ui.popup.getDiv())
 
-      $popup.addClass("d-none");
-      if (!ui.config["noRestoreBounds"] || ui.config["flyToBounds"]) {
-        ui.restoreBounds();
+      $popup.addClass('d-none')
+      if (!ui.config.noRestoreBounds || ui.config.flyToBounds) {
+        ui.restoreBounds()
       }
 
-      ui.$el.trigger(Events.MAPPOPUPCLOSE);
+      ui.$el.trigger(Events.MAPPOPUPCLOSE)
     }
 
-    geocode(addr, callback) {
-      const ui = this;
+    geocode (addr, callback) {
+      const ui = this
 
       ui.geocoder.geocode(
         {
           address: addr,
         },
         (results, status) => {
-          if (status === "OK") {
-            //results[0].geometry.location;
+          if (status === 'OK') {
+            // results[0].geometry.location;
 
-            if (typeof callback === "function") {
-              callback(results);
+            if (typeof callback === 'function') {
+              callback(results)
             }
 
-            return results;
+            return results
           } else {
             console.error(
               `${ui.getName()}: Geocode was not successful for the following reason: ${status}`
-            );
+            )
           }
         }
-      );
+      )
     }
 
-    reverseGeocode(latLng, callback) {
-      const ui = this;
+    reverseGeocode (latLng, callback) {
+      const ui = this
 
       ui.geocoder.geocode(
         {
           location: latlng,
         },
         (results, status) => {
-          if (status === "OK") {
-            //results[0].formatted_address;
+          if (status === 'OK') {
+            // results[0].formatted_address;
 
-            if (typeof callback === "function") {
-              callback(results);
+            if (typeof callback === 'function') {
+              callback(results)
             }
 
-            return results;
+            return results
           } else {
             console.error(
               `${ui.getName()}: Reverse Geocoding was not successful for the following reason: ${status}`
-            );
+            )
           }
         }
-      );
+      )
     }
 
-    addGeoJson(config) {
-      const ui = this;
+    addGeoJson (config) {
+      const ui = this
 
-      const firstMarker = config["geojson"].features[0].geometry.coordinates;
-      //Map.setCenter(firstMarker);
-      const bounds = new google.maps.LatLngBounds();
+      const firstMarker = config.geojson.features[0].geometry.coordinates
+      // Map.setCenter(firstMarker);
+      const bounds = new google.maps.LatLngBounds()
 
       // add markers to map
-      config["geojson"].features.forEach((marker) => {
-        const id = marker.id;
-        const crds = marker.geometry.coordinates;
-        const content = marker.properties.content;
+      config.geojson.features.forEach((marker) => {
+        const id = marker.id
+        const crds = marker.geometry.coordinates
+        const content = marker.properties.content
 
         ui.addMarker(crds, {
           id,
           content,
           icon: marker.icon,
-          flyToMarker: config["flyToMarker"],
-        });
+          flyToMarker: config.flyToMarker,
+        })
 
         bounds.extend({
           lat: crds[1],
           lng: crds[0],
-        });
-      });
+        })
+      })
 
       if (ui.markers.length > 1) {
         ui.map.fitBounds(bounds, {
           padding: 30,
-        }); //panToBounds
+        }) // panToBounds
       } else if (ui.markers[0]) {
-        ui.map.setCenter(ui.markers[0].getPosition());
+        ui.map.setCenter(ui.markers[0].getPosition())
       }
 
-      ui.default_bounds = bounds;
-      ui.default_zoom = ui.map.getZoom();
+      ui.default_bounds = bounds
+      ui.default_zoom = ui.map.getZoom()
     }
 
-    getMap() {
-      const ui = this;
-      return ui.map;
+    getMap () {
+      const ui = this
+      return ui.map
     }
 
-    getPopup() {
-      const ui = this;
-      return ui.popup;
+    getPopup () {
+      const ui = this
+      return ui.popup
     }
 
-    restoreBounds() {
-      const ui = this;
+    restoreBounds () {
+      const ui = this
 
       if (ui.default_bounds && ui.markers.length > 1) {
         ui.map.fitBounds(ui.default_bounds, {
           padding: 30,
-        }); //panToBounds
+        }) // panToBounds
       } else {
         if (ui.markers[0]) {
-          ui.map.setCenter(ui.markers[0].getPosition());
+          ui.map.setCenter(ui.markers[0].getPosition())
         }
 
-        ui.restoreZoom();
+        ui.restoreZoom()
       }
     }
 
-    restoreZoom() {
-      const ui = this;
+    restoreZoom () {
+      const ui = this
 
-      ui.map.setZoom(ui.default_zoom);
+      ui.map.setZoom(ui.default_zoom)
     }
   }
 
-  return GoogleMapsDriver;
-})($);
+  return GoogleMapsDriver
+})($)
 
-export default GoogleMapsDriver;
+export default GoogleMapsDriver
diff --git a/src/js_old/_components/drivers/_map.google.marker.js b/src/js_old/_components/drivers/_map.google.marker.js
index 38e69a6..d00c03b 100644
--- a/src/js_old/_components/drivers/_map.google.marker.js
+++ b/src/js_old/_components/drivers/_map.google.marker.js
@@ -1,228 +1,227 @@
-"use strict";
+'use strict'
 
-import $ from "jquery";
+import $ from 'jquery'
 
 const Obj = {
   init: () => {
     class GoogleMapsHtmlOverlay extends google.maps.OverlayView {
-      constructor(options) {
-        super();
-        const ui = this;
+      constructor (options) {
+        super()
+        const ui = this
 
-        ui.ownerMap = options.map;
-        //ui.setMap(options.map);
-        ui.position = options.position;
+        ui.ownerMap = options.map
+        // ui.setMap(options.map);
+        ui.position = options.position
         ui.html = options.html
           ? options.html
-          : '<div class="mapboxgl-marker"><i class="marker-icon fas fa-map-marker-alt"></i></div>';
-        ui.divClass = options.divClass;
-        ui.align = options.align;
-        ui.isDebugMode = options.debug;
-        ui.onClick = options.onClick;
-        ui.onMouseOver = options.onMouseOver;
+          : '<div class="mapboxgl-marker"><i class="marker-icon fas fa-map-marker-alt"></i></div>'
+        ui.divClass = options.divClass
+        ui.align = options.align
+        ui.isDebugMode = options.debug
+        ui.onClick = options.onClick
+        ui.onMouseOver = options.onMouseOver
 
         ui.isBoolean = (arg) => {
-          if (typeof arg === "boolean") {
-            return true;
+          if (typeof arg === 'boolean') {
+            return true
           } else {
-            return false;
+            return false
           }
-        };
+        }
 
         ui.isNotUndefined = (arg) => {
-          if (typeof arg !== "undefined") {
-            return true;
+          if (typeof arg !== 'undefined') {
+            return true
           } else {
-            return false;
+            return false
           }
-        };
+        }
 
         ui.hasContent = (arg) => {
           if (arg.length > 0) {
-            return true;
+            return true
           } else {
-            return false;
+            return false
           }
-        };
+        }
 
         ui.isString = (arg) => {
-          if (typeof arg === "string") {
-            return true;
+          if (typeof arg === 'string') {
+            return true
           } else {
-            return false;
+            return false
           }
-        };
+        }
 
         ui.isFunction = (arg) => {
-          if (typeof arg === "function") {
-            return true;
+          if (typeof arg === 'function') {
+            return true
           } else {
-            return false;
+            return false
           }
-        };
+        }
       }
-      onAdd() {
-        const ui = this;
+
+      onAdd () {
+        const ui = this
 
         // Create div element.
-        ui.div = document.createElement("div");
-        ui.div.style.position = "absolute";
+        ui.div = document.createElement('div')
+        ui.div.style.position = 'absolute'
 
         // Validate and set custom div class
-        if (ui.isNotUndefined(ui.divClass) && ui.hasContent(ui.divClass))
-          ui.div.className = ui.divClass;
+        if (ui.isNotUndefined(ui.divClass) && ui.hasContent(ui.divClass)) { ui.div.className = ui.divClass }
 
         // Validate and set custom HTML
         if (
           ui.isNotUndefined(ui.html) &&
           ui.hasContent(ui.html) &&
           ui.isString(ui.html)
-        )
-          ui.div.innerHTML = ui.html;
+        ) { ui.div.innerHTML = ui.html }
 
         // If debug mode is enabled custom content will be replaced with debug content
         if (ui.isBoolean(ui.isDebugMode) && ui.isDebugMode) {
-          ui.div.className = "debug-mode";
+          ui.div.className = 'debug-mode'
           ui.div.innerHTML =
             '<div style="height: 10px; width: 10px; background: red; border-radius: 100%;"></div>' +
-            '<div style="position: absolute; top: 5px; padding: 5px; width: 130px; text-align: center; font-size: 18px; text-transform: uppercase; font-weight: bolder; background: red; color: white; font-family: Arial;">Debug mode</div>';
+            '<div style="position: absolute; top: 5px; padding: 5px; width: 130px; text-align: center; font-size: 18px; text-transform: uppercase; font-weight: bolder; background: red; color: white; font-family: Arial;">Debug mode</div>'
           ui.div.setAttribute(
-            "style",
-            "position: absolute;" +
-              "border: 5px dashed red;" +
-              "height: 150px;" +
-              "width: 150px;" +
-              "display: flex;" +
-              "justify-content: center;" +
-              "align-items: center;"
-          );
+            'style',
+            'position: absolute;' +
+              'border: 5px dashed red;' +
+              'height: 150px;' +
+              'width: 150px;' +
+              'display: flex;' +
+              'justify-content: center;' +
+              'align-items: center;'
+          )
         }
 
         // Add element to clickable layer
-        ui.getPanes().overlayMouseTarget.appendChild(ui.div);
+        ui.getPanes().overlayMouseTarget.appendChild(ui.div)
 
         // Add listeners to the element.
-        google.maps.event.addDomListener(ui.div, "click", (event) => {
-          google.maps.event.trigger(ui, "click");
-          if (ui.isFunction(ui.onClick)) ui.onClick();
-          event.stopPropagation();
-        });
+        google.maps.event.addDomListener(ui.div, 'click', (event) => {
+          google.maps.event.trigger(ui, 'click')
+          if (ui.isFunction(ui.onClick)) ui.onClick()
+          event.stopPropagation()
+        })
 
-        google.maps.event.addDomListener(ui.div, "mouseover", (event) => {
-          google.maps.event.trigger(ui, "mouseover");
-          if (ui.isFunction(ui.onMouseOver)) ui.onMouseOver();
-          event.stopPropagation();
-        });
+        google.maps.event.addDomListener(ui.div, 'mouseover', (event) => {
+          google.maps.event.trigger(ui, 'mouseover')
+          if (ui.isFunction(ui.onMouseOver)) ui.onMouseOver()
+          event.stopPropagation()
+        })
       }
 
-      draw() {
-        const ui = this;
+      draw () {
+        const ui = this
 
         let $div = $(ui.div).find(
-          ".mapboxgl-marker,.marker-pin,.mapboxgl-popup,.popup"
-        );
+          '.mapboxgl-marker,.marker-pin,.mapboxgl-popup,.popup'
+        )
         if (!$div.length) {
-          $div = $(ui.div);
+          $div = $(ui.div)
         }
 
         // Calculate position of div
-        const projection = ui.getProjection();
+        const projection = ui.getProjection()
 
         if (!projection) {
-          console.log("GoogleMapsHtmlOverlay: current map is missing");
-          return null;
+          console.log('GoogleMapsHtmlOverlay: current map is missing')
+          return null
         }
 
         const positionInPixels = projection.fromLatLngToDivPixel(
           ui.getPosition()
-        );
+        )
 
         // Align HTML overlay relative to original position
         const offset = {
           y: undefined,
           x: undefined,
-        };
-        const divWidth = $div.outerWidth();
-        const divHeight = $div.outerHeight();
+        }
+        const divWidth = $div.outerWidth()
+        const divHeight = $div.outerHeight()
 
-        switch (Array.isArray(ui.align) ? ui.align.join(" ") : "") {
-          case "left top":
-            offset.y = divHeight;
-            offset.x = divWidth;
-            break;
-          case "left center":
-            offset.y = divHeight / 2;
-            offset.x = divWidth;
-            break;
-          case "left bottom":
-            offset.y = 0;
-            offset.x = divWidth;
-            break;
-          case "center top":
-            offset.y = divHeight;
-            offset.x = divWidth / 2;
-            break;
-          case "center center":
-            offset.y = divHeight / 2;
-            offset.x = divWidth / 2;
-            break;
-          case "center bottom":
-            offset.y = 0;
-            offset.x = divWidth / 2;
-            break;
-          case "right top":
-            offset.y = divHeight;
-            offset.x = 0;
-            break;
-          case "right center":
-            offset.y = divHeight / 2;
-            offset.x = 0;
-            break;
-          case "right bottom":
-            offset.y = 0;
-            offset.x = 0;
-            break;
+        switch (Array.isArray(ui.align) ? ui.align.join(' ') : '') {
+          case 'left top':
+            offset.y = divHeight
+            offset.x = divWidth
+            break
+          case 'left center':
+            offset.y = divHeight / 2
+            offset.x = divWidth
+            break
+          case 'left bottom':
+            offset.y = 0
+            offset.x = divWidth
+            break
+          case 'center top':
+            offset.y = divHeight
+            offset.x = divWidth / 2
+            break
+          case 'center center':
+            offset.y = divHeight / 2
+            offset.x = divWidth / 2
+            break
+          case 'center bottom':
+            offset.y = 0
+            offset.x = divWidth / 2
+            break
+          case 'right top':
+            offset.y = divHeight
+            offset.x = 0
+            break
+          case 'right center':
+            offset.y = divHeight / 2
+            offset.x = 0
+            break
+          case 'right bottom':
+            offset.y = 0
+            offset.x = 0
+            break
           default:
-            offset.y = divHeight / 2;
-            offset.x = divWidth / 2;
-            break;
+            offset.y = divHeight / 2
+            offset.x = divWidth / 2
+            break
         }
 
         // Set position
-        ui.div.style.top = `${positionInPixels.y - offset.y}px`;
-        ui.div.style.left = `${positionInPixels.x - offset.x}px`;
+        ui.div.style.top = `${positionInPixels.y - offset.y}px`
+        ui.div.style.left = `${positionInPixels.x - offset.x}px`
       }
 
-      getPosition() {
-        const ui = this;
-        return new google.maps.LatLng(ui.position);
+      getPosition () {
+        const ui = this
+        return new google.maps.LatLng(ui.position)
       }
 
-      getDiv() {
-        const ui = this;
-        return ui.div;
+      getDiv () {
+        const ui = this
+        return ui.div
       }
 
-      setPosition(position, align) {
-        const ui = this;
-        ui.position = position;
-        ui.align = align;
-        ui.draw();
+      setPosition (position, align) {
+        const ui = this
+        ui.position = position
+        ui.align = align
+        ui.draw()
       }
 
-      remove() {
-        const ui = this;
-        ui.setMap(null);
-        ui.div.remove();
+      remove () {
+        const ui = this
+        ui.setMap(null)
+        ui.div.remove()
       }
 
       // emulate google.maps.Marker functionality for compatibility (for example with @googlemaps/markerclustererplus)
-      getDraggable() {
-        return false;
+      getDraggable () {
+        return false
       }
     }
-    return GoogleMapsHtmlOverlay;
+    return GoogleMapsHtmlOverlay
   },
-};
+}
 
-export default Obj;
+export default Obj
diff --git a/src/js_old/_components/drivers/_map.mapbox.js b/src/js_old/_components/drivers/_map.mapbox.js
index f525253..6ac6968 100644
--- a/src/js_old/_components/drivers/_map.mapbox.js
+++ b/src/js_old/_components/drivers/_map.mapbox.js
@@ -1,40 +1,40 @@
-"use strict";
+'use strict'
 
-import $ from "jquery";
-import mapBoxGL from "mapbox-gl";
+import $ from 'jquery'
+import mapBoxGL from 'mapbox-gl'
 
-import Events from "../../_events";
+import Events from '../../_events'
 
 const MapBoxDriver = (($) => {
   class MapBoxDriver {
-    getName() {
-      return "MapBoxDriver";
+    getName () {
+      return 'MapBoxDriver'
     }
 
-    init($el, config = []) {
-      const ui = this;
+    init ($el, config = []) {
+      const ui = this
 
-      mapBoxGL.accessToken = config["key"];
+      mapBoxGL.accessToken = config.key
 
       ui.map = new mapBoxGL.Map({
-        container: $el.find(".mapAPI-map")[0],
-        center: config["center"] ? config["center"] : [0, 0],
-        //hash: true,
-        style: config["style"]
-          ? config["style"]
-          : "mapbox://styles/mapbox/streets-v9",
-        localIdeographFontFamily: config["font-family"],
-        zoom: config["mapZoom"] ? config["mapZoom"] : 10,
+        container: $el.find('.mapAPI-map')[0],
+        center: config.center ? config.center : [0, 0],
+        // hash: true,
+        style: config.style
+          ? config.style
+          : 'mapbox://styles/mapbox/streets-v9',
+        localIdeographFontFamily: config['font-family'],
+        zoom: config.mapZoom ? config.mapZoom : 10,
         attributionControl: false,
         antialias: true,
-        accessToken: config["key"],
+        accessToken: config.key,
       })
         .addControl(
           new mapBoxGL.AttributionControl({
             compact: true,
           })
         )
-        .addControl(new mapBoxGL.NavigationControl(), "top-right")
+        .addControl(new mapBoxGL.NavigationControl(), 'top-right')
         .addControl(
           new mapBoxGL.GeolocateControl({
             positionOptions: {
@@ -42,58 +42,58 @@ const MapBoxDriver = (($) => {
             },
             trackUserLocation: true,
           }),
-          "bottom-right"
+          'bottom-right'
         )
         .addControl(
           new mapBoxGL.ScaleControl({
             maxWidth: 80,
-            unit: "metric",
+            unit: 'metric',
           }),
-          "top-left"
+          'top-left'
         )
-        .addControl(new mapBoxGL.FullscreenControl());
+        .addControl(new mapBoxGL.FullscreenControl())
 
-      ui.map.on("load", (e) => {
-        $el.trigger(Events.MAPAPILOADED);
-      });
+      ui.map.on('load', (e) => {
+        $el.trigger(Events.MAPAPILOADED)
+      })
 
       ui.popup = new mapBoxGL.Popup({
         closeOnClick: false,
-        className: "popup",
-      });
+        className: 'popup',
+      })
     }
 
-    addMarker(crds, config) {
-      const ui = this;
+    addMarker (crds, config) {
+      const ui = this
 
       // create a DOM el for the marker
       const $el = $(
-        `<div id="Marker${config["id"]}" data-id="${config["id"]}" class="marker">${config["icon"]}</div>`
-      );
+        `<div id="Marker${config.id}" data-id="${config.id}" class="marker">${config.icon}</div>`
+      )
 
-      $el.on("click", (e) => {
-        ui.popup.setLngLat(crds).setHTML(config["content"]).addTo(ui.map);
+      $el.on('click', (e) => {
+        ui.popup.setLngLat(crds).setHTML(config.content).addTo(ui.map)
 
-        if (config["flyToMarker"]) {
+        if (config.flyToMarker) {
           ui.map.flyTo({
             center: crds,
             zoom: 17,
-          });
+          })
         }
 
-        $(e.currentTarget).trigger(Events.MAPMARKERCLICK);
-      });
+        $(e.currentTarget).trigger(Events.MAPMARKERCLICK)
+      })
 
       // add marker to map
-      const marker = new mapBoxGL.Marker($el[0]).setLngLat(crds).addTo(ui.map);
+      const marker = new mapBoxGL.Marker($el[0]).setLngLat(crds).addTo(ui.map)
 
-      return marker;
+      return marker
     }
 
-    addGeoJson(config) {
-      const ui = this;
+    addGeoJson (config) {
+      const ui = this
       // Insert the layer beneath any symbol layer.
-      /*if (config['3d']) {
+      /* if (config['3d']) {
         const layers = Map.getStyle().layers;
         let labelLayerId;
         for (let i = 0; i < layers.length; i++) {
@@ -130,55 +130,55 @@ const MapBoxDriver = (($) => {
             'fill-extrusion-opacity': .6,
           },
         }, labelLayerId);
-      }*/
+      } */
 
-      const firstMarker = config["geojson"].features[0].geometry.coordinates;
-      //Map.setCenter(firstMarker);
-      const bounds = new mapBoxGL.LngLatBounds(firstMarker, firstMarker);
+      const firstMarker = config.geojson.features[0].geometry.coordinates
+      // Map.setCenter(firstMarker);
+      const bounds = new mapBoxGL.LngLatBounds(firstMarker, firstMarker)
 
       // add markers to map
-      config["geojson"].features.forEach((marker) => {
-        const id = marker.id;
-        const crds = marker.geometry.coordinates;
-        const content = marker.properties.content;
+      config.geojson.features.forEach((marker) => {
+        const id = marker.id
+        const crds = marker.geometry.coordinates
+        const content = marker.properties.content
 
         ui.addMarker(crds, {
           id,
           content,
           icon: marker.icon,
-          flyToMarker: config["flyToMarker"],
-        });
+          flyToMarker: config.flyToMarker,
+        })
 
-        bounds.extend(crds);
-      });
+        bounds.extend(crds)
+      })
 
       ui.map.fitBounds(bounds, {
         padding: 30,
-      });
+      })
 
-      ui.popup.on("close", (e) => {
-        if (config["flyToBounds"]) {
+      ui.popup.on('close', (e) => {
+        if (config.flyToBounds) {
           ui.map.fitBounds(bounds, {
             padding: 30,
-          });
+          })
         }
 
-        $(e.currentTarget).trigger(Events.MAPPOPUPCLOSE);
-      });
+        $(e.currentTarget).trigger(Events.MAPPOPUPCLOSE)
+      })
     }
 
-    getMap() {
-      const ui = this;
-      return ui.map;
+    getMap () {
+      const ui = this
+      return ui.map
     }
 
-    getPopup() {
-      const ui = this;
-      return ui.popup;
+    getPopup () {
+      const ui = this
+      return ui.popup
     }
   }
 
-  return MapBoxDriver;
-})($);
+  return MapBoxDriver
+})($)
 
-export default MapBoxDriver;
+export default MapBoxDriver
diff --git a/src/js_old/_components/mapStorage.js b/src/js_old/_components/mapStorage.js
index 826b246..4661ac5 100644
--- a/src/js_old/_components/mapStorage.js
+++ b/src/js_old/_components/mapStorage.js
@@ -1,178 +1,178 @@
-"use strict";
+'use strict'
 
-import mapbox from "mapbox-gl";
+import mapbox from 'mapbox-gl'
 
-window.offlineMaps = {};
+window.offlineMaps = {}
 
 window.offlineMaps.eventManager = {
   _events: {},
 
   on: function (event, action) {
-    console.log(`event.on: ${event}`);
+    console.log(`event.on: ${event}`)
     if (!(event in this._events)) {
-      this._events[event] = [];
+      this._events[event] = []
     }
-    this._events[event].push(action);
-    return this;
+    this._events[event].push(action)
+    return this
   },
 
   off: function (event) {
-    console.log(`event.off: ${event}`);
-    delete this._events[event];
-    return this;
+    console.log(`event.off: ${event}`)
+    delete this._events[event]
+    return this
   },
 
   fire: function (event) {
-    console.log(`event.fire: ${event}`);
-    var events = this._events;
+    console.log(`event.fire: ${event}`)
+    const events = this._events
     if (event in events) {
-      var actions = events[event];
-      var args = Array.prototype.slice.call(arguments, 1);
-      for (var i = 0, l = actions.length; i < l; i++) {
-        var action = actions[i];
+      const actions = events[event]
+      const args = Array.prototype.slice.call(arguments, 1)
+      for (let i = 0, l = actions.length; i < l; i++) {
+        const action = actions[i]
         if (action instanceof Function) {
-          action.apply(null, args);
+          action.apply(null, args)
         } else {
-          this.fire.apply(this, [action].concat(args));
+          this.fire.apply(this, [action].concat(args))
         }
       }
     }
-    return this;
+    return this
   },
 };
 
 (function (window, emr, undefined) {
-  var getIndexedDBStorage = function () {
-    var indexedDB =
+  const getIndexedDBStorage = function () {
+    const indexedDB =
       window.indexedDB ||
       window.mozIndexedDB ||
       window.webkitIndexedDB ||
-      window.msIndexedDB;
+      window.msIndexedDB
 
-    var IndexedDBImpl = function () {
-      var self = this;
-      var db = null;
-      var request = indexedDB.open("TileStorage");
+    const IndexedDBImpl = function () {
+      const self = this
+      let db = null
+      const request = indexedDB.open('TileStorage')
 
       request.onsuccess = function () {
-        db = this.result;
-        emr.fire("storageLoaded", self);
-      };
+        db = this.result
+        emr.fire('storageLoaded', self)
+      }
 
       request.onerror = function (error) {
-        console.log(error);
-      };
+        console.log(error)
+      }
 
       request.onupgradeneeded = function () {
-        var store = this.result.createObjectStore("tile", { keyPath: "key" });
-        store.createIndex("key", "key", { unique: true });
-      };
+        const store = this.result.createObjectStore('tile', { keyPath: 'key' })
+        store.createIndex('key', 'key', { unique: true })
+      }
 
       this.add = function (key, value) {
-        var transaction = db.transaction(["tile"], "readwrite");
-        var objectStore = transaction.objectStore("tile");
-        objectStore.put({ key, value });
-      };
+        const transaction = db.transaction(['tile'], 'readwrite')
+        const objectStore = transaction.objectStore('tile')
+        objectStore.put({ key, value })
+      }
 
       this.delete = function (key) {
-        var transaction = db.transaction(["tile"], "readwrite");
-        var objectStore = transaction.objectStore("tile");
-        objectStore.delete(key);
-      };
+        const transaction = db.transaction(['tile'], 'readwrite')
+        const objectStore = transaction.objectStore('tile')
+        objectStore.delete(key)
+      }
 
       this.get = function (key, successCallback, errorCallback) {
-        var transaction = db.transaction(["tile"], "readonly");
-        var objectStore = transaction.objectStore("tile");
-        var result = objectStore.get(key);
+        const transaction = db.transaction(['tile'], 'readonly')
+        const objectStore = transaction.objectStore('tile')
+        const result = objectStore.get(key)
         result.onsuccess = function () {
-          successCallback(this.result ? this.result.value : undefined);
-        };
-        result.onerror = errorCallback;
-      };
-    };
+          successCallback(this.result ? this.result.value : undefined)
+        }
+        result.onerror = errorCallback
+      }
+    }
 
-    return indexedDB ? new IndexedDBImpl() : null;
-  };
+    return indexedDB ? new IndexedDBImpl() : null
+  }
 
-  var getWebSqlStorage = function () {
-    var openDatabase = window.openDatabase;
+  const getWebSqlStorage = function () {
+    const openDatabase = window.openDatabase
 
-    var WebSqlImpl = function () {
-      var self = this;
-      var db = openDatabase(
-        "TileStorage",
-        "1.0",
-        "Tile Storage",
+    const WebSqlImpl = function () {
+      const self = this
+      const db = openDatabase(
+        'TileStorage',
+        '1.0',
+        'Tile Storage',
         5 * 1024 * 1024
-      );
+      )
       db.transaction((tx) => {
         tx.executeSql(
-          "CREATE TABLE IF NOT EXISTS tile (key TEXT PRIMARY KEY, value TEXT)",
+          'CREATE TABLE IF NOT EXISTS tile (key TEXT PRIMARY KEY, value TEXT)',
           [],
           () => {
-            emr.fire("storageLoaded", self);
+            emr.fire('storageLoaded', self)
           }
-        );
-      });
+        )
+      })
 
       this.add = function (key, value) {
         db.transaction((tx) => {
-          tx.executeSql("INSERT INTO tile (key, value) VALUES (?, ?)", [
+          tx.executeSql('INSERT INTO tile (key, value) VALUES (?, ?)', [
             key,
             value,
-          ]);
-        });
-      };
+          ])
+        })
+      }
 
       this.delete = function (key) {
         db.transaction((tx) => {
-          tx.executeSql("DELETE FROM tile WHERE key = ?", [key]);
-        });
-      };
+          tx.executeSql('DELETE FROM tile WHERE key = ?', [key])
+        })
+      }
 
       this.get = function (key, successCallback, errorCallback) {
         db.transaction((tx) => {
           tx.executeSql(
-            "SELECT value FROM tile WHERE key = ?",
+            'SELECT value FROM tile WHERE key = ?',
             [key],
             (tx, result) => {
               successCallback(
                 result.rows.length ? result.rows.item(0).value : undefined
-              );
+              )
             },
             errorCallback
-          );
-        });
-      };
-    };
-
-    return openDatabase ? new WebSqlImpl() : null;
-  };
-
-  emr.on("storageLoad", () => {
-    var storage = getIndexedDBStorage() || getWebSqlStorage() || null;
-    if (!storage) {
-      emr.fire("storageLoaded", null);
+          )
+        })
+      }
     }
-  });
+
+    return openDatabase ? new WebSqlImpl() : null
+  }
+
+  emr.on('storageLoad', () => {
+    const storage = getIndexedDBStorage() || getWebSqlStorage() || null
+    if (!storage) {
+      emr.fire('storageLoaded', null)
+    }
+  })
 })(window, window.offlineMaps.eventManager);
 
 (function (window, emr, mapbox, MM, undefined) {
-  var StorageRequestManager = function (storage) {
-    MM.RequestManager.apply(this, []);
-    this._storage = storage;
-  };
+  const StorageRequestManager = function (storage) {
+    MM.RequestManager.apply(this, [])
+    this._storage = storage
+  }
 
   StorageRequestManager.prototype._imageToDataUri = function (image) {
-    var canvas = window.document.createElement("canvas");
-    canvas.width = image.width;
-    canvas.height = image.height;
+    const canvas = window.document.createElement('canvas')
+    canvas.width = image.width
+    canvas.height = image.height
 
-    var context = canvas.getContext("2d");
-    context.drawImage(image, 0, 0);
+    const context = canvas.getContext('2d')
+    context.drawImage(image, 0, 0)
 
-    return canvas.toDataURL("image/png");
-  };
+    return canvas.toDataURL('image/png')
+  }
 
   StorageRequestManager.prototype._createTileImage = function (
     id,
@@ -180,140 +180,140 @@ window.offlineMaps.eventManager = {
     value,
     cache
   ) {
-    var img = window.document.createElement("img");
-    img.id = id;
-    img.style.position = "absolute";
-    img.coord = coord;
-    this.loadingBay.appendChild(img);
+    const img = window.document.createElement('img')
+    img.id = id
+    img.style.position = 'absolute'
+    img.coord = coord
+    this.loadingBay.appendChild(img)
     if (cache) {
-      img.onload = this.getLoadCompleteWithCache();
-      img.crossOrigin = "Anonymous";
+      img.onload = this.getLoadCompleteWithCache()
+      img.crossOrigin = 'Anonymous'
     } else {
-      img.onload = this.getLoadComplete();
+      img.onload = this.getLoadComplete()
     }
-    img.onerror = this.getLoadComplete();
-    img.src = value;
-  };
+    img.onerror = this.getLoadComplete()
+    img.src = value
+  }
 
   StorageRequestManager.prototype._loadTile = function (id, coord, url) {
-    var self = this;
+    const self = this
     if (this._storage) {
       this._storage.get(
         id,
         (value) => {
           if (value) {
-            self._createTileImage(id, coord, value, false);
+            self._createTileImage(id, coord, value, false)
           } else {
-            self._createTileImage(id, coord, url, true);
+            self._createTileImage(id, coord, url, true)
           }
         },
         () => {
-          self._createTileImage(id, coord, url, true);
+          self._createTileImage(id, coord, url, true)
         }
-      );
+      )
     } else {
-      self._createTileImage(id, coord, url, false);
+      self._createTileImage(id, coord, url, false)
     }
-  };
+  }
 
   StorageRequestManager.prototype.processQueue = function (sortFunc) {
     if (sortFunc && this.requestQueue.length > 8) {
-      this.requestQueue.sort(sortFunc);
+      this.requestQueue.sort(sortFunc)
     }
     while (
       this.openRequestCount < this.maxOpenRequests &&
       this.requestQueue.length > 0
     ) {
-      var request = this.requestQueue.pop();
+      let request = this.requestQueue.pop()
       if (request) {
-        this.openRequestCount++;
-        this._loadTile(request.id, request.coord, request.url);
-        request = request.id = request.coord = request.url = null;
+        this.openRequestCount++
+        this._loadTile(request.id, request.coord, request.url)
+        request = request.id = request.coord = request.url = null
       }
     }
-  };
+  }
 
   StorageRequestManager.prototype.getLoadCompleteWithCache = function () {
     if (!this._loadComplete) {
-      var theManager = this;
+      const theManager = this
       this._loadComplete = function (e) {
-        //e = e || window.event;
+        // e = e || window.event;
 
-        var img = e.srcElement || e.target;
-        img.onload = img.onerror = null;
+        const img = e.srcElement || e.target
+        img.onload = img.onerror = null
 
         if (theManager._storage) {
-          theManager._storage.add(this.id, theManager._imageToDataUri(this));
+          theManager._storage.add(this.id, theManager._imageToDataUri(this))
         }
 
-        theManager.loadingBay.removeChild(img);
-        theManager.openRequestCount--;
-        delete theManager.requestsById[img.id];
+        theManager.loadingBay.removeChild(img)
+        theManager.openRequestCount--
+        delete theManager.requestsById[img.id]
 
         if (
-          e.type === "load" &&
-          (img.complete || (img.readyState && img.readyState === "complete"))
+          e.type === 'load' &&
+          (img.complete || (img.readyState && img.readyState === 'complete'))
         ) {
-          theManager.dispatchCallback("requestcomplete", img);
+          theManager.dispatchCallback('requestcomplete', img)
         } else {
-          theManager.dispatchCallback("requesterror", {
+          theManager.dispatchCallback('requesterror', {
             element: img,
             url: `${img.src}`,
-          });
-          img.src = null;
+          })
+          img.src = null
         }
 
-        setTimeout(theManager.getProcessQueue(), 0);
-      };
+        setTimeout(theManager.getProcessQueue(), 0)
+      }
     }
-    return this._loadComplete;
-  };
+    return this._loadComplete
+  }
 
-  MM.extend(StorageRequestManager, MM.RequestManager);
+  MM.extend(StorageRequestManager, MM.RequestManager)
 
-  var StorageLayer = function (provider, parent, name, storage) {
-    this.parent = parent || document.createElement("div");
+  const StorageLayer = function (provider, parent, name, storage) {
+    this.parent = parent || document.createElement('div')
     this.parent.style.cssText =
-      "position: absolute; top: 0px; left: 0px;" +
-      "width: 100%; height: 100%; margin: 0; padding: 0; z-index: 0";
-    this.name = name;
-    this.levels = {};
-    this.requestManager = new StorageRequestManager(storage);
-    this.requestManager.addCallback("requestcomplete", this.getTileComplete());
-    this.requestManager.addCallback("requesterror", this.getTileError());
+      'position: absolute; top: 0px; left: 0px;' +
+      'width: 100%; height: 100%; margin: 0; padding: 0; z-index: 0'
+    this.name = name
+    this.levels = {}
+    this.requestManager = new StorageRequestManager(storage)
+    this.requestManager.addCallback('requestcomplete', this.getTileComplete())
+    this.requestManager.addCallback('requesterror', this.getTileError())
     if (provider) {
-      this.setProvider(provider);
+      this.setProvider(provider)
     }
-  };
+  }
 
-  MM.extend(StorageLayer, MM.Layer);
+  MM.extend(StorageLayer, MM.Layer)
 
-  var StorageTemplatedLayer = function (template, subdomains, name, storage) {
+  const StorageTemplatedLayer = function (template, subdomains, name, storage) {
     return new StorageLayer(
       new MM.Template(template, subdomains),
       null,
       name,
       storage
-    );
-  };
+    )
+  }
 
-  emr.on("mapLoad", (storage) => {
-    var map = mapbox.map("map");
+  emr.on('mapLoad', (storage) => {
+    const map = mapbox.map('map')
     map.addLayer(
       new StorageTemplatedLayer(
-        "http://{S}.tile.osm.org/{Z}/{X}/{Y}.png",
-        ["a", "b", "c"],
+        'http://{S}.tile.osm.org/{Z}/{X}/{Y}.png',
+        ['a', 'b', 'c'],
         undefined,
         storage
       )
-    );
-    map.ui.zoomer.add();
-    map.ui.zoombox.add();
-    map.centerzoom({ lat: 53.902254, lon: 27.56185 }, 13);
-  });
+    )
+    map.ui.zoomer.add()
+    map.ui.zoombox.add()
+    map.centerzoom({ lat: 53.902254, lon: 27.56185 }, 13)
+  })
 })(window, window.offlineMaps.eventManager, mapbox, MM);
 
 (function (emr) {
-  emr.on("storageLoaded", "mapLoad");
-  emr.fire("storageLoad");
-})(window.offlineMaps.eventManager);
+  emr.on('storageLoaded', 'mapLoad')
+  emr.fire('storageLoad')
+})(window.offlineMaps.eventManager)
diff --git a/src/js_old/_components/routes/index.js b/src/js_old/_components/routes/index.js
index bd8d01e..713af06 100644
--- a/src/js_old/_components/routes/index.js
+++ b/src/js_old/_components/routes/index.js
@@ -1,13 +1,13 @@
-import Events from "../../_events";
-import Routie from "routie";
+import Events from '../../_events'
+import Routie from 'routie'
 
 $(window).on(`${Events.AJAX} ${Events.LOADED}`, () => {
   Routie({
     navigation: function () {
-      $("#NavbarCollapse").addClass("in");
+      $('#NavbarCollapse').addClass('in')
     },
-    "carousel:id:num": function (id, num) {
-      $(`#Carousel${id}`).carousel(num);
+    'carousel:id:num': function (id, num) {
+      $(`#Carousel${id}`).carousel(num)
     },
-  });
-});
+  })
+})
diff --git a/src/js_old/_consts.js b/src/js_old/_consts.js
index fecb8cb..d7399aa 100644
--- a/src/js_old/_consts.js
+++ b/src/js_old/_consts.js
@@ -2,12 +2,12 @@
  * Add your global events here
  */
 
-import MAP_DRIVER from "./_components/drivers/_map.google";
-//import MAP_DRIVER from './_components/drivers/_map.mapbox';
+import MAP_DRIVER from './_components/drivers/_map.google'
+// import MAP_DRIVER from './_components/drivers/_map.mapbox';
 
 const CONSTS = {
-  ENVS: ["xs", "sm", "md", "lg", "xl", "xxl", "xxxl"],
+  ENVS: ['xs', 'sm', 'md', 'lg', 'xl', 'xxl', 'xxxl'],
   MAP_DRIVER,
-};
+}
 
-export default CONSTS;
+export default CONSTS
diff --git a/src/js_old/_events.js b/src/js_old/_events.js
index 8d6a10b..e3bcfb2 100644
--- a/src/js_old/_events.js
+++ b/src/js_old/_events.js
@@ -3,41 +3,41 @@
  */
 
 export default {
-  AJAX: "ajax-load",
-  AJAXMAIN: "ajax-main-load",
-  MAININIT: "main-init",
-  TABHIDDEN: "tab-hidden",
-  TABFOCUSED: "tab-focused",
-  OFFLINE: "offline",
-  ONLINE: "online",
-  BACKONLINE: "back-online",
-  TOUCHENABLE: "touch-enabled",
-  TOUCHDISABLED: "touch-disabled",
-  LOADED: "load",
-  SWIPELEFT: "swipeleft panleft",
-  SWIPERIGHT: "swiperight panright",
-  ALLERTAPPEARED: "alert-appeared",
-  ALERTREMOVED: "alert-removed",
-  LODEDANDREADY: "load-ready",
-  LAZYIMAGEREADY: "image-lazy-bg-loaded",
-  LAZYIMAGESREADY: "images-lazy-loaded",
-  MAPLOADED: "map-loaded",
-  MAPAPILOADED: "map-api-loaded",
-  MAPMARKERCLICK: "map-marker-click",
-  MAPPOPUPCLOSE: "map-popup-close",
-  SCROLL: "scroll",
-  RESIZE: "resize",
-  CAROUSEL_READY: "bs.carousel.ready",
-  SET_TARGET_UPDATE: "set-target-update",
-  RESTORE_FIELD: "restore-field",
-  FORM_INIT_BASICS: "form-basics",
-  FORM_INIT_STEPPED: "form-init-stepped",
-  FORM_INIT_VALIDATE: "form-init-validate",
-  FORM_INIT_VALIDATE_FIELD: "form-init-validate-field",
-  FORM_INIT_STORAGE: "form-init-storage",
-  FORM_VALIDATION_FAILED: "form-validation-failed",
-  FORM_STEPPED_NEW_STEP: "form-new-step",
-  FORM_STEPPED_FIRST_STEP: "form-first-step",
-  FORM_STEPPED_LAST_STEP: "form-last-step",
-  FORM_FIELDS: "input,textarea,select",
-};
+  AJAX: 'ajax-load',
+  AJAXMAIN: 'ajax-main-load',
+  MAININIT: 'main-init',
+  TABHIDDEN: 'tab-hidden',
+  TABFOCUSED: 'tab-focused',
+  OFFLINE: 'offline',
+  ONLINE: 'online',
+  BACKONLINE: 'back-online',
+  TOUCHENABLE: 'touch-enabled',
+  TOUCHDISABLED: 'touch-disabled',
+  LOADED: 'load',
+  SWIPELEFT: 'swipeleft panleft',
+  SWIPERIGHT: 'swiperight panright',
+  ALLERTAPPEARED: 'alert-appeared',
+  ALERTREMOVED: 'alert-removed',
+  LODEDANDREADY: 'load-ready',
+  LAZYIMAGEREADY: 'image-lazy-bg-loaded',
+  LAZYIMAGESREADY: 'images-lazy-loaded',
+  MAPLOADED: 'map-loaded',
+  MAPAPILOADED: 'map-api-loaded',
+  MAPMARKERCLICK: 'map-marker-click',
+  MAPPOPUPCLOSE: 'map-popup-close',
+  SCROLL: 'scroll',
+  RESIZE: 'resize',
+  CAROUSEL_READY: 'bs.carousel.ready',
+  SET_TARGET_UPDATE: 'set-target-update',
+  RESTORE_FIELD: 'restore-field',
+  FORM_INIT_BASICS: 'form-basics',
+  FORM_INIT_STEPPED: 'form-init-stepped',
+  FORM_INIT_VALIDATE: 'form-init-validate',
+  FORM_INIT_VALIDATE_FIELD: 'form-init-validate-field',
+  FORM_INIT_STORAGE: 'form-init-storage',
+  FORM_VALIDATION_FAILED: 'form-validation-failed',
+  FORM_STEPPED_NEW_STEP: 'form-new-step',
+  FORM_STEPPED_FIRST_STEP: 'form-first-step',
+  FORM_STEPPED_LAST_STEP: 'form-last-step',
+  FORM_FIELDS: 'input,textarea,select',
+}
diff --git a/src/js_old/_events.router.js b/src/js_old/_events.router.js
index d04e91d..534b52b 100644
--- a/src/js_old/_events.router.js
+++ b/src/js_old/_events.router.js
@@ -1,68 +1,68 @@
-"use strict";
+'use strict'
 
-import $ from "jquery";
+import $ from 'jquery'
 
 /**
  * Route side-wide events
  */
 
 const EventsUI = (($) => {
-  const on = $.fn.on;
-  const off = $.fn.off;
+  const on = $.fn.on
+  const off = $.fn.off
 
   // Constants
-  const W = window;
-  const $W = $(W);
-  const D = document;
-  const $Body = $("body");
+  const W = window
+  const $W = $(W)
+  const D = document
+  const $Body = $('body')
 
-  const NAME = "EventsUI";
+  const NAME = 'EventsUI'
 
   class EventsUI {
-    static process(el, args) {
-      let modEl = el;
-      const eventName = args[0];
-      const tagName = typeof el !== undefined ? $(el).prop("tagName") : null;
+    static process (el, args) {
+      let modEl = el
+      const eventName = args[0]
+      const tagName = typeof el !== undefined ? $(el).prop('tagName') : null
 
       switch (tagName) {
-        case "HTML":
-        case "BODY":
-          modEl = $W;
-          break;
+        case 'HTML':
+        case 'BODY':
+          modEl = $W
+          break
       }
 
-      return [modEl, args];
+      return [modEl, args]
     }
   }
 
   // rewrite jQuery functions
   $.fn.on = function () {
-    const result = EventsUI.process(this, arguments);
-    return on.apply(...result);
-  };
+    const result = EventsUI.process(this, arguments)
+    return on.apply(...result)
+  }
 
   $.fn.off = function () {
-    const result = EventsUI.process(this, arguments);
-    return off.apply(...result);
-  };
+    const result = EventsUI.process(this, arguments)
+    return off.apply(...result)
+  }
 
-  const scrollTop = $.fn.scrollTop;
+  const scrollTop = $.fn.scrollTop
   // rewrite scrollTop
   $.fn.scrollTop = function () {
-    let el = this;
-    const args = arguments;
+    let el = this
+    const args = arguments
 
-    const tagName = typeof el !== undefined ? $(el).prop("tagName") : null;
+    const tagName = typeof el !== undefined ? $(el).prop('tagName') : null
 
     switch (tagName) {
-      case "HTML":
-      case "BODY":
-        el = $W;
-        break;
+      case 'HTML':
+      case 'BODY':
+        el = $W
+        break
     }
 
-    return scrollTop.apply(el, args);
-  };
-})($);
+    return scrollTop.apply(el, args)
+  }
+})($)
 
-export default EventsUI;
+export default EventsUI
diff --git a/src/js_old/_layout.js b/src/js_old/_layout.js
index e5c15e1..971b7e8 100644
--- a/src/js_old/_layout.js
+++ b/src/js_old/_layout.js
@@ -1,61 +1,61 @@
-"use strict";
+'use strict'
 
-import $ from "jquery";
+import $ from 'jquery'
 
-import Events from "./_events";
+import Events from './_events'
 
 const LayoutUI = (($) => {
   // Constants
-  const W = window;
-  const D = document;
-  const $Body = $("body");
+  const W = window
+  const D = document
+  const $Body = $('body')
 
-  const NAME = "LayoutUI";
+  const NAME = 'LayoutUI'
 
   const datepickerOptions = {
     autoclose: true,
     startDate: 0,
-    //todayBtn: true,
+    // todayBtn: true,
     todayHighlight: true,
     clearBtn: true,
-  };
+  }
 
   class LayoutUI {
-    static init() {
-      const ui = this;
-      ui.dispose();
+    static init () {
+      const ui = this
+      ui.dispose()
 
-      console.log(`Initializing: ${NAME}`);
+      console.log(`Initializing: ${NAME}`)
       // your custom UI
 
       // Custom fonts
       $Body.append(
         '<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,700,700i&display=swap" rel="stylesheet">'
-      );
+      )
 
-      /*google analytics */
+      /* google analytics */
 
-      /*$.getScript('https://www.google-analytics.com/analytics.js', () => {
+      /* $.getScript('https://www.google-analytics.com/analytics.js', () => {
         ga('create', 'UA-********-*', 'auto');
         ga('send', 'pageview');
-      });*/
+      }); */
 
       // Fire further js when layout is ready
-      $(W).trigger(Events.LODEDANDREADY);
+      $(W).trigger(Events.LODEDANDREADY)
     }
 
-    static dispose() {
-      console.log(`Destroying: ${NAME}`);
+    static dispose () {
+      console.log(`Destroying: ${NAME}`)
     }
   }
 
   $(W).on(`${Events.AJAX} ${Events.LOADED}`, () => {
-    LayoutUI.init();
-  });
+    LayoutUI.init()
+  })
 
-  W.LayoutUI = LayoutUI;
+  W.LayoutUI = LayoutUI
 
-  return LayoutUI;
-})($);
+  return LayoutUI
+})($)
 
-export default LayoutUI;
+export default LayoutUI
diff --git a/src/js_old/_main.js b/src/js_old/_main.js
index 60cd661..fa022ec 100644
--- a/src/js_old/_main.js
+++ b/src/js_old/_main.js
@@ -1,287 +1,287 @@
-"use strict";
+'use strict'
 
-import $ from "jquery";
+import $ from 'jquery'
 
-import Events from "./_events";
-import Consts from "./_consts";
+import Events from './_events'
+import Consts from './_consts'
 
-import EventsRouter from "./_events.router";
-import Spinner from "./_components/_ui.spinner";
+import EventsRouter from './_events.router'
+import Spinner from './_components/_ui.spinner'
 
 // AJAX functionality
-import AjaxUI from "./_components/_ui.ajax";
+import AjaxUI from './_components/_ui.ajax'
 
-import FormBasics from "./_components/_ui.form.basics";
-import HeaderUI from "./_components/_ui.header-footer";
+import FormBasics from './_components/_ui.form.basics'
+import HeaderUI from './_components/_ui.header-footer'
 
-import SmoothScroll from "smooth-scroll";
-const smoothScroll = SmoothScroll();
+import SmoothScroll from 'smooth-scroll'
+const smoothScroll = SmoothScroll()
 
 const MainUI = (($) => {
   // Constants
-  const W = window;
-  const $W = $(W);
-  const D = document;
-  const $Body = $("body");
+  const W = window
+  const $W = $(W)
+  const D = document
+  const $Body = $('body')
 
-  const NAME = "MainUI";
+  const NAME = 'MainUI'
 
-  console.clear();
+  console.clear()
 
   console.info(
     `%cUI Kit ${UINAME} ${UIVERSION}`,
-    "color:yellow;font-size:14px"
-  );
+    'color:yellow;font-size:14px'
+  )
   console.info(
     `%c${UIMetaNAME} ${UIMetaVersion}`,
-    "color:yellow;font-size:12px"
-  );
+    'color:yellow;font-size:12px'
+  )
   console.info(
     `%chttps://github.com/a2nt/webpack-bootstrap-ui-kit by ${UIAUTHOR}`,
-    "color:yellow;font-size:10px"
-  );
+    'color:yellow;font-size:10px'
+  )
 
-  console.groupCollapsed("Events");
+  console.groupCollapsed('Events')
   Object.keys(Events).forEach((k) => {
-    console.info(`${k}: ${Events[k]}`);
-  });
-  console.groupEnd("Events");
+    console.info(`${k}: ${Events[k]}`)
+  })
+  console.groupEnd('Events')
 
-  console.groupCollapsed("Consts");
+  console.groupCollapsed('Consts')
   Object.keys(Consts).forEach((k) => {
-    console.info(`${k}: ${Consts[k]}`);
-  });
-  console.groupEnd("Events");
+    console.info(`${k}: ${Consts[k]}`)
+  })
+  console.groupEnd('Events')
 
-  console.groupCollapsed("Init");
-  console.time("init");
+  console.groupCollapsed('Init')
+  console.time('init')
   $W.on(`${Events.LODEDANDREADY}`, () => {
-    console.groupEnd("Init");
-    console.timeEnd("init");
+    console.groupEnd('Init')
+    console.timeEnd('init')
 
-    console.time("Post-init");
-    console.groupCollapsed("Post-init");
-  });
+    console.time('Post-init')
+    console.groupCollapsed('Post-init')
+  })
 
   // get browser locale
-  //const Locale = $('html').attr('lang').substring(0, 2);
+  // const Locale = $('html').attr('lang').substring(0, 2);
 
-  const $AlertNotify = $("#AlertNotify");
-  const $SiteWideMessage = $("#SiteWideMessage");
+  const $AlertNotify = $('#AlertNotify')
+  const $SiteWideMessage = $('#SiteWideMessage')
 
   // get browser window visibility preferences
   // Opera 12.10, Firefox >=18, Chrome >=31, IE11
-  const HiddenName = "hidden";
-  const VisibilityChangeEvent = "visibilitychange";
+  const HiddenName = 'hidden'
+  const VisibilityChangeEvent = 'visibilitychange'
 
   // update visibility state
   D.addEventListener(VisibilityChangeEvent, () => {
     if (D.visibilityState === HiddenName) {
-      console.log(`${NAME}: Tab: hidden`);
-      $Body.addClass("is-hidden");
-      $Body.trigger(Events.TABHIDDEN);
-      $W.trigger(Events.TABHIDDEN);
+      console.log(`${NAME}: Tab: hidden`)
+      $Body.addClass('is-hidden')
+      $Body.trigger(Events.TABHIDDEN)
+      $W.trigger(Events.TABHIDDEN)
     } else {
-      console.log(`${NAME}: Tab: focused`);
-      $Body.removeClass("is-hidden");
-      $Body.trigger(Events.TABFOCUSED);
-      $W.trigger(Events.TABFOCUSED);
+      console.log(`${NAME}: Tab: focused`)
+      $Body.removeClass('is-hidden')
+      $Body.trigger(Events.TABFOCUSED)
+      $W.trigger(Events.TABFOCUSED)
     }
-  });
+  })
 
   // session ping
-  let pingInterval;
-  let pingLock = false;
+  let pingInterval
+  let pingLock = false
   const sessionPing = () => {
-    if (pingLock || $Body.hasClass("is-offline")) {
-      return;
+    if (pingLock || $Body.hasClass('is-offline')) {
+      return
     }
 
-    console.log(`${NAME}: session ping`);
-    pingLock = true;
+    console.log(`${NAME}: session ping`)
+    pingLock = true
     $.ajax({
       sync: false,
       async: true,
       cache: false,
-      url: "/Security/ping",
+      url: '/Security/ping',
       global: false,
-      type: "POST",
+      type: 'POST',
       complete: (data, datastatus) => {
-        updateOnlineStatus();
-        if (datastatus !== "success") {
-          console.warn(`${NAME}: ping failed`);
+        updateOnlineStatus()
+        if (datastatus !== 'success') {
+          console.warn(`${NAME}: ping failed`)
 
-          clearInterval(pingInterval);
-          pingInterval = null;
+          clearInterval(pingInterval)
+          pingInterval = null
         }
 
-        pingLock = false;
+        pingLock = false
       },
-    });
-  };
+    })
+  }
 
   // update online/offline state
-  let statusLock = false;
+  let statusLock = false
   const updateOnlineStatus = () => {
     if (statusLock) {
-      return;
+      return
     }
-    statusLock = true;
+    statusLock = true
 
-    if (typeof navigator.onLine === "undefined") {
-      return false;
+    if (typeof navigator.onLine === 'undefined') {
+      return false
     }
 
     if (!navigator.onLine) {
-      console.log(`${NAME}: Offline`);
+      console.log(`${NAME}: Offline`)
 
-      clearInterval(pingInterval);
-      pingInterval = null;
+      clearInterval(pingInterval)
+      pingInterval = null
 
-      $Body.addClass("is-offline");
-      $Body.removeClass("is-online");
+      $Body.addClass('is-offline')
+      $Body.removeClass('is-online')
 
-      $Body.trigger(Events.OFFLINE);
-      $W.trigger(Events.OFFLINE);
+      $Body.trigger(Events.OFFLINE)
+      $W.trigger(Events.OFFLINE)
 
-      statusLock = false;
-      return true;
+      statusLock = false
+      return true
     }
 
     if (!pingInterval) {
-      pingInterval = setInterval(sessionPing, 300000); // 5 min in ms
+      pingInterval = setInterval(sessionPing, 300000) // 5 min in ms
     }
 
-    if ($Body.hasClass("is-offline")) {
-      sessionPing();
+    if ($Body.hasClass('is-offline')) {
+      sessionPing()
 
-      console.log(`${NAME}: is back online`);
-      $Body.trigger(Events.BACKONLINE);
+      console.log(`${NAME}: is back online`)
+      $Body.trigger(Events.BACKONLINE)
     } else {
-      console.log(`${NAME}: Online`);
+      console.log(`${NAME}: Online`)
     }
 
-    $Body.addClass("is-online");
-    $Body.removeClass("is-offline");
+    $Body.addClass('is-online')
+    $Body.removeClass('is-offline')
 
-    $Body.trigger(Events.ONLINE);
-    $W.trigger(Events.ONLINE);
+    $Body.trigger(Events.ONLINE)
+    $W.trigger(Events.ONLINE)
 
-    statusLock = false;
-    return true;
-  };
+    statusLock = false
+    return true
+  }
 
   W.addEventListener(
     `${Events.OFFLINE}`,
     () => {
-      updateOnlineStatus();
+      updateOnlineStatus()
     },
     false
-  );
+  )
 
   W.addEventListener(
     `${Events.ONLINE}`,
     () => {
-      updateOnlineStatus();
+      updateOnlineStatus()
     },
     false
-  );
+  )
 
   $W.on(`${Events.LOADED} ${Events.AJAX}`, () => {
-    updateOnlineStatus();
-  });
+    updateOnlineStatus()
+  })
 
   // scrollTo
   const ScrollTo = (trigger, selector) => {
     smoothScroll.animateScroll(D.querySelector(selector), trigger, {
       speed: 500,
       offset: -20,
-      //easing: 'easeInOutCubic',
+      // easing: 'easeInOutCubic',
       // Callback API
-      //before: (anchor, toggle) => {}, // Callback to run before scroll
-      //`after: (anchor, toggle) => {} // Callback to run after scroll
-    });
-  };
+      // before: (anchor, toggle) => {}, // Callback to run before scroll
+      // `after: (anchor, toggle) => {} // Callback to run after scroll
+    })
+  }
 
   W.URLDetails = {
-    base: $("base").attr("href"),
-    relative: "/",
-    hash: "",
-  };
+    base: $('base').attr('href'),
+    relative: '/',
+    hash: '',
+  }
 
-  let eventFired = false;
+  let eventFired = false
   const setTouchScreen = (bool) => {
     if (W.IsTouchScreen === bool || eventFired) {
-      return;
+      return
     }
 
-    eventFired = true;
+    eventFired = true
 
-    W.IsTouchScreen = bool;
-    $.support.touch = W.IsTouchScreen;
+    W.IsTouchScreen = bool
+    $.support.touch = W.IsTouchScreen
 
     if (bool) {
-      console.log(`${NAME}: Touch screen enabled`);
-      $Body.trigger(Events.TOUCHENABLE);
-      $W.trigger(Events.TOUCHENABLE);
+      console.log(`${NAME}: Touch screen enabled`)
+      $Body.trigger(Events.TOUCHENABLE)
+      $W.trigger(Events.TOUCHENABLE)
     } else {
-      console.log(`${NAME}: Touch screen disabled`);
-      $Body.trigger(Events.TOUCHDISABLED);
-      $W.trigger(Events.TOUCHDISABLED);
+      console.log(`${NAME}: Touch screen disabled`)
+      $Body.trigger(Events.TOUCHDISABLED)
+      $W.trigger(Events.TOUCHDISABLED)
     }
 
     // prevent firing touch and mouse events together
     setTimeout(() => {
-      eventFired = false;
-    }, 200);
-  };
+      eventFired = false
+    }, 200)
+  }
 
-  setTouchScreen("ontouchstart" in window || navigator.msMaxTouchPoints > 0);
+  setTouchScreen('ontouchstart' in window || navigator.msMaxTouchPoints > 0)
 
   // disable touch on mouse events
-  /*D.addEventListener('mousemove', () => {
+  /* D.addEventListener('mousemove', () => {
     setTouchScreen(false);
   });
 
   D.addEventListener('mousedown', () => {
     setTouchScreen(false);
-  });*/
+  }); */
 
   // enable touch screen on touch events
-  D.addEventListener("touchmove", () => {
-    setTouchScreen(true);
-  });
-  D.addEventListener("touchstart", () => {
-    setTouchScreen(true);
-  });
+  D.addEventListener('touchmove', () => {
+    setTouchScreen(true)
+  })
+  D.addEventListener('touchstart', () => {
+    setTouchScreen(true)
+  })
 
   class MainUI {
     // Static methods
 
-    static init() {
-      const ui = this;
-      ui.dispose();
+    static init () {
+      const ui = this
+      ui.dispose()
 
-      console.log(`${NAME}: init`);
+      console.log(`${NAME}: init`)
 
       // update location details
-      ui.updateLocation();
+      ui.updateLocation()
 
       // mark available offline areas
-      if ("caches" in W) {
-        $("a.offline").addClass("offline-available");
+      if ('caches' in W) {
+        $('a.offline').addClass('offline-available')
       }
 
-      ui.loadImages();
+      ui.loadImages()
 
       // detect bootstrap screen size
-      ui.detectBootstrapScreenSize();
+      ui.detectBootstrapScreenSize()
 
       // mark external links
-      $('a.external,a[rel="external"]').attr("target", "_blank");
+      $('a.external,a[rel="external"]').attr('target', '_blank')
 
       // show encoded emails
-      /*$(D).find('.obm').each(() => {
+      /* $(D).find('.obm').each(() => {
               if ($(this).attr('data-val') !== undefined) {
                 const email = $(this).attr('data-val').split('')
                   .reverse()
@@ -300,351 +300,351 @@ const MainUI = (($) => {
                   $(this).attr('href', `mailto:${email}`);
                 }
               }
-            });*/
+            }); */
       //
 
       // scroll links
-      $(".js-scrollTo").on("click", (e) => {
-        console.log(`${NAME}: .js-scrollTo`);
+      $('.js-scrollTo').on('click', (e) => {
+        console.log(`${NAME}: .js-scrollTo`)
 
-        e.preventDefault();
-        const el = e.currentTarget;
-        const $el = $(e.currentTarget);
+        e.preventDefault()
+        const el = e.currentTarget
+        const $el = $(e.currentTarget)
 
-        ScrollTo(el, $el.attr("data-target"));
-      });
+        ScrollTo(el, $el.attr('data-target'))
+      })
 
       // load external fonts
-      if ($("[data-extfont]").length) {
-        console.log(`${NAME}: loading external fonts [data-extfont]`);
+      if ($('[data-extfont]').length) {
+        console.log(`${NAME}: loading external fonts [data-extfont]`)
         $.getScript(
-          "//ajax.googleapis.com/ajax/libs/webfont/1/webfont.js",
+          '//ajax.googleapis.com/ajax/libs/webfont/1/webfont.js',
           () => {
-            const fonts = [];
+            const fonts = []
 
-            $("[data-extfont]").each((i, el) => {
-              fonts[i] = $(el).attr("data-extfont");
-            });
+            $('[data-extfont]').each((i, el) => {
+              fonts[i] = $(el).attr('data-extfont')
+            })
 
             W.WebFont.load({
               google: {
                 families: fonts,
               },
-            });
+            })
           }
-        );
+        )
       }
 
       // data-set links
-      $("[data-set-target]").on("click", (e) => {
-        console.log(`${NAME}: [data-set-target]`);
+      $('[data-set-target]').on('click', (e) => {
+        console.log(`${NAME}: [data-set-target]`)
 
-        const $el = $(e.currentTarget);
-        const $target = $($el.data("set-target"));
+        const $el = $(e.currentTarget)
+        const $target = $($el.data('set-target'))
 
         if (!$target.length) {
-          return;
+          return
         }
 
         $target.each((i, targetEl) => {
-          const $targetEl = $(targetEl);
-          const tag = $targetEl.prop("tagName").toLowerCase();
+          const $targetEl = $(targetEl)
+          const tag = $targetEl.prop('tagName').toLowerCase()
 
-          if (tag === "input" || tag === "select") {
-            $targetEl.val($el.data("set-val"));
-          } else if (!$targetEl.hasClass("field")) {
-            $targetEl.text($el.data("set-val"));
+          if (tag === 'input' || tag === 'select') {
+            $targetEl.val($el.data('set-val'))
+          } else if (!$targetEl.hasClass('field')) {
+            $targetEl.text($el.data('set-val'))
           }
-        });
+        })
 
-        $el.trigger(Events.SET_TARGET_UPDATE);
-        $target.closest("form").trigger(Events.SET_TARGET_UPDATE);
-      });
+        $el.trigger(Events.SET_TARGET_UPDATE)
+        $target.closest('form').trigger(Events.SET_TARGET_UPDATE)
+      })
 
       // emulate links
-      $(".a[data-href]").on("click", (e) => {
-        console.log(`${NAME}: js link processing .a[data-href]`);
+      $('.a[data-href]').on('click', (e) => {
+        console.log(`${NAME}: js link processing .a[data-href]`)
 
-        const $el = $(e.currentTarget);
-        const href = $el.data("href");
+        const $el = $(e.currentTarget)
+        const href = $el.data('href')
         if (!href.length) {
-          console.warn(`${NAME}: .a[data-href] | Missing data-href`);
-          console.warn($el);
+          console.warn(`${NAME}: .a[data-href] | Missing data-href`)
+          console.warn($el)
         }
 
-        W.location.assign(href);
-      });
+        W.location.assign(href)
+      })
 
       // set attributes for mobile friendly tables
-      $(".typography table").each((i, el) => {
-        const $table = $(el);
-        let $header = $table.find("thead tr:first-child");
+      $('.typography table').each((i, el) => {
+        const $table = $(el)
+        let $header = $table.find('thead tr:first-child')
         if (!$header.length) {
-          $header = $(el).find("tr:first-child");
+          $header = $(el).find('tr:first-child')
         }
 
-        $header.addClass("d-typography-breakpoint-none");
+        $header.addClass('d-typography-breakpoint-none')
 
-        $header.find("td").each((i, h) => {
-          const $h = $(h);
+        $header.find('td').each((i, h) => {
+          const $h = $(h)
           $table
-            .find("tr")
+            .find('tr')
             .find(`td:eq(${i})`)
             .each((i, el) => {
-              const $el = $(el);
-              if (!$el.attr("data-label")) {
-                $el.attr("data-label", $h.text());
+              const $el = $(el)
+              if (!$el.attr('data-label')) {
+                $el.attr('data-label', $h.text())
               }
-            });
-        });
-      });
+            })
+        })
+      })
       //
 
       // hide spinner
       Spinner.hide(() => {
-        $Body.addClass("loaded");
-      });
+        $Body.addClass('loaded')
+      })
 
       // fire page printing
-      if (W.URLDetails["hash"].indexOf("printpage") > -1) {
-        W.print();
+      if (W.URLDetails.hash.indexOf('printpage') > -1) {
+        W.print()
       }
 
-      $Body.data(NAME, ui);
-      $W.removeClass("lock-main-init");
+      $Body.data(NAME, ui)
+      $W.removeClass('lock-main-init')
     }
 
-    static detectBootstrapScreenSize() {
-      const $el = $('<div class="env-test"></div>');
-      let envs = [...Consts.ENVS];
-      $Body.append($el);
+    static detectBootstrapScreenSize () {
+      const $el = $('<div class="env-test"></div>')
+      let envs = [...Consts.ENVS]
+      $Body.append($el)
 
-      let curEnv = envs.shift();
-      envs = envs.reverse();
+      let curEnv = envs.shift()
+      envs = envs.reverse()
 
       for (let i = 0; i < envs.length; ++i) {
-        const env = envs[i];
-        $el.addClass(`d-${env}-none`);
-        if ($el.is(":hidden")) {
-          curEnv = env;
-          break;
+        const env = envs[i]
+        $el.addClass(`d-${env}-none`)
+        if ($el.is(':hidden')) {
+          curEnv = env
+          break
         }
       }
 
-      $el.remove();
-      $Body.removeClass(envs);
-      $Body.addClass(curEnv);
+      $el.remove()
+      $Body.removeClass(envs)
+      $Body.addClass(curEnv)
 
-      let landscape = true;
+      let landscape = true
       if ($W.width() > $W.height()) {
-        $Body.removeClass("portrait");
-        $Body.addClass("landscape");
+        $Body.removeClass('portrait')
+        $Body.addClass('landscape')
       } else {
-        landscape = false;
+        landscape = false
 
-        $Body.removeClass("landscape");
-        $Body.addClass("portrait");
+        $Body.removeClass('landscape')
+        $Body.addClass('portrait')
       }
 
       console.log(
         `${NAME}: screen size detected ${curEnv} | landscape ${landscape}`
-      );
+      )
 
-      return curEnv;
+      return curEnv
     }
 
-    static updateLocation(url) {
-      let location = url || W.location.href;
-      location = location.replace(W.URLDetails["base"], "/");
-      const hash = location.indexOf("#");
+    static updateLocation (url) {
+      let location = url || W.location.href
+      location = location.replace(W.URLDetails.base, '/')
+      const hash = location.indexOf('#')
 
-      W.URLDetails.relative = location.split("#")[0];
+      W.URLDetails.relative = location.split('#')[0]
       W.URLDetails.hash =
-        hash >= 0 ? location.substr(location.indexOf("#")) : "";
+        hash >= 0 ? location.substr(location.indexOf('#')) : ''
     }
 
     // show site-wide alert
-    static alert(msg, cls) {
-      $SiteWideMessage.fadeOut("fast");
+    static alert (msg, cls) {
+      $SiteWideMessage.fadeOut('fast')
 
       $SiteWideMessage.html(
         `<div class="page-alert"><div class="alert alert-${cls}"><i class="close" data-dismiss="alert">&times;</i>${msg}</div></div>`
-      );
-      $SiteWideMessage.find(".page-alert").alert();
+      )
+      $SiteWideMessage.find('.page-alert').alert()
 
       $SiteWideMessage.find('.close[data-dismiss="alert"]').click(() => {
-        $SiteWideMessage.fadeOut("slow", () => {
-          $SiteWideMessage.find(".page-alert").alert("close");
-        });
-      });
+        $SiteWideMessage.fadeOut('slow', () => {
+          $SiteWideMessage.find('.page-alert').alert('close')
+        })
+      })
 
-      $SiteWideMessage.fadeIn("slow");
+      $SiteWideMessage.fadeIn('slow')
 
       if ($AlertNotify.length) {
-        $AlertNotify[0].play();
+        $AlertNotify[0].play()
       }
 
-      $W.trigger(`${Events.ALLERTAPPEARED}`);
+      $W.trigger(`${Events.ALLERTAPPEARED}`)
     }
 
     // hide site-wide alert
-    static alertHide() {
+    static alertHide () {
       if ($SiteWideMessage.length !== 0) {
-        $SiteWideMessage.fadeOut("slow", () => {
-          $SiteWideMessage.find(".alert").alert("close");
-        });
+        $SiteWideMessage.fadeOut('slow', () => {
+          $SiteWideMessage.find('.alert').alert('close')
+        })
       }
 
-      if ($AlertNotify.length && typeof $AlertNotify[0].stop !== "undefined") {
-        $AlertNotify[0].stop();
+      if ($AlertNotify.length && typeof $AlertNotify[0].stop !== 'undefined') {
+        $AlertNotify[0].stop()
       }
 
-      $W.trigger(`${Events.ALLERTREMOVED}`);
+      $W.trigger(`${Events.ALLERTREMOVED}`)
     }
 
     // load all images
-    static loadImages() {
-      const $imgs = $Body.find("img").not(".loaded");
-      const $imgUrls = [];
-      const $imgLazyUrls = [];
+    static loadImages () {
+      const $imgs = $Body.find('img').not('.loaded')
+      const $imgUrls = []
+      const $imgLazyUrls = []
 
       // collect image details
       $imgs.each((i, el) => {
-        const $el = $(el);
-        const src = $el.attr("src");
-        const lazySrc = $el.data("lazy-src");
+        const $el = $(el)
+        const src = $el.attr('src')
+        const lazySrc = $el.data('lazy-src')
 
-        if ($el.hasClass("loaded")) {
-          return;
+        if ($el.hasClass('loaded')) {
+          return
         }
 
         if (src && src.length) {
-          $imgUrls.push(src);
+          $imgUrls.push(src)
         }
         if (lazySrc && lazySrc.length) {
-          $imgLazyUrls.push(lazySrc);
-          $el.addClass("loading");
+          $imgLazyUrls.push(lazySrc)
+          $el.addClass('loading')
 
           AjaxUI.preload([lazySrc]).then(() => {
-            $el.attr("src", lazySrc);
+            $el.attr('src', lazySrc)
 
             $el.on(`${Events.LOADED}`, () => {
-              $el.addClass("loaded");
-              $el.removeClass("loading");
+              $el.addClass('loaded')
+              $el.removeClass('loading')
 
-              $el.trigger(`${Events.LAZYIMAGEREADY}`);
-            });
-          });
+              $el.trigger(`${Events.LAZYIMAGEREADY}`)
+            })
+          })
         }
-      });
+      })
 
       // load lazy backgrounds
       $Body
-        .find("[data-lazy-bg]")
-        .not(".loaded")
+        .find('[data-lazy-bg]')
+        .not('.loaded')
         .each((i, el) => {
-          const $el = $(el);
-          const lazySrc = $el.data("lazy-bg");
+          const $el = $(el)
+          const lazySrc = $el.data('lazy-bg')
 
-          if ($el.hasClass("loaded")) {
-            return;
+          if ($el.hasClass('loaded')) {
+            return
           }
 
           if (lazySrc && lazySrc.length) {
-            $imgLazyUrls.push(lazySrc);
-            $el.addClass("loading");
+            $imgLazyUrls.push(lazySrc)
+            $el.addClass('loading')
 
             AjaxUI.preload([lazySrc]).then(() => {
-              $el.css({ "background-image": `url(${lazySrc})` });
+              $el.css({ 'background-image': `url(${lazySrc})` })
 
-              $el.addClass("loaded");
-              $el.removeClass("loading");
+              $el.addClass('loaded')
+              $el.removeClass('loading')
 
-              $el.trigger(`${Events.LAZYIMAGEREADY}`);
-            });
+              $el.trigger(`${Events.LAZYIMAGEREADY}`)
+            })
           }
-        });
+        })
 
       // replace img src
       $Body
-        .find("[data-src-replace]")
-        .not(".loaded")
+        .find('[data-src-replace]')
+        .not('.loaded')
         .each((i, el) => {
-          const $el = $(el);
-          const lazySrc = $el.data("src-replace");
+          const $el = $(el)
+          const lazySrc = $el.data('src-replace')
 
-          if ($el.hasClass("loaded")) {
-            return;
+          if ($el.hasClass('loaded')) {
+            return
           }
 
           if (lazySrc && lazySrc.length) {
-            $el.addClass("loaded");
-            $el.attr("src", lazySrc);
+            $el.addClass('loaded')
+            $el.attr('src', lazySrc)
           }
-        });
+        })
 
       // load defined images
       AjaxUI.preload($imgUrls).then(() => {
-        $W.trigger("images-loaded");
+        $W.trigger('images-loaded')
 
         // load lazy images
         AjaxUI.preload($imgLazyUrls).then(() => {
-          console.log(`${NAME}: All images are loaded!`);
+          console.log(`${NAME}: All images are loaded!`)
 
           setTimeout(() => {
-            $W.trigger(`${Events.LAZYIMAGESREADY}`);
+            $W.trigger(`${Events.LAZYIMAGESREADY}`)
 
-            console.groupEnd("Post-init");
-            console.timeEnd("Post-init");
-          }, 100);
-        });
-      });
+            console.groupEnd('Post-init')
+            console.timeEnd('Post-init')
+          }, 100)
+        })
+      })
     }
 
-    static dispose() {
-      console.log(`${NAME}: dispose`);
+    static dispose () {
+      console.log(`${NAME}: dispose`)
     }
   }
 
   $W.on(
     `${Events.MAININIT} ${Events.AJAX} ${Events.AJAXMAIN} ${Events.LOADED}`,
     () => {
-      if ($W.hasClass("lock-main-init")) {
-        console.warn(`${NAME}: locked`);
-        return;
+      if ($W.hasClass('lock-main-init')) {
+        console.warn(`${NAME}: locked`)
+        return
       }
 
-      $W.addClass("lock-main-init");
-      MainUI.init();
+      $W.addClass('lock-main-init')
+      MainUI.init()
     }
-  );
+  )
 
   $W.on(`${Events.RESIZE}`, () => {
-    MainUI.detectBootstrapScreenSize();
-  });
+    MainUI.detectBootstrapScreenSize()
+  })
 
-  $W.on("beforeunload unload", () => {
+  $W.on('beforeunload unload', () => {
     Spinner.show(() => {
-      $Body.removeClass("loaded");
-    });
-  });
+      $Body.removeClass('loaded')
+    })
+  })
 
   // hide spinner on target _blank
   $('[target="_blank"],.external')
     .not('[data-toggle="lightbox"],[data-lightbox-gallery]')
-    .on("click submit touch", (e) => {
-      console.log(`${NAME}: External link`);
+    .on('click submit touch', (e) => {
+      console.log(`${NAME}: External link`)
 
       setTimeout(() => {
         Spinner.hide(() => {
-          $Body.addClass("loaded");
-        });
-      }, 1000);
-    });
+          $Body.addClass('loaded')
+        })
+      }, 1000)
+    })
 
-  W.MainUI = MainUI;
+  W.MainUI = MainUI
 
-  return MainUI;
-})($);
+  return MainUI
+})($)
 
-export default MainUI;
+export default MainUI
diff --git a/src/js_old/app.js b/src/js_old/app.js
index b23c313..f4d75d0 100644
--- a/src/js_old/app.js
+++ b/src/js_old/app.js
@@ -1,21 +1,21 @@
-"use strict";
+'use strict'
 
-//import $ from 'jquery';
-import "../scss/app.scss";
+// import $ from 'jquery';
+import '../scss/app.scss'
 
-import { Dropdown } from "bootstrap";
-import Page from "./_components/_page.jsx";
+import { Dropdown } from 'bootstrap'
+import Page from './_components/_page.jsx'
 
-//import 'hammerjs/hammer';
-//import 'jquery-hammerjs/jquery.hammer';
+// import 'hammerjs/hammer';
+// import 'jquery-hammerjs/jquery.hammer';
 
 // Routie
-//import 'pouchdb/dist/pouchdb';
-//import './_components/routes/index';
+// import 'pouchdb/dist/pouchdb';
+// import './_components/routes/index';
 
 // conflicts with _components/_ui.hover.js (shows dropdown on hover)
-//import 'bootstrap/js/dist/dropdown';
-/*import './_components/_ui.hover';
+// import 'bootstrap/js/dist/dropdown';
+/* import './_components/_ui.hover';
 
 import './_components/_ui.carousel';
 import './_components/_ui.menu';
@@ -24,74 +24,74 @@ import 'bootstrap/js/dist/modal';
 import 'bootstrap/js/dist/tooltip';
 import 'bootstrap/js/dist/popover';
 import 'bootstrap/js/dist/scrollspy';
-import 'bootstrap/js/dist/tab';*/
+import 'bootstrap/js/dist/tab'; */
 //
 
 // Offcanvas menu
-//import 'offcanvas-bootstrap/dist/js/bootstrap.offcanvas';
+// import 'offcanvas-bootstrap/dist/js/bootstrap.offcanvas';
 
 // Uncomment it to enable meta-lightbox zooming on hover
-//import 'jquery-zoom/jquery.zoom';
+// import 'jquery-zoom/jquery.zoom';
 
 // FlyoutUI
-//import FlyoutUI from './_components/_ui.flyout';
+// import FlyoutUI from './_components/_ui.flyout';
 
 // Sticky sidebar
-//import SidebarUI from './_components/_ui.sidebar';
+// import SidebarUI from './_components/_ui.sidebar';
 
 // Toggle bootstrap form fields
-//import FormToggleUI from './_components/_ui.form.fields.toggle';
+// import FormToggleUI from './_components/_ui.form.fields.toggle';
 
 // Bootstrap Date & Time fields
-//import FormDatetime from './_components/_ui.form.datetime';
+// import FormDatetime from './_components/_ui.form.datetime';
 
 // Stepped forms functionality
-//import FormStepped from './_components/_ui.form.stepped';
+// import FormStepped from './_components/_ui.form.stepped';
 
 // Forms validation functionality
-//import FormValidate from './_components/_ui.form.validate';
+// import FormValidate from './_components/_ui.form.validate';
 
 // Store forms data into localStorage
-//import FormStorage from './_components/_ui.form.storage';
+// import FormStorage from './_components/_ui.form.storage';
 
 // client-side images cropping
-//import FormCroppie from './_components/_ui.form.croppie';
+// import FormCroppie from './_components/_ui.form.croppie';
 
 // Google NoCaptcha fields
-//import NoCaptcha from './_components/_ui.nocaptcha';
+// import NoCaptcha from './_components/_ui.nocaptcha';
 
 // youtube video preview image
-//import './_components/_ui.video.preview';
+// import './_components/_ui.video.preview';
 
 // Meta Lightbox
-import "@a2nt/meta-lightbox-react/src/js/app";
+import '@a2nt/meta-lightbox-react/src/js/app'
 
 const GraphPage = ReactDOM.render(
   <Page />,
-  document.getElementById("MainContent")
-);
+  document.getElementById('MainContent')
+)
 
-//import Confirmation from 'bootstrap-confirmation2/dist/bootstrap-confirmation';
-//import Table from 'bootstrap-table/dist/bootstrap-table';
+// import Confirmation from 'bootstrap-confirmation2/dist/bootstrap-confirmation';
+// import Table from 'bootstrap-table/dist/bootstrap-table';
 
 // Map UI
-//import MapApi from './_components/_ui.map.api';
+// import MapApi from './_components/_ui.map.api';
 
-//import FormSelect2 from './_components/_ui.form.select2';
+// import FormSelect2 from './_components/_ui.form.select2';
 
-//import './_main';
-//import './_layout';
+// import './_main';
+// import './_layout';
 
 // Google Analytics
-//import './_components/drivers/_google.track.external.links';
+// import './_components/drivers/_google.track.external.links';
 
-function importAll(r) {
-  return r.keys().map(r);
+function importAll (r) {
+  return r.keys().map(r)
 }
 
 const images = importAll(
-  require.context("../img/", false, /\.(png|jpe?g|svg)$/)
-);
+  require.context('../img/', false, /\.(png|jpe?g|svg)$/)
+)
 const fontAwesome = importAll(
-  require.context("font-awesome", false, /\.(otf|eot|svg|ttf|woff|woff2)$/)
-);
+  require.context('font-awesome', false, /\.(otf|eot|svg|ttf|woff|woff2)$/)
+)
diff --git a/src/js_old/lang/_en.js b/src/js_old/lang/_en.js
index ceb84a6..65e0d5b 100644
--- a/src/js_old/lang/_en.js
+++ b/src/js_old/lang/_en.js
@@ -11,7 +11,7 @@ export default {
         '<div class="steps-buttons">' +
         '<a href="#" class="step-ctrl step-prev"><i class="fas fa-chevron-left"></i> Prev</a>' +
         ' <a href="#" class="step-ctrl step-next">Next <i class="fas fa-chevron-right"></i></a>' +
-        "</div>",
+        '</div>',
     },
   },
-};
+}
diff --git a/src/js_old/place_it_to_types_folder_PageTypeClassName.js b/src/js_old/place_it_to_types_folder_PageTypeClassName.js
index 9b8252d..6fc1ffa 100644
--- a/src/js_old/place_it_to_types_folder_PageTypeClassName.js
+++ b/src/js_old/place_it_to_types_folder_PageTypeClassName.js
@@ -13,51 +13,51 @@
  * Take a look to app/templates/Objects/Map.ss for HTML
  * Take a look to https://github.com/a2nt/silverstripe-mapboxfield/blob/master/README.md for Data Structure
  */
-"use strict";
+'use strict'
 
 // your page specific css
-import "../scss/_types/PageTypeClassName.scss";
+import '../scss/_types/PageTypeClassName.scss'
 
-import $ from "jquery";
-import Events from "../_events";
+import $ from 'jquery'
+import Events from '../_events'
 
 // Mapbox API
-import "../_components/_ui.map.api";
+import '../_components/_ui.map.api'
 
 const PageTypeUI = (($) => {
   // Constants
-  const W = window;
-  const D = document;
-  const $Body = $("body");
+  const W = window
+  const D = document
+  const $Body = $('body')
 
-  const NAME = "PageTypeUI";
+  const NAME = 'PageTypeUI'
   class PageTypeUI {
     // Static methods
 
-    static init() {
-      this.dispose();
-      console.log(`Initializing: ${NAME}`);
+    static init () {
+      this.dispose()
+      console.log(`Initializing: ${NAME}`)
       // custom page specific functionality
     }
 
-    static initMap() {
+    static initMap () {
       // custom map functionality
     }
 
-    static dispose() {
-      console.log(`Destroying: ${NAME}`);
+    static dispose () {
+      console.log(`Destroying: ${NAME}`)
     }
   }
 
   $(W).on(`${Events.AJAX} ${Events.LOADED}`, () => {
-    PageTypeUI.init();
-  });
+    PageTypeUI.init()
+  })
 
   $(W).on(Events.MAPLOADED, () => {
-    PageTypeUI.initMap();
-  });
+    PageTypeUI.initMap()
+  })
 
-  return PageTypeUI;
-})($);
+  return PageTypeUI
+})($)
 
-export default PageTypeUI;
+export default PageTypeUI
diff --git a/src/js_old/types/SilverShop.Page.CheckoutPageController.js b/src/js_old/types/SilverShop.Page.CheckoutPageController.js
index 08c310d..1b09518 100644
--- a/src/js_old/types/SilverShop.Page.CheckoutPageController.js
+++ b/src/js_old/types/SilverShop.Page.CheckoutPageController.js
@@ -1,5 +1,5 @@
-"use strict";
+'use strict'
 
-/*import $ from 'jquery';
+/* import $ from 'jquery';
 import '../_components/_ui.map.api';
 */
diff --git a/src/js_old/types/Site.Controllers.MapElementController.js b/src/js_old/types/Site.Controllers.MapElementController.js
index f258d83..1871eb6 100644
--- a/src/js_old/types/Site.Controllers.MapElementController.js
+++ b/src/js_old/types/Site.Controllers.MapElementController.js
@@ -1,6 +1,6 @@
-"use strict";
+'use strict'
 
-/*import $ from 'jquery';
+/* import $ from 'jquery';
 import Events from '../_events';
 
 // Mapbox API
diff --git a/src/mocks/browser.js b/src/mocks/browser.js
index be4c02b..3c4a920 100644
--- a/src/mocks/browser.js
+++ b/src/mocks/browser.js
@@ -1,5 +1,5 @@
 // src/mocks/browser.js
-import { setupWorker } from "msw";
-import { handlers } from "./handlers";
+import { setupWorker } from 'msw'
+import { handlers } from './handlers'
 // This configures a Service Worker with the given request handlers.
-export const worker = setupWorker(...handlers);
+export const worker = setupWorker(...handlers)
diff --git a/src/mocks/handlers.js b/src/mocks/handlers.js
index 2baecfa..9cdd495 100644
--- a/src/mocks/handlers.js
+++ b/src/mocks/handlers.js
@@ -1,9 +1,9 @@
 // src/mocks/handlers.js
-import { graphql } from "msw";
+import { graphql } from 'msw'
 
 export const handlers = [
   // Handles a "Login" mutation
-  /*graphql.mutation('Login', (req, res, ctx) => {
+  /* graphql.mutation('Login', (req, res, ctx) => {
     const { username } = req.variables;
     sessionStorage.setItem('is-authenticated', username);
     return res(
@@ -13,10 +13,10 @@ export const handlers = [
         },
       }),
     );
-  }),*/
+  }), */
   // Handles a "Pages" query
-  graphql.query("Pages11", (req, res, ctx) => {
-    const apiKey = req.headers.map.apikey;
+  graphql.query('Pages11', (req, res, ctx) => {
+    const apiKey = req.headers.map.apikey
     if (
       !req.headers.map.apikey ||
       req.headers.map.apikey !== `${GRAPHQL_API_KEY}`
@@ -25,11 +25,11 @@ export const handlers = [
       return res(
         ctx.errors([
           {
-            message: "Not authenticated",
-            errorType: "AuthenticationError",
+            message: 'Not authenticated',
+            errorType: 'AuthenticationError',
           },
         ])
-      );
+      )
     }
     // When authenticated, respond with a query payload
     return res(
@@ -38,38 +38,38 @@ export const handlers = [
           edges: [
             {
               node: {
-                ID: "1",
-                Title: "Home-Mocked",
-                ClassName: "Site\\Pages\\HomePage",
-                CSSClass: "Site-Pages-HomePage",
+                ID: '1',
+                Title: 'Home-Mocked',
+                ClassName: 'Site\\Pages\\HomePage',
+                CSSClass: 'Site-Pages-HomePage',
                 Summary:
                   "That's my personal website, I'm full-stack developer mostly specializing on SilverStipe backend projects and share some of my hobbies at this website.",
-                Link: "/en/",
-                URLSegment: "home",
+                Link: '/en/',
+                URLSegment: 'home',
                 Elements: {
                   edges: [
                     {
                       node: {
-                        ID: "3",
-                        Title: "Slider",
+                        ID: '3',
+                        Title: 'Slider',
                         Render:
-                          "&lt;div\nid=&quot;e3&quot;\nclass=&quot;element site__elements__sliderelement\n\t\n\t&quot;\n&gt;\n\t&lt;div class=&quot;element-container container&quot;&gt;\n\t\t\n\n\n    &lt;div id=&quot;Carousel3&quot; class=&quot;carousel slide js-carousel&quot;&gt;\n        &lt;div class=&quot;carousel-inner&quot;&gt;\n            \n                &lt;div class=&quot;carousel-item carousel-item-Video carousel-item-nocontrols active&quot;&gt;\n                    &lt;div class=&quot;carousel-slide&quot;&gt;\n                        \n    \n        &lt;div class=&quot;video&quot;&gt;\n            &lt;iframe width=&quot;200&quot; height=&quot;113&quot; src=&quot;https://www.youtube.com/embed/IF1F_es1SaU?feature=oembed&amp;wmode=transparent&amp;enablejsapi=1&amp;disablekb=1&amp;iv_load_policy=3&amp;modestbranding=1&amp;rel=0&amp;showinfo=0&amp;autoplay=1&amp;mute=1&amp;loop=1&amp;playlist=IF1F_es1SaU&quot; allow=&quot;autoplay&quot; allow=&quot;autoplay&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture&quot; allowfullscreen&gt;&lt;/iframe&gt;\n        &lt;/div&gt;\n    \n\n\n\n\n                    &lt;/div&gt;\n                &lt;/div&gt;\n            \n        &lt;/div&gt;\n    &lt;/div&gt;\n\n\n\t&lt;/div&gt;\n&lt;/div&gt;\n",
+                          '&lt;div\nid=&quot;e3&quot;\nclass=&quot;element site__elements__sliderelement\n\t\n\t&quot;\n&gt;\n\t&lt;div class=&quot;element-container container&quot;&gt;\n\t\t\n\n\n    &lt;div id=&quot;Carousel3&quot; class=&quot;carousel slide js-carousel&quot;&gt;\n        &lt;div class=&quot;carousel-inner&quot;&gt;\n            \n                &lt;div class=&quot;carousel-item carousel-item-Video carousel-item-nocontrols active&quot;&gt;\n                    &lt;div class=&quot;carousel-slide&quot;&gt;\n                        \n    \n        &lt;div class=&quot;video&quot;&gt;\n            &lt;iframe width=&quot;200&quot; height=&quot;113&quot; src=&quot;https://www.youtube.com/embed/IF1F_es1SaU?feature=oembed&amp;wmode=transparent&amp;enablejsapi=1&amp;disablekb=1&amp;iv_load_policy=3&amp;modestbranding=1&amp;rel=0&amp;showinfo=0&amp;autoplay=1&amp;mute=1&amp;loop=1&amp;playlist=IF1F_es1SaU&quot; allow=&quot;autoplay&quot; allow=&quot;autoplay&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture&quot; allowfullscreen&gt;&lt;/iframe&gt;\n        &lt;/div&gt;\n    \n\n\n\n\n                    &lt;/div&gt;\n                &lt;/div&gt;\n            \n        &lt;/div&gt;\n    &lt;/div&gt;\n\n\n\t&lt;/div&gt;\n&lt;/div&gt;\n',
                       },
                     },
                     {
                       node: {
-                        ID: "7",
-                        Title: "Categories List",
+                        ID: '7',
+                        Title: 'Categories List',
                         Render:
-                          "&lt;div\nid=&quot;e7&quot;\nclass=&quot;element dnadesign__elementallist__model__elementlist\n\t\n\t&quot;\n&gt;\n\t&lt;div class=&quot;element-container container&quot;&gt;\n\t\t\n&lt;div class=&quot;list-element__container row&quot; data-listelement-count=&quot;3&quot;&gt;\n    \n    \n\t   &lt;div\nid=&quot;e9&quot;\nclass=&quot;element dynamic__elements__image__elements__elementimage\n\t\n\t  col-block col-md&quot;\n&gt;\n\t&lt;div class=&quot;element-container&quot;&gt;\n\t\t\n    &lt;div class=&quot;image-element__image height400 width400&quot;&gt;\n        &lt;img\n            src=&quot;data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7&quot;\n            data-lazy-src=&quot;/assets/Uploads/ElementImage/1609765749853__FillWzQwMCw0MDBd.jpg&quot; class=&quot;img-responsive&quot; alt=&quot;Aquascaping&quot;\n        /&gt;\n    &lt;/div&gt;\n\n\n\n&lt;div class=&quot;image-element__caption img-content&quot;&gt;\n    &lt;h3 class=&quot;image-element__title title&quot;&gt;Aquascaping&lt;/h3&gt;\n\n    \n&lt;/div&gt;\n\n\n\n    &lt;a href=&quot;/en/aquascaping/&quot; class=&quot;stretched-link&quot;&gt;\n        &lt;b class=&quot;sr-only&quot;&gt;Aquascaping&lt;/b&gt;\n    &lt;/a&gt;\n\n\n\t&lt;/div&gt;\n&lt;/div&gt;\n\n    \n\t   &lt;div\nid=&quot;e10&quot;\nclass=&quot;element dynamic__elements__image__elements__elementimage\n\t\n\t  col-block col-md&quot;\n&gt;\n\t&lt;div class=&quot;element-container&quot;&gt;\n\t\t\n    &lt;div class=&quot;image-element__image height400 width400&quot;&gt;\n        &lt;img\n            src=&quot;data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7&quot;\n            data-lazy-src=&quot;/assets/Uploads/ElementImage/1609766816754__FillWzQwMCw0MDBd.jpg&quot; class=&quot;img-responsive&quot; alt=&quot;Car Projects&quot;\n        /&gt;\n    &lt;/div&gt;\n\n\n\n&lt;div class=&quot;image-element__caption img-content&quot;&gt;\n    &lt;h3 class=&quot;image-element__title title&quot;&gt;Car Projects&lt;/h3&gt;\n\n    \n&lt;/div&gt;\n\n\n\n    &lt;a href=&quot;/en/car/&quot; class=&quot;stretched-link&quot;&gt;\n        &lt;b class=&quot;sr-only&quot;&gt;Car Projects&lt;/b&gt;\n    &lt;/a&gt;\n\n\n\t&lt;/div&gt;\n&lt;/div&gt;\n\n    \n\t   &lt;div\nid=&quot;e12&quot;\nclass=&quot;element dynamic__elements__image__elements__elementimage\n\t\n\t  col-block col-md&quot;\n&gt;\n\t&lt;div class=&quot;element-container&quot;&gt;\n\t\t\n    &lt;div class=&quot;image-element__image height400 width400&quot;&gt;\n        &lt;img\n            src=&quot;data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7&quot;\n            data-lazy-src=&quot;/assets/Uploads/ElementImage/Screenshot-from-2021-01-04-20-30-19__FillWzQwMCw0MDBd.png&quot; class=&quot;img-responsive&quot; alt=&quot;Programming&quot;\n        /&gt;\n    &lt;/div&gt;\n\n\n\n&lt;div class=&quot;image-element__caption img-content&quot;&gt;\n    &lt;h3 class=&quot;image-element__title title&quot;&gt;Programming&lt;/h3&gt;\n\n    \n&lt;/div&gt;\n\n\n\n    &lt;a href=&quot;/en/development/&quot; class=&quot;stretched-link&quot;&gt;\n        &lt;b class=&quot;sr-only&quot;&gt;Programming&lt;/b&gt;\n    &lt;/a&gt;\n\n\n\t&lt;/div&gt;\n&lt;/div&gt;\n\n    \n\n\n&lt;/div&gt;\n\n\t&lt;/div&gt;\n&lt;/div&gt;\n",
+                          '&lt;div\nid=&quot;e7&quot;\nclass=&quot;element dnadesign__elementallist__model__elementlist\n\t\n\t&quot;\n&gt;\n\t&lt;div class=&quot;element-container container&quot;&gt;\n\t\t\n&lt;div class=&quot;list-element__container row&quot; data-listelement-count=&quot;3&quot;&gt;\n    \n    \n\t   &lt;div\nid=&quot;e9&quot;\nclass=&quot;element dynamic__elements__image__elements__elementimage\n\t\n\t  col-block col-md&quot;\n&gt;\n\t&lt;div class=&quot;element-container&quot;&gt;\n\t\t\n    &lt;div class=&quot;image-element__image height400 width400&quot;&gt;\n        &lt;img\n            src=&quot;data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7&quot;\n            data-lazy-src=&quot;/assets/Uploads/ElementImage/1609765749853__FillWzQwMCw0MDBd.jpg&quot; class=&quot;img-responsive&quot; alt=&quot;Aquascaping&quot;\n        /&gt;\n    &lt;/div&gt;\n\n\n\n&lt;div class=&quot;image-element__caption img-content&quot;&gt;\n    &lt;h3 class=&quot;image-element__title title&quot;&gt;Aquascaping&lt;/h3&gt;\n\n    \n&lt;/div&gt;\n\n\n\n    &lt;a href=&quot;/en/aquascaping/&quot; class=&quot;stretched-link&quot;&gt;\n        &lt;b class=&quot;sr-only&quot;&gt;Aquascaping&lt;/b&gt;\n    &lt;/a&gt;\n\n\n\t&lt;/div&gt;\n&lt;/div&gt;\n\n    \n\t   &lt;div\nid=&quot;e10&quot;\nclass=&quot;element dynamic__elements__image__elements__elementimage\n\t\n\t  col-block col-md&quot;\n&gt;\n\t&lt;div class=&quot;element-container&quot;&gt;\n\t\t\n    &lt;div class=&quot;image-element__image height400 width400&quot;&gt;\n        &lt;img\n            src=&quot;data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7&quot;\n            data-lazy-src=&quot;/assets/Uploads/ElementImage/1609766816754__FillWzQwMCw0MDBd.jpg&quot; class=&quot;img-responsive&quot; alt=&quot;Car Projects&quot;\n        /&gt;\n    &lt;/div&gt;\n\n\n\n&lt;div class=&quot;image-element__caption img-content&quot;&gt;\n    &lt;h3 class=&quot;image-element__title title&quot;&gt;Car Projects&lt;/h3&gt;\n\n    \n&lt;/div&gt;\n\n\n\n    &lt;a href=&quot;/en/car/&quot; class=&quot;stretched-link&quot;&gt;\n        &lt;b class=&quot;sr-only&quot;&gt;Car Projects&lt;/b&gt;\n    &lt;/a&gt;\n\n\n\t&lt;/div&gt;\n&lt;/div&gt;\n\n    \n\t   &lt;div\nid=&quot;e12&quot;\nclass=&quot;element dynamic__elements__image__elements__elementimage\n\t\n\t  col-block col-md&quot;\n&gt;\n\t&lt;div class=&quot;element-container&quot;&gt;\n\t\t\n    &lt;div class=&quot;image-element__image height400 width400&quot;&gt;\n        &lt;img\n            src=&quot;data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7&quot;\n            data-lazy-src=&quot;/assets/Uploads/ElementImage/Screenshot-from-2021-01-04-20-30-19__FillWzQwMCw0MDBd.png&quot; class=&quot;img-responsive&quot; alt=&quot;Programming&quot;\n        /&gt;\n    &lt;/div&gt;\n\n\n\n&lt;div class=&quot;image-element__caption img-content&quot;&gt;\n    &lt;h3 class=&quot;image-element__title title&quot;&gt;Programming&lt;/h3&gt;\n\n    \n&lt;/div&gt;\n\n\n\n    &lt;a href=&quot;/en/development/&quot; class=&quot;stretched-link&quot;&gt;\n        &lt;b class=&quot;sr-only&quot;&gt;Programming&lt;/b&gt;\n    &lt;/a&gt;\n\n\n\t&lt;/div&gt;\n&lt;/div&gt;\n\n    \n\n\n&lt;/div&gt;\n\n\t&lt;/div&gt;\n&lt;/div&gt;\n',
                       },
                     },
                     {
                       node: {
-                        ID: "4",
+                        ID: '4',
                         Title: "Hello, I'm Tony Air",
                         Render:
-                          "&lt;div\nid=&quot;e4&quot;\nclass=&quot;element dnadesign__elemental__models__elementcontent\n\t\n\t&quot;\n&gt;\n\t&lt;div class=&quot;element-container container&quot;&gt;\n\t\t&lt;div\nclass=&quot;content-element__content&quot;\n&gt;\n    \n\t\n        &lt;h2 class=&quot;content-element__title&quot;&gt;Hello, I&amp;#039;m Tony Air&lt;/h2&gt;\n    \n\n    &lt;div class=&quot;typography&quot;&gt;\n        &lt;p&gt;That&#039;s my personal website, I&#039;m full-stack developer mostly specializing on SilverStipe backend projects and share some of my hobbies at this website.&lt;br&gt;&lt;br&gt;As for the things I do for work:&lt;br&gt;&lt;br&gt;Here&#039;s front-end UI kit:&amp;nbsp;&lt;a rel=&quot;noopener&quot; href=&quot;https://github.com/a2nt/webpack-bootstrap-ui-kit&quot; target=&quot;_blank&quot;&gt;https://github.com/a2nt/webpack-bootstrap-ui-kit&lt;/a&gt;&lt;br&gt;Here&#039;s SilverStipe quick start template:&amp;nbsp;&lt;a rel=&quot;noopener&quot; href=&quot;https://github.com/a2nt/silverstripe-webpack&quot; target=&quot;_blank&quot;&gt;https://github.com/a2nt/silverstripe-webpack&lt;/a&gt;&lt;br&gt;&lt;br&gt;More at my github:&amp;nbsp;&lt;a rel=&quot;noopener&quot; href=&quot;https://github.com/a2nt&quot; target=&quot;_blank&quot;&gt;https://github.com/a2nt&lt;/a&gt;&lt;/p&gt;\n    &lt;/div&gt;\n\n    \n&lt;/div&gt;\n\n\t&lt;/div&gt;\n&lt;/div&gt;\n",
+                          '&lt;div\nid=&quot;e4&quot;\nclass=&quot;element dnadesign__elemental__models__elementcontent\n\t\n\t&quot;\n&gt;\n\t&lt;div class=&quot;element-container container&quot;&gt;\n\t\t&lt;div\nclass=&quot;content-element__content&quot;\n&gt;\n    \n\t\n        &lt;h2 class=&quot;content-element__title&quot;&gt;Hello, I&amp;#039;m Tony Air&lt;/h2&gt;\n    \n\n    &lt;div class=&quot;typography&quot;&gt;\n        &lt;p&gt;That&#039;s my personal website, I&#039;m full-stack developer mostly specializing on SilverStipe backend projects and share some of my hobbies at this website.&lt;br&gt;&lt;br&gt;As for the things I do for work:&lt;br&gt;&lt;br&gt;Here&#039;s front-end UI kit:&amp;nbsp;&lt;a rel=&quot;noopener&quot; href=&quot;https://github.com/a2nt/webpack-bootstrap-ui-kit&quot; target=&quot;_blank&quot;&gt;https://github.com/a2nt/webpack-bootstrap-ui-kit&lt;/a&gt;&lt;br&gt;Here&#039;s SilverStipe quick start template:&amp;nbsp;&lt;a rel=&quot;noopener&quot; href=&quot;https://github.com/a2nt/silverstripe-webpack&quot; target=&quot;_blank&quot;&gt;https://github.com/a2nt/silverstripe-webpack&lt;/a&gt;&lt;br&gt;&lt;br&gt;More at my github:&amp;nbsp;&lt;a rel=&quot;noopener&quot; href=&quot;https://github.com/a2nt&quot; target=&quot;_blank&quot;&gt;https://github.com/a2nt&lt;/a&gt;&lt;/p&gt;\n    &lt;/div&gt;\n\n    \n&lt;/div&gt;\n\n\t&lt;/div&gt;\n&lt;/div&gt;\n',
                       },
                     },
                   ],
@@ -89,6 +89,6 @@ export const handlers = [
           },
         },
       })
-    );
+    )
   }),
-];
+]
diff --git a/src/mocks/server.js b/src/mocks/server.js
index 2cd878b..2ebb073 100644
--- a/src/mocks/server.js
+++ b/src/mocks/server.js
@@ -1,5 +1,5 @@
 // src/mocks/server.js
-import { setupServer } from "msw/node";
-import { handlers } from "./handlers";
+import { setupServer } from 'msw/node'
+import { handlers } from './handlers'
 // This configures a request mocking server with the given request handlers.
-export const server = setupServer(...handlers);
+export const server = setupServer(...handlers)