diff --git a/bin/build.sh b/bin/build.sh
index f6490f9..ed86c48 100755
--- a/bin/build.sh
+++ b/bin/build.sh
@@ -1,3 +1,3 @@
 #!/usr/bin/env bash
 
-npm run build 1
\ No newline at end of file
+npm run build
\ No newline at end of file
diff --git a/bin/test.sh b/bin/test.sh
index 84e5a15..51c08d6 100644
--- a/bin/test.sh
+++ b/bin/test.sh
@@ -1,4 +1,4 @@
 #!/usr/bin/env bash
 
-#testcafe firefox test/test.testcafe.js
-testcafe remote test/test.testcafe.js --qr-code
+testcafe firefox test/test.testcafe.js
+#testcafe remote test/test.testcafe.js --qr-code
diff --git a/config/autoload/prod.local.php b/config/autoload/prod.local.php
index 1a5d099..1f09614 100755
--- a/config/autoload/prod.local.php
+++ b/config/autoload/prod.local.php
@@ -19,7 +19,7 @@ return [
                     'user' => 'silas',
                     'password' => 'AbGonWigogNulfAyp',
                     'host' => '127.0.0.1',
-                    'dbname' => 'silas_wordRotator',
+                    'dbname' => 'silas_WordRotator',
                     'driverOptions' => array(
                         PDO::MYSQL_ATTR_INIT_COMMAND => 'SET NAMES utf8'
                     ),
diff --git a/public/js/app.js b/public/js/app.js
index 92359d9..9fdab8a 100755
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -1 +1,7212 @@
-!function(t){"use strict";var e,n=Object.prototype,r=n.hasOwnProperty,i="function"==typeof Symbol?Symbol:{},o=i.iterator||"@@iterator",s=i.asyncIterator||"@@asyncIterator",a=i.toStringTag||"@@toStringTag",u="object"==typeof module,l=t.regeneratorRuntime;if(l)u&&(module.exports=l);else{(l=t.regeneratorRuntime=u?module.exports:{}).wrap=k;var c="suspendedStart",h="suspendedYield",f="executing",p="completed",d={},v={};v[o]=function(){return this};var y=Object.getPrototypeOf,m=y&&y(y(A([])));m&&m!==n&&r.call(m,o)&&(v=m);var g=O.prototype=_.prototype=Object.create(v);b.prototype=g.constructor=O,O.constructor=b,O[a]=b.displayName="GeneratorFunction",l.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===b||"GeneratorFunction"===(e.displayName||e.name))},l.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,O):(t.__proto__=O,a in t||(t[a]="GeneratorFunction")),t.prototype=Object.create(g),t},l.awrap=function(t){return{__await:t}},x(L.prototype),L.prototype[s]=function(){return this},l.AsyncIterator=L,l.async=function(t,e,n,r){var i=new L(k(t,e,n,r));return l.isGeneratorFunction(e)?i:i.next().then(function(t){return t.done?t.value:i.next()})},x(g),g[a]="Generator",g[o]=function(){return this},g.toString=function(){return"[object Generator]"},l.keys=function(t){var e=[];for(var n in t)e.push(n);return e.reverse(),function n(){for(;e.length;){var r=e.pop();if(r in t)return n.value=r,n.done=!1,n}return n.done=!0,n}},l.values=A,j.prototype={constructor:j,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(S),!t)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=e)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var n=this;function i(r,i){return a.type="throw",a.arg=t,n.next=r,i&&(n.method="next",n.arg=e),!!i}for(var o=this.tryEntries.length-1;o>=0;--o){var s=this.tryEntries[o],a=s.completion;if("root"===s.tryLoc)return i("end");if(s.tryLoc<=this.prev){var u=r.call(s,"catchLoc"),l=r.call(s,"finallyLoc");if(u&&l){if(this.prev<s.catchLoc)return i(s.catchLoc,!0);if(this.prev<s.finallyLoc)return i(s.finallyLoc)}else if(u){if(this.prev<s.catchLoc)return i(s.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<s.finallyLoc)return i(s.finallyLoc)}}}},abrupt:function(t,e){for(var n=this.tryEntries.length-1;n>=0;--n){var i=this.tryEntries[n];if(i.tryLoc<=this.prev&&r.call(i,"finallyLoc")&&this.prev<i.finallyLoc){var o=i;break}}o&&("break"===t||"continue"===t)&&o.tryLoc<=e&&e<=o.finallyLoc&&(o=null);var s=o?o.completion:{};return s.type=t,s.arg=e,o?(this.method="next",this.next=o.finallyLoc,d):this.complete(s)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),d},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.finallyLoc===t)return this.complete(n.completion,n.afterLoc),S(n),d}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc===t){var r=n.completion;if("throw"===r.type){var i=r.arg;S(n)}return i}}throw new Error("illegal catch attempt")},delegateYield:function(t,n,r){return this.delegate={iterator:A(t),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=e),d}}}function k(t,e,n,r){var i=e&&e.prototype instanceof _?e:_,o=Object.create(i.prototype),s=new j(r||[]);return o._invoke=function(t,e,n){var r=c;return function(i,o){if(r===f)throw new Error("Generator is already running");if(r===p){if("throw"===i)throw o;return C()}for(n.method=i,n.arg=o;;){var s=n.delegate;if(s){var a=P(s,n);if(a){if(a===d)continue;return a}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(r===c)throw r=p,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r=f;var u=w(t,e,n);if("normal"===u.type){if(r=n.done?p:h,u.arg===d)continue;return{value:u.arg,done:n.done}}"throw"===u.type&&(r=p,n.method="throw",n.arg=u.arg)}}}(t,n,s),o}function w(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(t){return{type:"throw",arg:t}}}function _(){}function b(){}function O(){}function x(t){["next","throw","return"].forEach(function(e){t[e]=function(t){return this._invoke(e,t)}})}function L(t){var e;this._invoke=function(n,i){function o(){return new Promise(function(e,o){!function e(n,i,o,s){var a=w(t[n],t,i);if("throw"!==a.type){var u=a.arg,l=u.value;return l&&"object"==typeof l&&r.call(l,"__await")?Promise.resolve(l.__await).then(function(t){e("next",t,o,s)},function(t){e("throw",t,o,s)}):Promise.resolve(l).then(function(t){u.value=t,o(u)},function(t){return e("throw",t,o,s)})}s(a.arg)}(n,i,e,o)})}return e=e?e.then(o,o):o()}}function P(t,n){var r=t.iterator[n.method];if(r===e){if(n.delegate=null,"throw"===n.method){if(t.iterator.return&&(n.method="return",n.arg=e,P(t,n),"throw"===n.method))return d;n.method="throw",n.arg=new TypeError("The iterator does not provide a 'throw' method")}return d}var i=w(r,t.iterator,n.arg);if("throw"===i.type)return n.method="throw",n.arg=i.arg,n.delegate=null,d;var o=i.arg;return o?o.done?(n[t.resultName]=o.value,n.next=t.nextLoc,"return"!==n.method&&(n.method="next",n.arg=e),n.delegate=null,d):o:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,d)}function E(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function S(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function j(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(E,this),this.reset(!0)}function A(t){if(t){var n=t[o];if(n)return n.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var i=-1,s=function n(){for(;++i<t.length;)if(r.call(t,i))return n.value=t[i],n.done=!1,n;return n.value=e,n.done=!0,n};return s.next=s}}return{next:C}}function C(){return{value:e,done:!0}}}(function(){return this||"object"==typeof self&&self}()||Function("return this")());var t="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},e=function t(e,n,r){null===e&&(e=Function.prototype);var i=Object.getOwnPropertyDescriptor(e,n);if(void 0===i){var o=Object.getPrototypeOf(e);return null===o?void 0:t(o,n,r)}if("value"in i)return i.value;var s=i.get;return void 0!==s?s.call(r):void 0},n=function(){function t(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}return function(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),e}}();function r(t){return function(){var e=t.apply(this,arguments);return new Promise(function(t,n){return function r(i,o){try{var s=e[i](o),a=s.value}catch(t){return void n(t)}if(!s.done)return Promise.resolve(a).then(function(t){r("next",t)},function(t){r("throw",t)});t(a)}("next")})}}function i(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}function s(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var a=function(){function t(e,n,r,i){s(this,t),this.title=p.t(e,null),this.s=n,this.i=p.t(r,t.o),this.order=p.t(i,1e3),this.l="",this.h=null,this.u=!0,this.m=!0,this.id=t.p++,this.g=null,this.S=!0,this.M=[]}return n(t,[{key:"H",value:function(t){this.title=t}},{key:"v",value:function(t){this.S=t}},{key:"P",value:function(){return this.i}},{key:"L",value:function(){return this.title}},{key:"T",value:function(){return this.S}},{key:"remove",value:function(t){if(t=p.t(t,!1),p.A(this.h)&&(console.log(this.h),this.h.k(this),this.h=null),t)for(var e=0;e<this.M.length;e++)this.M[e].remove()}},{key:"C",value:function(){return this.h}},{key:"F",value:function(t){this.h=t}},{key:"R",value:function(){return this.m}},{key:"D",value:function(t){t!==this.m&&(this.m=t,this.I())}},{key:"B",value:function(){return this.u}},{key:"U",value:function(){return this.g}},{key:"W",value:function(t){this.g=t}},{key:"N",value:function(){return this.id}},{key:"I",value:function(){p.A(this.h)&&this.h.O(this)}},{key:"_",value:function(e){var n=p.t(e,new t);return n.title=this.title,n.s=this.s,n.i=this.i,n.order=this.order,n.l=this.l,n.u=this.u,n.m=this.m,n.g=this.g,n.S=this.S,n.h=null,n.id=t.p++,this.M.push(n),n}},{key:"j",value:function(){p.A(this.h)&&this.h.I()}}]),t}();a.p=0,a.V="always",a.o="medium",a.J="large",a.q="never";var u=function(){function t(e,n,r,o){var a;return s(this,t),(a=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,function(t){t.K().toggle(),t.I()},r,o))).G=n,n.X(a),a}return o(t,a),n(t,[{key:"K",value:function(){return this.G}},{key:"_",value:function(n){return e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"_",this).call(this,p.t(n,new t(null,this.G._())))}}]),t}(),l=function(){function t(e){s(this,t),this.$=[],this.Y=[],"string"==typeof e?this.Z=document.querySelectorAll(e):Array.isArray(e)?this.Z=e:this.Z=[e]}return n(t,[{key:"_",value:function(e){(e=p.t(e,new t([]))).$=[];for(var n=0,r=this.$.length;n<r;n++)e.$.push(this.$[n]._());e.Y=[];for(var i=0,o=this.Y.length;i<o;i++)e.Y.push(this.Y[i]._());return e}},{key:"tt",value:function(t){p.et(this.$,t)&&(this.$.push(t),this.I(),t.F(this),t instanceof u&&this.Y.push(t.K()))}},{key:"nt",value:function(){if(p.A(this.Z)){this.st();for(var t=[],e=0;e<this.$.length;e++){var n=this.it(this.$[e]);this.$[e].rt=n,t.push(n)}for(var r=0,i=this.Z.length;r<i;r++){this.Z[r].removeAllChildren();for(var o=0,s=t.length;o<s;o++)this.Z[r].appendChild(p.cloneNode(t[o]));this.Z[r].onclick=this.ot()}}}},{key:"ot",value:function(){var t=this;return function(e){var n=e.target;if(n.matches(".action")||n.matches(".action *")){n=n.closest(".action");for(var r=parseInt(n.dataset.id),i=0,o=t.$.length;i<o;i++)if(t.$[i].id===r)return"function"==typeof t.$[i].s&&t.$[i].B()&&t.$[i].s(t.$[i],e),t.$[i];for(var s=0,a=t.Y.length;s<a;s++)if(t.Y[s].click(r,e))return t.Y[s]}return null}}},{key:"it",value:function(t){var e=document.createElement("a");if("string"==typeof t.s&&(e.href=t.s),p.A(t.U())){var n=document.createElement("img");n.src=t.U(),n.classList.add("action-image"),t.T()&&(n.dataset.translationTitle=t.title),e.appendChild(n)}var r=t.L();return r=t.T()?f.at(r):document.createTextNode(r),e.appendChild(r),this.lt(e,t)}},{key:"lt",value:function(t,e){var n=document.createElement("li");return n.classList.add("action"),""!==e.l.trim()&&n.classList.add(e.l),n.appendChild(t),n.dataset.id=e.id,p.A(e.U())&&n.classList.add("img"),e.R()||n.classList.add("hidden"),e instanceof u&&(e.K().nt(),n.appendChild(e.K().ht()),n.classList.add("is-dropdown-submenu-parent"),n.classList.add("opens-right")),n}},{key:"st",value:function(){this.$=this.$.sort(function(t,e){return t.order-e.order})}},{key:"ut",value:function(t){for(var e=[],n=0;n<this.Z.length;n++){var r=this.Z[n].querySelector('[data-id="'+t.N()+'"]');p.ct(r)||e.push(r)}return e}},{key:"O",value:function(t){var e=this.ut(t);if(0!==e.length){var n=this.it(t);t.rt=n;for(var r=0;r<e.length;r++)e[r].replaceWith(p.cloneNode(n))}}},{key:"k",value:function(t){var e=this.$.indexOf(t);if(e>0){this.$.splice(e,1);for(var n=this.ut(t),r=0,i=n.length;r<i;r++)n[r].remove();if(t instanceof u){var o=this.Y.indexOf(t.K());this.Y.splice(o,1)}}}},{key:"I",value:function(){this.nt()}}]),t}();l.V="always",l.o="medium",l.dt="smedium",l.J="large",l.q="never";var c=function(){function t(){var e;s(this,t);var n=document.createElement("ul");return n.classList.add("menu"),n.classList.add("vertical"),n.classList.add("submenu"),n.classList.add("is-dropdown-submenu"),n.classList.add("first-sub"),(e=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,n))).pt=null,e.isOpen=!1,e}return o(t,l),n(t,[{key:"_",value:function(n){(n=e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"_",this).call(this,p.t(n,new t))).Z=[];for(var r=0,i=this.Z.length;r<i;r++)n.Z.push(p.cloneNode(this.Z[r]));return n.pt=this.pt,n.isOpen=this.isOpen,n}},{key:"X",value:function(t){this.pt=t}},{key:"nt",value:function(){var n=this;e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"nt",this).call(this),p.A(this.Z)&&function(){for(var t=n,e=0;e<n.Z.length;e++){var r=document.createElement("div");r.classList.add("close-listener"),r.onclick=function(e){console.log(e),t.close()},n.Z[e].insertBefore(r,n.Z[e].firstElementChild)}}()}},{key:"ht",value:function(){return this.Z[0]}},{key:"ot",value:function(){return function(){}}},{key:"click",value:function(t,e){for(var n=0,r=this.$.length;n<r;n++)if(this.$[n].id===t)return"function"==typeof this.$[n].s&&this.$[n].B()&&this.$[n].s(this.$[n],e),this.close(),!0;return!1}},{key:"toggle",value:function(){this.isOpen?this.close():this.open()}},{key:"open",value:function(){this.isOpen=!0;for(var t=0,e=this.Z.length;t<e;t++)this.Z[t].classList.add("js-dropdown-active");p.A(this.pt)&&this.pt.I()}},{key:"close",value:function(){this.isOpen=!1;for(var t=0,e=this.Z.length;t<e;t++)this.Z[t].classList.remove("js-dropdown-active");p.A(this.pt)&&this.pt.I()}}]),t}(),h=function(){function t(){s(this,t),this.gt=indexedDB||mozIndexedDB||webkitIndexedDB||msIndexedDB,this.ft=3;var e=this;this.St=new Promise(function(t,n){var r=e.gt.open("Translator",e.ft);r.onupgradeneeded=function(t){var n=t.target.result;e.wt(n)},r.onsuccess=function(e){var n=e.target.result;t(n)},r.onerror=function(t){n(t)}}).catch(function(t){console.error(t)})}return n(t,[{key:"wt",value:function(t){try{t.deleteObjectStore("currentLang"),t.deleteObjectStore("translations")}catch(t){console.warn(t)}t.createObjectStore("currentLang",{keyPath:"id"}),t.createObjectStore("translations",{keyPath:["lang","key"]}).createIndex("lang","lang",{unique:!1})}},{key:"Mt",value:function(e){this.St.then(function(n){t.Ht(["currentLang"],"readwrite",n).objectStore("currentLang").put({id:1,lang:e})}).catch(function(t){console.error(t)})}},{key:"yt",value:function(e,n){return this.St.then(function(r){return new Promise(function(i){var o=t.Ht(["translations"],"readwrite",r),s=o.objectStore("translations");for(var a in n)s.put({lang:e,key:a,translation:n[a]});o.oncomplete=function(){i()}})}).catch(function(){})}},{key:"vt",value:function(e){return this.St.then(function(n){return new Promise(function(r){var i=t.Ht(["translations"],"readonly",n),o={};i.objectStore("translations").index("lang").openCursor(IDBKeyRange.only(e)).onsuccess=function(t){var e=t.target.result;if(e){var n=e.value;o[n.key]=n.translation,e.continue()}},i.oncomplete=function(){r(o)}})}).catch(function(t){return console.error(t),{}})}},{key:"Pt",value:function(){return this.St.then(function(e){return new Promise(function(n){var r=t.Ht(["currentLang"],"readonly",e).objectStore("currentLang").get(1);r.onsuccess=function(t){var e=t.currentTarget.result;n(e?e.lang:null)},r.onerror=function(){n(null)}})}).catch(function(){})}}],[{key:"Ht",value:function(t,e,n){var r=null;try{r=n.transaction(t,e)}catch(e){console.warn(e),r=n.transaction(t)}return r}}]),t}(),f=function(){function e(){s(this,e),this.Lt=[],this.Tt=new h,this.bt=null,this.At=e.kt,this.Ct=e.Ft,this.xt=e.Rt,this.Dt=e.It,this.Bt=e.Ut;var t=this;this.Et=this.Wt().then(function(){return t.Nt()})}return n(e,[{key:"Ot",value:function(t){var e=this;return fetch(p._t(this.xt+t+".json")).then(function(t){return t.json()}).then(function(n){e.Lt[t]=Object.assign(n,e.Lt[t]),e.Tt.yt(t,e.Lt[t])}).catch(function(e){console.error("could not load lang "+t+" because of error: ",e)})}},{key:"Wt",value:function(){var t=this;return this.Ot(this.Ct).then(function(){t.bt=t.Ct,"undefined"!=typeof document&&document.getElementsByTagName("html")[0].setAttribute("lang",t.Ct)})}},{key:"Mt",value:function(t){if(this.bt===t)return this.Vt(),Promise.resolve();if(-1===this.At.indexOf(t))return Promise.resolve();this.bt=t,"undefined"!=typeof localStorage&&localStorage.setItem("language",t),this.Tt.Mt(t);var e=this;return this.Ot(t).then(function(){"undefined"!=typeof document&&document.getElementsByTagName("html")[0].setAttribute("lang",t),e.Vt()})}},{key:"translate",value:function(n,r){"object"==(void 0===n?"undefined":t(n))&&p.A(n)&&(n=this.Jt(n));var i=null;return p.A(this.Lt[this.bt])&&p.A(this.Lt[this.bt][n])&&(i=this.Lt[this.bt][n]),p.ct(i)&&(e.zt&&console.warn("missing translation for language "+this.bt+" and key "+n),p.A(this.Lt[this.Ct])&&(i=this.Lt[this.Ct][n]),p.ct(i)&&(e.zt&&console.error("missing base translation for key "+n+". FIX IT"),i=n),this.Dt&&(i="&gt;&gt;"+i+"&lt;&lt;")),this.Bt&&(i="$"+i+"$"),void 0!==r&&(i=i.format(r)),i}},{key:"Jt",value:function(t){var e=t.key;for(var n in delete t.key,t)t.hasOwnProperty(n)&&(p.ct(this.Lt[n])&&(this.Lt[n]={}),this.Lt[n][e]=t[n]);return e}},{key:"Vt",value:function(){if("undefined"!=typeof document)for(var t=document.querySelectorAll("[data-translation]"),e=0,n=t.length;e<n;e++){if(""!=t[e].dataset.translation)try{t[e].innerHTML=this.translate(t[e].dataset.translation,void 0!==t[e].dataset.translationArgs?JSON.parse(t[e].dataset.translationArgs):void 0)}catch(t){console.error("wrong configured translation: "+t)}for(var r in t[e].dataset)if(r.startsWith("translation")&&!r.endsWith("Args"))try{t[e][r.substr(11).toLowerCase()]=this.translate(t[e].dataset[r],void 0!==t[e].dataset[r+"Args"]?JSON.parse(t[e].dataset[r+"Args"]):void 0)}catch(t){console.error("wrong configured translation: "+t)}}}},{key:"Nt",value:function(){var t=localStorage.getItem("language");if(p.ct(t)||-1===this.At.indexOf(t)){var e=[];if(p.A(navigator.languages)&&(e=navigator.languages.slice(0)),void 0!==navigator.language&&e.push(navigator.language),e.push(this.Ct),void 0!==e)for(var n=0,r=e.length;n<r;n++)if(-1!==this.At.indexOf(e[n])){t=e[n];break}}return this.Mt(t.toLowerCase())}}],[{key:"Mt",value:function(t){var n=e.jt();if(n)return n.Mt(t)}},{key:"translate",value:function(t,n){var r=e.jt();return r?r.translate(t,n):""}},{key:"Jt",value:function(t){var n=e.jt();if(n)return n.Jt(t)}},{key:"at",value:function(n,r,i){if(i=p.t(i,"span"),"object"==(void 0===n?"undefined":t(n))&&(n=e.Jt(n)),"undefined"!=typeof document){var o=document.createElement(i);return o.dataset.translation=n,void 0!==r&&(o.dataset.translationArgs=JSON.stringify(r)),o.innerHTML=e.translate(n,r),o}}},{key:"qt",value:function(){var t=new c;return t.tt(new a("en",function(){e.jt().Mt("en")})),t.tt(new a("de",function(){e.jt().Mt("de")})),new u("current-lang",t,l.V)}},{key:"init",value:function(){e.Kt=new e}},{key:"jt",value:function(){return e.Kt}}]),e}();f.zt=!1,f.Kt=null,f.Ft="en",f.kt=["de","en"],f.It=!0,f.Ut=!1,f.Rt="js/lang/",f.Gt=null,f.Xt={};var p=function(){function e(){s(this,e)}return n(e,null,[{key:"init",value:function(){e.$t=null,e.Qt=null}},{key:"et",value:function(t,e,n){return-1===t.indexOf(e,n)}},{key:"includes",value:function(t,n,r){return!e.et(t,n,r)}},{key:"Yt",value:function(){if(arguments.length>0){var t=arguments[0],n=Array.prototype.slice.call(arguments,1);return e.A(t)&&(0===n.length||e.Yt.apply(null,[t[n[0]]].concat(n.slice(1))))}return!1}},{key:"ct",value:function(t){return null===t||void 0===t}},{key:"A",value:function(t){return!e.ct(t)}},{key:"t",value:function(){for(var t=0;t<arguments.length;t++)if(e.A(arguments[t]))return arguments[t];return null}},{key:"Zt",value:function(t){return!e.empty(t)}},{key:"te",value:function(t){var e=[];for(var n in t)e.push(encodeURIComponent(n)+"="+encodeURIComponent(t[n]));return"?"+e.join("&")}},{key:"empty",value:function(t){return e.ct(t)||"string"==typeof t&&""===t.trim()}},{key:"ee",value:function(t){var e=document.createElement("template");return e.innerHTML=t,e.content.childNodes}},{key:"ne",value:function(){var t="http://www.w3.org/2000/svg",e=document.createElement("div");e.className="loader";var n=document.createElementNS(t,"svg");n.setAttribute("viewBox","0 0 32 32"),n.setAttribute("widh","32"),n.setAttribute("height","32");var r=document.createElementNS(t,"circle");return r.setAttribute("id","spinner"),r.setAttribute("cx","16"),r.setAttribute("cy","16"),r.setAttribute("r","14"),r.setAttribute("fill","none"),n.appendChild(r),e.appendChild(n),e}},{key:"_t",value:function(t){return d.se()+t}},{key:"ie",value:function(){return navigator.userAgent.match(/iPhone|iPad|iPod/i)}},{key:"re",value:function(){return null!==navigator.userAgent.match(/Android|BlackBerry|Opera Mini|IEMobile/i)||e.ie()||void 0!==window.orientation||!1===window.orientation||null===window.orientation}},{key:"select",value:function(t){var e=document.createRange();e.selectNodeContents(t);var n=window.getSelection();n.removeAllRanges(),n.addRange(e)}},{key:"format",value:function(t,e){for(t=""+t;t.length<e;)t="0"+t;return t}},{key:"cloneNode",value:function(t){var e=t.cloneNode(!0);return e.onclick=t.onclick,e}},{key:"oe",value:function(t,e){for(var n="",r=Math.floor(Math.log(265)/Math.log(e)),i=0;i<t.length;i++){var o=t.charCodeAt(i).toString(e),s=o.length%r;s>0&&(o=new Array(r+1-s).join("0")+o),n+=o}return n}},{key:"ae",value:function(t,e){for(var n=Math.floor(Math.log(265)/Math.log(e)),r=t.match(new RegExp(".{1,"+n+"}","g"))||[],i="",o=0,s=r.length;o<s;o++)i+=String.fromCharCode(parseInt(r[o],e));return i}},{key:"le",value:function(t){return"none"===t.style.display?(t.style.display="",!0):(t.style.display="none",!1)}},{key:"print",value:function(t){var e=document.getElementById("print-content");t instanceof Element?(e.removeAllChildren(),e.appendChild(t)):e.innerHTML=t,window.print()}},{key:"he",value:function(t,n,r){n instanceof Date||(n=new Date(n));var i=(r=e.t(r,!1))?n.getUTCDay():n.getDay(),o=r?n.getUTCDate():n.getDate(),s=r?n.getUTCMonth():n.getMonth(),a=r?n.getUTCFullYear():n.getFullYear(),u=r?n.getUTCHours():n.getHours(),l=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],c=["January","February","March","April","May","June","July","August","September","October","November","December"],h=[0,31,59,90,120,151,181,212,243,273,304,334],p=function(){var t=new Date(n);return t.setDate(o-(i+6)%7+3),t},d=function(t,e){return(""+(Math.pow(10,e)+t)).slice(1)};return t.replace(/%[a-z]/gi,function(t){return{"%a":f.at(l[i].slice(0,3)).outerHTML,"%A":f.at(l[i]).outerHTML,"%b":f.at(c[s].slice(0,3)).outerHTML,"%B":f.at(c[s]).outerHTML,"%c":n.toUTCString(),"%C":Math.floor(a/100),"%d":d(o,2),"%e":o,"%f":d(n.getTime()%1e3,4),"%F":n.toISOString().slice(0,10),"%G":p().getFullYear(),"%g":(""+p().getFullYear()).slice(2),"%H":d(u,2),"%I":d((u+11)%12+1,2),"%j":d(h[s]+o+(s>1&&0==(3&a)&&(a%100!=0||a%400==0)?1:0),3),"%k":""+u,"%l":(u+11)%12+1,"%m":d(s+1,2),"%M":d(n.getMinutes(),2),"%p":u<12?"AM":"PM","%P":u<12?"am":"pm","%s":Math.round(n.getTime()/1e3),"%S":d(n.getSeconds(),2),"%u":i||7,"%V":function(){var t=p(),e=t.valueOf();t.setMonth(0,1);var n=t.getDay();return 4!==n&&t.setMonth(0,1+(4-n+7)%7),d(1+Math.ceil((e-t)/6048e5),2)}(),"%w":""+i,"%x":n.toLocaleDateString(),"%X":n.toLocaleTimeString(),"%y":(""+a).slice(2),"%Y":a,"%z":n.toTimeString().replace(/.+GMT([+-]\d+).+/,"$1"),"%Z":n.toTimeString().replace(/.+\((.+?)\)$/,"$1")}[t]||t})}},{key:"ue",value:function(n){var r=void 0;if(e.ct(n)||"object"!=(void 0===n?"undefined":t(n)))return n;if(n instanceof Array){var i=[];for(r=0;r<n.length;++r)i[r]=e.ue(n[r]);return i}if(n instanceof Date)return new Date(n.getTime());var o={};for(r in n)o[r]=e.ue(n[r]);return o}},{key:"ce",value:function(t){var n={"&amp;":"&","&#038;":"&","&lt;":"<","&gt;":">","&quot;":'"',"&#039;":"'","&#8217;":"’","&#8216;":"‘","&#8211;":"–","&#8212;":"—","&#8230;":"…","&#8221;":"”"};return e.A(t)&&"function"==typeof t.replace?t.replace(/\&[\w\d\#]{2,5}\;/g,function(t){return n[t]}):t}},{key:"de",value:function(t){var e=new FormData;for(var n in t)e.set(n,t[n]);return e}},{key:"me",value:function(t,n){var r=window.getComputedStyle(t),i=window.getComputedStyle(n);if(i.height>r.height||i.width>r.width)return e.pe(t,n)}},{key:"pe",value:function(t,n){e.ge(t);for(var r=window.getComputedStyle(t),i=window.getComputedStyle(n),o=0,s=parseFloat(i.getPropertyValue("font-size")),a=i.width,u=i.height;i.height>r.height||i.width>r.width;)if(s*=.95,u>r.height&&(u*=.95),a>i.width&&(a*=.95),n.style["font-size"]=s+"px",n.style["max-height"]=u+"px",n.style["max-width"]=a+"px",++o>2e3){console.log("breaked");break}e.fe(n),i=window.getComputedStyle(n),n.style["font-size"]=parseFloat(i.getPropertyValue("font-size"))/parseFloat(document.documentElement.clientHeight)*100+"vh"}},{key:"ge",value:function(t){for(var n=t.childNodes,r=0,i=n.length;r<i;r++)n[r]instanceof Element&&(e.fe(n[r]),e.ge(n[r]))}},{key:"fe",value:function(t){var e=t.classList.contains("no-transtition");t.classList.add("no-transition");var n=t.parentNode;console.log(t);var r=window.getComputedStyle(t),i=window.getComputedStyle(n),o=parseFloat(r.getPropertyValue("font-size"))/parseFloat(i.getPropertyValue("font-size")),s=r.height,a=r.width,u=i.height,l=i.width,c=t.style;c["max-height"]=Math.floor(s/u*100)+"%",c["margin-left"]=Math.floor(parseFloat(r.getPropertyValue("margin-left"))/l*100)+"%",c["margin-right"]=Math.floor(parseFloat(r.getPropertyValue("margin-right"))/l*100)+"%",c["margin-top"]=Math.floor(parseFloat(r.getPropertyValue("margin-top"))/u*100)+"%",c["margin-bottom"]=Math.floor(parseFloat(r.getPropertyValue("margin-bottom"))/u*100)+"%",c["max-width"]=Math.floor(a/l*100)+"%",c["font-size"]=o+"em",e||t.classList.remove("no-transition")}},{key:"Se",value:function(){var t=window.chrome,e=window.navigator,n=e.vendor,r=e.userAgent.indexOf("OPR")>-1,i=e.userAgent.indexOf("Edge")>-1;return!!e.userAgent.match("CriOS")||null!==t&&void 0!==t&&"Google Inc."===n&&!1===r&&!1===i}},{key:"we",value:function(t,e){for(var n={},r=0,i=t.length;r<i;r++)n[t[r][e]]=t[r];return n}},{key:"Me",value:function(t){var e={};for(var n in t)t.hasOwnProperty(n)&&(e[t[n]]=n);return e}},{key:"toArray",value:function(t){var e=[];for(var n in t)e.push(t[n]);return e}}]),e}();p.init();var d=function(){function t(){s(this,t)}return n(t,null,[{key:"He",value:function(e){t.ye=e}},{key:"se",value:function(){return t.ye}},{key:"set",value:function(e,n){t.ve[e]=n}},{key:"get",value:function(e,n){return p.t(t.ve[e],n)}},{key:"has",value:function(e){return p.t(t.ve[e])}}]),t}();d.He("/"),d.ve={};var v=function(){function t(){s(this,t)}return n(t,null,[{key:"init",value:function(){t.Pe()}},{key:"Le",value:function(e){var n=null;if("string"==typeof e){var r=t.Te.filter(function(t){return t.be===e});r.length>0&&(n=r[0])}else-1!==t.Te.indexOf(e)&&(n=e);if(p.A(n)){localStorage.setItem("currentTheme",n.be);var i=new Promise(function(t){document.querySelector("nav.top-bar").addEventListener("transitionend",function(){t()})});document.body.className=n.Ae,t.ke=n;for(var o=0,s=t.Ce.length;o<s;o++)t.Ce[o](t.ke,i)}}},{key:"Fe",value:function(e){t.Te.push(e)}},{key:"Pe",value:function(){if(t.Le(localStorage.getItem("currentTheme")),p.ct(t.ke)){var e=document.body.className,n=t.Te.filter(function(t){return t.Ae===e});n.length>0?t.Le(n[0]):t.Te.length>0&&t.Le(t.Te[0])}}},{key:"xe",value:function(){return new a(t.ke.be,function(e){var n=(t.Te.indexOf(t.ke)+1)%t.Te.length;t.Le(t.Te[n]),e.title=t.ke.be,e.h.I()},l.V)}},{key:"Re",value:function(e){t.Ce.push(e)}}]),t}();v.Te=[],v.Ce=[];var y=function(){function t(e){s(this,t),this.Ie=e,this.Be=!0,this.Ue=3650,this.Ee="complianceCookie",this.We="true"}return n(t,null,[{key:"De",value:function(){var e=r(regeneratorRuntime.mark(function e(n){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",new t(n).De());case 1:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()}]),n(t,[{key:"De",value:function(){var e=r(regeneratorRuntime.mark(function e(){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",t.Ne(this.Ee)!==this.We?this.show():Promise.resolve());case 1:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"Oe",value:function(){this._e(this.Ee,this.We,this.Ue)}},{key:"_e",value:function(t,e,n){var r=void 0;if(p.A(n)){var i=new Date;i.setTime(i.getTime()+24*n*60*60*1e3),r="; expires="+i.toGMTString()}else r="";this.Be&&(document.cookie=t+"="+e+r+"; path=/")}},{key:"je",value:function(t){this._e(t,"",-1)}},{key:"show",value:function(){var t=this,e=document.getElementById(this.Ie);return e.style.display="block",new Promise(function(n){e.querySelector("#close-cookie-msg").onclick=function(){t.Oe(),e.remove(),n()}})}}],[{key:"Ne",value:function(t){for(var e=t+"=",n=document.cookie.split(";"),r=0;r<n.length;r++){for(var i=n[r];" "===i.charAt(0);)i=i.substring(1,i.length);if(0===i.indexOf(e))return i.substring(e.length,i.length)}return null}}]),t}(),m=function(){function r(){return s(this,r),i(this,(r.__proto__||Object.getPrototypeOf(r)).apply(this,arguments))}return o(r,l),n(r,[{key:"lt",value:function(t,n){var i=e(r.prototype.__proto__||Object.getPrototypeOf(r.prototype),"lt",this).call(this,t,n);return i.classList.add(n.P()),i}},{key:"Je",value:function(){var t=r.qe(),e=this.Z[0];("medium"===t||"smedium"===t||"small"===t)&&r.Ke(e.getElementsByClassName(l.J)).length>0||("smedium"===t||"small"===t)&&r.Ke(e.getElementsByClassName(l.o)).length>0||"small"===t&&r.Ke(e.getElementsByClassName(l.dt)).length>0||r.Ke(e.getElementsByClassName(l.q)).length>0?document.getElementById("responsive-menu-toggle").style.display="block":(document.getElementById("responsive-menu-toggle").style.display="none",p.A(r.Ve)&&r.Ve.close())}},{key:"ot",value:function(){var t=e(r.prototype.__proto__||Object.getPrototypeOf(r.prototype),"ot",this).call(this);return function(e){t(e)instanceof u||!p.A(r.Ve)||r.Ve.close()}}},{key:"nt",value:function(t){var n=e(r.prototype.__proto__||Object.getPrototypeOf(r.prototype),"nt",this).call(this,t);return this.Je(),r.Ve=this,n}},{key:"close",value:function(){document.getElementById("responsive-menu").style.display="none";for(var t=0,e=this.Y.length;t<e;t++)this.Y[t].close()}},{key:"k",value:function(t){var n=e(r.prototype.__proto__||Object.getPrototypeOf(r.prototype),"k",this).call(this,t);return this.Je(),n}}],[{key:"init",value:function(){var t=document.getElementsByClassName("foundation-mq");if(0!==t.length){var e=[];for(var n in t=function(t){var e={};return"string"!=typeof t?e:(t=t.trim().slice(1,-1))?e=t.split("&").reduce(function(t,e){var n=e.replace(/\+/g," ").split("="),r=n[0],i=n[1];return r=decodeURIComponent(r),i=void 0===i?null:decodeURIComponent(i),t.hasOwnProperty(r)?Array.isArray(t[r])?t[r].push(i):t[r]=[t[r],i]:t[r]=i,t},{}):e}(window.getComputedStyle(t[0]).getPropertyValue("font-family")))t.hasOwnProperty(n)&&e.push({be:n,value:"only screen and (min-width: "+t[n]+")"});window.addEventListener("resize",function(){p.A(r.Ve)&&r.Ve.Je()});var i=document.getElementById("responsive-menu");document.getElementById("responsive-menu-toggle").onclick=function(){"none"===window.getComputedStyle(i).getPropertyValue("display")?i.style.display="block":p.A(r.Ve)&&r.Ve.close()},i.firstElementChild.addEventListener("click",function(t){t.target===i.firstElementChild&&p.A(r.Ve)&&r.Ve.close()}),r.ze=e}}},{key:"qe",value:function(){for(var e=void 0,n=0;n<r.ze.length;n++){var i=r.ze[n];matchMedia(i.value).matches&&(e=i)}return"object"==(void 0===e?"undefined":t(e))?e.be:e}},{key:"Ke",value:function(t){for(var e=[],n=0,r=t.length;n<r;n++)t[n].classList.contains("hidden")||e.push(t[n]);return e}}]),r}();m.ze=[],m.Ve=null,m.init();var g=function(){function t(){s(this,t)}return n(t,null,[{key:"Ge",value:function(e,n){n=p.t(n,[]).slice(0);var r=Promise.resolve();if(e instanceof Element)r=Promise.resolve(e);else{if(-1!==n.indexOf(e))return Promise.reject("views are in a circuit! cannot resolve view for url "+n[0]+"! url "+e+" is in stack before!");n.push(e),r=fetch(p._t(e),{credentials:"same-origin"}).then(function(t){return t.text()}).then(function(t){var e=(new DOMParser).parseFromString(t,"text/html");return p.ct(e)&&((e=document.implementation.createHTMLDocument("")).body.innerHTML=t),e.body.firstChild})}return r.then(function(e){for(var r=[],i=e.querySelectorAll("[data-view]"),o=function(e,o){r.push(t.Ge(i[o].dataset.view,n).then(function(t){i[o].replaceWith(t)}))},s=0,a=i.length;s<a;s++)o(0,s);return Promise.all(r).then(function(){return e})})}}]),t}(),k=function(){function t(e){s(this,t);var n=this;this.Xe=null,this.$e=!0,this.Qe=new Promise(function(t){n.Ye=t}),this.Ze={},p.A(e)&&this.tn(e)}return n(t,[{key:"en",value:function(){var t=[];for(var e in this.Ze)t.push(this.Ze[e].en.apply(this.Ze[e],arguments)),t.push(this.Ze[e].Qe);return Promise.all(t)}},{key:"nn",value:function(){var t=this,e=arguments;this.$e&&(this.sn(),this.$e=!1);var n=function(n){var r=t.Ze[n];r.nn.apply(t.Ze[n],e),t.Ze[n].Qe.then(function(t){r.in()?t.classList.remove("hidden"):t.classList.add("hidden")})};for(var r in this.Ze)n(r)}},{key:"sn",value:function(){}},{key:"rn",value:function(){for(var t in this.Ze)this.Ze[t].rn.apply(this.Ze[t],arguments)}},{key:"on",value:function(){for(var t in this.Ze)this.Ze[t].on.apply(this.Ze[t],arguments)}},{key:"an",value:function(t,e){this.Ze[t]=e,this.Qe=this.Qe.then(function(n){return e.Qe.then(function(e){return n.querySelector(t).appendChild(e),n})})}},{key:"tn",value:function(t){var e=this;return this.Ye(g.Ge(t).then(function(t){return e.Xe=t,t})),this.Qe}},{key:"ln",value:function(t,e,n){e=p.t(e,!1);var r=function(n){var r=null;return e?(r=n.querySelectorAll(t),n.matches(t)&&r.push(n)):r=n.matches(t)?n:n.querySelector(t),r};return(n=p.t(n,!1))?this.Qe.then(function(t){return r(t)}):r(this.Xe)}}]),t}(),w=function(){function t(e,n,r){var o;return s(this,t),(o=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,n))).hn=!1,o.un=e,o.cn=!1,o.dn=null,o.url="",o.mn=r,o.pn={},o.title=e.gn(),o}return o(t,k),n(t,[{key:"H",value:function(t,e){"string"==typeof t&&(e=t,t=document.createTextNode(t)),this.title={fn:t},this.title.title=p.t(e,this.title.title),this.hn&&this.un.Sn()}},{key:"wn",value:function(){return this.Mn(this.un.Hn())}},{key:"tn",value:function(n){var r=this;return e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"tn",this).call(this,n).then(function(t){for(var e=[],n=0,i=r.Ze.length;n<i;n++)e.push(r.Ze[n].Qe);return Promise.all(e).then(function(){return t})})}},{key:"en",value:function(n){return this.pn=n,p.A(this.mn)&&this.yn(n),e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"en",this).call(this,n)}},{key:"nn",value:function(n){this.hn=!0;var r=e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"nn",this).call(this,n);return this.dn.I(),r}},{key:"rn",value:function(n){e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"rn",this).call(this,n),this.hn=!1}},{key:"finish",value:function(t){this.cn||(this.cn=!0,this.un.vn(this,t))}},{key:"Mn",value:function(t,e){return this.un.Mn(t,e)}},{key:"Pn",value:function(){this.un.Pn(this)}},{key:"Ln",value:function(t,e,n){this.Mn(t,e),this.finish(n)}},{key:"Tn",value:function(t){for(var e=this.un.bn(),n=0,r=e.length;n<r;n++)t.tt(e[n]._());return t}},{key:"An",value:function(t){this.url=t,this.un.kn(this)}},{key:"yn",value:function(t){this.An(this.mn+p.te(t))}},{key:"Cn",value:function(t){this.pn=Object.assign(this.pn,t),this.yn(this.pn)}},{key:"Fn",value:function(){return this.url}},{key:"xn",value:function(){return p._t(this.url)}},{key:"Rn",value:function(){}},{key:"addListener",value:function(t,e,n){this.un.addListener(this,t,e,n)}},{key:"Dn",value:function(t,e){this.un.Dn(this,t,e)}},{key:"In",value:function(t,e,n,r){this.un.In(this,t,e,n,r)}}]),t}(),_=function(){function t(e,n){s(this,t),this.Bn=e,this.Xe=null,this.Un={},this.En={},this.Wn=n}return n(t,[{key:"Nn",value:function(){return this.Bn}},{key:"On",value:function(t){t instanceof w&&(this.Bn=t)}},{key:"_n",value:function(){return this.Xe}},{key:"jn",value:function(t){this.Xe=t}},{key:"Vn",value:function(){return this.Un}},{key:"Jn",value:function(t){this.Un=t}},{key:"zn",value:function(){return this.En}},{key:"qn",value:function(t){this.En=t}},{key:"Kn",value:function(){return this.Wn}},{key:"Gn",value:function(t){this.Wn=t}}]),t}(),b=function(){function t(e,n){s(this,t),this.Xn=document.getElementById(e),this.$n=[],this.Qn=null,this.Yn=p.t(n,".action-bar"),this.Zn=Promise.resolve(),this.ts=[],this.es=null,this.ns=document.querySelector(".top-bar-title");for(var r=document.createElement("span");this.ns.childNodes.length>0;){var i=this.ns.firstChild;i.remove(),r.appendChild(i)}this.ss={fn:r,title:document.title};var o=this;window.onpopstate=function(){if(o.$n.length>=1){var t=o.$n[o.$n.length-1].Nn();!1!==t.Rn()&&o.vn(t)}}}return n(t,[{key:"gn",value:function(){return this.ss}},{key:"rs",value:function(t){this.es=t}},{key:"Hn",value:function(){return this.es}},{key:"os",value:function(t){this.ts.push(t)}},{key:"bn",value:function(){return this.ts}},{key:"Mn",value:function(){var t=r(regeneratorRuntime.mark(function t(e,n){var i,o,s,a,u=this;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(e.prototype instanceof w){t.next=2;break}throw{error:"wrong class given! Expected AbstractSite, given "+e.name};case 2:return i=new e(this),o={},s=new Promise(function(t,e){o.resolve=t,o.reject=e}),a=new _(i,o),t.abrupt("return",(this.Xn.removeAllChildren().appendChild(p.ne()),this.Zn=Promise.resolve(n).then(function(){var t=r(regeneratorRuntime.mark(function t(e){return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return a.qn(e),t.next=3,Promise.all([i.en(e),i.Qe]);case 3:return i.dn=i.Tn(u.as()),t.abrupt("return",u.show(a));case 5:case"end":return t.stop()}},t,u)}));return function(){return t.apply(this,arguments)}}()).catch(function(t){console.error("site start error for site ",e.name,t)}),s));case 4:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"vn",value:function(t,e){var n=this;this.Zn.then(function(){var r=n.ls(t),i=n.$n.splice(r,1),o=null;if((i=i[0])===n.Qn){n.Qn.Nn().rn(),n.Qn=null;var s=n.$n.length-1;if(s<0)return n.hs(),void n.Mn(n.es);n.Xn.removeAllChildren().appendChild(p.ne()),o=n.$n[s]}i.Nn().on(),Promise.resolve(e).then(function(t){i.Kn().resolve(t),p.A(o)&&n.show(o)})})}},{key:"addListener",value:function(t,e,n,r){this.Xn.addEventListener(e,function(e){var i=e.target;t.hn&&i.matches(n)&&r(i,e)})}},{key:"In",value:function(t,e,n,r,i){this.addListener(t,n,r,i),this.Dn(t,e,i)}},{key:"Dn",value:function(t,e,n){window.addEventListener("keydown",function(r){t.hn&&r.which===e&&n(this,r)})}},{key:"Pn",value:function(t){var e=this.ls(t),n=this.$n.splice(e,1);n=n[0],this.show(n)}},{key:"us",value:function(){return this.show(this.Qn)}},{key:"show",value:function(t){p.A(this.Qn)&&(this.Qn.Jn(this.Qn.Nn().rn()),this.Qn.jn(this.Xn.innerHTML)),this.Xn.removeAllChildren().appendChild(p.ne());var e=this;return this.Qn=t,-1===this.$n.indexOf(t)&&this.$n.push(t),t.Nn().Qe.then(function(n){return t.Nn().dn.I(),e.Xn.removeAllChildren().appendChild(n),e.Sn(),f.jt().Vt(),n}).then(function(n){t.Nn().nn(t.Vn()),history.pushState({siteName:t.Nn().constructor.name,siteData:n.outerHTML,stackPosition:e.$n.length-1},t.Nn().constructor.name,t.Nn().xn())})}},{key:"kn",value:function(t){if(p.A(this.Qn)&&this.Qn.Nn()===t){history.replaceState({siteName:t.constructor.name,siteData:t.Xe.outerHTML,stackPosition:this.$n.length-1},t.constructor.name,t.xn())}}},{key:"cs",value:function(){if(null!=this.Qn)return this.Qn.Nn()}},{key:"ds",value:function(){null!=this.Qn&&this.Qn.Nn().dn.I()}},{key:"Sn",value:function(){var t=this.cs().title;this.ns.removeAllChildren().appendChild(t.fn),document.title=p.t(t.title,this.ss.title)}},{key:"ls",value:function(t){for(var e=0,n=this.$n.length;e<n;e++)if(this.$n[e].Nn()===t)return e;return-1}},{key:"ms",value:function(t){var e=this.ls(t);return-1===e?null:this.$n[e]}},{key:"hs",value:function(){this.Xn.removeAllChildren().appendChild(f.at("The app has ended! Please close the window."))}},{key:"as",value:function(){return new m(this.Yn)}}]),t}(),O=function(){function t(){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return o(t,w),n(t,[{key:"en",value:function(t){var e=null;p.Yt(t,"url")?e=t.url:(e=document.createElement("div")).innerHTML="Paused...",this.tn(e)}}]),t}(),x=function(){function t(){s(this,t),this.ps=null,this.gs=".action-bar",this.ye=d.se(),this.fs="site-content",this.Ss=new Map,this.ws=[],this.Ms=!1,this.Hs=!0,this.ys=null}return n(t,[{key:"vs",value:function(){return this.ps}},{key:"os",value:function(t){this.ws.push(t)}},{key:"Ps",value:function(t){this.Ms=t}},{key:"Ls",value:function(){return this.fs}},{key:"Ts",value:function(t){this.fs=t}},{key:"bs",value:function(){return this.gs}},{key:"As",value:function(t){this.gs=t}},{key:"se",value:function(){return this.ye}},{key:"He",value:function(t){this.ye=t}},{key:"ks",value:function(t,e){this.Ss.set(t.toLowerCase(),e)}},{key:"Cs",value:function(t){this.Hs=t}},{key:"us",value:function(){this.ps.us()}},{key:"pause",value:function(t){this.Mn(O,{url:t})}},{key:"resume",value:function(){var t=this.ps.cs();t instanceof O&&t.finish()}},{key:"Fs",value:function(t){return t=t.toLowerCase(),this.Ss.has(t)?this.Ss.get(t):null}},{key:"xs",value:function(){var t="";return 0===window.location.pathname.search(this.ye)&&(t=window.location.pathname.substr(this.ye.length).trim()),"/"===t.charAt(0)&&(t=t.substr(1).trim()),"/"===t.charAt(t.length-1)&&(t=t.substr(0,t.length-2).trim()),0===t.length&&window.location.hash&&(t=window.location.hash.substr(1).trim()),this.Fs(t)}},{key:"Rs",value:function(){for(var e=this,n=document.getElementsByClassName("deep-link"),r=0,i=n.length;r<i;r++)n[r].addEventListener("click",function(n){return n.preventDefault(),e.ps.Mn(p.t(e.Fs(this.dataset.siteName),e.ys),t.Ds(this.dataset.siteArgs)),!0})}},{key:"Is",value:function(t){var e=this.ws.indexOf(t);e>=0&&(this.ws[e].remove(!0),this.ws.splice(e,1))}},{key:"Mn",value:function(t,e){return this.ps.Mn(t,e)}},{key:"start",value:function(e){d.He(this.ye);var n=p.t(this.xs(),e),r=t.Bs();this.ys=e,f.init(),v.init(),this.Ms&&this.os(v.xe()),this.ps=new b(this.fs,this.gs),this.ps.ts=this.ws,this.ps.rs(e),this.ps.Mn(n,r),this.Rs(),this.Hs&&(this.Us=y.De("cookie-compliance"))}}],[{key:"Ds",value:function(t){if(p.ct(t))return null;for(var e={},n=[],r=t.split("&"),i=0;i<r.length;i++)(n=r[i].split("="))[0].trim().length>0&&(e[n[0]]=decodeURIComponent(n[1]));return e}},{key:"Bs",value:function(){return t.Ds(window.location.search.substr(1))}}]),t}(),L=function(){function t(e,n){s(this,t),this.Es=null,this.content=null,this.Ws=null,this.cancelable=!0,this.title=p.t(n,""),this.Ns=!0,this.Os="",this.buttons=[],this.result=null,p.A(e)&&this._s(e)}return n(t,[{key:"H",value:function(t){return this.title=t,this}},{key:"js",value:function(t){this.Ns=t}},{key:"Vs",value:function(t){this.Os=t}},{key:"L",value:function(){return this.title}},{key:"Js",value:function(t){return this.cancelable=!0===t,this}},{key:"_s",value:function(){var t=r(regeneratorRuntime.mark(function t(e){return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return this.zs=Promise.resolve(e),t.next=3,this.zs;case 3:return this.content=t.sent,t.abrupt("return",this);case 5:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"qs",value:function(t,e,n){n=p.t(n,!0);var r=null;"string"==typeof t?((r=document.createElement("button")).classList.add("button"),r.classList.add("right"),r.appendChild(f.at(t))):r=t;var i=this;if("function"!=typeof e){var o=e;e=function(){i.result=o}}var s;s=n?function(t){p.A(e)&&e(t),i.close()}:e,p.A(s)&&r.addEventListener("click",s),this.buttons.push(r)}},{key:"show",value:function(){var t=r(regeneratorRuntime.mark(function t(){var e,n,r,i,o,s,a,u,l;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:for((e=document.createElement("span")).classList.add("title"),this.Ns&&""!==this.title?e.appendChild(f.at(this.title)):e.innerHTML=this.title,(n=document.createElement("div")).appendChild(e),(r=document.createElement("div")).classList.add("content-container"),(i=document.createElement("div")).className=this.Os,i.classList.add("modal"),i.appendChild(n),i.appendChild(r),(o=document.createElement("div")).classList.add("modal-button-container"),s=0,a=this.buttons.length;s<a;s++)o.appendChild(this.buttons[s]);return t.next=13,this.zs;case 13:return this.content instanceof Node||(this.content=this.Ns?f.at(this.content):document.createTextNode(this.content)),r.appendChild(this.content),this.Ws=document.createElement("div"),this.Ws.classList.add("background"),this.Ws.appendChild(i),this.Ws.querySelector(".modal").appendChild(o),this.Ws.style.display="block",u=this,this.cancelable&&((l=document.createElement("span")).classList.add("close"),l.innerHTML="&times;",n.appendChild(l),l.addEventListener("click",function(){u.close()}),window.addEventListener("click",function(t){t.target===u.Ws&&u.close()})),t.abrupt("return",(document.body.appendChild(this.Ws),f.jt().Vt(),new Promise(function(t){u.Es=t})));case 23:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"close",value:function(){p.A(this.Ws)&&(this.Ws.style.display="none",this.Ws.remove(),this.Ws=null),p.A(this.Es)&&this.Es(this.result)}},{key:"Ks",value:function(){this.qs("confirm-button")}}]),t}(),P=function(){function e(){s(this,e)}return n(e,null,[{key:"Gs",value:function(t,e){e=p.t(e,0),setTimeout(function(){var e=document.getElementById("flashMessage"+t);e.fadeOut(.2).then(function(){e.remove()})},e)}},{key:"Xs",value:function(n,r,i,o){var s=null;(p.ct(r)||"object"==(void 0===r?"undefined":t(r)))&&(s=r,r=n,n=e.$s,o=!0),o=p.t(o,!1);var a=e.Qs,u=document.createElement("div"),l=document.createElement("div");l.className="flashMessage "+n,l.id="flashMessage"+a,l.style.opacity="0",l.addEventListener("click",function(){e.Gs(a)}),l.appendChild(o?f.at(r,s,"span"):document.createTextNode(r)),u.appendChild(l),document.getElementById("flashMessageContainer").appendChild(u),l.fadeIn(),(i=p.t(i,e.Ys))>0&&e.Gs(e.Qs,i),e.Qs++}}]),e}();P.Qs=0,P.Ys=3500,P.Zs=1e3,P.$s="success",P.ti="error",P.ei="default",P.ni="info",P.si="warning";var E=function(){function t(){s(this,t)}return n(t,null,[{key:"ii",value:function(e){if("function"==typeof e){var n=e;e=t.ri.then(function(t){return n(t)})}t.oi.push(e)}},{key:"resolve",value:function(e){return t.ai(e),t.ri.then(function(){return Promise.all(t.oi)})}}]),t}();E.oi=[],E.ri=new Promise(function(t){E.ai=t});var S=function(){function t(e,n){s(this,t);var r=window.indexedDB||window.mozIndexedDB||window.webkitIndexedDB||window.msIndexedDB||window.li;this.hi=r.open(e,n);var i=this;this.hi.onupgradeneeded=function(t){i.ui(i.hi.result,t.oldVersion,t.newVersion,t)},this.ci=new Promise(function(t){i.hi.onsuccess=function(e){i.Tt=i.hi.result,t(e)}})}return n(t,[{key:"di",value:function(t,e,n){var r=this;return"function"==typeof e&&p.ct(n)&&(n=e,e="read"),this.ci.then(function(){var i=null;try{i=r.hi.result.transaction(t,e)}catch(e){console.warn(e),i=r.hi.result.transaction(t)}n(i)})}},{key:"mi",value:function(t,e,n){return"function"==typeof e&&p.ct(n)&&(n=e,e="readonly"),this.di(t,e,function(e){n(e.objectStore(t))})}},{key:"pi",value:function(t,e){var n=this;return new Promise(function(r){n.mi(e,"readwrite",function(e){var n=e.put(t);n.onsuccess=r,n.onerror=function(t){throw{type:"indexed-db-error",event:t}}})})}},{key:"gi",value:function(t,e){var n=this;return new Promise(function(r){n.mi(e,"readwrite",function(e){for(var n=[],i=function(r,i){n.push(new Promise(function(n){var r=e.put(t[i]);r.onsuccess=n,r.onerror=function(t){throw{type:"indexed-db-error",event:t}}}))},o=0,s=t.length;o<s;o++)i(0,o);r(Promise.all(n))})})}},{key:"load",value:function(t,e){var n=this;return new Promise(function(r,i){n.mi(e,function(e){var n=e.get(t);n.onsuccess=function(t){r(t.currentTarget.result)},n.onerror=function(t){throw console.warn(t),{type:"indexed-db-load-error",event:t}}}).catch(function(t){console.warn(t),i(t)})})}},{key:"fi",value:function(t,e,n){var r=this;return new Promise(function(i,o){r.mi(t,function(t){var r=t.getAll(e,n);r.onsuccess=function(t){i(t.currentTarget.result)},r.onerror=function(t){throw console.warn(t),{type:"indexed-db-load-error",event:t}}}).catch(function(t){console.warn(t),o(t)})})}},{key:"Si",value:function(t,e,n,r,i){var o=this;return new Promise(function(s){o.mi(n,function(n){var o=n.index(t);o.onerror=function(t){throw{type:"indexed-db-index-error",event:t}};var a=o.openCursor(e,i);a.onerror=function(t){throw{type:"indexed-db-index-error",event:t}};var u=[],l=0;a.onsuccess=function(t){var e=t.target.result;e&&(u.push(e.value),l++,p.ct(r)||l<r)?e.continue():s(u)}})})}},{key:"remove",value:function(t,e){var n=this;return new Promise(function(r){n.mi(e,"readwrite",function(e){var n=e.delete(t);n.onerror=function(t){throw{type:"indexed-db-delete-error",event:t}},n.onsuccess=function(){r()}})})}},{key:"wi",value:function(t,e){var n=this;return new Promise(function(r){n.mi(e,"readwrite",function(e){for(var n=[],i=function(r,i){(r=e.delete(t[i])).onerror=function(t){throw{type:"indexed-db-delete-error",event:t}},n.push(new Promise(function(t){r.onsuccess=function(){t()}}))},o=0,s=t.length;o<s;o++)i(s,o);r(Promise.all(n))})})}},{key:"Mi",value:function(t,e,n){var r=this;return new Promise(function(i){r.mi(n,"readwrite",function(n){var r=n.index(t);r.onerror=function(t){throw{type:"indexed-db-index-error",event:t}};var o=r.openCursor(e);o.onerror=function(t){throw{type:"indexed-db-index-error",event:t}},o.onsuccess=function(t){var e=t.target.result;e?(e.delete(),e.continue()):i()}})})}},{key:"Hi",value:function(t){var e=this;return new Promise(function(n){e.mi(t,"readwrite",function(t){var e=t.clear();e.onerror=function(t){throw{type:"indexed-db-index-error",event:t}},e.onsuccess=n})})}},{key:"ui",value:function(){}}]),t}(),j=function(){function t(){s(this,t)}return n(t,null,[{key:"yi",value:function(e){if(p.A(t.vi[e]))return t.vi[e];var n=new Promise(function(t){var n=document.createElement("script");n.src=p._t(e),n.onload=t,document.body.appendChild(n)});return t.vi[e]=n,n}},{key:"Pi",value:function(e,n){if(p.A(t.Li[e]))return t.Li[e];n=p.t(n,"all");var r=new Promise(function(t){var r=document.createElement("link");r.rel="stylesheet",r.type="text/css",r.href=p._t(e),r.media=n,r.onload=t,document.head.appendChild(r)});return t.Li[e]=r,r}}]),t}();j.vi={},j.Li={};var A=function(){function t(e,n,r,i){s(this,t),this.Ti=e,this.g=n,this.bi=r,p.t(i,!1)&&(this.g=g.Ge(this.g))}return n(t,[{key:"Ai",value:function(t){return t===(t&this.Ti)}},{key:"U",value:function(){return this.g}},{key:"ki",value:function(){return this.bi}}]),t}();A.Ci=1,A.Fi=2,A.xi=4,A.Ri=A.Fi+A.xi,A.Di=A.Ci+A.Ri;var C=function(){function t(e,n,r,o){if(s(this,t),Array.isArray(e)&&e[0]instanceof A){var a=e[0];r=e,e=a.Ti,n=a.g,o=p.t(o,n)}return i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n,function(t,e,n){Array.isArray(r)||(r=[r]);for(var i=0;i<r.length;i++)r[i]instanceof A?r[i].ki()(t,e,n):(console.log(r,i),r[i](t,e,n))},o))}return o(t,A),t}(),T=function(){function t(){s(this,t)}return n(t,null,[{key:"init",value:function(){t.Ii=[]}},{key:"Bi",value:function(e){t.Ii.push(e)}},{key:"Ui",value:function(e){return t.Ei(e,t.Wi())}},{key:"Ni",value:function(e,n){return t.Oi(e,n,t.Wi())}},{key:"Ei",value:function(e,n){return t.Oi(e,t.Ii,n)}},{key:"Oi",value:function(e,n,r){for(var i=document.createElement("div"),o=t._i(),s=function(t){if(n[t].Ai(o)){var s=r(n[t],e);s.onclick=function(r){n[t].ki()(e,this,r)},i.appendChild(s)}},a=0,u=n.length;a<u;a++)s(a);return i}},{key:"_i",value:function(){return navigator.userAgent.match(/iPhone|iPad|iPod/i)?A.Fi:null!==navigator.userAgent.match(/Android|BlackBerry|Opera Mini|IEMobile/i)||void 0!==window.orientation?A.xi:A.Ci}},{key:"Wi",value:function(){return function(t){var e=document.createElement("a");e.classList.add("share-icon");var n=t.U();if("string"==typeof n){var r=document.createElement("img");r.src=p._t(t.U()),r.classList.add("share-icon"),e.appendChild(r)}else Promise.resolve(n).then(function(t){e.appendChild(t)});return e}}}]),t}();T.init();var R=function(){function t(e,n){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,A.Ri,e,function(t){var e;e=T._i()===A.Fi?"sms:&body="+encodeURIComponent(t):"sms:?&body="+encodeURIComponent(t),window.open(e,"_blank","noopener")},n))}return o(t,A),t}(),I=function(){function t(e,n){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,A.Di,e,function(t){var e="https://t.me/share/url?url="+encodeURIComponent(t);window.open(e,"_blank","noopener")},n))}return o(t,A),t}(),M=function(){function t(e,n){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,A.Di,e,function(t){var e;e=T._i()===A.Ci?"https://web.whatsapp.com/send?text="+encodeURIComponent(t):"whatsapp://send?text="+encodeURIComponent(t),window.open(e,"_blank","noopener")},n))}return o(t,A),t}(),N=function(){function t(e,n){var r;return s(this,t),(r=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,n))).ji=e,r.active=!0,r}return o(t,k),n(t,[{key:"Nn",value:function(){return this.ji}},{key:"in",value:function(){return this.active}}]),t}(),J=function t(e,n,r){s(this,t),this.be=e,this.Ae=n,this.g=r};var X=function t(){s(this,t)};X.Ji={zi:"version/2/ckeditor/ckeditor.js",qi:"version/1/listjs/list.min.js"};var D=function(){function t(){s(this,t)}return n(t,null,[{key:"load",value:function(){var e=r(regeneratorRuntime.mark(function e(n,r,i){var o;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return r=p.t(r,!1),i=p.t(i,!1),o=r?p._t(t.Ki+n):p._t(t.Gi+n),e.abrupt("return",this.Xi(o,i));case 3:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"Xi",value:function(){var t=r(regeneratorRuntime.mark(function t(e,n){return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.abrupt("return",fetch(e,{credentials:"same-origin"}).then(function(t){return n?t.text():t.json()}).catch(function(){if(!n)return{success:!1,errors:["not-online"]}}));case 1:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"$i",value:function(){var t=r(regeneratorRuntime.mark(function t(e,n){var r;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return n=p.t(n,!1),r=p._t(e),t.abrupt("return",this.Xi(r,n));case 3:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"send",value:function(){var e=r(regeneratorRuntime.mark(function e(n,r){var i,o,s;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(i=p._t(t.Gi+n),!(r instanceof FormData)){for(s in o=new FormData,r)o.append(s,r[s]);r=o}return e.abrupt("return",fetch(i,{credentials:"same-origin",method:"POST",body:r}).then(function(t){return t.json()}).catch(function(t){return console.error("error",t),{success:!1,errors:["not-online"]}}));case 3:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"te",value:function(t){return p.te(t)}}]),t}();D.Gi="data/",D.Ki="cached/";var B=function(){function t(e,n,i,o){s(this,t),this.Qi=e,this.method=p.t(i,p.t(e.method,"POST")),this.Yi=!0===p.t(o,"get"===this.method.toLowerCase()),this.Zi=!1,this.tr="string"==typeof n?function(t){return"get"===l.method.toLowerCase()?D.load(n+D.te(t),l.Yi):D.send(n,t)}:n;var a,u,l=this;this.er=null,this.nr=(u=r(regeneratorRuntime.mark(function t(e){return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,l.sr(e);case 2:case"end":return t.stop()}},t,this)})),function(){return u.apply(this,arguments)}),e.addEventListener("submit",(a=r(regeneratorRuntime.mark(function t(e){return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return console.log("submitting!",e),e.preventDefault(),t.next=4,l.ir(e);case 4:case"end":return t.stop()}},t,this)})),function(){return a.apply(this,arguments)}));for(var c=0,h=e.elements.length;c<h;c++){var f=e.elements[c];f.addEventListener("change",function(){""!==this.value.trim()?this.classList.add("notEmpty"):this.classList.remove("notEmpty"),this.setCustomValidity("")}),f.addEventListener("keydown",function(){this.setCustomValidity("")})}}return n(t,[{key:"rr",value:function(t,e){var n;n=(e=p.t(e,!0))?function(e){if(Array.isArray(e)&&e.indexOf("optimistic-locking-exception")>=0){var n=new L("optimistic-locking-dialog","optimistic-locking-dialog-title");n.Ks(),n.show()}else t(e)}:t,this.nr=n}},{key:"ir",value:function(){if(!this.Zi){var t=this;return this.submit().then(function(e){if(e.success){if(null!==t.er)return t.er(e.result)}else if(p.A(t.nr))return t.nr(e.errors)})}}},{key:"load",value:function(t,e){return this.or(D.load(t,e).then(function(t){return t.success?t.result:{}})),this}},{key:"or",value:function(t){this.ar(!0);var e=this;return Promise.resolve(t).then(function(t){for(var n in e.ar(!1),t)if(p.A(e.Qi.elements[n])){if(p.A(e.Qi.elements[n].options)&&p.A(t[n+"Options"])){var r=e.Qi.elements[n].options;for(var i in t[n+"Options"]){var o=document.createElement("option");o.value=i,o.innerText=t[n+"Options"][i],r.add(o)}}e.Qi.elements[n].value=p.ce(t[n]),p.A(t[n])&&""!==(""+t[n]).trim()?e.Qi.elements[n].classList.add("notEmpty"):e.Qi.elements[n].classList.remove("notEmpty")}return e})}},{key:"sr",value:function(){var t=r(regeneratorRuntime.mark(function t(e){var n,r,i,o;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:for(i in n=!1,r=null,e)p.A(this.Qi.elements[i])&&"hidden"!==this.Qi.elements[i].type&&p.ct(this.Qi.elements[i].lr)&&(p.ct(this.Qi.elements[i].disabled)||!this.Qi.elements[i].disabled)&&(this.Qi.elements[i].setCustomValidity(f.translate(p.t(e[i],"form-default-error"))),n=!0),p.ct(r)&&(r=p.t(e[i],"form-default-error"));if(n||!p.A(r)){t.next=11;break}t.t0=regeneratorRuntime.keys(this.Qi.elements);case 4:if((t.t1=t.t0()).done){t.next=11;break}if(o=t.t1.value,"hidden"===this.Qi.elements[o].type){t.next=9;break}return this.Qi.elements[o].setCustomValidity(f.translate(r)),n=!0,t.abrupt("break",11);case 9:t.next=4;break;case 11:n&&this.Qi.querySelector("input[type=submit]").click();case 12:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"ar",value:function(t){this.Zi=t,this.Zi?this.Qi.classList.add("sending"):this.Qi.classList.remove("sending")}},{key:"submit",value:function(){var t=this;return new Promise(function(e){t.ar(!0);var n=new FormData(t.Qi);e(t.tr(n))}).then(function(e){return t.ar(!1),e})}},{key:"hr",value:function(t){this.er=t}}]),t}(),q=function(){function t(){s(this,t),this.ve=null,this.cr="settings"}return n(t,null,[{key:"jt",value:function(){return null===t.ur&&(t.ur=new t),t.ur}}]),n(t,[{key:"dr",value:function(){return p.ct(this.ve)&&this.mr(),this.ve}},{key:"pr",value:function(t,e){var n=this.dr();return p.A(n[t])?n[t].value:e}},{key:"gr",value:function(t){this.dr(),delete this.ve[t],this.Sr()}},{key:"wr",value:function(t,e){this.dr(),this.ve[t]={Mr:(new Date).getTime(),value:e},this.Sr()}},{key:"Hr",value:function(t){for(var e in this.dr(),t)this.ve[e]=t[e];this.Sr()}},{key:"yr",value:function(t){return p.t(this.ve[t])}},{key:"mr",value:function(){this.ve=localStorage.getItem(this.cr),null===this.ve?this.ve={}:this.ve=JSON.parse(this.ve)}},{key:"Sr",value:function(){null!==this.ve&&localStorage.setItem(this.cr,JSON.stringify(this.ve))}}]),t}();q.ur=null;var G=function(){function t(){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return o(t,N),n(t,[{key:"sn",value:function(){for(var n=e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"sn",this).call(this),r=this.ln(".setting",!0),i=q.jt(),o=function(t){var e=r[t],n=e.name,o=void 0;o=e.dataset.raw?localStorage.getItem(n):i.pr(n);var s=!1;e instanceof HTMLInputElement&&("checkbox"===e.type||"radio"===e.type)&&(s=!0),(!e.dataset.raw&&!i.yr(n)||e.dataset.raw&&null===o)&&p.A(r[t].dataset.default)&&(o=e.dataset.default,p.A(e.dataset.defaultTranslateable)&&(e.dataset.translation="",e.dataset.translationValue=o,o=f.translate(o))),p.A(o)&&(s?e.checked=o===e.value:e.value=o,""!==o&&e.classList.add("notEmpty")),e.addEventListener("change",function(){var t=this.value;s&&!this.checked&&(t=null),e.dataset.raw?localStorage.setItem(n,t):i.wr(n,t),delete e.dataset.translationValue,delete e.dataset.translation})},s=0;s<r.length;s++)o(s);return n}},{key:"nn",value:function(){for(var n=e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"nn",this).call(this),r=this.ln(".setting",!0),i=q.jt(),o=0;o<r.length;o++){var s,a=r[o],u=a.name;s=a.dataset.raw?localStorage.getItem(u):i.pr(u);var l=!1;a instanceof HTMLInputElement&&("checkbox"===a.type||"radio"===a.type)&&(l=!0),p.A(s)&&(l?a.checked=s===a.value:a.value=s,""!==s&&a.classList.add("notEmpty"))}return n}}]),t}(),H=function(){function t(e,n,r){s(this,t),this.be=e,this.vr=n,this.Pr=p.t(r,!0),this.Lr=!0,this.Tr=-1,this.br=null}return n(t,[{key:"Ar",value:function(t){return this.br=t,this}},{key:"kr",value:function(t){this.Tr=t}},{key:"Cr",value:function(){return this.be}},{key:"Fr",value:function(){return this.vr}},{key:"xr",value:function(){var t=document.createElement("th");return t.appendChild(this.Pr?f.at(this.vr):document.createTextNode(this.vr)),this.Lr&&(t.classList.add("sort"),t.dataset.sort=this.be),t.dataset.column=this.Tr,this.Rr=t,this.Rr}},{key:"Dr",value:function(){return this.be}},{key:"Ir",value:function(t){return t}},{key:"Br",value:function(){var t=document.createElement("td");return t.classList.add(this.be),t.dataset.column=this.Tr,p.A(this.br)&&t.classList.add("clickable"),t}},{key:"click",value:function(t,e,n){p.A(this.br)&&this.br(t,e,n)}}]),t}(),F=function(){function t(e,n,r,o){var a;return s(this,t),(a=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n,r))).Lr=!1,a.Ur=p.t(o,!1),a}return o(t,H),n(t,[{key:"Dr",value:function(){return null}},{key:"Br",value:function(){var n=e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"Br",this).call(this);return n.classList.remove(this.be),n.appendChild(this.Ur?f.at(this.be):document.createTextNode(this.be)),n}}]),t}(),Z=function(){function t(e,n,r){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n,r=p.t(r,!1)))}return o(t,H),n(t,[{key:"xr",value:function(){return document.createTextNode("")}},{key:"Dr",value:function(){return{data:[this.be]}}},{key:"Br",value:function(){return document.createTextNode("")}}]),t}(),$=function(){function t(e,n,r){var o;return s(this,t),(o=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n,r))).Ur=!1,o}return o(t,F),n(t,[{key:"Br",value:function(){var n=e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"Br",this).call(this),r=document.createElement("img");return r.src=this.be,n.removeAllChildren().appendChild(r),n}}]),t}(),Q=function(){function t(e,n,r){s(this,t),this.Er=e,this.Wr=p.t(n,{}),this.Nr=r,"string"==typeof this.Er&&(this.Er=document.getElementById(this.Er)),this.Or=[],Array.isArray(n)?this.Or=n:p.A(n.columns)&&(this.Or=n.columns)}return n(t,[{key:"Ir",value:function(t){if(console.log("prepareData",t),p.A(t))for(var e=0,n=t.length;e<n;e++)t[e]=this._r(t[e]);return t}},{key:"_r",value:function(t){console.log("prepareDataset",t);for(var e=0,n=this.Or.length;e<n;e++)p.A(t[this.Or[e].Cr()])&&(t[this.Or[e].Cr()]=this.Or[e].Ir(t[this.Or[e].Cr()],t));return t}},{key:"jr",value:function(){p.A(this.Or)&&this.Vr();var t=this.Er,e=this.Wr,n=this.Nr;e.item=p.t(e.item,t.id+"-template-item"),e.page=p.t(e.page,5),e.pagination=p.t(e.pagination,{outerWindow:1,innerWindow:1});var r=document.getElementById(e.item);r&&(e.item=r.outerHTML,r.remove()),n=this.Ir(n);var i=new List(t,e,n),o=this;return t.querySelector("."+p.t(e.listClass,"list")).addEventListener("click",function(t){var e=t.target.closest("td[data-column]"),n=parseInt(e.dataset.column);o.Or.length>n&&o.Or[n].click(e,i,t)}),this.list=i,i}},{key:"Vr",value:function(){for(var t=document.createElement("tr"),e=document.createElement("tr"),n=[],r=0,i=this.Or.length;r<i;r++){this.Or[r].kr(r),t.appendChild(this.Or[r].xr()),e.appendChild(this.Or[r].Br());var o=this.Or[r].Dr();p.A(o)&&n.push(o)}var s=this.Er.querySelector("thead"),a=this.Er.querySelector("tfoot");p.A(s)&&s.removeAllChildren().appendChild(t),p.A(a)&&a.removeAllChildren().appendChild(p.cloneNode(t)),this.Wr.item=e.outerHTML,this.Wr.valueNames=n}},{key:"Jr",value:function(){return this.list}},{key:"zr",value:function(t,e,n){var r=this.list.get(t,e);p.A(r)&&r.length>=1&&(n=this._r(n),r[0].values(n))}},{key:"qr",value:function(t){t?this.Er.classList.add("sending"):this.Er.classList.remove("sending")}}]),t}(),V=function(){function t(e){s(this,t);var n=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,t.Kr,"settings"));for(var r in t.Gr)n.Xr(r,new t.Gr[r](n));return n.active=null,n}return o(t,w),n(t,[{key:"Xr",value:function(t,e){this.an("#settings-fragments",e),delete this.Ze["#settings-fragments"],this.Ze[t]=e}},{key:"nn",value:function(){var n=e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"nn",this).call(this);return p.A(this.active)&&!this.Ze[this.active].in()&&this.setActive(null),this.$r(),n}},{key:"setActive",value:function(t){p.A(this.active)&&(this.Ze[this.active].Qe.then(function(t){t.classList.remove("active")}),this.ln("#show-fragment-"+this.active).classList.remove("active")),this.active=t,p.A(this.active)&&(this.Ze[this.active].Qe.then(function(t){t.classList.add("active")}),this.ln("#show-fragment-"+this.active).classList.add("active"))}},{key:"$r",value:function(){var t=this,e=this.ln("#settings-fragment-list");e.removeAllChildren();var n=this,r=function(r){if(t.Ze[r].in()){var i=document.createElement("li");i.id="show-fragment-"+r,i.appendChild(f.at(r,null,"a")),i.addEventListener("click",function(){n.setActive(r)}),e.appendChild(i),p.ct(t.active)&&t.setActive(r)}};for(var i in this.Ze)r(i)}}],[{key:"Xr",value:function(e,n){t.Gr[e]=n}},{key:"Qr",value:function(e){t.Yr=e}},{key:"Zr",value:function(e){t.Kr=e}}]),t}();V.Kr="core/html/settings.html",V.Gr={},V.Yr=!0,V.to=null,V.eo=!0,E.ii(function(t){if(V.Yr){if(t.ks("settings",V),p.ct(V.to)){var e=new a("settings",function(){t.Mn(V)},a.J,1e4);e.W("img/settings.png"),V.to=e}V.eo&&t.os(V.to)}});var Y=function(){function t(){s(this,t)}return n(t,null,[{key:"init",value:function(e){t.no=null,t.so={io:!1,id:null,accesses:["default"]},t.app=e,t.ro=new Promise(function(e){t.oo=e})}},{key:"setData",value:function(e){t.so=Object.assign(t.so,e);var n=t.app.vs();n&&n.ds()}},{key:"ao",value:function(e){return t.no=p.t(e,t.no),D.load(t.no).then(function(e){e.success&&t.setData(e.result),t.oo()})}},{key:"lo",value:function(){return D.load("u/logout").then(function(e){if(e.success){t.setData(e.result);var n=t.app.vs();n&&n.us(),P.Xs(P.$s,f.translate("logged-out-successfully"))}})}},{key:"ho",value:function(e){return t.so.accesses.indexOf(e)>=0}},{key:"uo",value:function(e,n){t.co(function(r){n(r&&t.do(e))})}},{key:"co",value:function(e){this.ro.then(function(){e(t.mo())})}},{key:"do",value:function(e){return t.so.id===e}},{key:"mo",value:function(){return p.A(t.so)&&p.A(t.so.id)}}]),t}();E.ii(function(t){return Y.init(t),Y.ao("u/me").then(function(){Y.co(function(t){if(t){var e=q.jt(),n=p.ue(e.dr());for(var r in n)n[r].value=JSON.stringify(n[r].value);D.send("u/syncSettings",n).then(function(t){if(t.success){for(var n in t.result)t.result[n].value=JSON.parse(t.result[n].value);e.Hr(t.result)}})}})})});var U=function(){function t(e,n,r,o,a){var u;return s(this,t),(u=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n,r,o))).po=p.t(a,"default"),u}return o(t,a),n(t,[{key:"R",value:function(){return e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"R",this).call(this)&&Y.ho(this.po)}},{key:"fo",value:function(){return this.po}},{key:"_",value:function(n){var r=e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"_",this).call(this,p.t(n,new t));return r.po=this.po,r}}]),t}(),W=function(){function t(e){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,"userManagement/html/403.html"))}return o(t,w),t}(),z=function(){function t(e,n,r,o){var a;return s(this,t),(a=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n,r))).po=o,a}return o(t,w),n(t,[{key:"en",value:function(n){return Y.ho(this.po)?e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"en",this).call(this,n):(this.Mn(W),void this.finish({error:403}))}},{key:"nn",value:function(n){return Y.ho(this.po)?e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"nn",this).call(this,n):(this.Mn(W),void this.finish({error:403}))}}]),t}(),K=function(){function t(e,n,r,o){s(this,t);var a=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n,r,o)),u=e.querySelector("#email"),l=e.querySelector("#password"),c=function(){u.setCustomValidity(""),l.setCustomValidity("")};return u.addEventListener("keydown",c),l.addEventListener("keydown",c),a}return o(t,B),t}(),tt=function(){function t(e,n,r,o){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n,r,o))}return o(t,B),n(t,[{key:"So",value:function(){}}]),t}(),et=function(){function t(e,n,r){var o;return s(this,t),(o=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n))).po=r,o}return o(t,N),n(t,[{key:"in",value:function(){return e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"in",this).call(this)&&Y.ho(this.po)}}]),t}(),nt=function(){function t(e){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,"userManagement/html/fragments/passwordSettings.html","online"))}return o(t,et),n(t,[{key:"sn",value:function(){var n=e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"sn",this).call(this),r=new B(document.getElementById("change-password-form"),"u/passwordSettings/set","post");return r.hr(function(t){for(var e=0,n=t.length;e<n;e++)P.Xs(t[e]);r.or({oldPassword:"",newPassword1:"",newPassword2:""})}),n}}]),t}();E.ii(function(){V.Xr("password-settings",nt)});var rt=function(){function t(e){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,"userManagement/html/fragments/userSettings.html","online"))}return o(t,et),n(t,[{key:"sn",value:function(){var n=e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"sn",this).call(this);return new B(document.getElementById("user-settings-form"),"u/userSettings/set","post").load("u/userSettings").hr(function(t){for(var e=0,n=t.length;e<n;e++)P.Xs(t[e])}),n}}]),t}();E.ii(function(){V.Xr("user-settings",rt)});var it=function(){function t(e){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,"userManagement/html/editUserRoles.html","userRoles","admin"))}return o(t,z),n(t,[{key:"en",value:function(n){var r=e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"en",this).call(this,n);this.userId=n.id;var i=this;return Promise.all([j.yi(X.Ji.qi),D.load("u/userRoles"+D.te({id:i.userId})).then(function(t){t.success?(i.wo(t.result.userRoles),i.Mo(t.result.availableRoles),i.Ho(t.result.username)):(P.Xs(t.errors[0]),i.finish())})]).then(function(){return r})}},{key:"sn",value:function(){this.ln("#username").innerHTML=this.username;var t=this.ln("#userRoles"),e=this.ln("#availableRoles"),n=new $("img/minus.png","",!1),r=new $("img/plus.png","",!1),i=[new Z("id"),new H("name","name"),new H("description","description"),n],o=[new Z("id"),new H("name","name"),new H("description","description"),r],s=new Q(t,i,this.userRoles),a=new Q(e,o,this.availableRoles),u=s.jr(),l=a.jr(),c=this,h=function(t,e){return s.qr(!0),a.qr(!0),D.send("u/changeUserRole",{id:t,userId:c.userId,add:e}).then(function(e){if(s.qr(!1),a.qr(!1),!e.success)return P.Xs(e.errors[0]),e;var n=null,r=null;e.result.hasRole?(n=l,r=u):(r=l,n=u);var i=n.get("id",t);return 1===i.length&&(r.add(i[0].values()),n.remove("id",t)),e})};n.Ar(function(t){var e=t.closest("tr").dataset.id;h(e,!1)}),r.Ar(function(t){var e=t.closest("tr").dataset.id;h(e,!0)})}},{key:"wo",value:function(t){this.userRoles=t}},{key:"Mo",value:function(t){this.availableRoles=t}},{key:"Ho",value:function(t){this.username=t}}]),t}();E.ii(function(t){t.ks("userRoles",it),t.os(new U("userRoles",function(){t.Mn(it)},null,1100,"admin"))});var ot=function(){function t(e){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,"userManagement/html/forgotPassword.html","forgotPassword","offline"))}return o(t,z),n(t,[{key:"sn",value:function(){var t=this;new B(document.getElementById("forgot-password-form"),"u/newPassword","post").hr(function(){P.Xs(P.$s,f.translate("new-password-code-send")),t.finish()})}}]),t}();E.ii(function(t){t.ks("forgotPassword",ot)});var st=function(){function t(e){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,"userManagement/html/login.html","login","offline"))}return o(t,z),n(t,[{key:"sn",value:function(){var t=this;new K(document.getElementById("login-form"),"u/login","post").hr(function(e){Y.setData(e),t.wn(),P.Xs(P.$s,f.translate("login-success")),t.finish()}),this.ln("#forgot-password-link").addEventListener("click",function(){t.Mn(ot),t.finish()})}}]),t}();st.yo=null,st.vo=null,st.Po=!0,st.Lo=!0,E.ii(function(t){t.ks("login",st),p.ct(st.yo)&&(st.yo=new U("login",function(){t.Mn(st)},l.q,1100,"offline")),p.ct(st.vo)&&(st.vo=new U("logout",function(){Y.lo()},l.q,1100,"online")),st.Po&&t.os(st.yo),st.Lo&&t.os(st.vo)});var at=function(){function t(e){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,"userManagement/html/registration.html","registration","offline"))}return o(t,z),n(t,[{key:"sn",value:function(){new tt(document.getElementById("registration-form"),"u/registration","post").hr(function(){P.Xs(P.$s,f.translate("registration-success"))})}}]),t}();at.action=null,at.tt=!0,E.ii(function(t){t.ks("registration",at),p.ct(at.action)&&(at.action=new U("registration",function(){t.Mn(at)},null,1100,"offline")),at.tt&&t.os(at.action)});var ut=function(){function t(e){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,"userManagement/html/setNewPassword.html","newPassword","offline"))}return o(t,z),n(t,[{key:"en",value:function(n){return this.code=n.code,e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"en",this).call(this,n)}},{key:"sn",value:function(){var t=document.getElementById("new-password-form");document.getElementById("code").value=this.code;var e=this;new B(t,"c/code","post").hr(function(){P.Xs(P.$s,f.translate("password-updated")),e.Mn(st),e.finish()})}}]),t}();E.ii(function(t){t.ks("newPassword",ut)});var lt=function(){function t(){s(this,t)}return n(t,null,[{key:"init",value:function(){var t=this;window.addEventListener("beforeinstallprompt",function(e){e.preventDefault(),t.To(e)})}},{key:"To",value:function(t){this.bo=t,this.Ao&&this.Ao(this.bo)}},{key:"prompt",value:function(){var t=r(regeneratorRuntime.mark(function t(){return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.abrupt("return",p.A(this.bo)?(this.bo.prompt(),this.bo.userChoice):Promise.resolve({outcome:"dismissed",platform:""}));case 1:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"ko",value:function(t,e){this.Ao=t,(e=p.t(e,!0))&&p.t(this.bo)&&this.Ao(this.bo)}}]),t}();lt.init();var ct=function(){function t(){s(this,t)}return n(t,null,[{key:"init",value:function(){var e,n=this;t.Co=new Promise((e=r(regeneratorRuntime.mark(function e(r){var i;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(i=p.t(localStorage.getItem(t.Fo),"1"),!p.ct(i)){e.next=8;break}return e.next=4,t.xo();case 4:i=e.sent,localStorage.setItem(t.Fo,i),e.next=9;break;case 8:i="1"===i,t.Ro(i);case 9:r(i);case 10:case"end":return e.stop()}},e,n)})),function(){return e.apply(this,arguments)})),t.Co.then(function(){t.push(["trackPageView"],!0),t.push(["enableLinkTracking"],!0),t.push(["setTrackerUrl",t.Do+"/piwik.php"],!0),t.push(["setSiteId",t.Io+""],!0);var e=document,n=e.createElement("script"),r=e.getElementsByTagName("head")[0];n.type="text/javascript",n.async=!0,n.defer=!0,n.src=t.Do+"/piwik.js",r.appendChild(n)})}},{key:"update",value:function(e){p.t(t.Bo)&&t.push(["setReferrerUrl",t.Bo]),t.Bo=window.location.pathname+window.location.search,t.push(["setCustomUrl",t.Bo]),t.push(["setDocumentTitle",e]),t.push(["deleteCustomVariables","page"]),t.push(["setGenerationTimeMs",0]),t.push(["trackPageView"]);var n=document.getElementById("site-content");t.push(["MediaAnalytics::scanForMedia",n]),t.push(["FormAnalytics::scanForForms",n]),t.push(["trackContentImpressionsWithinNode",n]),t.push(["enableLinkTracking"])}},{key:"xo",value:function(){var e=r(regeneratorRuntime.mark(function e(){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",(t.Co=new Promise(function(e){t.push([function(){e(!this.isUserOptedOut())}]),t.push([function(){e(!this.isUserOptedOut())}])}),t.Co));case 1:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"Uo",value:function(){var e=r(regeneratorRuntime.mark(function e(n){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",fetch(t.Do+t.Eo+n,{mode:"cors",credentials:"include"}).then(function(t){return t.text()}).then(function(t){return(new window.DOMParser).parseFromString(t,"text/xml")}));case 1:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"Wo",value:function(){return t.Co}},{key:"Ro",value:function(){var e=r(regeneratorRuntime.mark(function e(n){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:t.Co=Promise.resolve(n),localStorage.setItem(t.Fo,!0===n?"1":"0"),n?t.push(["forgetUserOptOut"],!0):t.push(["optUserOut"],!0);case 1:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"No",value:function(){var t=r(regeneratorRuntime.mark(function t(e,n,r,i){var o;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return o=["trackEvent",e,n],t.abrupt("return",(p.A(r)&&o.push(r),p.A(i)&&!isNaN(parseFloat(i))&&isFinite(i)&&o.push(i),this.push(o)));case 2:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"push",value:function(){var t=r(regeneratorRuntime.mark(function t(e){return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:Array.isArray(e)||(e=[e]),window._paq.push(e);case 1:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()}]),t}();ct.Bo=null,ct.Fo="matomoShouldTrack",ct.Do="//matomo.silas.link",ct.Eo="/index.php?module=API&method=AjaxOptOut.",ct.Io="1",E.ii(function(){window._paq=window._paq||[],ct.init()});var ht=function(){function t(e,n,r){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,[e,function(t){ct.No("shared",t,n)}],r))}return o(t,C),t}(),ft=function(){function t(){s(this,t)}return n(t,[{key:"Oo",value:function(){var t=r(regeneratorRuntime.mark(function t(e,n,r,i,o,s,a,u,l){var c,h,f;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return l=p.t(l,!0),u=p.t(u,0),t.next=3,this._o(e,n,r,i,o,s,a,0===u);case 3:if(c=t.sent,t.t0=u>0,!t.t0){t.next=8;break}return t.next=8,new Promise(function(t){setTimeout(t,u),n.style.fontSize=c+"px"});case 8:return h=this,f=function(){return new Promise(function(t){setTimeout(function(){t(h.Oo(e,n,r,i,o,s,a,u,!1))},"number"==typeof l?l:255)})},t.abrupt("return",(!1!==l&&window.addEventListener("resize",f),f));case 10:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"jo",value:function(){var t=r(regeneratorRuntime.mark(function t(e,n,r,i,o,s,a,u){return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.abrupt("return",this.Oo(1,e,n,r,i,o,s,a,u));case 1:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"_o",value:function(){var t=r(regeneratorRuntime.mark(function t(e,n,r,i,o,s,a,u){var l,c,h,f,d,v,y,m,g,k,w,_;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:for(s=p.t(s,10),i=p.t(i,!1),o=p.t(o,!1),a=p.t(a,n.innerHTML.length),u=p.t(u,!0),(l=r.classList.contains("no-transition"))||r.classList.add("no-transition"),c=0,h=[],f=0;f<5;f++)h.push(0);d=n.style.fontSize,v=1,y=0,m=0,g=0,k=0;case 6:if(v+=h[c]/(a+1),n.style.fontSize=v+"px",w=window.getComputedStyle(r),g=w.getPropertyValue("width").replace("px",""),k=w.getPropertyValue("height").replace("px",""),y=g-n.offsetWidth,m=k-n.offsetHeight,c=(c+1)%5,(_=o?m:i?y:Math.min(y,m))!==h[(c+1)%5]){t.next=12;break}return t.abrupt("break",14);case 12:h[c]=_;case 13:if((y>(1-e)*g||o)&&(m>(1-e)*k||i)){t.next=6;break}case 14:if(v-=s,n.style.fontSize=u?v+"px":d,t.t0=l,t.t0){t.next=21;break}return t.next=20,new Promise(function(t){setTimeout(t,50)});case 20:r.classList.remove("no-transition");case 21:return t.abrupt("return",v);case 22:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()}]),t}(),pt=function(){function t(e,n,r){s(this,t),this.buffer=n,this.Vo=!1,this.loopStart=null,this.loopEnd=null,this.Jo=r,this.context=e,this.startTime=null,this.zo=null,this.source=null,this.qo=!1}return n(t,[{key:"Ko",value:function(t){this.buffer=t}},{key:"Go",value:function(t,e,n){this.Vo=t,p.A(e)&&(this.loopStart=e),p.A(n)&&(this.loopEnd=n)}},{key:"start",value:function(){var t=r(regeneratorRuntime.mark(function t(e,n,r){var i;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return(i=this.context.createBufferSource()).loop=this.Vo,p.A(this.loopStart)&&(i.loopStart=this.loopStart),p.A(this.loopEnd)&&(i.loopEnd=this.loopEnd),i.buffer=this.buffer,t.next=7,this.Jo(i);case 7:i.start(e,n,r),this.startTime=(new Date).getTime()-1e3*p.t(n,0),this.source=i,this.qo=!0;case 11:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"stop",value:function(){var t=r(regeneratorRuntime.mark(function t(e){return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.abrupt("return",p.A(this.source)?(this.zo=(new Date).getTime()-this.startTime,this.qo=!1,this.source.stop(e)):null);case 1:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"resume",value:function(){var t=r(regeneratorRuntime.mark(function t(){return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(this.qo){t.next=2;break}return t.abrupt("return",this.start(null,p.t(this.zo,0)/1e3));case 2:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()}]),t}(),dt=function(){function e(){var t=this;s(this,e),this.Xo={},this.context=new AudioContext,window.addEventListener("visibilitychange",function(){t.$o()})}return n(e,null,[{key:"jt",value:function(){return p.ct(e.Kt)&&(e.Kt=new e),e.Kt}}]),n(e,[{key:"set",value:function(t,n){var r=this;n=p.t(n,e.Yo.Qo);var i=p.t(this.Xo[n],{});"string"==typeof t&&(t={Zo:t});var o=t.Zo;return p.A(o)&&(i.ta=fetch(o).then(function(t){return t.arrayBuffer()}).then(function(t){return r.context.decodeAudioData(t)}),this.stop(n)),i.muted=p.t(t.muted,i.muted,!1),i.volume=p.t(t.volume,i.volume,1),i.loop=p.t(t.loop,i.loop,!1),i.ea=p.t(t.ea,i.ea,0),this.Xo[n]=i,i.muted&&this.stop(n),this.Xo[n]}},{key:"play",value:function(){var n=r(regeneratorRuntime.mark(function n(r,i){var o,s,a=this;return regeneratorRuntime.wrap(function(n){for(;;)switch(n.prev=n.next){case 0:if(r=p.t(r,e.Yo.Qo),p.ct(i)?i={}:"object"!=(void 0===i?"undefined":t(i))&&(i={Zo:i}),i.ea=p.t(i.ea,0),this.stop(r),this.set(i,r),this.Xo[r].muted){n.next=6;break}return n.next=3,this.Xo[r].ta;case 3:o=n.sent,(s=new pt(this.context,o,function(t){var e=a.context.createGain();e.gain.value=a.Xo[r].volume,t.connect(e),e.connect(a.context.destination)})).Ko(o),s.Go(this.Xo[r].loop,.3,o.duration-.3),s.start(),this.Xo[r].source=s;case 6:return n.abrupt("return",this.Xo[r]);case 7:case"end":return n.stop()}},n,this)}));return function(){return n.apply(this,arguments)}}()},{key:"stop",value:function(t){t=p.t(t,e.Yo.Qo);var n=this.Xo[t];p.t(n)&&p.t(n.source)&&n.source.stop()}},{key:"get",value:function(t){return t=p.t(t,e.Yo.Qo),this.Xo[t]}},{key:"resume",value:function(){var t=r(regeneratorRuntime.mark(function t(n){return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(n=p.t(n,e.Yo.Qo),this.Xo[n].muted||!p.A(this.Xo[n].source)){t.next=2;break}return t.abrupt("return",this.Xo[n].source.resume());case 2:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"$o",value:function(){if(document.hidden)for(var t in this.Xo)p.A(this.Xo[t].source)&&this.Xo[t].source.stop();else for(var e in this.Xo)!this.Xo[e].muted&&p.A(this.Xo[e].source)&&this.Xo[e].source.resume()}}]),e}();dt.Yo={na:"music",sa:"sound",Qo:"default"};var vt=function(){function t(e){s(this,t),"string"==typeof e&&(e={code:e}),this.ia=e,this.ra=!1}return n(t,[{key:"oa",value:function(t){this.ra=t}},{key:"aa",value:function(){return this.ra}},{key:"la",value:function(){return D.send("c/code",this.ia)}}]),t}(),yt=function(){function t(e){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,"core/html/load.html","code"))}return o(t,w),n(t,[{key:"en",value:function(n){e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"en",this).call(this,n),console.log(n);Promise.resolve();if(p.A(n.code)){var r=n.code,i=p.t(n.cachable,!1),o=new vt(r);o.oa(i);var s=this;o.la().then(function(t){t.success?P.Xs(P.$s,f.translate(p.t(t.result.successMessage,"code-activated"))):P.Xs(P.$s,f.translate(t.errors[0])),s.finish()})}}}]),t}();E.ii(function(t){t.ks("code",yt)});var mt=function(){function t(e){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,"contact/html/contact.html",t.ha))}return o(t,w),n(t,[{key:"sn",value:function(){var n=this;new B(this.ln("#contact-form"),"contact","post").hr(function(){P.Xs("contact-message-sent"),n.finish()}),e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"sn",this).call(this)}}]),t}();mt.ha="contactMe",E.ii(function(t){mt.ha&&t.ks(mt.ha,mt)});var gt=function(){function t(){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return o(t,w),t}(),kt=function(){function t(e,n,r,i){s(this,t),this.ua=e,this.ca=n,this.da=r,this.ma=i}return n(t,[{key:"pa",value:function(){return p.cloneNode(this.ua)}},{key:"ga",value:function(){return p.cloneNode(this.ca)}},{key:"fa",value:function(){return p.cloneNode(this.da)}},{key:"Sa",value:function(){return p.cloneNode(this.ma)}}]),t}(),wt=function(){function t(e){s(this,t),this.rotation=0,this.fn=e,this.parent=null}return n(t,[{key:"wa",value:function(t){return t}},{key:"Ma",value:function(){return!1}},{key:"Ha",value:function(t){this.parent=t}},{key:"ya",value:function(){if(null!==this.parent)return this.parent.ya()}},{key:"va",value:function(){return!1}},{key:"Pa",value:function(){return 0===this.rotation}},{key:"rotate",value:function(){var t=r(regeneratorRuntime.mark(function t(){return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.abrupt("return",Promise.resolve());case 1:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"La",value:function(){}},{key:"Ta",value:function(t){return t}},{key:"ba",value:function(t){return t}},{key:"Aa",value:function(t){return t}},{key:"ka",value:function(){return this.fn}}]),t}(),_t=function(){function t(e,n){var r;return s(this,t),(r=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e))).Ca="A",p.A(n)&&r.Fa(n),r}return o(t,wt),n(t,[{key:"Ma",value:function(e){return e instanceof t&&e.Ca===this.Ca}},{key:"Fa",value:function(t){this.Ca=t}},{key:"La",value:function(){this.fn.querySelector(".leaf-element").removeAllChildren().appendChild(document.createTextNode(this.Ca))}}]),t}(),bt=function(){function t(e){var n;s(this,t),(n=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e))).children=[],n.Ua="rotate-0",n.Ba=!0;var r=n;return n.Ea=function(e){var n=document.elementFromPoint(e.changedTouches[0].pageX,e.changedTouches[0].pageY);if(0===e.targetTouches.length&&1===e.changedTouches.length&&r.fn.contains(t.Ra)&&r.fn.contains(n)){var i={x:e.changedTouches[0].pageX,y:e.changedTouches[0].pageY};r.ya().Wa(r),r.rotate(t.Ra,n,t.Da,i),e.stopPropagation(),e.preventDefault()}},n.Na=function(e){if(null!==t.Ra&&r.fn.contains(t.Ra)&&r.fn.contains(e.target)){var n={x:e.pageX,y:e.pageY};r.ya().Wa(r),r.rotate(t.Ra,e.target,t.Da,n),e.stopPropagation(),e.preventDefault()}},n}return o(t,wt),n(t,[{key:"Ia",value:function(t){this.Ba=t,this.La()}}],[{key:"xa",value:function(){window.addEventListener("mousedown",function(e){t.Ra=e.target,t.Da={x:e.pageX,y:e.pageY}}),window.addEventListener("mouseup",function(){t.Ra=null,t.Da={}}),window.addEventListener("touchstart",function(e){1===e.targetTouches.length&&(t.Ra=e.targetTouches[0].target,t.Da={x:e.targetTouches[0].pageX,y:e.targetTouches[0].pageY})}),window.addEventListener("touchend",function(){t.Ra=null,t.Da={}})}}]),n(t,[{key:"va",value:function(){return this.Ba&&!this.ya().Oa()}},{key:"rotate",value:function(){var t=r(regeneratorRuntime.mark(function t(e,n,r,i){var o,s,a,u,l,c,h,f=this;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(o=1,p.A(n)&&p.A(e)&&(p.ct(r)||p.ct(i)||Math.abs(r.x-i.x)>5||Math.abs(r.y-i.y)>5)){for(s=-1,a=-1,u=[0,1,3,2],l=0;l<this.children.length;l++)(this.children[u[l]].fn===e||this.children[u[l]].fn.contains(e))&&(s=(l+this.rotation/90)%4),(this.children[u[l]].fn===n||this.children[u[l]].fn.contains(n))&&(a=(l+this.rotation/90)%4);s>=0&&a>=0&&(2===s&&(0===a||1===a)||1===s&&(0===a||3===a)||0===s&&3===a||3===s&&2===a)&&(o=-1)}if(!this.va()){t.next=8;break}return this.rotation+=360+90*o,this.rotation%=360,c=this.rotation,this._a(),this.fn.classList.add("rotating"),-1===o&&this.fn.classList.add("reverse"),h=new Promise(function(t){setTimeout(t,250)}).then(function(){f.rotation===c&&(f.fn.classList.remove("rotating"),f.fn.classList.remove("reverse"))}),t.abrupt("return",(this.ya().ja(h),h));case 8:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"Ma",value:function(e){if(!(e instanceof t)||e.children.length!==this.children.length)return!1;for(var n=0;n<this.children.length;n++)if(!this.children[n].Ma(e.children[n]))return!1;return!0}},{key:"Ta",value:function(t){this.rotation=t[0],isNaN(this.rotation)&&(this.rotation=0),t.splice(0,1);for(var e=0,n=this.children.length;e<n;e++)t=this.children[e].Ta(t);return t}},{key:"ba",value:function(t){this.Ba=t[0],t.splice(0,1);for(var e=0,n=this.children.length;e<n;e++)t=this.children[e].ba(t);return t}},{key:"wa",value:function(t){t.push(this.rotation);for(var e=0,n=this.children.length;e<n;e++)t=this.children[e].wa(t);return t}},{key:"Aa",value:function(t){t.push(this.Ba);for(var e=0,n=this.children.length;e<n;e++)t=this.children[e].Aa(t);return t}},{key:"Pa",value:function(){for(var t=0,e=this.children.length;t<e;t++)if(!this.children[t].Pa())return!1;return 0===this.rotation||this.children[0].Ma(this.children[2])&&this.children[1].Ma(this.children[3])&&(2===this.rotation||this.children[0].Ma(this.children[1]))}},{key:"Va",value:function(t){this.children=[];for(var e=0,n=t.length;e<n;e++)this.Ja(t[e])}},{key:"Ja",value:function(t){this.children.push(t),t.Ha(this),this.La()}},{key:"_a",value:function(){this.fn.classList.remove(this.Ua),this.Ua="rotate-"+this.rotation,"rotate-0"===this.Ua&&(this.Ua="rotate-360"),this.fn.classList.add(this.Ua)}},{key:"La",value:function(){var t=this.za();t>=2&&this.fn.classList.add("layer-"+t),this.Ba||this.fn.classList.add("locked");var e=this.fn.querySelector(".child-container");e.removeAllChildren(),this._a(),this.fn.removeEventListener("mouseup",this.Na),this.fn.removeEventListener("touchend",this.Ea),this.fn.addEventListener("mouseup",this.Na),this.fn.addEventListener("touchend",this.Ea);for(var n=0,r=this.children.length;n<r;n++)this.children[n].La(),e.appendChild(this.children[n].ka()),n%2==1&&this.children.length-1!==n&&e.appendChild(document.createElement("br"))}},{key:"za",value:function(){return this.children.length>=1&&this.children[0]&&this.children[0]instanceof t?this.children[0].za()+1:1}}]),t}();bt.xa();var Ot=function(){function t(e){s(this,t),this.qa=null,this.words=[],this.Ka=[],this.Ga=e,this.Xa=!1,this.id=null,this.$a=null,this.Qa=null;var n=this;this.Ya=new Promise(function(t,e){n.$a=t,n.Qa=e}),this.Wa=function(){}}return n(t,[{key:"Za",value:function(){var t=this.wa(),e=this.Aa();localStorage.setItem("currentLevel",JSON.stringify({id:this.id,rotations:t,locks:e}))}},{key:"Aa",value:function(){return null!==this.qa?this.qa.Aa([]):[]}},{key:"wa",value:function(){return null!==this.qa?this.qa.wa([]):[]}},{key:"tl",value:function(t){null!==this.qa&&this.qa.ba(t)}},{key:"el",value:function(t){this.id=t}},{key:"N",value:function(){return this.id}},{key:"ya",value:function(){return this}},{key:"nl",value:function(t){this.qa=t,this.qa.Ha(this),this.Ka&&this.Ta()}},{key:"sl",value:function(t){this.words=[];for(var e=0,n=t.length;e<n;e++)this.words.push(t[e].toUpperCase())}},{key:"il",value:function(t){this.Ka=t}},{key:"Ta",value:function(t){this.qa&&(t=p.t(t,this.Ka),this.qa.Ta(t))}},{key:"Oa",value:function(){return this.Xa}},{key:"ja",value:function(t){if(this.qa.Pa()){this.Xa=!0;var e=this;return t.then(function(){e.$a(!0)}),!0}return this.Za(),!1}},{key:"rl",value:function(){return this.Ya}},{key:"ol",value:function(){return this.qa}},{key:"al",value:function(){}},{key:"ll",value:function(){return t.hl(this.qa)}},{key:"ul",value:function(t){this.Wa=t}}],[{key:"hl",value:function(e){var n=[];if(e.va()&&n.push(e),e instanceof bt)for(var r=0;r<e.children.length;r++)n.push.apply(n,t.hl(e.children[r]));return n}},{key:"cl",value:function(t,e){for(var n=[],r=0,i=t.length;r<i;r++)n.push(new _t(p.cloneNode(e),t.charAt(r)));return n}}]),t}(),xt=function(){function t(e){var n;return s(this,t),(n=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e))).Ba=!1,n}return o(t,bt),n(t,[{key:"Ta",value:function(t){for(var e=0,n=this.children.length;e<n;e++)t=this.children[e].Ta(t);return t}},{key:"wa",value:function(t){for(var e=0,n=this.children.length;e<n;e++)t=this.children[e].wa(t);return t}},{key:"Aa",value:function(t){for(var e=0,n=this.children.length;e<n;e++)t=this.children[e].Aa(t);return t}},{key:"ba",value:function(t){for(var e=0,n=this.children.length;e<n;e++)t=this.children[e].ba(t);return t}},{key:"La",value:function(){var t=this.fn.querySelector(".child-container");t.removeAllChildren(),this._a();var e=this;this.fn.onclick=function(t){e.rotate(),t.stopPropagation()};for(var n=0,r=this.children.length;n<r;n++)this.children[n].La(),t.appendChild(this.children[n].ka())}}]),t}(),Lt=function(){function t(e,n){var r;return s(this,t),(r=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e))).dl=n,r}return o(t,Ot),n(t,[{key:"al",value:function(){if(this.words.length>=2&&this.words[0].length>=this.dl&&this.words[1].length>=this.dl){for(var t=Ot.cl(this.words[0],this.Ga.pa()),e=Ot.cl(this.words[1],this.Ga.pa()),n=new xt(this.Ga.fa()),r=0,i=this.dl/2;r<i;r++){var o=new bt(this.Ga.ga());o.Ja(t[2*r]),o.Ja(t[2*r+1]),o.Ja(e[2*r]),o.Ja(e[2*r+1]),n.Ja(o)}this.nl(n)}}}]),t}(),Pt=function(){function t(e){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,6))}return o(t,Lt),t}(),Et=function(){function t(e){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,8))}return o(t,Lt),t}(),St=function(){function t(e){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,10))}return o(t,Lt),t}(),jt=function(){function t(){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return o(t,xt),t}(),At=function(){function t(e,n){var r;return s(this,t),(r=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e))).dl=n,r}return o(t,Ot),n(t,[{key:"al",value:function(){if(this.words.length>=6&&this.words[0].length>=this.dl&&this.words[1].length>=this.dl&&this.words[2].length>=this.dl&&this.words[3].length>=this.dl&&this.words[4].length>=this.dl&&this.words[5].length>=this.dl){var t=[];t[0]=Ot.cl(this.words[0],this.Ga.pa()),t[1]=Ot.cl(this.words[1],this.Ga.pa()),t[2]=Ot.cl(this.words[2],this.Ga.pa()),t[3]=Ot.cl(this.words[3],this.Ga.pa()),t[4]=Ot.cl(this.words[4],this.Ga.pa()),t[5]=Ot.cl(this.words[5],this.Ga.pa());for(var e=new xt(this.Ga.fa()),n=0;n<this.dl/4;n++){var r=[];r[0]=new bt(this.Ga.ga()),r[1]=new bt(this.Ga.ga()),r[2]=new bt(this.Ga.ga()),r[3]=new bt(this.Ga.ga()),r[4]=new bt(this.Ga.ga()),r[5]=new bt(this.Ga.ga()),r[0].Ja(t[0][4*n]),r[0].Ja(t[0][4*n+1]),r[0].Ja(t[1][4*n]),r[0].Ja(t[1][4*n+1]),r[1].Ja(t[0][4*n+2]),r[1].Ja(t[0][4*n+3]),r[1].Ja(t[1][4*n+2]),r[1].Ja(t[1][4*n+3]),r[2].Ja(t[2][4*n]),r[2].Ja(t[2][4*n+1]),r[2].Ja(t[3][4*n]),r[2].Ja(t[3][4*n+1]),r[3].Ja(t[2][4*n+2]),r[3].Ja(t[2][4*n+3]),r[3].Ja(t[3][4*n+2]),r[3].Ja(t[3][4*n+3]),r[4].Ja(t[4][4*n]),r[4].Ja(t[4][4*n+1]),r[4].Ja(t[5][4*n]),r[4].Ja(t[5][4*n+1]),r[5].Ja(t[4][4*n+2]),r[5].Ja(t[4][4*n+3]),r[5].Ja(t[5][4*n+2]),r[5].Ja(t[5][4*n+3]);var i=new bt(this.Ga.ga()),o=new jt(this.Ga.Sa());if(n%2==0){i.Ja(r[0]),i.Ja(r[1]),i.Ja(r[2]),i.Ja(r[3]);var s=new xt(this.Ga.fa());s.Ja(r[4]),s.Ja(r[5]),o.Ja(i),o.Ja(s),o.ka().classList.add("type-1")}else{var a=new xt(this.Ga.fa());a.Ja(r[0]),a.Ja(r[1]),o.Ja(a),o.Ja(i),i.Ja(r[2]),i.Ja(r[3]),i.Ja(r[4]),i.Ja(r[5]),o.ka().classList.add("type-2")}e.Ja(o)}this.nl(e)}}}]),t}(),Ct=function(){function t(e){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,8))}return o(t,At),t}(),Tt=function(){function t(e){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,12))}return o(t,At),t}(),Rt=function(){function t(e,n){var r;return s(this,t),(r=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e))).dl=n,r}return o(t,Ot),n(t,[{key:"al",value:function(){if(this.words.length>=4&&this.words[0].length>=this.dl&&this.words[1].length>=this.dl&&this.words[2].length>=this.dl&&this.words[3].length>=this.dl){var t=[];t[0]=Ot.cl(this.words[0],this.Ga.pa()),t[1]=Ot.cl(this.words[1],this.Ga.pa()),t[2]=Ot.cl(this.words[2],this.Ga.pa()),t[3]=Ot.cl(this.words[3],this.Ga.pa());for(var e=new xt(this.Ga.fa()),n=0;n<this.dl/4;n++){var r=[];r[0]=new bt(this.Ga.ga()),r[1]=new bt(this.Ga.ga()),r[2]=new bt(this.Ga.ga()),r[3]=new bt(this.Ga.ga()),r[0].Ja(t[0][4*n]),r[0].Ja(t[0][4*n+1]),r[0].Ja(t[1][4*n]),r[0].Ja(t[1][4*n+1]),r[1].Ja(t[0][4*n+2]),r[1].Ja(t[0][4*n+3]),r[1].Ja(t[1][4*n+2]),r[1].Ja(t[1][4*n+3]),r[2].Ja(t[2][4*n]),r[2].Ja(t[2][4*n+1]),r[2].Ja(t[3][4*n]),r[2].Ja(t[3][4*n+1]),r[3].Ja(t[2][4*n+2]),r[3].Ja(t[2][4*n+3]),r[3].Ja(t[3][4*n+2]),r[3].Ja(t[3][4*n+3]);var i=new bt(this.Ga.ga());i.Ja(r[0]),i.Ja(r[1]),i.Ja(r[2]),i.Ja(r[3]),e.Ja(i)}this.nl(e)}}}]),t}(),It=function(){function t(e){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,8))}return o(t,Rt),t}(),Mt=function(){function t(e){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,12))}return o(t,Rt),t}(),Nt=function(){function t(){s(this,t)}return n(t,null,[{key:"ml",value:function(e,n){t.types[e]=n}},{key:"pl",value:function(e){return t.types[e]}},{key:"gl",value:function(e,n){var r=new t.types[e.rendererType](n);r.sl(e.words),r.el(e.id);for(var i=0,o=e.rotations.length;i<o;i++)e.rotations[i]<=4&&(e.rotations[i]=90*e.rotations[i]);return r.il(e.rotations),r}}]),t}();Nt.types={20:Pt,40:Et,60:St,100:Ct,120:It,140:Tt,160:Mt};var Jt=function(){function t(){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,"wordRotator",3))}return o(t,S),n(t,null,[{key:"jt",value:function(){return p.ct(t.Kt)&&(t.Kt=new t),t.Kt}}]),n(t,[{key:"ui",value:function(e,n,r,i){console.log("upgrading!"),(p.ct(n)||n<1&&r>=1)&&e.createObjectStore(t.Sl.fl,{keyPath:"id"}),(p.ct(n)||n<2&&r>=2)&&i.target.transaction.objectStore(t.Sl.fl).createIndex("played",["deleted","played","difficulty","id"],{unique:!1}),(p.ct(n)||n<3&&r>=3)&&i.target.transaction.objectStore(t.Sl.fl).createIndex("difficulty","difficulty",{unique:!1})}},{key:"wl",value:function(){var e=r(regeneratorRuntime.mark(function e(n){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",this.gi(n,t.Sl.fl).catch(function(t){console.error("insert error!",t)}));case 1:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"Ml",value:function(){var e=r(regeneratorRuntime.mark(function e(n){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",this.load(n,t.Sl.fl));case 1:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"Hl",value:function(){var e=r(regeneratorRuntime.mark(function e(n){var r,i,o,s,a,u;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.Si("difficulty",IDBKeyRange.lowerBound(0),t.Sl.fl);case 2:for(r=e.sent,i=[],o=[],s=-1,a=0,u=r.length;a<u;a++)!(s<0||s===r[a].difficulty)||r[a].deleted||r[a].played||-1===n.indexOf(r[a].rendererType)?0===r[a].difficulty||r[a].deleted||r[a].played||i.push(r[a]):(o.push(r[a]),s=r[a].difficulty);return e.abrupt("return",0===o.length?null:o[Math.round(Math.random()*o.length)%o.length]);case 6:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"yl",value:function(){var e=r(regeneratorRuntime.mark(function e(n){var r;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.Ml(n);case 2:return(r=e.sent).played=!0,e.next=6,this.pi(r,t.Sl.fl);case 6:return e.abrupt("return",e.sent);case 7:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()}]),t}();Jt.Sl={fl:"level"},Jt.Kt=null;var Xt=function(){function t(e){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,"html/application/end.html"))}return o(t,gt),n(t,[{key:"nn",value:function(n){return ct.update("End Site"),e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"nn",this).call(this,n)}}]),t}(),Dt=function(){function t(e){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,"html/application/level.html"))}return o(t,gt),n(t,[{key:"Tn",value:function(n){n=e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"Tn",this).call(this,n);var r=new a(p.t(localStorage.getItem("coins"),"0"),function(){},a.V,900);return r.v(!1),r.l="coin-counter",n.tt(r),this.vl=r,n}},{key:"en",value:function(n){this.Pl=p.t(localStorage.getItem("levelCounter"),1),this.Ll=function(){},this.Tl={bl:!1,Al:null},this.kl=Promise.resolve();var r=q.jt(),i=dt.jt();return i.set({Zo:"sound/single_coin_fall_on_concrete_.mp3",muted:!r.pr("play-sound",!0),volume:.7},dt.Yo.sa),i.resume(dt.Yo.na),e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"en",this).call(this,n)}},{key:"sn",value:function(){var n=r(regeneratorRuntime.mark(function n(){var r,i,o,s,a,u,l,c,h=this;return regeneratorRuntime.wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"sn",this).call(this),r=this.ln("#segment-leaf-template"),i=this.ln("#segment-parent-template"),o=this.ln("#segment-row-template"),s=this.ln("#segment-triangle-template"),r.id=null,i.id=null,o.id=null,s.id=null,r.remove(),i.remove(),o.remove(),s.remove(),a=this,(u=this.ln("#continue-button")).addEventListener("click",function(){a.Cl()}),l=this.ln("#won-text"),c=new ft,n.next=8,c.jo(u,u.parentElement,!1,!0,2);case 8:return this.Fl=n.sent,n.next=11,c.jo(l,l.parentElement,!1,!1,2,null,5);case 11:return this.xl=n.sent,this.Rl=l,this.Rl.style.fontSize="0",this.Dl=document.getElementById("level-number-container"),this.Il=document.getElementById("level-number"),this.Il.innerText=this.Pl,n.next=19,c.jo(this.Il,this.Dl,!1,!1,4);case 19:this.Bl=n.sent,this.Dl.classList.add("visible"),this.Ga=new kt(r,i,o,s),this.Ul=this.ln("#coin-template"),this.El=this.ln("#coin-container"),this.Ul.id=null,this.El.removeAllChildren(),this.ln("#help-button").addEventListener("click",function(){h.Wl()}),this.Nl();case 28:case"end":return n.stop()}},n,this)}));return function(){return n.apply(this,arguments)}}()},{key:"Nl",value:function(){var t=r(regeneratorRuntime.mark(function t(){var e,n,r,i,o,s,a,u;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(t.prev=0,null===(e=localStorage.getItem("currentLevel"))){t.next=23;break}return e=JSON.parse(e),n=Jt.jt(),t.next=7,n.Ml(e.id);case 7:if(null!==(r=t.sent)){t.next=10;break}return t.abrupt("return",this.Cl());case 10:return(i=Nt.gl(r,this.Ga)).il(e.rotations),o=this,i.rl().then(function(){o.Ol(i)}),i.al(),i.tl(e.locks),i.ol().La(),i.Za(),(s=this.ln("#level")).removeAllChildren().appendChild(i.ol().ka()),a=new ft,t.next=19,a.jo(s,s.parentElement,!1,!1,1,1.5*i.words[0].length,null,0);case 19:return this.Ll=t.sent,this.level=i,u=this._l(),t.abrupt("return",(ct.push(["trackEvent","LevelSite","LoadLastLevel"]),u));case 23:t.next=28;break;case 25:t.prev=25,t.t0=t.catch(0),console.error(t.t0);case 28:return t.abrupt("return",this.Cl());case 29:case"end":return t.stop()}},t,this,[[0,25]])}));return function(){return t.apply(this,arguments)}}()},{key:"Cl",value:function(){var e=r(regeneratorRuntime.mark(function e(){var n,r,i,o,s,a;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,this.Xe.classList.remove("won"),this.Rl.style.fontSize="0",n=Jt.jt(),e.next=5,n.Hl(t.jl);case 5:if(null!==(r=e.sent)){e.next=8;break}return e.abrupt("return",(this.Mn(Xt),void this.finish()));case 8:return i=Nt.gl(r,this.Ga),o=this,i.rl().then(function(){o.Ol(i)}),i.al(),i.ol().La(),i.Za(),(s=this.ln("#level")).removeAllChildren().appendChild(i.ol().ka()),a=new ft,e.next=15,a.jo(s,s.parentElement,!1,!1,1,1.5*i.words[0].length,null,0);case 15:return this.Ll=e.sent,this.level=i,this.Il.innerText=this.Pl,this.Bl(),this.vl.H(p.t(localStorage.getItem("coins"),"0")),this.vl.I(),this.Tl.bl=!0,clearTimeout(this.Tl.Al),ct.push(["trackEvent","LevelSite","NextLevel","Level Number Normal",this.Pl]),e.abrupt("return",this._l());case 27:e.prev=27,e.t0=e.catch(0),console.error(e.t0);case 30:case"end":return e.stop()}},e,this,[[0,27]])}));return function(){return e.apply(this,arguments)}}()},{key:"nn",value:function(n){ct.update("Level Site");var r=e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"nn",this).call(this,n);return this.Il&&(this.Il.innerText=this.Pl,this.Dl.classList.add("visible")),this.Ll(),r}},{key:"rn",value:function(n){e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"rn",this).call(this,n),this.Dl.classList.remove("visible")}},{key:"Ol",value:function(){var t=r(regeneratorRuntime.mark(function t(e){var n=this;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.delegateYield(regeneratorRuntime.mark(function t(){var r,i,o,s,a,u,l,c;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:for(r=Jt.jt().yl(e.N()),n.Pl++,localStorage.setItem("levelCounter",n.Pl),n.Xe.classList.add("won"),localStorage.removeItem("currentLevel"),(i=n.ln("#continue-button")).style.transition="none",i.style.opacity=0,n.El.removeAllChildren(),o=d.get("coinsPerLevel",5),s=0,a=dt.jt(),u=a.get(dt.Yo.sa),n.kl=n.kl.then(function(){s=parseInt(p.t(localStorage.getItem("coins"),"0")),localStorage.setItem("coins",s+parseInt(o))}).then(function(){return Promise.all([new Promise(function(t){setTimeout(function(){t(i.fadeIn())},500)}),u.ta.catch(function(t){console.error(t)})])}),n.Tl.bl=!1,l=function(){var t=p.cloneNode(n.Ul);n.El.appendChild(t),n.kl=n.kl.then(function(){return new Promise(function(e){console.log("coinPromise - won",n.Tl),n.Tl.bl?e():(t.fadeIn(.35),a.play(dt.Yo.sa),n.Tl.Al=setTimeout(function(){n.Tl.bl||(n.vl.H(++s),n.vl.I())},175)),setTimeout(e,350)})})},c=0;c<o;c++)l(c);return n.kl=n.kl.catch(function(t){console.error(t)}),n.xl(),n.Fl(),n.Ll(),ct.push(["trackEvent","LevelSite","LevelWon","Coins",parseInt(p.t(localStorage.getItem("coins"),"0"))]),t.next=15,r;case 15:case"end":return t.stop()}},t,n)})(),"t0",2);case 2:t.next=7;break;case 4:t.prev=4,t.t1=t.catch(0),console.error(t.t1);case 7:case"end":return t.stop()}},t,this,[[0,4]])}));return function(){return t.apply(this,arguments)}}()},{key:"Wl",value:function(){var t=d.get("costForHelp",25),e=parseInt(p.t(localStorage.getItem("coins"),0));if(e>=t){e-=t,localStorage.setItem("coins",e),this.vl.title=e,this.vl.I();for(var n=this.level.ll(),r=(n=n.filter(function(t){return 0!==t.rotation}))[Math.floor(Math.random()*n.length)];0!==r.rotation;)r.rotate();r.Ia(!1),this.level.Za(),ct.push(["trackEvent","LevelSite","Help","Coins",parseInt(p.t(localStorage.getItem("coins"),"0"))])}else P.Xs("not-enough-coins"),ct.push(["trackEvent","LevelSite","Help","Not enough Coins",parseInt(p.t(localStorage.getItem("coins"),"0"))])}},{key:"_l",value:function(){var e=r(regeneratorRuntime.mark(function e(){var n,r,i,o,s,a,u,l,c,h,f,d,v,y=this;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(this.level.id!==t.Jl.Vl){e.next=19;break}n=p.t(localStorage.getItem("tutorial-step"),"1"),r=new ft,e.t0=(this.Xe.classList.add("tutorial"),this.Xe.classList.add("step-"+n),n),e.next="1"===e.t0?5:"2"===e.t0?11:17;break;case 5:return this.level.ul(function(){y.Xe.classList.remove("step-1"),localStorage.setItem("tutorial-step","2"),y._l()}),i=this.ln(".tutorial-text .step-1"),e.next=9,this.Ll();case 9:return r.jo(i,i.parentElement,null,!0,1,2),e.abrupt("break",17);case 11:return this.level.ul(function(){}),this.level.rl().then(function(){y.Xe.classList.remove("tutorial"),y.Xe.classList.remove("step-2"),localStorage.removeItem("tutorial-step"),y.kl=y.kl.then(function(){console.log("coinPromise - tutorial",y.Tl),P.Xs("extra-coins-after-first-level"),localStorage.setItem("coins",parseInt(p.t(localStorage.getItem("coins"),"0"))+50),y.vl.H(p.t(localStorage.getItem("coins"),"0")),y.vl.I()})}),o=this.ln(".tutorial-text .step-2"),e.next=15,this.Ll();case 15:return r.jo(o,o.parentElement,null,!0,1,2),e.abrupt("break",17);case 17:e.next=49;break;case 19:if(this.level.id!==t.Jl.zl){e.next=35;break}s=p.t(localStorage.getItem("tutorial-step"),"3"),e.t1=s,e.next="3"===e.t1?24:33;break;case 24:return a=new ft,this.Xe.classList.add("tutorial"),this.Xe.classList.add("step-"+s),u=function t(){y.Xe.classList.remove("tutorial"),y.Xe.classList.remove("step-3"),localStorage.setItem("tutorial-step","4"),y.ln("#help-button").removeEventListener("click",t),y.Ll()},this.ln("#help-button").addEventListener("click",u),l=this.ln(".tutorial-text .step-3"),e.next=31,this.Ll();case 31:return a.jo(l,l.parentElement,null,!0,1,2),e.abrupt("break",33);case 33:e.next=49;break;case 35:if(this.level.id!==t.Jl.ql){e.next=49;break}c=p.t(localStorage.getItem("tutorial-step"),"4"),e.t2=c,e.next="4"===e.t2?40:49;break;case 40:return h=new ft,this.Xe.classList.add("tutorial"),this.Xe.classList.add("step-"+c),f=this.level.ll()[0],(d=this.ln("#tutorial-pointer")).remove(),f.fn.appendChild(d),this.level.ul(function(t){f===t&&(y.Xe.classList.remove("tutorial"),y.Xe.classList.remove("step-4"),localStorage.setItem("tutorial-step","5"),y.Ll())}),v=this.ln(".tutorial-text .step-4"),e.next=47,this.Ll();case 47:return h.jo(v,v.parentElement,null,!0,1,2),e.abrupt("break",49);case 49:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()}]),t}();Dt.jl=[20,40,60,100,120,140,160],Dt.Jl={Vl:67,zl:15,ql:341};var Bt=function(){function t(e){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,4))}return o(t,Rt),n(t,[{key:"Za",value:function(){}}]),t}(),qt=function(){function t(){var e;return s(this,t),e=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,g.Ge("html/application/dialog/share.html").then(function(t){t.appendChild(T.Ui(window.location.hostname+p._t("")));var n=function(){e.close()};return t.querySelectorAll("a").forEach(function(t){t.addEventListener("click",n)}),t}),"share-dialog"))}return o(t,L),t}(),Gt=function(){function t(e){var n;return s(this,t),(n=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,"html/application/menu.html"))).Kl=n.Gl(),n.listener=null,n}return o(t,gt),n(t,[{key:"nn",value:function(n){var i=this;ct.update("Menu Site");var o=e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"nn",this).call(this,n),s=new Bt(this.Ga);s.sl(["WORD","ROTA","TORW","ORDR"]),s.al(),s.rl().then(function(){ct.push(["trackEvent","MainMenu","levelSolved"]),i.Xl()});var a=s.ol();a.La(),this.ln("#level").removeAllChildren().appendChild(a.ka());var u=s.ll();(function t(){var e=4500*Math.random()+1500;i.$l=setTimeout(function(){for(var e=-1,n=[],r=0;r<u.length&&!(0!==u[r].rotation&&(n.push(r),n.length>=2));r++);1===n.length&&(e=n[0]);var i=Math.floor(Math.random()*u.length);i===e&&(i=(i+1)%u.length),u[i].rotate(),t()},e)})(),this.listener=r(regeneratorRuntime.mark(function t(){var e,n,r,o,s;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return e=i.ln("#play-button"),(n=i.ln("#level-number")).innerText=p.t(localStorage.getItem("levelCounter"),1),r=i.ln("#level"),o=new ft,t.next=5,o.jo(r,r.parentElement,!1,!1,2,8,null,!1);case 5:return s=getComputedStyle(r),e.style.width=s.getPropertyValue("width"),o.jo(e.children[0],e,null,null,null,4,null,!1),t.next=10,o.Oo(.2,n.parentElement,n.parentElement.parentElement,null,null,null,10,null,!1);case 10:o.jo(n,n.parentElement,!1,!1,8,null,null,!1);case 11:case"end":return t.stop()}},t,i)})),this.listener(),window.addEventListener("resize",this.listener);var l=q.jt();return this.ln("#play-sound").checked="1"===l.pr("play-sound","1"),this.ln("#play-music").checked="1"===l.pr("play-music","1"),o}},{key:"Xl",value:function(){var t=r(regeneratorRuntime.mark(function t(){var e=this;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:this.Mn(Dt,Promise.race([this.Kl,new Promise(function(){var t=r(regeneratorRuntime.mark(function t(n){var r;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return r=Jt.jt(),t.next=3,r.Hl(Dt.jl);case 3:if(t.t0=t.sent,t.t1=null!==t.t0,!t.t1){t.next=7;break}n();case 7:case"end":return t.stop()}},t,e)}));return function(){return t.apply(this,arguments)}}())]));case 1:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"sn",value:function(){var n=r(regeneratorRuntime.mark(function n(){var r,i,o,s,a,u,l,c,h=this;return regeneratorRuntime.wrap(function(n){for(;;)switch(n.prev=n.next){case 0:e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"sn",this).call(this),this.ln("#play-button").addEventListener("click",function(){ct.push(["trackEvent","MainMenu","startButton"]),h.Xl()}),r=this.ln("#segment-leaf-template"),i=this.ln("#segment-parent-template"),o=this.ln("#segment-row-template"),s=this.ln("#segment-triangle-template"),r.id=null,i.id=null,o.id=null,s.id=null,r.remove(),i.remove(),o.remove(),s.remove(),this.Ga=new kt(r,i,o,s),p.t(t.app.Us)&&t.app.Us.then(function(){h.listener&&h.listener()}),a=q.jt(),u=dt.jt(),(l=this.ln("#play-music")).checked=a.pr("play-music",!0),l.addEventListener("change",function(){a.wr("play-music",l.checked?"1":"0"),u.set({muted:!l.checked},dt.Yo.na),l.checked&&u.play(dt.Yo.na),ct.push(["trackEvent","MainMenu","PlayMusic","Play Music",l.checked?1:0])}),(c=this.ln("#play-sound")).checked=a.pr("play-sound",!0),c.addEventListener("change",function(){a.wr("play-sound",c.checked?"1":"0"),u.set({muted:!c.checked},dt.Yo.sa),ct.push(["trackEvent","MainMenu","PlaySound","Play Sound",c.checked?1:0])}),this.ln("#share-button").addEventListener("click",function(){(new qt).show()});case 7:case"end":return n.stop()}},n,this)}));return function(){return n.apply(this,arguments)}}()},{key:"rn",value:function(n){clearTimeout(this.$l),window.removeEventListener("resize",this.listener),e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"rn",this).call(this,n)}},{key:"Gl",value:function(){var t=r(regeneratorRuntime.mark(function t(){var e,n,r,i,o,s,a,u,l,c,h,f;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:e=p.t(localStorage.getItem("date-last-sync"),0),n=Jt.jt(),r=null,i=1,o=[],s=0;case 3:if(!(s<i)){t.next=23;break}return t.next=6,D.load("wordRotator/levels"+D.te({currentRun:s,dateLastSync:e}));case 6:if((a=t.sent).success){t.next=16;break}return t.next=10,n.Hl(Dt.jl);case 10:if(t.t0=t.sent,t.t1=null===t.t0,!t.t1){t.next=14;break}P.Xs("sync-error",null,6e3);case 14:return r=null,t.abrupt("break",23);case 16:for(a=a.result,r=p.t(r,a.currentSyncDate),i=a.maxRuns,u=a.levels,l=function(t){var e=u[t];o.push(n.Ml(u[t].id).then(function(t){return e.played=p.t(p.t(t,{}).played,!1),e}))},c=0,h=u.length;c<h;c++)l(c,h);case 20:s++,t.next=3;break;case 23:return t.next=25,Promise.all(o);case 25:return f=t.sent,console.log("levels to save",f),t.next=29,n.wl(f);case 29:null!=r&&"null"!==r&&localStorage.setItem("date-last-sync",r);case 30:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()}]),t}();Gt.app=null,E.ii(function(t){Gt.app=t});var Ht=function(){function t(e){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,"html/application/privacyPolicy.html","privacyPolicy"))}return o(t,gt),n(t,[{key:"sn",value:function(){this.ln("#track-switch").addEventListener("change",function(t){ct.Ro(!0===this.checked),t.stopPropagation(),t.preventDefault()}),e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"sn",this).call(this)}},{key:"nn",value:function(n){var r=this.ln("#track-switch"),i="1"===p.t(localStorage.getItem("matomoShouldTrack"),"1");return r.checked=i,ct.update("Privacy Policy Site"),e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"nn",this).call(this,n)}}]),t}();E.ii(function(t){t.ks("privacyPolicy",Ht)});var Ft=function(){function t(e){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,"html/application/credits.html","credits"))}return o(t,gt),n(t,[{key:"nn",value:function(n){return ct.update("Credits Site"),e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"nn",this).call(this,n)}}]),t}();E.ii(function(t){t.ks("credits",Ft)});var Zt=function(){function t(){var e;return s(this,t),e=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,g.Ge("html/application/dialog/chooseTheme.html").then(function(t){var n=t.querySelector("#choose-theme-template");n.remove(),n.id=null;for(var r=t.querySelector("#theme-choose-container"),i=function(t){var i=p.cloneNode(n),o=v.Te[t];i.querySelector(".name").appendChild(f.at(o.be)),i.dataset.theme=o.be,i.addEventListener("click",function(){e.result=i.dataset.theme,e.close()}),r.appendChild(i)},o=0;o<v.Te.length;o++)i(o);return t}),"choose-theme-dialog-title"))}return o(t,L),t}(),$t=function(){function t(e){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,"html/application/impressum.html","impressum"))}return o(t,gt),t}();E.ii(function(t){t.ks("impressum",$t)});var Qt=function(){function t(e){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,"html/application/fragment/settings.html"))}return o(t,G),n(t,[{key:"sn",value:function(){var n=this,i=v.ke.be;q.jt().wr("theme",i);var o=this.ln("#theme-name");o.removeAllChildren().appendChild(f.at(i)),this.ln("#theme-chooser").addEventListener("click",r(regeneratorRuntime.mark(function t(){var e;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,(new Zt).show();case 2:e=t.sent,p.A(e)&&(q.jt().wr("theme",e),v.Le(e),o.removeAllChildren().appendChild(f.at(e)));case 4:case"end":return t.stop()}},t,n)}))),this.ln("#reset-levels").addEventListener("click",function(){localStorage.removeItem("currentLevel"),localStorage.removeItem("date-last-sync"),localStorage.removeItem("levelCounter"),localStorage.removeItem("tutorial-step"),Jt.jt().Hi(Jt.Sl.fl)}),(location.hostname.includes("beta")||location.hostname.includes("127.0.0.1"))&&this.ln("#reset-levels").classList.remove("hidden");var s=this.ln("#play-music");return s.addEventListener("change",function(){var t=dt.jt();t.set({muted:!s.checked},dt.Yo.na),s.checked&&t.play(dt.Yo.na)}),this.ln("#track-switch").addEventListener("change",function(t){ct.Ro(!0===this.checked),t.stopPropagation(),t.preventDefault()}),this.ln("#credits-button").addEventListener("click",function(){n.Nn().Mn(Ft)}),this.ln("#privacy-policy-button").addEventListener("click",function(){n.Nn().Mn(Ht)}),this.ln("#contact-button").addEventListener("click",function(){n.Nn().Mn(mt)}),this.ln("#impressum-button").addEventListener("click",function(){n.Nn().Mn($t)}),lt.ko(function(){var t=n.ln("#install-button");t.addEventListener("click",function(){t.classList.add("hidden"),lt.prompt().then(function(t){console.log("clicked",t),"accepted"===t.outcome&&ct.No("installed","installed")})}),t.classList.remove("hidden")}),e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"sn",this).call(this)}},{key:"nn",value:function(){ct.update("Settings Site"),e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"nn",this).call(this)}}]),t}();E.ii(function(){V.Xr("settings",Qt)});var Vt=function(){function t(e){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,"version/1/html/selectWords.html",null,"admin"))}return o(t,z),n(t,[{key:"en",value:function(){var n=r(regeneratorRuntime.mark(function n(r){var i;return regeneratorRuntime.wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"en",this).call(this,r);case 2:return i=n.sent,n.next=5,D.load("words");case 5:return this.Ql=n.sent.result,this.words=this.Ql.wordsToCheck,n.abrupt("return",i);case 8:case"end":return n.stop()}},n,this)}));return function(){return n.apply(this,arguments)}}()},{key:"sn",value:function(){var n=this;e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"sn",this).call(this),this.ln("#not-checked").appendChild(document.createTextNode(this.Ql.wordsNotChecked)),this.ln("#checked").appendChild(document.createTextNode(this.Ql.wordsChecked)),this.ln("#not-sure").appendChild(document.createTextNode(this.Ql.wordsUnsure)),this.ln("#deleted").appendChild(document.createTextNode(this.Ql.wordsDeleted));var i=this.ln("#word-template");i.id=null,i.remove();for(var o=this.ln("#word-container"),s=this.words.length,a=function(t){var e=p.cloneNode(i);e.dataset.id=-1,n.Yl(e,n.words[t]),o.appendChild(e),e.querySelector(".button-ok").addEventListener("click",r(regeneratorRuntime.mark(function t(){var r;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,D.send("checkWord",{wordId:e.dataset.id,action:"1"});case 2:r=t.sent.result,n.Yl(e,r[0]);case 4:case"end":return t.stop()}},t,n)}))),e.querySelector(".button-unsure").addEventListener("click",r(regeneratorRuntime.mark(function t(){var r;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,D.send("checkWord",{wordId:e.dataset.id,action:"2"});case 2:r=t.sent.result,n.Yl(e,r[0]);case 4:case"end":return t.stop()}},t,n)}))),e.querySelector(".button-delete").addEventListener("click",r(regeneratorRuntime.mark(function t(){var r;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,D.send("checkWord",{wordId:e.dataset.id,action:"3"});case 2:r=t.sent.result,n.Yl(e,r[0]);case 4:case"end":return t.stop()}},t,n)})))},u=0;u<s;u++)a(u)}},{key:"Yl",value:function(t,e){console.log(t,e),t.querySelector(".word").removeAllChildren().appendChild(document.createTextNode(e.word)),t.dataset.id=e.id}}]),t}();E.ii(function(t){t.os(new U("select-words",function(){t.Mn(Vt)},null,null,"admin"))});var Yt=function(){function t(e){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,"version/1/html/deleteLevels.html",null,"admin"))}return o(t,z),n(t,[{key:"en",value:function(){var n=r(regeneratorRuntime.mark(function n(r){var i;return regeneratorRuntime.wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return i=e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"en",this).call(this,r),n.next=3,D.load("getDoubleUsedWordsAction");case 3:return this.words=n.sent.result,n.abrupt("return",i);case 5:case"end":return n.stop()}},n,this)}));return function(){return n.apply(this,arguments)}}()},{key:"sn",value:function(){var n=this;e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"sn",this).call(this);var i=this.ln("#level-template"),o=this.ln("#word-template"),s=this.ln("#word-container");for(var a in i.id=null,i.remove(),o.id=null,o.remove(),this.words){var u=p.cloneNode(o);u.querySelector(".name").appendChild(document.createTextNode(a));for(var l=u.querySelector(".level-container"),c=function(t){var e=n.words[a][t],o=p.cloneNode(i);o.querySelector(".id").appendChild(document.createTextNode(e.id)),o.querySelector(".words").appendChild(document.createTextNode(e.words)),o.querySelector(".positions").appendChild(document.createTextNode(e.rotations)),o.querySelector(".delete-button").addEventListener("click",r(regeneratorRuntime.mark(function t(){return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,D.send("deleteLevel",{levelId:e.id});case 2:if(t.t0=t.sent.success,!t.t0){t.next=5;break}o.remove();case 5:case"end":return t.stop()}},t,n)}))),l.appendChild(o)},h=0;h<this.words[a].length;h++)c(h);s.appendChild(u)}}}]),t}();E.ii(function(t){t.os(new U("delete-levels",function(){t.Mn(Yt)},null,null,"admin"))});var Ut="/pwa/wordRotator/public/";window.location.pathname.includes("publicTest/")&&(Ut="/pwa/wordRotator/publicTest/"),d.He(Ut),f.kt=["de"],f.Ut=!1,ct.Io="2",String.prototype.format||(String.prototype.format=function(t){return this.replace(/{(\d+)}/g,function(e,n){return void 0!==t[n]?t[n]:e})}),Object.assign=p.t(Object.assign,function(e,n){if(e=p.t(e,{}),null===n||"object"!=(void 0===n?"undefined":t(n))||"isActiveClone"in n)return e;for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(n.isActiveClone=null,e[r]=n[r],delete n.isActiveClone);return e}),"undefined"!=typeof window&&(p.A(window.Node)&&!window.Node.prototype.removeAllChildren&&(Node.prototype.removeAllChildren=function(){for(;this.firstChild;)this.removeChild(this.firstChild);return this}),HTMLElement&&(HTMLElement.prototype.fadeOut=p.t(HTMLElement.prototype.fadeOut,function(t,e,n){t=p.t(t,.5),e=p.t(e,"ease-in-out"),n=p.t(n,0),this.style.transition="opacity "+t+"s "+e+" "+n+"s";var r=this,i=new Promise(function(e){var i=function t(n){r.removeEventListener("transitionend",t),r.removeEventListener("transitioncancel",o),r.style.opacity=null,r.style.transition=null,e(!0,n)},o=function t(n){r.removeEventListener("transitionend",i),r.removeEventListener("transitioncancel",t),r.style.opacity=null,r.style.transition=null,e(!1,n)};r.addEventListener("transitionend",i),r.addEventListener("transitioncancel",o),setTimeout(function(){e(!1)},1e3*(t+n))});return requestAnimationFrame(function(){requestAnimationFrame(function(){r.style.opacity=0})}),i}),HTMLElement.prototype.fadeIn=p.t(HTMLElement.prototype.fadeIn,function(t,e,n){t=p.t(t,.5),e=p.t(e,"ease-in-out"),n=p.t(n,0),this.style.transition="opacity "+t+"s "+e+" "+n+"s";var r=this;return new Promise(function(e){var i=function t(n){r.removeEventListener("transitionend",t),r.removeEventListener("transitioncancel",o),r.style.opacity=null,r.style.transition=null,e(!0,n)},o=function t(n){r.removeEventListener("transitionend",i),r.removeEventListener("transitioncancel",t),r.style.opacity=null,r.style.transition=null,e(!1,n)};r.addEventListener("transitionend",i),r.addEventListener("transitioncancel",o),"1"===getComputedStyle(r).getPropertyValue("opacity")&&e(!1),setTimeout(function(){e(!1)},1e3*(t+n)),requestAnimationFrame(function(){requestAnimationFrame(function(){r.style.opacity=1})})})})),Node&&(Node.prototype.replaceWith=p.t(Node.prototype.replaceWith,function(t){this.parentElement.replaceChild(t,this)}),Node.prototype.remove=p.t(Node.prototype.remove,function(){this.parentElement.removeChild(this)})),Element&&(Element.prototype.matches=p.t(Element.prototype.matches,p.t(Element.prototype.matchesSelector,Element.prototype.webkitMatchesSelector)),window.Element.prototype.closest=p.t(window.Element.prototype.getAll,function(t){var e=this;if(!document.documentElement.contains(e))return null;do{if(e.matches(t))return e;e=e.parentElement}while(null!==e);return null})),window.IDBObjectStore.prototype.getAll=p.t(window.IDBObjectStore.prototype.getAll,function(){var t={},e=[];return this.openCursor().onsuccess=function(n){var r=n.target.result;p.A(r)?(e.push(r.value),r.continue()):p.A(t.onsuccess)&&t.onsuccess({currentTarget:{result:e}})},t})),String.prototype.startsWith=p.t(String.prototype.startsWith,function(t,e){return e=e||0,this.indexOf(t,e)===e}),String.prototype.endsWith=p.t(String.prototype.endsWith,function(t,e){var n=this.toString();("number"!=typeof e||!isFinite(e)||Math.floor(e)!==e||e>n.length)&&(e=n.length),e-=t.length;var r=n.indexOf(t,e);return-1!==r&&r===e}),window.fetch=p.t(window.fetch,function(t){console.log("customFetch",t);var e=null;if(window.XMLHttpRequest)e=new XMLHttpRequest;else if(window.Vi)try{e=new ActiveXObject("Msxml2.XMLHTTP")}catch(t){try{e=new ActiveXObject("Microsoft.XMLHTTP")}catch(t){}}var n=new Promise(function(t){e.onload=function(){var e=this.responseText;t({json:function(){return Promise.resolve(JSON.parse(e))},text:function(){return Promise.resolve(e)}})},e.onerror=function(e){t(Promise.reject(e))}});return e.open("get",t,!0),e.send(),n}),v.Fe(new J("red","red")),v.Fe(new J("blue","blue")),v.Fe(new J("black","black")),v.Fe(new J("green","green")),v.Fe(new J("pink","pink")),v.Fe(new J("dark","dark")),T.Bi(new ht(new M("img/whatsapp.svg"),"whatsapp",!0)),T.Bi(new ht(new R("img/sms.svg"),"sms",!0)),T.Bi(new ht(new I("img/telegram.svg"),"telegram",!0));var Wt=new x;V.Zr("html/application/setting-template.html"),at.tt=!1,st.Po=!1,E.resolve(Wt).then(r(regeneratorRuntime.mark(function t(){var e;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:V.to.i=a.V,e=q.jt(),dt.jt().play(dt.Yo.na,{Zo:"sound/brightAndBeautifull__.mp3",loop:!0,volume:.6,muted:"1"!==e.pr("play-music","1")}),Wt.start(Gt),f.Mt("de"),lt.ko(function(t){console.log("can install!",t)});case 3:case"end":return t.stop()}},t,this)})));
\ No newline at end of file
+class MenuAction {
+    constructor(title, callback, showFor, order) {
+        this.title = Helper.nonNull(title, null);
+        this.callback = callback;
+        this.showFor = Helper.nonNull(showFor, MenuAction.SHOW_FOR_MEDIUM);
+        this.order = Helper.nonNull(order, 1000);
+        this._liClass = "";
+
+        this._menu = null;
+        this._activated = true;
+        this._visible = true;
+        this.id = MenuAction.maxId++;
+        this._icon = null;
+        this._shouldTranslate = true;
+        this._copies = [];
+    }
+
+    setTitle(title)
+    {
+        this.title = title;
+    }
+
+    setShouldTranslate(shouldTranslate)
+    {
+        this._shouldTranslate = shouldTranslate;
+    }
+
+    getShowFor(){
+        return this.showFor;
+    }
+
+    getTitle()
+    {
+        return this.title;
+    }
+
+    getShouldTranslate()
+    {
+        return this._shouldTranslate;
+    }
+
+    remove(removeCopies) {
+        removeCopies = Helper.nonNull(removeCopies, false);
+        if (Helper.isNotNull(this._menu)) {
+            console.log(this._menu);
+            this._menu.removeAction(this);
+            this._menu = null;
+        }
+        if (removeCopies)
+        {
+            for (let i = 0; i < this._copies.length; i++) {
+                this._copies[i].remove();
+            }
+        }
+    }
+
+    getMenu() {
+        return this._menu;
+    }
+
+    setMenu(value) {
+        this._menu = value;
+    }
+
+    getVisible() {
+        return this._visible;
+    }
+
+    setVisible(value) {
+        if (value !== this._visible) {
+            this._visible = value;
+            this.redraw();
+        }
+    }
+
+    getActivated() {
+        return this._activated;
+    }
+
+    getIcon() {
+        return this._icon;
+    }
+
+    setIcon(value) {
+        this._icon = value;
+    }
+
+    getId()
+    {
+        return this.id;
+    }
+
+    redraw() {
+        if (Helper.isNotNull(this._menu)) {
+            this._menu.updateAction(this);
+        }
+    }
+    copy(instance){
+        let copy = Helper.nonNull(instance, new MenuAction());
+        copy.title = this.title;
+        copy.callback = this.callback;
+        copy.showFor = this.showFor;
+        copy.order = this.order;
+        copy._liClass = this._liClass;
+
+        copy._activated = this._activated;
+        copy._visible = this._visible;
+        copy._icon = this._icon;
+        copy._shouldTranslate = this._shouldTranslate;
+
+        copy._menu = null;
+        copy.id = MenuAction.maxId++;
+        this._copies.push(copy);
+        return copy;
+    }
+
+    redrawMenu()
+    {
+        if (Helper.isNotNull(this._menu)) {
+            this._menu.redraw();
+        }
+    }
+}
+MenuAction.maxId = 0;
+
+MenuAction.SHOW_ALWAYS = "always";
+MenuAction.SHOW_FOR_MEDIUM = "medium";
+MenuAction.SHOW_FOR_LARGE = "large";
+MenuAction.SHOW_NEVER = "never";
+
+class OpenSubmenuAction extends MenuAction {
+    constructor(title, menu, showFor, order) {
+        super(title, function (action) {
+            action.getSubmenu().toggle();
+            action.redraw();
+        }, showFor, order);
+
+        this.submenu = menu;
+        menu.setParentAction(this);
+    }
+
+    getSubmenu() {
+        return this.submenu;
+    }
+
+    copy(instance) {
+        instance = super.copy(Helper.nonNull(instance, new OpenSubmenuAction(null, this.submenu.copy())));
+        return instance;
+    }
+}
+
+class Menu {
+    constructor(parentElementSelector) {
+        this.actions = [];
+        this.submenus = [];
+        if (typeof parentElementSelector === 'string') {
+            this.parentElements = document.querySelectorAll(parentElementSelector);
+        }
+        else if (Array.isArray(parentElementSelector)) {
+            this.parentElements = parentElementSelector;
+        }
+        else {
+            this.parentElements = [parentElementSelector];
+        }
+    }
+
+    copy(instance) {
+        instance = Helper.nonNull(instance, new Menu([]));
+
+        instance.actions = [];
+        for (let i = 0, n = this.actions.length; i < n; i++) {
+            instance.actions.push(this.actions[i].copy());
+        }
+
+        instance.submenus = [];
+        for (let i = 0, n = this.submenus.length; i < n; i++) {
+            instance.submenus.push(this.submenus[i].copy());
+        }
+
+        return instance;
+    }
+
+    addAction(action) {
+        if (Helper.includesNot(this.actions, action)) {
+            this.actions.push(action);
+            this.redraw();
+            action.setMenu(this);
+            if (action instanceof OpenSubmenuAction) {
+                this.submenus.push(action.getSubmenu());
+            }
+        }
+    }
+
+    draw() {
+        if (Helper.isNotNull(this.parentElements)) {
+            this.sortActions();
+
+            let actionElements = [];
+            for (let i = 0; i < this.actions.length; i++) {
+                let element = this.renderAction(this.actions[i]);
+                this.actions[i]._htmlElement = element;
+                actionElements.push(element);
+            }
+            for (let i = 0, n = this.parentElements.length; i < n; i++) {
+                this.parentElements[i].removeAllChildren();
+                for (let i2 = 0, n2 = actionElements.length; i2 < n2; i2++) {
+                    this.parentElements[i].appendChild(Helper.cloneNode(actionElements[i2]));
+                }
+                this.parentElements[i].onclick = this._getOnClickListener();
+            }
+        }
+    }
+
+    _getOnClickListener() {
+        let menu = this;
+        return function (event) {
+            let _element = event.target;
+            if (_element.matches('.action') || _element.matches('.action *')) {
+                // while (!_element.matches('.action > a')) {
+                //     _element = _element.parentNode;
+                // }
+                _element = _element.closest(".action");
+                let actionId = parseInt(_element.dataset["id"]);
+                for (let i = 0, n = menu.actions.length; i < n; i++) {
+                    if (menu.actions[i].id === actionId) {
+                        if (typeof menu.actions[i].callback === 'function' && menu.actions[i].getActivated()) {
+                            menu.actions[i].callback(menu.actions[i], event);
+                        }
+                        return menu.actions[i];
+                    }
+                }
+                for (let i = 0, n = menu.submenus.length; i < n; i++) {
+                    if (menu.submenus[i].click(actionId, event)) {
+                        return menu.submenus[i];
+                    }
+                }
+            }
+            return null;
+        };
+    }
+
+    /** @protected */
+    renderAction(action) {
+        let aElement = document.createElement("a");
+        if (typeof action.callback === 'string') {
+            aElement.href = action.callback;
+        }
+
+        if (Helper.isNotNull(action.getIcon())) {
+            let iconElement = document.createElement("img");
+            iconElement.src = action.getIcon();
+            iconElement.classList.add('action-image');
+            if (action.getShouldTranslate()) {
+                iconElement.dataset["translationTitle"] = action.title;
+            }
+            aElement.appendChild(iconElement);
+        }
+        let title = action.getTitle();
+        if (action.getShouldTranslate()) {
+            title = Translator.makePersistentTranslation(title);
+        }
+        else {
+            title = document.createTextNode(title);
+        }
+        aElement.appendChild(title);
+
+        return this.renderLiElement(aElement, action)
+    }
+
+    /** @protected */
+    renderLiElement(aElement, action) {
+        let liElement = document.createElement("li");
+        liElement.classList.add('action');
+        if (action._liClass.trim() !== "") {
+            liElement.classList.add(action._liClass);
+        }
+        liElement.appendChild(aElement);
+        liElement.dataset["id"] = action.id;
+        if (Helper.isNotNull(action.getIcon())) {
+            liElement.classList.add("img");
+        }
+
+        if (!action.getVisible()) {
+            liElement.classList.add("hidden");
+        }
+
+        if (action instanceof OpenSubmenuAction) {
+            action.getSubmenu().draw();
+            liElement.appendChild(action.getSubmenu().getParentElement());
+            liElement.classList.add("is-dropdown-submenu-parent");
+            liElement.classList.add("opens-right");
+        }
+        return liElement;
+    }
+
+    /** @private */
+    sortActions() {
+        this.actions = this.actions.sort(function (first, second) {
+            return first.order - second.order;
+        });
+    }
+
+    _getElementsForAction(action) {
+        let elements = [];
+        for (let i = 0; i < this.parentElements.length; i++) {
+            let elem = this.parentElements[i].querySelector("[data-id=\"" + action.getId() + "\"]");
+            Helper.isNull(elem) || elements.push(elem);
+        }
+        return elements
+    }
+
+    updateAction(action) {
+        let oldElements = this._getElementsForAction(action);
+        if (oldElements.length === 0) {
+            return;
+        }
+
+        let element = this.renderAction(action);
+        action._htmlElement = element;
+
+        for (let i = 0; i < oldElements.length; i++) {
+            oldElements[i].replaceWith(Helper.cloneNode(element));
+        }
+    }
+
+    removeAction(action) {
+        let index = this.actions.indexOf(action);
+        if (index > 0) {
+            this.actions.splice(index, 1);
+            let oldElements = this._getElementsForAction(action);
+            for (let i = 0, n = oldElements.length; i < n; i++) {
+                oldElements[i].remove();
+            }
+            if (action instanceof OpenSubmenuAction) {
+                let index = this.submenus.indexOf(action.getSubmenu());
+                this.submenus.splice(index, 1);
+            }
+        }
+    }
+
+    redraw() {
+        this.draw();
+    }
+}
+
+Menu.SHOW_ALWAYS = "always";
+Menu.SHOW_FOR_MEDIUM = "medium";
+Menu.SHOW_FOR_SMEDIUM = "smedium";
+Menu.SHOW_FOR_LARGE = "large";
+Menu.SHOW_NEVER = "never";
+
+class Submenu extends Menu
+{
+    constructor()
+    {
+        let menuElement = document.createElement("ul");
+        menuElement.classList.add("menu");
+        menuElement.classList.add("vertical");
+        menuElement.classList.add("submenu");
+        menuElement.classList.add("is-dropdown-submenu");
+        menuElement.classList.add("first-sub");
+        super(menuElement);
+
+        this.parentAction = null;
+        this.isOpen = false;
+    }
+
+    
+
+    copy(instance)
+    {
+        instance = super.copy(Helper.nonNull(instance, new Submenu()));
+        instance.parentElements = [];
+        for (let i = 0, n = this.parentElements.length; i < n; i++) {
+            instance.parentElements.push(Helper.cloneNode(this.parentElements[i]));
+        }
+        instance.parentAction = this.parentAction;
+        instance.isOpen = this.isOpen;
+        return instance;
+    }
+
+    setParentAction(action)
+    {
+        this.parentAction = action;
+    }
+
+    draw()
+    {
+        super.draw();
+        if (Helper.isNotNull(this.parentElements))
+        {
+            let self = this;
+            for (let i = 0; i < this.parentElements.length; i++) {
+                let closeListener = document.createElement("div");
+                closeListener.classList.add("close-listener");
+                closeListener.onclick = function(e){
+                    console.log(e);
+                    self.close();
+                };
+                this.parentElements[i].insertBefore(closeListener, this.parentElements[i].firstElementChild);
+            }
+        }
+    }
+
+    getParentElement()
+    {
+        return this.parentElements[0];
+    }
+
+    _getOnClickListener()
+    {
+        return function () {};
+    }
+
+    click(actionId, event)
+    {
+        for (let i = 0, n = this.actions.length; i < n; i++) {
+            if (this.actions[i].id === actionId)
+            {
+                if (typeof this.actions[i].callback === 'function' && this.actions[i].getActivated()) {
+                    this.actions[i].callback(this.actions[i], event);
+                }
+                this.close();
+                return true;
+            }
+        }
+        return false;
+    }
+
+    toggle()
+    {
+        if (this.isOpen)
+        {
+            this.close();
+        }
+        else
+        {
+            this.open();
+        }
+    }
+
+    open()
+    {
+        this.isOpen = true;
+        for (let i = 0, n = this.parentElements.length; i < n; i++) {
+            this.parentElements[i].classList.add("js-dropdown-active");
+        }
+        if (Helper.isNotNull(this.parentAction))
+        {
+            this.parentAction.redraw();
+        }
+    }
+    close()
+    {
+        this.isOpen = false;
+        for (let i = 0, n = this.parentElements.length; i < n; i++) {
+            this.parentElements[i].classList.remove("js-dropdown-active");
+        }
+        if (Helper.isNotNull(this.parentAction))
+        {
+            this.parentAction.redraw();
+        }
+    }
+}
+
+class TranslatorDB {
+    constructor() {
+        this._indexedDB = indexedDB || mozIndexedDB || webkitIndexedDB || msIndexedDB;
+        this._version = 3;
+
+        let self = this;
+        this._dbPromise = new Promise(function (resolve, reject) {
+            let request = self._indexedDB.open("Translator", self._version);
+            request.onupgradeneeded = function (event) {
+                let db = event.target.result;
+                self._upgradeDb(db);
+            };
+            request.onsuccess = function (event) {
+                let db = event.target.result;
+                resolve(db);
+            };
+            request.onerror = function (event) {
+                reject(event);
+            };
+        }).catch(function(e){
+            console.error(e);
+        });
+    }
+
+    _upgradeDb(db) {
+        try {
+            db.deleteObjectStore("currentLang");
+            db.deleteObjectStore("translations");
+        }
+        catch (e) {
+            console.warn(e);
+        }
+        let currentLangObjectStore = db.createObjectStore("currentLang", {"keyPath": "id"});
+        let translationsObjectStore = db.createObjectStore("translations", {"keyPath": ["lang","key"]});
+        translationsObjectStore.createIndex("lang", "lang", {"unique": false});
+    }
+
+    setLanguage(lang) {
+        this._dbPromise.then(function (db) {
+            let transaction = TranslatorDB._openTransaction(["currentLang"], "readwrite", db);
+            let currentLangObjectStore = transaction.objectStore("currentLang");
+            currentLangObjectStore.put({"id": 1, "lang": lang});
+        }).catch(function(e){
+            console.error(e);
+        });
+    }
+
+    saveTranslationsForLang(lang, translations) {
+        return this._dbPromise.then(function (db) {
+            return new Promise(function (resolve) {
+                let transaction = TranslatorDB._openTransaction(["translations"], "readwrite", db);
+                let translationsObjectStore = transaction.objectStore("translations");
+                for (let k in translations) {
+                    translationsObjectStore.put({"lang": lang, "key": k, "translation": translations[k]});
+                }
+                transaction.oncomplete = function () {
+                    resolve();
+                };
+            });
+        }).catch(function(e){
+            // console.error(e);
+        });
+    }
+
+    loadTranslationsForLang(lang) {
+        return this._dbPromise.then(function (db) {
+            return new Promise(function (resolve) {
+                let transaction = TranslatorDB._openTransaction(["translations"], "readonly", db);
+                let translationsObjectStore = transaction.objectStore("translations");
+                let index = translationsObjectStore.index("lang");
+                let request = index.openCursor(IDBKeyRange.only(lang));
+
+                let translations = {};
+                request.onsuccess = function (e) {
+                    let cursor = e.target.result;
+                    if (cursor) {
+
+                        let translation = cursor.value;
+                        translations[translation["key"]] = translation["translation"];
+                        cursor.continue();
+                    }
+                };
+                transaction.oncomplete = function(){
+                    resolve(translations);
+                };
+            });
+        }).catch(function(e){
+            console.error(e);
+            return {};
+        });
+    }
+
+    getLanguage() {
+        return this._dbPromise.then(function (db) {
+            return new Promise(function (resolve) {
+                let transaction = TranslatorDB._openTransaction(["currentLang"], "readonly", db);
+                let currentLangObjectStore = transaction.objectStore("currentLang");
+                let req = currentLangObjectStore.get(1);
+                req.onsuccess = function (e) {
+                    let data = e.currentTarget.result;
+                    if (data)
+                    {
+                        resolve(data["lang"]);
+                    }
+                    else
+                    {
+                        resolve(null);
+                    }
+                };
+                req.onerror = function (e) {
+                    resolve(null);
+                };
+            });
+        }).catch(function(e){
+            // console.error(e);
+        });
+    }
+
+    static _openTransaction(name, transactionMode, db) {
+        let transaction = null;
+        try {
+            transaction = db.transaction(name, transactionMode);
+        }
+        catch (e) {
+            console.warn(e);
+            transaction = db.transaction(name);
+        }
+        return transaction;
+    }
+}
+
+class Translator {
+    constructor() {
+        this._translations = [];
+        this._db = new TranslatorDB();
+        this._currentLanguage = null;
+        this._supportedLanguages = Translator.supportedLanguages;
+        this._baseLanguage = Translator.baseLanguage;
+        this._languageBasePath = Translator.languageBasePath;
+        this._markUntranslatedTranslations = Translator.markUntranslatedTranslations;
+        this._markTranslations = Translator.markTranslations;
+
+        let self = this;
+        this._initPromise = this.loadBaseLanguage().then(function () {
+            return self.loadUserLanguage();
+        });
+    }
+
+    _loadLanguage(language) {
+        let self = this;
+        return fetch(Helper.basePath(this._languageBasePath + language + ".json")).then(function (result) {
+            return result.json();
+        }).then(function (res) {
+            self._translations[language] = Object.assign(res, self._translations[language]);
+            self._db.saveTranslationsForLang(language, self._translations[language]);
+        }).catch(function (err) {
+            console.error("could not load lang " + language + " because of error: ", err);
+        });
+    }
+
+    loadBaseLanguage() {
+        let self = this;
+        return this._loadLanguage(this._baseLanguage).then(function () {
+            self._currentLanguage = self._baseLanguage;
+            if (typeof document !== 'undefined') {
+                document.getElementsByTagName("html")[0].setAttribute("lang", self._baseLanguage);
+            }
+        });
+    };
+
+    static setLanguage(language) {
+        let instance = Translator.getInstance();
+        if (instance) {
+            return instance.setLanguage(language);
+        }
+    }
+
+    setLanguage(language) {
+        if (this._currentLanguage === language) {
+            this.updateTranslations();
+            return Promise.resolve();
+        }
+
+        if (this._supportedLanguages.indexOf(language) === -1) {
+            return Promise.resolve();
+        }
+
+        this._currentLanguage = language;
+        if (typeof localStorage !== 'undefined') {
+            localStorage.setItem("language", language);
+        }
+        this._db.setLanguage(language);
+
+        let self = this;
+        return this._loadLanguage(language).then(function () {
+            if (typeof document !== 'undefined') {
+                document.getElementsByTagName("html")[0].setAttribute("lang", language);
+            }
+            self.updateTranslations();
+        });
+    }
+
+    static translate(key, args) {
+        let instance = Translator.getInstance();
+        if (instance) {
+            return instance.translate(key, args);
+        }
+        return "";
+    }
+
+    translate(key, args) {
+        if (typeof key === 'object' && Helper.isNotNull(key)) {
+            key = this.addDynamicTranslation(key);
+        }
+
+        let translation = null;
+        if (Helper.isNotNull(this._translations[this._currentLanguage]) && Helper.isNotNull(this._translations[this._currentLanguage][key])) {
+            translation = this._translations[this._currentLanguage][key];
+        }
+
+        if (Helper.isNull(translation)) {
+            if (Translator.logMissingTranslations) {
+                console.warn("missing translation for language " + this._currentLanguage + " and key " + key);
+            }
+            if (Helper.isNotNull(this._translations[this._baseLanguage])) {
+                translation = this._translations[this._baseLanguage][key];
+            }
+
+            if (Helper.isNull(translation)) {
+                if (Translator.logMissingTranslations) {
+                    console.error("missing base translation for key " + key + ". FIX IT");
+                }
+                translation = key;
+            }
+            if (this._markUntranslatedTranslations) {
+                translation = "&gt;&gt;" + translation + "&lt;&lt;";
+            }
+        }
+
+        if (this._markTranslations) {
+            translation = "$" + translation + "$";
+        }
+
+        if (args !== undefined) {
+            translation = translation.format(args);
+        }
+
+        return translation;
+    }
+
+    static addDynamicTranslation(trans) {
+        let instance = Translator.getInstance();
+        if (instance) {
+            return instance.addDynamicTranslation(trans);
+        }
+    }
+
+    addDynamicTranslation(trans) {
+        let key = trans["key"];
+        delete trans["key"];
+        for (let lang in trans) {
+            if (trans.hasOwnProperty(lang)) {
+                if (Helper.isNull(this._translations[lang])) {
+                    this._translations[lang] = {};
+                }
+                this._translations[lang][key] = trans[lang];
+            }
+        }
+        return key;
+    }
+
+    updateTranslations() {
+        if (typeof document !== 'undefined') {
+            let elements = document.querySelectorAll("[data-translation]");
+            for (let i = 0, max = elements.length; i < max; i++) {
+                if (elements[i].dataset["translation"] != "") {
+                    try {
+                        elements[i].innerHTML = this.translate(elements[i].dataset["translation"], (elements[i].dataset["translationArgs"] !== undefined) ? JSON.parse(elements[i].dataset["translationArgs"]) : undefined);
+                    }
+                    catch (err) {
+                        console.error("wrong configured translation: " + err);
+                    }
+                }
+                for (let k in elements[i].dataset) {
+                    if (k.startsWith("translation") && !k.endsWith("Args")) {
+                        try {
+                            elements[i][k.substr(11).toLowerCase()] = this.translate(elements[i].dataset[k], (elements[i].dataset[k + "Args"] !== undefined) ? JSON.parse(elements[i].dataset[k + "Args"]) : undefined);
+                        }
+                        catch (err) {
+                            console.error("wrong configured translation: " + err);
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    loadUserLanguage() {
+        let userLanguage = localStorage.getItem("language");
+        if (Helper.isNull(userLanguage) || this._supportedLanguages.indexOf(userLanguage) === -1) {
+            let userLanguages = [];
+            if (Helper.isNotNull(navigator.languages)) {
+                userLanguages = navigator.languages.slice(0); //.slice(0) klont das Array. Behebt einen Bug in Firefox
+            }
+
+            if (navigator.language !== undefined) {
+                userLanguages.push(navigator.language);
+            }
+            //sicherstellen, dass überhaupt eine Sprache gefunden wird
+            userLanguages.push(this._baseLanguage);
+
+            if (userLanguages !== undefined) {
+                for (let i = 0, numLanguages = userLanguages.length; i < numLanguages; i++) {
+                    if (this._supportedLanguages.indexOf(userLanguages[i]) !== -1) {
+                        userLanguage = userLanguages[i];
+                        break;
+                    }
+                }
+            }
+        }
+        return this.setLanguage(userLanguage.toLowerCase())
+    }
+
+    static makePersistentTranslation(key, args, tag) {
+        tag = Helper.nonNull(tag, "span");
+        if (typeof key === 'object') {
+            key = Translator.addDynamicTranslation(key);
+        }
+
+        if (typeof document !== 'undefined') {
+            let htmlElem = document.createElement(tag);
+            htmlElem.dataset["translation"] = key;
+            if (args !== undefined) {
+                htmlElem.dataset["translationArgs"] = JSON.stringify(args);
+            }
+            htmlElem.innerHTML = Translator.translate(key, args);
+            return htmlElem;
+        }
+    }
+
+    static generateChangeLanguageMenuAction() {
+        let submenu = new Submenu();
+        submenu.addAction(new MenuAction("en", function () {
+            Translator.getInstance().setLanguage("en");
+        }));
+        submenu.addAction(new MenuAction("de", function () {
+            Translator.getInstance().setLanguage("de");
+        }));
+        return new OpenSubmenuAction("current-lang", submenu, Menu.SHOW_ALWAYS)
+    }
+
+    static init() {
+        Translator.instance = new Translator();
+        // Translator.loadBaseLanguage().then(function () {
+        //     Translator.loadUserLanguage();
+        // });
+    }
+
+    static getInstance() {
+        return Translator.instance;
+    }
+}
+Translator.logMissingTranslations = false;
+
+Translator.instance = null;
+
+Translator.baseLanguage = "en";
+Translator.supportedLanguages = [
+    "de",
+    "en"
+];
+Translator.markUntranslatedTranslations = true;
+Translator.markTranslations = false;
+Translator.languageBasePath = "js/lang/";
+Translator.currentLanguage = null;
+Translator.translations = {};
+
+class Helper {
+    static init() {
+        Helper.heightMmToPxFactor = null;
+        Helper.widthMmToPxFactor = null;
+    }
+
+    static includesNot(array, value, fromIndex) {
+        return -1 === array.indexOf(value, fromIndex);
+    }
+
+    static includes(array, value, fromIndex) {
+        return !Helper.includesNot(array, value, fromIndex);
+    }
+
+    static isSet() {
+        if (arguments.length > 0) {
+            const object = arguments[0];
+            let keys = Array.prototype.slice.call(arguments, 1);
+            return (Helper.isNotNull(object) && (keys.length === 0 || Helper.isSet.apply(null, [object[keys[0]]].concat(keys.slice(1)))));
+        }
+        return false;
+    }
+
+    static isNull(variable) {
+        return (variable === null || variable === undefined);
+    }
+
+    static isNotNull(variable) {
+        return !Helper.isNull(variable);
+    }
+
+    static nonNull(val1, val2) {
+        for (let i = 0; i < arguments.length; i++) {
+            if (Helper.isNotNull(arguments[i])) {
+                return arguments[i];
+            }
+        }
+        return null;
+    }
+
+    static notEmpty(value) {
+        return !Helper.empty(value);
+    }
+
+    static buildQuery(values) {
+        let queryStrings = [];
+        for (let k in values) {
+            queryStrings.push(encodeURIComponent(k) + "=" + encodeURIComponent(values[k]));
+        }
+        return "?" + queryStrings.join("&");
+    }
+
+    static empty(value) {
+        return (Helper.isNull(value) || (typeof value === 'string' && value.trim() === ""))
+    }
+
+    static inflateElementsFromString(string) {
+        let template = document.createElement('template');
+        template.innerHTML = string;
+        return template.content.childNodes;
+    }
+
+    static createLoadingSymbol() {
+        let svgNS = "http://www.w3.org/2000/svg";
+
+        let loader = document.createElement("div");
+        loader.className = 'loader';
+
+        let svg = document.createElementNS(svgNS, "svg");
+        svg.setAttribute('viewBox', "0 0 32 32");
+        svg.setAttribute("widh", "32");
+        svg.setAttribute("height", "32");
+
+        let circle = document.createElementNS(svgNS, "circle");
+        circle.setAttribute("id", "spinner");
+        circle.setAttribute("cx", "16");
+        circle.setAttribute("cy", "16");
+        circle.setAttribute("r", "14");
+        circle.setAttribute("fill", "none");
+
+        svg.appendChild(circle);
+        loader.appendChild(svg);
+
+        return loader;
+    }
+
+    static basePath(url) {
+        return SystemSettings.getBasePath() + url;
+    }
+
+    static isMobileApple() {
+        return navigator.userAgent.match(/iPhone|iPad|iPod/i);
+    }
+
+    static isMobile() {
+        return (navigator.userAgent.match(/Android|BlackBerry|Opera Mini|IEMobile/i) !== null || Helper.isMobileApple() || (typeof window.orientation !== "undefined" || window.orientation === false || window.orientation === null));
+    }
+
+    static select(e) {
+        let range = document.createRange();
+        range.selectNodeContents(e);
+        let sel = window.getSelection();
+        sel.removeAllRanges();
+        sel.addRange(range);
+    }
+
+    static format(number, leadingZeros) {
+        number = "" + number;
+        while (number.length < leadingZeros) {
+            number = "0" + number;
+        }
+        return number;
+    }
+
+    static cloneNode(srcNode) {
+        let destNode = srcNode.cloneNode(true);
+        destNode.onclick = srcNode.onclick;
+        return destNode;
+    }
+
+    static encodeToBase(stringToEncode, base) {
+        let encodedString = "";
+        let charlength = Math.floor(Math.log(265) / Math.log(base));
+        for (let i = 0; i <  stringToEncode.length; i++) {
+            let value = stringToEncode.charCodeAt(i).toString(base);
+            let joinLength = value.length % charlength;
+            if (joinLength > 0) {
+                let joinArray = new Array(charlength + 1 - (joinLength)); //+1, da join nur zwischen elemente einfügt
+                value = joinArray.join("0") + value;
+            }
+            encodedString += value;
+        }
+        return encodedString;
+    }
+
+    static decodeToBase(stringToDecode, base) {
+        let charlength = Math.floor(Math.log(265) / Math.log(base));
+        let values = stringToDecode.match(new RegExp(".{1," + charlength + "}", "g")) || [];
+        let encodedString = "";
+        for (let i = 0, n = values.length; i < n; i++) {
+            encodedString += String.fromCharCode(parseInt(values[i], base));
+        }
+        return encodedString;
+    }
+
+    static toggleVisibility(elem) {
+        if (elem.style.display === "none") {
+            elem.style.display = "";
+            return true;
+        }
+        else {
+            elem.style.display = "none";
+            return false;
+        }
+    }
+
+    static print(content) {
+        let printContent = document.getElementById("print-content");
+        if (content instanceof Element) {
+            printContent.removeAllChildren();
+            printContent.appendChild(content);
+        }
+        else {
+            printContent.innerHTML = content;
+        }
+        window.print();
+    }
+
+    static strftime(sFormat, date, useUTC) {
+        if (!(date instanceof Date)) date = new Date(date);
+        useUTC = Helper.nonNull(useUTC, false);
+        let nDay = (useUTC) ? date.getUTCDay() : date.getDay(),
+            nDate = (useUTC) ? date.getUTCDate() : date.getDate(),
+            nMonth = (useUTC) ? date.getUTCMonth() : date.getMonth(),
+            nYear = (useUTC) ? date.getUTCFullYear() : date.getFullYear(),
+            nHour = (useUTC) ? date.getUTCHours() : date.getHours(),
+            aDays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+            aMonths = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+            aDayCount = [0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334],
+            isLeapYear = function () {
+                if ((nYear & 3) !== 0) return false;
+                return nYear % 100 !== 0 || nYear % 400 === 0;
+            },
+            getThursday = function () {
+                let target = new Date(date);
+                target.setDate(nDate - ((nDay + 6) % 7) + 3);
+                return target;
+            },
+            zeroPad = function (nNum, nPad) {
+                return ('' + (Math.pow(10, nPad) + nNum)).slice(1);
+            };
+
+        return sFormat.replace(/%[a-z]/gi, function (sMatch) {
+            return {
+                '%a': Translator.makePersistentTranslation(aDays[nDay].slice(0, 3)).outerHTML,
+                '%A': Translator.makePersistentTranslation(aDays[nDay]).outerHTML,
+                '%b': Translator.makePersistentTranslation(aMonths[nMonth].slice(0, 3)).outerHTML,
+                '%B': Translator.makePersistentTranslation(aMonths[nMonth]).outerHTML,
+                '%c': date.toUTCString(),
+                '%C': Math.floor(nYear / 100),
+                '%d': zeroPad(nDate, 2),
+                '%e': nDate,
+                '%f': zeroPad(date.getTime() % 1000, 4),
+                '%F': date.toISOString().slice(0, 10),
+                '%G': getThursday().getFullYear(),
+                '%g': ('' + getThursday().getFullYear()).slice(2),
+                '%H': zeroPad(nHour, 2),
+                '%I': zeroPad((nHour + 11) % 12 + 1, 2),
+                '%j': zeroPad(aDayCount[nMonth] + nDate + ((nMonth > 1 && isLeapYear()) ? 1 : 0), 3),
+                '%k': '' + nHour,
+                '%l': (nHour + 11) % 12 + 1,
+                '%m': zeroPad(nMonth + 1, 2),
+                '%M': zeroPad(date.getMinutes(), 2),
+                '%p': (nHour < 12) ? 'AM' : 'PM',
+                '%P': (nHour < 12) ? 'am' : 'pm',
+                '%s': Math.round(date.getTime() / 1000),
+                '%S': zeroPad(date.getSeconds(), 2),
+                '%u': nDay || 7,
+                '%V': (function () {
+                    let target = getThursday(),
+                        n1stThu = target.valueOf();
+                    target.setMonth(0, 1);
+                    let nJan1 = target.getDay();
+                    if (nJan1 !== 4) target.setMonth(0, 1 + ((4 - nJan1) + 7) % 7);
+                    return zeroPad(1 + Math.ceil((n1stThu - target) / 604800000), 2);
+                })(),
+                '%w': '' + nDay,
+                '%x': date.toLocaleDateString(),
+                '%X': date.toLocaleTimeString(),
+                '%y': ('' + nYear).slice(2),
+                '%Y': nYear,
+                '%z': date.toTimeString().replace(/.+GMT([+-]\d+).+/, '$1'),
+                '%Z': date.toTimeString().replace(/.+\((.+?)\)$/, '$1')
+            }[sMatch] || sMatch;
+        });
+    }
+
+    static cloneJson(obj) {
+        // https://stackoverflow.com/questions/4120475/how-to-create-and-clone-a-json-object/17502990#17502990
+        let i;
+
+        // basic type deep copy
+        if (Helper.isNull(obj) || typeof obj !== 'object') {
+            return obj
+        }
+        // array deep copy
+        if (obj instanceof Array) {
+            let cloneA = [];
+            for (i = 0; i < obj.length; ++i) {
+                cloneA[i] = Helper.cloneJson(obj[i]);
+            }
+            return cloneA;
+        }
+        if (obj instanceof Date)
+        {
+            return new Date(obj.getTime());
+        }
+        // object deep copy
+        let cloneO = {};
+        for (i in obj) {
+            cloneO[i] = Helper.cloneJson(obj[i]);
+        }
+        return cloneO;
+    }
+
+    static htmlspecialcharsDecode(text) {
+        const map = {
+            '&amp;': '&',
+            '&#038;': "&",
+            '&lt;': '<',
+            '&gt;': '>',
+            '&quot;': '"',
+            '&#039;': "'",
+            '&#8217;': "’",
+            '&#8216;': "‘",
+            '&#8211;': "–",
+            '&#8212;': "—",
+            '&#8230;': "…",
+            '&#8221;': '”'
+        };
+
+        if (Helper.isNotNull(text) && typeof text.replace === "function") {
+            return text.replace(/\&[\w\d\#]{2,5}\;/g, function (m) {
+                return map[m];
+            });
+        }
+        return text;
+    }
+
+    static formDataFromObject(obj) {
+        let formData = new FormData();
+        for (let k in obj) {
+            formData.set(k, obj[k]);
+        }
+        return formData;
+    }
+
+    static scaleContentRecursive(element, content) {
+
+        let elementStyle = window.getComputedStyle(element);
+        let contentStyle = window.getComputedStyle(content);
+
+        if (contentStyle.height > elementStyle.height || contentStyle.width > elementStyle.width) {
+            return Helper.scaleDownContentRecursive(element, content);
+        }
+    }
+
+    static scaleDownContentRecursive(element, content) {
+        Helper.convertChildrenToRelativeRecursive(element);
+
+        let elementStyle = window.getComputedStyle(element);
+        let contentStyle = window.getComputedStyle(content);
+
+        let runs = 0;
+        let fontSize = parseFloat(contentStyle.getPropertyValue("font-size"));
+        let width = contentStyle.width;
+        let height = contentStyle.height;
+        while (contentStyle.height > elementStyle.height || contentStyle.width > elementStyle.width) {
+            fontSize *= 0.95;
+
+            if (height > elementStyle.height) {
+                height *= 0.95;
+            }
+            if (width > contentStyle.width) {
+                width *= 0.95;
+            }
+            content.style["font-size"] = fontSize + "px";
+            content.style["max-height"] = height + "px";
+            content.style["max-width"] = width + "px";
+
+            runs++;
+            if (runs > 2000) {
+                console.log("breaked");
+                break;
+            }
+        }
+        Helper.convertToRelative(content);
+
+        contentStyle = window.getComputedStyle(content);
+        content.style["font-size"] = (parseFloat(contentStyle.getPropertyValue("font-size")) / parseFloat(document.documentElement.clientHeight) * 100) + "vh";
+    }
+
+    static convertChildrenToRelativeRecursive(element) {
+        let children = element.childNodes;
+        for (let i = 0, n = children.length; i < n; i++) {
+            if (children[i] instanceof Element) {
+                Helper.convertToRelative(children[i]);
+                Helper.convertChildrenToRelativeRecursive(children[i]);
+            }
+        }
+    }
+
+    static convertToRelative(element) {
+        let hasTransitionClass = (element.classList.contains("no-transtition"));
+
+        element.classList.add("no-transition");
+
+        let parent = element.parentNode;
+
+        console.log(element);
+        let elementStyle = window.getComputedStyle(element);
+        let parentStyle = window.getComputedStyle(parent);
+
+        let fontSize = parseFloat(elementStyle.getPropertyValue("font-size")) / parseFloat(parentStyle.getPropertyValue("font-size"));
+
+        let maxHeight = elementStyle.height;
+        let maxWidth = elementStyle.width;
+
+        let pHeight = parentStyle.height;
+        let pWidth = parentStyle.width;
+
+        let relativeAttributes = element.style;
+        relativeAttributes['max-height'] = Math.floor(maxHeight / pHeight * 100) + "%";
+        relativeAttributes['margin-left'] = Math.floor(parseFloat(elementStyle.getPropertyValue('margin-left')) / pWidth * 100) + "%";
+        relativeAttributes['margin-right'] = Math.floor(parseFloat(elementStyle.getPropertyValue('margin-right')) / pWidth * 100) + "%";
+        relativeAttributes['margin-top'] = Math.floor(parseFloat(elementStyle.getPropertyValue('margin-top')) / pHeight * 100) + "%";
+        relativeAttributes['margin-bottom'] = Math.floor(parseFloat(elementStyle.getPropertyValue('margin-bottom')) / pHeight * 100) + "%";
+        relativeAttributes['max-width'] = Math.floor(maxWidth / pWidth * 100) + "%";
+        relativeAttributes["font-size"] = fontSize + "em";
+        // console.log(relativeAttributes);
+        // element.css(relativeAttributes);
+
+        if (!hasTransitionClass) {
+            element.classList.remove("no-transition");
+        }
+    }
+
+    static isChrome() {
+        let isChromium = window.chrome,
+            winNav = window.navigator,
+            vendorName = winNav.vendor,
+            isOpera = winNav.userAgent.indexOf("OPR") > -1,
+            isIEedge = winNav.userAgent.indexOf("Edge") > -1,
+            isIOSChrome = winNav.userAgent.match("CriOS");
+
+        if (isIOSChrome) {
+            return true;
+        } else {
+            return isChromium !== null &&
+                typeof isChromium !== "undefined" &&
+                vendorName === "Google Inc." &&
+                isOpera === false &&
+                isIEedge === false;
+        }
+    }
+
+    static getIndexedObject(array, keyValue) {
+        let obj = {};
+        for (let i = 0, n = array.length; i < n; i++) {
+            obj[array[i][keyValue]] = array[i];
+        }
+        return obj;
+    }
+
+    static invertKeyValues(obj) {
+        let new_obj = {};
+
+        for (let prop in obj) {
+            if (obj.hasOwnProperty(prop)) {
+                new_obj[obj[prop]] = prop;
+            }
+        }
+
+        return new_obj;
+    }
+
+    static toArray(object) {
+        let res = [];
+        for (let k in object) {
+            res.push(object[k]);
+        }
+        return res;
+    }
+}
+Helper.init();
+
+class SystemSettings {
+    static setBasePath(basePath) {
+        SystemSettings._basePath = basePath;
+    }
+
+    static getBasePath() {
+        return SystemSettings._basePath;
+    }
+
+    static set(key, value) {
+        SystemSettings._settings[key] = value;
+    }
+
+    static get(key, defaultValue) {
+        return Helper.nonNull(SystemSettings._settings[key], defaultValue);
+    }
+
+    static has(key){
+        return Helper.nonNull(SystemSettings._settings[key]);
+    }
+}
+
+SystemSettings.setBasePath("/");
+SystemSettings._settings = {};
+
+class ThemeManager {
+    static init() {
+        ThemeManager.loadCurrentTheme();
+    }
+
+    static changeCurrentTheme(newTheme) {
+        let theme = null;
+        if (typeof newTheme === 'string') {
+            let themes = ThemeManager.themes.filter(function (theme) {
+                return theme._name === newTheme;
+            });
+            if (themes.length > 0) {
+                theme = themes[0];
+            }
+        }
+        else if (ThemeManager.themes.indexOf(newTheme) !== -1) {
+            theme = newTheme;
+        }
+        if (Helper.isNotNull(theme)) {
+            localStorage.setItem("currentTheme", theme._name);
+            let themePromise = new Promise(function (resolve) {
+                document.querySelector("nav.top-bar").addEventListener("transitionend", function(){
+                    resolve();
+                });
+            });
+            document.body.className = theme._className;
+            ThemeManager.currentTheme = theme;
+            for (let i = 0, n = ThemeManager.changeListeners.length; i < n; i++) {
+                ThemeManager.changeListeners[i](ThemeManager.currentTheme, themePromise);
+            }
+        }
+    }
+
+    static addTheme(theme) {
+        ThemeManager.themes.push(theme);
+    }
+
+    static loadCurrentTheme() {
+        ThemeManager.changeCurrentTheme(localStorage.getItem("currentTheme"));
+        if (Helper.isNull(ThemeManager.currentTheme)) {
+            let className = document.body.className;
+            let themes = ThemeManager.themes.filter(function (theme) {
+                return theme._className === className;
+            });
+            if (themes.length > 0) {
+                ThemeManager.changeCurrentTheme(themes[0]);
+            }
+            else if (ThemeManager.themes.length > 0) {
+                ThemeManager.changeCurrentTheme(ThemeManager.themes[0]);
+            }
+        }
+    }
+
+    static generateChangeThemeMenuAction() {
+        return new MenuAction(ThemeManager.currentTheme._name, function (action) {
+            let currentThemeIndex = ThemeManager.themes.indexOf(ThemeManager.currentTheme);
+            let nextIndex = (currentThemeIndex + 1) % ThemeManager.themes.length;
+            ThemeManager.changeCurrentTheme(ThemeManager.themes[nextIndex]);
+            action.title = ThemeManager.currentTheme._name;
+            action._menu.redraw();
+        }, Menu.SHOW_ALWAYS)
+    }
+
+    static addChangeListener(listener) {
+        ThemeManager.changeListeners.push(listener);
+    }
+}
+
+ThemeManager.themes = [];
+ThemeManager.changeListeners = [];
+
+class CookieCompliance {
+
+    static async showIfNeeded(cookieContainer) {
+        let cookieCompliance = new CookieCompliance(cookieContainer);
+        return cookieCompliance.showIfNeeded();
+    }
+
+    constructor(cookieContainerId) {
+        this.cookieContainerId = cookieContainerId;
+        this.dropCookie = true;
+        this.cookieDuration = 365 * 10;
+        this.cookieName = 'complianceCookie';
+        this.cookieValue = 'true';
+    }
+
+    async showIfNeeded() {
+        if (CookieCompliance.checkCookie(this.cookieName) !== this.cookieValue) {
+            return this.show();
+        }
+        return Promise.resolve();
+    }
+
+    removeMe() {
+        this.createCookie(this.cookieName, this.cookieValue, this.cookieDuration);
+    }
+
+    createCookie(name, value, days) {
+        let expires;
+        if (Helper.isNotNull(days)) {
+            const date = new Date();
+            date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
+            expires = "; expires=" + date.toGMTString();
+        }
+        else {
+            expires = "";
+        }
+        if (this.dropCookie) {
+            document.cookie = name + "=" + value + expires + "; path=/";
+        }
+    }
+
+    eraseCookie(name) {
+        this.createCookie(name, "", -1);
+    }
+
+    static checkCookie(name) {
+        const nameEQ = name + "=";
+        const cookies = document.cookie.split(';');
+        for (let i = 0; i < cookies.length; i++) {
+            let c = cookies[i];
+            while (c.charAt(0) === ' ') {
+                c = c.substring(1, c.length);
+            }
+            if (c.indexOf(nameEQ) === 0) {
+                return c.substring(nameEQ.length, c.length);
+            }
+        }
+        return null;
+    }
+
+    show() {
+        let cookieCompliance = this;
+        const cookieMessage = document.getElementById(this.cookieContainerId);
+        cookieMessage.style.display = 'block';
+        return new Promise(r => {
+            cookieMessage.querySelector("#close-cookie-msg").onclick = function () {
+                cookieCompliance.removeMe();
+                cookieMessage.remove();
+                r();
+            };
+        });
+    }
+}
+
+class ActionBarMenu extends Menu {
+    static init() {
+        function parseStyleToObject(str) {
+            let styleObject = {};
+
+            if (typeof str !== 'string') {
+                return styleObject;
+            }
+
+            str = str.trim().slice(1, -1); // browsers re-quote string style values
+
+            if (!str) {
+                return styleObject;
+            }
+
+            styleObject = str.split('&').reduce(function (ret, param) {
+                const parts = param.replace(/\+/g, ' ').split('=');
+                let key = parts[0];
+                let val = parts[1];
+                key = decodeURIComponent(key);
+
+                // missing `=` should be `null`:
+                // http://w3.org/TR/2012/WD-url-20120524/#collect-url-parameters
+                val = val === undefined ? null : decodeURIComponent(val);
+
+                if (!ret.hasOwnProperty(key)) {
+                    ret[key] = val;
+                } else if (Array.isArray(ret[key])) {
+                    ret[key].push(val);
+                } else {
+                    ret[key] = [ret[key], val];
+                }
+                return ret;
+            }, {});
+
+            return styleObject;
+        }
+
+        let cssStyle = document.getElementsByClassName('foundation-mq');
+        if (cssStyle.length === 0) {
+            return;
+        }
+        let queries = [];
+        cssStyle = parseStyleToObject(window.getComputedStyle(cssStyle[0]).getPropertyValue('font-family'));
+        for (let key in cssStyle) {
+            if (cssStyle.hasOwnProperty(key)) {
+                queries.push({
+                    _name: key,
+                    value: 'only screen and (min-width: ' + cssStyle[key] + ')'
+                });
+            }
+        }
+
+        window.addEventListener('resize', function () {
+            if (Helper.isNotNull(ActionBarMenu.currentMenu)) {
+                ActionBarMenu.currentMenu.updateToggleButton();
+            }
+        });
+        let responsiveMenu = document.getElementById("responsive-menu");
+        document.getElementById("responsive-menu-toggle").onclick = function () {
+            if (window.getComputedStyle(responsiveMenu).getPropertyValue('display') === 'none') {
+                responsiveMenu.style.display = 'block';
+            }
+            else if (Helper.isNotNull(ActionBarMenu.currentMenu)) {
+                ActionBarMenu.currentMenu.close();
+
+            }
+        };
+        responsiveMenu.firstElementChild.addEventListener("click", function (e) {
+                if (e.target === responsiveMenu.firstElementChild && Helper.isNotNull(ActionBarMenu.currentMenu)) {
+                    ActionBarMenu.currentMenu.close();
+                }
+            }
+        );
+        ActionBarMenu.queries = queries;
+    }
+
+    static _getCurrentSize() {
+        let matched;
+
+        for (let i = 0; i < ActionBarMenu.queries.length; i++) {
+            let query = ActionBarMenu.queries[i];
+
+            if (matchMedia(query.value).matches) {
+                matched = query;
+            }
+        }
+
+        if (typeof matched === 'object') {
+            return matched._name;
+        } else {
+            return matched;
+        }
+    }
+
+    static filterVisibleElements(elements) {
+        let visibleElements = [];
+        for (let i = 0, n = elements.length; i < n; i++) {
+            if (!elements[i].classList.contains("hidden")) {
+                visibleElements.push(elements[i]);
+            }
+        }
+        return visibleElements;
+    }
+
+    renderLiElement(aElement, action) {
+        let liElement = super.renderLiElement(aElement, action);
+        liElement.classList.add(action.getShowFor());
+        return liElement;
+    }
+
+    updateToggleButton() {
+        let size = ActionBarMenu._getCurrentSize();
+        let firstParentElement = this.parentElements[0];
+        if ((size === "medium" || size === "smedium" || size === "small") && ActionBarMenu.filterVisibleElements(firstParentElement.getElementsByClassName(Menu.SHOW_FOR_LARGE)).length > 0 ||
+            (size === "smedium" || size === "small") && ActionBarMenu.filterVisibleElements(firstParentElement.getElementsByClassName(Menu.SHOW_FOR_MEDIUM)).length > 0 ||
+            (size === "small") && ActionBarMenu.filterVisibleElements(firstParentElement.getElementsByClassName(Menu.SHOW_FOR_SMEDIUM)).length > 0 ||
+            ActionBarMenu.filterVisibleElements(firstParentElement.getElementsByClassName(Menu.SHOW_NEVER)).length > 0) {
+            document.getElementById("responsive-menu-toggle").style.display = 'block';
+        } else {
+            document.getElementById("responsive-menu-toggle").style.display = 'none';
+            if (Helper.isNotNull(ActionBarMenu.currentMenu)) {
+                ActionBarMenu.currentMenu.close();
+            }
+        }
+    }
+
+    _getOnClickListener() {
+        let superListener = super._getOnClickListener();
+        return function (event) {
+            let action = superListener(event);
+            if (!(action instanceof OpenSubmenuAction) && Helper.isNotNull(ActionBarMenu.currentMenu)) {
+                ActionBarMenu.currentMenu.close();
+            }
+        }
+    }
+
+    draw(parentElement) {
+        let returnValue = super.draw(parentElement);
+        this.updateToggleButton();
+
+        ActionBarMenu.currentMenu = this;
+        return returnValue;
+    }
+
+    close() {
+        document.getElementById("responsive-menu").style.display = 'none';
+        for (let i = 0, n = this.submenus.length; i < n; i++) {
+            this.submenus[i].close();
+        }
+    }
+
+    removeAction(action) {
+        let res = super.removeAction(action);
+        this.updateToggleButton();
+        return res;
+    }
+}
+
+ActionBarMenu.queries = [];
+ActionBarMenu.currentMenu = null;
+ActionBarMenu.init();
+
+class ViewInflater {
+    static inflate(viewUrl, parentUrls) {
+        parentUrls = Helper.nonNull(parentUrls, []).slice(0);
+
+        let resultPromise = Promise.resolve();
+        if (viewUrl instanceof Element) {
+            resultPromise = Promise.resolve(viewUrl);
+        }
+        else {
+            if (parentUrls.indexOf(viewUrl) !== -1) {
+                return Promise.reject("views are in a circuit! cannot resolve view for url " + parentUrls[0] + "! url " + viewUrl + " is in stack before!");
+            }
+            parentUrls.push(viewUrl);
+            resultPromise = fetch(Helper.basePath(viewUrl), {credentials: "same-origin"}).then(function (result) {
+                return result.text();
+            }).then(function (htmlText) {
+                let doc = (new DOMParser()).parseFromString(htmlText, "text/html");
+                if (Helper.isNull(doc)) {
+                    doc = document.implementation.createHTMLDocument('');
+                    doc.body.innerHTML = htmlText;
+                }
+                return doc.body.firstChild
+            });
+        }
+
+        return resultPromise.then(function (parentElement) {
+            let promises = [];
+            let childViews = parentElement.querySelectorAll("[data-view]");
+
+            for (let i = 0, n = childViews.length; i < n; i++) {
+                promises.push(ViewInflater.inflate(childViews[i].dataset["view"], parentUrls).then(function (element) {
+                    childViews[i].replaceWith(element);
+                }));
+            }
+            return Promise.all(promises).then(function () {
+                return parentElement;
+            });
+        });
+    }
+}
+
+class Context {
+    constructor(view) {
+        let self = this;
+        this._siteContent = null;
+        this.firstStart = true;
+        this.inflatePromise = new Promise(function (resolver) {
+            self.inflatePromiseResolver = resolver;
+        });
+        this.fragments = {};
+
+        if (Helper.isNotNull(view)) {
+            this.inflateView(view);
+        }
+    }
+
+    onConstruct() {
+        let results = [];
+        for (let k in this.fragments) {
+            results.push(this.fragments[k].onConstruct.apply(this.fragments[k], arguments));
+            results.push(this.fragments[k].inflatePromise);
+        }
+        return Promise.all(results);
+    }
+
+    onStart() {
+        if (this.firstStart) {
+            this.onFirstStart();
+            this.firstStart = false;
+        }
+
+        for (let k in this.fragments) {
+            let fragment = this.fragments[k];
+            fragment.onStart.apply(this.fragments[k], arguments);
+            this.fragments[k].inflatePromise.then(function (fragmentView) {
+                if (fragment.isActive()) {
+                    fragmentView.classList.remove("hidden");
+                }
+                else {
+                    fragmentView.classList.add("hidden");
+                }
+            });
+        }
+    }
+
+    onFirstStart() {
+        // for (let k in this.fragments) {
+        //     this.fragments[k].onFirstStart.apply(this.fragments[k], arguments);
+        // }
+    }
+
+    onPause() {
+        for (let k in this.fragments) {
+            this.fragments[k].onPause.apply(this.fragments[k], arguments);
+        }
+    }
+
+    onDestroy() {
+        for (let k in this.fragments) {
+            this.fragments[k].onDestroy.apply(this.fragments[k], arguments);
+        }
+    }
+
+    addFragment(viewQuery, fragment) {
+        this.fragments[viewQuery] = fragment;
+        this.inflatePromise = this.inflatePromise.then(function (siteContent) {
+            return fragment.inflatePromise.then(function (fragmentView) {
+                siteContent.querySelector(viewQuery).appendChild(fragmentView);
+                return siteContent;
+            });
+        });
+    }
+
+    /** @protected */
+    inflateView(link) {
+        let self = this;
+        this.inflatePromiseResolver(ViewInflater.inflate(link).then(function (siteContent) {
+            self._siteContent = siteContent;
+            return siteContent;
+        }));
+
+        return this.inflatePromise;
+    }
+
+    findBy(query, all, asPromise) {
+        all = Helper.nonNull(all, false);
+        asPromise = Helper.nonNull(asPromise, false);
+
+        let getVal = function (root) {
+            let res = null;
+            if (all) {
+                res = root.querySelectorAll(query);
+                if (root.matches(query)) {
+                    res.push(root);
+                }
+            }
+            else {
+                if (root.matches(query)) {
+                    res = root;
+                }
+                else {
+                    res = root.querySelector(query);
+                }
+            }
+            return res;
+        };
+
+        if (asPromise) {
+            return this.inflatePromise.then(function (rootView) {
+                return getVal(rootView);
+            });
+        }
+        return getVal(this._siteContent);
+    }
+}
+
+class AbstractSite extends Context {
+    constructor(siteManager, view, deepLink) {
+        super(view);
+
+        this.isVisible = false;
+        this.siteManager = siteManager;
+        this.isFinishing = false;
+        this.actionMenu = null;
+        this.url = "";
+        this.deepLink = deepLink;
+        this.startArgs = {};
+        this.title = siteManager.getDefaultTitle();
+    }
+
+    setTitle(titleElement, title) {
+        if (typeof titleElement === "string") {
+            title = titleElement;
+            titleElement = document.createTextNode(titleElement);
+        }
+        this.title = {
+            element: titleElement
+        };
+        this.title["title"] = Helper.nonNull(title, this.title["title"]);
+
+        if (this.isVisible) {
+            this.siteManager.updateTitle();
+        }
+    }
+
+    startStartsite() {
+        return this.startSite(this.siteManager.getStartSiteName());
+    }
+
+    inflateView(link) {
+        let self = this;
+        return super.inflateView(link).then(function (res) {
+            let promises = [];
+            for (let i = 0, n = self.fragments.length; i < n; i++) {
+                promises.push(self.fragments[i].inflatePromise);
+            }
+            return Promise.all(promises).then(function () {
+                return res;
+            });
+        });
+    }
+
+    onConstruct(args) {
+        this.startArgs = args;
+        if (Helper.isNotNull(this.deepLink)) {
+            this.setUrlFromParams(args);
+        }
+        return super.onConstruct(args);
+    }
+
+    onStart(args) {
+        this.isVisible = true;
+        let res = super.onStart(args);
+        this.actionMenu.redraw();
+        return res;
+    }
+
+    onPause(args) {
+        super.onPause(args);
+        this.isVisible = false;
+    }
+
+    finish(result) {
+        if (!this.isFinishing) {
+            this.isFinishing = true;
+            this.siteManager.endSite(this, result);
+        }
+    }
+
+    startSite(siteName, args) {
+        return this.siteManager.startSite(siteName, args);
+    }
+
+    toForeground() {
+        this.siteManager.toForeground(this);
+    }
+
+    finishAndStartNext(siteName, startParams, finishResult) {
+        this.startSite(siteName, startParams);
+        this.finish(finishResult);
+    }
+
+    createActionBarMenu(menu) {
+        let defaultActions = this.siteManager.getDefaultActions();
+        for (let i = 0, n = defaultActions.length; i < n; i++) {
+            menu.addAction(defaultActions[i].copy());
+        }
+        return menu;
+    }
+
+    setUrl(url) {
+        this.url = url;
+        this.siteManager.updateUrl(this);
+    }
+
+    setUrlFromParams(params) {
+        this.setUrl(this.deepLink + Helper.buildQuery(params));
+    }
+
+    updateUrlParams(params) {
+        this.startArgs = Object.assign(this.startArgs, params);
+        this.setUrlFromParams(this.startArgs);
+    }
+
+    getUrl() {
+        return this.url;
+    }
+
+    getFullUrl() {
+        return Helper.basePath(this.url);
+    }
+
+    onBackPressed() {
+    }
+
+    addListener(event, selector, listenerFunction) {
+        this.siteManager.addListener(this, event, selector, listenerFunction);
+    }
+
+    addKeyListener(keycode, listenerFunction)
+    {
+        this.siteManager.addKeyListener(this, keycode, listenerFunction);
+    }
+
+    addKeyAndEventListener(keycode, event, selector, listenerFunction) {
+        this.siteManager.addKeyAndEventListener(this, keycode, event, selector, listenerFunction);
+    }
+}
+
+class SiteContainer {
+    constructor(site, finishResolver) {
+        this._site = site;
+        this._siteContent = null;
+        this._pauseParameters = {};
+        this._startParameters = {};
+        this._finishResolver = finishResolver;
+    }
+    getSite() {
+        return this._site;
+    }
+
+    setSite(site) {
+        if (site instanceof AbstractSite) {
+            this._site = site;
+        }
+    }
+
+    getSiteContent() {
+        return this._siteContent;
+    }
+
+    setSiteContent(value) {
+        this._siteContent = value;
+    }
+
+    getPauseParameters() {
+        return this._pauseParameters;
+    }
+
+    setPauseParameters(value) {
+        this._pauseParameters = value;
+    }
+
+    getStartParameters() {
+        return this._startParameters;
+    }
+
+    setStartParameters(value) {
+        this._startParameters = value;
+    }
+
+    getFinishResolver() {
+        return this._finishResolver;
+    }
+
+    setFinishResolver(value) {
+        this._finishResolver = value;
+    }
+}
+
+class SiteManager {
+    constructor(siteDivId, actionBarMenuSelector) {
+        this.siteDiv = document.getElementById(siteDivId);
+        this.siteContainerStack = [];
+        this.currentSiteContainerToShow = null;
+        this.actionBarMenuSelector = Helper.nonNull(actionBarMenuSelector, '.action-bar');
+
+        this.siteStartingPromise = Promise.resolve();
+        this.defaultActions = [];
+        this.startSiteName = null;
+
+        this.titleElement = document.querySelector(".top-bar-title");
+
+        const defaultTitleElem = document.createElement("span");
+        while (this.titleElement.childNodes.length > 0) {
+            const child = this.titleElement.firstChild;
+            child.remove();
+            defaultTitleElem.appendChild(child);
+        }
+
+        this.defaultTitle = {
+            element: defaultTitleElem,
+            title: document.title
+        };
+
+        let siteManager = this;
+        window.onpopstate = function (e) {
+            if (siteManager.siteContainerStack.length >= 1) {
+                let site = siteManager.siteContainerStack[siteManager.siteContainerStack.length - 1].getSite();
+                if (site.onBackPressed() !== false) {
+                    siteManager.endSite(site);
+                }
+            }
+        };
+    }
+
+    getDefaultTitle() {
+        return this.defaultTitle;
+    }
+
+    setStartSiteName(startSiteName) {
+        this.startSiteName = startSiteName;
+    }
+
+    getStartSiteName() {
+        return this.startSiteName;
+    }
+
+    addDefaultAction(action) {
+        this.defaultActions.push(action);
+    }
+
+    getDefaultActions() {
+        return this.defaultActions;
+    }
+
+    async startSite(siteConstructor, paramsPromise) {
+        if (!(siteConstructor.prototype instanceof AbstractSite)) {
+            throw {
+                "error": "wrong class given! Expected AbstractSite, given " + siteConstructor.name
+            };
+        }
+
+        let site = new siteConstructor(this);
+        let resolver = {};
+        let finishPromise = new Promise(function (resolve, reject) {
+            resolver.resolve = resolve;
+            resolver.reject = reject;
+        });
+        let siteContainer = new SiteContainer(site, resolver);
+        this.siteDiv.removeAllChildren().appendChild(Helper.createLoadingSymbol());
+
+        this.siteStartingPromise = Promise.resolve(paramsPromise).then(async (params) => {
+            siteContainer.setStartParameters(params);
+            await Promise.all([site.onConstruct(params), site.inflatePromise]);
+
+            site.actionMenu = site.createActionBarMenu(this.buildActionBarMenu());
+            return this.show(siteContainer);
+        }).catch((e) => {
+            console.error("site start error for site ", siteConstructor.name, e);
+        });
+
+        return finishPromise;
+    }
+
+    endSite(site, result) {
+        let manager = this;
+        this.siteStartingPromise.then(function () {
+            let index = manager.findContainerIndexBySite(site);
+            let container = manager.siteContainerStack.splice(index, 1);
+            container = container[0];
+
+            let showSiteContainer = null;
+            if (container === manager.currentSiteContainerToShow) {
+                manager.currentSiteContainerToShow.getSite().onPause();
+                manager.currentSiteContainerToShow = null;
+                let newSiteContainerIndex = manager.siteContainerStack.length - 1;
+                if (newSiteContainerIndex < 0) {
+
+                    manager.showAppEndedMessage();
+                    manager.startSite(manager.startSiteName);
+                    return;
+                }
+                manager.siteDiv.removeAllChildren().appendChild(Helper.createLoadingSymbol());
+                showSiteContainer = manager.siteContainerStack[newSiteContainerIndex];
+            }
+            container.getSite().onDestroy();
+
+            Promise.resolve(result).then(function (resValue) {
+                container.getFinishResolver().resolve(resValue);
+                if (Helper.isNotNull(showSiteContainer)) {
+                    manager.show(showSiteContainer);
+                }
+            });
+        });
+    }
+
+    addListener(site, event, _selector, listener) {
+        this.siteDiv.addEventListener(event, function (_event) {
+            let _element = _event.target;
+            if (site.isVisible && _element.matches(_selector)) {
+                listener(_element, _event);
+            }
+        });
+    }
+
+    addKeyAndEventListener(site, keycode, event, selector, listener) {
+        this.addListener(site, event, selector, listener);
+        this.addKeyListener(site, keycode, listener);
+    }
+
+    addKeyListener(site, keycode, listener) {
+        window.addEventListener("keydown", function (e) {
+            if (site.isVisible && e.which === keycode) {
+                listener(this, e);
+            }
+        });
+    }
+
+    toForeground(site) {
+        let index = this.findContainerIndexBySite(site);
+        let container = this.siteContainerStack.splice(index, 1);
+        container = container[0];
+
+        this.show(container);
+    }
+
+    refreshCurrentSite() {
+        return this.show(this.currentSiteContainerToShow);
+    }
+
+    /** @private */
+    show(siteContainer) {
+        if (Helper.isNotNull(this.currentSiteContainerToShow)) {
+            this.currentSiteContainerToShow.setPauseParameters(this.currentSiteContainerToShow.getSite().onPause());
+            this.currentSiteContainerToShow.setSiteContent(this.siteDiv.innerHTML);
+        }
+        this.siteDiv.removeAllChildren().appendChild(Helper.createLoadingSymbol());
+
+        let siteManager = this;
+        this.currentSiteContainerToShow = siteContainer;
+        if (-1 === this.siteContainerStack.indexOf(siteContainer)) {
+            this.siteContainerStack.push(siteContainer);
+        }
+
+        return siteContainer.getSite().inflatePromise.then(function (data) {
+            siteContainer.getSite().actionMenu.redraw();
+            siteManager.siteDiv.removeAllChildren().appendChild(data);
+            siteManager.updateTitle();
+            Translator.getInstance().updateTranslations();
+            return data;
+        }).then(function (data) {
+            siteContainer.getSite().onStart(siteContainer.getPauseParameters());
+            history.pushState({
+                'siteName': siteContainer.getSite().constructor.name,
+                'siteData': data.outerHTML,
+                'stackPosition': siteManager.siteContainerStack.length - 1
+            }, siteContainer.getSite().constructor.name, siteContainer.getSite().getFullUrl());
+        });
+    }
+
+    updateUrl(site) {
+        if (Helper.isNotNull(this.currentSiteContainerToShow) && this.currentSiteContainerToShow.getSite() === site) {
+            let self = this;
+            history.replaceState({
+                'siteName': site.constructor.name,
+                'siteData': site._siteContent.outerHTML,
+                'stackPosition': self.siteContainerStack.length - 1
+            }, site.constructor.name, site.getFullUrl());
+        }
+    }
+
+    getCurrentSite() {
+        if (this.currentSiteContainerToShow != null)
+            return this.currentSiteContainerToShow.getSite();
+    }
+
+    redrawCurrentActionBar() {
+        if (this.currentSiteContainerToShow != null)
+            this.currentSiteContainerToShow.getSite().actionMenu.redraw();
+    }
+
+    updateTitle() {
+        let title = this.getCurrentSite().title;
+        this.titleElement.removeAllChildren().appendChild(title.element);
+        document.title = Helper.nonNull(title.title, this.defaultTitle.title);
+    }
+
+    /** @private */
+    findContainerIndexBySite(site) {
+        for (let i = 0, n = this.siteContainerStack.length; i < n; i++) {
+            if (this.siteContainerStack[i].getSite() === site) {
+                return i;
+            }
+        }
+        return -1;
+    }
+
+    /** @private */
+    findContainerBySite(site) {
+        let index = this.findContainerIndexBySite(site);
+        if (index === -1) {
+            return null;
+        }
+        return this.siteContainerStack[index];
+    }
+
+    /** @private */
+    showAppEndedMessage() {
+        this.siteDiv.removeAllChildren().appendChild(Translator.makePersistentTranslation("The app has ended! Please close the window."));
+    }
+
+    /** @private */
+    buildActionBarMenu() {
+        return new ActionBarMenu(this.actionBarMenuSelector);
+    }
+}
+
+class PauseSite extends AbstractSite {
+    onConstruct(args) {
+        let pausedElement = null;
+
+        if (Helper.isSet(args, "url")) {
+            pausedElement = args["url"];
+        }
+        else {
+            pausedElement = document.createElement("div");
+            pausedElement.innerHTML = "Paused...";
+        }
+
+        this.inflateView(pausedElement);
+    }
+}
+
+class App {
+    constructor() {
+        this._siteManager = null;
+        this._actionBarMenuSelector = '.action-bar';
+        this._basePath = SystemSettings.getBasePath();
+        this._siteContentId = 'site-content';
+        this._deepLinks = new Map();
+        this._defaultActions = [];
+        this._addThemeAction = false;
+        this._showCookieCompliance = true;
+        this._startSite = null;
+    }
+
+    getSiteManager()
+    {
+        return this._siteManager;
+    }
+
+    addDefaultAction(action) {
+        this._defaultActions.push(action);
+    }
+
+    setAddThemeAction(addThemeAction) {
+        this._addThemeAction = addThemeAction;
+    }
+
+    getSiteContentId() {
+        return this._siteContentId;
+    }
+
+    setSiteContentId(value) {
+        this._siteContentId = value;
+    }
+
+    getActionBarMenuSelector() {
+        return this._actionBarMenuSelector;
+    }
+
+    setActionBarMenuSelector(value) {
+        this._actionBarMenuSelector = value;
+    }
+
+    getBasePath() {
+        return this._basePath;
+    }
+
+    setBasePath(value) {
+        this._basePath = value;
+    }
+
+    addDeepLink(alias, site) {
+        this._deepLinks.set(alias.toLowerCase(), site);
+    }
+
+    setShowCookieCompliance(cookieCompliance)
+    {
+        this._showCookieCompliance = cookieCompliance;
+    }
+
+    refreshCurrentSite()
+    {
+        this._siteManager.refreshCurrentSite();
+    }
+
+    pause(elementToShow){
+        this.startSite(PauseSite, {"url": elementToShow});
+    }
+
+    resume(){
+        const currentSite = this._siteManager.getCurrentSite();
+        if (currentSite instanceof PauseSite)
+        {
+            currentSite.finish();
+        }
+    }
+
+    _resolveDeepLink(deepLink) {
+        deepLink = deepLink.toLowerCase();
+        if (this._deepLinks.has(deepLink)) {
+            return this._deepLinks.get(deepLink);
+        }
+        return null;
+    }
+
+    _getDeepLink() {
+        let deepLink = "";
+        if (window.location.pathname.search(this._basePath) === 0) {
+            deepLink = window.location.pathname.substr(this._basePath.length).trim();
+        }
+        if (deepLink.charAt(0) === '/') {
+            deepLink = deepLink.substr(1).trim(); 
+        }
+        if (deepLink.charAt(deepLink.length - 1) === '/') {
+            deepLink = deepLink.substr(0, deepLink.length - 2).trim();
+        }
+        if (deepLink.length === 0 && window.location.hash) {
+            deepLink = window.location.hash.substr(1).trim();
+        }
+
+        return this._resolveDeepLink(deepLink);
+    }
+
+    _addDeepLinksListener() {
+        let app = this;
+        let elements = document.getElementsByClassName("deep-link");
+        for (let i = 0, n = elements.length; i < n; i++) {
+            elements[i].addEventListener("click", function (e) {
+                e.preventDefault();
+                app._siteManager.startSite(Helper.nonNull(app._resolveDeepLink(this.dataset["siteName"]), app._startSite), App._extractParams(this.dataset["siteArgs"]));
+                return true;
+            });
+        }
+    }
+
+    removeDefaultAction(action)
+    {
+        let index = this._defaultActions.indexOf(action);
+        if (index >= 0)
+        {
+            this._defaultActions[index].remove(true);
+            this._defaultActions.splice(index, 1);
+        }
+    }
+    
+    startSite(site, parameter)
+    {
+        return this._siteManager.startSite(site, parameter);
+    }
+
+    start(fallbackStartSite) {
+        SystemSettings.setBasePath(this._basePath);
+        let startSite = Helper.nonNull(this._getDeepLink(), fallbackStartSite);
+        let startParams = App._getStartParams();
+        this._startSite = fallbackStartSite;
+
+        Translator.init();
+        ThemeManager.init();
+        if (this._addThemeAction) {
+            this.addDefaultAction(ThemeManager.generateChangeThemeMenuAction());
+        }
+        this._siteManager = new SiteManager(this._siteContentId, this._actionBarMenuSelector);
+        this._siteManager.defaultActions = this._defaultActions;
+        this._siteManager.setStartSiteName(fallbackStartSite);
+        this._siteManager.startSite(startSite, startParams);
+        this._addDeepLinksListener();
+
+        if (this._showCookieCompliance)
+        {
+            this._cookieClosePromise = CookieCompliance.showIfNeeded('cookie-compliance');
+        }
+    }
+
+    static _extractParams(paramString) {
+        if (Helper.isNull(paramString)) {
+            return null;
+        }
+        let result = {}, tmp = [];
+        let items = paramString.split("&");
+        for (let index = 0; index < items.length; index++) {
+            tmp = items[index].split("=");
+            if (tmp[0].trim().length > 0) {
+                result[tmp[0]] = decodeURIComponent(tmp[1]);
+            }
+        }
+        return result;
+    }
+
+    static _getStartParams() {
+        return App._extractParams(window.location.search.substr(1));
+    }
+}
+
+class Dialog {
+    constructor(content, title) {
+        this.resolver = null;
+        this.content = null;
+        this.backgroundElement = null;
+        this.cancelable = true;
+        this.title = Helper.nonNull(title, "");
+        this.translatable = true;
+        this.additionalClasses = "";
+        this.buttons = [];
+        this.result = null;
+
+        if (Helper.isNotNull(content)) {
+            this.setContent(content);
+        }
+    }
+
+    setTitle(title) {
+        this.title = title;
+        return this;
+    }
+
+    setTranslatable(translatable) {
+        this.translatable = translatable;
+    }
+
+    setAdditionalClasses(classes) {
+        this.additionalClasses = classes;
+    }
+
+    getTitle() {
+        return this.title;
+    }
+
+    setCancelable(cancelable) {
+        this.cancelable = (cancelable === true);
+        return this;
+    }
+
+    async setContent(content) {
+        this.contentPromise = Promise.resolve(content);
+        this.content = await this.contentPromise;
+        return this;
+    }
+
+    addButton(elementOrText, listenerOrResult, shouldClose) {
+        shouldClose = Helper.nonNull(shouldClose, true);
+
+        let button = null;
+        if (typeof elementOrText === "string") {
+            button = document.createElement("button");
+            button.classList.add("button");
+            button.classList.add("right");
+            button.appendChild(Translator.makePersistentTranslation(elementOrText));
+        }
+        else {
+            button = elementOrText;
+        }
+
+        let self = this;
+        if (typeof listenerOrResult !== "function") {
+            let result = listenerOrResult;
+            listenerOrResult = function () {
+                self.result = result;
+            };
+        }
+
+        let callback = null;
+        if (shouldClose) {
+            callback = function (e) {
+                if (Helper.isNotNull(listenerOrResult)) {
+                    listenerOrResult(e);
+                }
+                self.close();
+            };
+        }
+        else {
+            callback = listenerOrResult;
+        }
+
+        if (Helper.isNotNull(callback)) {
+            button.addEventListener("click", callback);
+        }
+        this.buttons.push(button);
+    }
+
+    async show() {
+
+        let titleElement = document.createElement("span");
+        titleElement.classList.add("title");
+        if (this.translatable && this.title !== "") {
+            titleElement.appendChild(Translator.makePersistentTranslation(this.title));
+        }
+        else {
+            titleElement.innerHTML = this.title;
+        }
+
+        let titleBar = document.createElement("div");
+        titleBar.appendChild(titleElement);
+
+        let contentContainer = document.createElement("div");
+        contentContainer.classList.add("content-container");
+
+        let modalDialog = document.createElement("div");
+        modalDialog.className = this.additionalClasses;
+        modalDialog.classList.add("modal");
+        modalDialog.appendChild(titleBar);
+        modalDialog.appendChild(contentContainer);
+
+        let buttonBar = document.createElement("div");
+        buttonBar.classList.add("modal-button-container");
+
+        for (let i = 0, n = this.buttons.length; i < n; i++) {
+            buttonBar.appendChild(this.buttons[i]);
+        }
+
+        await this.contentPromise;
+        if (!(this.content instanceof Node)) {
+            this.content = (this.translatable) ? Translator.makePersistentTranslation(this.content) : document.createTextNode(this.content);
+        }
+        contentContainer.appendChild(this.content);
+
+        this.backgroundElement = document.createElement("div");
+        this.backgroundElement.classList.add("background");
+        this.backgroundElement.appendChild(modalDialog);
+
+        this.backgroundElement.querySelector(".modal").appendChild(buttonBar);
+        this.backgroundElement.style.display = "block";
+
+        let self = this;
+        if (this.cancelable) {
+            let closeButton = document.createElement("span");
+            closeButton.classList.add("close");
+            closeButton.innerHTML = "&times;";
+
+            titleBar.appendChild(closeButton);
+            closeButton.addEventListener("click", function () {
+                self.close();
+            });
+            window.addEventListener("click", function (e) {
+                if (e.target === self.backgroundElement) {
+                    self.close();
+                }
+            });
+        }
+
+        document.body.appendChild(this.backgroundElement);
+        Translator.getInstance().updateTranslations();
+
+        return new Promise(function (resolve) {
+            self.resolver = resolve;
+        });
+    }
+
+    close() {
+        if (Helper.isNotNull(this.backgroundElement)) {
+            this.backgroundElement.style.display = "none";
+            this.backgroundElement.remove();
+            this.backgroundElement = null;
+        }
+        if (Helper.isNotNull(this.resolver)) {
+            this.resolver(this.result);
+        }
+    }
+
+    addDefaultButton(){
+        this.addButton("confirm-button");
+    }
+}
+
+class FlashMessenger {
+    static deleteMessage(_idNumber, _delayInMilliSeconds) {
+        _delayInMilliSeconds = Helper.nonNull(_delayInMilliSeconds, 0);
+        setTimeout(function () {
+            let elem = document.getElementById("flashMessage" + _idNumber);
+            elem.fadeOut(.2).then(function () {
+                elem.remove();
+            });
+        }, _delayInMilliSeconds);
+    }
+
+    static addMessage(messageType, messageText, timeToShow, translate){
+
+        let translationArgs = null;
+        if (Helper.isNull(messageText) || typeof messageText === "object")
+        {
+            translationArgs = messageText;
+            messageText = messageType;
+            messageType = FlashMessenger.MESSAGE_TYPE_SUCCESS;
+            translate = true;
+        }
+        translate = Helper.nonNull(translate, false);
+
+        let id = FlashMessenger.messageCount;
+
+        let wrapper = document.createElement("div");
+
+        let _flashMessage = document.createElement("div");
+        _flashMessage.className = "flashMessage " + messageType;
+        _flashMessage.id = "flashMessage" + id;
+        _flashMessage.style.opacity = '0';
+        _flashMessage.addEventListener("click", function () {
+            FlashMessenger.deleteMessage(id);
+        });
+        _flashMessage.appendChild((translate) ? Translator.makePersistentTranslation(messageText, translationArgs, "span") : document.createTextNode(messageText));
+
+        wrapper.appendChild(_flashMessage);
+        document.getElementById("flashMessageContainer").appendChild(wrapper);
+        _flashMessage.fadeIn();
+        timeToShow = Helper.nonNull(timeToShow, FlashMessenger.defaultTimeToShow);
+        if (timeToShow > 0) {
+            FlashMessenger.deleteMessage(FlashMessenger.messageCount, timeToShow);
+        }
+        FlashMessenger.messageCount++;
+    }
+}
+
+FlashMessenger.messageCount = 0;
+FlashMessenger.defaultTimeToShow = 3500;
+FlashMessenger.LENGTH_SHORT= 1000;
+
+FlashMessenger.MESSAGE_TYPE_SUCCESS = 'success';
+FlashMessenger.MESSAGE_TYPE_ERROR = 'error';
+FlashMessenger.MESSAGE_TYPE_DEFAULT = 'default';
+FlashMessenger.MESSAGE_TYPE_INFO = 'info';
+FlashMessenger.MESSAGE_TYPE_WARNING = 'warning';
+
+class InitPromise
+{
+    static addPromise(promise)
+    {
+        if (typeof promise === 'function')
+        {
+            let func = promise;
+            promise = InitPromise.mainPromise.then(function(app){
+                return (func(app));
+            });
+        }
+        InitPromise.promises.push(promise);
+    }
+
+    static resolve(app)
+    {
+        InitPromise.mainResolver(app);
+        return InitPromise.mainPromise.then(function(){
+            return Promise.all(InitPromise.promises);
+        });
+    }
+}
+InitPromise.promises = [];
+InitPromise.mainPromise = new Promise(function(resolver){
+    InitPromise.mainResolver = resolver;
+});
+
+class MyDb {
+    constructor(dbName, version) {
+        let indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB || window.shimIndexedDB;
+        this._conn = indexedDB.open(dbName, version);
+
+        let myDB = this;
+        this._conn.onupgradeneeded = function (upgradeEvent) {
+            myDB.upgrade(myDB._conn.result, upgradeEvent.oldVersion, upgradeEvent.newVersion, upgradeEvent);
+        };
+        this.queryPromise = new Promise(function (resolve) {
+            myDB._conn.onsuccess = function (e) {
+                myDB._db = myDB._conn.result;
+                resolve(e);
+            };
+        });
+    }
+
+    openTransaction(name, transactionMode, callback) {
+        let myDb = this;
+        if (typeof transactionMode === 'function' && Helper.isNull(callback)) {
+            callback = transactionMode;
+            transactionMode = "read";
+        }
+
+        return this.queryPromise.then(function () {
+            let res = null;
+            try {
+                res = myDb._conn.result.transaction(name, transactionMode);
+            }
+            catch (e) {
+                console.warn(e);
+                res = myDb._conn.result.transaction(name);
+            }
+            callback(res);
+        });
+    }
+
+    openStore(name, transactionMode, callback) {
+        if (typeof transactionMode === 'function' && Helper.isNull(callback)) {
+            callback = transactionMode;
+            transactionMode = "readonly";
+        }
+        return this.openTransaction(name, transactionMode, function (t) {
+            callback(t.objectStore(name));
+        });
+    }
+
+    saveObj(obj, objectStore) {
+        let self = this;
+        return new Promise(function (resolve) {
+            self.openStore(objectStore, "readwrite", function (store) {
+                let request = store.put(obj);
+                request.onsuccess = resolve;
+                request.onerror = function (e) {
+                    throw {
+                        "type": "indexed-db-error",
+                        "event": e
+                    }
+                };
+            });
+        });
+    }
+
+    saveMany(manyObj, objectStore) {
+        let self = this;
+        return new Promise(function (resolve) {
+            self.openStore(objectStore, "readwrite", function (store) {
+                let promises = [];
+                for (let i = 0, n = manyObj.length; i < n; i++) {
+                    promises.push(new Promise(function (resolveInner) {
+                        let request = store.put(manyObj[i]);
+                        request.onsuccess = resolveInner;
+                        request.onerror = function (e) {
+                            throw {
+                                "type": "indexed-db-error",
+                                "event": e
+                            }
+                        };
+                    }));
+                }
+                resolve(Promise.all(promises));
+            });
+        });
+    }
+
+    load(key, objectStore) {
+        let self = this;
+        return new Promise( (resolve, reject) => {
+            self.openStore(objectStore, function (store) {
+                let request = store.get(key);
+                request.onsuccess = function (e) {
+                    resolve(e.currentTarget.result);
+                };
+                request.onerror = function (e) {
+                    console.warn(e);
+                    throw {
+                        "type": "indexed-db-load-error",
+                        "event": e
+                    }
+                };
+            }).catch(e => {
+                console.warn(e);
+                reject(e);
+            });
+        });
+    }
+    
+    loadAll(objectStore, query, count)
+    {
+        let self = this;
+        return new Promise((resolve, reject)  => {
+            self.openStore(objectStore, function (store) {
+                let request = store.getAll(query, count);
+                request.onsuccess = function (e) {
+                    resolve(e.currentTarget.result);
+                };
+                request.onerror = function (e) {
+                    console.warn(e);
+                    throw {
+                        "type": "indexed-db-load-error",
+                        "event": e
+                    }
+                };
+            }).catch(e => {
+                console.warn(e);
+                reject(e);
+            });
+        });
+    }
+
+    loadMany(index, value, objectStore, limit, direction) {
+        let self = this;
+        return new Promise(function (resolve) {
+            self.openStore(objectStore, function (store) {
+                let indexRequest = store.index(index);
+                indexRequest.onerror = function (e) {
+                    throw {
+                        "type": "indexed-db-index-error",
+                        "event": e
+                    }
+                };
+                let request = indexRequest.openCursor(value, direction);
+                request.onerror = function (e) {
+                    throw {
+                        "type": "indexed-db-index-error",
+                        "event": e
+                    }
+                };
+                let objects = [];
+                let numberResults = 0;
+                request.onsuccess = function (e) {
+                    let cursor = e.target.result;
+                    if (cursor) {
+                        objects.push(cursor.value);
+                        numberResults++;
+                        if (Helper.isNull(limit) || numberResults < limit) {
+                            cursor.continue();
+                            return;
+                        }
+                    }
+                    resolve(objects);
+                };
+            });
+        });
+    }
+
+    remove(id, objectStore) {
+        let self = this;
+        return new Promise(function (resolve) {
+            self.openStore(objectStore, "readwrite", function (store) {
+                let deleteRequest = store.delete(id);
+                deleteRequest.onerror = function (e) {
+                    throw {
+                        "type": "indexed-db-delete-error",
+                        "event": e
+                    }
+                };
+                deleteRequest.onsuccess = function (e) {
+                    resolve();
+                };
+            });
+        });
+    }
+
+    removeMany(ids, objectStore) {
+        let self = this;
+        return new Promise(function (resolve) {
+            self.openStore(objectStore, "readwrite", function (store) {
+                let promises = [];
+                for (let i = 0, n = ids.length; i < n; i++) {
+                    let deleteRequest = store.delete(ids[i]);
+                    deleteRequest.onerror = function (e) {
+                        throw {
+                            "type": "indexed-db-delete-error",
+                            "event": e
+                        }
+                    };
+                    promises.push(new Promise(function (resolve) {
+                        deleteRequest.onsuccess = function () {
+                            resolve();
+                        };
+                    }));
+                }
+                resolve(Promise.all(promises));
+            });
+        });
+    }
+
+    removeWithIndex(index, value, objectStore) {
+        let self = this;
+        return new Promise(function (resolve) {
+            self.openStore(objectStore, "readwrite", function (store) {
+                let indexRequest = store.index(index);
+                indexRequest.onerror = function (e) {
+                    throw {
+                        "type": "indexed-db-index-error",
+                        "event": e
+                    }
+                };
+                let request = indexRequest.openCursor(value);
+                request.onerror = function (e) {
+                    throw {
+                        "type": "indexed-db-index-error",
+                        "event": e
+                    }
+                };
+                request.onsuccess = function (e) {
+                    let cursor = e.target.result;
+                    if (cursor) {
+                        cursor.delete();
+                        cursor.continue();
+                    }
+                    else {
+                        resolve();
+                    }
+                };
+            });
+        });
+    }
+
+    removeAll(objectStore){
+        return new Promise((resolve) => {
+            this.openStore(objectStore, "readwrite", (store) => {
+                let req = store.clear();
+                req.onerror = (e) => {
+                    throw {
+                        "type":"indexed-db-index-error",
+                        "event": e
+                    }
+                };
+                req.onsuccess = resolve;
+            });
+        })
+    }
+
+    upgrade(db) {
+    };
+}
+
+class ScriptLoader {
+    static loadScript(scriptSrc) {
+        if (Helper.isNotNull(ScriptLoader.scriptPromises[scriptSrc])) {
+            return ScriptLoader.scriptPromises[scriptSrc];
+        }
+        else {
+            let scriptPromise = new Promise(function (resolve) {
+                let script = document.createElement("script");
+                script.src = Helper.basePath(scriptSrc);
+                script.onload = resolve;
+
+                document.body.appendChild(script);
+            });
+            ScriptLoader.scriptPromises[scriptSrc] = scriptPromise;
+            return scriptPromise;
+        }
+    }
+    static loadCss(cssFile, media){
+        if (Helper.isNotNull(ScriptLoader.cssPromises[cssFile])) {
+            return ScriptLoader.cssPromises[cssFile];
+        }
+        else {
+            media = Helper.nonNull(media, "all");
+            let cssPromise = new Promise(function (resolve) {
+                let link = document.createElement("link");
+                link.rel='stylesheet';
+                link.type="text/css";
+                link.href = Helper.basePath(cssFile);
+                link.media = media;
+                link.onload = resolve;
+
+                document.head.appendChild(link);
+            });
+            ScriptLoader.cssPromises[cssFile] = cssPromise;
+            return cssPromise;
+        }
+    }
+}
+
+ScriptLoader.scriptPromises = {};
+ScriptLoader.cssPromises = {};
+
+class ShareButton {
+    constructor(deviceType, icon, callback, shouldLoadImg)
+    {
+        this._deviceType = deviceType;
+        this._icon = icon;
+        this._callback = callback;
+
+        if (Helper.nonNull(shouldLoadImg, false)){
+            this._icon = ViewInflater.inflate(this._icon);
+        }
+    }
+
+    shouldShowFor(deviceType)
+    {
+        return (deviceType === (deviceType & this._deviceType))
+    }
+
+    getIcon()
+    {
+        return this._icon;
+    }
+
+    getCallback()
+    {
+        return this._callback;
+    }
+}
+ShareButton.TYPE_DESKTOP = 1;
+ShareButton.TYPE_MOBILE_APPLE = 2;
+ShareButton.TYPE_MOBILE_LEFTOVER = 4;
+ShareButton.TYPE_MOBILE = ShareButton.TYPE_MOBILE_APPLE+ShareButton.TYPE_MOBILE_LEFTOVER;
+ShareButton.TYPE_ALL = ShareButton.TYPE_DESKTOP+ShareButton.TYPE_MOBILE;
+
+class MultipleShareButton extends ShareButton{
+    constructor(deviceType, icon, callbacks, shouldLoadImg)
+    {
+        if (Array.isArray(deviceType) && deviceType[0] instanceof ShareButton){
+            let btn = deviceType[0];
+            callbacks = deviceType;
+            deviceType = btn._deviceType;
+            icon = btn._icon;
+            shouldLoadImg = Helper.nonNull(shouldLoadImg, icon);
+        }
+
+        super(deviceType, icon, function (link, element, event) {
+            if (!Array.isArray(callbacks)){
+                callbacks = [callbacks];
+            }
+            for (let i = 0; i < callbacks.length; i++) {
+                if (callbacks[i] instanceof ShareButton){
+                    callbacks[i].getCallback()(link, element, event);
+                }
+                else {
+                    console.log(callbacks, i);
+                    callbacks[i](link, element, event);
+                }
+            }
+        }, shouldLoadImg);
+    }
+}
+
+class ShareManager {
+    static init() {
+        ShareManager.shareButtons = [];
+    }
+
+    static addShareButton(shareButton) {
+        ShareManager.shareButtons.push(shareButton);
+    }
+
+    static generateDefaultShareElement(shareUrl) {
+        return ShareManager.generateShareElement(shareUrl, ShareManager.getDefaultGenerateCallback());
+    }
+
+    static generateDefaultShareElementForButtons(shareUrl, buttons) {
+        return ShareManager.generateShareElementForButtons(shareUrl, buttons, ShareManager.getDefaultGenerateCallback());
+    }
+
+    static generateShareElement(shareUrl, generateCallback) {
+        return ShareManager.generateShareElementForButtons(shareUrl, ShareManager.shareButtons, generateCallback);
+    }
+
+    static generateShareElementForButtons(shareUrl, buttons, generateCallback) {
+        let shareButtonElement = document.createElement("div");
+        let currentDeviceType = ShareManager.getCurrentDeviceType();
+        for (let i = 0, n = buttons.length; i < n; i++) {
+            if (buttons[i].shouldShowFor(currentDeviceType)) {
+                let elem = generateCallback(buttons[i], shareUrl);
+                elem.onclick = function (event) {
+                    buttons[i].getCallback()(shareUrl, this, event);
+                };
+                shareButtonElement.appendChild(elem);
+            }
+        }
+        return shareButtonElement;
+    }
+
+    static getCurrentDeviceType() {
+        if (navigator.userAgent.match(/iPhone|iPad|iPod/i)) {
+            return ShareButton.TYPE_MOBILE_APPLE;
+        }
+        else if ((navigator.userAgent.match(/Android|BlackBerry|Opera Mini|IEMobile/i) !== null || (typeof window.orientation !== "undefined"))) {
+            return ShareButton.TYPE_MOBILE_LEFTOVER;
+        }
+        else {
+            return ShareButton.TYPE_DESKTOP;
+        }
+    }
+
+    static getDefaultGenerateCallback() {
+        return function (button) {
+            let linkElement = document.createElement("a");
+            linkElement.classList.add("share-icon");
+            let iconUrl = button.getIcon();
+            if (typeof iconUrl === "string") {
+                let iconElement = document.createElement("img");
+                iconElement.src = Helper.basePath(button.getIcon());
+                iconElement.classList.add("share-icon");
+                linkElement.appendChild(iconElement);
+            }
+            else {
+                Promise.resolve(iconUrl).then(elem => {
+                    linkElement.appendChild(elem);
+                });
+            }
+
+            return linkElement;
+        }
+    }
+}
+
+ShareManager.init();
+
+class SmsShareButton extends ShareButton
+{
+    constructor(icon, shouldLoadImg) {
+        super(ShareButton.TYPE_MOBILE, icon, function (link) {
+            let linkToOpen = "";
+            if (ShareManager.getCurrentDeviceType() === ShareButton.TYPE_MOBILE_APPLE) {
+                linkToOpen = "sms:&body="+encodeURIComponent(link);
+            }
+            else {
+                linkToOpen = "sms:?&body=" + encodeURIComponent(link);
+            }
+            window.open(linkToOpen, '_blank', "noopener");
+        }, shouldLoadImg);
+    }
+}
+
+class TelegramShareButton extends ShareButton {
+    constructor(icon, shouldLoadImg) {
+        super(ShareButton.TYPE_ALL, icon, function (link) {
+            let linkToOpen = "https://t.me/share/url?url="+encodeURIComponent(link);
+            window.open(linkToOpen, '_blank', "noopener");
+        }, shouldLoadImg);
+    }
+}
+
+class WhatsappShareButton extends ShareButton {
+    constructor(icon, shouldLoadImg) {
+        super(ShareButton.TYPE_ALL, icon, function (link) {
+            let linkToOpen = "";
+            if (ShareManager.getCurrentDeviceType() === ShareButton.TYPE_DESKTOP) {
+                linkToOpen = "https://web.whatsapp.com/send?text="+encodeURIComponent(link);
+            }
+            else {
+                linkToOpen = "whatsapp://send?text=" + encodeURIComponent(link);
+            }
+            window.open(linkToOpen, '_blank', "noopener");
+        }, shouldLoadImg);
+    }
+}
+
+class Fragment extends Context
+{
+    constructor(site, view)
+    {
+        super(view);
+        this.site = site;
+        this.active = true;
+    }
+
+    getSite()
+    {
+        return this.site;
+    }
+
+    isActive()
+    {
+        return this.active;
+    }
+}
+
+class Theme
+{
+    constructor(name, className, icon)
+    {
+        this._name = name;
+        this._className = className;
+        this._icon = icon;
+    }
+}
+
+function applyPolyfills() {
+    if (!String.prototype.format) {
+        String.prototype["format"] = function (args) {
+            return this.replace(/{(\d+)}/g, function (match, number) {
+                return args[number] !== undefined
+                    ? args[number]
+                    : match
+                    ;
+            });
+        };
+    }
+    Object["assign"] = Helper.nonNull(Object["assign"], function (base, obj) {
+        base = Helper.nonNull(base, {});
+        if (obj === null || typeof(obj) !== 'object' || 'isActiveClone' in obj)
+            return base;
+
+        // if (obj instanceof Date) {
+        //     temp = new obj.constructor(); //or new Date(obj);
+        // }
+        // else {
+        //     temp = obj.constructor();
+        // }
+
+        for (let key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                obj['isActiveClone'] = null;
+                base[key] = obj[key];
+                delete obj['isActiveClone'];
+            }
+        }
+
+        return base;
+    });
+
+    if (typeof window !== 'undefined') {
+        if (Helper.isNotNull(window["Node"]) && !window["Node"]["prototype"]["removeAllChildren"]) {
+            Node.prototype["removeAllChildren"] = function () {
+                while (this.firstChild) {
+                    this.removeChild(this.firstChild);
+                }
+                return this;
+            };
+        }
+
+        if (HTMLElement) {
+            HTMLElement.prototype["fadeOut"] = Helper.nonNull(HTMLElement.prototype["fadeOut"],
+                function (time, effect, delay) {
+                    time = Helper.nonNull(time, 0.5);
+                    effect = Helper.nonNull(effect, "ease-in-out");
+                    delay = Helper.nonNull(delay, 0);
+                    this.style.transition = "opacity " + time + "s " + effect + " " + delay + "s";
+                    let elem = this;
+                    let animPromise = new Promise(function (resolve) {
+                        let transEndLis = function (e) {
+                            elem.removeEventListener("transitionend", transEndLis);
+                            elem.removeEventListener("transitioncancel", transCancelledLis);
+                            elem.style.opacity = null;
+                            elem.style.transition = null;
+                            resolve(true, e);
+                        };
+
+                        let transCancelledLis = function (e) {
+                            elem.removeEventListener("transitionend", transEndLis);
+                            elem.removeEventListener("transitioncancel", transCancelledLis);
+                            elem.style.opacity = null;
+                            elem.style.transition = null;
+                            resolve(false, e);
+                        };
+                        elem.addEventListener("transitionend", transEndLis);
+                        elem.addEventListener("transitioncancel", transCancelledLis);
+                        //Fallback
+                        setTimeout(() => {
+                            resolve(false);
+                        }, (time + delay) * 1000);
+                    });
+
+                    //Nach Seitenneuzeichnen, damit chrome das immer macht (und FF auch)
+                    requestAnimationFrame(function () {
+                        requestAnimationFrame(function () {
+                            elem.style.opacity = 0;
+                        });
+                    });
+                    return animPromise
+                });
+
+            HTMLElement.prototype["fadeIn"] = Helper.nonNull(HTMLElement.prototype["fadeIn"], function (time, effect, delay) {
+                time = Helper.nonNull(time, 0.5);
+                effect = Helper.nonNull(effect, "ease-in-out");
+                delay = Helper.nonNull(delay, 0);
+                this.style.transition = "opacity " + time + "s " + effect + " " + delay + "s";
+
+                let elem = this;
+                let animPromise = new Promise(function (resolve) {
+                    let transEndLis = function (e) {
+                        elem.removeEventListener("transitionend", transEndLis);
+                        elem.removeEventListener("transitioncancel", transCancelledLis);
+                        elem.style.opacity = null;
+                        elem.style.transition = null;
+                        resolve(true, e);
+                    };
+
+                    let transCancelledLis = function (e) {
+                        elem.removeEventListener("transitionend", transEndLis);
+                        elem.removeEventListener("transitioncancel", transCancelledLis);
+                        elem.style.opacity = null;
+                        elem.style.transition = null;
+                        resolve(false, e);
+                    };
+                    elem.addEventListener("transitionend", transEndLis);
+                    elem.addEventListener("transitioncancel", transCancelledLis);
+
+                    if (getComputedStyle(elem).getPropertyValue("opacity") === "1") {
+                        resolve(false);
+                    }
+                    //Fallback
+                    setTimeout(() => {
+                        resolve(false);
+                    }, (time + delay) * 1000);
+
+                    //Nach Seitenneuzeichnen, damit chrome das immer macht (und FF auch)
+                    requestAnimationFrame(function () {
+                        requestAnimationFrame(function () {
+                            elem.style.opacity = 1;
+                        });
+                    });
+                });
+                return animPromise;
+            });
+        }
+
+        if (Node) {
+            Node.prototype["replaceWith"] = Helper.nonNull(Node.prototype["replaceWith"], function (elem) {
+                this.parentElement.replaceChild(elem, this);
+            });
+            Node.prototype["remove"] = Helper.nonNull(Node.prototype["remove"], function () {
+                this.parentElement.removeChild(this);
+            });
+        }
+
+        if (Element) {
+            Element.prototype.matches = Helper.nonNull(Element.prototype.matches, Helper.nonNull(Element.prototype["matchesSelector"], Element.prototype["webkitMatchesSelector"]));
+
+            window["Element"]["prototype"]["closest"] = Helper.nonNull(window["Element"]["prototype"]["getAll"], function (s) {
+                // if (!Element.prototype.matches)
+                //     Element.prototype.matches = Element.prototype.msMatchesSelector ||
+                //         Element.prototype.webkitMatchesSelector;
+                //
+                // if (!Element.prototype.closest)
+                //     Element.prototype.closest = function(s) {
+                let el = this;
+                if (!document.documentElement.contains(el)) return null;
+                do {
+                    if (el.matches(s)) return el;
+                    el = el.parentElement;
+                } while (el !== null);
+                return null;
+                // };
+            });
+        }
+
+        window["IDBObjectStore"]["prototype"]["getAll"] = Helper.nonNull(window["IDBObjectStore"]["prototype"]["getAll"], function () {
+            let res = {};
+            let items = [];
+            this.openCursor().onsuccess = function (e) {
+                let cursor = e.target.result;
+                if (Helper.isNotNull(cursor)) {
+                    items.push(cursor.value);
+                    cursor.continue();
+                }
+                else if (Helper.isNotNull(res.onsuccess)) {
+                    res.onsuccess({currentTarget: {result: items}});
+                }
+            };
+            return res;
+        });
+    }
+
+    String.prototype.startsWith = Helper.nonNull(String.prototype.startsWith, function (searchString, position) {
+        position = position || 0;
+        return this.indexOf(searchString, position) === position;
+    });
+
+    String.prototype.endsWith = Helper.nonNull(String.prototype.endsWith, function (searchString, position) {
+        var subjectString = this.toString();
+        if (typeof position !== 'number' || !isFinite(position) || Math.floor(position) !== position || position > subjectString.length) {
+            position = subjectString.length;
+        }
+        position -= searchString.length;
+        var lastIndex = subjectString.indexOf(searchString, position);
+        return lastIndex !== -1 && lastIndex === position;
+    });
+
+
+    window["fetch"] = Helper.nonNull(window["fetch"], function (url) {
+        console.log("customFetch", url);
+        let request = null;
+        if (window.XMLHttpRequest) { // Mozilla, Safari, ...
+            request = new XMLHttpRequest();
+        } else if (window.ActiveXObject) { // IE
+            try {
+                request = new ActiveXObject('Msxml2.XMLHTTP');
+            }
+            catch (e) {
+                try {
+                    request = new ActiveXObject('Microsoft.XMLHTTP');
+                }
+                catch (e) {
+                }
+            }
+        }
+
+        let resultPromise = new Promise(function (resolve) {
+            request.onload = function () {
+                let data = this.responseText;
+                let response = {
+                    json: function () {
+                        return Promise.resolve(JSON.parse(data));
+                    },
+                    text: function () {
+                        return Promise.resolve(data);
+                    }
+                };
+                resolve(response);
+            };
+            request.onerror = function (err) {
+                resolve(Promise.reject(err));
+            };
+        });
+        request.open('get', url, true);
+        request.send();
+        return resultPromise;
+    });
+}
+
+class Constants{}
+Constants.SCRIPTS = {
+    CKEDITOR:"version/2/ckeditor/ckeditor.js",
+    LIST_JS: "version/1/listjs/list.min.js"
+};
+
+class DataManager {
+    static async load(url, isCachable, raw) {
+        isCachable = Helper.nonNull(isCachable, false);
+        raw = Helper.nonNull(raw, false);
+        let fullUrl = (isCachable) ? Helper.basePath(DataManager.cachePath + url) : Helper.basePath(DataManager.dataPath + url);
+
+        return this._load(fullUrl, raw);
+    }
+
+    static async _load(url, raw) {
+        return fetch(url, {"credentials": "same-origin"}).then(function (res) {
+            if (raw) {
+                return res.text();
+            }
+            return res.json();
+        }).catch(function (e) {
+            if (!raw) {
+                return {
+                    "success": false,
+                    "errors": [
+                        "not-online"
+                    ]
+                }
+            }
+        });
+    }
+
+    static async loadStatic(url, raw) {
+        raw = Helper.nonNull(raw, false);
+        let fullUrl = Helper.basePath(url);
+
+        return this._load(fullUrl, raw);
+    }
+
+    static async send(url, params) {
+        let fullUrl = Helper.basePath(DataManager.dataPath + url);
+
+        if (!(params instanceof FormData)) {
+            let newParams = new FormData();
+            for (let k in params) {
+                newParams.append(k, params[k]);
+            }
+            params = newParams;
+        }
+
+        return fetch(fullUrl, {
+            "credentials": "same-origin",
+            "method": "POST",
+            "body": params
+        }).then(function (res) {
+            return res.json();
+        }).catch(function (e) {
+            console.error("error", e);
+            return {
+                "success": false,
+                "errors": [
+                    "not-online"
+                ]
+            }
+        });
+    }
+
+    static buildQuery(values) {
+        return Helper.buildQuery(values);
+    }
+}
+
+DataManager.dataPath = "data/";
+DataManager.cachePath = "cached/";
+
+class Form {
+    constructor(formElem, url, method, isCachable) {
+        this.formElem = formElem;
+        this.method = Helper.nonNull(method, Helper.nonNull(formElem["method"], "POST"));
+        this.isCachable = (Helper.nonNull(isCachable, this.method.toLowerCase() === "get") === true);
+
+        this.isBusy = false;
+
+        if (typeof url === "string")
+        {
+            this.submitHandler = function(values){
+                if (self.method.toLowerCase() === "get") {
+                    return (DataManager.load(url + DataManager.buildQuery(values), self.isCachable));
+                }
+                else {
+                    return (DataManager.send(url, values));
+                }
+            };
+        }
+        else {
+            this.submitHandler = url;
+        }
+
+        let self = this;
+
+        this.submitCallback = null;
+        this.errorCallback = async function (errors) {
+            await self.setErrors(errors);
+        };
+
+        formElem.addEventListener("submit", async function (e) {
+            console.log("submitting!", e);
+            e.preventDefault();
+            await self.doSubmit(e);
+        });
+
+        for (let i = 0, n = formElem.elements.length; i < n; i++) {
+            let elem = formElem.elements[i];
+            elem.addEventListener("change", function () {
+                if (this.value.trim() !== "") {
+                    this.classList.add("notEmpty");
+                }
+                else {
+                    this.classList.remove("notEmpty");
+                }
+                this.setCustomValidity("");
+            });
+            elem.addEventListener("keydown", function () {
+                this.setCustomValidity("");
+            });
+        }
+    }
+
+    onError(errorHandler, ownHandlerForOptimisticLocking){
+        ownHandlerForOptimisticLocking = Helper.nonNull(ownHandlerForOptimisticLocking, true);
+        let callback = null;
+
+        if (ownHandlerForOptimisticLocking){
+            callback = function(errors){
+                if (Array.isArray(errors) && errors.indexOf("optimistic-locking-exception") >= 0){
+                    let dialog = new Dialog("optimistic-locking-dialog", "optimistic-locking-dialog-title");
+                    dialog.addDefaultButton();
+                    dialog.show();
+                }
+                else
+                {
+                    errorHandler(errors);
+                }
+            };
+        }
+        else
+        {
+            callback = errorHandler;
+        }
+        this.errorCallback = callback;
+    }
+
+    doSubmit() {
+        if (!this.isBusy) {
+            let self = this;
+            return this.submit().then(function (res) {
+                if (res["success"]) {
+                    if (self.submitCallback !== null) {
+                        return self.submitCallback(res["result"]);
+                    }
+                }
+                else if (Helper.isNotNull(self.errorCallback)) {
+                    return self.errorCallback(res["errors"]);
+                }
+            });
+        }
+    }
+
+    load(url, isCached) {
+        this.setValues(DataManager.load(url, isCached).then(function (values) {
+            if (values["success"]) {
+                return values["result"];
+            }
+            return {};
+        }));
+        return this;
+    }
+
+    setValues(valuePromise) {
+        this.setIsBusy(true);
+
+        let self = this;
+        return Promise.resolve(valuePromise).then(function (values) {
+            self.setIsBusy(false);
+            for (let k in values) {
+                if (Helper.isNotNull(self.formElem.elements[k])) {
+                    if (Helper.isNotNull(self.formElem.elements[k].options) && Helper.isNotNull(values[k+"Options"]))
+                    {
+                        let options = self.formElem.elements[k].options;
+                        for (let val in values[k+"Options"])
+                        {
+                            let option = document.createElement("option");
+                            option.value = val;
+                            option.innerText = values[k+"Options"][val];
+                            options.add(option);
+                        }
+                    }
+
+                    self.formElem.elements[k].value = Helper.htmlspecialcharsDecode(values[k]);
+                    if (Helper.isNotNull(values[k]) && (""+values[k]).trim() !== "") {
+                        self.formElem.elements[k].classList.add("notEmpty");
+                    }
+                    else {
+                        self.formElem.elements[k].classList.remove("notEmpty");
+                    }
+                }
+            }
+            return self;
+        });
+    }
+
+    async setErrors(errors) {
+        let hasElem = false;
+        let firstError = null;
+
+        for (let k in errors) {
+            if (Helper.isNotNull(this.formElem.elements[k]) && this.formElem.elements[k].type !== "hidden"
+                && Helper.isNull(this.formElem.elements[k].readonly) && (
+                    Helper.isNull(this.formElem.elements[k].disabled) || !this.formElem.elements[k].disabled)
+            ) {
+                this.formElem.elements[k].setCustomValidity(Translator.translate(Helper.nonNull(errors[k], "form-default-error")));
+                hasElem = true;
+            }
+            if (Helper.isNull(firstError)) {
+                firstError = Helper.nonNull(errors[k], "form-default-error");
+            }
+        }
+        if (!hasElem && Helper.isNotNull(firstError)) {
+            for (let k in this.formElem.elements) {
+                if (this.formElem.elements[k].type !== "hidden") {
+                    this.formElem.elements[k].setCustomValidity(Translator.translate(firstError));
+                    hasElem = true;
+                    break;
+                }
+            }
+        }
+
+        if (hasElem) {
+            this.formElem.querySelector("input[type=submit]").click();
+        }
+    }
+
+    setIsBusy(isBusy) {
+        this.isBusy = isBusy;
+        if (this.isBusy) {
+            this.formElem.classList.add("sending");
+        }
+        else {
+            this.formElem.classList.remove("sending");
+        }
+    }
+
+    submit() {
+        let self = this;
+        return new Promise(function (resolve) {
+            self.setIsBusy(true);
+            let values = new FormData(self.formElem);
+            resolve(self.submitHandler(values));
+        }).then(function (data) {
+            self.setIsBusy(false);
+            return data;
+        });
+    }
+
+    onSubmit(callback) {
+        this.submitCallback = callback;
+    }
+}
+
+class SettingsManager {
+    static getInstance() {
+        if (SettingsManager._instance === null) {
+            SettingsManager._instance = new SettingsManager();
+        }
+        return SettingsManager._instance;
+    }
+
+    constructor() {
+        this._settings = null;
+        this._localStorageKey = "settings";
+    }
+
+    getSettings() {
+        if (Helper.isNull(this._settings)) {
+            this._loadSettings();
+        }
+        return this._settings;
+    }
+
+    getSetting(name, defaultValue) {
+        const settings = this.getSettings();
+
+        if (Helper.isNotNull(settings[name])) {
+            return settings[name].value;
+        }
+        else {
+            return defaultValue;
+        }
+    }
+
+    deleteSetting(name) {
+        this.getSettings();
+        delete this._settings[name];
+        this._saveSettings();
+    }
+
+    setSetting(name, value) {
+        this.getSettings();
+        this._settings[name] = {
+            date: new Date().getTime(),
+            value: value
+        };
+        this._saveSettings();
+    }
+
+    setSettings(settingsObject) {
+        this.getSettings();
+        for (const k in settingsObject) {
+            this._settings[k] = settingsObject[k];
+        }
+        this._saveSettings();
+    }
+
+    hasSetting(name)
+    {
+        return Helper.nonNull(this._settings[name]);
+    }
+
+    _loadSettings() {
+        this._settings = localStorage.getItem(this._localStorageKey);
+        if (this._settings === null) {
+            this._settings = {};
+        }
+        else {
+            this._settings = JSON.parse(this._settings);
+        }
+    }
+
+    _saveSettings() {
+        if (this._settings !== null) {
+            localStorage.setItem(this._localStorageKey, JSON.stringify(this._settings));
+        }
+    }
+}
+
+SettingsManager._instance = null;
+
+class LocalStorageSettingsFragment extends Fragment {
+    onFirstStart() {
+        let res = super.onFirstStart();
+        let settings = this.findBy(".setting", true);
+        const settingsManager = SettingsManager.getInstance();
+
+        for (let i = 0; i < settings.length; i++) {
+            let setting = settings[i];
+            const name = setting.name;
+            let value;
+            if (!setting["dataset"]["raw"]) {
+                value = settingsManager.getSetting(name);
+            } else {
+                value = localStorage.getItem(name);
+            }
+
+            let isCheckable = false;
+            if (setting instanceof HTMLInputElement && (setting.type === 'checkbox' || setting.type === 'radio')) {
+                isCheckable = true;
+            }
+            if (((!setting["dataset"]["raw"] && !settingsManager.hasSetting(name)) || (setting["dataset"]["raw"] && value === null))
+                && Helper.isNotNull(settings[i]["dataset"]["default"])) {
+                value = setting["dataset"]["default"];
+                if (Helper.isNotNull(setting["dataset"]["defaultTranslateable"])) {
+
+                    setting["dataset"]["translation"] = "";
+                    setting["dataset"]["translationValue"] = value;
+                    value = Translator.translate(value);
+                }
+            }
+
+            if (Helper.isNotNull(value)) {
+                if (isCheckable) {
+                    setting.checked = (value === setting.value);
+                }
+                else {
+                    setting.value = value;
+                }
+                if (value !== "") {
+                    setting.classList.add("notEmpty");
+                }
+            }
+
+            setting.addEventListener("change", function () {
+                let value = this.value;
+                if (isCheckable && !this.checked) {
+                    value = null;
+                }
+                if (!setting["dataset"]["raw"]) {
+                    settingsManager.setSetting(name, value);
+                } else {
+                    localStorage.setItem(name, value);
+                }
+                delete setting["dataset"]["translationValue"];
+                delete setting["dataset"]["translation"];
+            });
+        }
+        return res;
+    }
+
+    onStart() {
+        let res = super.onStart();
+        let settings = this.findBy(".setting", true);
+        const settingsManager = SettingsManager.getInstance();
+
+        for (let i = 0; i < settings.length; i++) {
+            let setting = settings[i];
+            const name = setting.name;
+            let value;
+            if (!setting["dataset"]["raw"]) {
+                value = settingsManager.getSetting(name);
+            } else {
+                value = localStorage.getItem(name);
+            }
+
+            let isCheckable = false;
+            if (setting instanceof HTMLInputElement && (setting.type === 'checkbox' || setting.type === 'radio')) {
+                isCheckable = true;
+            }
+
+            if (Helper.isNotNull(value)) {
+                if (isCheckable) {
+                    setting.checked = (value === setting.value);
+                }
+                else {
+                    setting.value = value;
+                }
+                if (value !== "") {
+                    setting.classList.add("notEmpty");
+                }
+            }
+        }
+        return res;
+    }
+}
+
+class SmartColumn{
+    constructor(name, label, translateable){
+        this._name = name;
+        this._label = label;
+        this._translateable = Helper.nonNull(translateable, true);
+        this._sortable = true;
+
+        this._index = -1;
+
+        this._clickListener = null;
+    }
+
+    setClickListener(listener)
+    {
+        this._clickListener = listener;
+        return this;
+    }
+
+    setIndex(index)
+    {
+        this._index = index;
+    }
+
+    getName()
+    {
+        return this._name;
+    }
+
+    getLabel()
+    {
+        return this._label;
+    }
+
+    getHeadElement()
+    {
+        const headElement = document.createElement("th");
+        headElement.appendChild((this._translateable)?Translator.makePersistentTranslation(this._label):document.createTextNode(this._label));
+
+        if (this._sortable)
+        {
+            headElement.classList.add("sort");
+            headElement["dataset"]["sort"] = this._name;
+        }
+
+        headElement["dataset"]["column"] = this._index;
+
+        this._headElement = headElement;
+        return this._headElement;
+    }
+
+    getValueName(){
+        return this._name;
+    }
+    
+    prepareData(myData, rowData)
+    {
+        return myData;
+    }
+
+    getItemElement(){
+        const element = document.createElement("td");
+        element.classList.add(this._name);
+        element["dataset"]["column"] = this._index;
+
+        if (Helper.isNotNull(this._clickListener))
+        {
+            element.classList.add("clickable");
+        }
+
+        return element;
+    }
+
+    click(tableCell, table, event){
+        if (Helper.isNotNull(this._clickListener))
+        {
+            this._clickListener(tableCell, table, event);
+        }
+    }
+}
+
+class ConstSmartColumn extends SmartColumn{
+    constructor(name, label, translatable, valueTranslatable) {
+        super(name, label, translatable);
+        this._sortable = false;
+        this._valueTranslatable = Helper.nonNull(valueTranslatable, false);
+    }
+
+    getValueName() {
+        return null;
+    }
+
+    getItemElement(){
+        const element = super.getItemElement();
+        element.classList.remove(this._name);
+        element.appendChild((this._valueTranslatable)?Translator.makePersistentTranslation(this._name):document.createTextNode(this._name));
+        return element;
+    }
+}
+
+class DataSmartColumn extends SmartColumn{
+    constructor(name, label, translateable) {
+        translateable = Helper.nonNull(translateable, false);
+        super(name, label, translateable);
+    }
+
+    getHeadElement() {
+        return document.createTextNode("");
+    }
+
+    getValueName() {
+        return {
+            "data":[this._name]
+        };
+    }
+
+    getItemElement() {
+        return document.createTextNode("");
+    }
+}
+
+class ImgConstSmartColumn extends ConstSmartColumn{
+    constructor(name, label, translateable) {
+        super(name, label, translateable);
+        this._valueTranslatable = false;
+    }
+
+    getItemElement() {
+        const element = super.getItemElement();
+        const imgElement = document.createElement("img");
+        imgElement["src"] = this._name;
+
+        element.removeAllChildren().appendChild(imgElement);
+        return element;
+    }
+}
+
+class ListHelper {
+    constructor(id, options, values) {
+        this._tableElement = id;
+        this._options = Helper.nonNull(options, {});
+        this._values = values;
+
+        if (typeof this._tableElement === "string") {
+            this._tableElement = document.getElementById(this._tableElement);
+        }
+
+        this._columns = [];
+        if (Array.isArray(options)) {
+            this._columns = options;
+        }
+        else if (Helper.isNotNull(options["columns"])) {
+            this._columns = options["columns"];
+        }
+    }
+
+    prepareData(data) {
+        console.log("prepareData", data);
+        if (Helper.isNotNull(data)) {
+            for (let i = 0, n = data.length; i < n; i++) {
+                data[i] = this.prepareDataset(data[i]);
+            }
+        }
+        return data;
+    }
+
+    prepareDataset(dataset) {
+        console.log("prepareDataset", dataset);
+        for (let i = 0, n = this._columns.length; i < n; i++) {
+            if (Helper.isNotNull(dataset[this._columns[i].getName()])) {
+                dataset[this._columns[i].getName()] = this._columns[i].prepareData(dataset[this._columns[i].getName()], dataset);
+            }
+        }
+        return dataset;
+    }
+
+    createTable() {
+        if (Helper.isNotNull(this._columns)) {
+            this.updateColumns();
+        }
+
+        let id = this._tableElement;
+        let options = this._options;
+        let values = this._values;
+
+        options["item"] = Helper.nonNull(options["item"], id["id"] + "-template-item");
+        options["page"] = Helper.nonNull(options["page"], 5);
+        options["pagination"] = Helper.nonNull(options["pagination"], {
+            "outerWindow": 1,
+            "innerWindow": 1
+        });
+
+        let template = document.getElementById(options["item"]);
+        if (template) {
+            options["item"] = template.outerHTML;
+            template.remove();
+        }
+
+        values = this.prepareData(values);
+
+        const list = new List(id, options, values);
+        let self = this;
+        id.querySelector("." + Helper.nonNull(options["listClass"], "list")).addEventListener("click", function (e) {
+            let columnElem = e.target.closest("td[data-column]");
+            const column = parseInt(columnElem["dataset"]["column"]);
+            if (self._columns.length > column) {
+                self._columns[column].click(columnElem, list, e);
+            }
+        });
+        this.list = list;
+
+        return list;
+    }
+
+    updateColumns() {
+        const head = document.createElement("tr");
+        const item = document.createElement("tr");
+        const valueNames = [];
+
+        for (let i = 0, n = this._columns.length; i < n; i++) {
+            this._columns[i].setIndex(i);
+
+            head.appendChild(this._columns[i].getHeadElement());
+            item.appendChild(this._columns[i].getItemElement());
+
+            const valueName = this._columns[i].getValueName();
+            if (Helper.isNotNull(valueName)) {
+                valueNames.push(valueName);
+            }
+        }
+        const header = this._tableElement.querySelector("thead");
+        const footer = this._tableElement.querySelector("tfoot");
+
+        if (Helper.isNotNull(header)) {
+            header.removeAllChildren().appendChild(head);
+        }
+        if (Helper.isNotNull(footer)) {
+            footer.removeAllChildren().appendChild(Helper.cloneNode(head));
+        }
+
+
+        this._options["item"] = item.outerHTML;
+        this._options["valueNames"] = valueNames;
+    }
+
+    getList() {
+        return this.list;
+    }
+
+    updateItem(valueName, value, newValues) {
+        const items = this.list.get(valueName, value);
+        if (Helper.isNotNull(items) && items.length >= 1) {
+            newValues = this.prepareDataset(newValues);
+            items[0].values(newValues);
+        }
+    }
+
+    setBusy(isBusy) {
+        if (isBusy) {
+            this._tableElement.classList.add("sending");
+        }
+        else {
+            this._tableElement.classList.remove("sending");
+        }
+    }
+}
+
+class SettingsSite extends AbstractSite {
+    constructor(siteManager) {
+        super(siteManager, SettingsSite.template, "settings");
+        for (let k in SettingsSite.settingsFragments) {
+            this.addSettingsFragment(k, new SettingsSite.settingsFragments[k](this));
+        }
+        this.active = null;
+    }
+
+    addSettingsFragment(name, settingsFragment) {
+        this.addFragment("#settings-fragments", settingsFragment);
+        delete this.fragments["#settings-fragments"];
+        this.fragments[name] = settingsFragment;
+    }
+
+    onStart() {
+        let res = super.onStart();
+        if (Helper.isNotNull(this.active) && !this.fragments[this.active].isActive()) {
+            this.setActive(null);
+        }
+
+        this.buildList();
+        return res;
+    }
+
+    setActive(name) {
+        if (Helper.isNotNull(this.active)) {
+            this.fragments[this.active].inflatePromise.then(function (view) {
+                view.classList.remove("active");
+            });
+            this.findBy("#show-fragment-" + this.active).classList.remove("active");
+        }
+        this.active = name;
+        if (Helper.isNotNull(this.active)) {
+            this.fragments[this.active].inflatePromise.then(function (view) {
+                view.classList.add("active");
+            });
+            this.findBy("#show-fragment-" + this.active).classList.add("active");
+        }
+    }
+
+    buildList() {
+        let listNameElem = this.findBy("#settings-fragment-list");
+        listNameElem.removeAllChildren();
+
+        let self = this;
+        for (let k in this.fragments) {
+            if (this.fragments[k].isActive()) {
+
+                let liElement = document.createElement("li");
+                liElement.id = "show-fragment-" + k;
+                liElement.appendChild(Translator.makePersistentTranslation(k, null, "a"));
+                liElement.addEventListener("click", function () {
+                    self.setActive(k);
+                });
+                listNameElem.appendChild(liElement);
+
+                if (Helper.isNull(this.active)) {
+                    this.setActive(k);
+                }
+            }
+        }
+    }
+
+    static addSettingsFragment(name, settingsFragment) {
+        SettingsSite.settingsFragments[name] = settingsFragment;
+    }
+
+    static setAddSettingsSite(addLink) {
+        SettingsSite.shouldAddSettingsSite = addLink;
+    }
+
+    static setTemplate(template) {
+        SettingsSite.template = template;
+    }
+}
+
+SettingsSite.template = 'core/html/settings.html';
+SettingsSite.settingsFragments = {};
+SettingsSite.shouldAddSettingsSite = true;
+SettingsSite.settingsAction = null;
+SettingsSite.shouldAddSettingsAction = true;
+
+InitPromise.addPromise(function (app) {
+    if (SettingsSite.shouldAddSettingsSite) {
+        app.addDeepLink("settings", SettingsSite);
+
+        if (Helper.isNull(SettingsSite.settingsAction)) {
+            let settingsAction = new MenuAction("settings", function () {
+                app.startSite(SettingsSite);
+            }, MenuAction.SHOW_FOR_LARGE, 10000);
+            settingsAction.setIcon("img/settings.png");
+            SettingsSite.settingsAction = settingsAction;
+        }
+        if (SettingsSite.shouldAddSettingsAction) {
+            app.addDefaultAction(SettingsSite.settingsAction);
+        }
+    }
+});
+
+class UserManager {
+    static init(app) {
+        UserManager.getMeUrl = null;
+        UserManager.userData = {
+            online: false,
+            id: null,
+            accesses: ["default"]
+        };
+        UserManager.app = app;
+
+        UserManager.fetchMePromise = new Promise(function (resolve) {
+            UserManager.fetchMePromiseResolver = resolve;
+        });
+    }
+
+    static setData(data) {
+        UserManager.userData = Object.assign(UserManager.userData, data);
+        let siteManager = UserManager.app.getSiteManager();
+
+        if (siteManager)
+            siteManager.redrawCurrentActionBar();
+    }
+
+    static fetchMe(url) {
+        UserManager.getMeUrl = Helper.nonNull(url, UserManager.getMeUrl);
+        return DataManager.load(UserManager.getMeUrl).then(function (result) {
+            if (result["success"]) {
+                UserManager.setData(result["result"]);
+            }
+            UserManager.fetchMePromiseResolver();
+        });
+    }
+
+    static logOut() {
+        return DataManager.load("u/logout").then(function (data) {
+            if (data["success"]) {
+                UserManager.setData(data["result"]);
+                let siteManager = UserManager.app.getSiteManager();
+
+                if (siteManager)
+                    siteManager.refreshCurrentSite();
+                FlashMessenger.addMessage(FlashMessenger.MESSAGE_TYPE_SUCCESS, Translator.translate("logged-out-successfully"));
+            }
+        });
+    }
+
+    static hasAccess(access) {
+        // console.log("Has access", access, UserManager.userData["accesses"].indexOf(access), UserManager.userData);
+        return (UserManager.userData["accesses"].indexOf(access) >= 0)
+    }
+
+    static addCurrentUserListener(userId, listener) {
+        UserManager.addIsLoggedInListener(function (isLoggedIn) {
+            listener(isLoggedIn && UserManager.isCurrentUser(userId));
+        });
+    }
+
+    static addIsLoggedInListener(listener) {
+        this.fetchMePromise.then(function () {
+            listener(UserManager.isLoggedIn());
+        });
+    }
+
+    static isCurrentUser(userId) {
+        return UserManager.userData.id === userId;
+    }
+
+    static isLoggedIn() {
+        return Helper.isNotNull(UserManager.userData) && Helper.isNotNull(UserManager.userData.id);
+    }
+}
+
+InitPromise.addPromise(function(app){
+    UserManager.init(app);
+    return UserManager.fetchMe("u/me").then(function(){
+        UserManager.addIsLoggedInListener(function (isLoggedIn) {
+            if (isLoggedIn) {
+                const settingsManager = SettingsManager.getInstance();
+                const settings = Helper.cloneJson(settingsManager.getSettings());
+                for (let k in settings) {
+                    settings[k]["value"] = JSON.stringify(settings[k]["value"]);
+                }
+                DataManager.send("u/syncSettings", settings).then(function(res){
+                    if (res["success"])
+                    {
+                        for (let k in res["result"])
+                        {
+                            res["result"][k]["value"] = JSON.parse(res["result"][k]["value"]);
+                        }
+                        settingsManager.setSettings(res["result"]);
+                    }
+                });
+            }
+        });
+    });
+});
+
+class UserAction extends MenuAction {
+    constructor(title, callback, icon, order, access) {
+        super(title, callback, icon, order);
+        this._access = Helper.nonNull(access, "default");
+    }
+
+    getVisible() {
+        // console.log("Action-access: ", this._access);
+        return (super.getVisible() && UserManager.hasAccess(this._access));
+    }
+
+    getAccess() {
+        return this._access;
+    }
+
+    copy(instance){
+        let copy = super.copy(Helper.nonNull(instance, new UserAction()));
+        copy._access = this._access;
+        return copy;
+    }
+}
+
+class NotAllowedSite extends AbstractSite{
+    constructor(siteManager) {
+        super(siteManager, 'userManagement/html/403.html');
+    }
+}
+
+class UserSite extends AbstractSite {
+
+    constructor(siteManager, view, deepLink, access) {
+        super(siteManager, view, deepLink);
+        this._access = access;
+    }
+
+    onConstruct(args) {
+        if (!UserManager.hasAccess(this._access))
+        {
+            this.startSite(NotAllowedSite);
+            this.finish({
+                "error":403 
+            });
+            return;
+        }
+        return super.onConstruct(args);
+    }
+
+    onStart(args) {
+        if (!UserManager.hasAccess(this._access))
+        {
+            this.startSite(NotAllowedSite);
+            this.finish({
+                "error":403
+            });
+            return;
+        }
+        return super.onStart(args);
+    }
+}
+
+class LoginForm extends Form {
+
+    constructor(formElem, url, method, isCachable) {
+        super(formElem, url, method, isCachable);
+
+        let emailElem = formElem.querySelector("#email");
+        let passwordElem = formElem.querySelector("#password");
+
+        let listener = function(){
+            emailElem.setCustomValidity("");
+            passwordElem.setCustomValidity("");
+        };
+
+        emailElem.addEventListener("keydown", listener);
+        passwordElem.addEventListener("keydown", listener);
+    }
+}
+
+class RegistrationForm extends Form {
+    constructor(formElem, url, method, isCachable) {
+        super(formElem, url, method, isCachable);
+
+        // this.pw1 = formElem.querySelector("#password1");
+        // this.pw2 = formElem.querySelector("#password2");
+
+        // let self=this;
+        // this.pw1.addEventListener("change", function(){
+        //     self.checkPw();
+        // });
+        // this.pw2.addEventListener("change", function(){
+        //     self.checkPw();
+        // });
+    }
+
+    checkPw(){
+        // if (this.pw1.value !== this.pw2.value || this.pw1.value.length < 8)
+        // {
+        //
+        // }
+    }
+}
+
+class UserFragment extends Fragment{
+
+    constructor(site, view, access) {
+        super(site, view);
+        this._access = access;
+    }
+
+    isActive() {
+        return super.isActive() && UserManager.hasAccess(this._access);
+    }
+}
+
+class PasswordSettingsFragment extends UserFragment{
+    constructor(site)
+    {
+        super(site, "userManagement/html/fragments/passwordSettings.html", "online");
+    }
+    onFirstStart() {
+        let res = super.onFirstStart();
+        let form = new Form(document.getElementById("change-password-form"), "u/passwordSettings/set", "post");
+        form.onSubmit(function(res){
+            for (let i = 0, n = res.length; i < n; i++)
+            {
+                FlashMessenger.addMessage(res[i]);
+            }
+            form.setValues({
+                "oldPassword":"",
+                "newPassword1":"",
+                "newPassword2":""
+            });
+        });
+        return res;
+    }
+}
+InitPromise.addPromise(function(){
+    SettingsSite.addSettingsFragment("password-settings", PasswordSettingsFragment);
+});
+
+class UserSettingsFragment extends UserFragment{
+    constructor(site)
+    {
+        super(site, "userManagement/html/fragments/userSettings.html", "online");
+    }
+
+    onFirstStart() {
+        let res = super.onFirstStart();
+        (new Form(document.getElementById("user-settings-form"), "u/userSettings/set", "post")).load('u/userSettings').onSubmit(function(res){
+            for (let i = 0, n = res.length; i < n; i++)
+            {
+                FlashMessenger.addMessage(res[i]);
+            }
+        });
+        return res;
+    }
+}
+InitPromise.addPromise(function(){
+    SettingsSite.addSettingsFragment("user-settings", UserSettingsFragment);
+});
+
+class EditUserRolesSite extends UserSite {
+    constructor(siteManager) {
+        super(siteManager, 'userManagement/html/editUserRoles.html', "userRoles", "admin");
+    }
+
+    onConstruct(args) {
+        let res = super.onConstruct(args);
+        this.userId = args["id"];
+
+        let self = this;
+        return Promise.all([
+            ScriptLoader.loadScript(Constants.SCRIPTS.LIST_JS),
+            DataManager.load("u/userRoles" + DataManager.buildQuery({"id": self.userId})).then(function (res) {
+                if (!res["success"]) {
+                    FlashMessenger.addMessage(res["errors"][0]);
+                    self.finish();
+                }
+                else {
+                    self.setUserRoles(res["result"]["userRoles"]);
+                    self.setAvailableRoles(res["result"]["availableRoles"]);
+                    self.setUsername(res["result"]["username"]);
+                }
+            })
+        ]).then(function () {
+            return res;
+        });
+    }
+
+    onFirstStart() {
+        this.findBy("#username").innerHTML = this.username;
+
+        const userRolesElement = this.findBy("#userRoles");
+        const availableRolesElement = this.findBy("#availableRoles");
+
+        const imgColumnUserRoles = new ImgConstSmartColumn("img/minus.png", "", false);
+        const imgColumnAvailableRoles = new ImgConstSmartColumn("img/plus.png", "", false);
+
+        const userRolesColumns = [
+            new DataSmartColumn("id"),
+            new SmartColumn("name", "name"),
+            new SmartColumn("description", "description"),
+            imgColumnUserRoles,
+        ];
+
+        const availableRolesColumns = [
+            new DataSmartColumn("id"),
+            new SmartColumn("name", "name"),
+            new SmartColumn("description", "description"),
+            imgColumnAvailableRoles,
+        ];
+
+        const userRolesListHelper = new ListHelper(userRolesElement, userRolesColumns, this.userRoles);
+        const availableRolesListHelper = new ListHelper(availableRolesElement, availableRolesColumns, this.availableRoles);
+
+        const userRolesTable = userRolesListHelper.createTable();
+        const availableRolesTable = availableRolesListHelper.createTable();
+
+        let self = this;
+        const changeRoleFunction = function (roleId, addRole) {
+            userRolesListHelper.setBusy(true);
+            availableRolesListHelper.setBusy(true);
+
+            return DataManager.send("u/changeUserRole", {
+                "id": roleId,
+                "userId": self.userId,
+                "add": addRole
+            }).then(function (res) {
+                userRolesListHelper.setBusy(false);
+                availableRolesListHelper.setBusy(false);
+
+                if (!res["success"]) {
+                    FlashMessenger.addMessage(res["errors"][0]);
+                    return res;
+                }
+
+                let removingTable = null;
+                let addingTable = null;
+                if (res["result"]["hasRole"]) {
+                    removingTable = availableRolesTable;
+                    addingTable = userRolesTable;
+                }
+                else {
+                    addingTable = availableRolesTable;
+                    removingTable = userRolesTable;
+                }
+
+                const rowData = removingTable.get("id", roleId);
+                if (rowData.length === 1) {
+                    addingTable.add(rowData[0].values());
+                    removingTable.remove("id", roleId);
+                }
+
+                return res;
+            });
+        };
+
+        imgColumnUserRoles.setClickListener(function (cell) {
+            let userRoleId = cell.closest("tr")["dataset"]["id"];
+            changeRoleFunction(userRoleId, false);
+        });
+
+        imgColumnAvailableRoles.setClickListener(function (cell) {
+            let availableRoleId = cell.closest("tr")["dataset"]["id"];
+            changeRoleFunction(availableRoleId, true);
+        });
+
+    }
+
+    setUserRoles(userRoles) {
+        this.userRoles = userRoles;
+    }
+
+    setAvailableRoles(availableRoles) {
+        this.availableRoles = availableRoles;
+    }
+
+    setUsername(username) {
+        this.username = username;
+    }
+}
+
+InitPromise.addPromise(function (app) {
+    app.addDeepLink("userRoles", EditUserRolesSite);
+    app.addDefaultAction(new UserAction('userRoles', function(){
+        app.startSite(EditUserRolesSite);
+    }, null, 1100, "admin"));
+});
+
+class ForgotPasswordSite extends UserSite{
+
+    constructor(siteManager) {
+        super(siteManager, 'userManagement/html/forgotPassword.html', "forgotPassword", "offline");
+    }
+
+    onFirstStart() {
+        let self = this;
+        (new Form(document.getElementById("forgot-password-form"), "u/newPassword", "post")).onSubmit(function(res){
+            // UserManager.setData(res);
+            // self.startStartsite();
+            FlashMessenger.addMessage(FlashMessenger.MESSAGE_TYPE_SUCCESS, Translator.translate("new-password-code-send"));
+            self.finish();
+        });
+    }
+}
+InitPromise.addPromise(function(app){
+    app.addDeepLink("forgotPassword", ForgotPasswordSite);
+});
+
+class LoginSite extends UserSite {
+    constructor(siteManager) {
+        super(siteManager, 'userManagement/html/login.html', "login", "offline");
+    }
+
+    onFirstStart() {
+        let self = this;
+        (new LoginForm(document.getElementById("login-form"), "u/login", "post")).onSubmit(function (res) {
+            UserManager.setData(res);
+            self.startStartsite();
+            FlashMessenger.addMessage(FlashMessenger.MESSAGE_TYPE_SUCCESS, Translator.translate("login-success"));
+            self.finish();
+        });
+
+        this.findBy("#forgot-password-link").addEventListener("click", function () {
+            self.startSite(ForgotPasswordSite);
+            self.finish();
+        });
+    }
+}
+
+LoginSite.loginAction = null;
+LoginSite.logoutAction = null;
+LoginSite.addLoginAction = true;
+LoginSite.addLogoutAction = true;
+
+InitPromise.addPromise(function (app) {
+    app.addDeepLink("login", LoginSite);
+
+    if (Helper.isNull(LoginSite.loginAction)) {
+        LoginSite.loginAction = new UserAction('login', function () {
+            app.startSite(LoginSite);
+        }, Menu.SHOW_NEVER, 1100, "offline");
+    }
+    if (Helper.isNull(LoginSite.logoutAction)) {
+        LoginSite.logoutAction = new UserAction('logout', function () {
+            UserManager.logOut();
+        }, Menu.SHOW_NEVER, 1100, "online");
+    }
+    if (LoginSite.addLoginAction){
+        app.addDefaultAction(LoginSite.loginAction);
+    }
+    if (LoginSite.addLogoutAction){
+        app.addDefaultAction(LoginSite.logoutAction);
+    }
+});
+
+class RegistrationSite extends UserSite {
+    constructor(siteManager) {
+        super(siteManager, 'userManagement/html/registration.html', "registration", "offline");
+    }
+
+    onFirstStart() {
+        (new RegistrationForm(document.getElementById("registration-form"), "u/registration", "post")).onSubmit(function (res) {
+            FlashMessenger.addMessage(FlashMessenger.MESSAGE_TYPE_SUCCESS, Translator.translate("registration-success"));
+        });
+    }
+}
+
+RegistrationSite.action = null;
+RegistrationSite.addAction = true;
+
+InitPromise.addPromise(function (app) {
+    app.addDeepLink("registration", RegistrationSite);
+
+    if (Helper.isNull(RegistrationSite.action)) {
+        RegistrationSite.action = new UserAction('registration', function () {
+            app.startSite(RegistrationSite);
+        }, null, 1100, "offline");
+    }
+    if (RegistrationSite.addAction) {
+        app.addDefaultAction(RegistrationSite.action);
+    }
+});
+
+class SetNewPasswordSite extends UserSite {
+    constructor(siteManager) {
+        super(siteManager, 'userManagement/html/setNewPassword.html', "newPassword", "offline");
+    }
+
+    onConstruct(args) {
+        this.code = args["code"];
+        return super.onConstruct(args);
+    }
+
+    onFirstStart() {
+        let formElem = document.getElementById("new-password-form");
+        document.getElementById("code").value = this.code;
+
+        let self = this;
+        (new Form(formElem, "c/code", "post")).onSubmit(function(res){
+            FlashMessenger.addMessage(FlashMessenger.MESSAGE_TYPE_SUCCESS, Translator.translate("password-updated"));
+            self.startSite(LoginSite);
+            self.finish();
+        });
+    }
+}
+InitPromise.addPromise(function(app){
+    app.addDeepLink("newPassword", SetNewPasswordSite);
+});
+
+class InstallManager {
+    static init() {
+        window.addEventListener('beforeinstallprompt', e => {
+            e.preventDefault();
+            this.setDeferredPrompt(e);
+        });
+    }
+
+    static setDeferredPrompt(e){
+        this.deferredPromt = e;
+        if (this.canInstallListener) {
+            this.canInstallListener(this.deferredPromt);
+        }
+    }
+
+    static async prompt(){
+        if (Helper.isNotNull(this.deferredPromt)){
+            this.deferredPromt["prompt"]();
+            return this.deferredPromt["userChoice"];
+        }
+        return Promise.resolve({
+            "outcome":"dismissed",
+            "platform":""
+        });
+    }
+
+    static setCanInstallListener(listener, callIfCanInstall) {
+        this.canInstallListener = listener;
+        callIfCanInstall = Helper.nonNull(callIfCanInstall, true);
+
+        if (callIfCanInstall && Helper.nonNull(this.deferredPromt)) {
+            this.canInstallListener(this.deferredPromt);
+        }
+    }
+}
+
+InstallManager.init();
+
+class Matomo {
+
+    static init() {
+        Matomo.isTrackingPromise = new Promise(async (resolve) => {
+            let shouldTrack = Helper.nonNull(localStorage.getItem(Matomo.LOCAL_STORAGE_KEY), "1");
+            if (Helper.isNull(shouldTrack)) {
+                shouldTrack = await Matomo._askIsTracking();
+                localStorage.setItem(Matomo.LOCAL_STORAGE_KEY, shouldTrack);
+            }
+            else {
+                shouldTrack = (shouldTrack === "1");
+                Matomo.setTrack(shouldTrack);
+            }
+            resolve(shouldTrack);
+        });
+        Matomo.isTrackingPromise.then(() => {
+            Matomo.push(['trackPageView'], true);
+            Matomo.push(['enableLinkTracking'], true);
+            Matomo.push(['setTrackerUrl', Matomo.TRACK_SITE + '/piwik.php'], true);
+            Matomo.push(['setSiteId', Matomo.SIDE_ID + ""], true);
+
+            let d = document, g = d.createElement('script'), s = d.getElementsByTagName('head')[0];
+            g.type = 'text/javascript';
+            g.async = true;
+            g.defer = true;
+            g.src = Matomo.TRACK_SITE + '/piwik.js';
+            s.appendChild(g);
+        });
+    }
+
+    static update(title) {
+        if (Helper.nonNull(Matomo.currentUrl)) {
+            Matomo.push(['setReferrerUrl', Matomo.currentUrl]);
+        }
+        Matomo.currentUrl = window.location.pathname + window.location.search;
+        Matomo.push(['setCustomUrl', Matomo.currentUrl]);
+        Matomo.push(['setDocumentTitle', title]);
+
+        // remove all previously assigned custom variables, requires Matomo (formerly Piwik) 3.0.2
+        Matomo.push(['deleteCustomVariables', 'page']);
+        Matomo.push(['setGenerationTimeMs', 0]);
+        Matomo.push(['trackPageView']);
+
+        // make Matomo aware of newly added content
+        var content = document.getElementById('site-content');
+        Matomo.push(['MediaAnalytics::scanForMedia', content]);
+        Matomo.push(['FormAnalytics::scanForForms', content]);
+        Matomo.push(['trackContentImpressionsWithinNode', content]);
+        Matomo.push(['enableLinkTracking']);
+    }
+
+    static async _askIsTracking() {
+        Matomo.isTrackingPromise = new Promise(resolve => {
+            Matomo.push([function () {
+                resolve(!this["isUserOptedOut"]());
+            }]);
+            Matomo.push([function () {
+                resolve(!this["isUserOptedOut"]());
+            }]);
+        });
+        return Matomo.isTrackingPromise;
+    }
+
+    static async query(method) {
+        return fetch(Matomo.TRACK_SITE + Matomo.BASE_PATH + method, {
+            "mode": "cors",
+            "credentials": "include",
+        }).then(res => res.text()).then(text => (new window.DOMParser()).parseFromString(text, "text/xml"));
+    }
+
+    static getTrackingPromise() {
+        return Matomo.isTrackingPromise;
+    }
+
+    static async setTrack(shouldTrack) {
+        Matomo.isTrackingPromise = Promise.resolve(shouldTrack);
+        localStorage.setItem(Matomo.LOCAL_STORAGE_KEY, (shouldTrack === true) ? "1" : "0");
+
+        if (shouldTrack) {
+            Matomo.push(["forgetUserOptOut"], true);
+        }
+        else {
+            Matomo.push(["optUserOut"], true);
+        }
+    }
+
+    static async trackEvent(event, name, label, value){
+        let ev = ["trackEvent", event, name];
+        if (Helper.isNotNull(label)){
+            ev.push(label);
+        }
+        if (Helper.isNotNull(value) && !isNaN(parseFloat(value)) && isFinite(value)){
+            ev.push(value);
+        }
+
+        return this.push(ev);
+    }
+
+    static async push(arr, force) {
+
+        if (!Array.isArray(arr)) {
+            arr = [arr];
+        }
+        window["_paq"].push(arr);
+    }
+}
+
+Matomo.currentUrl = null;
+
+Matomo.LOCAL_STORAGE_KEY = "matomoShouldTrack";
+Matomo.TRACK_SITE = "//matomo.silas.link";
+Matomo.BASE_PATH = "/index.php?module=API&method=AjaxOptOut.";
+Matomo.SIDE_ID = "1";
+
+InitPromise.addPromise(() => {
+    window["_paq"] = window["_paq"] || [];
+    Matomo.init();
+});
+
+class MatomoShareButton extends MultipleShareButton{
+
+    constructor(baseButton, platform, shouldLoadImg) {
+        super([baseButton, (url) => {
+            Matomo.trackEvent("shared", url, platform);
+        }], shouldLoadImg);
+    }
+}
+
+class ScaleHelper {
+    async scaleTo(scale, fontElement, container, ignoreHeight, ignoreWidth, margin, fontWeight, animationDelay, addListener) {
+
+        addListener = Helper.nonNull(addListener, true);
+        animationDelay = Helper.nonNull(animationDelay, 0);
+
+        let newFontSize = await this._getNewFontSize(scale, fontElement, container, ignoreHeight, ignoreWidth, margin, fontWeight, animationDelay === 0);
+
+        if (animationDelay > 0) {
+            await new Promise(r => {
+                setTimeout(r, animationDelay);
+                fontElement.style.fontSize = newFontSize + "px";
+            });
+        }
+
+        let self = this;
+        let listener = function () {
+            return new Promise(resolve => {
+                let timeout = (typeof addListener === 'number') ? addListener : 255;
+                setTimeout(() => {
+                    resolve(self.scaleTo(scale, fontElement, container, ignoreHeight, ignoreWidth, margin, fontWeight, animationDelay, false));
+                }, timeout);
+            });
+        };
+        if (addListener !== false) {
+            window.addEventListener("resize", listener);
+        }
+        return listener;
+    }
+
+    async scaleToFull(fontElement, container, ignoreHeight, ignoreWidth, margin, fontWeight, animDelay, addListener) {
+        return this.scaleTo(1, fontElement, container, ignoreHeight, ignoreWidth, margin, fontWeight, animDelay, addListener);
+    }
+
+    async _getNewFontSize(scale, fontElement, container, ignoreHeight, ignoreWidth, margin, fontWeight, setFontSize) {
+        margin = Helper.nonNull(margin, 10);
+        ignoreHeight = Helper.nonNull(ignoreHeight, false);
+        ignoreWidth = Helper.nonNull(ignoreWidth, false);
+        fontWeight = Helper.nonNull(fontWeight, fontElement.innerHTML.length);
+        setFontSize = Helper.nonNull(setFontSize, true);
+
+        let hasNoTransitionClass = container.classList.contains("no-transition");
+
+        if (!hasNoTransitionClass) {
+            container.classList.add("no-transition");
+        }
+
+        const numChanged = 5;
+        let oldDiffIndex = 0;
+        let oldDiff = [];
+
+        for (let i = 0; i < numChanged; i++) {
+            oldDiff.push(0);
+        }
+
+        let beforeFontSize = fontElement.style.fontSize;
+        let currentFontSize = 1;
+        let widthDiff = 0;
+        let heightDiff = 0;
+        let containerWidth = 0;
+        let containerHeight = 0;
+        do {
+            currentFontSize += oldDiff[oldDiffIndex] / (fontWeight + 1);
+            fontElement.style.fontSize = currentFontSize + 'px';
+
+            let containerStyle = window.getComputedStyle(container);
+
+            containerWidth = containerStyle.getPropertyValue("width").replace('px', '');
+            containerHeight = containerStyle.getPropertyValue("height").replace('px', '');
+
+            widthDiff = containerWidth - fontElement.offsetWidth;
+            heightDiff = containerHeight - fontElement.offsetHeight;
+
+            oldDiffIndex = (oldDiffIndex+1)%numChanged;
+            let newDiff = (ignoreWidth ? heightDiff : (ignoreHeight ? widthDiff : Math.min(widthDiff, heightDiff)));
+            if (newDiff === oldDiff[(oldDiffIndex+1)%numChanged]) {
+                break;
+            }
+            oldDiff[oldDiffIndex] = newDiff;
+        } while ((widthDiff > (1 - scale) * containerWidth || ignoreWidth) && (heightDiff > (1 - scale) * containerHeight || ignoreHeight));
+
+        currentFontSize -= margin;
+        fontElement.style.fontSize = ((setFontSize) ? currentFontSize + "px" : beforeFontSize);
+
+        if (!hasNoTransitionClass) {
+            await new Promise((r) => {
+                setTimeout(r, 50);
+            });
+            container.classList.remove("no-transition");
+        }
+
+        return currentFontSize;
+    }
+}
+
+class AudioChain {
+
+    constructor(context, sourceBuffer, chainFunction) {
+        this.buffer = sourceBuffer;
+        this.shouldLoop = false;
+        this.loopStart = null;
+        this.loopEnd = null;
+        this.chainFunction = chainFunction;
+        this.context = context;
+
+        this.startTime = null;
+        this.pauseTime = null;
+        this.source = null;
+
+        this.running = false;
+    }
+
+    setBuffer(buffer) {
+        this.buffer = buffer;
+    }
+
+    setLooping(shouldLoop, loopStart, loopEnd) {
+        this.shouldLoop = shouldLoop;
+
+        if (Helper.isNotNull(loopStart)) {
+            this.loopStart = loopStart;
+        }
+        if (Helper.isNotNull(loopEnd)) {
+            this.loopEnd = loopEnd;
+        }
+    }
+
+    async start(delay, offset, duration) {
+        let source = this.context.createBufferSource();
+
+        source.loop = this.shouldLoop;
+        if (Helper.isNotNull(this.loopStart)) {
+            source.loopStart = this.loopStart;
+        }
+        if (Helper.isNotNull(this.loopEnd)) {
+            source.loopEnd = this.loopEnd;
+        }
+        source.buffer = this.buffer;
+        await this.chainFunction(source);
+
+        source.start(delay, offset, duration);
+        this.startTime = (new Date()).getTime() - (Helper.nonNull(offset, 0) * 1000);
+        this.source = source;
+        this.running = true;
+    }
+
+    async stop(delay) {
+        if (Helper.isNotNull(this.source)) {
+            this.pauseTime = ((new Date()).getTime()) - this.startTime;
+            this.running = false;
+            return this.source.stop(delay);
+        }
+        return null;
+    }
+
+    async resume() {
+
+        if (!this.running) {
+            return this.start(null, Helper.nonNull(this.pauseTime, 0) / 1000.0);
+        }
+    }
+}
+
+class SoundManager {
+    static getInstance() {
+        if (Helper.isNull(SoundManager.instance)) {
+            SoundManager.instance = new SoundManager();
+        }
+        return SoundManager.instance;
+    }
+
+    constructor() {
+        this.channels = {};
+        this.context = new AudioContext();
+
+        window.addEventListener("visibilitychange", () => {
+            this.handleVisibilityChange();
+        });
+    }
+
+    set(options, channel) {
+        channel = Helper.nonNull(channel, SoundManager.CHANNELS.DEFAULT);
+        let audioObject = Helper.nonNull(this.channels[channel], {});
+
+        if (typeof options === "string") {
+            options = {audio: options};
+        }
+
+        let audio = options.audio;
+        if (Helper.isNotNull(audio)) {
+            audioObject.loadedPromise = fetch(audio).then(res => res.arrayBuffer()).then(arrayBuffer => this.context.decodeAudioData(arrayBuffer));
+            this.stop(channel);
+        }
+        audioObject.muted = Helper.nonNull(options.muted, audioObject.muted, false);
+        audioObject.volume = Helper.nonNull(options.volume, audioObject.volume, 1);
+        audioObject.loop = Helper.nonNull(options.loop, audioObject.loop, false);
+        audioObject.timeOffset = Helper.nonNull(options.timeOffset, audioObject.timeOffset, 0);
+        this.channels[channel] = audioObject;
+
+        if (audioObject.muted) {
+            this.stop(channel);
+        }
+
+        return this.channels[channel];
+    }
+
+    async play(channel, audioOrOptions) {
+        channel = Helper.nonNull(channel, SoundManager.CHANNELS.DEFAULT);
+        if (Helper.isNull(audioOrOptions)) {
+            audioOrOptions = {};
+        } else if (!(typeof audioOrOptions === "object")) {
+            audioOrOptions = {
+                audio: audioOrOptions
+            };
+        }
+        audioOrOptions.timeOffset = Helper.nonNull(audioOrOptions.timeOffset, 0);
+
+        this.stop(channel);
+        this.set(audioOrOptions, channel);
+
+        if (!this.channels[channel].muted) {
+            let buffer = await this.channels[channel].loadedPromise;
+            let source = new AudioChain(this.context, buffer, (sourceNode) => {
+                let gain = this.context.createGain();
+                gain.gain.value = this.channels[channel].volume;
+
+                sourceNode.connect(gain);
+                gain.connect(this.context.destination);
+            });
+
+            source.setBuffer(buffer);
+
+            //to prevent gap in mp3-files
+            source.setLooping(this.channels[channel].loop, 0.3, buffer.duration - 0.3);
+
+            source.start();
+
+            this.channels[channel].source = source;
+        }
+        return this.channels[channel];
+    }
+
+    stop(channel) {
+        channel = Helper.nonNull(channel, SoundManager.CHANNELS.DEFAULT);
+
+        let oldAudio = this.channels[channel];
+        if (Helper.nonNull(oldAudio) && Helper.nonNull(oldAudio.source)) {
+            oldAudio.source.stop();
+        }
+    }
+
+    get(channel) {
+        channel = Helper.nonNull(channel, SoundManager.CHANNELS.DEFAULT);
+        return this.channels[channel];
+    }
+
+    async resume(channel){
+        channel = Helper.nonNull(channel, SoundManager.CHANNELS.DEFAULT);
+        if (!this.channels[channel].muted && Helper.isNotNull(this.channels[channel].source)) {
+            return this.channels[channel].source.resume();
+        }
+    }
+
+    handleVisibilityChange() {
+        if (document.hidden) {
+            for (let k in this.channels) {
+                if (Helper.isNotNull(this.channels[k].source)) {
+                    this.channels[k].source.stop();
+                }
+            }
+        }
+        else {
+            for (let k in this.channels) {
+                if (!this.channels[k].muted && Helper.isNotNull(this.channels[k].source)) {
+                    this.channels[k].source.resume();
+                }
+            }
+        }
+    }
+}
+
+SoundManager.CHANNELS = {
+    MUSIC: "music",
+    SOUND: "sound",
+    DEFAULT: "default"
+};
+
+class Code {
+    constructor(args) {
+        if (typeof args === "string") {
+            args = {
+                "code": args
+            };
+        }
+        this.args = args;
+        this.isCacheable = false;
+    }
+
+    setIsCacheable(isCacheable) {
+        this.isCacheable = isCacheable;
+    }
+
+    getIsCacheable() {
+        return this.isCacheable;
+    }
+
+    activate() {
+        return DataManager.send("c/code", this.args);
+    }
+}
+
+class CodeSite extends AbstractSite {
+    constructor(siteManager) {
+        super(siteManager, "core/html/load.html", "code");
+    }
+
+    onConstruct(args) {
+        super.onConstruct(args);
+        console.log(args);
+
+        let resPromise = Promise.resolve();
+        if (Helper.isNotNull(args["code"])) {
+            let code = args["code"];
+            let isCachable = Helper.nonNull(args["cachable"], false);
+
+            let codeObject = new Code(code);
+            codeObject.setIsCacheable(isCachable);
+
+            let self = this;
+            resPromise = codeObject.activate().then(function (res) {
+                if (!res["success"]) {
+                    FlashMessenger.addMessage(FlashMessenger.MESSAGE_TYPE_SUCCESS, Translator.translate(res["errors"][0]));
+                }
+                else {
+                    FlashMessenger.addMessage(FlashMessenger.MESSAGE_TYPE_SUCCESS, Translator.translate(Helper.nonNull(res["result"]["successMessage"], "code-activated")));
+                }
+                self.finish();
+            });
+        }
+    }
+}
+
+InitPromise.addPromise(function (app) {
+    app.addDeepLink("code", CodeSite);
+});
+
+class ContactSite extends AbstractSite{
+    constructor(siteManager) {
+        super(siteManager, 'contact/html/contact.html', ContactSite.DEEP_LINK);
+    }
+
+    onFirstStart() {
+        new Form(this.findBy("#contact-form"), "contact", "post").onSubmit((d) => {
+            FlashMessenger.addMessage("contact-message-sent");
+            this.finish();
+        });
+
+        super.onFirstStart();
+    }
+}
+ContactSite.DEEP_LINK = "contactMe";
+
+InitPromise.addPromise((app) => {
+    if (ContactSite.DEEP_LINK){
+        app.addDeepLink(ContactSite.DEEP_LINK, ContactSite);
+    }
+});
+
+class WordRotatorBaseSite extends AbstractSite {
+    // createActionBarMenu(menu) {
+    //     menu = super.createActionBarMenu(menu);
+    //     // menu.addAction(SettingsSite.settingsAction.copy());
+    //     // let actions = menu.actions;
+    //     // for (let i = 0; i < actions.length; i++) {
+    //     //     if (actions[i].title === "login" || actions[i].title === "registration"){
+    //     //         actions[i].setVisible(false);
+    //     //     }
+    //     // }
+    //     return menu;
+    // }
+}
+
+class TemplateContainer{
+    constructor(leafTemplate, parentTemplate, rowTemplate, triangleTemplate){
+        this.leafTemplate = leafTemplate;
+        this.parentTemplate = parentTemplate;
+        this.rowTemplate = rowTemplate;
+        this.triangleTemplate = triangleTemplate;
+    }
+
+    copyLeafTemplate()
+    {
+        return Helper.cloneNode(this.leafTemplate);
+    }
+
+    copyParentTemplate()
+    {
+        return Helper.cloneNode(this.parentTemplate);
+    }
+
+    copyRowTemplate()
+    {
+        return Helper.cloneNode(this.rowTemplate);
+    }
+
+    copyTriangleTemplate()
+    {
+        return Helper.cloneNode(this.triangleTemplate);
+    }
+}
+
+class Segment{
+    constructor(element){
+        this.rotation = 0;
+        this.element = element;
+        this.parent = null;
+    }
+
+    getCurrentRotations(rotations){
+        return rotations;
+    }
+
+    sameAs(otherSegment){
+        return false;
+    }
+
+    setParent(parent)
+    {
+        this.parent = parent;
+    }
+    
+    getLevel()
+    {
+        if (this.parent!==null)
+        {
+            return this.parent.getLevel();
+        }
+    }
+
+    canRotate(){
+        return false;
+    }
+
+    isSolved(){
+        return (this.rotation === 0);
+    }
+    
+    async rotate(){
+        return Promise.resolve();
+    };
+
+    _updateElement(){};
+
+    applyRotations(rotations){
+        return rotations;
+    }
+
+    applyLocks(locks)
+    {
+        return locks;
+    }
+
+    getCurrentLocked(lockedArray){
+        return lockedArray;
+    }
+
+    getElement()
+    {
+        return this.element;
+    }
+}
+
+class LeafSegment extends Segment {
+
+    constructor(element, leaf) {
+        super(element);
+        this.leaf = 'A';
+        if (Helper.isNotNull(leaf)) {
+            this.setLeaf(leaf);
+        }
+    }
+
+    sameAs(otherSegment) {
+        return (otherSegment instanceof LeafSegment && otherSegment.leaf === this.leaf);
+    }
+
+    setLeaf(leaf) {
+        this.leaf = leaf;
+    }
+
+    _updateElement() {
+        this.element.querySelector(".leaf-element").removeAllChildren().appendChild(document.createTextNode(this.leaf));
+    }
+}
+
+class ParentSegment extends Segment {
+    static initListener() {
+        window.addEventListener("mousedown", (e) => {
+            ParentSegment.mouseDownTarget = e.target;
+            ParentSegment.clickPosition = {x: e.pageX, y: e.pageY};
+        });
+        window.addEventListener("mouseup", (e) => {
+            ParentSegment.mouseDownTarget = null;
+            ParentSegment.clickPosition = {};
+        });
+
+        window.addEventListener("touchstart", (e) => {
+            if (e.targetTouches.length === 1) {
+                ParentSegment.mouseDownTarget = e.targetTouches[0].target;
+                ParentSegment.clickPosition = {x: e.targetTouches[0].pageX, y: e.targetTouches[0].pageY};
+            }
+        });
+        window.addEventListener("touchend", (e) => {
+            ParentSegment.mouseDownTarget = null;
+            ParentSegment.clickPosition = {};
+        });
+    }
+
+    setIsRotatable(rotatable) {
+        this.rotatable = rotatable;
+        this._updateElement();
+    }
+
+    constructor(element) {
+        super(element);
+        this.children = [];
+        this.class = "rotate-0";
+        this.rotatable = true;
+
+        let self = this;
+        this.touchendListener = function (e) {
+            let target = document.elementFromPoint(e.changedTouches[0].pageX, e.changedTouches[0].pageY);
+            if (e.targetTouches.length === 0 && e.changedTouches.length === 1 && self.element.contains(ParentSegment.mouseDownTarget) && self.element.contains(target)) {
+                let position = {x: e.changedTouches[0].pageX, y: e.changedTouches[0].pageY};
+
+                self.getLevel().segmentClickedListener(self);
+                self.rotate(ParentSegment.mouseDownTarget, target, ParentSegment.clickPosition, position);
+                e.stopPropagation();
+                e.preventDefault();
+            }
+        };
+        this.mouseupListener = function (e) {
+            if (ParentSegment.mouseDownTarget !== null && self.element.contains(ParentSegment.mouseDownTarget) && self.element.contains(e.target)) {
+                let position = {x: e.pageX, y: e.pageY};
+
+                self.getLevel().segmentClickedListener(self);
+                self.rotate(ParentSegment.mouseDownTarget, e.target, ParentSegment.clickPosition, position);
+                e.stopPropagation();
+                e.preventDefault();
+            }
+        };
+    }
+
+    canRotate() {
+        return (this.rotatable && !this.getLevel().getHasWon());
+    }
+
+    async rotate(firstElem, secondElem, firstPosition, secondPosition) {
+        const timeout = 250;
+        const clickTolerance = 5;
+
+        let rotationDirection = 1;
+        if (Helper.isNotNull(secondElem) && Helper.isNotNull(firstElem) &&
+            (Helper.isNull(firstPosition) || Helper.isNull(secondPosition) ||
+                Math.abs(firstPosition.x - secondPosition.x) > clickTolerance ||
+                Math.abs(firstPosition.y - secondPosition.y) > clickTolerance)) {
+
+            let firstIndex = -1;
+            let secondIndex = -1;
+            let rotationIndexes = [0, 1, 3, 2];
+            for (let i = 0; i < this.children.length; i++) {
+                if (this.children[rotationIndexes[i]].element === firstElem || this.children[rotationIndexes[i]].element.contains(firstElem)) {
+                    firstIndex = (i + this.rotation / 90) % 4;
+                }
+                if (this.children[rotationIndexes[i]].element === secondElem || this.children[rotationIndexes[i]].element.contains(secondElem)) {
+                    secondIndex = (i + this.rotation / 90) % 4;
+                }
+            }
+
+            if (firstIndex >= 0 && secondIndex >= 0) {
+                if (firstIndex === 2 && (secondIndex === 0 || secondIndex === 1)
+                    || firstIndex === 1 && (secondIndex === 0 || secondIndex === 3)
+                    || (firstIndex === 0 && secondIndex === 3)
+                    || (firstIndex === 3 && secondIndex === 2)) {
+                    rotationDirection = -1;
+                }
+            }
+        }
+
+        if (this.canRotate()) {
+            this.rotation += 360 + 90 * rotationDirection;
+            this.rotation %= 360;
+
+            let currentRotation = this.rotation;
+
+            this._updateRotationClass();
+            this.element.classList.add("rotating");
+            if (rotationDirection === -1) {
+                this.element.classList.add("reverse");
+            }
+
+            let delayPromise = new Promise(function (resolve) {
+                setTimeout(resolve, timeout);
+            }).then(() => {
+                if (this.rotation === currentRotation) {
+                    this.element.classList.remove("rotating");
+                    this.element.classList.remove("reverse");
+                }
+            });
+            this.getLevel().checkHasWon(delayPromise);
+            return delayPromise;
+        }
+    }
+
+    sameAs(otherSegment) {
+        if (!(otherSegment instanceof ParentSegment) || otherSegment.children.length !== this.children.length) {
+            return false;
+        }
+        for (let i = 0; i < this.children.length; i++) {
+            if (!this.children[i].sameAs(otherSegment.children[i])) {
+                return false;
+            }
+        }
+        return true;
+    }
+
+    applyRotations(rotations) {
+        this.rotation = rotations[0];
+
+        if (isNaN(this.rotation)) {
+            this.rotation = 0;
+        }
+
+        rotations.splice(0, 1);
+        for (let i = 0, n = this.children.length; i < n; i++) {
+            rotations = this.children[i].applyRotations(rotations);
+        }
+        return rotations;
+    }
+
+    applyLocks(locks) {
+        this.rotatable = locks[0];
+        locks.splice(0, 1);
+        for (let i = 0, n = this.children.length; i < n; i++) {
+            locks = this.children[i].applyLocks(locks);
+        }
+        return locks;
+    }
+
+    getCurrentRotations(rotations) {
+        rotations.push(this.rotation);
+        for (let i = 0, n = this.children.length; i < n; i++) {
+            rotations = this.children[i].getCurrentRotations(rotations);
+        }
+        return rotations;
+    }
+
+    getCurrentLocked(locked) {
+        locked.push(this.rotatable);
+        for (let i = 0, n = this.children.length; i < n; i++) {
+            locked = this.children[i].getCurrentLocked(locked);
+        }
+        return locked;
+    }
+
+    isSolved() {
+        for (let i = 0, n = this.children.length; i < n; i++) {
+            if (!this.children[i].isSolved()) {
+                return false;
+            }
+        }
+        return (this.rotation === 0 || (
+            this.children[0].sameAs(this.children[2]) && this.children[1].sameAs(this.children[3]) && (
+            this.rotation === 2 || this.children[0].sameAs(this.children[1]))))
+    }
+
+    setChildren(children) {
+        this.children = [];
+        for (let i = 0, n = children.length; i < n; i++) {
+            this.addChild(children[i]);
+        }
+    }
+
+    addChild(child) {
+        this.children.push(child);
+        child.setParent(this);
+        this._updateElement();
+    }
+
+    _updateRotationClass() {
+        // this.style.transform = "rotate("+this.rotation+"deg)";
+        this.element.classList.remove(this.class);
+        this.class = "rotate-" + this.rotation;
+        if (this.class === "rotate-0") {
+            this.class = "rotate-360";
+        }
+        this.element.classList.add(this.class);
+    }
+
+    _updateElement() {
+        let layer = this._getLayer();
+        if (layer >= 2) {
+            this.element.classList.add("layer-" + layer);
+        }
+
+        if (!this.rotatable) {
+            this.element.classList.add("locked");
+        }
+
+        const childContainer = this.element.querySelector(".child-container");
+        childContainer.removeAllChildren();
+
+        this._updateRotationClass();
+
+        this.element.removeEventListener("mouseup", this.mouseupListener);
+        this.element.removeEventListener("touchend", this.touchendListener);
+
+        this.element.addEventListener("mouseup", this.mouseupListener);
+        this.element.addEventListener("touchend", this.touchendListener);
+
+        for (let i = 0, n = this.children.length; i < n; i++) {
+            this.children[i]._updateElement();
+            childContainer.appendChild(this.children[i].getElement());
+            if (i % 2 === 1 && this.children.length - 1 !== i) {
+                childContainer.appendChild(document.createElement("br"));
+            }
+        }
+    }
+
+    _getLayer() {
+        if (this.children.length >= 1 && this.children[0] && this.children[0] instanceof ParentSegment) {
+            return this.children[0]._getLayer() + 1;
+        }
+        return 1;
+    }
+}
+
+ParentSegment.initListener();
+
+class Level {
+    constructor(templateContainer) {
+        this.rootSegment = null;
+        this.words = [];
+        this.startRotations = [];
+        this.templateContainer = templateContainer;
+
+        this.hasWon = false;
+        this.id = null;
+
+        this.wonResolver = null;
+        this.giveUpResolver = null;
+
+        const self = this;
+        this.wonPromise = new Promise((resolve, reject) => {
+            self.wonResolver = resolve;
+            self.giveUpResolver = reject;
+        });
+
+        this.segmentClickedListener = () => {};
+    }
+
+    saveAsCurrentLevel(){
+        let rotations = this.getCurrentRotations();
+        let locked = this.getCurrentLocked();
+        localStorage.setItem("currentLevel", JSON.stringify({"id": this.id, "rotations": rotations, "locks":locked}));
+    }
+
+    getCurrentLocked(){
+        if (this.rootSegment !== null)
+        {
+            return this.rootSegment.getCurrentLocked([]);
+        }
+        return [];
+    }
+
+    getCurrentRotations(){
+        if (this.rootSegment !== null)
+        {
+            return this.rootSegment.getCurrentRotations([]);
+        }
+        return [];
+    }
+
+    setLocks(locks)
+    {
+        if (this.rootSegment !== null){
+            this.rootSegment.applyLocks(locks);
+        }
+    }
+
+    setId(id)
+    {
+        this.id = id;
+    }
+
+    getId()
+    {
+        return this.id;
+    }
+
+    getLevel()
+    {
+        return this;
+    }
+
+    setRootSegment(rootSegment)
+    {
+        this.rootSegment = rootSegment;
+        this.rootSegment.setParent(this);
+        if (this.startRotations)
+        {
+            this.applyRotations();
+        }
+    }
+
+    setWords(words)
+    {
+        this.words = [];
+        for (let i = 0, n = words.length; i < n; i++) {
+            this.words.push(words[i].toUpperCase());
+        }
+    }
+
+    setStartRotations(rotations)
+    {
+        this.startRotations = rotations;
+    }
+
+    applyRotations(rotations)
+    {
+        if (this.rootSegment)
+        {
+            rotations = Helper.nonNull(rotations, this.startRotations);
+            this.rootSegment.applyRotations(rotations);
+        }
+    }
+
+    getHasWon()
+    {
+        return this.hasWon;
+    }
+
+    checkHasWon(delayPromise) {
+        if (this.rootSegment.isSolved()){
+            this.hasWon = true;
+            const self = this;
+            delayPromise.then(()=>{
+                self.wonResolver(true);
+            });
+            return true;
+        }
+        this.saveAsCurrentLevel();
+        return false;
+    }
+
+    getWonPromise(){
+        return this.wonPromise;
+    }
+
+    getRootSegment(){
+        return this.rootSegment;
+    }
+
+    createSegments() {};
+
+    getRotatableSegments(){
+        return Level._getRotatableSegmentsFrom(this.rootSegment);
+    }
+
+    setSegmentClickedListener(listener){
+        this.segmentClickedListener = listener;
+    }
+
+    static _getRotatableSegmentsFrom(segment){
+        let rotatable = [];
+        if (segment.canRotate())
+        {
+            rotatable.push(segment);
+        }
+        if (segment instanceof ParentSegment){
+            for (let i = 0; i < segment.children.length; i++) {
+                rotatable.push.apply(rotatable, Level._getRotatableSegmentsFrom(segment.children[i]));
+            }
+        }
+        return rotatable;
+    }
+
+    static _createLeafsForWord(word, leafSegmentTemplate)
+    {
+        let leafSegments = [];
+        for (let i = 0, n = word.length; i < n; i++) {
+            leafSegments.push(new LeafSegment(Helper.cloneNode(leafSegmentTemplate), word.charAt(i)));
+        }
+        return leafSegments;
+    }
+}
+
+class RowSegment extends ParentSegment{
+    constructor(element) {
+        super(element);
+        this.rotatable = false;
+    }
+
+    applyRotations(rotations)
+    {
+        for (let i = 0, n = this.children.length; i < n; i++) {
+            rotations = this.children[i].applyRotations(rotations);
+        }
+        return rotations;
+    }
+
+    getCurrentRotations(rotations){
+        for (let i = 0, n = this.children.length; i < n; i++) {
+            rotations = this.children[i].getCurrentRotations(rotations);
+        }
+        return rotations;
+    }
+
+    getCurrentLocked(locked) {
+        for (let i = 0, n = this.children.length; i < n; i++) {
+            locked = this.children[i].getCurrentLocked(locked);
+        }
+        return locked;
+    }
+
+    applyLocks(locks) {
+        for (let i = 0, n = this.children.length; i < n; i++) {
+            locks = this.children[i].applyLocks(locks);
+        }
+        return locks;
+    }
+
+    _updateElement() {
+        const childContainer = this.element.querySelector(".child-container");
+        childContainer.removeAllChildren();
+
+        this._updateRotationClass();
+
+        const self = this;
+        this.element.onclick = function (e) {
+            self.rotate();
+            e.stopPropagation();
+        };
+
+        for (let i = 0, n = this.children.length; i < n; i++) {
+            this.children[i]._updateElement();
+            childContainer.appendChild(this.children[i].getElement());
+        }
+    }
+}
+
+class RowLevel extends Level {
+    constructor(container, wordLength) {
+        super(container);
+        this.wordLength = wordLength;
+    }
+
+    createSegments() {
+        if (this.words.length >= 2 && this.words[0].length >= this.wordLength && this.words[1].length >= this.wordLength) {
+            let leafsWordOne = Level._createLeafsForWord(this.words[0], this.templateContainer.copyLeafTemplate());
+            let leafsWordTwo = Level._createLeafsForWord(this.words[1], this.templateContainer.copyLeafTemplate());
+
+            let rootSegment = new RowSegment(this.templateContainer.copyRowTemplate());
+            for (let i = 0, n = this.wordLength / 2; i < n; i++) {
+                let parent = new ParentSegment(this.templateContainer.copyParentTemplate());
+                parent.addChild(leafsWordOne[2 * i]);
+                parent.addChild(leafsWordOne[2 * i + 1]);
+                parent.addChild(leafsWordTwo[2 * i]);
+                parent.addChild(leafsWordTwo[2 * i + 1]);
+                rootSegment.addChild(parent);
+            }
+            // rootSegment.applyRotations(this.startRotations);
+            this.setRootSegment(rootSegment);
+        }
+    }
+}
+
+class SimpleLevel extends RowLevel{
+    constructor(container) {
+        super(container, 6);
+    }
+}
+
+class RowLevel8 extends RowLevel{
+    constructor(container) {
+        super(container, 8);
+    }
+}
+
+class RowLevel10 extends RowLevel{
+    constructor(container) {
+        super(container, 10);
+    }
+}
+
+class TriangleSegment extends RowSegment{
+
+}
+
+class SixWordsRowLevel extends Level {
+
+    constructor(templateContainer, wordLength) {
+        super(templateContainer);
+        this.wordLength = wordLength;
+    }
+
+    createSegments() {
+        if (this.words.length >= 6 &&
+            this.words[0].length >= this.wordLength &&
+            this.words[1].length >= this.wordLength &&
+            this.words[2].length >= this.wordLength &&
+            this.words[3].length >= this.wordLength &&
+            this.words[4].length >= this.wordLength &&
+            this.words[5].length >= this.wordLength
+        ) {
+            let leafsWords = [];
+            leafsWords[0] = Level._createLeafsForWord(this.words[0], this.templateContainer.copyLeafTemplate());
+            leafsWords[1] = Level._createLeafsForWord(this.words[1], this.templateContainer.copyLeafTemplate());
+            leafsWords[2] = Level._createLeafsForWord(this.words[2], this.templateContainer.copyLeafTemplate());
+            leafsWords[3] = Level._createLeafsForWord(this.words[3], this.templateContainer.copyLeafTemplate());
+            leafsWords[4] = Level._createLeafsForWord(this.words[4], this.templateContainer.copyLeafTemplate());
+            leafsWords[5] = Level._createLeafsForWord(this.words[5], this.templateContainer.copyLeafTemplate());
+
+            let rootSegment = new RowSegment(this.templateContainer.copyRowTemplate());
+            for (let i = 0; i < this.wordLength / 4; i++) {
+
+                let parents = [];
+                parents[0] = new ParentSegment(this.templateContainer.copyParentTemplate());
+                parents[1] = new ParentSegment(this.templateContainer.copyParentTemplate());
+                parents[2] = new ParentSegment(this.templateContainer.copyParentTemplate());
+                parents[3] = new ParentSegment(this.templateContainer.copyParentTemplate());
+                parents[4] = new ParentSegment(this.templateContainer.copyParentTemplate());
+                parents[5] = new ParentSegment(this.templateContainer.copyParentTemplate());
+
+                parents[0].addChild(leafsWords[0][4*i]);
+                parents[0].addChild(leafsWords[0][4*i+1]);
+                parents[0].addChild(leafsWords[1][4*i]);
+                parents[0].addChild(leafsWords[1][4*i+1]);
+
+                parents[1].addChild(leafsWords[0][4*i+2]);
+                parents[1].addChild(leafsWords[0][4*i+3]);
+                parents[1].addChild(leafsWords[1][4*i+2]);
+                parents[1].addChild(leafsWords[1][4*i+3]);
+
+                parents[2].addChild(leafsWords[2][4*i]);
+                parents[2].addChild(leafsWords[2][4*i+1]);
+                parents[2].addChild(leafsWords[3][4*i]);
+                parents[2].addChild(leafsWords[3][4*i+1]);
+
+                parents[3].addChild(leafsWords[2][4*i+2]);
+                parents[3].addChild(leafsWords[2][4*i+3]);
+                parents[3].addChild(leafsWords[3][4*i+2]);
+                parents[3].addChild(leafsWords[3][4*i+3]);
+
+                parents[4].addChild(leafsWords[4][4*i]);
+                parents[4].addChild(leafsWords[4][4*i+1]);
+                parents[4].addChild(leafsWords[5][4*i]);
+                parents[4].addChild(leafsWords[5][4*i+1]);
+
+                parents[5].addChild(leafsWords[4][4*i+2]);
+                parents[5].addChild(leafsWords[4][4*i+3]);
+                parents[5].addChild(leafsWords[5][4*i+2]);
+                parents[5].addChild(leafsWords[5][4*i+3]);
+
+
+                let parent = new ParentSegment(this.templateContainer.copyParentTemplate());
+                let triangle = new TriangleSegment(this.templateContainer.copyTriangleTemplate());
+                if (i % 2 === 0) {
+                    parent.addChild(parents[0]);
+                    parent.addChild(parents[1]);
+                    parent.addChild(parents[2]);
+                    parent.addChild(parents[3]);
+
+                    let rowSegment = new RowSegment(this.templateContainer.copyRowTemplate());
+
+                    rowSegment.addChild(parents[4]);
+                    rowSegment.addChild(parents[5]);
+
+                    triangle.addChild(parent);
+                    triangle.addChild(rowSegment);
+
+                    triangle.getElement().classList.add("type-1");
+                }
+                else {
+
+                    let rowSegment = new RowSegment(this.templateContainer.copyRowTemplate());
+
+                    rowSegment.addChild(parents[0]);
+                    rowSegment.addChild(parents[1]);
+
+                    triangle.addChild(rowSegment);
+                    triangle.addChild(parent);
+
+                    parent.addChild(parents[2]);
+                    parent.addChild(parents[3]);
+                    parent.addChild(parents[4]);
+                    parent.addChild(parents[5]);
+
+                    triangle.getElement().classList.add("type-2");
+                }
+                rootSegment.addChild(triangle);
+            }
+            this.setRootSegment(rootSegment);
+        }
+    }
+}
+
+class SixWordsRowLevel8 extends SixWordsRowLevel {
+    constructor(templateContainer) {
+        super(templateContainer, 8);
+    }
+}
+
+class SixWordsRowLevel12 extends SixWordsRowLevel {
+    constructor(templateContainer) {
+        super(templateContainer, 12);
+    }
+}
+
+class FourWordsLevel extends Level {
+
+    constructor(templateContainer, wordLength) {
+        super(templateContainer);
+        this.wordLength = wordLength;
+    }
+
+    createSegments() {
+        if (this.words.length >= 4 &&
+            this.words[0].length >= this.wordLength &&
+            this.words[1].length >= this.wordLength &&
+            this.words[2].length >= this.wordLength &&
+            this.words[3].length >= this.wordLength
+        ) {
+            let leafsWords = [];
+            leafsWords[0] = Level._createLeafsForWord(this.words[0], this.templateContainer.copyLeafTemplate());
+            leafsWords[1] = Level._createLeafsForWord(this.words[1], this.templateContainer.copyLeafTemplate());
+            leafsWords[2] = Level._createLeafsForWord(this.words[2], this.templateContainer.copyLeafTemplate());
+            leafsWords[3] = Level._createLeafsForWord(this.words[3], this.templateContainer.copyLeafTemplate());
+
+            let rootSegment = new RowSegment(this.templateContainer.copyRowTemplate());
+            for (let i = 0; i < this.wordLength / 4; i++) {
+
+                let parents = [];
+                parents[0] = new ParentSegment(this.templateContainer.copyParentTemplate());
+                parents[1] = new ParentSegment(this.templateContainer.copyParentTemplate());
+                parents[2] = new ParentSegment(this.templateContainer.copyParentTemplate());
+                parents[3] = new ParentSegment(this.templateContainer.copyParentTemplate());
+
+                parents[0].addChild(leafsWords[0][4 * i]);
+                parents[0].addChild(leafsWords[0][4 * i + 1]);
+                parents[0].addChild(leafsWords[1][4 * i]);
+                parents[0].addChild(leafsWords[1][4 * i + 1]);
+
+                parents[1].addChild(leafsWords[0][4 * i + 2]);
+                parents[1].addChild(leafsWords[0][4 * i + 3]);
+                parents[1].addChild(leafsWords[1][4 * i + 2]);
+                parents[1].addChild(leafsWords[1][4 * i + 3]);
+
+                parents[2].addChild(leafsWords[2][4 * i]);
+                parents[2].addChild(leafsWords[2][4 * i + 1]);
+                parents[2].addChild(leafsWords[3][4 * i]);
+                parents[2].addChild(leafsWords[3][4 * i + 1]);
+
+                parents[3].addChild(leafsWords[2][4 * i + 2]);
+                parents[3].addChild(leafsWords[2][4 * i + 3]);
+                parents[3].addChild(leafsWords[3][4 * i + 2]);
+                parents[3].addChild(leafsWords[3][4 * i + 3]);
+
+                let parent = new ParentSegment(this.templateContainer.copyParentTemplate());
+                parent.addChild(parents[0]);
+                parent.addChild(parents[1]);
+                parent.addChild(parents[2]);
+                parent.addChild(parents[3]);
+
+                rootSegment.addChild(parent);
+            }
+            this.setRootSegment(rootSegment);
+        }
+    }
+}
+
+class FourWordsLevel8 extends FourWordsLevel{
+    constructor(templateContainer) {
+        super(templateContainer, 8);
+    }
+}
+
+class FourWordsLevel12 extends FourWordsLevel{
+    constructor(templateContainer) {
+        super(templateContainer, 12);
+    }
+}
+
+class LevelHelper {
+    static setLevelType(typeId, level) {
+        LevelHelper.types[typeId] = level;
+    }
+
+    static getLevelClass(type) {
+        return LevelHelper.types[type];
+    }
+
+    static inflateLevel(jsonLevel, templateContainer) {
+        let level = new (LevelHelper.types[jsonLevel["rendererType"]])(templateContainer);
+        level.setWords(jsonLevel["words"]);
+        level.setId(jsonLevel["id"]);
+
+        for (let i = 0, n = jsonLevel["rotations"].length; i < n; i++) {
+            if (jsonLevel["rotations"][i] <= 4) {
+                jsonLevel["rotations"][i] = 90 * jsonLevel["rotations"][i];
+            }
+        }
+
+        level.setStartRotations(jsonLevel["rotations"]);
+        return level;
+    }
+}
+
+LevelHelper.types = {
+    20: SimpleLevel,
+    40: RowLevel8,
+    60: RowLevel10,
+    100: SixWordsRowLevel8,
+    120: FourWordsLevel8,
+    140: SixWordsRowLevel12,
+    160: FourWordsLevel12,
+};
+
+class WordRotatorDb extends MyDb {
+
+    static getInstance() {
+        if (Helper.isNull(WordRotatorDb.instance)) {
+            WordRotatorDb.instance = new WordRotatorDb();
+        }
+        return WordRotatorDb.instance;
+    }
+
+    constructor() {
+        super("wordRotator", 3);
+    }
+
+    upgrade(db, oldVersion, newVersion, e) {
+        console.log("upgrading!");
+        if (Helper.isNull(oldVersion) || oldVersion < 1 && newVersion >= 1) {
+            let levelObjectStore = db.createObjectStore(WordRotatorDb.OBJECT_STORE.LEVEL, {"keyPath": "id"});
+        }
+        if (Helper.isNull(oldVersion) || oldVersion < 2 && newVersion >= 2) {
+            let levelObjectStore = e.target.transaction.objectStore(WordRotatorDb.OBJECT_STORE.LEVEL);
+            levelObjectStore.createIndex("played", ["deleted", "played", "difficulty", "id"], {"unique": false});
+        }
+        if (Helper.isNull(oldVersion) || oldVersion < 3 && newVersion >= 3) {
+            let levelObjectStore = e.target.transaction.objectStore(WordRotatorDb.OBJECT_STORE.LEVEL);
+            levelObjectStore.createIndex("difficulty", "difficulty", {"unique": false});
+        }
+    };
+
+    async saveManyLevels(levels) {
+        return this.saveMany(levels, WordRotatorDb.OBJECT_STORE.LEVEL).catch(e => {
+            console.error("insert error!", e);
+        });
+    }
+
+    async loadLevel(levelId) {
+        return this.load(levelId, WordRotatorDb.OBJECT_STORE.LEVEL);
+    }
+
+    async loadNextLevel(rendererTypes) {
+        const levels = await this.loadMany("difficulty", IDBKeyRange.lowerBound(0), WordRotatorDb.OBJECT_STORE.LEVEL);
+
+        let wrongLevels = [];
+        let newLevels = [];
+        let difficulty = -1;
+        for (let i = 0, n = levels.length; i < n; i++) {
+            if ((difficulty < 0 || difficulty === levels[i]["difficulty"]) && !levels[i]["deleted"] && !levels[i]["played"] && rendererTypes.indexOf(levels[i]["rendererType"]) !== -1) {
+                newLevels.push(levels[i]);
+                difficulty = levels[i]["difficulty"];
+            }
+            else if (levels[i]["difficulty"] !== 0 && !levels[i]["deleted"] && !levels[i]["played"] ) {
+                wrongLevels.push(levels[i]);
+            }
+        }
+
+        if (newLevels.length === 0) {
+            return null;
+        }
+
+        return newLevels[Math.round(Math.random() * newLevels.length) % newLevels.length];
+    }
+
+    async saveLevelPlayed(levelId) {
+        const level = await this.loadLevel(levelId);
+        level.played = true;
+        return await this.saveObj(level, WordRotatorDb.OBJECT_STORE.LEVEL);
+    }
+}
+
+WordRotatorDb.OBJECT_STORE = {
+    LEVEL: "level",
+};
+WordRotatorDb.instance = null;
+
+class EndSite extends WordRotatorBaseSite{
+    constructor(siteManager) {
+        super(siteManager, "html/application/end.html");
+    }
+
+    onStart(args) {
+        Matomo.update("End Site");
+        return super.onStart(args);
+    }
+}
+
+class LevelSite extends WordRotatorBaseSite {
+    constructor(siteManager) {
+        super(siteManager, "html/application/level.html");
+    }
+
+    createActionBarMenu(menu) {
+        menu = super.createActionBarMenu(menu);
+
+        let coinAction = new MenuAction(Helper.nonNull(localStorage.getItem("coins"), "0"), () => {
+        }, MenuAction.SHOW_ALWAYS, 900);
+        coinAction.setShouldTranslate(false);
+        coinAction._liClass = "coin-counter";
+        menu.addAction(coinAction);
+        this.coinAction = coinAction;
+
+        return menu;
+    }
+
+    onConstruct(args) {
+        this.levelCounter = Helper.nonNull(localStorage.getItem("levelCounter"), 1);
+        this.levelScaler = () => {
+        };
+        this.wonParams = {
+            aborted: false,
+            coinCounterTimer: null,
+        };
+        this.coinPromise = Promise.resolve();
+
+        let settingsManager = SettingsManager.getInstance();
+
+        let soundManager = SoundManager.getInstance();
+        soundManager.set({
+            audio: "sound/single_coin_fall_on_concrete_.mp3",
+            muted: !settingsManager.getSetting("play-sound", true),
+            volume: 0.7
+        }, SoundManager.CHANNELS.SOUND);
+
+        soundManager.resume(SoundManager.CHANNELS.MUSIC);
+
+        return super.onConstruct(args);
+    }
+
+    async onFirstStart() {
+        super.onFirstStart();
+        let leafSegmentTemplate = this.findBy("#segment-leaf-template");
+        let parentSegmentTemplate = this.findBy("#segment-parent-template");
+        let rowSegmentTemplate = this.findBy("#segment-row-template");
+        let triangleTemplate = this.findBy("#segment-triangle-template");
+
+        leafSegmentTemplate.id = null;
+        parentSegmentTemplate.id = null;
+        rowSegmentTemplate.id = null;
+        triangleTemplate.id = null;
+
+        leafSegmentTemplate.remove();
+        parentSegmentTemplate.remove();
+        rowSegmentTemplate.remove();
+        triangleTemplate.remove();
+
+        let self = this;
+        let continueButton = this.findBy("#continue-button");
+        continueButton.addEventListener("click", () => {
+            self.nextLevel();
+        });
+
+        let wonText = this.findBy("#won-text");
+
+        let scaleHelper = new ScaleHelper();
+        this.continueButtonScaler = await scaleHelper.scaleToFull(continueButton, continueButton.parentElement, false, true, 2);
+        this.wonTextScaler = await scaleHelper.scaleToFull(wonText, wonText.parentElement, false, false, 2, null, 5);
+        this.wonText = wonText;
+        this.wonText.style.fontSize = "0";
+
+        //Benutze Document, da Element außerhalb von Seite (eigentlich unschön!)
+        this.levelCounterActionContainer = document.getElementById("level-number-container");
+        this.levelCounterAction = document.getElementById("level-number");
+        this.levelCounterAction.innerText = this.levelCounter;
+        this.levelNumberScaler = await scaleHelper.scaleToFull(this.levelCounterAction, this.levelCounterActionContainer, false, false, 4);
+        this.levelCounterActionContainer.classList.add("visible");
+        this.templateContainer = new TemplateContainer(leafSegmentTemplate, parentSegmentTemplate, rowSegmentTemplate, triangleTemplate);
+
+        this.coinTemplate = this.findBy("#coin-template");
+        this.coinContainer = this.findBy("#coin-container");
+
+        this.coinTemplate.id = null;
+        this.coinContainer.removeAllChildren();
+
+        this.findBy("#help-button").addEventListener("click", () => {
+            this.help();
+        });
+
+        this.loadLastLevel();
+    }
+
+    async loadLastLevel() {
+        try {
+            let currentLevelInfo = localStorage.getItem("currentLevel");
+            if (currentLevelInfo !== null) {
+                currentLevelInfo = JSON.parse(currentLevelInfo);
+                // console.log("LevelID: ", currentLevelInfo["id"]);
+
+                const db = WordRotatorDb.getInstance();
+                const levelJson = await db.loadLevel(currentLevelInfo["id"]);
+
+                if (levelJson === null) {
+                    return this.nextLevel();
+                }
+
+                const level = LevelHelper.inflateLevel(levelJson, this.templateContainer);
+                level.setStartRotations(currentLevelInfo["rotations"]);
+
+                const self = this;
+                level.getWonPromise().then(() => {
+                    self.levelWon(level);
+                });
+
+                level.createSegments();
+                level.setLocks(currentLevelInfo["locks"]);
+                level.getRootSegment()._updateElement();
+
+                level.saveAsCurrentLevel();
+
+                let levelSegment = this.findBy("#level");
+                levelSegment.removeAllChildren().appendChild(level.getRootSegment().getElement());
+                let scaleHelper = new ScaleHelper();
+                this.levelScaler = await scaleHelper.scaleToFull(levelSegment, levelSegment.parentElement, false, false, 1, level.words[0].length * 1.5, null, 0);
+
+                this.level = level;
+                let res = this.tutorial();
+                Matomo.push(["trackEvent", "LevelSite", "LoadLastLevel"]);
+                return res;
+            }
+        }
+        catch (e) {
+            console.error(e);
+        }
+        return this.nextLevel();
+    }
+
+    async nextLevel() {
+        try {
+            this._siteContent.classList.remove('won');
+            this.wonText.style.fontSize = "0";
+
+            const db = WordRotatorDb.getInstance();
+            const nextLevelJson = await db.loadNextLevel(LevelSite.RENDERER_TYPES);
+
+            if (nextLevelJson === null) {
+                this.startSite(EndSite);
+                this.finish();
+                return;
+            }
+            const level = LevelHelper.inflateLevel(nextLevelJson, this.templateContainer);
+            const self = this;
+            level.getWonPromise().then(() => {
+                self.levelWon(level);
+            });
+
+            level.createSegments();
+            level.getRootSegment()._updateElement();
+
+            level.saveAsCurrentLevel();
+
+            let levelSegment = this.findBy("#level");
+            levelSegment.removeAllChildren().appendChild(level.getRootSegment().getElement());
+            let scaleHelper = new ScaleHelper();
+            this.levelScaler = await scaleHelper.scaleToFull(levelSegment, levelSegment.parentElement, false, false, 1, level.words[0].length * 1.5, null, 0);
+
+            this.level = level;
+            this.levelCounterAction.innerText = this.levelCounter;
+            this.levelNumberScaler();
+
+            this.coinAction.setTitle(Helper.nonNull(localStorage.getItem("coins"), "0"));
+            this.coinAction.redraw();
+
+            this.wonParams.aborted = true;
+            clearTimeout(this.wonParams.coinCounterTimer);
+
+            //LevelCounter * 2 - 1, damit der durchschnittswert stimmt
+            // Matomo.push(["trackEvent", "LevelSite", "NextLevel", "Level Number Average", this.levelCounter*2-1]);
+            Matomo.push(["trackEvent", "LevelSite", "NextLevel", "Level Number Normal", this.levelCounter]);
+
+            return this.tutorial();
+        }
+        catch (e) {
+            console.error(e);
+        }
+    }
+
+    onStart(args) {
+        Matomo.update("Level Site");
+        let res = super.onStart(args);
+
+        if (this.levelCounterAction) {
+
+            this.levelCounterAction.innerText = this.levelCounter;
+            this.levelCounterActionContainer.classList.add("visible");
+        }
+        this.levelScaler();
+        return res;
+    }
+
+    onPause(args) {
+        super.onPause(args);
+        this.levelCounterActionContainer.classList.remove("visible");
+    }
+
+    async levelWon(level) {
+        try {
+            const db = WordRotatorDb.getInstance();
+            const savePromise = db.saveLevelPlayed(level.getId());
+
+            this.levelCounter++;
+            localStorage.setItem("levelCounter", this.levelCounter);
+
+            this._siteContent.classList.add('won');
+            localStorage.removeItem("currentLevel");
+
+            let continueButton = this.findBy("#continue-button");
+            continueButton.style.transition = "none";
+            continueButton.style.opacity = 0;
+
+            this.coinContainer.removeAllChildren();
+            let coinsPerLevel = SystemSettings.get("coinsPerLevel", 5);
+
+            let coinsBefore = 0;
+
+            let soundManager = SoundManager.getInstance();
+            let audioOptions = soundManager.get(SoundManager.CHANNELS.SOUND);
+
+            this.coinPromise = this.coinPromise.then(() => {
+                coinsBefore = parseInt(Helper.nonNull(localStorage.getItem("coins"), "0"));
+                localStorage.setItem("coins", coinsBefore + parseInt(coinsPerLevel));
+            }).then(() => {
+                return Promise.all([new Promise((r) => {
+                    setTimeout(() => {
+                        r(continueButton.fadeIn());
+                    }, 500);
+                }), audioOptions.loadedPromise.catch(e => {
+                    console.error(e);
+                })]);
+            });
+
+            this.wonParams.aborted = false;
+
+            for (let i = 0; i < coinsPerLevel; i++) {
+                let coinElem = Helper.cloneNode(this.coinTemplate);
+                this.coinContainer.appendChild(coinElem);
+                this.coinPromise = this.coinPromise.then(() => {
+                    return new Promise(r => {
+                        let timeout = 350;
+                        console.log("coinPromise - won", this.wonParams);
+                        if (!this.wonParams.aborted) {
+                            coinElem.fadeIn(timeout / 1000);
+                            soundManager.play(SoundManager.CHANNELS.SOUND);
+
+                            this.wonParams.coinCounterTimer = setTimeout(() => {
+                                if (!this.wonParams.aborted) {
+                                    this.coinAction.setTitle(++coinsBefore);
+                                    this.coinAction.redraw();
+                                }
+                            }, timeout / 2);
+                        }
+                        else {
+                            r();
+                        }
+                        //Always do the next promise for garbage collection
+                        setTimeout(r, timeout);
+                    })
+                });
+            }
+
+            this.coinPromise = this.coinPromise.catch((e) => {
+                console.error(e);
+            });
+
+            this.wonTextScaler();
+            this.continueButtonScaler();
+            this.levelScaler();
+
+            Matomo.push(["trackEvent", "LevelSite", "LevelWon", "Coins", parseInt(Helper.nonNull(localStorage.getItem("coins"), "0"))]);
+
+            await savePromise;
+        }
+        catch (e) {
+            console.error(e);
+        }
+    }
+
+    help() {
+        let cost = SystemSettings.get("costForHelp", 25);
+        let currentCoins = parseInt(Helper.nonNull(localStorage.getItem("coins"), 0));
+
+        if (currentCoins >= cost) {
+            currentCoins -= cost;
+            localStorage.setItem("coins", currentCoins);
+            this.coinAction.title = currentCoins;
+            this.coinAction.redraw();
+
+            let rotatables = this.level.getRotatableSegments();
+            rotatables = rotatables.filter((segment) => {
+                return (segment.rotation !== 0);
+            });
+
+            let index = Math.floor(Math.random() * rotatables.length);
+
+            let segmentToHelp = rotatables[index];
+            while (segmentToHelp.rotation !== 0) {
+                segmentToHelp.rotate();
+            }
+            segmentToHelp.setIsRotatable(false);
+            this.level.saveAsCurrentLevel();
+
+            Matomo.push(["trackEvent", "LevelSite", "Help", "Coins", parseInt(Helper.nonNull(localStorage.getItem("coins"), "0"))]);
+        }
+        else {
+            FlashMessenger.addMessage("not-enough-coins");
+            Matomo.push(["trackEvent", "LevelSite", "Help", "Not enough Coins", parseInt(Helper.nonNull(localStorage.getItem("coins"), "0"))]);
+        }
+    }
+
+    async tutorial() {
+        if (this.level.id === LevelSite.TUTORIAL.FIRST_LEVEL) {
+            let currentStep = Helper.nonNull(localStorage.getItem("tutorial-step"), "1");
+
+            let scaleHelper = new ScaleHelper();
+            this._siteContent.classList.add("tutorial");
+            this._siteContent.classList.add("step-" + currentStep);
+
+            switch (currentStep) {
+                case "1": {
+                    this.level.setSegmentClickedListener(() => {
+                        this._siteContent.classList.remove("step-1");
+                        localStorage.setItem("tutorial-step", "2");
+                        this.tutorial();
+                    });
+
+                    let textElem = this.findBy(".tutorial-text .step-1");
+
+                    await this.levelScaler();
+                    scaleHelper.scaleToFull(textElem, textElem.parentElement, null, true, 1, 2);
+
+                    break;
+                }
+                case "2": {
+                    this.level.setSegmentClickedListener(() => {
+                    });
+                    this.level.getWonPromise().then(() => {
+                        this._siteContent.classList.remove("tutorial");
+                        this._siteContent.classList.remove("step-2");
+                        localStorage.removeItem("tutorial-step");
+                        this.coinPromise = this.coinPromise.then(() => {
+                            console.log("coinPromise - tutorial", this.wonParams);
+
+                            FlashMessenger.addMessage("extra-coins-after-first-level");
+                            localStorage.setItem("coins", parseInt(Helper.nonNull(localStorage.getItem("coins"), "0")) + 50);
+                            this.coinAction.setTitle(Helper.nonNull(localStorage.getItem("coins"), "0"));
+                            this.coinAction.redraw();
+                        });
+                        // this.levelScaler();
+                    });
+
+                    let textElem = this.findBy(".tutorial-text .step-2");
+
+                    await this.levelScaler();
+                    scaleHelper.scaleToFull(textElem, textElem.parentElement, null, true, 1, 2);
+
+                    break;
+                }
+            }
+        }
+        else if (this.level.id === LevelSite.TUTORIAL.SECOND_LEVEL) {
+            let currentStep = Helper.nonNull(localStorage.getItem("tutorial-step"), "3");
+
+            switch (currentStep) {
+                case "3": {
+                    let scaleHelper = new ScaleHelper();
+
+                    this._siteContent.classList.add("tutorial");
+                    this._siteContent.classList.add("step-" + currentStep);
+
+                    let eventListener = () => {
+                        this._siteContent.classList.remove("tutorial");
+                        this._siteContent.classList.remove("step-3");
+                        localStorage.setItem("tutorial-step", "4");
+                        this.findBy("#help-button").removeEventListener("click", eventListener);
+                        this.levelScaler();
+                    };
+                    this.findBy("#help-button").addEventListener("click", eventListener);
+
+                    let textElem = this.findBy(".tutorial-text .step-3");
+
+                    await this.levelScaler();
+                    scaleHelper.scaleToFull(textElem, textElem.parentElement, null, true, 1, 2);
+                    break;
+                }
+            }
+        }
+        else if (this.level.id === LevelSite.TUTORIAL.BIG_SEGMENT_LEVEL) {
+            let currentStep = Helper.nonNull(localStorage.getItem("tutorial-step"), "4");
+
+            switch (currentStep) {
+                case "4": {
+
+                    let scaleHelper = new ScaleHelper();
+                    this._siteContent.classList.add("tutorial");
+                    this._siteContent.classList.add("step-" + currentStep);
+
+                    let rotatableSegments = this.level.getRotatableSegments();
+                    let firstSegment = rotatableSegments[0];
+
+                    let pointer = this.findBy("#tutorial-pointer");
+                    pointer.remove();
+                    firstSegment.element.appendChild(pointer);
+
+                    this.level.setSegmentClickedListener((segment) => {
+                        if (firstSegment === segment) {
+                            this._siteContent.classList.remove("tutorial");
+                            this._siteContent.classList.remove("step-4");
+                            localStorage.setItem("tutorial-step", "5");
+                            this.levelScaler();
+                        }
+                    });
+
+                    let textElem = this.findBy(".tutorial-text .step-4");
+
+                    await this.levelScaler();
+                    scaleHelper.scaleToFull(textElem, textElem.parentElement, null, true, 1, 2);
+
+                    break;
+                }
+            }
+        }
+    }
+}
+LevelSite.RENDERER_TYPES = [20, 40, 60, 100, 120, 140, 160];
+LevelSite.TUTORIAL = {
+    FIRST_LEVEL: 67,
+    SECOND_LEVEL: 15,
+    BIG_SEGMENT_LEVEL: 341
+};
+
+class MainMenuLevel extends FourWordsLevel{
+
+    constructor(templateContainer) {
+        super(templateContainer, 4);
+    }
+
+    saveAsCurrentLevel() {
+    }
+
+    // checkHasWon(delayPromise) {
+    // }
+}
+
+class ShareDialog extends Dialog{
+    constructor() {
+        let viewPromise = ViewInflater.inflate("html/application/dialog/share.html").then(view => {
+            view.appendChild(ShareManager.generateDefaultShareElement(window.location.hostname + Helper.basePath("")));
+            let closeListener = () => {
+                this.close();
+            };
+
+            view.querySelectorAll("a").forEach((element) => {
+               element.addEventListener("click", closeListener);
+            });
+            return view;
+        });
+
+        super(viewPromise, "share-dialog");
+    }
+}
+
+class MenuSite extends WordRotatorBaseSite {
+    constructor(siteManager) {
+        super(siteManager, "html/application/menu.html");
+        this.loadLevelPromise = this.loadLevels();
+        this.listener = null;
+    }
+
+    onStart(args) {
+        Matomo.update("Menu Site");
+        let res = super.onStart(args);
+
+        let level = new MainMenuLevel(this.templateContainer);
+        level.setWords(["WORD", "ROTA", "TORW", "ORDR"]);
+        level.createSegments();
+
+        level.getWonPromise().then(() => {
+            Matomo.push(["trackEvent", "MainMenu", "levelSolved"]);
+            this.startLevelSite();
+        });
+
+        let segment = level.getRootSegment();
+        segment._updateElement();
+
+        let levelSegment = this.findBy("#level");
+        levelSegment.removeAllChildren().appendChild(segment.getElement());
+
+        let rotationsSegments = level.getRotatableSegments();
+
+        let randomRotationFunction = () => {
+            let timeout = Math.random() * 4500 + 1500;
+            this.randomRotateTimeout = setTimeout(() => {
+                let indexBlocked = -1;
+                let indexesNotRight = [];
+                for (let i = 0; i < rotationsSegments.length; i++) {
+                    if (rotationsSegments[i].rotation !== 0) {
+                        indexesNotRight.push(i);
+                        if (indexesNotRight.length >= 2) {
+                            break;
+                        }
+                    }
+                }
+                if (indexesNotRight.length === 1) {
+                    indexBlocked = indexesNotRight[0];
+                }
+
+                let index = Math.floor(Math.random() * rotationsSegments.length);
+                if (index === indexBlocked) {
+                    index = (index + 1) % rotationsSegments.length;
+                }
+
+                rotationsSegments[index].rotate();
+                randomRotationFunction();
+            }, timeout);
+        };
+        randomRotationFunction();
+
+        this.listener = async () => {
+            let playButton = this.findBy("#play-button");
+            let levelNumber = this.findBy("#level-number");
+            levelNumber.innerText = Helper.nonNull(localStorage.getItem("levelCounter"), 1);
+
+            let levelSegment = this.findBy("#level");
+
+            let scaleHelper = new ScaleHelper();
+            await scaleHelper.scaleToFull(levelSegment, levelSegment.parentElement, false, false, 2, 8, null, false);
+
+            // debugger;
+            let levelStyle = getComputedStyle(levelSegment);
+            playButton.style.width = levelStyle.getPropertyValue("width");
+            scaleHelper.scaleToFull(playButton.children[0], playButton, null, null, null, 4, null, false);
+
+            await scaleHelper.scaleTo(0.2, levelNumber.parentElement, levelNumber.parentElement.parentElement, null, null, null, 10, null, false);
+            scaleHelper.scaleToFull(levelNumber, levelNumber.parentElement, false, false, 8, null, null, false);
+        };
+
+        this.listener();
+        window.addEventListener("resize", this.listener);
+
+        //Musikbuttons update, falls in den Einstellungen umgestellt
+        let settingsManager = SettingsManager.getInstance();
+        let playSoundButton = this.findBy("#play-sound");
+        playSoundButton.checked = (settingsManager.getSetting("play-sound", "1") === "1");
+        let playMusicButton = this.findBy("#play-music");
+        playMusicButton.checked = (settingsManager.getSetting("play-music", "1") === "1");
+
+        return res;
+    }
+
+    async startLevelSite() {
+        this.startSite(LevelSite, Promise.race([this.loadLevelPromise, new Promise(async resolve => {
+            const db = WordRotatorDb.getInstance();
+            let level = await db.loadNextLevel(LevelSite.RENDERER_TYPES);
+            if (level !== null) {
+                resolve();
+            }
+        })]));
+    }
+
+    async onFirstStart() {
+        super.onFirstStart();
+
+        let playButton = this.findBy("#play-button");
+        playButton.addEventListener("click", () => {
+            Matomo.push(["trackEvent", "MainMenu", "startButton"]);
+            this.startLevelSite();
+        });
+
+        let leafSegmentTemplate = this.findBy("#segment-leaf-template");
+        let parentSegmentTemplate = this.findBy("#segment-parent-template");
+        let rowSegmentTemplate = this.findBy("#segment-row-template");
+        let triangleTemplate = this.findBy("#segment-triangle-template");
+
+        leafSegmentTemplate.id = null;
+        parentSegmentTemplate.id = null;
+        rowSegmentTemplate.id = null;
+        triangleTemplate.id = null;
+
+        leafSegmentTemplate.remove();
+        parentSegmentTemplate.remove();
+        rowSegmentTemplate.remove();
+        triangleTemplate.remove();
+
+        this.templateContainer = new TemplateContainer(leafSegmentTemplate, parentSegmentTemplate, rowSegmentTemplate, triangleTemplate);
+
+        if (Helper.nonNull(MenuSite.app._cookieClosePromise)) {
+            MenuSite.app._cookieClosePromise.then(() => {
+                if (this.listener) {
+                    this.listener();
+                }
+            });
+        }
+
+        let settingsManager = SettingsManager.getInstance();
+        let soundManager = SoundManager.getInstance();
+
+        let playMusicButton = this.findBy("#play-music");
+        playMusicButton.checked = settingsManager.getSetting("play-music", true);
+        playMusicButton.addEventListener("change", () => {
+            settingsManager.setSetting("play-music", (playMusicButton.checked)?"1":"0");
+            soundManager.set({muted: !playMusicButton.checked}, SoundManager.CHANNELS.MUSIC);
+            if (playMusicButton.checked) {
+                soundManager.play(SoundManager.CHANNELS.MUSIC);
+            }
+            Matomo.push(["trackEvent", "MainMenu", "PlayMusic", "Play Music", (playMusicButton.checked) ? 1 : 0]);
+        });
+
+        let playSoundButton = this.findBy("#play-sound");
+        playSoundButton.checked = settingsManager.getSetting("play-sound", true);
+        playSoundButton.addEventListener("change", () => {
+            settingsManager.setSetting("play-sound", (playSoundButton.checked)?"1":"0");
+            soundManager.set({muted: !playSoundButton.checked}, SoundManager.CHANNELS.SOUND);
+            Matomo.push(["trackEvent", "MainMenu", "PlaySound", "Play Sound", (playSoundButton.checked) ? 1 : 0]);
+        });
+
+        this.findBy("#share-button").addEventListener("click", () => {
+            new ShareDialog().show();
+        });
+        // this.findBy("#share-buttons").appendChild(ShareManager.generateDefaultShareElement("https://wordrotator.silas.link"));
+    }
+
+    onPause(args) {
+        clearTimeout(this.randomRotateTimeout);
+        window.removeEventListener("resize", this.listener);
+        super.onPause(args);
+    }
+
+    async loadLevels() {
+        const dateLastSync = Helper.nonNull(localStorage.getItem("date-last-sync"), 0);
+        const db = WordRotatorDb.getInstance();
+
+        let newLastSync = null;
+        let maxRuns = 1;
+        let levelPromises = [];
+        for (let run = 0; run < maxRuns; run++) {
+            let res = await DataManager.load("wordRotator/levels" + DataManager.buildQuery({
+                "currentRun": run,
+                "dateLastSync": dateLastSync
+            }));
+            if (!res["success"]) {
+                if (await db.loadNextLevel(LevelSite.RENDERER_TYPES) === null) {
+                    FlashMessenger.addMessage("sync-error", null, 6000);
+                }
+                newLastSync = null;
+                break;
+            }
+            res = res["result"];
+            newLastSync = Helper.nonNull(newLastSync, res["currentSyncDate"]);
+            maxRuns = res["maxRuns"];
+
+            let levels = res["levels"];
+            for (let i = 0, n = levels.length; i < n; i++) {
+                let currentLevel = levels[i];
+                levelPromises.push(db.loadLevel(levels[i]["id"]).then(level => {
+                    currentLevel["played"] = (Helper.nonNull(Helper.nonNull(level, {}).played, false));
+                    return currentLevel;
+                }));
+            }
+        }
+        let levels = await Promise.all(levelPromises);
+        console.log("levels to save", levels);
+        await db.saveManyLevels(levels);
+
+        if (newLastSync != null && newLastSync !== "null") {
+            localStorage.setItem("date-last-sync", newLastSync);
+        }
+    }
+}
+
+MenuSite.app = null;
+InitPromise.addPromise(app => {
+    MenuSite.app = app;
+});
+
+class PrivacyPolicySite extends WordRotatorBaseSite {
+    constructor(siteManager) {
+        super(siteManager, "html/application/privacyPolicy.html", "privacyPolicy");
+    }
+
+    onFirstStart() {
+        let trackSwitch =this.findBy("#track-switch");
+
+        trackSwitch.addEventListener("change", function (e) {
+            Matomo.setTrack(this.checked === true);
+            e.stopPropagation();
+            e.preventDefault();
+        });
+        super.onFirstStart();
+    }
+
+    onStart(args) {
+        let trackSwitch =this.findBy("#track-switch");
+        let shouldTrack = (Helper.nonNull(localStorage.getItem("matomoShouldTrack"), "1") === "1");
+        trackSwitch.checked = shouldTrack;
+
+        Matomo.update("Privacy Policy Site");
+        return super.onStart(args);
+    }
+}
+
+InitPromise.addPromise(app => {
+    app.addDeepLink("privacyPolicy", PrivacyPolicySite);
+});
+
+class CreditsSite extends WordRotatorBaseSite{
+    constructor(siteManager) {
+        super(siteManager, "html/application/credits.html", "credits");
+    }
+
+    onStart(args) {
+        Matomo.update("Credits Site");
+        return super.onStart(args);
+    }
+}
+
+InitPromise.addPromise(app => {
+    app.addDeepLink("credits", CreditsSite);
+});
+
+class ChooseThemeDialog extends Dialog {
+
+    constructor() {
+        let viewPromise = ViewInflater.inflate("html/application/dialog/chooseTheme.html").then(view => {
+
+            let template = view.querySelector("#choose-theme-template");
+            template.remove();
+            template.id = null;
+
+            let themeTemplateContainer = view.querySelector("#theme-choose-container");
+
+            for (let i = 0; i < ThemeManager.themes.length; i++) {
+                let themeElem = Helper.cloneNode(template);
+                let theme = ThemeManager.themes[i];
+                themeElem.querySelector(".name").appendChild(Translator.makePersistentTranslation(theme._name));
+                themeElem["dataset"]["theme"] = theme._name;
+
+                themeElem.addEventListener("click", () => {
+                    this.result = themeElem["dataset"]["theme"];
+                    this.close();
+                });
+                themeTemplateContainer.appendChild(themeElem);
+            }
+
+            return view;
+        });
+
+        super(viewPromise, "choose-theme-dialog-title");
+    }
+}
+
+class ImpressumSite extends WordRotatorBaseSite{
+    constructor(siteManager) {
+        super(siteManager, "html/application/impressum.html", "impressum");
+    }
+}
+
+InitPromise.addPromise(app => {
+    app.addDeepLink("impressum", ImpressumSite);
+});
+
+class WordRotatorSettingFragment extends LocalStorageSettingsFragment {
+    constructor(site) {
+        super(site, "html/application/fragment/settings.html");
+    }
+
+    onFirstStart() {
+        let currentThemeName = ThemeManager.currentTheme._name;
+        SettingsManager.getInstance().setSetting("theme", currentThemeName);
+
+        let themeNameElem = this.findBy("#theme-name");
+        themeNameElem.removeAllChildren().appendChild(Translator.makePersistentTranslation(currentThemeName));
+        this.findBy("#theme-chooser").addEventListener("click", async () => {
+            let newTheme = await (new ChooseThemeDialog()).show();
+            if (Helper.isNotNull(newTheme)) {
+                SettingsManager.getInstance().setSetting("theme", newTheme);
+                ThemeManager.changeCurrentTheme(newTheme);
+                themeNameElem.removeAllChildren().appendChild(Translator.makePersistentTranslation(newTheme));
+            }
+        });
+
+        this.findBy("#reset-levels").addEventListener("click", () => {
+            localStorage.removeItem("currentLevel");
+            localStorage.removeItem("date-last-sync");
+            localStorage.removeItem("levelCounter");
+            localStorage.removeItem("tutorial-step");
+            WordRotatorDb.getInstance().removeAll(WordRotatorDb.OBJECT_STORE.LEVEL);
+        });
+
+        if (location.hostname.includes("beta") || location.hostname.includes("127.0.0.1")) {
+            this.findBy("#reset-levels").classList.remove("hidden");
+        }
+
+        let playMusicButton = this.findBy("#play-music");
+        playMusicButton.addEventListener("change", () => {
+            let soundManager = SoundManager.getInstance();
+            soundManager.set({muted: !playMusicButton.checked}, SoundManager.CHANNELS.MUSIC);
+            if (playMusicButton.checked) {
+                soundManager.play(SoundManager.CHANNELS.MUSIC);
+            }
+        });
+
+        this.findBy("#track-switch").addEventListener("change", function (e) {
+            Matomo.setTrack(this.checked === true);
+            e.stopPropagation();
+            e.preventDefault();
+        });
+
+        this.findBy("#credits-button").addEventListener("click", () => {
+            this.getSite().startSite(CreditsSite);
+        });
+        this.findBy("#privacy-policy-button").addEventListener("click", () => {
+            this.getSite().startSite(PrivacyPolicySite);
+        });
+        this.findBy("#contact-button").addEventListener("click", () => {
+            this.getSite().startSite(ContactSite);
+        });
+        this.findBy("#impressum-button").addEventListener("click", () => {
+            this.getSite().startSite(ImpressumSite);
+        });
+
+        InstallManager.setCanInstallListener(() => {
+            let installButton = this.findBy("#install-button");
+            installButton.addEventListener("click", () => {
+                installButton.classList.add("hidden");
+                InstallManager.prompt().then((e) => {
+                    console.log("clicked", e);
+                    if (e["outcome"] === "accepted"){
+                        Matomo.trackEvent("installed", "installed");
+                    }
+                });
+            });
+            installButton.classList.remove("hidden");
+        });
+
+        return super.onFirstStart();
+    }
+
+    onStart() {
+        Matomo.update("Settings Site");
+        super.onStart();
+    }
+}
+
+InitPromise.addPromise(function () {
+    SettingsSite.addSettingsFragment("settings", WordRotatorSettingFragment);
+});
+
+class SelectWordsSite extends UserSite{
+
+    constructor(siteManager) {
+        super(siteManager, "version/1/html/selectWords.html", null, "admin");
+    }
+
+    async onConstruct(args) {
+        let res = await super.onConstruct(args);
+        this.stats = (await DataManager.load("words"))["result"];
+        this.words = this.stats["wordsToCheck"];
+        return res;
+    }
+
+    onFirstStart() {
+        super.onFirstStart();
+        this.findBy("#not-checked").appendChild(document.createTextNode(this.stats["wordsNotChecked"]));
+        this.findBy("#checked").appendChild(document.createTextNode(this.stats["wordsChecked"]));
+        this.findBy("#not-sure").appendChild(document.createTextNode(this.stats["wordsUnsure"]));
+        this.findBy("#deleted").appendChild(document.createTextNode(this.stats["wordsDeleted"]));
+
+        let template = this.findBy("#word-template");
+        template.id = null;
+        template.remove();
+
+        let container = this.findBy("#word-container");
+
+        let numWords = this.words.length;
+        for (let i = 0; i < numWords; i++) {
+            let wordElement = Helper.cloneNode(template);
+            wordElement.dataset["id"] = -1;
+            this.setWord(wordElement, this.words[i]);
+            container.appendChild(wordElement);
+
+            wordElement.querySelector(".button-ok").addEventListener("click", async () => {
+                let newWord = (await DataManager.send("checkWord", {
+                    "wordId":wordElement.dataset["id"],
+                    "action":"1"
+                }))["result"];
+                this.setWord(wordElement, newWord[0]);
+            });
+
+            wordElement.querySelector(".button-unsure").addEventListener("click", async () => {
+                let newWord = (await DataManager.send("checkWord", {
+                    "wordId":wordElement.dataset["id"],
+                    "action":"2"
+                }))["result"];
+                this.setWord(wordElement, newWord[0]);
+            });
+
+            wordElement.querySelector(".button-delete").addEventListener("click", async () => {
+                let newWord = (await DataManager.send("checkWord", {
+                    "wordId":wordElement.dataset["id"],
+                    "action":"3"
+                }))["result"];
+                this.setWord(wordElement, newWord[0]);
+            });
+        }
+    }
+
+    setWord(wordElement, word){
+        console.log(wordElement, word);
+        wordElement.querySelector(".word").removeAllChildren().appendChild(document.createTextNode(word["word"]));
+        wordElement.dataset["id"] = word["id"];
+    }
+}
+
+InitPromise.addPromise(app => {
+    app.addDefaultAction(new UserAction("select-words", () => {
+        app.startSite(SelectWordsSite);
+    }, null, null, "admin"));
+});
+
+class DeleteWordsSite extends UserSite {
+    constructor(siteManager) {
+        super(siteManager, "version/1/html/deleteLevels.html", null, "admin");
+    }
+
+    async onConstruct(args) {
+        let res = super.onConstruct(args);
+        this.words = (await DataManager.load("getDoubleUsedWordsAction"))["result"];
+        return res;
+    }
+
+
+    onFirstStart() {
+        super.onFirstStart();
+
+        let levelTemplate = this.findBy("#level-template");
+        let wordTemplate = this.findBy("#word-template");
+        let wordContainer = this.findBy("#word-container");
+
+        levelTemplate.id = null;
+        levelTemplate.remove();
+
+        wordTemplate.id = null;
+        wordTemplate.remove();
+
+        for (let k in this.words) {
+            let wordElem = Helper.cloneNode(wordTemplate);
+            wordElem.querySelector(".name").appendChild(document.createTextNode(k));
+            let levelContainer = wordElem.querySelector(".level-container");
+            for (let j = 0; j < this.words[k].length; j++) {
+                let level = this.words[k][j];
+                let levelElem = Helper.cloneNode(levelTemplate);
+                levelElem.querySelector(".id").appendChild(document.createTextNode(level["id"]));
+                levelElem.querySelector(".words").appendChild(document.createTextNode(level["words"]));
+                levelElem.querySelector(".positions").appendChild(document.createTextNode(level["rotations"]));
+
+                levelElem.querySelector(".delete-button").addEventListener("click", async () => {
+                    let res = await DataManager.send("deleteLevel", {"levelId": level["id"]});
+                    if (res["success"]){
+                        levelElem.remove();
+                    }
+                });
+
+                levelContainer.appendChild(levelElem);
+            }
+            wordContainer.appendChild(wordElem);
+        }
+    }
+}
+
+InitPromise.addPromise(app => {
+    app.addDefaultAction(new UserAction("delete-levels", () => {
+        app.startSite(DeleteWordsSite);
+    },null, null, "admin"));
+});
+
+let basePath = "/pwa/wordRotator/public/";
+if (window.location.pathname.includes("publicTest/"))
+{
+    basePath = "/pwa/wordRotator/publicTest/";
+}
+
+SystemSettings.setBasePath(basePath);
+Translator.supportedLanguages = ["de"];
+Translator.markTranslations = false;
+
+Matomo.SIDE_ID = "2";
+
+applyPolyfills();
+
+ThemeManager.addTheme(new Theme('red', 'red'));
+ThemeManager.addTheme(new Theme("blue", "blue"));
+ThemeManager.addTheme(new Theme("black", "black"));
+ThemeManager.addTheme(new Theme("green", "green"));
+ThemeManager.addTheme(new Theme("pink", "pink"));
+ThemeManager.addTheme(new Theme("dark", "dark"));
+
+ShareManager.addShareButton(new MatomoShareButton(new WhatsappShareButton('img/whatsapp.svg'), "whatsapp", true));
+ShareManager.addShareButton(new MatomoShareButton(new SmsShareButton('img/sms.svg'), "sms", true));
+ShareManager.addShareButton(new MatomoShareButton(new TelegramShareButton('img/telegram.svg'), "telegram", true));
+// ShareManager.addShareButton(new CopyShareButton('img/copy.svg'));
+
+let app = new App();
+// app.addDeepLink("policy", PrivatePolicySite.name);
+
+// bridge für Android
+// window["ThemeManager"] = ThemeManager;
+// window["ThemeManager"]["addChangeListener"] = ThemeManager.addChangeListener;
+// window["app"] = app;
+// window["app"]["refreshCurrentSite"] = app.refreshCurrentSite;
+// window["Translator"] = Translator;
+// window["Translator"]["setLanguage"] = Translator.setLanguage;
+// window["InitPromise"] = InitPromise;
+// window["InitPromise"]["addPromise"] = InitPromise.addPromise;
+
+
+SettingsSite.setTemplate("html/application/setting-template.html");
+// SettingsSite.shouldAddSettingsAction = false;
+
+RegistrationSite.addAction = false;
+LoginSite.addLoginAction = false;
+
+InitPromise.resolve(app).then(async function(){
+    SettingsSite.settingsAction.showFor = MenuAction.SHOW_ALWAYS;
+
+    let settingsManager = SettingsManager.getInstance();
+
+    let soundManager = SoundManager.getInstance();
+    soundManager.play(SoundManager.CHANNELS.MUSIC, {audio: "sound/brightAndBeautifull__.mp3", loop: true, volume: 0.6, muted: (settingsManager.getSetting("play-music", "1") !== "1")});
+
+    app.start(MenuSite);
+    Translator.setLanguage("de");
+
+    InstallManager.setCanInstallListener(e => {
+        console.log("can install!", e);
+    });
+});
diff --git a/src/js/prod.settings.js b/src/js/prod.settings.js
index ab1b231..9528aab 100755
--- a/src/js/prod.settings.js
+++ b/src/js/prod.settings.js
@@ -6,4 +6,4 @@ Translator.supportedLanguages = ["de"];
 Translator.markTranslations = false;
 Translator.markUntranslatedTranslations = false;
 
-Matomo.SIDE_ID = null;
\ No newline at end of file
+Matomo.SIDE_ID = 3;
\ No newline at end of file
diff --git a/test/test.testcafe.js b/test/test.testcafe.js
index 686c167..1ffb970 100644
--- a/test/test.testcafe.js
+++ b/test/test.testcafe.js
@@ -1,7 +1,7 @@
 import {Selector} from 'testcafe';
 import {ClientFunction} from 'testcafe';
 
-let isLocal = true;
+let isLocal = false;
 
 
 const goBack = ClientFunction(() => window.history.back());